@charset "utf-8";

/************************************************************************
 * file name    : main.css
 * summary      : main
 * date         : 2009.06.24
************************************************************************/

/* layout type */
.wrap {width:985px; height:100%; margin:0 auto; background:#F8F8F2; text-align:left; font-size:small;}
.wrap .layout_gnb {width:985px; height:116px; background:url('/images/nanum/common/gnb.gif') no-repeat 0px 0px; }
.wrap .layout_ty2 {width:985px; padding:0px 0 0px 0}
.wrap .layout_ty2 .layout_ty2_1 {float:left; width:890px;  padding:0px 0 0 0; vertical-align:top;}
.wrap .layout_ty2 .layout_ty2_1 .wrap_layout_ty2_1_1 {}
.wrap .layout_ty2 .layout_ty2_1 .layout_ty2_1_1 {float:left; width:202px;  padding:50px 0 0 0; vertical-align:top;}
.wrap .layout_ty2 .layout_ty2_1 .layout_ty2_1_2 {float:left; width:663px; padding:50px 0 0 25px; vertical-align:top;}
.wrap .layout_ty2 .layout_ty2_1 .layout_ty2_1_3 {width:890px;}
.wrap .layout_ty2 .layout_ty2_2 {float:left; width:84px;  padding:50px 0 0 11px; vertical-align:top;}
.wrap .layout_footer {width:890px; height:80px; margin-top:50px; padding:17px 0 0 0; background:url('/images/nanum/common/footer.gif') repeat-x 0px 0px; vertical-align:top;}
/* layout type end */

/* left */
.bx_ty1_t {padding:0px 0 0 0px; background:url('/images/nanum/main/box_ty1_t.gif') no-repeat 0 top;}
.bx_ty1_m {padding:0px 0 0 0px; background:url('/images/nanum/main/box_ty1_m.gif') repeat-y 0 top;}
.bx_ty1_b {padding:17px 0 14px 15px; background:url('/images/nanum/main/box_ty1_b.gif') no-repeat 0 bottom;}

.login {float:left;}
.li_login_ty1 {margin-top:9px;}
.li_login_ty1 li {display:inline; padding-right:4px;}

.tit_help {display:block; background:url('/images/nanum/main/line_ty1.gif') no-repeat 0 bottom;}
.li_help_ty1 {margin-top:7px; margin-left:9px;}
.li_help_ty1 li {float:left; width:90px; margin-top:5px;}
.li_help_ty2 {margin-top:15px; margin-left:7px;}
.li_help_ty2 li {margin-top:10px;}
/* left end */

/* cont */
h4.ty3 {width:305px; margin-top:5px; padding:0 0 0 5px;}
h4.ty3 span {float:right;}

.top_area {width:660px; height:235px; background:url('/images/nanum/main/img_top.gif') no-repeat 0 0;}
.new {float:left; width:329px; border-right:1px solid #D9D9D7;}
.program {float:left; width:310px; padding:0 0px 0 20px;}

.li_board_ty1 {width:310px; margin-top:10px; font-size:91.667%;}
.li_board_ty1 li {padding:3px 0 0px 8px; background:url('/images/nanum/main/bul_sq_ty1.gif') no-repeat 0 8px; border-bottom:1px solid #DBDBD6;}
.li_board_ty1 li a.link_ty4:link, 
.li_board_ty1 li a.link_ty4:visited, 
.li_board_ty1 li a.link_ty4:active {float:left; color:#63696B; text-decoration:none; font-size:91.667%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.li_board_ty1 li a.link_ty4:hover {float:left; color:#63696B; text-decoration:underline; font-size:91.667%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.li_board_ty1 li span {float:right;}

.li_board_ty2 {width:310px; margin-top:10px; font-size:91.667%;}
.li_board_ty2 li {padding:3px 0 1px 8px; background:url('/images/nanum/main/bul_sq_ty1.gif') no-repeat 0 8px;}
.li_board_ty2 li a.link_ty4:link, 
.li_board_ty2 li a.link_ty4:visited, 
.li_board_ty2 li a.link_ty4:active {float:left; width:290px; color:#63696B; text-decoration:none; font-size:91.667%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.li_board_ty2 li a.link_ty4:hover {float:left; width:290px; color:#63696B; text-decoration:underline; font-size:91.667%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.li_board_ty2 li span {float:right;}

.li_album_ty1 {margin-top:5px;}
.li_album_ty1 td {text-align:center;}
.li_album_ty1 img {display:block; margin:0 0 4px 0; border:1px solid #DCDCDC;}

.li_album_ty1 a.link_ty5:link, 
.li_album_ty1 a.link_ty5:visited, 
.li_album_ty1 a.link_ty5:active {float:left;width:120px;color:#63696B; text-decoration:none; font-size:91.667%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.li_album_ty1 a.link_ty5:hover {float:left;width:120px;color:#63696B; text-decoration:underline; font-size:91.667%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.bx_ty2_t {padding:6px 0 0 0px; background:url('/images/nanum/main/box_ty2_t.gif') no-repeat 0 top;}
.bx_ty2_b {padding:0px 0 6px 9px; background:url('/images/nanum/main/box_ty2_b.gif') no-repeat 0 bottom; font-size:91.667%;}
.bx_ty2_b p {padding:0px 0 3px 0px; font-size:91.667%;}
.bx_ty2_b span {padding:0px 0 0px 0px; font-size:91.667%; color:#F35839;}
.bx_ty3_t {padding:20px 0 0 0px; background:url('/images/nanum/main/box_ty3_t.gif') no-repeat 0 top;}
.bx_ty3_b {padding:0px 0 20px 0px; background:url('/images/nanum/main/box_ty3_b.gif') no-repeat 0 bottom;}
.welfare_service {float:left;}
.welfare_service li {float:left;}
.bx_ty4_t {float:left; width:420px; padding:20px 12px 0 0px; background:url('/images/nanum/main/box_ty4_t.gif') no-repeat 0 top;}
.bx_ty4_b {padding:0px 0 20px 0px; background:url('/images/nanum/main/box_ty4_b.gif') no-repeat 0 bottom;}
.bx_ty5_t {float:left; width:458px; padding:16px 0 0 0px; background:url('/images/nanum/main/box_ty5_t.gif') no-repeat 0 top;}
.bx_ty5_b {padding:0px 0 20px 0px; background:url('/images/nanum/main/box_ty5_b.gif') no-repeat 0 bottom;}

.bar_ty1_t {padding:6px 0 0 0px; background:url('/images/nanum/main/bar_ty1_t.gif') no-repeat 0 top;}
.bar_ty1_b {padding:0px 0 5px 5px; background:url('/images/nanum/main/bar_ty1_b.gif') no-repeat 0 bottom;}
/* cont end */

ul.ty3 {width:305px; margin-top:0; padding:1px 0 0 5px;}
ul.ty3 li {float:left;}
.more {float:right;padding:5px 0 0 130px;}

.li_board_ty3 {width:310px; *margin-top:3px;padding-top:4px; font-size:91.667%;}
.li_board_ty3 li {padding:3px 0 0px 8px; background:url('/images/nanum/main/bul_sq_ty1.gif') no-repeat 0 8px; border-bottom:1px solid #DBDBD6;}
.li_board_ty3 li a.link_ty4:link, 
.li_board_ty3 li a.link_ty4:visited, 
.li_board_ty3 li a.link_ty4:active {float:left; width:230px;color:#63696B; text-decoration:none; font-size:91.667%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.li_board_ty3 li a.link_ty4:hover {float:left; width:230px;color:#63696B; text-decoration:underline; font-size:91.667%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.li_board_ty3 li span {float:right;}

/*footer banner*/
#fbanner_one{position:relative;width:890px;height:38px;overflow:hidden;}
#fbanner_two{position:absolute;left:0px;bottom:0px;width:900px;height:38px;} 
#slidegroup_one{position:absolute;left:0px;bottom:1px;}
#slidegroup_two{position:absolute;left:-1000px;bottom:1px;}
#blowup{position:absolute;left:0px;bottom:0px;visibility:hidden;}
.slidegroup_oneclass{position:absolute;left:0px;bottom:1px;}

/*20100525-add lyk- main banner scroll*/
#footbanner{width:890px; height:31px; background: url("/images/nanum/main/box_ty3_t.gif") no-repeat scroll 0 top transparent; padding:10px 0 0 0; margin:10px 0 0 0; clear:both; overflow:hidden }
#fbanner{background: url("/images/nanum/main/box_ty3_b.gif") no-repeat scroll 0 bottom transparent;  padding:1px 0 14px; height:20px;}
#fbanner .footText{float:left; width:130px;  display:inline; padding:0px 0 0 0px;} 
#fbanner .footText h2{width:65px; margin:5px 0 0 20px;float:left; display:inline; }
#fbanner .footText span{width:40px; float:right; display:inline; padding-top:5px}

#fbanner #fbanner_inBox{float:left; width:730px; margin:0 auto; overflow:hidden; position:relative; height:25px; margin-top:-5px; left:45px} 
#fbanner #fbanner_two{width:; position:absolute; left:0px; padding:-3px}

 *:first-child+html #fbanner{padding-top:0px}
 *:first-child+html #fbanner .footText {left:0px; top:-1px; } /*ie 7 hack*/ 
 *:first-child+html #fbanner #fbanner_inBox{left:0px}

* html #fbanner .footText h2{margin:2px 0 0 20px;} /*ie 6 hack*/
* html #fbanner .footText span {padding-top:2px}  /*ie 6 hack*/
* html #fbanner #fbanner_inBox{left:0px}