@charset "UTF-8";

 h1, h2, h3, h4, h5, h6, li, span, u, ul, var {
	margin: 0;
	padding: 0;
	font-family: '맑은 고딕', 'Malgun Gothic', 'Nanum Gothic', dotum, sans-serif;
}

img, input, button, select, textarea { vertical-align: middle;}

ul, ol { list-style: none outside none;}

img, fieldset { border: 0 none; }

/* header */

#wrap{min-width:1280px}
#header{position:relative;z-index:20;width:100%;height:90px}


#wrapper { width: 100%; height: 100%;}
#headWrap { position: absolute; width:100%; min-width: 1280px; height:900px; z-index:100;}
.innner { width:1280px; margin: 0 auto; position:relative;}
#headWrap h1.logo { position:absolute; left: 0; top:0;}

#headWrap .header { background-color: transparent; position: absolute; top:0; min-height:70px; width:100%; overflow:hidden;}
#headWrap .header.back { background-color:#fff; border-bottom:1px solid #999999;}
#headWrap .header .gnb { padding:0 0 0 399px; height:247px;}
#headWrap .header.back .gnb { background: url('../images/common/gnb_back.gif') repeat-y 399px 0;}
#headWrap .header .gnb ul li { float: left;}
#headWrap .header .gnb ul li a { display:block; height:70px; width:176px;}
#headWrap .header .gnb ul li.gnb_1 a { background: url('../images/common/gnb.png') no-repeat 0 0;}
#headWrap .header .gnb ul li.gnb_1 a:hover, #headWrap .header .gnb ul li.gnb_1 a.select { background-position: 0 -70px;}
#headWrap .header .gnb ul li.gnb_2 a { background: url('../images/common/gnb.png') no-repeat -176px 0;}
#headWrap .header .gnb ul li.gnb_2 a:hover, #headWrap .header .gnb ul li.gnb_2 a.select { background-position: -176px -70px;}
#headWrap .header .gnb ul li.gnb_3 a { background: url('../images/common/gnb.png') no-repeat -352px 0;}
#headWrap .header .gnb ul li.gnb_3 a:hover, #headWrap .header .gnb ul li.gnb_3 a.select { background-position: -352px -70px;}
#headWrap .header .gnb ul li.gnb_4 a { background: url('../images/common/gnb.png') no-repeat -528px 0;}
#headWrap .header .gnb ul li.gnb_4 a:hover, #headWrap .header .gnb ul li.gnb_4 a.select { background-position: -528px -70px;}
#headWrap .header .gnb ul li.gnb_5 a { width:177px; background: url('../images/common/gnb.png') no-repeat -704px 0;}
#headWrap .header .gnb ul li.gnb_5 a:hover, #headWrap .header .gnb ul li.gnb_5 a.select { background-position: -704px -70px;}

#headWrap .header .gnb .gnb_2dept { margin:9px 0 0 0; }
#headWrap .header .gnb .gnb_2dept ul { }
#headWrap .header .gnb .gnb_2dept ul li { float:none;}
#headWrap .header .gnb .gnb_2dept ul li a { background:none; height:auto; color:#666; padding-left:32px; width:144px; height:20px; line-height:20px;}
#headWrap .header .gnb .gnb_2dept ul li a:hover, #headWrap .header .gnb ul li a.select { color:#047eba;}
#headWrap .header .gnb .gnb_5 .gnb_2dept { text-align: center; margin:11px 0 0 0;}

#headWrap .header .img_tel { position:absolute; left:96px; top:146px;}

