@charset "euc-kr";
/* CSS Document */

@font-face{
 font-family:"nbg";
 src:url("/images/font/NanumBarunGothic.eot");
 src:local(¡Ø), url("/images/font/NanumBarunGothic.woff") format("woff");
font-weight: normal;
font-style: normal;
 }
@font-face{
 font-family:"nbgb";
 src:url("/images/font/NanumBarunGothicBold.eot");
 src:local(¡Ø), url("/images/font/NanumBarunGothicBold.woff") format("woff");
font-weight: normal;
font-style: normal;
 }

body{margin:35px 0 0 0; background:url(/images/common/bg_sub.png) repeat-x; font-family:"NanumBarunGothic", nbg; font-size:12px; color:#666; line-height:150%;}
textarea{ font-family:"NanumBarunGothic", nbg; font-size:12px; color:#666; border:1px solid #ddd;}
select, input{ height:21px; padding:0 5px 0 5px; font-family:"NanumBarunGothic", nbg; font-size:12px; color:#666; border:1px solid #ddd;}
img{border:none;}
form {border:0px;padding:0px;margin:0px;}
p, div, ul, li, dl, dt, dd, ol, input, textarea {list-style-type:none;padding:0;margin:0;font-size:12px NanumBarunGothic,nbg,Verdana;color:#666}

a:link{color:#666; text-decoration:none;}
a:active{color:#666; text-decoration:none;}
a:visited{color:#666; text-decoration:none;}
a:hover{color:#0073c4; text-decoration:underline;}

a.black:link{color:#000; text-decoration:none;}
a.black:active{color:#000; text-decoration:none;}
a.black:visited{color:#000; text-decoration:none;}
a.black:hover{color:#0073c4; text-decoration: underline;}

a.blue:link{color:#0073c4; text-decoration:underline;}
a.blue:active{color:#0073c4; text-decoration:none;}
a.blue:visited{color:#0073c4; text-decoration:none;}
a.blue:hover{color:#000; text-decoration: underline;}

caption{text-align:left;}

#wrap{ margin:auto; width:960px;}

#top_navi { margin:auto; width:960px; height:50px; margin-bottom:65px; z-index:9999; position:relative;}
#top_navi #logo {width:182px; float:left;}
#top_navi #util{float:right; text-align:right; width:150px; margin-top:20px;}
#top_navi #menu {width:960px;position:absolute; z-index:9999; top:80px; left:0;}
#top_navi #menu ul {height:70px; background:url(/images/common/m_bg_off.png) repeat-x; font-family:"NanumBarunGothic", nbg; font-weight:bold; text-align:center; font-size:16px; color:#000; border-radius:6px;}
#top_navi #menu li {width:20%; line-height:70px; background:url(/images/common/bg_party.png) no-repeat; background-position:100% 50%; display:block; float:left; }
#top_navi #menu li img{margin-top:28px;}
#top_navi #menu li:last-child { background:none;}
#top_navi #menu li a {color:#000; display:block; height:70px;}
#top_navi #menu li a:hover {width:100%;background:url(/images/common/m_bg_on.png) repeat-x; color:#fff; text-decoration: none; height:70px; display:block;}
#top_navi #menu li:last-child a:hover{ border-bottom-right-radius:6px; border-top-right-radius:6px}
#top_navi #menu li:first-child a:hover{ border-bottom-left-radius:6px; border-top-left-radius:6px}

#visual{margin:auto; width:1280px; position:relative;}
#visual #m_copy { position:absolute; left:160px; top:116px; z-index:99;}
#visual #m_copy .m_title { font-size:54px; font-weight:bold; line-height:56px; color:#fff;}
#visual #m_copy .s_copy { font-size:18px; line-height:20px; color:#fff; margin-top:10px;}

#t_banner {width:100%; margin:30px 0 55px 0;}
#t_banner span{margin-right:40px;}
#t_banner .end{margin:0;}

#left{width:213px; padding-top:30px; float:left; margin-right:36px;}
#lmenu {width:100%; margin-bottom:25px;}
#lmenu li{ height:32px; font-size:15px; line-height:32px; font-weight:bold; border-bottom:1px solid #e5e5e5; border-radius:6px;}
#lmenu li p{ margin-left:18px;}
#lmenu li a  {width:100%; display:block; }
#lmenu li a:hover {width:100%; background: url(/images/common/icon_arrow.png) no-repeat; background-position:95% 50%; line-height:32px; color:#fff; background-color:#000; display:block; text-decoration:none; border-radius:6px; }
#lmenu .on {width:100%; background: url(/images/common/icon_arrow.png) no-repeat; background-position:95% 50%; line-height:32px; color:#fff; background-color:#000; display:block; text-decoration:none; border-radius:6px;}
#lmenu .on a{color:#fff;}


#contents{ width:710px; float:left;min-height:300px;}
*html #contents{height:300px;}
#contents #location{width:100%;padding:14px 0 0 0; text-align:right;}
#contents #c_title{ height:32px; color:#333; line-height:32px; font-size:28px; font-weight:bold; text-align:left; margin-bottom:30px;}

#footer {margin-top:50px; border-top:solid 1px #ddd; background-color:#e2e2e2; }
#foot_wrap{ margin:auto; width:960px; clear:both;padding:25px 0;}
#foot_wrap .bot_menu{ width:100%; margin-bottom:18px;}
#foot_wrap .quick_txt{ width:10%;line-height:30px; float:left;color:#333;}
#foot_wrap .quick{ width:90%;float:left;}
#foot_wrap .quick img{margin-right:30px;}
#foot_wrap .footImg{ width:100%; font-size:11px; color:#888; margin-top:-4px;}

/*¸ÞÀÎ*/
h1 {margin:0;padding:0; font-size:33px; line-height:35px; font-weight:bold; margin-bottom:35px; color:#000;}
h2 {margin:0;padding:0; text-indent:0;color:#307cc3; font-size:21px; line-height:22px; margin-bottom:6px; }
h3 {margin:0; text-indent:0;color:#000; font-size:14px; margin-bottom:20px; }
#bs {width: 479px;float: right;border-right:solid 1px #ddd;float:left;}
#bs .fl {width:445px;}
#bs .fl img {width:445px; height:200px; margin-bottom:35px; border-radius:8px;}
#bs .fl .descript {width:100%;line-height:180%}
#do {width:445px;float:right; margin-left:35px;}
#do h3 {margin:0; text-indent:0;color:#000; font-size:14px; margin-bottom:10px; margin-top:5px; }
#do img{ float:left; margin-right:38px;}
#do .ft {width:100%; margin-bottom:30px; float:left; line-height:180%}
#do .ft p{font-size:30px; font-weight:bold; color:#005b9b; letter-spacing:-2px; margin-top:15px;}
#do .fm {width:100%; margin-bottom:30px; float:left; line-height:180%}
#do .fb {width:100%; float:left; line-height:180%}



#blank {clear:both;}
#lban img{ margin-bottom:15px;}

.tbDefault{border-top:solid 1px #ccc; border-bottom:solid 1px #c0d8e0; border-collapse:collapse; text-align:center; width:100%;}
.tbDefault td{padding:6px 5px 6px 5px;border-bottom:solid 1px #eee;}
.tbDefault th{background:url(/images/common/title_bg.gif) repeat-x; color:#333;padding:8px 5px 8px 5px; border-bottom:solid 1px #ddd;}
.tbDefault .nonbg {background:none;background-color:#f7f7f7; color:#333;padding:8px 5px 8px 5px; border-bottom:solid 1px #eee;}
.tbDefault .con{padding:30px;}
.tbDefault .input{width:100%;}

.paging{ margin:10px; text-align:center;}
.paging .active{ font-weight:bold; color:#000;}
.paging a{ margin:0 5px;}
.paging .btnEdge{letter-spacing:-3px;}

.finish{ margin:10px; text-align:center;}

.txtGreen{color:#307cc3;}

/* Á¦Ç°¼Ò°³ */
.goods{ width:100%; float:left; width:100%;}
.goods .name{ float:left;}
.goods .name img{ padding:5px; border:solid 1px #ddd;}
.goods .name .model{ width:160px; font-weight:bold; color:#307cc3; text-align:center; padding:5px;}
.goods .descript{float:right; padding:5px; width:70%;}
.goods .descript .detail{margin-top:10px; text-align:right;}


table.ibm-data-table {
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 20px;
    width: 100%;
}

table.ibm-data-table tbody th, table.ibm-data-table tbody td {
    border-left: 3px solid #FFFFFF;
    border-top: 1px solid #DDDDDD;
    color: #555555;
    padding: 8px 5px 5px 3px;
}
table.ibm-data-table tbody tr:first-child td, table.ibm-data-table tbody tr:first-child th, table.ibm-data-table.ibm-alternating tbody tr:first-child td, table.ibm-data-table.ibm-alternating tbody tr:first-child th {
    border-top: 2px solid #999999;
}
table.ibm-data-table tbody th:first-child, table.ibm-data-table tbody td:first-child {
    padding-left: 3px;
    padding-right: 10px;
}
table.ibm-data-table tbody tr th:first-child, table.ibm-data-table tbody tr td:first-child {
    border-left: 0 none;
}