@charset "utf-8";
/* HUMANUILAB Web Standard 1Team KH 121119 */

html,body{background-color:#fff;}
#container{padding-bottom:50px;}
#content{width:100%; margin:0; padding:0;}
.container_bg_area{position:absolute; top:192px; z-index:1; width:100%; height:77px; border-bottom:1px solid #d4d4d4; *zoom:1;}
.container_bg_area:after {display:block; clear:both; content:"";}
.container_bg_area .bg_lft{float:left; width:50%; height:100%;}
.container_bg_area .bg_rgt{float:right; width:49.9%; height:100%;}

.ad_left{top:0;}
.ad_right{top:0;}



.title_group * {font-family:'Dotum', serif;}
.title_group {position:relative; height:150px; text-align:center; font-size:0;}

.title_group {padding:10px 0 15px; text-align:center;}
.title_group p {display:inline;}
.title_group p a {display:inline-block; width:252px; height:40px; line-height:40px; margin:0 1px 0 0; font-size:14px; font-weight:bold; letter-spacing:-1px; text-decoration:none; color:#fff; background:#A49891; border-radius:0px;}
.title_group p a.on {background:#000000;}
.title_group .greeting1 a {border-top-right-radius:0; border-bottom-right-radius:0;}
.title_group .greeting2 a {border-top-left-radius:0; border-bottom-left-radius:0;}

.greeting_tab {position:absolute; left:0; top:75px; background:#fcfcfc;}
.greeting_tab * {font-size:11px; color:#333; text-decoration:none !important;}
.greeting_tab ul {height:87px; border:1px solid #ccc; overflow:hidden; *zoom:1;}
.greeting_tab ul:after {display:block; clear:both; content:"";}
.greeting_tab li {float:left; position:relative; width:250px; height:43px; border:1px solid #dedede; border-right:0; border-bottom:0;}
.greeting_tab .tab1, .greeting_tab .tab5 {border-left:0;}
.greeting_tab .tab1, .greeting_tab .tab2, .greeting_tab .tab3, .greeting_tab .tab4 {border-top:0;}
.greeting_tab a {display:block; width:250px; height:43px; line-height:43px; text-indent:20px; font-size:12px; text-align:left;}
.greeting_tab .on {position:absolute; left:-1px; top:-1px; padding:1px 1px 1px 1px; font-weight:bold; background:url(../img/brand_tab_bg.png);}
.greeting_tab a:hover .arr,
.greeting_tab .on .arr {position:absolute; display:block; width:6px; height:9px; background:url(../img/icon_arr02.png) no-repeat; font-weight:bold;}
.greeting_tab a:hover .arr {right:20px; top:17px;}
.greeting_tab .on .arr,
.greeting_tab .on:hover .arr {right:21px; top:18px;}
.greeting_tab .line {position:absolute; left:0; top:-1px; display:block; width:100%; height:2px; background:#000000;}

#greeting2.greeting_tab ul {height:43px; border:1px solid #ccc; overflow:hidden; *zoom:1;}
#greeting2.greeting_tab li {float:left; position:relative; width:500px; height:43px; border:1px solid #dedede; border-right:0; border-bottom:0;}
#greeting2.greeting_tab a {display:block; width:500px; height:43px; line-height:43px; text-indent:20px; font-size:12px; text-align:left;}

#greeting3.greeting_tab ul {height:43px; border:1px solid #ccc; overflow:hidden; *zoom:1;}
#greeting3.greeting_tab li {float:left; position:relative; width:1000px; height:43px; border:1px solid #dedede; border-right:0; border-bottom:0;}
#greeting3.greeting_tab a {display:block; width:1000px; height:43px; line-height:43px; text-indent:20px; font-size:12px; text-align:left;}




.greeting_best * {font-family:'Dotum', serif;}
.greeting_best {padding-top:25px;}
.greeting_best .best_title p {line-height:60px; font-size:18px; text-align:center; color:#444; font-weight:bold; border-bottom:1px solid #ccc;}
.greeting_best ul {*zoom: 1;}
.greeting_best ul:after {display:block; clear:both; content:"";}
.greeting_best li {position:relative; margin-top:28px;}

.greeting_best li a {display: block; width: 459px; height: 182px; padding:15px 15px 15px; background:#f5f5f5; border: 0px solid #d4d4d4; text-align: center; text-decoration: none; cursor:pointer; border-radius:0px; overflow:hidden;}
.greeting_best li a .num {position:absolute; left:0; top:0; display:block; width:44px; height:34px; background:url(../img/icon_num.png) no-repeat 0 0; border-top-left-radius:0px;}
.greeting_best li a .num span { display: block; visibility: hidden; width: 37px; height: 40px;}
.greeting_best li a .txt {display:block; width:457px; height: 182px; font-size:12px; color: #000; line-height: 1.6em; overflow-y:auto; cursor:pointer;}
.greeting_best .gb1,
.greeting_best .gb3,
.greeting_best .gb5,
.greeting_best .gb7 {float:left;}
.greeting_best .gb2,
.greeting_best .gb4,
.greeting_best .gb6,
.greeting_best .gb8 {float:right;}
.greeting_best .gb1 .num {background-position:0 0;}
.greeting_best .gb1:hover .num {background-position:0 -34px;}
.greeting_best .gb2 .num {background-position:-45px 0;}
.greeting_best .gb2:hover .num {background-position:-45px -34px;}
.greeting_best .gb3 .num {background-position:-90px 0;}
.greeting_best .gb3:hover .num {background-position:-90px -34px;}
.greeting_best .gb4 .num {background-position:-135px 0;}
.greeting_best .gb4:hover .num {background-position:-135px -34px;}
.greeting_best .gb5 .num {background-position:-180px 0;}
.greeting_best .gb5:hover .num {background-position:-180px -34px;}
.greeting_best .gb6 .num {background-position:-225px 0;}
.greeting_best .gb6:hover .num {background-position:-225px -34px;}
.greeting_best .gb7 .num {background-position:-270px 0;}
.greeting_best .gb7:hover .num {background-position:-270px -34px;}
.greeting_best .gb8 .num {background-position:-315px 0;}
.greeting_best .gb8:hover .num {background-position:-315px -34px;}



.paging_area * {font-family:'Dotum', serif !important; font-size:12px !important;}
.paging_area {position:relative; height:41px; margin-top:30px; text-align:center; border-radius:0px; background:#eee;}
.paging_area .total {position:absolute; left:15px; top:0; line-height:40px; font-size:12px; color:#3c3638;}
.paging_area .total b {font-size:15px; color:#000000;}
.paging2 {padding-top:9px; text-align:center; text-align:center;}
.paging2 {margin:0 1px;}
.paging2 a {display:inline-block; min-width:15px; max-width:auto; height:23px !important; line-height:23px; padding:0 5px; margin:0 1px; vertical-align:top; font-size:11px; text-align:center; color:#555; border-radius:0px; border:0 !important; text-decoration:none !important;}
.paging2 a:hover {background:#fff;}
.paging2 .selected {width:auto !important; color:#fff !important; background:#000000 !important;}
.paging2 a span {display:inline-block; height:7px; margin-top:8px; vertical-align:top; background:url(/_design/m1/img/paging_arr.png) no-repeat -1000px 0;}
.paging2 .fst {width:8px; background-position:-9px -8px;}
.paging2 .prv {width:4px; background-position:-36px -8px;}
.paging2 .nxt {width:4px; background-position:-60px -8px;}
.paging2 .lst {width:8px; background-position:-83px -8px;}