/* floating_banner */
#container .content .floating_banner { width:420px; position:absolute; right: 0; top:0;}
.free_service { position:relative;}
.free_service .tab { height:51px;}
.free_service .tab ul li { float: left; height:51px; width:210px;}
.free_service .tab ul li a { display: block; height:51px; background: url('../images/common/free_service_tab.jpg') no-repeat 0 0;}
.free_service .tab ul li.tab1 a { background-position: 0 0;}
.free_service .tab ul li.tab1 a:hover, .free_service .tab ul li.tab1 a.select { background-position: 0 -51px;}
.free_service .tab ul li.tab2 a { background-position: -210px 0;}
.free_service .tab ul li.tab2 a:hover, .free_service .tab ul li.tab2 a.select { background-position: -210px -51px;}
.free_service .service_form.tab1 { background-color:#5eadd3; padding:10px 0 17px 10px;}
.free_service .service_form.tab2 { background-color:#7cc674; padding:10px 0 17px 10px;}
.free_service .service_form table { table-layout:fixed; font-size:12px;}
.free_service .service_form table th { color: #fff; text-align:center;padding-bottom:8px;}
.free_service .service_form table td { padding-bottom:8px;}
.free_service .service_form table td input { padding: 0 4px 0 4px; height:27px; line-height:27px; color: #333;}
.free_service .service_form table td select { height:23px; line-height:27px; color: #333;}
.free_service .service_form .service_agree { font-size:12px; color:#4d4d4d; text-align:center; padding-top:5px;}
.free_service .service_form .service_agree a { color:#4d4d4d; margin-left:10px;}
.free_service .service_form .service_agree input { border:0 none; vertical-align:top; padding:0;}

.floating_banner .side_review { position:relative; background-color:#f3f3ed; border:1px solid #dedede; padding:25px 23px 25px 23px; font-size:12px; vertical-align: middle;}
.side_review ul { margin-top:15px;}
.side_review ul li { height:25px; line-height:25px; position:relative;}
.side_review ul li .store { color: #62a855; padding-right:7px;}
.side_review strong { color: #62a855; padding-right:5px;}
.side_review a { max-width:48%;display:inline-block; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; vertical-align: top;}
.side_review .icon_star { display: inline-block; height:11px; width:59px; background: url('../images/common/icon_star.gif') no-repeat 0 0; margin-left:7px; vertical-align: middle;}
.side_review .icon_star.star1 { background-position: 0 -11px;}
.side_review .icon_star.star2 { background-position: 0 -22px;}
.side_review .icon_star.star3 { background-position: 0 -33px;}
.side_review .icon_star.star4 { background-position: 0 -44px;}
.side_review .icon_star.star5 { background-position: 0 -55px;}
.side_review ul li .date { position:absolute; right: 0; margin-top:1px;}
.side_review .btn_more { position:absolute; right:25px; top:30px;}

.floating_banner .tel_service { height:67px; background: url('../images/common/tel_service.gif') no-repeat 0 0; padding:48px 0 0 78px;}
.floating_banner .tel_service input { border: 1px solid #cccccc; height:27px; line-height:18px; text-align: center; width:63px;}
.floating_banner .tel_service img { margin-left:7px;}

.floating_banner .side_vod { position:relative; background-color:#f3f3ed; border:1px solid #dedede; padding:25px 25px 25px 25px;}
.floating_banner .side_vod h3 { margin-bottom:21px;}
.floating_banner .side_vod .btn_more { position:absolute; right:25px; top:29px;}

/* main */
#main_container {}
#main_container .main_visual { position:relative; height:430px;  z-index:10;}


#contents.main .visual_warp .visual_area ul{list-style:none;}
#main_container .main_visual .visual_warp ul{list-style:none;}


#main_container .main_visual .visual_warp a.prev { background: url('../images/main/main_visual_btn.png') no-repeat 0 0; position:absolute; top:175px; left: 40px; height:134px; width:48px; z-index:20;}
#main_container .main_visual .visual_warp a.next { background: url('../images/main/main_visual_btn.png') no-repeat -48px 0; position:absolute; top:175px; right: 40px; height:134px; width:48px; z-index:20;}
@media all and (max-width: 1280px) {
	#main_container .main_visual .visual_warp a.prev {left: 0; z-index:20;}
	#main_container .main_visual .visual_warp a.next {right: 0; z-index:20;}
}

#main_container .main_visual .visual_warp .innner { width:1280px; margin: 0 auto 0 -640px; position: absolute; z-index:999; top:0; left:50%;}
#main_container .main_visual .visual_warp .innner .main_visual_blet { position:absolute; right:3px; top:436px;}
#main_container .main_visual .visual_warp .innner .main_visual_blet a { display: inline-block; width:11px; height:11px; background: url('../images/main/main_visual_blet.png') no-repeat 0 0; margin-left:18px;}
#main_container .main_visual .visual_warp .innner .main_visual_blet a.select, #main_container .main_visual .innner .main_visual_blet a:hover { background-position: 0 -11px;}




#main_container .main_con1 { position:relative; height:256px; margin-bottom:0px; margin-top:0px; z-index:1; }
#main_container .main_con2 { position:relative; height:466px; margin-bottom:0px;}
#main_container .main_con3 { position:relative; height:100px; margin-bottom:0px;}

/* foot */
#footer{clear:both;position:relative;width:100%; background:url(../img_main/bottom_bg.gif) 0 0 repeat;}



.realTime_slide_con .box{    border-width: 0px;}
.realTime_slide_con ul{width:100%}
.realTime_slide_con ul:after{content:"";display:block;clear:both}
.realTime_slide_con ul li{position:relative;float:left;width:100%; height:25px; padding:5px 0 0px 25px; font-size:12px; color: #FFFFFF; line-height:15px}
.realTime_slide_con ul li .sort{float:left;width:70px;text-align:left;letter-spacing:-0.5px; font-weight:bold; color:#CBFF00;}
.realTime_slide_con ul li .text{float:left;width:200px;text-align:center;letter-spacing:-0.5px;}
.realTime_slide_con ul li .order_name{float:left;width:50px;text-align:left;}
.realTime_slide_con ul li .date{float:left;width:40px;}
.realTime_slide_con ul li .state {float:left;text-align:center;width:60px;}
.realTime_slide_con ul li .state img{text-align:center; vertical-align:top}


.board-cont{position:relative; margin : -2px 0 0 10px; padding-bottom:5px}
.board-cont .board-cont-inner{overflow:hidden;height:180px}
.board-cont .board-cont-inner ul.data{position:relative;min-width:1px}
.board-cont .board-cont-inner ul.data li{clear:both;min-width:1px;font-size:12px; color: #000;line-height:35px;}
.board-cont .board-cont-inner ul.data li:after{content:"";display:block;clear:both}
.board-cont .board-cont-inner ul.data li .sort{float:left;width:90px;text-align:left;letter-spacing:-0.5px; font-weight:bold; color:#E37101;}
.board-cont .board-cont-inner ul.data li .text{float:left;width:300px;text-align:center;letter-spacing:-0.5px;}
.board-cont .board-cont-inner ul.data li .order_name{float:left;width:50px;text-align:left;}
.board-cont .board-cont-inner ul.data li .date{float:left;width:80px;}
.board-cont .board-cont-inner ul.data li .state {float:left;text-align:center;width:60px; padding-top: 7px;}
.board-cont .board-cont-inner ul.data li .state img{text-align:center; vertical-align:top;}