@charset "utf-8";

.over_zum { background:#000; overflow: hidden; }
.over_zum  img {
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
	opacity:0.9;
}
.over_zum:hover img {
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);   
    -o-transform:scale(1.2);
    transform:scale(1.2);
	opacity:1.0;
}

@media (min-width:1500px) {

#overview { background:url(../images/main_overview_txt.png) bottom no-repeat; width:100%; min-width:1500px; margin:0 auto; }

#overview .title { display:flex; justify-content:space-between; flex-wrap:wrap; }
#overview .title h1 { background:#d22730; width:33%; padding:100px 3% 40px; font-size:3.0em; color:#fff; line-height:1.3em; letter-spacing:0; text-align:right; }
#overview .title .desc { width:55%; margin:125px 0 0 5%;}
#overview .title .desc h2 { font-family: 'Pretendard-Black'; font-size:2.3em; color:#222; }
#overview .title .desc p { display:block; margin:25px 0; width:75%; font-size:1.0em; color:#333; line-height:1.6em; }
#overview .title .desc .space { display:none; }

#overview .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; width:90%; }
#overview .content_wrap .content:nth-child(1) { background:#d22730; border:0; width:16%; }
#overview .content_wrap .content { padding:8% 0; width:16%; text-align:center; }
#overview .content_wrap .content .pic { display:block; }
#overview .content_wrap .content h1 { display:block; margin:25px 0 10px; font-size:1.4em; color:#222;  }
#overview .content_wrap .content p { font-size:0.95em; line-height:1.5em; }


/* 시스템 */
#system { background:url(../images/main_system_bg.jpg) center no-repeat; background-attachment:fixed; background-size:cover; padding:120px 0 140px;}
#system .title h1 { display:block; font-family: 'Pretendard-SemiBold'; font-size:1.0em; color:#d22730; letter-spacing:1.5px; text-align:center; }
#system .title h2 { display:block; margin:25px 0 0; font-size:3.0em; color:#fff; letter-spacing:-0.5px; text-align:center;}
#system .title h2 span { color:#76eb12; }

#system .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; width:90%; height:100%; min-width:1500px; margin:80px auto 0; }
#system .content_wrap .content { border-radius:40px 0 40px 0; width:15.5%; overflow:hidden; }
#system .content_wrap .content .pic { background:#fff; width:80%; padding:15% 10%; text-align:center; overflow:hidden;}
#system .content_wrap .content .pic img { width:80%; }
#system .content_wrap .content .desc { background:#f1f1f1; padding:6% 2%; height:88%; text-align:center; }
#system .content_wrap .content .desc h1 { font-size:1.3em; color:#222; line-height:1.5em; letter-spacing:-1.0px; }
#system .content_wrap .content .desc p { display:none; margin:8px 0 0; font-size:0.95em; line-height:1.5em; }
#system .content_wrap .content a:hover .desc { display:block; background:#d22730; color:#fff; 
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;}
#system .content_wrap .content a:hover .desc h1, #system .content_wrap .content a:hover .desc p { background:none; color:#fff; 
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;}

#system span a { display:block; border:1px solid #fff; border-radius:10px; padding:15px 30px; margin:70px auto 0; width:200px; font-size:1.0em; color:#fff; text-align:center; transition:all 0.5s;}
#system span a:hover { background:#d22730; border:1px solid #d22730; color:#fff; transition:all 0.5s;}



/* 사업부문 */
#business { background:url(../images/main_business_bg.jpg) center no-repeat; background-size:cover; padding:120px 0; }
#business .wrapper { display:flex; width:90%; min-width:1500px; margin:0 auto; }
#business .title { width:46%; padding:0 4% 0 0; text-align:right; }
#business .title h1{ display:block; font-family: 'Pretendard-SemiBold'; font-size:1.0em; color:#fff; letter-spacing:1.5px; }
#business .title h2 { display:block; margin:15px 0 0; font-size:3.0em; color:#fff; line-height:1.2em; letter-spacing:-0.5px; }

