@charset "utf-8";

#gnb {width:880px; height:139px; margin:0 auto; position:relative; text-align:left;}
#gnb #l {width:205px; float:left;height:139px;}
#gnb #l ul{ margin:0px; padding:0 0 0 0 ;}
#gnb #l li{float:left; padding-right:7px;padding-top:9px;}
#gnb #l div{ text-align:right;clear:both; height:45px; padding-top:20px;}
/* *html #gnb #l div{ text-align:right;clear:both; height:45px; padding-top:22px;} */

#gnb #m {float:left; width:476px;height:139px;}

#gnb #m .logo {width:246px; height:51px; background:url('../../images/main2009/logo.gif') 116px 0 no-repeat; float:left; padding-left:116px; margin-bottom:7px; margin-top:9px;}
#gnb #m .logo_season {float:left; background:url('../../images/main2011/logo_1225.gif') 100px 0 no-repeat; padding-left:100px; margin-top:9px; margin-bottom:12px; width:271px; height:51px;}
#gnb #m .logo_season2 {float:left; background:url('../../images/main2011/logo_0508.gif') 15px 0 no-repeat; padding-left:15px; margin-top:7px; margin-bottom:7px; width:382px; height:58px;}
#gnb #m .searchbox{clear:both; color:#5f5f5f;}
#gnb #m .searchbox dl{color:#5f5f5f;float:left;width:397px; border:6px solid #1f83cf; padding:0 7px;}
*html #gnb #m .searchbox dl{color:#5f5f5f;float:left;width:423px; border:6px solid #1f83cf; padding:0 7px;} 

/* #gnb #m .searchbox dl{color:#5f5f5f;float:left;width:397px; border:6px solid #686868; padding:0 7px;}
*html #gnb #m .searchbox dl{color:#5f5f5f;float:left;width:423px; border:6px solid #686868; padding:0 7px;} */

#gnb #m .searchbox dt {float:left;}
#gnb #m .searchbox dt input {border:1px solid #fff; width:316px; height:25px; font-size:12px;font-family:돋움,Dotum,AppleGothic,Arial,sans-serif,"ＭＳＰ ゴシック","Osaka",simsun,; color:#000; font-weight:bold;}
*html #gnb #m .searchbox dt input {border:1px solid #fff; width:320px; padding:5px 7px; height:23px; font-size:12px;font-family:돋움,Dotum,AppleGothic,Arial,sans-serif"ＭＳＰ ゴシック","Osaka",simsun, ;color:#000;font-weight:bold;}

/* more css #gnb #m .snb{clear:both;padding-left:5px;} */

#gnb #m .snb{clear:both;padding-left:1px;}
#gnb #m .snb li{float:left; padding-left:5px; color:#dfdfdf; font-family:"돋움",sans-serif;padding-top:9px;}

#gnb #r {width:199px;float:right;height:139px;}
#gnb #r  ul{float:right;width:199px; padding:9px 0 0 0;}
#gnb #r li{float:right; padding-left:7px;}
#gnb #r  p{float:right; padding-right:62px; padding-top:45px;}
#gnb #r .s_cart, #gnb #r .s_cart a:link, #gnb #r .s_cart a:visited {padding-right:1px; color:#3a3f44; font-weight:bold; background:none; text-decoration:none; font-size:11px;}
#gnb #r .s_cart a:hover {color:#3a3f44; letter-spacing:0; text-decoration:underline;}
#gnb #r .s_cart img {margin-right:3px;}

#textbn {width:890px; height:38px; margin:0 auto; /*<--FF--*/ position:relative; text-align:left;}
#textbn .gnb_text{ font-size:12px; color:#FFFFFF; padding:13px 0 0 15px; float:left;  margin-bottom:0;}
*html #textbn .gnb_text{ font-size:12px; color:#FFFFFF; padding:14px 0 0 15px;float:left;  margin-bottom:0;}
#textbn .gnb_text dt{ font-weight:bold; letter-spacing:-1px;float:left;}
#textbn .gnb_text dd{ float:left; padding-left:8px;letter-spacing:-1px;}
*html #textbn .gnb_text dd{ float:left; padding-left:8px;letter-spacing:-1px; margin-top:-3px;}
#textbn .gnb_btn{float:right; padding:8px 15px 0 0; color:#ffffff;}
.info_upload {position:absolute; z-index: 1000; top:-7px; right:140px;}

