@charset "utf-8"; /* CSS Document */ @charset "utf-8"; /* **************************** //필수 CSS 수정 및 삭제 불가 **************************** */ /* tag reset */ html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img { margin:0; padding:0; border:0; } html { width:100%; height:100%; } body,code { font:0.75em "돋움",Dotum,AppleGothic,sans-serif; color:#1c1c1c; background:#fff; } body { min-width:1200px; } body#popup { min-width:0; } ul,li { list-style:none; } img,fieldset { border:none; vertical-align:top; } table { width:100%; border:0; border-spacing:0; border-collapse:collapse; } caption { display:none; } th,td { border:0; vertical-align:middle; } input,select,textarea { font-size:100%; font-family:"돋움", Dotum; color:#1b1b1b; vertical-align:middle; } select { height:20px; border:1px solid #d9d9d9; font-size:11px; color:#202020; } legend { visibility:hidden; position:absolute; left:-9999px; top:-9999px; width:0; height:0; line-height:0; } button { overflow:visible; padding:0; margin:0; border:0; cursor:pointer; } hr.layout { display:none; } a { text-decoration:none; color:#000; } a:hover { text-decoration:underline; } a:active { text-decoration:none; } .objHidden { visibility:hidden; position:absolute; left:-1000px; top:-1000px; height:0; width:0; } table tr.radioType input, span.noBorder input { border:none !important; width:auto !important; height:auto !important; margin:0 3px 0 0 !important; vertical-align:middle !important; background:none !important; } #content_CONTAINER td { width:auto !important; } table.nneditor-table { width:auto !important; } /* contents */ #accNav {position:absolute; top:0; left:0; z-index:100; width:100%; height:0;} #accNav p, #accNav ul, #accNav ul li {height:0;} #accNav p a {position:absolute; left:0; top:0; display:block; overflow:hidden; width:1px; height:1px; margin-left:-1px; margin-bottom:-1px; text-align:center; color:#000; white-space:nowrap;} #accNav p a:focus, #accNav p a:hover, #accNav p a:active {width:100%; height:auto; padding:10px 0; background:#c4122f; color:#fff; z-index:100;} .displaynone { display:none; } /* **************************** 필수 CSS 수정 및 삭제 불가 **************************** */ #wrap { width:100%;} /*최상단*/ .header{ width:1200px; margin:20px auto;} .header .top_util{ float:right; font:normal 11px tahoma; color:#b8b8b8; padding:0 40px 10px 0; text-transform: uppercase;} .header .top_util a{ text-decoration:none;} .header .top_util a span{ color:#b8b8b8; } .header .top_util span.bar{ font:normal 10px tahoma; vertical-align:top;} /* 상단메뉴 */ #top_menu{ width:1160px; margin:0 auto; clear:right; padding:20px; } #top_logo{ float:left; } #wrap_top{ float:right; margin-top:10px; font-size:0; letter-spacing:-1px; white-space:nowrap; z-index:1;} /* 플래시 */ #wrap_img {clear:both; margin-top:20px; height:400px; text-align:center; background:#fff; position:relative;} /*background:#eef6f7; */ .main_img_layout {width:1200px;height:400px;position:relative;} .swf_img{position:absolute; left:0px; top:0px; width:1200px;height:400px;z-index:100;} .back_img{background:url(/base_2/img/sw_img/main/index_img.jpg) no-repeat 0; _overflow-y:hidden; position:absolute; left:-150px; top:0px; width:1500px; height:400px;z-index:10;} /* 롤링상품 */ #wrap_middle {clear:both; margin:0 auto; zoom:1; padding-top:20px; width:1200px; /*min-height:465px; _height:465px*/} #wrap_slide { background:#f9f9f9; width:1156px; height:154px; border:solid 8px #f2f2f2; margin:0px auto; padding:15px 14px;} #slide_btn_prev {float:left; } #slide_btn_next {float:right;} #viewArea {position:relative; _position:absolute; margin:0 0 0 32px; _margin:0 0 0 5px; width:1020px; height:154px; overflow:hidden;} #viewArea #imgList {position:absolute; width:2000px; left:0; top:0;} #viewArea #imgList div {float:left; margin:0px; padding:0; background:url(/base_2/img/sw_img/main/bar_roll.gif) repeat-y right top;} #viewArea #imgList div img {padding:0; width:258px; height:154px; overflow:hidden;} #viewArea #imgList p.roll_text{ font:normal 11px tahoma; color:#878787; text-align:center; margin-top:10px; } #viewArea #imgList div a:hover{ text-decoration:none;} /* 카달로그,공지사항,상품목록,회사정보 */ #wrap_latest { clear:both; margin:30px auto; width:1200px;} #wrap_latest .latest_catalog{ float:left; margin-bottom:20px;} #wrap_latest .latest_notice_rollbn{ float:left; margin:0 0 20px 20px;} #wrap_latest #latest_notice { width:260px;} #wrap_latest #latest_notice .main_title{ border-bottom:2px solid #e7e7e7;} #wrap_latest .latest_width { width:250px; margin:4px 0 0 10px;} #wrap_latest .latest_list {height:23px; vertical-align:middle; background:url(http://orancie.cafe24.com/swduct/images/main/dot.gif) no-repeat left center; padding-left:10px; line-height:22px;} #wrap_latest .latest_list a {text-decoration:none; font:normal 12px dotum; color:#5f5f5f;} #wrap_latest .latest_list a:hover {color:#2656c6;} #wrap_latest .roll_bn{ position:relative;} #wrap_latest .roll_click { position:absolute; top:63px; left:10px; z-index:5;} #wrap_latest .roll_click li{ float:left; padding-right:2px;} #wrap_latest div.footer_product{ margin:0 0 20px 20px; float:left;} #wrap_latest div.footer_product h4 img{ border-bottom:2px solid #e7e7e7;} #wrap_latest div.footer_product ul.footer_product_list{ margin:10px 0 0 5px;} #wrap_latest div.footer_product ul.footer_product_list02{ margin-left:120px; margin-top:-90px;} #wrap_latest div.footer_product ul.footer_product_list li, #wrap_latest div.footer_product ul.footer_product_list02 li{ font:normal 12px dotum; color:#5f5f5f; background:url(http://orancie.cafe24.com/swduct/images/main/dot.gif) no-repeat left center; padding-left:10px; line-height:22px;} #wrap_latest div.footer_product ul.footer_product_list li a, #wrap_latest div.footer_product ul.footer_product_list02 li a{ text-decoration:none; color:#5f5f5f;} #wrap_latest div.footer_tel{ float:left; margin:0 0 20px 20px;} #wrap_latest div.footer_tel div{ display:block;} #wrap_latest div.footer_tel li{ float:left; display:block;} /*copyright*/ #copyright{ clear:both; background:#f7f7f7; border-top:1px solid #c8c8c8; width:100%; padding:20px 0; } #copyright .copy_cnt{ margin:0 auto; width:520px; height:40px; background:#f7f7f7;} #copyright .copy_cnt div{ float:left;} #copyright .copy_cnt ul{ float:right; margin-left:10px; font:normal 11px 'dotum','tahoma'; color:#5f5f5f; line-height:16px; text-transform:uppercase;}