@charset "utf-8"; /* common */ body { } /* _color */ #pc { } .pc_width {width:1100px; margin: 0 auto; } #ie6 {display:none; } /* header */ /* 레이아웃폴더 package/toolbar/css/toolbar.css 에서 수정 */ #header_out { width:100%; height:40px; font-family:dotum; min-width:1100px; } /* _color */ .header { position:relative; } .header .p { padding:11px 0 0 0; font-size:11px } .header .p * { } /* _color */ .header .home { padding:5px 0; } .header .bookmark { padding:5px 0; } /* logo */ #logo { float:left; } /* search */ .srch {position:absolute; right:0px; top:6px; width:220px; height:30px; margin:0px;*zoom:1;*height:30px; } .srch .itx {vertical-align:top; font-size:12px; font-weight:bold; width:160px;height:10px;padding:10px; line-height:30x;border:0px solid #999;position:relative; background:url(../_images/common/search_input_bg.png);} .srch .itx:hover,#hd .srch .itx:focus {border-color:#333} .srch .is {padding:0px; margin:0px; border:none; } /* nav */ #nav_out { width:100%; height:100px; } /* _color */ #nav_in { z-index:100;*zoom:1; width:1100px; height:100px; background:url(../_images/common/bg_nav.png) no-repeat; } #nav_in:after {content:"";display:block; clear:both;} #nav_in .nav { z-index:100; float:right; } /* _color */ #nav_in .nav:after {content:"";display:block; clear:both; } #nav_in .nav > li {float:left;position:relative; z-index:100; text-align:center;padding:0 5px; } #nav_in .nav > li > a {display:block;height:100px;line-height:100px; margin-right:2px; } /* _color */ #nav_in .nav > li > a.on {background:url(../_images/common/nav_on.png) no-repeat bottom center; } #nav_in .nav > li > a:hover ,#nav_in .nav > li:hover > a {background:url(../_images/common/bg_nav_over.png) repeat-x bottom center; } #nav_in .nav > li.dropdown > a > span {display:block;background:red;width:100%; } #nav_in .nav > li:hover > ul {display:block; } #nav_in .nav > li ul {list-style:none;position:absolute; z-index:100; } /* _color */ #nav_in .nav > li > ul {left:-5px;top:100px;display:none;margin-left:0px; } /* _color */ #nav_in .nav > li > ul li {padding:0px;position:relative;font-size:12px } #nav_in .nav > li > ul > li > ul {left:140px;top:0px;display:none; } #nav_in .nav > li > ul li > a {width:120px; display:block;padding:10px 20px;color:#a3beed;outline:none;text-align:left; background:url(../_images/common/bg_nav_sub_over.png) repeat-x top; } #nav_in .nav > li > ul li > a:hover,#nav_in .nav > li > ul > li:hover > a {text-decoration:none; } /* _color */ #nav_in .nav > li > ul > li:hover > ul {display:block; } /* 메인이미지, 노출게시판, 배너, 슬라이드 배너 위치 */ #main_img { display:none; } .left_banner { position:relative; float:left; width:360px; height:1100px; } .left_banner .board { position:absolute; top:720px; width:360px; text-align:left; } .left_banner .board_01 { width:360px; height:170px; background:url(../_images/common/board_bg_01.png) no-repeat left bottom; margin-bottom:10px; } /* main.php */ .left_banner .board_02 { width:360px; height:170px; background:url(../_images/common/board_bg_02.png) no-repeat left bottom; margin-bottom:0px; } /*.left_banner .board_02 .widgetTableA{width:80%;padding:10px 5% 0 5%} 게시판노출 위젯 리셋 */ .left_banner .banner { position:absolute; top:360px; width:360px; } .left_banner .slide { position:absolute; top:0px; width:360px; } .left_banner .banner img { margin-bottom:10px; } /* 노출게시판 */ .pc_new_board {display:block; } .mobile_new_board {display:none; } /* 슬라이드 배너 */ .tabbed_content { width: 360px; height:350px;overflow:hidden} /* _color */ .tabs { height: 30px; position: relative; } .tabs .moving_bg { background:url(../_images/common/slide_btn_over.png) no-repeat; position: absolute; width: 30px; height: 30px; z-index: 90; left: 2px; } .tabs .tab_item { display: block; float: left; width: 30px; height: 25px; margin:0 1px; background:url(../_images/common/slide_btn_bg.png) no-repeat; padding:5px 0 0 0; color: #222; z-index: 80; position: relative; left: 2px; cursor: pointer; text-align:center; } .tabbed_content .slide_content { overflow: hidden; padding:0; position: relative; width: 360px; } .tabslider { width: 1440px; } .tabslider a {float:left; width: 360px; margin: 0px; padding: 0px; text-align:center; } .tabslider div ul li { float: left; } .tabslider ul a { color: #222; text-decoration: none;} .tabslider ul a:hover { color: #aaaaaa; } .tabslider ul li { padding-bottom: 7px; } /* content */ #content_out { position:relative; background:url(../_images/common/content_bg.png) repeat-y; } #content_out .breadclumb { height:30px; padding:0 0 0 10px; font-weight:normal !important; } #content_out .breadclumb a{ color:#434343; font-size:11px} #content_out .breadclumb * { font-style:normal;font-family:'돋움',Dotum } #content_out .breadclumb span { font-size:8px; } #content_out .content_in { width:730px; float:left; padding-top:10px; margin-left:10px; } #content_out:after { display:block; clear:both; content:""; } /* footer */ #footer_out { width:100%;min-width:1100px;margin-top:30px; border-top:5px solid #1f67d6} /* _color */ #footer_out .sns_out { } /* _color */ #footer_out .sns { text-align:center; padding:20px 0; } #footer {padding:30px 0 30px 0; position:relative; } #footer .map { width:550px; height:400px; } #footer .map iframe { width:550px; height:400px; } #footer .caunter { position:absolute; width:120px; bottom:30px; left:550px; } #footer .add { position:absolute; width:400px; bottom:30px; right:0; text-align:right;font-size:12px } #footer .qr { position:absolute; width:124px; height:125px; top:30px; right:0; padding:2px 0 0 0; background:url(../_images/common/qr_bg.png) no-repeat;text-align:center} #footer .qr img {} #footer .return_140109 {position:absolute;z-index:10000;right:0;top:170px;background:#f5f5f5;padding:10px;border:1px solid #e7e7e7} #footer .return_140109 *{font-family:'돋움',Dotum;font-size:11px;color:#8d8d8d !important} #footer .return_140109 p a{text-decoration:underline !important} /* 퀵메뉴 */ .btn_quick{position:fixed;left:50%;top:160px;margin-left:560px;width:74px} .btn_quick img{float:left} /* top버튼 */ .btn_top { position:fixed; right:5px; bottom:5px; } /* 모바일버전 보기버튼 */ #fakeM1{ position:relative; z-index:100; width:100%; min-width:1100px; padding-left:0 !important; padding-right:0 !important; display:block; padding:1em; background:#ccc; border-top:1px solid #222; font-size:30px; text-align:center; color:#222 !important; }