#bannerInventory {width:890px;margin:0 auto; margin-top:0px; clear:both;}
#bannerInventory ul {width:880px;float:left;height:68px; margin-left:5px;}
*html #bannerInventory ul {width:880px;float:left;height:68px; margin-left:5px;}
#bannerInventory li {float:left;}

#container{width:880px;margin:0 auto; text-align:left;padding-top:5px; clear:both;}
#container #cl{ width:582px; margin:20px 5px 0 0; float:left;}
#container #cl .content01{ float:left; width:567px;}
#container #cl .content02{ clear:both; width:567px; margin-bottom:7px; height:196px }
#container #cl .content02 dl{ float:left; width:101px; padding:0;margin-bottom:-3px; }
#container #cl .content02 dt{text-align:center; border:1px solid #9dc6e7;padding:4px 0 0 0;}
*html #container #cl .content02 dt{text-align:center; padding:4px 0 -1px 1px; margin:0px;}
#container #cl .content02 dd{ font-size:11px; color:#333; padding:8px 8px 0 5px; line-height:14px;}

#container #cl .content02 ul{padding-top:19px;letter-spacing:-1px; }
#container #cl .content02 li{ background:url('../../images/common/bullet/2009_bul_dot_01.gif') 0 6px no-repeat; height:22px; font-family:"ＭＳＰ ゴシック", "Osaka",simsun,돋움,Dotum,AppleGothic,Arial,sans-serif,;}
*html #container #cl .content02 li{ background:url('../../images/common/bullet/2009_bul_dot_01.gif') 0 6px no-repeat; height:22px;  font-family:"ＭＳＰ ゴシック", "Osaka",simsun,돋움,Dotum,AppleGothic,Arial,sans-serif,;}



#container #cl .content03{ float:left; width:567px;margin-top:16px;height:132px;}
*html #container #cl .content03{ float:left; width:567px;margin-top:16px;margin-bottom:-16px;height:144px;}
#container #cl .content03 dl{float:left; margin:0; width:436px; color:#dfdfdf;}
#container #cl .content03 dt{ float:left; color:#dfdfdf;}
#container #cl .content03 dd{ float:left; color:#909090; font-size:11px; letter-spacing:-1px;font-family:돋움,Dotum; padding-left:5px; padding-top:2px;}