#business .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; width:40%; padding:0 0 0 6%; }
#business .content_wrap .content { width:46%; margin:2% 0 0; }
#business .content_wrap .content:nth-child(3), #business .content_wrap .content:nth-child(4) { margin:10% 0 0; }
#business .content_wrap .content h1 { font-family: 'Pretendard-Bold'; font-size:4.0em; color:#e2e2e2; }
#business .content_wrap .content h2 { display:block; margin:30px 0 5px; font-family: 'Pretendard-SemiBold'; font-size:1.0em; color:#d22730; }
#business .content_wrap .content h3 { font-size:1.6em; color:#222; }
#business .content_wrap .content p { display:block; margin:20px 0 0; width:90%; }



/* 우리의 가치 */
#value { background:#f1f1f1; padding:130px 0; }
#value .title { text-align:center; }
#value .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; width:90%; min-width:1500px; margin:60px auto 0; }
#value .content_wrap .desc { margin:auto 0; width:47%; }
#value .content_wrap .desc h1{ display:block; font-family: 'Pretendard-SemiBold'; font-size:1.0em; color:#d22730; letter-spacing:1.5px; }
#value .content_wrap .desc h2 { display:block; margin:25px 0 70px; font-size:3.0em; color:#222; letter-spacing:-0.5px; }
#value .content_wrap .desc h3 { display:block; font-family: 'Pretendard-black'; font-size:2.0em; color:#222; line-height:1.2em; letter-spacing:1.0px; }
#value .content_wrap .desc p { display:block; margin:25px 0 0; }
#value .content_wrap .desc .btn { margin:60px 0 0; }
#value .content_wrap .desc .btn span a { display:inline-block; background:url(../images/more_arr.png) 150px 25px no-repeat #fff; border-radius:5px; border:1px solid #dedede; width:150px; padding:15px 20px; margin:0 10px 0 0; font-size:1.0em; color:#333; line-height:28px; letter-spacing:0.5px; transition:0.4s; }
#value .content_wrap .desc .btn span a:hover { ; background:url(../images/more_arr2.png) #d22730 145px 25px no-repeat; border:1px solid #d22730; color:#fff; transition:0.4s; }
#value .content_wrap .pic { margin:auto 0; width:50%; text-align:center; }
#value .content_wrap .pic img { width:100%; }







