@import url("common.css");


/* main */
.wrap_main .spot {position:relative; min-width:970px; height:460px; text-align:center; overflow:hidden;} 
.wrap_main .spot_images{overflow:hidden;height:460px;}
.wrap_main .spot_images .spot_image1, .wrap_main .spot_images .spot_image2, .wrap_main .spot_images .spot_image3 {position:absolute;top:0;left:0;z-index:6;width:100%;height:460px;text-align:center}
.wrap_main .spot_images .spot_image2, .wrap_main .spot_images .spot_image3 {opacity:0;filter:alpha(opacity=0)}
.wrap_main .spot_images .image{height:460px}
.wrap_main .spot_images .image div{position:relative; width:969px;*width:970px;height:460px;margin:0 auto;text-align:left}
:root .wrap_main .spot_images .image div{width:100%;}

/* 이미지 가로 사이즈를 넘겼을 때 보이는 배경*/
.wrap_main .spot_image1, .wrap_main .spot_image2, .wrap_main .spot_image3{background:#ffffff;}

/* 각 이미지 경로 */
.wrap_main .spot_image1 .image{background:url('/img/main_img01.jpg') no-repeat 50% 0;}
.wrap_main .spot_image2 .image{background:url('/img/main_img02.jpg') no-repeat 50% 0;}
.wrap_main .spot_image3 .image{background:url('/img/main_img03.jpg') no-repeat 50% 0;}


/* 각 이미지 경로 : 익스플로러 */
.wrap_main .spot_image1 .image div {_background:url('/img/main_img01.jpg') no-repeat 50% 0;}
.wrap_main .spot_image2 .image div {_background:url('/img/main_img02.jpg') no-repeat 50% 0;}
.wrap_main .spot_image3 .image div {_background:url('/img/main_img03.jpg') no-repeat 50% 0;}


/* 하단 버튼 */
.wrap_main .mainshow {z-index:8 !important}

.wrap_main .spot_static {position:absolute; top:0; right:50%; z-index:10; height:1px;}
.wrap_main .spot_static .page{position:absolute; top:340px; width:60px; z-index:20; margin-left:-30px; margin-top:-50px;}

.wrap_main .spot_static .page a{float:left; margin:0 4px; width:12px; height:19px; border:0;background:url('/img/image_none.png') no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/image_none.png',sizingMethod=crop);cursor:pointer;_cursor:hand;}
.wrap_main .spot_static .page a:hover{float:left; margin:0 4px; width:12px; background-image:url('/img/image_up.png');_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/image_up.png',sizingMethod=crop);}
.wrap_main .spot_static .page a.on{float:left;  margin:0 4px; width:12px; background-image:url('/img/image_up.png');_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/image_up.png',sizingMethod=crop);}



/* 배너 */
.main_bn dl{float:left; width:240px; height:310px;}
.main_bn dt{font-size:18px; font-weight:600; color:#fff; margin:30px 0 0 20px; line-height:18px;}
.main_bn dd{margin:15px 0 0 20px; line-height:17px;}
.main_bn01 {margin-right:13px; background:url('/img/main_bn01.jpg') no-repeat;}
.main_bn02 {margin-right:13px; background:url('/img/main_bn02.jpg') no-repeat;}
.main_bn03 {margin-right:14px; background:url('/img/main_bn03.jpg') no-repeat;}
.main_bn04 {background:url('/img/main_bn04.jpg') no-repeat;}

.main_bn01 dd{color:#e1e1e1;}
.main_bn02 dd{color:#f0f0f0;}
.main_bn03 dd{color:#e1e1e1;}
.main_bn04 dd{color:#F0f0f0;}


/* 메인 컨텐츠 */
#main_bn_area{position:absolute; left:50%; top:430px; width:1000px; margin:0 0 0 -500px; z-index:99999999999999999999;}
#main_container_area{ background:url('/img/main_body_bg.gif') center repeat-x; overflow:hidden; }
#main_container{margin:0 auto; width:1000px; padding-top:190px; padding-bottom:20px;}





/* 공지사항 */
.notice_area {clear:both; *zoom:1; float:left; width:315px;  margin:65px 65px 0 0;}
.notice_area h2{color:#fff; font-weight:600; font-size:18px;}
.notice_area .more{float:right; margin-top:-20px;}
.notice_area .more a{color:#999b9c !important;}
.notice_area ul{margin-top:20px;}
.notice_area li{height:31px;}
.notice_area li a{color:#a0a2a5}
.notice_area ul li .date{float:right; color:#697788;}

/* 전국지점 */
.data_area {float:left; width:315px; height:200px;  margin:65px 65px 0 0px;}
.data_area h2{color: #fff; font-size:18px; font-weight:600;}
.data_area .more{float:right; margin-top:-20px;}
.data_area .more a{color:#999b9c !important;}
.data_area ul{margin-top:20px;}
.data_area li{height:31px; color:#a0a2a5;}
.data_area li a{color:#a0a2a5}
.data_area ul li .date{float:right; color:#697788;}

/* 고객센터 */
.customer_area {float:left; width:240px;  margin:65px 0 0 0;}
.customer_area h2{color: #fff; font-size:18px; font-weight:600;}
.customer_area .tel{ color: #286db2; font-size: 30px; font-weight: bold;margin-top: 24px; font-family:'PT Sans';}
.customer_area .fax{font-size: 18px;margin: 10px 0 10px 0;  font-family:'PT Sans'; color:#999b9c !important; }
.customer_area .btn{ color:#999b9c; float:left; text-align:center;  height:23px; padding: 10px 0;margin: 0 3px 35px 0; font-size: 13px;}
.customer_area a{color:#fff !important; text-decoration:none !important;}
.customer_area .last{margin-right:0; !important;}