/*=================================================================================================
// 명    칭 : 메인화면 스타일쉬트
// 처리내용 :
// 작 성 자 : 2013-09-06 강대인
//=================================================================================================*/
@import url("/modules/user/css/base.css");

/* pc 버전일때 */
@media (min-width:1261px) {
#container {  }

.contents { width:1200px; margin:0 auto; }

.main_visual { overflow:hidden; height:900px; }
.main_visual .swiper-slide .visual_text { width:100%; position:absolute; top:300px; left:300px; }
.main_visual .swiper-slide .visual_text h2 { font-size:3.5rem; color:#fff; font-family:"s-core_dream3_light"; font-weight: normal; text-shadow:3px 3px 10px rgba(0,0,0,0.8); padding:0 0 0 100px; margin:0 0 20px 0; opacity:0; transition:all 2s; }
.main_visual .swiper-slide .visual_text h2 span { font-size:5rem; font-family:"s-core_dream7_extrabold"; }
.main_visual .swiper-slide .visual_text p { font-size:2rem; color:#fff; padding:0 0 0 100px; opacity:0; transition:all 2s; }
.main_visual .swiper-slide .visual_img { display:block; position:relative; transform:scale(1); transition:all 5s; }
.main_visual .swiper-pagination-progressbar { display:none; left:400px !important; top:600px !important; width:100px !important; height:3px !important; }

.main_visual .swiper-slide-active .visual_img { transform:scale(1.1); }
.main_visual .swiper-slide-active .visual_text h2 { opacity:1; padding:0; }
.main_visual .swiper-slide-active .visual_text p { opacity:1; padding:0; }
.m_main_visual { display:none; }

.business_wrap01 { width:1200px; padding:100px 0; margin:0 auto; }
.business_wrap01 h2 { text-align:center; font-size:40px; color:#a58e58; font-family:"s-core_dream6_bold"; margin:0 0 80px 0; }
.business_wrap01 h2 span { color:#333; }
.business_wrap01 ul { display:flex; justify-content:space-between; flex-wrap:wrap; }
.business_wrap01 ul li { width:270px; margin:0 0 40px 0; }
.business_wrap01 ul li a { color:#333; }
.business_wrap01 ul li a h3 { font-size:16px; }
.business_wrap01 ul li .img { overflow:hidden; width:100%; height:270px; margin:0 0 10px 0; }
.business_wrap01 ul li .img img { width:100%; }
.business_wrap01 ul li .date { font-size:14px; }

.business_wrap02 { padding:100px 0; background:url("../img/main/main_con02_bg.png") top center no-repeat; }
.business_wrap02 h2 { text-align:center; font-size:40px; color:#a58e58; font-family:"s-core_dream6_bold";  margin:0 0 80px 0; }
.business_wrap02 h2 span { color:#fff; }
.business_wrap02 ul { display:flex; justify-content:space-between; flex-wrap:wrap; width:1200px; margin:0 auto; }
.business_wrap02 ul li { width:270px; height:270px; margin:0 0 40px 0; padding:60px 0 0 0; text-align:center; font-size:30px; font-family:"s-core_dream5_medium"; box-sizing:border-box; }
.business_wrap02 ul li:nth-child(1) { background:#594f42 url("../img/main/main_icon_01.png") bottom center no-repeat; }
.business_wrap02 ul li:nth-child(2) { background:#594f42 url("../img/main/main_icon_02.png") bottom center no-repeat; }
.business_wrap02 ul li:nth-child(3) { background:#594f42 url("../img/main/main_icon_03.png") bottom center no-repeat; }
.business_wrap02 ul li:nth-child(4) { background:#594f42 url("../img/main/main_icon_04.png") bottom center no-repeat; }
.business_wrap02 ul li:nth-child(5) { background:#7f6f49 url("../img/main/main_icon_05.png") bottom center no-repeat; }
.business_wrap02 ul li:nth-child(6) { background:#7f6f49 url("../img/main/main_icon_06.png") bottom center no-repeat; }
.business_wrap02 ul li:nth-child(7) { background:#7f6f49 url("../img/main/main_icon_07.png") bottom center no-repeat; }
.business_wrap02 ul li:nth-child(8) { background:#7f6f49 url("../img/main/main_icon_08.png") bottom center no-repeat; }
.business_wrap02 ul li a { display:block; height:100%; color:#fff; }

.success_wrap { width:1200px; padding:100px 0; margin:0 auto; }
.success_wrap h2 { text-align:center; font-size:40px; color:#a58e58; font-family:"s-core_dream6_bold";  margin:0 0 80px 0; }
.success_wrap h2 span { color:#333; }
.success_wrap ul { display:flex; justify-content:space-between; flex-wrap:wrap; }
.success_wrap ul li { width:270px; margin:0 0 40px 0; }
.success_wrap ul li a { color:#333; }
.success_wrap ul li a h3 { font-size:16px; }
.success_wrap ul li .img { overflow:hidden; width:100%; height:270px; margin:0 0 10px 0; }
.success_wrap ul li .img img { width:100%; }
.success_wrap ul li .date { font-size:14px; }
.success_wrap ul .no_data { width:100%; text-align:center; font-size:16px; }
/*
.success_wrap ul { display:flex; justify-content:center; width:1200px; margin:0 auto; }
.success_wrap ul li { width:290px; height:290px; margin:0 5px; border:3px solid #ccc; transition:all 1s; box-sizing:border-box; padding:30px; }
.success_wrap ul li:hover { border:3px solid #a58e58; }
.success_wrap ul li a { color:#000; }
.success_wrap ul li .num  { font-size:40px; font-family:"s-core_dream6_bold"; margin:0 0 30px 0; }
.success_wrap ul li h3 { font-size:20px; line-height:29px; margin:0 0 18px 0; word-wrap:break-word; word-break:keep-all; }
.success_wrap ul li p { font-size:16px; line-height:26px; color:#444; }
*/
}



/* 테블릿 버전일때 */
@media (min-width:641px) and (max-width:1260px) {
#container {  }

.main_visual { display:none; }
.m_main_visual { overflow:hidden; width:100%; }
.m_main_visual .swiper-slide .visual_text { width:100%; position:absolute; top:50%; left:60px; transform:translate(0, -50%); }
.m_main_visual .swiper-slide .visual_text h2 { font-size:3rem; color:#fff; font-family:"s-core_dream3_light"; text-shadow:3px 3px 10px rgba(0,0,0,0.8); padding:0 0 0 100px; margin:0 0 20px 0; opacity:0; transition:all 2s; }
.m_main_visual .swiper-slide .visual_text h2 span { font-family:"s-core_dream6_bold"; }
.m_main_visual .swiper-slide .visual_text p { font-size:1.2rem; color:#fff; padding:0 0 0 100px; opacity:0; transition:all 2s; }
.m_main_visual .swiper-slide .visual_img { display:block; width:100%; position:relative; transform:scale(1); transition:all 5s; }
.m_main_visual .swiper-pagination-progressbar { display:none; left:155px !important; top:450px !important; width:100px !important; height:3px !important; }
.m_main_visual .ctl_page_wrap { display:none; }
.m_main_visual .swiper-slide-active .visual_img { transform:scale(1.1); }
.m_main_visual .swiper-slide-active .visual_text h2 { opacity:1; padding:0; }
.m_main_visual .swiper-slide-active .visual_text p { opacity:1; padding:0; }

.business_wrap01 { padding:80px 50px; }
.business_wrap01 h2 { text-align:center; font-size:30px; color:#a58e58; font-family:"s-core_dream6_bold"; margin:0 0 50px 0; }
.business_wrap01 h2 span { color:#333; }
.business_wrap01 ul { display:flex; justify-content:space-between; flex-wrap:wrap; }
.business_wrap01 ul li { width:30%; margin:0 0 40px 0; }
.business_wrap01 ul li a { color:#333; }
.business_wrap01 ul li a h3 { font-size:16px; }
.business_wrap01 ul li .img { overflow:hidden; width:100%; margin:0 0 10px 0; }
.business_wrap01 ul li .img img { width:100%; }
.business_wrap01 ul li .date { font-size:14px; }

.business_wrap02 { padding:80px; background:url("../img/main/main_con02_bg.png") top center no-repeat; }
.business_wrap02 h2 { text-align:center; font-size:30px; color:#a58e58; font-family:"s-core_dream6_bold";  margin:0 0 50px 0; }
.business_wrap02 h2 span { color:#fff; }
.business_wrap02 ul { display:flex; justify-content:space-between; flex-wrap:wrap; }
.business_wrap02 ul li { width:24%; margin:0 0 20px 0; text-align:center; font-size:20px; font-family:"s-core_dream5_medium"; }
.business_wrap02 ul li:nth-child(1) { background:#594f42 url("../img/main/main_icon_01.png") bottom center no-repeat; background-size:50%; }
.business_wrap02 ul li:nth-child(2) { background:#594f42 url("../img/main/main_icon_02.png") bottom center no-repeat; background-size:50%; }
.business_wrap02 ul li:nth-child(3) { background:#594f42 url("../img/main/main_icon_03.png") bottom center no-repeat; background-size:50%; }
.business_wrap02 ul li:nth-child(4) { background:#594f42 url("../img/main/main_icon_04.png") bottom center no-repeat; background-size:90%; }
.business_wrap02 ul li:nth-child(5) { background:#7f6f49 url("../img/main/main_icon_05.png") bottom center no-repeat; background-size:30%; }
.business_wrap02 ul li:nth-child(6) { background:#7f6f49 url("../img/main/main_icon_06.png") bottom center no-repeat; background-size:40%; }
.business_wrap02 ul li:nth-child(7) { background:#7f6f49 url("../img/main/main_icon_07.png") bottom center no-repeat; background-size:50%; }
.business_wrap02 ul li:nth-child(8) { background:#7f6f49 url("../img/main/main_icon_08.png") bottom center no-repeat; background-size:50%; }
.business_wrap02 ul li a { display:block; color:#fff;  padding:60px 0 100px 0; box-sizing:border-box; }

.success_wrap { padding:80px 50px; }
.success_wrap h2 { text-align:center; font-size:30px; color:#a58e58; font-family:"s-core_dream6_bold";  margin:0 0 50px 0; }
.success_wrap h2 span { color:#333; }
.success_wrap ul { display:flex; justify-content:space-between; flex-wrap:wrap; }
.success_wrap ul li { width:30%; margin:0 0 40px 0; }
.success_wrap ul li a { color:#333; }
.success_wrap ul li a h3 { font-size:16px; }
.success_wrap ul li .img { overflow:hidden; width:100%; margin:0 0 10px 0; }
.success_wrap ul li .img img { width:100%; }
.success_wrap ul li .date { font-size:14px; }
/*
.success_wrap ul { display:flex; justify-content:center; }
.success_wrap ul li { width:24%; margin:0 5px; border:3px solid #ccc; transition:all 1s; box-sizing:border-box; padding:30px; }
.success_wrap ul li:hover { border:3px solid #a58e58; }
.success_wrap ul li a { color:#000; }
.success_wrap ul li .num  { font-size:30px; font-family:"s-core_dream6_bold"; margin:0 0 30px 0; }
.success_wrap ul li h3 { font-size:16px; line-height:29px; margin:0 0 18px 0; word-wrap:break-word; word-break:keep-all; }
.success_wrap ul li p { font-size:14px; line-height:26px; color:#444; }
*/
}

/* 모바일 버전일때 */
@media (max-width:640px) {
#container {  }

.main_visual { display:none; }
.m_main_visual { overflow:hidden; width:100%; }
.m_main_visual .swiper-slide .visual_text { position:absolute; top:55%; left:40px; transform:translate(0, -50%); }
.m_main_visual .swiper-slide .visual_text h2 { font-size:16px; color:#fff; font-family:"s-core_dream3_light"; text-shadow:3px 3px 10px rgba(0,0,0,0.8); padding:0 0 0 100px; margin:0 0 10px 0; opacity:0; transition:all 2s; }
.m_main_visual .swiper-slide .visual_text h2 span { font-size:20px; font-family:"s-core_dream6_bold"; }
.m_main_visual .swiper-slide .visual_text p { width:70%; font-size:12px; color:#fff; padding:0 0 0 100px; opacity:0; transition:all 2s; word-wrap:break-word; word-break:keep-all; }
.m_main_visual .swiper-slide .visual_img { display:block; width:100%; position:relative; transform:scale(1); transition:all 5s; }
.m_main_visual .swiper-pagination-progressbar { display:none; left:135px !important; top:77% !important; width:100px !important; height:3px !important; }
.m_main_visual .ctl_page_wrap { display:none; }
.m_main_visual .swiper-slide-active .visual_img { transform:scale(1.1); }
.m_main_visual .swiper-slide-active .visual_text h2 { opacity:1; padding:0; }
.m_main_visual .swiper-slide-active .visual_text p { opacity:1; padding:0; }

.business_wrap01 { padding:50px 20px; }
.business_wrap01 h2 { text-align:center; font-size:24px; color:#a58e58; font-family:"s-core_dream6_bold"; margin:0 0 30px 0; }
.business_wrap01 h2 span { color:#333; }
.business_wrap01 ul { display:flex; justify-content:space-between; flex-wrap:wrap; }
.business_wrap01 ul li { width:48%; margin:0 0 20px 0; }
.business_wrap01 ul li a { color:#333; }
.business_wrap01 ul li a h3 { font-size:12px; margin:0 0 5px 0; }
.business_wrap01 ul li .img { overflow:hidden; width:100%; margin:0 0 10px 0; }
.business_wrap01 ul li .img img { width:100%; }
.business_wrap01 ul li .date { font-size:12px; }

.business_wrap02 { padding:50px 40px; background:url("../img/main/main_con02_bg.png") top center no-repeat; background-size:cover; }
.business_wrap02 h2 { text-align:center; font-size:24px; color:#a58e58; font-family:"s-core_dream6_bold";  margin:0 0 30px 0; }
.business_wrap02 h2 span { color:#fff; }
.business_wrap02 ul { display:flex; justify-content:space-between; flex-wrap:wrap; }
.business_wrap02 ul li { width:48%; margin:0 0 20px 0;  text-align:center; font-size:18px; font-family:"s-core_dream5_medium"; }
.business_wrap02 ul li:nth-child(1) { background:#594f42 url("../img/main/main_icon_01.png") bottom center no-repeat; background-size:50%; }
.business_wrap02 ul li:nth-child(2) { background:#594f42 url("../img/main/main_icon_02.png") bottom center no-repeat; background-size:50%; }
.business_wrap02 ul li:nth-child(3) { background:#594f42 url("../img/main/main_icon_03.png") bottom center no-repeat; background-size:50%; }
.business_wrap02 ul li:nth-child(4) { background:#594f42 url("../img/main/main_icon_04.png") bottom center no-repeat; background-size:90%; }
.business_wrap02 ul li:nth-child(5) { background:#7f6f49 url("../img/main/main_icon_05.png") bottom center no-repeat; background-size:30%; }
.business_wrap02 ul li:nth-child(6) { background:#7f6f49 url("../img/main/main_icon_06.png") bottom center no-repeat; background-size:40%; }
.business_wrap02 ul li:nth-child(7) { background:#7f6f49 url("../img/main/main_icon_07.png") bottom center no-repeat; background-size:50%; }
.business_wrap02 ul li:nth-child(8) { background:#7f6f49 url("../img/main/main_icon_08.png") bottom center no-repeat; background-size:50%; }
.business_wrap02 ul li a { display:block; padding:60px 0 100px 0; color:#fff; box-sizing:border-box; }

.success_wrap { padding:50px 20px; }
.success_wrap h2 { text-align:center; font-size:24px; color:#a58e58; font-family:"s-core_dream6_bold";  margin:0 0 30px 0; }
.success_wrap h2 span { color:#333; }
.success_wrap ul { display:flex; justify-content:space-between; flex-wrap:wrap; }
.success_wrap ul li { width:48%; margin:0 0 20px 0; }
.success_wrap ul li a { color:#333; }
.success_wrap ul li a h3 { font-size:12px; margin:0 0 5px 0; }
.success_wrap ul li .img { overflow:hidden; width:100%; margin:0 0 10px 0; }
.success_wrap ul li .img img { width:100%; }
.success_wrap ul li .date { font-size:12px; }
/*
.success_wrap ul { display:flex; justify-content:space-between; flex-wrap:wrap; }
.success_wrap ul li { width:48%; margin:0 0 20px 0; border:3px solid #ccc; transition:all 1s; box-sizing:border-box; padding:15px; }
.success_wrap ul li:hover { border:3px solid #a58e58; }
.success_wrap ul li a { color:#000; }
.success_wrap ul li .num  { font-size:30px; font-family:"s-core_dream6_bold"; margin:0 0 30px 0; }
.success_wrap ul li h3 { font-size:16px; line-height:29px; margin:0 0 18px 0; word-wrap:break-word; word-break:keep-all; }
.success_wrap ul li p { font-size:14px; line-height:26px; color:#444; }
*/
}