@charset "utf-8";

/*********** 공통 ***********/
body{margin:0; padding:0; font-size:12px;}
a{text-decoration:none; color:black;}
img{vertical-align:middle;}
.fix_width{width:980px; margin:0 auto;}
html {overflow-y:scroll; overflow-x:auto!important;}
.none {display:none!important;}
.block{display:block!important;}
.block{display:block!important;}

/********** 배경셋팅 *********/
body{background:white;}
.site_pattern{background:url(../img/pattern/pattern0.png) repeat;}
/*배경 이미지 리사이징 시작 */
.bg_full{min-height:100%; min-width:1024px; width:100%; height:auto; position:fixed; top:0; left:0;}
@media screen and (max-width: 1024px){.bg_full {left: 50%; margin-left: -512px;}}
/*배경 이미지 리사이징 끝 */

/*로그인 회원가입 유도기능*/
#enjoy_site_bg{position:fixed; bottom:0px; height:50px; display:none; background:lightseagreen; width:100%; z-index:9999; box-shadow:0px 0px 5px lightseagreen;}
#enjoy_site{position:fixed; bottom:0px; height:50px; display:none; width:100%; z-index:9999; text-align:center;}
#enjoy_site .enjoy_text{line-height:50px; margin-right:30px; font-size:13px; font-weight:bold; color:white;}
#enjoy_site .enjoy_text:hover{text-shadow:0 0 1px rgba(0,0,0,.5);}
#enjoy_site .enjoy_btn{margin-left:10px; padding:5px; background:white; border-radius:5px; font-weight:bold; cursor:pointer; color:#555;}
#enjoy_site .enjoy_btn_red{background:#F83434; color:white;}
#enjoy_site .enjoy_btn:hover{box-shadow:0px 0px 5px white; -webkit-transition:.1s linear; -moz-transition:.1s linear; -o-transition:.1s linear; transition:.1s linear;}
#enjoy_site .enjoy_btn_red:hover{box-shadow:0px 0px 5px #F83434; -webkit-transition:.1s linear; -moz-transition:.1s linear; -o-transition:.1s linear; transition:.1s linear;}

/*로그인 후 한줄공지 기능*/
#login_site_bg{position:fixed; bottom:0px; height:50px; display:none; background:lightseagreen; width:100%; z-index:9999; box-shadow:0px 0px 5px lightseagreen;}
#login_site{position:fixed; bottom:0px; height:50px; display:none; width:100%; z-index:9999; text-align:center;}
#login_site .login_text{line-height:50px; margin-right:30px; font-size:13px; font-weight:bold; color:white;}
#login_site .login_text:hover{text-shadow:0 0 1px rgba(0,0,0,.7);}
#login_site .login_btn{margin-left:10px; padding:5px; background:white; border-radius:5px; font-weight:bold; cursor:pointer; color:#555;}
#login_site .login_btn_red{background:#F83434; color:white;}
#login_site .login_btn:hover{box-shadow:0px 0px 5px white; -webkit-transition:.1s linear; -moz-transition:.1s linear; -o-transition:.1s linear; transition:.1s linear;}
#login_site .login_btn_red:hover{box-shadow:0px 0px 5px #F83434; -webkit-transition:.1s linear; -moz-transition:.1s linear; -o-transition:.1s linear; transition:.1s linear;}

/*에러메세지*/
.bg_error{position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:1000;}
.bg_error .bg_msg_error{position:absolute; width:100%; height:100%; background:black; filter:alpha(opacity=60); opacity:0.6; -moz-opacity:0.6;}
.bg_error .msg_error{position:relative; top:35%; width:980px; margin:0 auto; text-align:center; color:white; font-weight:bold; font-size:13px;}
.bg_error .msg_error img{width:17px; height:17px; margin-right:5px; vertical-align:middle;}

