@charset utf-8;

html,body { width: 100%; }

#section1 { width: 100%; padding: 44px 0 75px; text-align: center; }
/*#section1 { width: 100%; padding: 115px 0 75px; text-align: center; }*/
#section1 h6 { font-size: 14px; color: #004f9f; }
#section1 h2 { padding: 25px 0 40px; font-size: 40px; color: #333333; font-family: 'NanumSquare', sans-serif; font-weight: 600; }
#section1 ul { max-width: 1200px; margin: 0 auto; overflow: hidden; }
#section1 li:first-child { margin-left: 0; }
#section1 li { float: left; line-height: 130%; color: #7a7a7a; margin-left: 12.5px; }
#section1 li img { width: 230px; height: 230px; }
#section1 li b { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 30px 0 15px; font-size: 20px; letter-spacing: -2px; color: #333; }

#section2 { background-color: #f6f6f6; margin-top: -52px; padding-top: 2px; }
/*#section2 { background-color: #f6f6f6; margin-top: -265px; padding-top: 265px; }*/
#section2 .s2_box { width: 1200px; height: 500px; margin: 0 auto; position: relative; background: #001b38 url(../image/main/s2_box_img.jpg) 50% 50% no-repeat; border-radius: 40px; color: #fff; text-align: center; }
#section2 .s2_box h4 { font-size: 26px; font-weight: 100; padding: 100px 0 70px; line-height: 150%; }
#section2 .s2_box ul { overflow: hidden; width: 90%; margin: 0 auto; }
#section2 .s2_box li:first-child { border-left: 0; }
#section2 .s2_box li { float: left; width: 20%; border-left: 1px rgba(255,255,255,.25) solid; padding: 25px 0; }
#section2 .s2_box li img { display: block; margin: 0 auto 20px; }

#section3 { background-color: #fff; margin-top: 0px; padding-top: 42px; overflow: hidden; }
/*#section3 { background-color: #fff; margin-top: -250px; padding-top: 350px; overflow: hidden; }*/
#section3 dl { }
#section3 dt { width: 50%; height: 400px; background-size: cover; }
#section3 dd { width: 50%; height: 400px; }
#section3 dl:nth-child(odd) dt { float: left; background-position: 100%; }
#section3 dl:nth-child(odd) dd { float: left; padding: 80px 0 0 75px; }
#section3 dl:nth-child(even) dt { float: right; background-position: 0%; }
#section3 dl:nth-child(even) dd { float: right; padding: 80px 0 0 calc(50% - 600px); }
#section3 dl:nth-child(1) dt { background-image: url(../image/main/section3_img1.jpg); }
#section3 dl:nth-child(2) dt { background-image: url(../image/main/section3_img2.jpg); }
#section3 dl:nth-child(3) dt { background-image: url(../image/main/section3_img3.jpg); }
#section3 dl:nth-child(4) dt { background-image: url(../image/main/section3_img4.jpg); }
#section3 dl:nth-child(5) dt { background-image: url(../image/main/section3_img5.jpg); }
#section3 dl:nth-child(6) dt { background-image: url(../image/main/section3_img6.jpg); }
#section3 dd h6 { font-size: 18px; color: #004f9f; }
#section3 dd h2 { font-size: 45px; color: #333333; font-family: 'NanumSquare', sans-serif; font-weight: 600; margin: 10px 0 30px; }
#section3 dd div { line-height: 160%; color: #7a7a7a; }
#section3 dd p { color: #292c31; margin-top: 20px; }
#section3 dd p span { color: #fff; background-color: #292c31; padding: 0 3px; }

@media all and (max-width:1280px) /* 테블릿 세로 */ {

#section3 dl:nth-child(odd) dd { padding: 80px 0 0 50px; }
#section3 dl:nth-child(even) dd { padding: 80px 0 0 50px; }

}

@media all and (max-width:1200px) /* 테블릿 세로 */ {

#section1 { width: 90%; margin: 0 auto; }
#section1 li { width: 19%; margin-left: 1.25%; font-size: 15px; }
#section1 li img { width: 100%; height: auto; }
#section1 li b { font-size: 19px; }

#section2 .s2_box { width: 90%; }

}

@media all and (max-width:1024px) /* 테블릿 세로 */ {

#section1 li br { display: none; }

#section3 dt { width: 100%; height: 300px; background-size: cover; }
#section3 dd { width: 100%; height: auto; padding: 50px 0 70px 50px !important; }
#section3 dd h2 { font-size: 40px; }

}

@media all and (max-width:768px) /* 모바일 가로 */ {

#section1 li { width: 45%; margin: 0 2.5% 40px; }
#section1 li:nth-child(1) { margin-left: 2.5%; }
#section1 li:nth-child(3) { margin-left: 27.5%; }

#section2 { margin-top: 0; padding-top: 0; }
#section2 .s2_box { height: 500px; }
#section2 .s2_box h4 { padding: 50px 0 30px; font-size: 20px; }
#section2 .s2_box li { width: 33.3%; height: 145px; padding: 15px 0; font-size: 15px; }
#section2 .s2_box li:nth-child(4) { border-left: 0; }
#section2 .s2_box li:nth-child(4), #section2 .s2_box li:nth-child(5) { width: 50%; padding: 15px 0; border-top: 1px rgba(255,255,255,.25) solid; }
#section2 .s2_box li img { max-width: 80px; width: 60%; margin: 5px auto 10px; }

#section3 dd h6 { font-size: 15px; color: #004f9f; }
#section3 dd h2 { font-size: 35px; }

}

@media all and (max-width:480px) /* 모바일 세로 */ {

#section1 li { width: 100%; margin: 0 0 10px; text-align: left; float: none; overflow: hidden; }
#section1 li:nth-child(1) { margin-left: 0%; }
#section1 li:nth-child(3) { margin-left: 0%; }
#section1 li img { width: 150px; height: 150px; float: left; margin-right: 20px; }
#section1 li b { font-size: 20px; }

#section2 .s2_box { height: 650px; background-size: cover; }
#section2 .s2_box h4 { width: 80%; margin: 0 auto; }
#section2 .s2_box h4 br { display: none; }
#section2 .s2_box li { width: 100%; }
#section2 .s2_box li:nth-child(1), #section2 .s2_box li:nth-child(2) { width: 50%; padding: 15px 0; border-bottom: 1px rgba(255,255,255,.25) solid; }
#section2 .s2_box li:nth-child(3) { border-left: 0; }

}

@media all and (max-width:360px) /* 모바일 세로 */ {

}