/*기본게시판*/
.latestBBS { clear: both; margin-left:0;}
.latestBBS li { border-bottom:1px solid #dedede; overflow:hidden; }
.latestBBS li .title { display:inline-block; width:500px; font-size:16px; font-weight:400; color:#333; line-height:54px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.latestBBS li img {display:none;}
.latestBBS li .text {display:none;}
.latestBBS li .date {display:; float:right; font-size:14px; color:#909090; line-height:54px; letter-spacing:0.5px;}


}


@media (min-width:768px) and (max-width:1499px){

#overview { background:url(../images/main_overview_txt.png) bottom no-repeat; width:100%; margin:0 auto; }

#overview .title { display:flex; justify-content:space-between; flex-wrap:wrap; }
#overview .title h1 { background:#d22730; width:36%; padding:7% 3% 2%; font-size:2.4em; color:#fff; line-height:1.2em; letter-spacing:0; text-align:right; }
#overview .title .desc { width:54%; margin:8% 0 0 4%;}
#overview .title .desc h2 { font-family: 'Pretendard-Black'; font-size:1.8em; color:#222; }
#overview .title .desc p { display:block; margin:15px 0; width:90%; font-size:1.0em; color:#333; line-height:1.5em; }
#overview .title .desc .space { display:none; }

#overview .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; width:95%; }
#overview .content_wrap .content:nth-child(1) { background:#d22730; border:0; width:19%; }
#overview .content_wrap .content { padding:6% 0; width:16%; text-align:center; }
#overview .content_wrap .content .pic { display:block; }
#overview .content_wrap .content .pic img { width:25%; }
#overview .content_wrap .content h1 { display:block; margin:20px 0 5px; font-size:1.25em; color:#222;  }
#overview .content_wrap .content p { font-size:0.95em; line-height:1.5em; }


/* 시스템 */
#system { background:url(../images/main_system_bg.jpg) center no-repeat; background-attachment:fixed; background-size:cover; padding:110px 0;}
#system .title h1 { display:block; font-family: 'Pretendard-SemiBold'; font-size:1.0em; color:#d22730; letter-spacing:1.5px; text-align:center; }
#system .title h2 { display:block; margin:20px 0 0; font-size:2.4em; color:#fff; letter-spacing:-0.5px; text-align:center;}
#system .title h2 span { color:#76eb12; }

#system .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; width:90%; height:100%; margin:40px auto 0; }
#system .content_wrap .content { border-radius:40px 0 40px 0; width:31%; margin:1.8% 0; overflow:hidden; }
#system .content_wrap .content .pic { background:#fff; width:80%; padding:15% 10%; text-align:center; overflow:hidden;}
#system .content_wrap .content .pic img { width:80%; }
#system .content_wrap .content .desc { background:#f1f1f1; padding:6% 2%; height:88%; text-align:center; }
#system .content_wrap .content .desc h1 { font-size:1.3em; color:#222; line-height:1.5em; letter-spacing:-1.0px; }
#system .content_wrap .content .desc p { display:none; margin:8px 0 0; font-size:0.95em; }
#system .content_wrap .content a:hover .desc { display:block; background:#d22730; color:#fff; 
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;}
#system .content_wrap .content a:hover .desc h1, #system .content_wrap .content a:hover .desc p { background:none; color:#fff; 
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;}

#system span a { display:block; border:1px solid #fff; border-radius:10px; padding:15px 30px; margin:70px auto 0; width:200px; font-size:1.0em; color:#fff; text-align:center; transition:all 0.5s;}
#system span a:hover { background:#d22730; border:1px solid #d22730; color:#fff; transition:all 0.5s;}



/* 사업부문 */
#business { background:url(../images/main_business_tab_bg.jpg) center no-repeat; background-size:cover; padding:110px 0; }
#business .wrapper { display:flex; width:90%; margin:0 auto; }
#business .title { width:46%; padding:0 4% 0 0; text-align:right; }
#business .title h1{ display:block; font-family: 'Pretendard-SemiBold'; font-size:1.0em; color:#fff; letter-spacing:1.5px; }
#business .title h2 { display:block; margin:15px 0 0; font-size:2.6em; color:#fff; line-height:1.2em; letter-spacing:-0.5px; }

#business .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; width:44%; padding:0 0 0 6%; }
#business .content_wrap .content { width:46%; margin:2% 0 0; }
#business .content_wrap .content:nth-child(3), #business .content_wrap .content:nth-child(4) { margin:10% 0 0; }
#business .content_wrap .content h1 { font-family: 'Pretendard-Bold'; font-size:3.0em; color:#e2e2e2; }
#business .content_wrap .content h2 { display:block; margin:30px 0 5px; font-family: 'Pretendard-SemiBold'; font-size:1.0em; color:#d22730; }
#business .content_wrap .content h3 { font-size:1.4em; color:#222; }
#business .content_wrap .content p { display:block; margin:15px 0 0; width:100%; }



/* 우리의 가치 */
#value { background:#f1f1f1; padding:120px 0; }
#value .title { text-align:center; }
#value .title img { width:320px; }
#value .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; width:90%; margin:50px auto 0; }
#value .content_wrap .desc { margin:auto 0; width:47%; }
#value .content_wrap .desc h1{ display:block; font-family: 'Pretendard-SemiBold'; font-size:1.0em; color:#d22730; letter-spacing:1.5px; }
#value .content_wrap .desc h2 { display:block; margin:20px 0 50px; font-size:2.6em; color:#222; letter-spacing:-0.5px; }
#value .content_wrap .desc h3 { display:block; font-family: 'Pretendard-black'; font-size:1.5em; color:#222; letter-spacing:1.0px; }
#value .content_wrap .desc p { display:block; margin:15px 0 0; }
#value .content_wrap .desc .btn { margin:40px 0 0; }
#value .content_wrap .desc .btn span a { display:inline-block; background:url(../images/more_arr.png) 142px 19px no-repeat #fff; border-radius:5px; border:1px solid #dedede; width:140px; padding:10px 18px; margin:0 10px 0 0; font-size:1.0em; color:#333; line-height:28px; letter-spacing:0.5px; transition:0.4s;}
#value .content_wrap .desc .btn span a:hover { ; background:url(../images/more_arr2.png) #d22730 138px 19px no-repeat; border:1px solid #d22730; color:#fff; transition:0.4s; }
#value .content_wrap .pic { margin:auto 0; width:50%; text-align:center; }
#value .content_wrap .pic img { width:100%; }









/*기본게시판*/
.latestBBS { clear: both; margin-left:0;}
.latestBBS li { border-bottom:1px solid #dedede; overflow:hidden; }
.latestBBS li .title { display:inline-block; width:70%; font-size:0.95em; font-weight:400; color:#333; line-height:40px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.latestBBS li img {display:none;}
.latestBBS li .text {display:none;}
.latestBBS li .date {display:; float:right; font-size:13px; color:#909090; line-height:40px; letter-spacing:0.5px;}


}



@media (max-width:767px){

#overview { background:url(../images/main_overview_txt.png) bottom no-repeat; width:100%; margin:0 auto 20%; }

#overview .title { display:flex; justify-content:space-between; flex-wrap:wrap; }
#overview .title h1 { background:#d22730; width:100%; padding:4% 6%; font-size:1.6em; color:#fff; line-height:1.3em; letter-spacing:0; text-align:right; }
#overview .title .desc { display:flex; justify-content:space-between; flex-wrap:wrap; width:100%;}
#overview .title .desc .space { background:#d22730; width:21%;}
#overview .title .desc span { width:71%; margin:9% 0; }
#overview .title .desc h2 { width:90%; font-family: 'Pretendard-Black'; font-size:1.3em; color:#222; letter-spacing:0.5px; }
#overview .title .desc p { display:block; width:90%; margin:10px 0 0; font-size:1.05em; color:#333; line-height:1.5em; }

#overview .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; width:85%; margin:5% auto; }
#overview .content_wrap .content:nth-child(1) { display:none; }
#overview .content_wrap .content { width:48%; margin:5% 0; text-align:center; }
#overview .content_wrap .content .pic { display:block; }
#overview .content_wrap .content .pic img { width:24%; }
#overview .content_wrap .content h1 { display:block; margin:10px 0 5px; font-size:1.15em; color:#222;  }
#overview .content_wrap .content p { font-size:0.95em; line-height:; }



/* 시스템 */
#system { background:url(../images/main_system_mob_bg.jpg) center no-repeat; background-attachment:fixed; background-size:cover; padding:70px 0 80px;}
#system .title h1 { display:block; font-family: 'Pretendard-SemiBold'; font-size:1.0em; color:#d22730; letter-spacing:1.0px; text-align:center; }
#system .title h2 { display:block; margin:10px 0 0; font-size:1.8em; color:#fff; letter-spacing:; text-align:center;}
#system .title h2 span { color:#76eb12; }

#system .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; width:85%; height:100%; margin:40px auto 0; }
#system .content_wrap .content { border-radius:25px 0 25px 0; width:48%; margin:2.0% 0; overflow:hidden; }
#system .content_wrap .content .pic { background:#fff; width:90%; padding:20% 5%; text-align:center; overflow:hidden;}
#system .content_wrap .content .pic img { width:90%; }
#system .content_wrap .content .desc { background:#f1f1f1; padding:8% 2%; height:84%; text-align:center; }
#system .content_wrap .content .desc h1 { font-size:1.0em; color:#222; line-height:1.3em; letter-spacing:0; }
#system .content_wrap .content .desc p { display:none; margin:5px 0 0; font-size:0.95em; line-height:1.4em; }
#system .content_wrap .content a:hover .desc { display:block; background:#d22730; color:#fff; 
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;}
#system .content_wrap .content a:hover .desc h1, #system .content_wrap .content a:hover .desc p { background:none; color:#fff; 
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;}

#system span a { display:block; border:1px solid #fff; border-radius:10px; padding:15px 30px; margin:70px auto 0; width:200px; font-size:1.0em; color:#fff; text-align:center; transition:all 0.5s;}
#system span a:hover { background:#d22730; border:1px solid #d22730; color:#fff; transition:all 0.5s;}



/* 사업부문 */
#business {  }
#business .wrapper {  }
#business .title { background:url(../images/main_business_mob_bg.jpg) center no-repeat; background-size:cover; padding:20% 0 10%; text-align:center; }
#business .title h1{ display:block; font-family: 'Pretendard-SemiBold'; font-size:1.0em; color:#fff; letter-spacing:1.5px; }
#business .title h2 { display:block; margin:5px 0 0; font-size:1.8em; color:#fff; line-height:1.2em; letter-spacing:-0.5px; }

#business .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; width:85%; margin:15% auto; }
#business .content_wrap .content { width:46%; margin:0; }
#business .content_wrap .content:nth-child(3), #business .content_wrap .content:nth-child(4) { margin:15% 0 0; }
#business .content_wrap .content h1 { font-family: 'Pretendard-Bold'; font-size:3.0em; color:#e2e2e2; }
#business .content_wrap .content h2 { display:block; margin:15px 0 5px; font-family: 'Pretendard-SemiBold'; font-size:1.0em; color:#d22730; }
#business .content_wrap .content h3 { font-size:1.3em; color:#222; }
#business .content_wrap .content p { display:block; margin:10px 0 0; width:100%; }



/* 우리의 가치 */
#value { background:#f1f1f1; padding:70px 0 80px; }
#value .title { text-align:center; }
#value .title img { width:50%; }
#value .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; width:85%; margin:40px auto 0; }
#value .content_wrap .desc { order:2; margin:50px 0 0; width:100%; text-align:center;}
#value .content_wrap .desc h1{ display:block; font-family: 'Pretendard-SemiBold'; font-size:1.0em; color:#d22730; letter-spacing:1.5px; }
#value .content_wrap .desc h2 { display:block; margin:10px 0 30px; font-size:1.8em; color:#222; letter-spacing:-0.5px; }
#value .content_wrap .desc h3 { display:block; font-family: 'Pretendard-black'; font-size:1.2em; color:#222; line-height:1.3em; letter-spacing:1.0px; }
#value .content_wrap .desc p { display:block; margin:15px 0 0; }
#value .content_wrap .desc .btn { margin:40px 0 0; }
#value .content_wrap .desc .btn span a { display:inline-block; background:url(../images/more_arr.png) 97px 17px no-repeat #fff; background-size:10%; border-radius:5px; border:1px solid #dedede; width:100px; padding:10px; margin:0 3px; font-size:1.0em; color:#333; line-height:; letter-spacing:0; text-align:left; transition:0.4s;}
#value .content_wrap .desc .btn span a:hover { ; background:url(../images/more_arr2.png) #d22730 92px 17px no-repeat; background-size:10%; border:1px solid #d22730; color:#fff; transition:0.4s; }
#value .content_wrap .pic { order:1; width:100%; text-align:center; }
#value .content_wrap .pic img { width:100%; }







/*기본게시판*/
.latestBBS { clear: both; margin-left:0;}
.latestBBS li { border-bottom:1px solid #dedede; overflow:hidden; }
.latestBBS li .title { display:inline-block; width:190px; font-size:1.0em; font-weight:400; color:#333; line-height:40px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.latestBBS li img {display:none;}
.latestBBS li .text {display:none;}
.latestBBS li .date {display:; float:right; font-size:13px; color:#909090; line-height:40px; letter-spacing:0;}


}








/*갤러리게시판*/
.latestGallery li { float:left; width:200px; margin:0 10px 20px 10px;}
.latestGallery li:last-child { margin-right:0px;}
.latestGallery li .img img { width:198px; border:1px #e3e3e3 solid; }
.latestGallery li .caption { width:200px; height:30px; margin-top:10px; font-size:16px; font-weight:400; text-align:center; overflow:hidden; z-index:9; }