@charset "euc-kr";

*:before,*:after {-moz-box-sizing:border-box;-webkit-box-sizing:border-box; box-sizing:border-box; }

/* 
¹öÆ° ¾Ö´Ï¸ÞÀ̼Ç
.btn_st01:hover { color:#fff; border:1px solid #9e7d54; background:#b8905c; }
*/
 
/* wrap
#header_wrap {border-bottom:1px solid #d8d5d2; } */

#visual_wrap { width:100%; background:#070707 url(../images/main/bg_vi.jpg) no-repeat center 0; padding:38px 0 48px 0;}
.visual_wrap { overflow:hidden; }

.visual_wrap .lay { float:left; position:relative; overflow:hidden;}
.visual_wrap .lay.st01 { width:67%; padding-right:1%; }
.visual_wrap .lay.st02 { width:33%; background: url(../images/main/vi_up.jpg) no-repeat right 0 / 100%;}
.visual_wrap .lay.st02 .vi_box02 { overflow:hidden;margin-top:68%; border:1px solid #565049; padding:22px; }
.visual_wrap .lay.st02 .vi_box02 > div { }

/*
.visual_wrap .vi_t_box { width:100%; z-index:2; word-break:keep-all; text-align:center; line-height:1.2;}
.visual_wrap .vi_t_box .vi_tit { padding:24px 0; font-size:40px; font-weight:600; color:#fff; }
.visual_wrap .vi_t_box p { font-size:30px; color:#d9be83; line-height:1.1;}
.visual_wrap .vi_t_box .vi_txt { padding:27px 0 5px 0; font-size:17px; color:#aea48c;}
*/

.vi_t_box { position:absolute;}
.visual_wrap .vi_t_box { width:100%; z-index:2; word-break:keep-all; text-align:center; line-height:1.2; padding:30px 0 10px 0; background:rgba(255,255,255,0)}
.visual_wrap .vi_t_box.st01 {margin:174px auto 0; } 
.visual_wrap .vi_t_box .vi_tit { padding:12px 0; font-size:39px; font-weight:600; color:#000; }
.visual_wrap .vi_t_box.st01 .vi_tit { color:#fff; } 
.visual_wrap .vi_t_box p { font-size:28px; color: #915a00; line-height:1.2; }
.visual_wrap .vi_t_box.st01 p { max-width:600px; padding:0 15px; margin:0 auto; color:#c58720;}
.visual_wrap .vi_t_box .vi_txt { padding:12px 0 5px 0; font-size:16px; color:#5c5c5c;}


.visual_wrap a.btn_st01 { max-width:190px; margin:0 auto;}
a.btn_st01 { display:block; padding:12px 20px; font-size:14px; font-weight:600; color:#000; text-align:center; border:1px solid #b8b8b8;}
a.btn_st01:hover { background:#00367b; color:#fff; border:1px solid #00367b;} 

.visual_wrap .vi_m { display: none;}


/* content */
#content { position:relative; width:100%; word-break:keep-all }

/* notice_wrap
#notice_wrap { width:100%; padding:22px 0px 20px 0; background:#00367b; }
#notice_wrap .board_01 { position:relative; width:45%; }
#notice_wrap .board_02 { position:absolute; right:0; top:0; width:50%; }
#notice_wrap dl { overflow:hidden; }
#notice_wrap dt { float:left;}
#notice_wrap dt a { color:#c2ccfa; font-weight:600; font-size:19px; padding-right:25px; background: url(../images/common/btn_more_notice.gif) no-repeat right 50%;}
#notice_wrap dt a img { vertical-align:middle;}
#notice_wrap dd { overflow:hidden; float:left; height:26px; }
#notice_wrap dd a { display:block; padding:3px 8px 5px 20px; color:#a3aec4; }
#notice_wrap dd a img { padding-left:12px; vertical-align:middle;}
 */
 
#notice_wrap { width:100%; padding:18px 0px 14px 0; background:#ad8323; letter-spacing:-0.04em; }
#notice_wrap .board_01 { float:left; width:47%;}
#notice_wrap .board_02 { float:right; width:47%; }
#notice_wrap dl { overflow:hidden; }
#notice_wrap dt { float:left;}
#notice_wrap dt a { display:block; color:#fff; font-weight:600; font-size:19px; padding-right:25px; background: url(../images/main/line_v.gif) no-repeat right 55%;}
#notice_wrap dt a span { color:#e8daba; font-size:11px; margin-left:12px;}
#notice_wrap dt a img { vertical-align:middle;}
#notice_wrap dd { overflow:hidden;  }
#notice_wrap dd a { display:block; padding:3px 8px 5px 20px; color:#e0cea4; }
#notice_wrap dd a img { padding-left:12px; vertical-align:middle;} 
.nn { margin-top:3px;} 
 
#notice_wrap .btn_more { position:absolute; right:0; top:6px; }
.btn_more a {color:#76555a; font-size:11px; line-height:11px;}
.btn_more a img { vertical-align:middle; padding:0 4px 3px 0;}	


.tit_box01 { word-break:keep-all; padding:40px 10px; text-align:center; line-height:1.2; }
.tit_box01 .tit { font-size:30px; color:#000; font-weight:bold;}
.tit_box01 .tit a { display:inline-block; padding:15px 50px 15px 20px; }
.tit_box01 p {font-size:18px; color:#949494; padding-top:16px;}

/*
.cars_ser_wrap { padding-bottom:30px;}
.cars_ser_wrap .photo_gall ul { overflow:hidden; max-width:1470px; margin:0 auto; }
.cars_ser_wrap ul li { width:13%; float:left; padding:0 0.6%; }
.cars_ser_wrap ul li:last-child { padding-right:0; }
.cars_ser_wrap ul li a { display:block; max-width:198px; margin:0 auto; }
.cars_ser_wrap ul li a p { padding:20px 0; font-size:15px; color:#000; line-height:1.2; text-align:left;}
.cars_ser_wrap ul li a .icon_new { margin-left:4px;}
*/
.cars_ser_wrap { max-width:1400px; margin:0 auto; padding:10px 10px 0 10px;}
.cars_ser_wrap .icon_step { overflow:hidden; text-align:center;}
.icon_step li { float:left; width:24%; margin:0.5%; background:#f5f3ef;}
.icon_step li .tt {font-size:25px; padding:25px 0; font-weight:600;}
.icon_step li .text { padding:24px 0 6px 0; font-size:16px; min-height:112px; line-height:1.3; } 
.icon_step li a { display:block; padding:15px; color:#282828;}
.icon_step li span { display:block;}



/* ±âº»Çü
1024px; 850px; 768px; 600px; 480px; 320px
*/


@media screen and (max-width:1260px) {	
.swiper-container .swiper-slide { overflow:hidden}
.swiper-container .swiper-slide img { max-width:130%; left:-15%; position:relative;}

#notice_wrap .board_01 { width:47%; margin-left:2%;}

}

@media all and (max-width:920px) {

.swiper-container .swiper-slide img { max-width:100%; left:0; }

.visual_wrap .lay { float:none; position:relative; overflow:hidden;}
.visual_wrap .lay.st01 { width:100%; padding:0 0 1% 0; }
.visual_wrap .lay.st02 { width:100%; background: url(../images/main/vi_up.jpg) no-repeat left 0 / 50%;}
.visual_wrap .lay.st02 .vi_box02 {margin:0 0 0 52%;  padding:20px; }
.visual_wrap .lay.st02 .vi_box02 > div { }



}



@media all and (max-width:768px) {	
#visual_wrap { padding:18px 2% 18px;}
#notice_wrap .board_01 { width:97%; margin-left:2%;}
#notice_wrap .board_02 { display:none; }
.visual_wrap .vi_box .vi_list li div dl dt { font-size:17px; }

.cars_ser_wrap .icon_step li { float:left; width:49%; margin:0.5%;}
.icon_step li span { display:inline;}

.vi_t_box { position:absolute;}
.visual_wrap .vi_t_box { padding:30px 0 10px 0; }
.visual_wrap .vi_t_box.st01 {margin:130px 0 0; }
.visual_wrap .vi_t_box .vi_tit { padding:12px 0; font-size:30px; }
.visual_wrap .vi_t_box p { font-size:22px; }
.visual_wrap .vi_t_box .vi_txt { display:none; padding:10px 0 5px 0; font-size:15px; color:#5c5c5c;}

}


@media all and (max-width:767px) { 
#visual_wrap { padding:8px 2% 8px;}
.visual_wrap .lay.st02 { width:100%; background: none;}
.visual_wrap .lay.st02 .vi_box02 { margin:0;  }

.icon_step li .tt {font-size:20px; padding:15px 0; }
.icon_step li .text { padding:14px 0 6px 0; font-size:14px; min-height:95px; line-height:1.3; } 
.icon_step li a { display:block; padding:15px; color:#282828;}
.icon_step li span { display:block;}


}


@media all and (max-width:480px) { 	
.visual_wrap .vi_t_box { padding:15px 0 5px 0; }
.visual_wrap .vi_t_box.st01 {margin:80px auto 0; }
.visual_wrap .vi_t_box .vi_tit { padding:5px 0; font-size:24px;}
.visual_wrap .vi_t_box p { font-size:13px;}
.visual_wrap .vi_t_box.st01 p { padding:0 25px; }
.visual_wrap .vi_t_box .vi_txt { display:none; padding:10px 0 5px 0; font-size:15px; }


.swiper-container .swiper-slide img { max-width:130%; left:-15%; }

.cars_ser_wrap .icon_step__ li { float:left; width:100%;}

.tit_box01 { word-break:keep-all; padding:20px 10px; text-align:center; line-height:1.2; }
.tit_box01 .tit { font-size:23px; color:#000; font-weight:bold;}
.tit_box01 p {font-size:14px; padding-top:14px;}

.icon_step li a .icon_img { max-width:50px; margin:0 auto;}

}