/* 심플메뉴 */
.simple_menu{position:fixed; left:0px; top:0px; width:50px; height:100%; z-index:0;}
.simple_menu ul{position:absolute; top:155px; width:140px; padding:0px; margin:0px; margin-left:15px; overflow:hidden; padding:30px 0; list-style:none;}
.simple_menu li{width:47px;}
.simple_menu li a{position:relative; display:block; line-height:40px; color:white; text-indent:20px; width:140px; height:40px; background:#444; border-bottom:1px solid #fff; left:-97px; cursor:pointer;}
.simple_menu li img{height:35px; width:35px; position:absolute; right:4px; top:2px;}
.simple_menu li a:hover{background:lightseagreen;}

/*컬러피커 + 패턴테스트 */
.color_picker{position:fixed; left:15px; bottom:200px;}
.color_picker #color_picker_target{margin-top:5px;}

/*바로이동*/
.move_target {position:fixed; bottom:25px; text-align:center; height:45px; border-radius:5px; z-index:5; display:none;  }
.move_target a{position:relative; display:block; text-indent:5px; white-space:nowrap; color:#555; border:1px solid #ccc; padding:2px 10px; background:#fff; font-weight:bold; -webkit-transition:background .2s linear; -moz-transition:background .2s linear; -o-transition:background .2s linear; transition:background .2s linear;}
.move_target a:hover{color:#fff; background:lightseagreen; box-shadow:0px 0px 6px #ccc;}
.move_target .move_t{border-bottom:none; border-radius:5px 5px 0 0;}
.move_target .move_c{border-bottom:none;}
.move_target .move_b{border-radius:0 0 5px 5px;}
.move_target .move_t span{position:absolute; width:0px; height:0px; left:4px; top:6px; border-color:transparent; border-bottom-color:#555; border-style:solid; border-width:0px 3px 6px 3px; }
.move_target .move_c span{position:absolute; width:0px; height:0px; left:4px; top:6px; border-color:transparent; border-color:#555; border-style:solid; border-width:3px; }
.move_target .move_b span{position:absolute; width:0px; height:0px; left:4px; top:6px; border-color:transparent; border-top-color:#555; border-style:solid; border-width:6px 3px 0px 3px; }
.move_target a:hover.move_t span{border-bottom-color:#fff;}
.move_target a:hover.move_c span{border-color:#fff; }
.move_target a:hover.move_b span{border-top-color:#fff;}

/*********** 상단 ***********/
#header{height:50px; }

/* 배너 */
#header .banner{position:absolute; top:50px; left:0px; width:100%; overflow:hidden;}
#header .banner_wrap{position:relative;}
#header .t_banner1{z-index:0;}
#header .t_banner2{z-index:-1; filter:alpha(opacity=0); opacity:0; -moz-opacity:0;}
#header .t_banner3{z-index:-2; filter:alpha(opacity=0); opacity:0; -moz-opacity:0;}
#header .banner_common{background-position:center center; background-repeat:no-repeat; position:absolute; width:100%;}
#header .btn_wrap{margin:0 auto; position:relative; top:260px; filter:alpha(opacity=0); opacity:0; -moz-opacity:0; display:none;}
#header .left_btn{float:left; cursor:pointer; width:70px; background:#000; filter:alpha(opacity=25); opacity:0.25; -moz-opacity:0.25; }
#header .left_btn i{background:url(../img/arrows.png) no-repeat; width:25px; height:50px; left:20px; position:absolute;}
#header .right_btn{float:right; cursor:pointer; width:70px; background:#000; filter:alpha(opacity=25); opacity:0.25; -moz-opacity:0.25; }
#header .right_btn i{background:url(../img/arrows.png) no-repeat right; width:25px; height:50px; right:20px; position:absolute;}
#header .banner:hover .btn_wrap{filter:alpha(opacity=100); opacity:1; -moz-opacity:1; transition:opacity 0.6s linear;}
/* 배너 (텍스트) */
#header .banner .banner_msg_warp{text-align:center; position:absolute;}
#header .banner .banner_msg_warp .banner_msg1{margin:0px; padding:0px; color:#000; font-size:25px; font-weight:700;}
#header .banner .banner_msg_warp .banner_msg2{margin:0px; padding:0px; font-size:13px; font-weight:500; color:#777;}
#header .banner .banner_msg_warp .banner_msg3{margin:0px; padding:0px; font-size:13px; font-weight:500; color:#777;}


/* 메뉴 , 로고 */
.menu_bg{position:fixed; top:0px; left:0px; background:white; height:50px; width:100%; z-index:2;}
.menu{position:fixed; top:0px; left:0px; height:50px; width:100%; z-index:2;}
.gnb .logo{float:left; cursor:pointer; line-height:50px;}
.gnb .logo a{font-weight:bold;}

/* 메인메뉴 */
.gnb li .pipe_wrap{position:absolute; top:16px;}
.gnb li .pipe1{float:left; width:1px; height:17px; background:#999; filter:alpha(opacity=0); opacity:0; -moz-opacity:0; }
.gnb li .pipe2{float:right; width:1px; height:17px; background:#999; filter:alpha(opacity=0); opacity:0; -moz-opacity:0; }
.gnb li:first-child .pipe_wrap{display:none;}
.gnb li li:last-child{border:none;}

.gnb .view{position:absolute; margin-top:11px; right:5px; width:0px; height:0px; border-color:transparent; border-style:solid; border-left-color:#bbb; border-width:4px 0 4px 4px;}
.gnb .view2{position:absolute; margin-top:11px; right:5px; width:0px; height:0px; border-color:transparent; border-style:solid; border-left-color:#bbb; border-width:4px 0 4px 4px;}
.gnb li li:hover .view{border-left-color:lightseagreen;}
.gnb li li li:hover .view2{border-left-color:lightseagreen;}
.gnb .active .view{border-left-color:lightseagreen;}
.gnb .active_2 .view2{border-left-color:lightseagreen;}
.gnb .active_1{color:lightseagreen;}
.gnb li:hover .hover_1{color:lightseagreen;}

.gnb {position:relative; height:50px; z-index:5;}
.gnb ul{list-style:none; padding:0px; margin:0px;}
.gnb li{float:left; text-align:center; position:relative;}
.gnb li a{text-decoration:none; width:110px; color:#555; font-weight:bold; line-height:50px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.gnb ul ul{background:white; position:absolute; top:50px; border:1px solid #eee; border-top:2px solid #2FB1B1; display:none; box-shadow:0px 1px 2px #ccc;}
.gnb li li{margin:0 2px 2px 2px; border-bottom:1px solid #eee; color:gray; text-align:left; text-indent:10px;}
.gnb li li a{color:inherit; line-height:30px; text-shadow:none; padding:0px;}
.gnb ul ul ul{position:absolute; left:110px; top:0px;}

.gnb li a:hover{border-bottom:#2FB1B1 2px solid; color:lightseagreen;}
.gnb li:hover .common{opacity:0.7; -moz-opacity:0.7; filter:alpha(opacity=70);}
.gnb li li a:hover{border-bottom:none; color:lightseagreen!important;}
.gnb li li li a:hover{border-bottom:none; color:lightseagreen!important;}

.gnb .active .active_a{color:black;}
.gnb .active_2 .active_2a{color:black;}
.gnb .active_3 .active_3a{color:black;}

/* 리스트 이미지 */
.gnb .li_img1{background:url(../img/li/li1.png) right top no-repeat; vertical-align:middle; margin-right:4px; height:20px; border:none; display:none;}
.gnb .li_img2{background:url(../img/li/li2.png) right top no-repeat; vertical-align:middle; margin-right:4px; height:20px; border:none; display:none;}
.gnb .li_img3{background:url(../img/li/li4.png) right top no-repeat; vertical-align:middle; margin-right:4px; height:20px; border:none; display:none;}
.gnb .li_img4{background:url(../img/li/li3.png) right top no-repeat; vertical-align:middle; margin-right:4px; height:20px; border:none; display:none;}
.gnb .li_img5{background:url(../img/li/li5.png) right top no-repeat; vertical-align:middle; margin-right:4px; height:20px; border:none; display:none;}
.gnb .li_img6{background:url(../img/li/li6.png) right top no-repeat; vertical-align:middle; margin-right:4px; height:20px; border:none; display:none;}
.gnb .li_img7{background:url(../img/li/li7.png) right top no-repeat; vertical-align:middle; margin-right:4px; height:20px; border:none; display:none;}
.gnb .li_img8{background:url(../img/li/li8.png) right top no-repeat; vertical-align:middle; margin-right:4px; height:20px; border:none; display:none;}
.gnb .li_img9{background:url(../img/li/li9.png) right top no-repeat; vertical-align:middle; margin-right:4px; height:20px; border:none; display:none;}
.gnb .li_img10{background:url(../img/li/li10.png) right top no-repeat; vertical-align:middle; margin-right:4px; height:20px; border:none; display:none;}

/* 로그인 , 정보창, 다국어 */
.menu .info{position:absolute; right:0px; margin-top:12px;}
.menu .info  img{width:16px; height:16px; vertical-align:middle;}
.menu .login_btn{height:25px; background:white; padding:0 10px; text-align:center; border-radius:10px;}
.menu .login_btn a{font-weight:bold; line-height:25px; margin:0px 2px; color:#333; cursor:pointer; text-decoration:none;}
.menu .login_btn a:hover{border:none;}
.menu .info .pipe{border-left:1px solid black; opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=30); font-size:10px; margin-right:2px;}

.menu .info .language{position:relative;}
.menu .info .language ul{display:none; position:absolute; padding:0 10px 10px 10px; left:-10px; margin:0px; list-style:none;}
.menu .info .language:hover{border:none;}
.menu .info .language ul li:hover img{opacity:0.7; -moz-opacity:0.7; filter:alpha(opacity=70);}


/* 정보박스 */
.bg_info{position:absolute; left:0px; width:100%; height:0px; background:#fff url(../img/bg_info.png) bottom left repeat-x; box-shadow:0px 1px 0px #ccc; z-index:1;}


/* 검색창 */
.search_wrap{position:relative; margin:0 auto; width:980px; display:none; z-index:1;}
.search_wrap .search_bar{margin-top:30px; margin-left:230px;}
.search_wrap .search_box{position:relative;}
.search_wrap .text{border-radius:3px; letter-spacing:2px; height:31px; margin-right:5px; line-height:31px; width:350px; border:2px solid #bbb; font-weight:bold; color:gray; text-indent:30px; box-shadow:0 0 2px #aaa; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s;}
.search_wrap .search_submit{border-radius:3px; position:absolute; text-indent:14px; height:37px; line-height:30px; padding:0 10px; background:gray url(../img/pattern/pattern7.png) repeat; color:white; font-weight:bold; border:2px solid gray; cursor:pointer; outline:none; box-shadow:0 0 2px gray;}
.search_wrap .search_img{position:absolute; z-index:1; top:12px; margin-left:8px;}
.search_wrap .text:focus{border:2px solid #5bc0de; background:#ffe; outline:none;}
.search_wrap .search_submit:active{background:#999 url(../img/pattern/pattern7.png) repeat;}


/* 내정보창 */
.my_info_wrap{display:none; z-index:1; position:relative;}
.my_info_wrap .my_info{margin:10px 0px;}
.my_info_wrap .my_info .common{height:85px; position:absolute;}
.my_info_wrap .my_info .info1{left:0; width:80px; cursor:pointer; overflow:hidden;}
.my_info_wrap .my_info .info1 img{border-radius:7px; border:2px solid #333; background:white; height:70px; width:70px; margin-top:4px;}
.my_info_wrap .my_info .info1 .label{position:absolute; width:70px; margin-top:35px; text-align:center; font-weight:bold; display:none;}
.my_info_wrap .my_info .info2{left:110px; width:150px; overflow:hidden;}
.my_info_wrap .my_info .info2 .info_wrap{margin:9px 0px;}
.my_info_wrap .my_info .info3{left:280px; width:210px; overflow:hidden;}
.my_info_wrap .my_info .info3 .info_wrap{margin:9px 0px;}
.my_info_wrap .my_info .info3 .change{font-weight:bold; color:white; background:#777; padding:2px 4px; border-radius:5px;}
.my_info_wrap .my_info .info3 .change:hover{background:#196db2; -webkit-transition:background .5s linear; -moz-transition:background .5s linear; -o-transition:background .5s linear; transition:background .5s linear;}
.my_info_wrap .my_info .info4{left:510px; width:140px;}
.my_info_wrap .my_info .info4 .info_wrap{margin:4px 0px 2px 0px;}
.my_info_wrap .my_info .info5{left:670px; width:140px;}
.my_info_wrap .my_info .info5 .info_wrap{margin:4px 0px 2px 0px;}
.my_info_wrap .my_info .info6{left:830px; width:140px;}
.my_info_wrap .my_info .info6 .info_wrap{margin:4px 0px 2px 0px;}
.my_info_wrap .my_info .overflow{position:relative; overflow:hidden; height:60px; }
.my_info_wrap .my_info .text{cursor:pointer; margin:4px 0;}
.my_info_wrap .my_info .text a{color:#444;}
.my_info_wrap .my_info .text:hover{font-weight:bold;} 


/* 심플바 (심플바 링크 + )*/
#header .simple_bar_wrap{position:absolute; width:100%; top:50px;}
#header .simple_bar_bg{position:absolute; height:0px; width:100%; background:#000;}
#header .simple_wrap{height:0px; overflow:hidden; position:relative;}
#header .simplebar_link{float:right; margin:7px 15px 0px 0px; cursor:pointer;}
#header .simplebar_link a{color:#fff;}
#header .simplebar_etc{float:left; margin:7px 10px 0px 0px; cursor:pointer;}
#header .simplebar_etc a{color:#fff;}

/* 채팅바 */
#header .chat_bar_wrap{position:absolute; width:100%; top:50px; }
#header .chat_wrap{position:relative; height:0px; overflow:hidden;}
#header .chat_close{height:22px; line-height:22px; cursor:pointer; background:darkgray url(../img/pattern/pattern5.png); text-align:center; color:white; font-weight:bold; -webkit-transition:.4s linear; -moz-transition:.4s linear; -o-transition:.4s linear; transition:.4s linear;}
#header .chat_close:hover{background:lightseagreen url(../img/pattern/pattern5.png);}


/* 최상단 전체메뉴 (사이트맵) */
#header .top_site_map{position:absolute; width:100%; background:#434A5A; border-top:2px solid lightseagreen; border-bottom:2px solid black; display:none;}
#header .top_site_map ul{text-decoration:none; list-style:none; padding:0px; margin:0px;}
#header .top_site_map ul li{float:left; min-width:100px; max-width:130px; margin:23px 0;}
#header .top_site_map ul li a{color:white; font-size:15px; font-weight:bold;}
#header .top_site_map ul li li{float:left; margin:0px; margin-top:5px;}
#header .top_site_map ul li li:first-child{margin-top:10px;}
#header .top_site_map ul li li li:first-child{margin-top:5px;}
#header .top_site_map ul li li a{color:#99A0B1; font-size:12px; font-weight:normal;}
#header .top_site_map ul li li li{margin-top:5px; margin-left:5px;}

#header .top_site_map .selected1{color:bisque;}
#header .top_site_map .selected2{color:#BFC0C4;}
#header .top_site_map .selected3{color:#BFC0C4; text-decoration:underline;}
#header .top_site_map ul li:hover .strong{color:bisque;}
#header .top_site_map ul li li a:hover{color:white;}

#header .top_site_map_open_btn{position:absolute; line-height:18px; height:18px;  padding:0 5px; background:lightseagreen; top:-9px; right:9px; font-size:11px; color:white; font-weight:bold; text-align:center; -webkit-transition:.5s linear; -moz-transition:.5s linear; -o-transition:.5s linear; transition:.5s linear; border-radius:3px;}
#header .top_site_map_open_btn:hover{cursor:pointer; height:23px; line-height:23px; background:#434A5A; color:white;} 
#header .top_site_map_btn{position:absolute; line-height:23px; height:23px;  padding:0 5px; background:lightseagreen; top:0px; right:9px; font-size:11px; font-weight:bold; color:white; text-align:center; -webkit-transition:.5s linear; -moz-transition:.5s linear; -o-transition:.5s linear; transition:.5s linear; border-radius:0 0 3px 3px;}
#header .top_site_map_btn:hover{cursor:pointer; height:18px; line-height:18px;}
#header .top_site_map_line{position:absolute; width:100%;}
#header .top_site_map_line_real{position:absolute; width:100%; border-top:2px solid lightseagreen;}


/*********** 본문 ***********/
#body{position:relative; border-radius:15px; margin-top:100px; margin-bottom:100px;}
#body .content_top{background:white; border-radius:10px 10px 0 0; height:25px; overflow:hidden; border-bottom:1px solid #ddd;}
#body .contents{background:white; padding:20px; overflow:hidden; min-height:500px; outline:1px solid #ddd;}
#body .content_bottoms{background:white; border-radius:0 0 10px 10px; height:25px; overflow:hidden; border-top:1px solid #ddd; clear:both;}
#body .content_wrap{border:1px solid #ddd;}

/* 레이아웃 확장 */
#body .content_top .width_change{float:right; color:#444; margin:5px 25px 0px 0px; cursor:pointer;}
#body .content_top .height_change{float:right; color:#444; margin:5px 15px 0px 0px; cursor:pointer;}
#body .content_top .content_change{float:right; color:#444; margin:5px 15px 0px 0px; cursor:pointer;}


/* 심플링크 */
#body .simple_link{float:right; margin:5px 15px 0px 0px; cursor:pointer;}
#body .simple_link a{color:#444;}

/* 사이드 배너 (우측) */
#body .side_banner{position:absolute; width:100px; min-height:100px; right:-110px; top:0px; overflow:hidden;}
#body .side_banner ul{list-style:none; padding:0px; margin:0px;}
/* 사이드 배너 (좌측) */
#body .left_side_banner{position:absolute; width:100px; min-height:100px; left:-110px; top:0px; overflow:hidden;}
#body .left_side_banner ul{list-style:none; padding:0px; margin:0px;}


/* 서브바 (서브메뉴, 위젯)*/
.content_left_bar{position:relative; float:left; min-width:120px; background:white; border-right:1px solid #ddd;}
/* 서브메뉴 */
.lnb{position:relative; background:white; z-index:1;}
.lnb p{text-align:center; border-bottom:1px dotted #ddd; margin:0px; padding:0px;}
.lnb p a{line-height:50px; font-size:20px; font-weight:bold; text-shadow:1px 1px 3px #ccc; color:#333;}

.lnb ul{margin:0px; padding:8px; font-weight:bold; border-bottom:1px dotted #ddd; list-style:none;}
.lnb ul ul{border-bottom:none;}
.lnb li{margin:3px 0px; border-bottom:solid 1px #eee;}
.lnb li a{display:block; line-height:30px; padding:0px 10px; color:#555;}
.lnb li li{border:none;}

.lnb li:last-child{border-bottom:none;}
.lnb li a:hover{color:lightseagreen!important; }

.lnb .active a{color:lightseagreen;}
.lnb .active li a{color:#555;}
.lnb .active_2 a{color:lightseagreen!important;}

.lnb .view{float:left; margin-top:11px; margin-left:5px; width:0px; height:0px; border-color:transparent; border-style:solid; border-left-color:#bbb; border-width:4px 0 4px 4px;}
.lnb .view2{position:absolute; right:7px; padding:0 5px; height:30px; width:16px; background:url(../img/down_arrow.png) center no-repeat;  background-size:8px; cursor:pointer; }
.lnb li li:hover .view{border-left-color:lightseagreen;}
/* .lnb li:hover .view2{background:url(../img/down_arrow_white.png) center no-repeat;  background-size:10px; cursor:pointer;}
.lnb .view2:hover{background:url(../img/down_arrow.png) center no-repeat!important;  background-size:10px!important; cursor:pointer;} */

/* 서브 바로이동 */
.sub_move_target{text-align:center; height:25px; background:#F8F8F8; line-height:25px; outline:1px solid #ddd;}
.sub_move_target:hover{outline:1px solid #5bc0de; background:#ffe;}
.sub_move_target a:hover{font-weight:bold;}
.sub_move_target a:hover span{font-weight:normal;}

/* 위젯영역 */
.left_widget_wrap {}

/* 위젯바 */
.content_widget_bar{position:relative; float:right; min-width:120px; background:white; border-left:1px solid #ddd;}

/* 선택효과 */
#body .lnb{-webkit-transition:box-shadow .2s linear; -moz-transition:box-shadow .2s linear; -o-transition:box-shadow .2s linear; transition:box-shadow .2s linear;}
#body .content_wrap .widget{-webkit-transition:box-shadow .2s linear; -moz-transition:box-shadow .2s linear; -o-transition:box-shadow .2s linear; transition:box-shadow .2s linear;}

/*********** 하단 위젯바 **********/
.bottom_widget_wrap{overflow:hidden;}
.bottom_widget_wrap .widget{float:left; width:100%;}


/*********** 메뉴하단 **********/
.menu_bottom_wrap{height:31px; clear:both;}
.menu_bottom{position:absolute; left:0px; background:white url(../img/pattern/pattern0.png); height:30px; width:100%; border-top:1px solid #ddd;}
.menu_bottom ul{list-style:none; padding:0px; margin:0px; }
.menu_bottom .pipe{position:absolute; width:1px; height:10px; background:#000; top:10px; filter:alpha(opacity=35); opacity:0.35; -moz-opacity:0.35;}
.menu_bottom  li:first-child .pipe{background:none;}
.menu_bottom .auto_float{margin:0 auto;}
.menu_bottom .auto_float li{float:left; position:relative; text-align:center;}
.menu_bottom .auto_float li a{float:left; color:#555; min-width:65px; font-weight:bold; line-height:30px; margin:0 8px;}
.menu_bottom .auto_float li a:hover{color:lightseagreen;}

/* 사이트맵 (전체메뉴) */
.menu_bottom .site_map_btn{cursor:pointer; min-width:70px; text-align:center; line-height:30px; height:30px; position:absolute; left:0px; color:#555; font-weight:bold;}
.menu_bottom .site_map_btn:hover{color:lightseagreen;}
.menu_bottom .site_map_bg{display:none; position:absolute; z-index:11; left:0px; width:100%; background:#F2F6FD url(../img/pattern/pattern7.png) repeat; bottom:30px; border-top:3px solid #555; text-indent:30px; overflow:hidden;}
.menu_bottom .site_map_bg ul{padding:0px; margin:0px;}
.menu_bottom .site_map_bg ul li{float:left; margin:20px 0px; position:relative; list-style:none;}
.menu_bottom .site_map_bg ul li a{font-weight:bold;}
.menu_bottom .site_map_bg ul li ul{margin-top:5px; position:relative;}
.menu_bottom .site_map_bg ul li ul li{margin:0px; margin:5px 0px;}
.menu_bottom .site_map_bg ul li ul li a{font-weight:normal; color:#444;}
.menu_bottom .site_map_bg ul li ul li ul{margin:0px; margin-top:2px; text-indent:40px; position:relative;}
.menu_bottom .site_map_bg ul ul ul li a{position:relative;}

.menu_bottom .site_map_bg .site_map_pipe_final{position:absolute; right:0px; top:-5px; width:2px!important;}
.menu_bottom .site_map_bg .site_map_pipe{position:absolute; left:0px; top:-5px;}
.menu_bottom .site_map_bg .pipe_l{float:left; width:1px; height:100%; background:#fff; opacity:0.6; -moz-opacity:0.6; filter:alpha(opacity=60);}
.menu_bottom .site_map_bg .pipe_r{float:left; width:1px; height:100%; background:#bbb; opacity:0.6; -moz-opacity:0.6; filter:alpha(opacity=60);}
.menu_bottom .site_map_bg .view{position:absolute; left:-7px; margin-top:4px; border-color:transparent; border-style:solid; border-left-color:#777; border-width:3px 0 3px 3px;}

/* 패밀리사이트 */
.menu_bottom .family_site_btn{position:absolute; right:0px; font-weight:bold; line-height:17px; height:17px; background:white; color:#555; padding:0 10px; padding-right:6px; border-radius:8px; margin-top:7px; cursor:pointer;}
.menu_bottom .family_site_btn img{float:right; width:15px; height:15px; margin-left:5px;}
.menu_bottom .family_site{position:absolute; right:0px; font-weight:bold; line-height:17px; height:17px; color:#333; padding:0 10px; padding-right:6px; border-radius:8px; margin-top:4px; cursor:pointer;}
.menu_bottom .family_site .family_wrap{display:none; position:absolute; bottom:22px; min-width:100px; background:white; padding:5px 10px 3px 10px; right:-10px; border:1px solid #aaa; border-radius:5px;}
.menu_bottom .family_site .family_wrap a{display:block; line-height:20px; height:20px; text-indent:5px; color:#333; white-space:nowrap;}
.menu_bottom .family_site .family_wrap a:hover{background:#5bc0de; color:white; -webkit-transition:.1s; -moz-transition:.1s; -o-transition:.1s; transition:.1s;}

.family_site .family_wrap a img{position:absolute; bottom:20px; width:430px; height:auto; display:none;}


/*********** 하단 ***********/
#bottom{height:80px; overflow:hidden; clear:both;}
.bg_bottom{position:absolute; left:0px; width:100%; background:black; height:80px; opacity:0.7; -moz-opacity:0.7; filter:alpha(opacity=70);}

/* 하단로고 */
#bottom .bottom_logo{position:relative; float:left;}
#bottom .bottom_logo a{color:white; cursor:pointer; font-size:18px; font-weight:bold; line-height:80px;}

/* 카피라이트 */
#bottom .copyright{position:relative; color:white; font-size:14px; top:30px;}
#bottom .copyright_float{margin:0 auto; text-align:center;}

/* 약관,개인정보 */
#bottom .site_term{float:right; position:relative; top:30px; height:80px;}
#bottom .site_term a{float:left; color:white; font-weight:bold; margin-right:5px; cursor:pointer;}
#bottom .site_term a:hover{padding-bottom:3px;border-bottom:2px solid white;}