@charset "utf-8";
/* CSS Document */


/* 메인 내용 공통 */

section>article { width:100%; text-align:center;}
.contents_box { position:relative; width:1200px; height:100%; margin:0 auto;}
.contents_box_title { font-size:37px; font-weight:800; color:#000; margin-bottom:6px; line-height:50px; letter-spacing:-0.03em;}
.contents_box_txt { font-size:16px; font-weight:400; color:#111; margin-bottom:60px; line-height:20px; letter-spacing:0.01em;}
.contents_title_bar { width:50px; height:1px; background-color:#999; margin:0 auto 40px auto;}
.cont_item_box_wrap { position:relative; width:100%; max-width:1200px; margin:0 auto; z-index:10;}
.cont_item_box_wrap:after { display:block; content:""; clear:both;}


/* 상단, 비주얼 */

section>.cont_mv { position:relative; width:100%; overflow:hidden; background-color:#F7F7F7;}
.main_slide { width:1920px; height:950px; position:relative; margin-left:-960px; left:50%; top:0%; z-index:1;}
.main_slide_p { display:block;}
.main_slide_t { display:none;}
.main_slide_m { display:none;}

.main_vtxt1 { position:absolute; top:410px; left:50%; margin-left:-600px; width:1200px; text-align:center; font-size:18px; font-weight:400; color:rgba(255,255,255,1); z-index:150; letter-spacing:0.3em; padding-left:5px;}
.main_vtxt2 { position:absolute; top:460px; left:50%; margin-left:-600px; width:1200px; text-align:center; font-size:60px; font-weight:800; color: rgba(255,255,255,1); z-index:150; line-height:65px; letter-spacing:0.01em;}
.main_vtxt3 { position:absolute; top:513px; left:50%; margin-left:-600px; width:1200px; text-align:center; font-size:21px; font-weight:300; color:rgba(255,255,255,1); z-index:150; letter-spacing:-0.01em; padding-left:5px; line-height:30px;}
.main_vbtn { position:absolute; top:480px; left:50%; margin-left:-600px; display:block; font-size:18px; line-height:18px; padding:20px 30px; z-index:150; border:2px solid #FFF; background-color:rgba(0,0,0,0.1); color:#FFF}
.main_slide_p img { width:100%; height:auto;
animation: /*선택자*/slidein_img /*동작시간*/2s /*진행속도:ease,ease-out,ease-in*/ease /*딜레이*/0s /*반복:수,infinite*/1 /*방향:normal,alternate*/normal /*완료후:none,both*/both; -webkit-animation: slidein_img 2s ease 0s 1 normal both; /*움직이는 기준점 가로0% 세로0%*/transform-origin:50% 50%;}
@keyframes slidein_img {
	0% { -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1);}
	100% { -ms-transform: scale(1,1); -webkit-transform: scale(1,1); transform: scale(1,1);}
}

/* bxSlider 버튼 스타일 */

.main_slide a.bx-prev, .main_slide a.bx-next { position:absolute; top:50%; margin-top:30px; width:28px; height:53px; background-size:100% auto; opacity:0.3; text-indent:-9999px;}
.main_slide a.bx-prev { left:50%; margin-left:-728px; background-image: url(/images/icon/slider_left_28x53_w.png); z-index:100;}
.main_slide a.bx-next { left:50%; margin-left:700px; background-image: url(/images/icon/slider_right_28x53_w.png); z-index:100;}
.main_slide a.bx-start, .main_slide a.bx-stop {}
.main_slide a.bx-start {}
.main_slide a.bx-stop {}
.main_slide div.bx-pager { position:absolute; width:100%; left:0; bottom:100px; text-align:center; z-index:50;}
.main_slide div.bx-pager div { display:inline-block; margin:0 4px;}
.main_slide div.bx-pager div a { display:block; width:60px; height:5px; background-color:rgba(255,255,255,0.5); text-indent:-9999px;}
.main_slide div.bx-pager div a.active { background-color:#ff0518;}


/* cont_product */

section>.cont_product { height:auto; padding:90px 0; background-color:#fff;}
section>.cont_product:after { display:block; content:""; clear:both;}

.cont_product_item_box { float:left; width:46%; min-height:336px; margin-left:2%; margin-right:4%; text-align:left; overflow:hidden;}
.cont_product_item_box1 { opacity:0; margin-left:0px;}
.cont_product_item_box2 { opacity:0; margin-left:0px; margin-bottom:40px;}
.cont_product_item_box3 { opacity:0; margin-left:0px;}
.cont_product_item_box4 { opacity:0; margin-left:0px;}
.cont_product_item_box5 { opacity:0; margin-left:0px;}
.cont_product_item_box6 { opacity:0; margin-left:0px;}
.cont_product_item_box7 { opacity:0; margin-left:0px;}
.cont_product_item_box8 { opacity:0; margin-left:0px;}

.cont_product_item_box1_a { opacity:1; margin-left:0px;}
.cont_product_item_box2_a { opacity:1; margin-left:0px;}
.cont_product_item_box3_a { opacity:1; margin-left:0px;}
.cont_product_item_box4_a { opacity:1; margin-left:0px;}
.cont_product_item_box5_a { opacity:1; margin-left:0px;}
.cont_product_item_box6_a { opacity:1; margin-left:0px;}
.cont_product_item_box7_a { opacity:1; margin-left:0px;}
.cont_product_item_box8_a { opacity:1; margin-left:0px;}

.cont_product_bg { width:100%; min-height:336px; background-repeat:no-repeat; background-size:cover; background-position:50% 0%; -webkit-transition: all 0.45s ease; -moz-transition: all 0.45s ease; -ms-transition: all 0.45s ease; -o-transition: all 0.45s ease; transition: all 0.45s ease;}
.cont_product_item_box:hover>.cont_product_bg { -ms-transform: scale(1.05,1.05); -webkit-transform: scale(1.05,1.05); transform: scale(1.05,1.05);}
.cont_product_bg1 { background-image:url(/images/main/cont_product_bg01.jpg);}
.cont_product_bg2 { background-image:url(/images/main/cont_product_bg02.jpg);}
.cont_product_bg3 { background-image:url(/images/main/cont_product_bg03.jpg);}
.cont_product_bg4 { background-image:url(/images/main/cont_product_bg04.jpg);}

.cont_product_item_box_ment { padding:20px 15px 0 15px; width:100%;}
.cont_product_item_box_title { font-size:26px; color:#777; line-height:30px; width:85%; margin-bottom:20px; letter-spacing:-0.06em;}
.cont_product_item_box_title>p { font-size:27px; line-height:54px; color:#000; margin-bottom:22px; font-weight:700; letter-spacing:0.01em;}
.cont_product_item_box_txt { font-size:18px; font-weight:300; line-height:27px; margin-bottom:45px; letter-spacing:0.01em; color:#666;}
.cont_product_item_box_more { display:block; width:45px; height:15px; margin-top:40px;}
.cont_product_item_box_btn { display:inline-block; font-size:17px; font-weight:300; padding:5px 10px; margin-bottom:15px; border:1px solid #0054a6; background:#0054a6; margin-right:4px; color:#fff; letter-spacing:0.01em;}


.cont_product a { text-decoration:none; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; text-decoration: none;}
.cont_product a:hover { text-decoration:none;}
.cont_product a:focus, a:hover { color:#3edbfd;}



/* cont_4bn */

section>.cont_4bn { height:910px; padding:90px 0; background-color:#f5f5f5;}
section>.cont_4bn:after { display:block; content:""; clear:both;}

.cont_4bn_item_box { float:left; position:relative; display:block; width:385px; height:580px; margin-left:5px; margin-right:5px; text-align:left; overflow:hidden;}
.cont_4bn_item_box1 { opacity:0; margin-top:30px;
-webkit-transition: all 0.5s 0s; -moz-transition: all 0.5s 0s; -ms-transition: all 0.5s 0s; -o-transition: all 0.5s 0s; transition: all 0.5s 0s;}
.cont_4bn_item_box2 { opacity:0; margin-top:40px;
-webkit-transition: all 0.5s 0.2s; -moz-transition: all 0.5s 0.2s; -ms-transition: all 0.5s 0.2s; -o-transition: all 0.5s 0.2s; transition: all 0.5s 0.2s;}
.cont_4bn_item_box3 { opacity:0; margin-top:30px;
-webkit-transition: all 0.5s 0.4s; -moz-transition: all 0.5s 0.4s; -ms-transition: all 0.5s 0.4s; -o-transition: all 0.5s 0.4s; transition: all 0.5s 0.4s;}


.cont_4bn_item_box1_a { opacity:1; margin-top:0px;}
.cont_4bn_item_box2_a { opacity:1; margin-top:0px;}
.cont_4bn_item_box3_a { opacity:1; margin-top:0px;}


.cont_4bn_bg { width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:50% 0%; -webkit-transition: all 0.45s ease; -moz-transition: all 0.45s ease; -ms-transition: all 0.45s ease; -o-transition: all 0.45s ease; transition: all 0.45s ease;}
.cont_4bn_item_box:hover>.cont_4bn_bg { -ms-transform: scale(1.05,1.05); -webkit-transform: scale(1.05,1.05); transform: scale(1.05,1.05);}
.cont_4bn_bg1 { background-image:url(/images/main/cont_4bn_bg01.jpg);}
.cont_4bn_bg2 { background-image:url(/images/main/cont_4bn_bg02.jpg);}
.cont_4bn_bg3 { background-image:url(/images/main/cont_4bn_bg03.jpg);}


.cont_4bn_item_box_ment { position:absolute; top:0; left:0; padding:370px 35px 0 35px; width:100%; z-index:1;}
.cont_4bn_item_box_title { font-size:22px; line-height:38px; font-weight:800; color:#373737; width:85%; margin-bottom:10px; letter-spacing:0.00em;}
.cont_4bn_item_box_txt { font-size:15px; color:#444; font-weight:400; line-height:20px; margin-bottom:60px; letter-spacing:0.02em;}
.cont_4bn_item_box_more { display: inline-block; width:118px; height:33px; background-image:url(/images/main/business_viewmore.png);}
.cont_4bn_item_box_more>img { width:100%; height:auto;}
.cont_4bn_item_box_btn { display:inline-block; font-size:14px; color:#FFF; padding:10px 20px; margin-bottom:10px; border:1px solid #FFF;}




/* cont_rnd */

section>.cont_rnd { position:relative; height:auto; padding:0 0 80px; background-color:#fff; text-align:left; overflow:hidden;}
section>.cont_rnd:after { display:block; content:""; clear:both;}

.cont_rnd_item_box { width:50%; min-height:670px; overflow:hidden;}
.cont_rnd_item_box1 { opacity:0; margin-left:-30px; margin-bottom:50px;
-webkit-transition: all 0.5s 0s; -moz-transition: all 0.5s 0s; -ms-transition: all 0.5s 0s; -o-transition: all 0.5s 0s; transition: all 0.5s 0s;}
.cont_rnd_item_box2 { opacity:0; position:absolute; top:0; right:-30px; margin-top:50px; width:52%; z-index:1; background-image:url(/images/main/cont_rnd_bg02.jpg); background-size:cover; background-position:0 50%;
-webkit-transition: all 0.5s 0.2s; -moz-transition: all 0.5s 0.2s; -ms-transition: all 0.5s 0.2s; -o-transition: all 0.5s 0.2s; transition: all 0.5s 0.2s;}

.cont_rnd_item_box1_a { opacity:1; margin-left:0px;}
.cont_rnd_item_box2_a { opacity:1; right:0px;}

.cont_rnd_bg { width:100%; min-height:670px; background-image:url(/images/main/cont_rnd_bg01.jpg); background-repeat:no-repeat; background-size:cover; background-position:50% 0%; -webkit-transition: all 0.45s ease; -moz-transition: all 0.45s ease; -ms-transition: all 0.45s ease; -o-transition: all 0.45s ease; transition: all 0.45s ease;}
.cont_rnd_item_box:hover>.cont_rnd_bg { -ms-transform: scale(1.05,1.05); -webkit-transform: scale(1.05,1.05); transform: scale(1.05,1.05);}

.cont_rnd_item_box_ment { padding:120px 0 0 110px; width:600px; color:#FFF;}
.cont_rnd_item_box_title {  font-size:48px; line-height:55px; width:90%; margin-left:-5px; margin-bottom:20px; letter-spacing:-0.01em; font-weight:700;}
.cont_rnd_item_box_bar { display:block; width:60px; height:2px; background-color:#FFF; margin:30px 0;}
.cont_rnd_item_box_txt {  font-size:28px; font-weight:300; line-height:32px; margin-bottom:20px; letter-spacing:-0.03em;}
.cont_rnd_item_box_txt>span { display:block;}
.cont_rnd_item_box_txt2 {  font-size:17px; font-weight:300; line-height:24px; margin-bottom:40px;}
.cont_rnd_item_box_btn { display:block; font-size:18px; padding:8px 40px; width:250px; margin-bottom:10px; border:2px solid #ccc; margin-left:4px; text-align:center;}




/* cont_news */

section>.cont_news { height:710px; padding:90px 0; background-color:#fff;}
section>.cont_news:after { display:block; content:""; clear:both;}

.notice_box { float:left; width:24%; min-height:400px; margin:0 0.5%; border:1px solid #CCC; border-bottom:4px solid #4a7395; background-color:#FFF; text-align:left;}
.notice_box1 { opacity:0; margin-top:30px;
-webkit-transition: all 0.5s 0s; -moz-transition: all 0.5s 0s; -ms-transition: all 0.5s 0s; -o-transition: all 0.5s 0s; transition: all 0.5s 0s;}
.notice_box2 { opacity:0; margin-top:30px;
-webkit-transition: all 0.5s 0.2s; -moz-transition: all 0.5s 0.2s; -ms-transition: all 0.5s 0.2s; -o-transition: all 0.5s 0.2s; transition: all 0.5s 0.2s;}
.notice_box3 { opacity:0; margin-top:30px;
-webkit-transition: all 0.5s 0.4s; -moz-transition: all 0.5s 0.4s; -ms-transition: all 0.5s 0.4s; -o-transition: all 0.5s 0.4s; transition: all 0.5s 0.4s;}
.notice_box4 { opacity:0; margin-top:30px;
-webkit-transition: all 0.5s 0.6s; -moz-transition: all 0.5s 0.6s; -ms-transition: all 0.5s 0.6s; -o-transition: all 0.5s 0.6s; transition: all 0.5s 0.6s;}

.notice_box1_a { opacity:1; margin-top:0px;}
.notice_box2_a { opacity:1; margin-top:0px;}
.notice_box3_a { opacity:1; margin-top:0px;}
.notice_box4_a { opacity:1; margin-top:0px;}

.notice_link { display:block; width:100%; height:auto;}
.notice_img { width:100%; height:150px; background-size:cover; background-position:50% 50%; margin-bottom:30px;}
.notice_title {  padding:0 20px; font-size:20px;  margin-bottom:10px; /* 내용 1줄에서 말줄임 */ white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.notice_txt { margin-bottom:10px; padding:0 20px; font-size:14px;  color:#999; line-height:20px; /* 내용 4줄에서 말줄임 */ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; word-wrap:break-word; height: 80px;}
.notice_date { margin-bottom:20px; padding:0 20px; font-size:14px;  color:#999; line-height:20px;}
.notice_more { width:100%; text-align:right; padding-right:20px;}




/* cont_support */

section>.cont_support { height:780px; padding:120px 0; background-image:url(/images/main/cont_suooprt_bg.jpg); background-size:cover; background-position:50%;}

.cont_support_item_box { float:left; display:block; width:23%; min-height:370px; margin:0 1% 1% 1%; background-repeat:no-repeat; background-position:50% 60px; border:1px solid #e8230c; background-color:#FFF; padding:20px 25px 35px 25px;}
.cont_support_item_box1 { opacity:0; margin-top:0px; background-image:url(/images/main/icon01.png); background-color:rgba(255,255,255,0.7);
-webkit-transition: all 0.5s 0s; -moz-transition: all 0.5s 0s; -ms-transition: all 0.5s 0s; -o-transition: all 0.5s 0s; transition: all 0.5s 0s;}
.cont_support_item_box2 { opacity:0; margin-top:0px; background-image:url(/images/main/icon02.png); background-color:rgba(255,255,255,0.7);
-webkit-transition: all 0.5s 0.2s; -moz-transition: all 0.5s 0.2s; -ms-transition: all 0.5s 0.2s; -o-transition: all 0.5s 0.2s; transition: all 0.5s 0.2s;}
.cont_support_item_box3 { opacity:0; margin-top:0px; background-image:url(/images/main/icon03.png); background-color:rgba(255,255,255,0.7);
-webkit-transition: all 0.5s 0.4s; -moz-transition: all 0.5s 0.4s; -ms-transition: all 0.5s 0.4s; -o-transition: all 0.5s 0.4s; transition: all 0.5s 0.4s;}
.cont_support_item_box4 { opacity:0; margin-top:0px; background-image:url(/images/main/icon04.png); background-color:rgba(255,255,255,0.7);
-webkit-transition: all 0.5s 0.6s; -moz-transition: all 0.5s 0.6s; -ms-transition: all 0.5s 0.6s; -o-transition: all 0.5s 0.6s; transition: all 0.5s 0.6s;}

.cont_support_item_box1_a { opacity:1; margin-top:0px;}
.cont_support_item_box2_a { opacity:1; margin-top:0px;}
.cont_support_item_box3_a { opacity:1; margin-top:0px;}
.cont_support_item_box4_a { opacity:1; margin-top:0px;}


.main_box_in_title {  width:100%; font-size:21px; font-weight:700; margin:140px auto 10px auto; color:#e8230c; letter-spacing:0.01em;}
.main_box_in_title2 {  width:100%; font-size:21px; font-weight:700; margin:0 auto 0 auto; color:#FFF; background-color:#f25d18;}
.main_box_in_txt { width:100%; font-size:14px;  font-weight:400; margin:0 auto 30px auto; color:#666; letter-spacing:0.01em; line-height:20px;}
.main_box_in_txt span { display:block; width:60%; height:2px; margin:10px auto 13px auto; background-color:rgba(244,176,168,0.9);}



/* 풋터 */

section>.cont_footer { height:250px; background-color:#444;}








/* 1024 ~ 768까지 태블릿 설정 */

@media screen and (max-width:1024px) {



/* 메인 내용 공통 */

section>article { width:100%; text-align:center;}
.contents_box { position:relative;  width:100%; height:100%; margin:0 auto;}
.contents_box_title { font-size:35px; font-weight:800; margin-bottom:0px; line-height:36px; }
.contents_box_txt { font-size:15px; font-weight:400; opacity:1;  margin-bottom:30px; line-height:19px; }
.contents_title_bar { width:50px; height:1px; background-color:#999; margin:0 auto 30px auto;}
.cont_item_box_wrap { position:relative; width:100%; max-width:1200px; margin:0 auto; z-index:10;}
.cont_item_box_wrap:after { display:block; content:""; clear:both;}



/* 상단, 비주얼 */

section>.cont_mv { position:relative; width:100%; overflow:hidden; background-color:#F7F7F7;}
.main_slide { width:1024px; height:800px; position:relative; margin-left:-512px; left:50%; top:0%; z-index:1;}
.main_slide_p { display:none;}
.main_slide_t { display:block;}
.main_slide_m { display:none;}

.main_vtxt1 { position:absolute; top:345px; left:50%; margin-left:-350px; width:700px; text-align:center;  font-size:15px; font-weight:500; color:rgba(255,255,255,1); z-index:150; letter-spacing:0.3em; padding-left:5px;}
.main_vtxt2 { position:absolute; top:358px; left:50%; margin-left:-350px; width:700px; text-align:center;  font-size:55px; font-weight:700; color: rgba(255,255,255,1); z-index:150; letter-spacing:-0.01em;}
.main_vtxt3 { position:absolute; top:473px; left:50%; margin-left:-350px; width:700px; text-align:center;  font-size:18px; font-weight:300; color: rgba(255,255,255,1); z-index:150; letter-spacing:-0.01em; line-height:27px;}
.main_vtxt3>span { letter-spacing:-0.04em;}
.main_vtxt4 { position:absolute; top:320px; left:50%; margin-left:-350px; width:700px; text-align:center;  font-size:16px; font-weight:300; color:rgba(255,255,255,1); z-index:150; letter-spacing:-0.02em; padding-left:5px;}
.main_vbtn { position:absolute; top:370px; left:50%; margin-left:-100px; display:block;  font-size:18px; line-height:18px; padding:20px 30px; z-index:150; border:2px solid #FFF; background-color:rgba(0,0,0,0.1); color:#FFF}
.main_slide_t img { width:auto; height:800px; animation: /*선택자*/slidein_img /*동작시간*/6s /*진행속도:ease,ease,ease*/ease /*딜레이*/0s /*반복:수,infinite*/1 /*방향:normal,alternate*/normal /*완료후:none,both*/both; -webkit-animation: slidein_img 6s 0s 1 normal both; /*움직이는 기준점 가로0% 세로0%*/transform-origin:50% 50%;}
@keyframes slidein_img {
	0% { -ms-transform: scale(1,1); -webkit-transform: scale(1,1); transform: scale(1,1);}
	100% { -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1);}
}

/* bxSlider 버튼 스타일 */

.main_slide a.bx-prev, .main_slide a.bx-next { display:none;}
.main_slide a.bx-prev { display:none;}
.main_slide a.bx-next { display:none;}
.main_slide a.bx-start, .main_slide a.bx-stop {}
.main_slide a.bx-start {}
.main_slide a.bx-stop {}
.main_slide div.bx-pager { position:absolute; width:100%; left:0; bottom:100px; text-align:center; z-index:50;}
.main_slide div.bx-pager div { display:inline-block; margin:0 4px;}
.main_slide div.bx-pager div a { display:block; width:60px; height:3px; background-color:rgba(255,255,255,0.5); text-indent:-9999px;}
.main_slide div.bx-pager div a.active { background-color:#ff0518;}


/* cont_product */

section>.cont_product { height:auto; padding:60px 0; background-color:#fff;}
section>.cont_product:after { display:block; content:""; clear:both;}

.cont_product_item_box { float:left; width:46%; min-height:336px; margin-left:2%; margin-right:2%; text-align:left; overflow:hidden;}
.cont_product_item_box1 { opacity:0; margin-top:70px;}
.cont_product_item_box2 { opacity:0; margin-top:70px; margin-bottom:40px;}
.cont_product_item_box3 { opacity:0; margin-top:70px;}
.cont_product_item_box4 { opacity:0; margin-top:70px;}
.cont_product_item_box5 { opacity:0; margin-top:70px;}
.cont_product_item_box6 { opacity:0; margin-top:70px;}
.cont_product_item_box7 { opacity:0; margin-top:70px;}
.cont_product_item_box8 { opacity:0; margin-top:70px;}

.cont_product_item_box1_b { opacity:1; margin-top:0px;}
.cont_product_item_box2_b { opacity:1; margin-top:0px;}
.cont_product_item_box3_b { opacity:1; margin-top:0px;}
.cont_product_item_box4_b { opacity:1; margin-top:0px;}
.cont_product_item_box5_b { opacity:1; margin-top:0px;}
.cont_product_item_box6_b { opacity:1; margin-top:0px;}
.cont_product_item_box7_b { opacity:1; margin-top:0px;}
.cont_product_item_box8_b { opacity:1; margin-top:0px;}

.cont_product_bg { width:100%; min-height:336px; background-repeat:no-repeat; background-size:cover; background-position:50% 0%; -webkit-transition: all 0.45s ease; -moz-transition: all 0.45s ease; -ms-transition: all 0.45s ease; -o-transition: all 0.45s ease; transition: all 0.45s ease;}
.cont_product_item_box:hover>.cont_product_bg { -ms-transform: scale(1.05,1.05); -webkit-transform: scale(1.05,1.05); transform: scale(1.05,1.05);}
.cont_product_bg1 { background-image:url(/images/main/cont_product_bg01.jpg);}
.cont_product_bg2 { background-image:url(/images/main/cont_product_bg02.jpg);}
.cont_product_bg3 { background-image:url(/images/main/cont_product_bg03.jpg);}
.cont_product_bg4 { background-image:url(/images/main/cont_product_bg04.jpg);}

.cont_product_item_box_ment { padding:20px 20px 0 20px; width:100%;}
.cont_product_item_box_title {  font-size:20px; color:#777; line-height:26px; width:85%; margin-bottom:15px; letter-spacing:-0.06em;}
.cont_product_item_box_title>p { font-size:33px; line-height:44px; color:#333; margin-bottom:15px; font-weight:700; letter-spacing:0.02em;}
.cont_product_item_box_txt {  font-size:15px; font-weight:300; line-height:20px; margin-bottom:20px;}
.cont_product_item_box_more { display:block; width:45px; height:15px; margin-top:30px;}
.cont_product_item_box_btn { display:inline-block; font-size:13px; padding:5px 10px; margin-bottom:10px; border:1px solid #ccc; margin-left:4px;}




/* cont_4bn */

section>.cont_4bn { height:auto; padding:7% 1%; background-color:#f5f5f5;}
section>.cont_4bn:after { display:block; content:""; clear:both;}

.cont_4bn_item_box { float:left; position:relative; display:block; width:31.3%; height:auto; margin-left:1%; margin-right:1%; margin-bottom:2%; text-align:left; overflow:hidden;}
.cont_4bn_item_box1 { opacity:1; margin-top:0px;}
.cont_4bn_item_box2 { opacity:1; margin-top:0px;}
.cont_4bn_item_box3 { opacity:1; margin-top:0px;}


.cont_4bn_item_box1_b { opacity:1; margin-top:0px;}
.cont_4bn_item_box2_b { opacity:1; margin-top:0px;}
.cont_4bn_item_box3_b { opacity:1; margin-top:0px;}


.cont_4bn_bg { width:100%; height:100%; min-height:440px; background-repeat:no-repeat; background-size:100% 95%; background-position:50% 90%; -webkit-transition: all 0.45s ease; -moz-transition: all 0.45s ease; -ms-transition: all 0.45s ease; -o-transition: all 0.45s ease; transition: all 0.45s ease;}
.cont_4bn_item_box:hover>.cont_4bn_bg { -ms-transform: scale(1.05,1.05); -webkit-transform: scale(1.05,1.05); transform: scale(1.05,1.05); background-color:rgba(255,5,24,0.7);}
.cont_4bn_bg1 { background-image:url(/images/main/cont_4bn_bg01_t.jpg);}
.cont_4bn_bg2 { background-image:url(/images/main/cont_4bn_bg02_t.jpg);}
.cont_4bn_bg3 { background-image:url(/images/main/cont_4bn_bg03_t.jpg);}



.cont_4bn_item_box_ment { position:absolute; top:0; left:0; padding:50px 35px 0 35px; width:100%; z-index:1;}
.cont_4bn_item_box_title {  font-size:25px; line-height:36px; font-weight:700; color:#fff; width:85%; margin-bottom:10px;}
.cont_4bn_item_box_txt {  font-size:15px; color:#fff; font-weight:300; line-height:20px; margin-bottom:20px;}
.cont_4bn_item_box_more { display: inline-block; width:28px; height:28px; background-image:url(/images/icon/more4_w.png);}
.cont_4bn_item_box_more>img { width:100%; height:auto;}
.cont_4bn_item_box_btn { display:inline-block; font-size:14px; color:#FFF; padding:10px 20px; margin-bottom:10px; border:1px solid #FFF;}





/* cont_rnd */

section>.cont_rnd { position:relative; height:auto; padding:0; background-color:#fff; text-align:left;}
section>.cont_rnd:after { display:block; content:""; clear:both;}

.cont_rnd_item_box { width:50%; min-height:auto; overflow:hidden;}
.cont_rnd_item_box1 { display:none;}
.cont_rnd_item_box2 { opacity:0; margin-top:70px; position: relative; top:auto; right:auto; width:100%; z-index:1; background-image:url(/images/main/cont_rnd_bg02.jpg); background-size:cover; background-position:0 50%;}

.cont_rnd_item_box1_b {}
.cont_rnd_item_box2_b { opacity:1; margin-top:0px;}

.cont_rnd_bg { width:100%; min-height:670px; background-image:url(/images/main/cont_rnd_bg01.jpg); background-repeat:no-repeat; background-size:cover; background-position:50% 0%; -webkit-transition: all 0.45s ease; -moz-transition: all 0.45s ease; -ms-transition: all 0.45s ease; -o-transition: all 0.45s ease; transition: all 0.45s ease;}
.cont_rnd_item_box:hover>.cont_rnd_bg { -ms-transform: scale(1.05,1.05); -webkit-transform: scale(1.05,1.05); transform: scale(1.05,1.05);}

.cont_rnd_item_box_ment { padding:60px; width:100%; color:#FFF;}
.cont_rnd_item_box_title {  font-size:38px; line-height:45px; width:85%; margin-left:0px; margin-bottom:20px; letter-spacing:0.02em;}
.cont_rnd_item_box_bar { display:block; width:40px; height:2px; background-color:#FFF; margin:20px 0;}
.cont_rnd_item_box_txt {  font-size:25px; font-weight:300; line-height:30px; margin-bottom:20px; letter-spacing:0.02em;}
.cont_rnd_item_box_txt>span { display:block;}
.cont_rnd_item_box_txt2 {  font-size:18px; font-weight:300; line-height:24px; margin-bottom:40px; letter-spacing:0.03em;}
.cont_rnd_item_box_btn { display:block; font-size:17px; padding:8px 40px; width:250px; margin-bottom:10px; border:2px solid #ccc; margin-left:4px; text-align:center;}




/* cont_news */

section>.cont_news { height:auto; padding:60px 0; background-color:#fff;}
section>.cont_news:after { display:block; content:""; clear:both;}

.notice_box { float:left; width:24%; min-height:380px; margin:0 0.5%; border:1px solid #CCC; border-bottom:4px solid #4a7395; background-color:#FFF; text-align:left;}
.notice_box1 { opacity:0; margin-top:70px;}
.notice_box2 { opacity:0; margin-top:70px;}
.notice_box3 { opacity:0; margin-top:70px;}
.notice_box4 { opacity:0; margin-top:70px;}

.notice_box1_b { opacity:1; margin-top:0px;}
.notice_box2_b { opacity:1; margin-top:0px;}
.notice_box3_b { opacity:1; margin-top:0px;}
.notice_box4_b { opacity:1; margin-top:0px;}

.notice_link { display:block; width:100%; height:auto;}
.notice_img { width:100%; height:150px; background-size:cover; background-position:50% 50%; margin-bottom:20px;}
.notice_title {  padding:0 15px; font-size:18px;  margin-bottom:10px; /* 내용 1줄에서 말줄임 */ white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.notice_txt { margin-bottom:10px; padding:0 15px; font-size:13px;  color:#999; line-height:20px; /* 내용 4줄에서 말줄임 */ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; word-wrap:break-word; height: 80px;}
.notice_date { margin-bottom:10px; padding:0 20px; font-size:13px;  color:#999; line-height:20px;}
.notice_more { width:100%; text-align:right; padding-right:15px;}
.notice_more>img { width:20px; height:auto;}



/* cont_support */

section>.cont_support { height:auto; padding:80px 1%; background-image:url(/images/main/cont_suooprt_bg.jpg); background-size:cover; background-position:50%;}

.cont_support_item_box { float:left; display:block; width:48%; min-height:360px; margin:0 1% 2% 1%; background-repeat:no-repeat; background-position:50% 50px; background-color:#FFF; padding:40px 25px 40px 25px;}
.cont_support_item_box1 { opacity:0; margin-top:70px; background-image:url(/images/main/icon01.png); background-color:rgba(255,255,255,0.7);}
.cont_support_item_box2 { opacity:0; margin-top:70px; background-image:url(/images/main/icon02.png); background-color:rgba(255,255,255,0.7);}
.cont_support_item_box3 { opacity:0; margin-top:70px; background-image:url(/images/main/icon03.png); background-color:rgba(255,255,255,0.7);}
.cont_support_item_box4 { opacity:0; margin-top:70px; background-image:url(/images/main/icon04.png); background-color:rgba(255,255,255,0.7);}

.cont_support_item_box1_b { opacity:1; margin-top:0px;}
.cont_support_item_box2_b { opacity:1; margin-top:0px;}
.cont_support_item_box3_b { opacity:1; margin-top:0px;}
.cont_support_item_box4_b { opacity:1; margin-top:0px;}

.main_box_tel_wrap { width:100%; border:3px solid #f25d18; margin-top:120px; border-radius:10px; margin-bottom:15px;}
.main_box_in_title {  width:100%; font-size:24px; font-weight:700; margin:120px auto 10px auto;}
.main_box_in_title2 {  width:100%; font-size:20px; font-weight:700; margin:0 auto 0 auto; color:#FFF; background-color:#f25d18;}
.main_box_in_txt { width:100%; font-size:17px;  margin:0 auto 20px auto; color:#666;}
.main_box_in_tel {  font-size:34px; font-weight:700; margin:5px 0; letter-spacing:-0.05em;}


/* 풋터 */

section>.cont_footer { height:250px; background-color:#444;}






}



/* 767 ~ 320까지 모바일 설정 */

@media screen and (max-width:767px) {
/* 기본화면스타일 : 너비값이 제일 작을 때 */



/* 메인 내용 공통 */

section>article { width:100%; text-align:center;}
.contents_box { position:relative;  width:100%; height:100%; margin:0 auto;}
.contents_box_title { font-size:24px; font-weight:800; margin-top:20px; margin-bottom:0px; line-height:30px; letter-spacing:0.02em;}
.contents_box_txt { font-size:12px; font-weight:300; opacity:1;  margin-bottom:35px; padding:0 10px; line-height:18px;}
.contents_title_bar { width:50px; height:1px; background-color:#999; margin:0 auto 20px auto;}
.cont_item_box_wrap { position:relative; width:100%; max-width:1200px; margin:0 auto; z-index:10;}
.cont_item_box_wrap:after { display:block; content:""; clear:both;}



/* 상단, 비주얼 */

section>.cont_mv { position:relative; width:100%; overflow:hidden; background-color:#F7F7F7;}
.main_slide { width:768px; height:700px; position:relative; margin-left:-384px; left:50%; top:0%; z-index:1;}
.main_slide_p { display:none;}
.main_slide_t { display:none;}
.main_slide_m { display:block;}

.main_vtxt1 { position:absolute; top:285px; left:50%; margin-left:-150px; width:300px; text-align:center;  font-size:12px; font-weight:500; color:rgba(255,255,255,1); z-index:150; letter-spacing:0.3em; padding-left:5px;}
.main_vtxt2 { position:absolute; top:300px; left:50%; margin-left:-172px; width:360px; text-align:center;  font-size:30px; font-weight:700; color: rgba(255,255,255,1); z-index:150; letter-spacing:-0.01em;}
.main_vtxt3 { position:absolute; top:370px; left:50%; margin-left:-164px; width:340px; text-align:center;  font-size:14px; line-height:24px; font-weight:300; color: rgba(255,255,255,1); z-index:150; letter-spacing:-0.02em;}
.main_vtxt3>span { letter-spacing:-0.04em;}
.main_vtxt4 { position:absolute; top:270px; left:50%; margin-left:-150px; width:300px; text-align:center;  font-size:15px; line-height:20px; font-weight:300; color:rgba(255,255,255,1); z-index:150; letter-spacing:-0.02em; padding-left:5px;}
.main_vbtn { position:absolute; top:360px; left:50%; margin-left:-90px; display:block;  font-size:16px; line-height:18px; padding:15px 20px; z-index:150; border:2px solid #FFF; background-color:rgba(0,0,0,0.1); color:#FFF}
.main_slide_t img { width:auto; height:700px; animation: /*선택자*/slidein_img /*동작시간*/6s /*진행속도:ease,ease,ease*/ease /*딜레이*/0s /*반복:수,infinite*/1 /*방향:normal,alternate*/normal /*완료후:none,both*/both; -webkit-animation: slidein_img 6s 0s 1 normal both; /*움직이는 기준점 가로0% 세로0%*/transform-origin:50% 50%;}
@keyframes slidein_img {
	0% { -ms-transform: scale(1,1); -webkit-transform: scale(1,1); transform: scale(1,1);}
	100% { -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1);}
}

/* bxSlider 버튼 스타일 */

.main_slide a.bx-prev, .main_slide a.bx-next { display:none;}
.main_slide a.bx-prev { display:none;}
.main_slide a.bx-next { display:none;}
.main_slide a.bx-start, .main_slide a.bx-stop {}
.main_slide a.bx-start {}
.main_slide a.bx-stop {}
.main_slide div.bx-pager { position:absolute; width:100%; left:0; bottom:100px; text-align:center; z-index:50;}
.main_slide div.bx-pager div { display:inline-block; margin:0 4px;}
.main_slide div.bx-pager div a { display:block; width:40px; height:5px; background-color:rgba(255,255,255,0.5); text-indent:-9999px;}
.main_slide div.bx-pager div a.active { background-color:#ff0518;}



/* cont_product */

section>.cont_product { height:auto; padding:60px 0 60px 0; background-color:#fff;}
section>.cont_product:after { display:block; content:""; clear:both;}

.cont_product_item_box { float:left; width:96%; min-height:auto; margin-left:2%; margin-right:2%; text-align:left; overflow:hidden;}
.cont_product_item_box1 { opacity:0; margin-top:70px; margin-bottom:40px;}
.cont_product_item_box2 { opacity:0; margin-top:70px; margin-bottom:40px;}
.cont_product_item_box3 { opacity:0; margin-top:70px; margin-bottom:40px;}
.cont_product_item_box4 { opacity:0; margin-top:70px; margin-bottom:40px;}
.cont_product_item_box5 { opacity:0; margin-top:70px; margin-bottom:40px;}
.cont_product_item_box6 { opacity:0; margin-top:70px; margin-bottom:40px;}
.cont_product_item_box7 { opacity:0; margin-top:70px; margin-bottom:40px;}
.cont_product_item_box8 { opacity:0; margin-top:70px;}

.cont_product_item_box1_c { opacity:1; margin-top:0px;}
.cont_product_item_box2_c { opacity:1; margin-top:0px;}
.cont_product_item_box3_c { opacity:1; margin-top:0px;}
.cont_product_item_box4_c { opacity:1; margin-top:0px;}
.cont_product_item_box5_c { opacity:1; margin-top:0px;}
.cont_product_item_box6_c { opacity:1; margin-top:0px;}
.cont_product_item_box7_c { opacity:1; margin-top:0px;}
.cont_product_item_box8_c { opacity:1; margin-top:0px;}

.cont_product_bg { width:100%; min-height:300px; background-repeat:no-repeat; background-size:cover; background-position:50% 0%; -webkit-transition: all 0.45s ease; -moz-transition: all 0.45s ease; -ms-transition: all 0.45s ease; -o-transition: all 0.45s ease; transition: all 0.45s ease;}
.cont_product_item_box:hover>.cont_product_bg { -ms-transform: scale(1.05,1.05); -webkit-transform: scale(1.05,1.05); transform: scale(1.05,1.05);}
.cont_product_bg1 { background-image:url(/images/main/cont_product_bg01.jpg);}
.cont_product_bg2 { background-image:url(/images/main/cont_product_bg02.jpg);}
.cont_product_bg3 { background-image:url(/images/main/cont_product_bg03.jpg);}
.cont_product_bg4 { background-image:url(/images/main/cont_product_bg04.jpg);}

.cont_product_item_box_ment { padding:0 5px 0 5px; width:100%;}
.cont_product_item_box_title {  font-size:20px; color:#777; line-height:26px; width:85%; margin-bottom:15px; letter-spacing:-0.06em;}
.cont_product_item_box_title>p { font-size:28px; line-height:35px; color:#333; margin-bottom:15px; font-weight:700; letter-spacing:-0.01em;}
.cont_product_item_box_txt {  font-size:14px; font-weight:300; line-height:20px; margin-bottom:20px;}
.cont_product_item_box_more { display:block; width:45px; height:15px; margin-top:30px;}
.cont_product_item_box_btn { display:inline-block; font-size:14px; padding:5px 10px; margin-bottom:10px; border:1px solid #ccc; margin-left:4px; letter-spacing:0.02em;}




/* cont_4bn */

section>.cont_4bn { height:auto; padding:3% 1%; background-color:#f5f5f5;}
section>.cont_4bn:after { display:block; content:""; clear:both;}

.cont_4bn_item_box { float:left; position:relative; display:block; width:96%; height:auto; margin-left:2%; margin-right:2%; margin-bottom:2%; text-align:left; overflow:hidden;}
.cont_4bn_item_box1 { opacity:0; margin-top:70px;}
.cont_4bn_item_box2 { opacity:0; margin-top:70px;}
.cont_4bn_item_box3 { opacity:0; margin-top:70px;}
.cont_4bn_item_box4 { opacity:0; margin-top:70px;}

.cont_4bn_item_box1_c { opacity:1; margin-top:0px;}
.cont_4bn_item_box2_c { opacity:1; margin-top:0px;}
.cont_4bn_item_box3_c { opacity:1; margin-top:0px;}
.cont_4bn_item_box4_c { opacity:1; margin-top:0px;}

.cont_4bn_bg { width:100%; height:100%; min-height:300px; background-repeat:no-repeat; background-size:100% auto; background-position:50% 100%; -webkit-transition: all 0.45s ease; -moz-transition: all 0.45s ease; -ms-transition: all 0.45s ease; -o-transition: all 0.45s ease; transition: all 0.45s ease;}
.cont_4bn_item_box:hover>.cont_4bn_bg { -ms-transform: scale(1.05,1.05); -webkit-transform: scale(1.05,1.05); transform: scale(1.05,1.05);}
.cont_4bn_bg1 { background-image:url(/images/main/cont_4bn_bg01_t.jpg);}
.cont_4bn_bg2 { background-image:url(/images/main/cont_4bn_bg02_t.jpg);}
.cont_4bn_bg3 { background-image:url(/images/main/cont_4bn_bg03_t.jpg);}
.cont_4bn_bg4 { background-image:url(/images/main/cont_4bn_bg04_t.jpg);}


.cont_4bn_item_box_ment { position:absolute; top:0; left:0; padding:30px; width:100%; z-index:1;}
.cont_4bn_item_box_title {  font-size:24px; line-height:30px; font-weight:700; color:#fff; width:100%; margin-bottom:15px;}
.cont_4bn_item_box_txt {  font-size:16px; color:#fff; font-weight:300; line-height:19px; margin-bottom:20px; letter-spacing:0.02em;}
.cont_4bn_item_box_more { display: inline-block; width:28px; height:28px; background-image:url(/images/icon/more4_w.png);}
.cont_4bn_item_box_more>img { width:100%; height:auto;}
.cont_4bn_item_box_btn { display:inline-block; font-size:14px; color:#FFF; padding:10px 20px; margin:0 10px 10px 0; border:1px solid #FFF;}





/* cont_rnd */

section>.cont_rnd { position:relative; height:auto; padding:0; background-color:#fff; text-align:left;}
section>.cont_rnd:after { display:block; content:""; clear:both;}

.cont_rnd_item_box { width:50%; min-height:auto; overflow:hidden;}
.cont_rnd_item_box1 { display:none;}
.cont_rnd_item_box2 { opacity:0; margin-top:70px; position: relative; top:auto; right:auto; width:100%; z-index:1; background-image:url(/images/main/cont_rnd_bg02.jpg); background-size:cover; background-position:0 50%;}

.cont_rnd_item_box1_c {}
.cont_rnd_item_box2_c { opacity:1; margin-top:0px;}

.cont_rnd_bg { width:100%; min-height:670px; background-image:url(/images/main/cont_rnd_bg01.jpg); background-repeat:no-repeat; background-size:cover; background-position:50% 0%; -webkit-transition: all 0.45s ease; -moz-transition: all 0.45s ease; -ms-transition: all 0.45s ease; -o-transition: all 0.45s ease; transition: all 0.45s ease;}
.cont_rnd_item_box:hover>.cont_rnd_bg { -ms-transform: scale(1.05,1.05); -webkit-transform: scale(1.05,1.05); transform: scale(1.05,1.05);}

.cont_rnd_item_box_ment { padding:60px 20px; width:100%; color:#FFF;}
.cont_rnd_item_box_title {  font-size:38px; line-height:45px; width:85%; margin-left:0px; margin-bottom:20px; letter-spacing:0.02em;}
.cont_rnd_item_box_bar { display:block; width:40px; height:2px; background-color:#FFF; margin:20px 0;}
.cont_rnd_item_box_txt {  font-size:23px; font-weight:300; line-height:26px; margin-bottom:20px; letter-spacing:0.02em;}
.cont_rnd_item_box_txt>span { display: inline-block;}
.cont_rnd_item_box_txt2 {  font-size:16px; font-weight:300; line-height:20px; margin-bottom:40px; letter-spacing:0.02em;}
.cont_rnd_item_box_btn { display:block; font-size:17px; padding:8px 40px; width:250px; margin-bottom:10px; border:2px solid #ccc; margin-left:4px; text-align:center;}




/* cont_news */

section>.cont_news { height:auto; padding:60px 0; background-color:#fff;}
section>.cont_news:after { display:block; content:""; clear:both;}

.notice_box { float:left; width:48%; min-height:310px; margin:0 1% 2% 1%; border:1px solid #CCC; border-bottom:4px solid #4a7395; background-color:#FFF; text-align:left;}
.notice_box1 { opacity:0; margin-top:70px;}
.notice_box2 { opacity:0; margin-top:70px;}
.notice_box3 { opacity:0; margin-top:70px;}
.notice_box4 { opacity:0; margin-top:70px;}

.notice_box1_c { opacity:1; margin-top:0px;}
.notice_box2_c { opacity:1; margin-top:0px;}
.notice_box3_c { opacity:1; margin-top:0px;}
.notice_box4_c { opacity:1; margin-top:0px;}

.notice_link { display:block; width:100%; height:auto;}
.notice_img { width:100%; height:120px; background-size:cover; background-position:50% 50%; margin-bottom:15px;}
.notice_title {  padding:0 15px; font-size:16px;  margin-bottom:10px; /* 내용 1줄에서 말줄임 */ white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.notice_txt { margin-bottom:10px; padding:0 15px; font-size:12px;  color:#999; line-height:16px; /* 내용 4줄에서 말줄임 */ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; word-wrap:break-word; height: 64px;}
.notice_date { margin-bottom:10px; padding:0 20px; font-size:12px;  color:#999; line-height:16px;}
.notice_more { width:100%; text-align:right; padding-right:15px;}
.notice_more>img { width:20px; height:auto;}



/* cont_support */

section>.cont_support { height:auto; padding:60px 2%; background-image:url(/images/main/cont_suooprt_bg.jpg); background-size:cover; background-position:50%;}

.cont_support_item_box { float:left; display:block; width:98%; min-height:auto; margin:0 1% 3% 1%; background-repeat:no-repeat; background-position:50% 30px; background-color:#FFF; padding:40px 25px 40px 25px;}
.cont_support_item_box1 { opacity:0; margin-top:70px; background-image:url(/images/main/icon01.png); background-color:rgba(255,255,255,0.7);}
.cont_support_item_box2 { opacity:0; margin-top:70px; background-image:url(/images/main/icon02.png); background-color:rgba(255,255,255,0.7);}
.cont_support_item_box3 { opacity:0; margin-top:70px; background-image:url(/images/main/icon03.png); background-color:rgba(255,255,255,0.7);}
.cont_support_item_box4 { opacity:0; margin-top:70px; background-image:url(/images/main/icon04.png); background-color:rgba(255,255,255,0.7);}

.cont_support_item_box1_c { opacity:1; margin-top:0px;}
.cont_support_item_box2_c { opacity:1; margin-top:0px;}
.cont_support_item_box3_c { opacity:1; margin-top:0px;}
.cont_support_item_box4_c { opacity:1; margin-top:0px;}

.main_box_tel_wrap { width:100%; border:3px solid #f25d18; margin-top:100px; border-radius:10px; margin-bottom:15px;}
.main_box_in_title {  width:100%; font-size:20px; font-weight:700; margin:100px auto 10px auto;}
.main_box_in_title2 {  width:100%; font-size:20px; font-weight:700; margin:0 auto 0 auto; color:#FFF; background-color:#f25d18;}
.main_box_in_txt { width:100%; font-size:15px;  margin:0 auto 20px auto; color:#666; letter-spacing:0.02em;}
.main_box_in_tel {  font-size:34px; font-weight:700; margin:5px 0; letter-spacing:-0.05em;}


/* 풋터 */

section>.cont_footer { height:auto; background-color:#444;}




}