@charset "utf-8";
@import url("default.css");
@import url("common.css");
/* 속성 선언 순서
display-overflow-float-position(z-index)-width&height-margin&padding-border-background-font(text-align)
*/
#wrapper {position:relative;width:960px;margin:0 auto;background:url("../images/main/bg_main.gif") no-repeat}
#header {position:relative;width:100%;height:180px}
#container {overflow:hidden;z-index:10;width:100%}
#container.container_main {margin-top:20px;/*background:url("../images/common/bg_container.jpg") no-repeat scroll 0 bottom transparent*/}
#container.container_sub {position:relative;padding-top:30px;background:url("../images/sub/bg_sub_container.gif") repeat-y scroll 0 0 transparent}
#footer {position:relative;clear:both;width:100%;height:90px;background:url("../images/common/bg_footer.gif") no-repeat}
/* skipToContent */
#skipToContent {display:block;visibility:hidden;position:absolute;top:-9999px;left:-9999px;z-index:-1;width:100%}
#gototop a {position:absolute;top:-40px;right:29px;width:57px;height:20px;background:url("../images/common/btn_top.jpg") no-repeat scroll 0 0 transparent;font-size:0;text-indent:-9999px}
#main_column {float:left;width:718px;margin-right:22px}
#main_side {overflow:hidden;position:absolute;top:237px;right:0;z-index:10;width:234px;height:800px;padding:0 12px;border-right:1px solid #A6A6A6;border-left:1px solid #A6A6A6;background-color:#FFFFFF}
#snb {overflow:hidden;float:left;width:250px;min-height:700px;height:auto !important;/* ie6 */height:700px; /* ie6 */}
#snb h2 {padding:20px 0;border-radius:10px 10px 0 0;background-color:#000;color:#fff;font-size:2em;text-align:center}
#snb .side_banner {overflow:hidden;width:250px;min-height:600px;height:auto !important;/* ie6 */height:600px; /* ie6 */background:url("../images/main/bg_m_side.gif") no-repeat}
#snb dl {margin:15px 0 0 10px}
#snb dd {padding:5px 0 0 16px}
.container_main #column {overflow:hidden;float:left;width:710px}
.container_sub #column {float:left;width:680px;padding-left:30px}
.lft_menu {float:left;width:246px;margin-bottom:20px}
.lft_menu h3 {padding:8px 8px 8px 7px;background-color:#646464;color:#ffffff;font-size:1.17em;font-weight:bold}
.lft_menu h3 a {color:#ffffff;font-size:1.17em;font-weight:bold}
.lft_menu li {width:100%;border-bottom:1px dotted #ddd}
.lft_menu li a {display:block;padding:8px 7px 7px;/*border-left:1px solid #ddd;border-right:1px solid #ddd;*/font-size:1.08em;font-weight:bold;color:#646464}
/* header */
#header h1 {width:226px;height:59px;margin-bottom:20px;padding:27px 0 0 23px}
/* 유틸메뉴 */
#gnb_menu {display:none;position:absolute;top:0;right:0}
#gnb_menu dd {float:left}
#gnb_menu dd img {padding:3px 0}
/* 주메뉴 */
/* main */
#main_menu {width:840px;height:31px;padding:10px 0 0 120px;background:url("../images/common/bg_menu.gif") repeat-x}
*html #main_menu {overflow:hidden}
#main_menu li {position:relative;float:left;margin-right:90px}
#main_menu li ul {display:none;position:absolute;top:50px;left:0;width:350px}
#main_menu li li {margin-right:30px}
#main_menu li li a {color:#004672;font-weight:bold;font-size:1.08em}
#main_menu li.selected ul {display:block}
#main_banner {overflow:hidden;width:685px;margin-bottom:8px;padding-left:25px}
.notice_list, .question_list {display:inline;float:left;width:310px;margin-left:25px;padding:10px}
.notice_list h2, .question_list h2, .product_list h2 {margin-bottom:10px}
.product_list {clear:both;width:100%;padding-top:15px}
.product_list h2 {padding-left:35px}
.photo_list {overflow:hidden;padding:15px 10px 0 125px/*padding:0 24px 0 94px*/}
.photo_list li {display:inline;float:left;width:100px;margin-left:15px;padding-bottom:10px}
.photo_list li .thumb img{width:100px;height:106px}
.photo_list p.desc {display:none;width:100px;margin:4px 0;font-size:1.17em;font-weight:bold;text-align:center}
/* sub */
.desc_company {display:block;overflow:hidden;position:relative;width:680px;height:500px;background:url("../images/sub/img_company.jpg") no-repeat}
.desc_company p {position:absolute;visibility:hidden}
/* footer */
#footer {overflow:hidden;position:relative;width:100%}
#footer address, #footer .copyright {float:right;padding-right:16px}
#footer address {width:576px;height:50px;margin-top:8px;background:url("../images/common/address.gif") no-repeat scroll 0 0 transparent;text-indent:-9999px}
#footer .mailto{display:block;position:absolute;top:37px;right:16px;width:225px;height:20px;font-size:0;line-height:0;text-indent:-9999px}
