@charset "EUC-KR";

@import url(layout.css);
@import url(common.css);
@import url(board.css);


/* ·¹À̾ŸÀÏ */
.quickBackWar { position: absolute; top: 0; left: 0; z-index: 100; width: 100%; height: 100%; text-align: center; display: none; }
.quickBackWar1 { position: absolute; top: 0; left: 0; z-index: 100; width: 100%; height: 100%; text-align: center; }
.quickBack { position: absolute; left: 0; top: 0; z-index: 101; width: 100%; height: 100%; background: #000; filter:Alpha(opacity=70,finishopacity=50); }


/* ³»°Ô¸Â´Âº¸Çèã±â */
.searchWar { position: relative; top: 75px; margin: 0 auto 30px; width: 915px; height: 410px; z-index: 102; }
.searchProduct { position: absolute; top: 140px; left: 30px; width: 350px; }
.searchProduct dd { height: 260px; background: url(../../images/main/search_sbox1.gif) 0 0 no-repeat; }

.searchProduct .listWar { float: left; text-align: left; width: 93px; font-size: 11px; margin-left: 20px; _margin-left: 7px; margin-top: 85px;}
.searchProduct .listWar .check { color: #219EDF; }

*+html .searchProduct .listWar { width:95px !important; margin-left: 17px !important;}

.searchProduct .warlist1 { _width: 100px;}
.searchProduct .warlist2 { _width: 105px; _margin-left:15px !important;}
*+html .searchProduct .warlist1 { width: 93px;}
*+html .searchProduct .warlist2 { width: 93px;}


.searchProduct .searchBtn { text-align: center; padding-top: 10px; }

.searchResult { position: absolute; top: 140px; left: 403px; width: 483px; }
.searchResult dd { height: 240px; padding: 10px; background: url(../../images/main/search_sbox2.gif) 0 0 no-repeat; }
.searchResult .warlist3 { overflow: auto; width: 463px; height: 210px; }
.searchResult .warlist3 ul { width: 446px;}
.searchResult dd dd { height: auto; padding: 0; background: none; }
.searchResult dd.first { height: auto; padding: 0; background: none; }
.searchResult dd.ing { position: absolute; left: 50%; top: 120px; margin-left: -201px; width: 402px; height: 186px; padding: 0; background: none; }
.searchResult .searchBtn { text-align: right; padding-top: 10px; }

.searchResult .productTbl { text-align:left; }
.searchResult .productTbl dt { width:446px; padding: 8px 0; _padding-bottom: 0; border-bottom: 2px solid #BECADF; border-top: 2px solid #BECADF;}
.searchResult .productTbl li { padding: 5px; border-bottom: 1px solid #BECADF; }
.searchResult .productTbl li:hover { background: #EBEBEB; }

.searchResult .productTbl1 { width: 100%; }
.searchResult .productTbl1 th { text-align: center; _padding-bottom: 8px; _border-bottom: 2px solid #BECADF; }

.searchResult .productTbl2 { width: 100%; }
.searchResult .productTbl2 th,
.searchResult .productTbl2 td { text-align:left; }
.searchResult .productTbl2 th { font-size: 11px; color: #007CC2; font-weight: bold; padding: 0 5px; }
.searchResult .productTbl2 td { font-size: 11px; }
.searchResult .productTbl2 td.alignC { text-align: center; }
.searchResult .productTbl2 td a { font-size: 11px; color: #666666; }
.searchResult .productTbl2 td dd { text-align: left; padding-left: 8px; background: url(../../images/product/main/icon_1.gif) 0 5px no-repeat; }

.searchResult .searchBox { position: relative; }
.searchResult .searchFir { position: absolute; top: -27px; left: 140px; _left: -100px; font-size: 11px; color: #FFFFFF; padding-left: 10px; background: url(../../images/product/main/icon_2.gif) 0 3px no-repeat; }
*+html .searchResult .searchFir { position: absolute; top: -27px; left: 140px;}
.searchResult .searchTot { position: absolute; top: -26px; right: 10px; }


/* ºü¸¥¸Þ´ºÃ£±â */
.sitemapWar { position: relative; top: 75px; margin: 0 auto 30px; width: 915px; z-index: 102; }
.sitemapUl { position: absolute; top: 140px; left: 30px; overflow: hidden; zoom:1; }
.sitemapUl li { float: left; text-align: left; width: 165px; margin-right: 8px; }
.sitemapUl dt {}
.sitemapUl dd { height: 300px; padding: 20px 0 0 12px; background: url(../../images/main/sitemap_box2.gif) 0 0 no-repeat; }
.sitemapUl dd dl { }
.sitemapUl dd dt { padding: 0 0 5px 10px; margin-top: 2px; background: url(../../images/main/sitemap_icon1.gif) 0 4px no-repeat;}
.sitemapUl dd dd { height: auto; padding: 0 0 3px 18px; background: url(../../images/main/sitemap_icon2.gif) 10px 5px no-repeat; }
.sitemapClose { position: absolute; top: 505px; right: 30px; }


/* À妽º ¸ÞÀÎ */
.mainVisual { margin-top: 15px; }

.mainUl { clear: both; }
.mainUl li { float: left; width: 212px; height: 245px; margin: 15px 0 0 15px; }
.mainUl .first { margin-left: 0; }
.mainUl .recom { width: 439px; }

.recomWar { width: 439px; height: 245px; background: url(../../images/main/recomWar.jpg) 0 0 no-repeat; }
/*Àüü*/
.recomWar li { float: left; height: auto; width: 200px; margin: 15px 0 0 14px;}
/*IE6*/
.recomWar li {_margin-left: 8px;}
/*IE7*/
*+html .recomWar li {margin-left: 14px;}

.recomWar dl { position: relative; margin: 0 auto; }
.recomWar .pic { text-align: center; margin: 10px 0; }
.recomWar .pic2 { text-align: center; margin: 10px 0; }
.recomWar .pic2 img { border: 1px solid #BECADF; }
.recomWar .go { float: right; }

.recomWar #btn_rollSet_prev { position: absolute; top: 95px; left: -25px; cursor:pointer; }
.recomWar #btn_rollSet_next { position: absolute; top: 95px; right: -25px; cursor:pointer; }

.recomWar .recom1 { width: 180px; }
.recomWar .recom1 .pic img { width: 180px; height: 125px; }
.recomWar .recom2 { width: 140px; }
.recomWar .recom2 .pic img { width: 140px; height: 155px; }

.centerBox { }
.notice { width: 212px; height: 82px; vertical-align: top; background: url(../../images/main/center_box2.gif) left repeat-y; }
.noticeWar { padding: 10px; }
.noticeWar dl { width: 180px; position: relative; margin: 0 auto; }
.noticeWar dt { margin-bottom: 5px; }
.noticeWar dd { padding-left: 10px; background: url(../../images/main/list_dot.gif) 0 5px no-repeat; }
.noticeWar .go { float: right; padding-left: 0; background: none; }
.noticeWar a { color: #666666; }

/* »óÇ°¼Ò°³ ¸ÞÀÎ */
.productBox { float: left; }
.productBox .h3Title { margin-bottom: 5px; }
.productBox .h4Title { text-align: center; margin-bottom: 5px; }
.productBox .btn { text-align: center; padding-top: 10px; }

.productBox .searchBox { position: relative; }
.productBox .searchFir { position: absolute; top: -27px; left: 140px; font-size: 11px; color: #FFFFFF; padding-left: 10px; background: url(../../images/product/main/icon_2.gif) 0 3px no-repeat; }
.productBox .searchTot { position: absolute; top: -26px; right: 10px; }

.productBox .listWar { font-size: 11px; }
.productBox .listWar .check { color: #219EDF; }

.productBox .warlist1 { width: 178px; padding-left: 3px; }
.productBox .warlist2 { width: 178px; padding-left: 3px; }
.productBox .warlist3 { overflow: auto; width: 400px; height: 200px; }

.product1 { width: 196px; margin-right: 15px; }
.product1 .listBox { width: 196px; height: 102px; padding: 8px 0; background: url(../../images/product/main/listbox_1.gif) 0 0 no-repeat; }

.product2 { width: 422px; }
.product2 .boxT5 { padding: 10px; }

.productBox .productTbl { border-top: 2px solid #BECADF; }
.productBox .productTbl dt { padding: 8px 0; _padding-bottom: 0; border-bottom: 2px solid #BECADF; }
.productBox .productTbl li { padding: 5px; border-bottom: 1px solid #BECADF; }
.productBox .productTbl li:hover { background: #EBEBEB; }

.productBox .productTbl1 { width: 95%; _width: 100%; }
.productBox .productTbl1 th { _padding-bottom: 8px; _border-bottom: 2px solid #BECADF; }

.productBox .productTbl2 { width: 95%; }
.productBox .productTbl2 th,
.productBox .productTbl2 td { text-align:left; }
.productBox .productTbl2 th { font-size: 11px; color: #007CC2; font-weight: bold; padding: 0 5px; }
.productBox .productTbl2 td { font-size: 11px; }
.productBox .productTbl2 td a { font-size: 11px; color: #666666; }
.productBox .productTbl2 td dd { padding-left: 8px; background: url(../../images/product/main/icon_1.gif) 0 5px no-repeat; }

/* »óÇ°¼Ò°³ > º¸Çè»óÇ°  ¸ÞÀÎ */
.productUl { clear: both; }
.productUl li { float: left; width: 201px; height: 155px; margin: 15px 0 0 15px; }
.productUl .first { margin-left: 0; }
.productUl .Tfirst { margin-top: 0; }

/* AGENT¼Ò°³ ¸ÞÀÎ*/
.agentUl { clear: both; }
.agentUl li { float: left; margin: 0 0 15px 15px; }
.agentUl .first { margin-left: 0; width: 195px; }
.agentUl .first .boxT5 { height: 224px; }


/* METLIFE¼Ò°³ ¸ÞÀÎ*/
.metlifeUl { clear: both; }
.metlifeUl li { float: left; width: 309px; margin: 0 0 15px 15px; }
.metlifeUl .first { margin-left: 0; }
.metlifeUl .boxT2 { height: 302px; padding: 15px; width: 279px;}
.metlifeUl .title { border-bottom: 1px solid #BECADF; padding-bottom: 5px; margin-bottom: 10px; }
.metlifeUl .go { float: right; }
.metlifeUl dt { padding-left: 10px; margin-bottom: 5px; background: url(../../images/product/main/icon_1.gif) 0 5px no-repeat; }
.metlifeUl dt a { color: #219EDF; font-weight: bold; }
.metlifeUl dd { margin-bottom: 10px; padding-left: 10px; }


/* AGENT¼Ò°³ ¸ÞÀÎ*/
.serviceUl { clear: both; }
.serviceUl li { float: left; width: 309px; margin: 0 0 15px 15px; }
.serviceUl .first { margin-left: 0; }