@charset "utf-8";

/* LAYOUT */
#wrap { }
#header { overflow:hidden; position:relative; height:66px; border-bottom:1px solid #c9c9c9; background-color:#fff; background:url(../images/inc/header_bg.png) repeat-x center top; }
#container { }
#foot { overflow:hidden; height:150px; background-color:#171718; }

/* HEADER */
#header .logo { margin-top:26px; text-align:center; }
#header .icon_gnb { position:absolute; width:24px; left:3%; top:26px; }
#header .icon_home { position:absolute; width:24px; right:3%; top:24px; }

/* CONTAINER */
#container .slide { text-align:center; }
#container .slide img { width:100%; }
#container .slide .slides {position: relative;}
#container .slide .slides .slidesjs-navigation {}
#container .slide .slides .slidesjs-previous {z-index:10;position:absolute;top:40%;left:2%;display: block;width:23px;height: 0;background-image: url(../images/main/visual_previous.png);padding-top: 23px;background-position: 0 0;overflow: hidden;}
#container .slide .slides .slidesjs-next {z-index:10;position:absolute;top:40%;right:2%;display: block;width:23px;height: 0;background-image: url(../images/main/visual_next.png);padding-top: 23px;background-position: 0 0;overflow: hidden;}
#container .slide .slides .slidesjs-pagination {list-style: none;padding:0;margin:0;position: absolute;top:10px;left:10px;z-index:10;}
#container .slide .slides .slidesjs-pagination li {float: left;margin: 0 2px 0 0;;}
#container .slide .slides .slidesjs-pagination li a {display: block;width: 12px;height: 0;padding-top: 12px;background-image: url(../images/main/visual_sp_page.png);background-position: 0 0;float: left;overflow: hidden;}
#container .slide .slides .slidesjs-pagination li a.active,
#container .slide .slides .slidesjs-pagination li a:hover.active,
#container .slide .slides .slidesjs-pagination li a:hover {background-position: 0 -12px}


/* #container .area01 { position:relative; height:150px; margin-top:-3px; border-bottom:1px solid #eaecee; } */
#container .area01 { position:relative; height:150px; margin-top:0; border-bottom:1px solid #eaecee; }


#container .area01 .btn01 { position:absolute; width:33.33333%; left:0; top:0px; }
#container .area01 .btn01 img { width:100%; }


#container .area01 .btn02 { position:relative; margin:0 33.33333%; line-height:0; }
#container .area01 .btn02  img { width:100%; }


#container .area01 .btn03 { position:absolute; width:33.33333%; right:0%; top:0px; }
#container .area01 .btn03 img { width:100%; }


#container .area02 { position:relative; height:140px; }
#container .area02 .notice { overflow:hidden; margin:0 50% 0 0; }
#container .area02 .notice .area { margin:30px 6% 0 6%; }
#container .area02 .notice .area .title_area { position:relative; height:30px; font-family:"Malgun Gothic","맑은 고딕",sans-serif; color:#333333; font-size:18px; font-weight:bold; }
#container .area02 .notice .area .title_area .more { position:absolute; width:14px; height:18px; right:0; top:4px; }
#container .area02 .notice .area .list { }
#container .area02 .notice .area .list ul { margin:0; padding:0; }
#container .area02 .notice .area .list li { list-style:none; float:left; width:100%; height:28px; background:url(../images/main/notice_dot.png) no-repeat 2px 14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#container .area02 .notice .area .list .subject { float:left; margin-left:10px; }
#container .area02 .notice .area .list .subject a,
#container .area02 .notice .area .list .subject a:hover { font-family:"Malgun Gothic","맑은 고딕",sans-serif; color:#615d56; font-size:15px; line-height:28px; }

#container .area02 .faq_btn {  }
#container .area02 .review_btn {  }


#container .area02 .location { position:absolute; width:33.33333%; height:140px; right:0; top:0; background:url(../images/main/location_bg.png) repeat; border-left:1px solid #eaecee; text-align:center; }
#container .area02 .location .location_img { text-align:center; margin-top:28px; margin-bottom:5px; }
#container .area02 .location .location_name { text-align:center; font-family:"Malgun Gothic","맑은 고딕",sans-serif; color:#464646; font-size:16px; font-weight:bold; letter-spacing:-1px; }


#container .area02 .local_service { position:absolute; width:50%; right:0; top:0; border-left:1px solid #eaecee; text-align:center; line-height:0; }
#container .area02 .local_service img { width:100%; }


/* FOOT */
#foot .address { margin:26px 20px 0 20px; font-family:"Malgun Gothic","맑은 고딕",sans-serif; color:#727271; font-size:12px; line-height:18px; font-weight:bold; text-align:center; }

/* GNB */
#slide_gnb_bg { overflow:hidden; position:absolute; width:100%; left:0; top:0; right:0; bottom:0; background-color:#000; opacity:0.60; filter:Alpha(opacity=60); z-index:9999; }
#slide_gnb_area { overflow:hidden; position:absolute; width:100%; z-index:99991; }
#slide_gnb_area .slide_gnb { overflow:hidden; position:relative; height:66px; border-bottom:1px solid #c9c9c9; background:url(../images/inc/header_bg.png) repeat-x center top; background-color:#fff; z-index:99992; }
#slide_gnb_area .slide_gnb .logo { margin-left:5%; margin-top:26px; }
#slide_gnb_area .slide_gnb .btn_close { position:absolute; width:18px; right:4%; top:27px; }
#slide_gnb_area .slide_list { }
#slide_gnb_area .slide_list ul { margin:0; padding:0; }
#slide_gnb_area .slide_list li { position:relative; list-style:none; background-color:#eeedea; border-bottom:1px solid #d3d2cd; }
#slide_gnb_area .slide_list li.sub_menu { padding-left:7%; height:40px; background-color:#fff; border-bottom:1px solid #d3d2cd; font-family:"Malgun Gothic","맑은 고딕",sans-serif; color:#636468; font-size:14px; line-height:40px; }
#slide_gnb_area .slide_list li.sub_menu:last-child {border-bottom: none;}

#slide_gnb_area .menu a {display: block;}
#slide_gnb_area .sub_menu a {display: block;}

#slide_gnb_area .slide_list ul li ul {display: none;}
#slide_gnb_area .slide_list ul li.open ul {display: inline;}

#slide_gnb_area .slide_list .menu { margin-left:5%; font-family:"Malgun Gothic","맑은 고딕",sans-serif; color:#636468; font-size:16px; line-height:50px; font-weight:bold; }
#slide_gnb_area .slide_list .menu_dot { position:absolute; width:20px; right:4%; top:20px; }
#slide_gnb_area .slide_bottom { height:45px; }