#container #cl .content03 .prm{padding-top:19px; margin:0; clear:both;}
#container #cl .content03 .prm ul{width:131px; float:left;}
#container #cl .content03 .prm li{ color:#707070; padding-bottom:5px; font-size:11px; letter-spacing:-1px;}
*html #container #cl .content03 .prm li{ color:#707070; padding-bottom:5px; font-size:11px; letter-spacing:-1px;}
#container #cl .content03 .prm01{padding-top:20px; margin:0; float:right}
#container #cl .content03 .prm01 dl{width:436px; float:left;}
.typeA{float:left; font-weight:bold; color:#333; letter-spacing:-1px;}
.typeA_01{ font-size:12px; color:#555555; width:342px;letter-spacing:-1px; line-height:18px;padding-bottom:2px }
*html .typeA_01{ font-size:12px; color:#555555; width:342px;letter-spacing:-1px; line-height:18px;padding-bottom:12px }
.typeB{float:left; width:138px; padding-bottom:15px;}
.typeB_01{background:url('../../images/common/bullet/bul_dot_02.gif') 0 8px no-repeat; padding-bottom:4px;width:283px;}
*html .typeB_01{background:url('../../images/common/bullet/bul_dot_02.gif') 0 8px no-repeat; padding-bottom:6px;width:293px;}

#container #cl .content03 .form02{ width:436px; float:left; padding-bottom:0px;}
#container #cl .content03 .form02 dl{float:left; margin:0 0 0 0; padding:0; width:72px;}
#container #cl .content03 .form02 dt{margin:0 0 0 0; padding:0 0 0 0;}
#container #cl .content03 .form02 dd{text-align:center; font-size:11px; color:#333;clear:both; width:72px; padding:7px 0 0 0; line-height:14px;}

.content04 { float:left; width:567px;margin-top:16px;height:150px;}
.content04 dl {float:left; margin:0; width:436px; color:#dfdfdf;}
.content04 dt {float:left; color:#dfdfdf;}
.content04 dd {float:left; color:#909090; font-size:11px; letter-spacing:-1px;font-family:돋움,Dotum; padding-left:5px; padding-top:2px;}

#container #cl .content04 .prm{padding-top:19px; margin:0; clear:both;}
#container #cl .content04 .prm ul{width:131px; float:left;}
#container #cl .content04 .prm li{ color:#707070; padding-bottom:5px; font-size:11px; letter-spacing:-1px;}

#container #cl .content04 .form{ width:436px; float:left; height:157px;}
#container #cl .content04 .form dl{float:left; margin:0 0 0 0; padding:0; width:72px;}
#container #cl .content04 .form dt{margin:0 0 0 0; padding:0 0 0 0;}
#container #cl .content04 .form dd{text-align:center; font-size:11px; color:#333;clear:both; width:72px; padding:7px 0 0 0; line-height:14px;}

#container #cl .content04 .form01{width:436px; float:left;height:157px;}
#container #cl .content04 .form01 dl{float:left; margin:0 0 0 0; padding:0;width:115px;}
#container #cl .content04 .form01 dt{margin:0 0 0 0; padding:0 0 0 0;}
#container #cl .content04 .form01 dd{text-align:center; font-size:11px; color:#333;clear:both;width:115px; padding:7px 0 0 0; line-height:14px;font-family:돋움,Dotum; }

#container #cr{width:288px; margin:5px 0 0 0; float:right;}
#container #cr .login{ background-color:#f5f5f5; border:2px solid #e0e0e0;width:247px;padding:6px 19px 4px 18px; float:left;}
*html #container #cr .login{ background-color:#f5f5f5; border:2px solid #e0e0e0;width:288px; padding:8px 19px 4px 18px;float:left;}
*html #container #cr .login .mg{ margin-top:-10px;}
#container #cr .login dl{padding-top:6px;}
#container #cr .login dt{ color:#555555; font-size:12px;letter-spacing:-1px;font-family:돋움,Dotum; }
#container #cr .login dd{ color:#555555; font-size:11px; font-weight:bold;font-family:돋움,Dotum;}
#container #cr .login dd { color:#555555; font-size:11px;font-family:돋움,Dotum; letter-spacing::-1px;}
#container #cr .login .mybox{ padding-top:6px;}
*html #container #cr .login .mybox{ padding-top:7px;}

#container #cr .login01{ background-color:#f5f5f5; border:2px solid #e0e0e0;width:247px;padding:14px 19px 6px 18px; float:left;}
*html #container #cr .login01{ background-color:#f5f5f5; border:2px solid #e0e0e0;width:288px; padding:14px 19px 5px 18px;float:left; height:105px;}
#container #cr .login01 dl{float:left; padding:0 0 0 0; margin:0 0 0 0;}
*html #container #cr .login01 dl{float:left; padding:0 0 0 0; margin:0 0 -11px 0;}
#container #cr .login01 dt{padding:0 0 5px 0;}
*html #container #cr .login01 dt{padding:0 0 3px 0;}
#container #cr .login01 ul{margin:0 0 0 0; padding:6px 0 0 0;}
*html #container #cr .login01 ul{margin:0 0 0 0; padding:3px 0 0 0;}
#container #cr .login01 li{color:#555555;font-family:돋움,Dotum;font-size:11px;line-height:-2px;}

#container #cr .authentication{ background-color:#f5f5f5; border:2px solid #e0e0e0;width:284px; height:105px; float:left;}
*html #container #cr .authentication { background-color:#f5f5f5; border:2px solid #e0e0e0;width:288px; float:left; height:105px;}
#container #cr .authentication .box01{float:right; margin:0; padding:5px 5px 0 0; clear:both;}
*html #container #cr .authentication .box01{float:right; margin:0 0 0 0; padding:5px 5px 0 0; clear:both;}
#container #cr .authentication .box02{color:#555555; font-size:12px;letter-spacing:-1px;font-family:돋움,Dotum; line-height:17px; margin:0;clear:both;}
*html #container #cr .authentication .box02{color:#555555; font-size:12px;letter-spacing:-1px;font-family:돋움,Dotum; line-height:17px; margin:0; clear:both;}
#container #cr .authentication .box03{padding:5px; margin:0; clear:both;}
*html #container #cr .authentication .box03{padding:5px; margin:0; clear:both;}

#container #cr .contest{border:1px solid #dddddd;}
#container #cr .contest ul{ padding:15px 20px 10px 20px;}
#container #cr .contest li{ background:url('../../images/common/bullet/2009_bul_dot_01.gif') 0 5px no-repeat; padding:0 0 8px 7px; color:#333333; font-size:12px; letter-spacing:-1px}

#container #cr .request{border:1px solid #dddddd; float:left; margin-top:5px;}
#container #cr .request dl{ padding:15px 19px 0 19px;}
#container #cr .request ul{ padding:15px 19px 5px 19px; clear:both;}
#container #cr .request li{ background:url('../../images/common/bullet/2009_bul_dot_01.gif') 0 5px no-repeat; padding:0 0 8px 7px; color:#333333; font-size:12px; letter-spacing:-1px;}

#container #cr .estimate {border-top:1px solid #dddddd;border-left:1px solid #dddddd;border-right:1px solid #dddddd;}
#container #cr .estimate div{padding:8px 20px 0 20px; clear:both;}

.request01{padding:15px 19px 0 19px;}
.request01 h4{border-bottom:1px solid #dfdfdf;float:left; width:164px; padding-bottom:7px; padding-top:1px;}
*html .request01 h4{border-bottom:1px solid #dfdfdf;float:left; width:162px; padding-bottom:7px; padding-top:1px;}

#container #cr .tps{border-top:1px solid #dddddd;border-left:1px solid #dddddd;border-right:1px solid #dddddd;float:left;width:286px; padding-bottom:18px ;}
*html #container #cr .tps{border-top:1px solid #dddddd;border-left:1px solid #dddddd;border-right:1px solid #dddddd;float:left;width:288px; padding-bottom:18px ;}
#container #cr .tps dl{ padding:15px 19px 15px 19px;}
#container #cr .tps dt{ float:left; padding-left:12px;width:175px;padding-top:6px;}
#container #cr .tps dd{color:#909090; font-size:11px; letfer-spacing:-1px;margin-left:12px;float:left;width:175px;  padding-top:8px;}
*html #container #cr .tps dd{color:#909090; font-size:11px; letter-spacing:-1px;margin-left:12px;float:left;width:175px; margin-top:-14px;}

#container .view {width:880px;border-top:1px solid #dfdfdf; clear:both; text-align:left;}
#container .view ul{ padding:15px 0 ; float:left;}
#container .view li{ padding:0px 8px 0 0 ; color:#777; font-size:11px;font-family:돋움,Dotum; float:left; letter-spacing:-1px;}

#container .notice {width:880px;border-top:1px solid #dfdfdf;text-align:left; margin:0;}
#container .notice dl{ padding:15px 0 15px 15px;}
#container .notice dt{ color:#555; font-size:12px;font-family:돋움,Dotum; float:left; letter-spacing:-1px; font-weight:bold; float:left;}
#container .notice dd{ color:#dfdfdf; font-size:11px;font-family:돋움,Dotum;letter-spacing:-1px; padding:0 0 0 5px;}

.sitemap {width:880px; text-align:left; background-color:#f6f6f6; height:320px;}
.sitemap .category ul {color:#555; font-size:12px; letter-spacing:-1px; font-weight:bold;}
.sitemap li {color:#555; font-size:12px; letter-spacing:-1px; line-height:19px; font-weight:normal;}
.sitemap .category {float:left; width:128px; height:280px; margin:20px 0 20px 15px; background:url('../../images/main2009/sitemap_bg.gif') 127px 0 repeat-y;}
.sitemap_tab {clear:both; float:left; width:880px; text-align:left;}
.sitemap_tab li {float:left; letter-spacing:-1px;}
.sitemap_tab li a, .sitemap_tab li a:hover, .sitemap_tab li a:visited, .sitemap_tab li a:link { color:#555555; text-decoration:none; font-size:12px;}
.sitemap_tab .selected {width:78px; padding:7px 0 5px 0; background-color:#F6F6F6; font-weight:bold; text-align:center;}
.sitemap_tab .off {width:78px; padding:7px 0 5px 0; background-color:#e5e5e5; text-align:center;}

#container .partner {width:880px;text-align:left; margin:0 0 0 0;clear:both; height:42px}
#container .partner dl{padding:0 0 0 15px;float:left;}
#container .partner dt{font-weight:bold; font-size:12px;font-family:돋움,Dotum;letter-spacing:-1px; color:#555;float:left; padding-right:46px;padding-top:16px;}
#container .partner dd{float:left; padding-left:25px; padding-top:13px;}

#footer{width:865px;margin:0 auto; text-align:left;clear:both; border-top:1px solid #dfdfdf; padding:16px 0 30px 15px;}
*html #footer{width:880px;margin:0 auto; text-align:left;clear:both; border-top:1px solid #dfdfdf; padding:16px 0 30px 15px;}

#footer .btm{clear:both;}
#footer .footerlogo{ float:right; padding:24px 5px 0 0}
*html #footer .footerlogo{ float:right; padding:6px 5px 0 0}
#footer .conpany{clear:both;}
#footer .conpany li{ float:left; padding-right:8px; color:#dfdfdf; letter-spacing:-1px;}

#footer .copy{ color:#777; font-size:11px;font-family:Aria,Dotum; clear:both; padding-top:13px; padding-bottom:50px;}
*html #footer .copy{ color:#777; font-size:11px;font-family:Aria,Dotum; clear:both; padding-top:7px;padding-bottom:0px;}
#footer .copy dt{ color:#777; font-size:11px;font-family:Aria,Dotum;float:left;}
#footer .copy dd{ color:#dfdfdf; font-size:11px;font-family:Aria,Dotum;float:left; padding-right:5px; letter-spacing:-1px;}

#footer .add{ color:#777; font-size:11px;font-family:돋움,Dotum;clear:both;padding-top:25px;}
*html #footer .add{ color:#777; font-size:11px;font-family:돋움,Dotum;clear:both;padding-top:10px;} 
#footer .add dd{ float:left; padding-right:26px; }

#footer .add01{ color:#777; font-size:11px;font-family:돋움,Dotum;clear:both;padding-top:5px;}
*html #footer .add01{ color:#777; font-size:11px;font-family:돋움,Dotum;clear:both;padding-top:3px;} 
#footer .add01 dd{ float:left; }

/* 2011/07/20 */
.brand_data {clear:both; width:547px; height:103px; margin:16px 0 0 20px;}
.brand_data .brand1 p {float:left; margin-right:50px;}
.brand_data .brand1 dt {margin:0 0 11px 0;}
.brand_data .brand1 dt a:link, .brand_data .brand1 dt a:visited {font-weight:bold; color:#333; text-decoration:none;}
.brand_data .brand1 dt a:hover {color:#333; text-decoration:underline;}
.brand_data .brand1 dd a:link, .brand_data .brand1 dd a:visited {color:#555; text-decoration:none; line-height:19px;}
.brand_data .brand1 dd a:hover {color:#555; text-decoration:underline;}

.brand_data .brand2 p {float:left; padding:13px 0 13px 0; margin-right:22px; border:1px solid #d0d0d0;}
.brand_data .brand2 ul {float:left;}
.brand_data .brand2 li {width:397px; padding:0 10px 0 10px; margin-bottom:8px; background:url('../../images/main2011/bul_gray.gif') left 4px no-repeat;}
.brand_data .brand2 li a, .brand_data .brand2 li a:link, .brand_data .brand2 li:visited {color:#555; text-decoration:none;}
.brand_data .brand2 li a:hover {text-decoration:underline;}

.v_date_tit {height:15px; margin-left:18px; margin-top:16px;}
.v_date_tit h2 {width:125px; float:left;}
.v_date_tit a, .v_date_tit a:link {color:#707070; font-size:11px; text-decoration:none; font-family:Dotum; letter-spacing:-1px;}
.v_date_tit a:hover {color:#545454; font-size:11px; text-decoration:underline;}
.v_date_tit ul {margin-right:-20px;}
.v_date_tit li {float:left; padding:2px 7px 0 5px; background:url('../../images/main2011/v_data_line.gif') right 3px no-repeat;}
.v_date_tit .last {background:none;}
.v_date_tit strong {color:#707070; font-weight:bold; text-decoration:underline;}
.v_data, .v_data2 {clear:both; width:567px; height:160px; margin:14px 0 0 0;}
.v_data dt,.v_data2 dt {float:left; color:#dfdfdf;}
.v_data dd {clear:both; padding-top:7px; color:#909090; font-size:11px; letter-spacing:-1px; font-family:Dotum; text-align:center; line-height:15px;}
.v_data li {float:left; width:80px; margin-right:31px;}

.v_data2 dd {clear:both; padding-top:7px; color:#909090; font-size:11px; letter-spacing:-1px; font-family:Dotum; text-align:center; line-height:15px;}
.v_data2 li {float:left; width:162px; margin-right:20px;}

.btn_pre {float:left; width:20px; margin-top:37px;}
.btn_nex {float:right; width:20px; margin-top:37px;}

/* 2011/08/23 */
.research_data {clear:both; width:547px; height:99px; margin:14px 0 0 18px;}
.research_data dl {float:left; width:418px; font-family:dotum;}
.research_data p {float:left; margin-right:22px; border:1px solid #d0d0d0;}
.research_data .info {margin:0 0 5px 0; font-size:11px; letter-spacing:0; color:#555;}
.research_data .info span {padding:0 5px 0 5px; color:#b0b0b0;}
.research_data dt {margin:1px 0 9px 0; letter-spacing:-1px;}
.research_data dt a:link, .research_data dt a:visited {font-weight:bold; color:#333; text-decoration:none;}
.research_data dt a:hover {color:#333; text-decoration:underline;}
.research_data dd a:link, .research_data dd a:visited {color:#555; text-decoration:none; line-height:19px;}
.research_data dd a:hover {color:#555; text-decoration:underline;}

.login_state {float:left; height:120px; background-color:#f7f7f7; border:1px solid #e0e0e0;}
.login_state .w_info {height:70px; padding:19px 19px 0 18px;}
.login_state .id_pw {float:left; width:174px}
.login_state .id_pw .input_login {float:left; width:174px; height:22px; padding:5px 0 0 6px; margin-bottom:5px; border:1px solid #cccccc; color:#333333; font-size:11px; font-family:Dotum;}
.login_state .btn_login {float:left; margin-left:5px;}
.login_state .user {float:left; width:249px; margin-top:11px; padding-top:6px; background:url('../../images/main2011/login_dot.gif') left 0 repeat-x;}
.login_state .user li {float:left; color:#555555;font-family:Dotum;font-size:11px;}
.login_state .user .fine {padding-top:6px; padding-left:18px;}
.login_state .user .fine span {color:#cecece;}

.login_state .w_info2 {float:left; padding:9px 11px 0 12px;}
.login_state .name {height:22px; margin:0 0 12px 0; padding-left:3px; color:#868686; border-bottom:1px solid #e5e5e5; font-family:dotum;}
.login_state .name .mypage {font-size:11px; letter-spacing:-1px; text-decoration:none; color:#868686;}
.login_state .name a.mypage:hover {text-decoration:underline;}
.login_state .name .myid {color:#252525; text-decoration:none; letter-spacing:-1px;}
.login_state .name a.myid:hover {text-decoration:underline;}
.login_state .name .id {float:left; width:152px; padding-top:3px;}
.login_state .name .my {float:left; padding-top:5px;}
.log_account {margin:0 0 0 2px; color:#505050; font-family:dotum;}
.log_account .sum_t {color:#505050; text-decoration:none; letter-spacing:-1px;}
.log_account .sum {color:#0562c2; text-decoration:none;}
.log_account a.sum:hover {color:#0562c2; text-decoration:underline;}
.log_account strong {margin-left:2px; margin-right:1px; font-size:12px; letter-spacing:0}
.log_account span {font-size:11px; letter-spacing:-1px}
.login_state .q_menu {float:left; margin-top:12px; }
.login_state .q_menu li {float:left;}
.login_state .q_menu li {padding-left:1px; background:url('../../images/main2011/login_line.gif') left top no-repeat}

.login_state .mail_confirm {margin-bottom:10px; padding:0 42px 0 42px; line-height:18px; font-family:dotum; letter-spacing:-1px; color:#555; text-align:center;}

.b_request {margin-top:5px; font-size:0;}
.b_estimate {margin-top:5px;}

.new_data {position:absolute;left:-1000px;top:-1000px;}