@charset "utf-8";
/*
셋팅전 : CSS에 적용된 이미지를 개별적으로 사용할 경우 경로는  /skin/A/01/kr/image/
셋팅후 : CSS에 적용된 이미지를 개별적으로 사용할 경우 경로는  /user/kr/image/

< Used Hack >
IE6 & Below
property:value; _property:value;
IE7 Only
*:first-child+html #selector
IE7 & IE6 & Below
*:first-child+html #selector,
* html #selector {}
*/

/* -----------------------------
| Layout Selector
|-------------------------------
|
*/

#wrap {position:relative;}

/* Header */
#header {position:relative;}
#header .logo {float:left; overflow:hidden; cursor:pointer;}

#header .gnb {color:#444; position:relative; z-index:999; *zoom:1;}
#header .gnb .direct {float:right; margin-top:13px; margin-right:15px; z-index:2; position:relative; *zoom:1;}
#header .gnb .direct li {float:left; padding:0 .1em; height:22px; vertical-align:bottom;}
#header .gnb .direct li a {font-size:12px; color:#666;}
#header .gnb .direct .langBtn {border:1px solid #999; padding:2px; width:60px; font-size:11px; background:#eee; top:-3px; position:absolute; cursor:pointer; overflow:hidden;}
#header .gnb .direct .lang {border-top:1px solid #999; margin-top:3px; background:#fff; font-size:11px; overflow:hidden; display:none; position:relative;}
#header .gnb .direct .lang p {padding:3px 0 0 3px;}
#header .gnb .top_menu { height:33px; font-weight:bold; text-align:center; overflow:hidden; position:relative;}
#header .lnb .top_menu ul {margin:0; padding:0;}
#header .gnb .top_menu li {float:left;}
#header .gnb .top_menu .tab {height:33px; cursor:pointer; background:url(/skin/A/01/kr/image/menu/bg_top_blue.gif) repeat-x; overflow:hidden;}
#header .gnb .top_menu p {padding:9px 0; color:#ffffcc;}
#header .gnb .top_menu .on {height:33px; font-weight:bold; text-align:center; background:url(/skin/A/01/kr/image/menu/bg_top_black.png) repeat-x; overflow:hidden;}
#header .gnb .top_menu .on p {padding:9px 0; color:#fff;}
#header .gnb .top_menu .tab div {color:#fff; text-align:center; overflow:hidden;}
#header .gnb .top_menu .on div {color:#fff; overflow:hidden;}
#header .gnb .top_menu .tabStart {height:33px; overflow:hidden;}
#header .gnb .top_menu .tabEnd {height:33px; overflow:hidden;}

/* Container */
#container {}
#container .snb {float:left; position:relative;}

#content {float:left;}
#content .section {overflow:hidden;}
#content .section {float:left; overflow:hidden;}
#content .side {float:right;}

/* sub_container */
#sub_container .snb {float:left; position:relative;}
#sub_container .subMenu_Header h3 {padding:5px; font-weight:bold; font-size:12px; border-bottom:2px solid #b20f15; position:relative;}
#sub_container .sub_Header {margin:20px 0px 0px 0px; background:url(/skin/A/01/kr/image/background/bg_h3.gif) repeat-x left bottom; overflow:hidden;}
#sub_container .sub_Header .sub_HeaderBorder {width:100%;}
#sub_container .sub_Header h3 {float:left; padding:5px 15px 10px 15px; font-weight:bold; font-size:15px; background:url(/skin/A/01/kr/image/background/line_h3.gif) no-repeat right bottom; border-bottom:3px solid #990000; color:#333;}
#sub_container .sub_map {color:#666; text-align:right;}

#sub_content {float:right; width:100%; min-height:400px; _height:400px; position:relative;}
#sub_content .section {overflow:hidden;}
#sub_content .section .module {color:#666; line-height:18px; font:normal; word-break:break-all;}

/* Footer */
#footer {padding:5px; position:absolute; top:0px;}
#footer .link {font-size:12px; font-weight:bold; color:#666; padding:10px 0; text-align:right;}
#footer .address {font-size:12px; color:#666; line-height:18px;}
#footer address {font:9px Verdana; padding-top:.5em;}
#footer address a {font:bold 11px Tahoma; color:#990000;}

/* -----------------------------
| Class Selector
|-------------------------------
|
*/
.id {background:#eee url(/skin/A/01/kr/image/background/bg_login_id.gif) no-repeat;}
.pw {background:#eee url(/skin/A/01/kr/image/background/bg_login_pw.gif) no-repeat;}

/* Recent - public */
.recent {float:left; padding-left:10px; position:relative;}
.recent .recent_Header {border:1px solid #d2d2d2; background:url(/skin/A/01/kr/image/background/bg_h3.gif) repeat-x left bottom; overflow:hidden;}
.recent .recent_Header .recent_HeaderBorder {width:100%; text-align:right;}
.recent .recent_Header .recent_HeaderBorder p {padding:5px 5px 0 0; color:#999;}
.recent .recent_Header .recent_HeaderBorder a {color:#999;}
.recent .recent_Header h3 {float:left; padding:5px 10px; font-weight:bold; font-size:12px; background:url(/skin/A/01/kr/image/line_h3.gif) no-repeat right bottom; border-bottom:3px solid #b20f15; color:#b20f15;}
.recentBody {margin-top:3px;}
.recentBody ul {margin:0; padding:0;}
.recentBody ul li {margin:0; padding:0;}
.recentBody .boardTitle {height:20px; padding-left:5px; overflow:hidden; white-space:nowrap;}
.recentBody .boardTitle .date {font:.9em Tahoma; color:#999; text-align:center; padding:0 2px;}
.recentBody .boardTitle .title a {color:#444; text-decoration:none;}
.recentBody .boardTitle .title a:hover {text-decoration:underline;}
.recentBody .boardTitle .icon {vertical-align:middle;}
.recentBody .img_list {overflow:hidden;}
.recentBody .img_list dt {font-size:14px;}
.recentBody .img_list dd {line-height:15px; text-align:justify;}
.recentBody .img_list dd.photo {display:inline; float:left; margin:-16px 5px 0 0; color:#fff; text-align:center;}
.recentBody .img_list .date {font:.9em Tahoma; color:#999;}
.recentBody .img_list .icon {vertical-align:middle;}
.recentBody .headLine {float:left;}
.recentBody .thumbNail {margin-bottom:.3em; border:2px solid #d2d2d2; margin-left:auto; margin-right:auto;}
.recentBody .thumbNail_on {margin-bottom:.3em; border:2px solid #b20f15; margin-left:auto; margin-right:auto;}

/* Recent - tab */
.tab_recent {overflow:hidden;}
.tab_recent img {vertical-align:middle;}
.tab_recent .tab_box {width:100%; border-bottom:1px solid #d2d2d2; height:27px; text-align:center; background:url(/user/kr/image/background/recent_bg.gif) repeat-x;}
.tab_recent .tab {position:relative; top:1px; border:1px solid #d2d2d2; margin-right:1px; float:left; cursor:pointer;  background:#fff; height:25px;}
.tab_recent .on {position:relative; top:1px; border:1px solid #d2d2d2; border-bottom:1px solid #fff; margin-right:1px; float:left; cursor:pointer;  background:#fff; height:25px;}
.tab_recent .tab div {float:left; height:17px; border-bottom:3px solid #d2d2d2; padding:5px 8px 0 8px; color:#999;}
.tab_recent .tab div a {color:#666;}
.tab_recent .on div {float:left; height:17px; border-bottom:3px solid #fff; padding:5px 8px 0 8px; color:#b20f15;}
.tab_recent .on div a {color:#cc0000; text-decoration:none;}
.tab_recent .tab_body {position:relative; top:-1px;_top:0px; border:1px solid #d2d2d2; padding:3px 5px; border-top:none; background:#fff; overflow:hidden;}
html>/**/body .tab_recent .tab_body {top:-2px;}
.tab_recent .more {position:absolute; cursor:pointer;_cursor:hand; color:#999;}

/* Recent - gallary */
.thumb {margin:auto; overflow:hidden;}
.thumb .cell {position:relative; float:left; overflow:hidden;}
.thumb .cell .thumbNail {margin-bottom:.3em; border:2px solid #d2d2d2; margin-left:auto; margin-right:auto;}
.thumb .cell .thumbNail_on {margin-bottom:.3em; border:2px solid #b20f15; margin-left:auto; margin-right:auto;}
.thumb .cell .icon {position:absolute; top:1px; left:4px;}
.thumb .cell .icon * {vertical-align:middle;}
.thumb .cell .title {margin-bottom:.5em; font-weight:bold; overflow:hidden; white-space:nowrap; text-align:center;}
.thumb .cell .title a {color:#444; text-decoration:none; overflow:hidden;}
.thumb .cell .title a:visited {color:#777; text-decoration:none; overflow:hidden;}
.thumb .cell .title img {vertical-align:middle; margin:0 1px;}
.thumb .cell .nameAndDate {font-size:.9em; font-weight:normal; color:#999; text-align:center; overflow:hidden;}
.thumb .cell .nameAndDate .date {font:.9em Tahoma; color:#999999; text-align:center; margin:.2em 0;}
.thumb .cell .nameAndDate .author {text-align:center;}
.thumb .cell .nameAndDate .author .replyCount {margin-left:.2em; font:bold .9em Tahoma; color:#b20f15; text-align:center;}

/* Rounding Box */
.roundBox {padding:2px; margin:5px; border:2px solid #ccc;}
.roundBox .box_guide {position:relative;width:100%;}
.roundBox .box_tl {position:absolute;top:-4px;left:-4px;display:block;width:9px;height:9px;background:url(/skin/A/01/kr/image/background/bg_rndbox.gif) no-repeat;font-size:0}
.roundBox .box_tr {position:absolute;top:-4px;left:-5px;margin-left:100%;display:block;width:9px;height:9px;background:url(/skin/A/01/kr/image/background/bg_rndbox.gif) right top no-repeat;font-size:0}
.roundBox .box_bl {position:absolute;top:-5px;left:-4px;display:block;width:9px;height:9px;background:url(/skin/A/01/kr/image/background/bg_rndbox.gif) left bottom no-repeat;font-size:0}
.roundBox .box_br {position:absolute;top:-5px;left:-5px;margin-left:100%;display:block;width:9px;height:9px;background:url(/skin/A/01/kr/image/background/bg_rndbox.gif) right bottom no-repeat;font-size:0}
.roundBox .box_contents {padding:5px; border:1px solid #ededed}
/* Rounding Box : sub_left_menu */
.roundBox .header {height:20px; color:#fff; text-align:center; background:url(/skin/A/01/kr/image/title/bg_menu_black.png) repeat-x;}
.roundBox h3 {padding:.3em 0; text-align:center; font-size:12px; font-weight:bold;}
.roundBox fieldset {border:1px solid #fff;}
.roundBox .menu {border:1px solid #d2d2d2; overflow:hidden; padding:.5em; color:#333; cursor:pointer;_cursor:hand;}
.roundBox .sub {border:1px solid #eee; overflow:hidden; padding:.3em; color:#666; cursor:pointer;_cursor:hand; background:#eee;}
.roundBox .active {background:#eee; color:#b20f15;}
.roundBox .this {color:#b20f15; background:#eee; font-weight:bold;}

/* Link */
a:link ,a:visited ,a:active {font-size:12px; color:#000;text-decoration:none; letter-spacing:0px;}
a:hover {font-size:12px; color:#b20f15; text-decoration:none;}
a.actwhite:link ,a.actwhite:visited ,a.actwhite:active {font-size:12px; color:#ffffcc;text-decoration:none;}
a.actwhite:hover {font-size:12px; color:#99ccff; text-decoration:none;}
a.act:link ,a.act:visited ,a.act:active {font-size:12px; color:#b20f15;text-decoration:none;}
a.act:hover {font-size:12px; color:#000; text-decoration:none;}
a.actSmallGray:link ,a.actSmallGray:visited ,a.actSmallGray:active {font-size:11px; color:#666;text-decoration:none;}
a.actSmallGray:hover {font-size:11px; color:#b20f15; text-decoration:none;}

/* Anchor Button */
a.button,
a.button span { position:relative; display:inline-block; text-decoration:none !important; background:url("/image/button/buttonWhite.gif") no-repeat; cursor:pointer; white-space:nowrap; vertical-align:middle; *vertical-align:top;}
a.button { padding:0; background-position:left top; overflow:visible;}
a.button span { left:2px; padding:6px 10px 5px 8px; color:#000; font:12px/12px Sans-serif; background-position:right top;}
/* Large Size */
a.button.large { background-position:left -30px; }
a.button.large span { padding:7px 10px 6px 8px; font:16px/16px Sans-serif; background-position:right -30px;}
/* xLarge Size */
a.button.xLarge { background-position:left -65px; }
a.button.xLarge span { padding:8px 10px 7px 8px; font:20px/20px Sans-serif; background-position:right -65px;}
/* Small Size */
a.button.small { background-position:left -107px; }
a.button.small span { padding:4px 6px 3px 4px; font:11px/11px Sans-serif; background-position:right -107px;}

/* Control Button + Submit Button */
span.button,
span.button button,
span.button input { position:relative; margin:0; display:inline-block; border:0; font:12px Sans-serif; white-space:nowrap; background:url("/image/button/buttonWhite.gif") no-repeat; vertical-align:middle;}
span.button { padding:0; background-position:left top;}
span.button button,
span.button input { height:23px; left:2px; *top:-1px; _top:0; padding:0 10px 0 8px; line-height:24px; background-position:right top; cursor:pointer; *overflow:visible;}
/* Large Size */
span.button.large { background-position:left -30px;}
span.button.large button,
span.button.large input { height:30px; *top:0; _top:-1px; padding:0 10px 0 8px; font:16px/30px Sans-serif; background-position:right -30px;}
/* xLarge Size */
span.button.xLarge { background-position:left -65px;}
span.button.xLarge button,
span.button.xLarge input { height:35px; padding:0 10px 0 8px; font:20px/36px Sans-serif; background-position:right -65px;}
/* Small Size */
span.button.small { background-position:left -107px;}
span.button.small button,
span.button.small input { height:18px; *top:0; _top:-1px; padding:0 6px 0 4px; font:11px/18px Sans-serif; background-position:right -107px;}

/* Strong Button */
a.button.strong *,
span.button.strong * { font-weight:bold !important;}

/* Icon Add */
a.button .icon { position:relative; border:0; vertical-align:middle;}
span.button .icon { position:relative; left:10px; margin-right:8px; vertical-align:middle;}

/* Color Preset */
a.button.bgreen,
a.button.bgreen span,
span.button.bgreen,
span.button.bgreen button,
span.button.bgreen input { background-image:url("/image/button/buttonGreen.gif"); color:#fff;}
a.button.bblack,
a.button.bblack span,
span.button.bblack,
span.button.bblack button,
span.button.bblack input { background-image:url("/image/button/buttonBlack.gif"); color:#fff;}
a.button.bred,
a.button.bred span,
span.button.bred,
span.button.bred button,
span.button.bred input { background-image:url("/image/button/buttonRed.gif"); color:#fff;}
a.button.bblue,
a.button.bblue span,
span.button.bblue,
span.button.bblue button,
span.button.bblue input { background-image:url("/image/button/buttonBlue.gif"); color:#fff;}

/* sitemap */
.sitemap {width:700px; margin:auto;}
.sitemap .cell {min-height:220px; _height:220px; position:relative; float:left; padding:10px;}
.sitemap .depth2 {border-top:1px solid #fff; padding:5px; background:#eee;}
.sitemap .depth3 {border-top:1px dashed #d2d2d2; padding:2px 0; overflow:hidden;}
.sitemap .depth3_first {border-top:0px; padding:2px 0; overflow:hidden;}
.sitemap .depth3 span {color:#d2d2d2;}

/* 배너모듈 */
.banner {overflow:hidden; position:relative; border:5px #efefef solid;}
.banner .thumbNail {margin:auto;}

/* 글자색 */
.list {color:#666; line-height:21px; font:normal; word-break:break-all;}
.list2 {font-size:11px; color:#666; line-height:15px; font:normal; word-break:break-all;}

/* board list style */
.board_table{border-top:2px solid #b46059; border-bottom:1px solid #d4d4d4; font:12px Dotum; color:#666666; text-align:center;}
.board_tit_line{background:url('/image/sub/board_tit_line.gif') no-repeat right bottom;}

.newsletter_box{background:url('/image/sub/newsletter_bg.gif') repeat-y left top; width:100%;}
.newsletter_bottom{background:url('/image/sub/newsletter_bottom.gif') no-repeat left bottom; padding-bottom:20px; width:100%;}

.td_style{padding:7px 0; line-height:19px;}
.td_style2{padding:7px 10px; line-height:19px; color:#666666; border-left:1px solid #dddddd; text-align:left;}
.td_style3{color:#444444; border-left:1px solid #dddddd; text-align:center}
.td_style4{padding:7px 10px; line-height:18px; color:#444444; font-weight:bold; border-left:1px solid #dddddd; text-align:center;}
.td_style5{padding:7px 10px; line-height:18px; color:#666666; border-left:1px solid #dddddd; text-align:center;}
.td_style6{padding:5px 7px; line-height:18px; color:#333333; font-weight:bold; border-left:1px solid #dddddd; text-align:center;}
.td_style7{padding:5px 7px; line-height:18px; color:#666666; border-left:1px solid #dddddd; text-align:center;}
.td_style8{padding:5px 7px; line-height:18px; color:#666666; border-left:1px solid #dddddd; text-align:left;}
.m_td_style1{height:17px; font:11px dotum; color:#9a9a9a; letter-spacing:-1px;}
.m_td_style2{height:17px; font:9px Verdana; color:#9a9a9a; letter-spacing:-1px;}
.td_title{padding:0 5px;}
.img_box a{padding:4px; border:1px solid #d4d4d4; display:block;}/* Login */
#login_box {width:160px; margin:auto;}
#login_box h3 {border-bottom:2px dotted #e1e1e1; padding-bottom:.3em; padding-right:5px; font-size:12px; font-weight:bold; text-align:left;}
#login_box h3 .keeping {margin-left:10px; font-weight:normal;}
#login_box dl {float:left; margin-top:3px;}
#login_box dt {display:none;}
#login_box dd {padding:0 0 1px 0;}
#login_box p {float:left; padding:5px 0 0 5px;}
#login_box .btn {float:left; padding:4px; color:#666; font-size:11px; letter-spacing:-1px; white-space:nowrap;}
#login_box .regist {font-weight:bold;}
#login_box .btn a {font-size:11px; color:#666; letter-spacing:-1px; white-space:nowrap;}
#login_box .btn a:visited {font-size:11px; color:#666; letter-spacing:-1px; white-space:nowrap;}
#login_box .btn a:hover {font-size:11px;}

#login_after {width:160px; margin:auto;}
#login_after h3 {border-bottom:2px dotted #e1e1e1; padding-bottom:.3em; padding-right:5px; font-size:12px; font-weight:bold; text-align:left;}
#login_after .info {padding-top:5px;}
#login_after .info p {padding:5px; text-align:center;}
#login_after .info span {font-size:11px; color:#666;}
#login_after .info .point {font-size:11px; color:#666; white-space:nowrap;}
#login_after .btn {float:left; padding:5px; color:#666; font-size:11px; letter-spacing:-1px; white-space:nowrap; background:#eee;}
#login_after .out {font-weight:bold;}
#login_after .btn a {font-size:11px; color:#666; letter-spacing:-1px; white-space:nowrap;}
#login_after .btn a:visited {font-size:11px; color:#666; letter-spacing:-1px; white-space:nowrap;}
#login_after .btn a:hover {font-size:11px;}

#login_wrap{padding-top:3em; text-align:center; margin:auto;}
#login_container {width:500px; margin:auto;}
#login_container .loginBox {float:left; width:230px; padding-left:5px;}
#login_container .loginBox label {padding-left:3px; font-size:11px;}
#login_container .loginBox ul {padding-top:5px;}
#login_container .loginBox li {padding:1px 0;}
#login_container .banner {float:left; border-right:1px dashed #999;}
#login_footer {border:1px dotted #999; padding:.5em; position:relative;}
#login_footer {margin-top:3px;}
#login_footer li {list-style:circle inside; padding-left:5px; font-size:11px; line-height:130%;}
#login_footer li.accent {color:#3366ff}

#login_wrap02 {background:url(/user/kr/image/background/loginbox02_bg.gif) no-repeat;} /* 205 x 130 */
#login_wrap02 .btn2 {float:left; padding:5px 0; white-space:nowrap;}

/* Registration */
#regist_wrap {text-align:center;}
#regist_wrap .event {padding:2px; background:#eee; text-align:center;}
#regist_wrap .event img {vertical-align:middle;}
#regist_wrap .regist_container {width:650px; margin:auto;}
#regist_wrap .regist_container .title01 {float:left; width:180px; padding-left:10px;}
#regist_wrap .regist_container .title01 p {font-weight:bold; color:#990000; padding-top:8px;}
#regist_wrap .regist_container .title02 {float:left; width:180px; padding-left:10px;}
#regist_wrap .regist_container .title02 p {font-weight:bold; color:#444; padding-top:19px; line-height:150%;}
#regist_wrap .regist_container .title02 span {font-weight:bold; color:#990000;}
#regist_wrap .regist_container .form {float:left; width:280px; padding-top:7px;}
#regist_wrap .regist_container .btn {float:left; padding:5px 0 0 10px;}
*:first-child+html #regist_wrap .regist_container .btn {padding-top:10px;}
#regist_wrap .regist_container .btn label {padding-left:3px; font-size:11px;}
#regist_wrap .regist_container .btn li {margin-top:3px;}
#regist_wrap .regist_info {line-height:140%;}
#regist_wrap .table_regist {width:100%; text-align:left; border-top:1px solid #dcdcdc;}
#regist_wrap .table_regist thead th {padding:3px; color:#000; font-weight:bold; background:#d2d2d2;}
#regist_wrap .table_regist th {color:#000; font-weight:normal; background:#eee;}
#regist_wrap .table_regist td {padding:2px; color:#999;}
#regist_wrap .table_regist span {margin:0 2px;}
#regist_wrap .agreement h4 { font-size:11px; font-weight:normal; color:#666; }

/* Search id or password */
#find_wrap {padding:2em 0; text-align:center;}
#find_wrap .find_container {margin:auto;}
#find_wrap .find_container .cell {float:left; width:320px; text-align:center;}
#find_wrap .find_container .cell p {padding-left:40px;}
#find_wrap .find_container .cell .btn {padding-top:5px; text-align:center;}/* board Information */
.boardInfo {clear:both; margin:5px 0 2px 0; overflow:hidden; color:#666666;}
.articleNum {float:left; padding:5px 0 0 3px;}
.articleNum strong {color:#ff6600;}
.boardBtn {padding:5px 2px; float:right;}
.boardBtn li {float:left; margin:0 2px; list-style:none;}
.boardBtn li a {white-space:nowrap; color:#666666; text-decoration:none;}

/* star_point */
.starPoint {float:left; margin:9px 0 0 3px; width:67px; height:10px; background:url(/image/background/bg_starpoint_off.gif) no-repeat;}
.starPoint span {display:block; height:10px; background:url(/image/background/bg_starpoint_on.gif) no-repeat;}
.starPoint .textPoint {display:none;}

/* list */
.boardList {border:1px solid #eee; width:100%;}
.boardList thead tr th div {white-space:nowrap; margin:0 5px; text-align:center;}
.boardList thead th {background:#fff url("/image/bg_boardList.gif") no-repeat left bottom;}
.boardList thead th {font-weight:normal; border-top:1px solid #eee; border-bottom:2px solid #d2d2d2; white-space:nowrap; padding-top:5px; height:25px; overflow:hidden;}
html:not([lang*=""]) .boardList th {height:30px;}
.boardList thead th.first {background-position:-3px bottom;}
.boardList tbody th {background:#eee;}
.boardList tbody td {white-space:nowrap;}
.boardList tbody td.title {white-space:normal; width:100%;}
.boardList tr.notice {background:#f8f8f8;}
.boardList tr.notice td.notice {font-size:.9em; color:#999; font-weight:bold; text-align:center; color:#990000;}
.boardList tr.notice .title {font-weight:bold; color:#000;}
.boardList tr.notice a {color:#000;}
.boardList tr.bg1 {background:#fff;}
.boardList tr.bg2 {background:#fbfbfb;}
.boardList tr.bg3 {background:#eee;}
.boardList td {border-top:1px solid #e3e3e3; padding:.5em; color:#444;}
.boardList td.num {font:.8em tahoma; color:#999; padding:.5em 1em; text-align:center;}
.boardList span.now {font:11px tahoma; color:#990000;}
.boardList td.title {overflow:hidden;}
.boardList td.title .thumbNail {float:left; border:2px solid #d2d2d2; margin:2px; vertical-align:top;}
.boardList td.title .thumbNail_on {float:left; border:2px solid #990000; margin:2px; vertical-align:top;}
.boardList td.title .replyCount {margin-left:.3em; font:bold .8em Tahoma; color:#990000; text-align:center;}
.boardList td.title * {vertical-align:middle; margin:0 1px;}
.boardList td.writer {padding-left:.5em; color:#777;}
.boardList td.readCount {font:.8em Tahoma; color:#999999; text-align:center;}
.boardList td.date {font:.8em Tahoma; color:#999999; text-align:center; white-space:nowrap;}
.boardList td.blank {height:150px; text-align:center; white-space:nowrap;}
.boardList td p {margin:0; padding:0;}

/* list : gallary */
.boardThumb {margin:auto; margin-top:3px; overflow:hidden;}
.boardThumb .cell {padding:5px 10px; position:relative; float:left; overflow:hidden;}
.boardThumb .cell .thumbNail {margin-bottom:.3em; border:2px solid #d2d2d2; margin-left:auto; margin-right:auto;}
.boardThumb .cell .thumbNail_on {margin-bottom:.3em; border:2px solid #990000; margin-left:auto; margin-right:auto;}
.boardThumb .cell .icon {position:absolute; top:1px; left:4px;}
.boardThumb .cell .icon * {vertical-align:middle;}
.boardThumb .cell .icon span {padding-right:2px;}
.boardThumb .cell .title {font-weight:bold; overflow:hidden; white-space:nowrap; text-align:center;}
.boardThumb .cell .title a {color:#444; text-decoration:none; overflow:hidden;}
.boardThumb .cell .title a:visited {color:#777; text-decoration:none; overflow:hidden;}
.boardThumb .cell .title img {vertical-align:middle; margin:0 1px;}
.boardThumb .cell .nameAndDate {font-size:.9em; font-weight:normal; color:#999; text-align:center; overflow:hidden;}
.boardThumb .cell .nameAndDate .date {font:.9em Tahoma; color:#999999; text-align:center; margin:.2em 0;}
.boardThumb .cell .nameAndDate .author {text-align:center;}
.boardThumb .cell .nameAndDate .author .replyCount {margin-left:.2em; font:bold .9em Tahoma; color:#990000; text-align:center;}

.portfolio {margin:auto; overflow:hidden; text-align:center;}
.portfolio .cellBig {padding:0px 10px; position:relative; float:left; overflow:hidden;}
.portfolio .cellBig .thumbNail {margin-bottom:.3em; border:2px solid #d2d2d2; margin-left:auto; margin-right:auto;}
.portfolio .cellBig .thumbNail_on {margin-bottom:.3em; border:2px solid #990000; margin-left:auto; margin-right:auto;}
.portfolio .cell {padding:5px 10px; position:relative; float:left; overflow:hidden;}
.portfolio .cell .thumbNail {margin-bottom:.3em; border:2px solid #d2d2d2; margin-left:auto; margin-right:auto;}
.portfolio .cell .thumbNail_on {margin-bottom:.3em; border:2px solid #990000; margin-left:auto; margin-right:auto;}
.portfolio .portfolioContent {padding:10px;}
.portfolio .portfolioContent .conents {padding:5px 10px; border:1px solid #d2d2d2; width:100%;}
.portfolio .portfolioContent .conents tbody th {background:#eee; border-top:1px solid #d2d2d2; padding:.5em; color:#444; text-align:center;}
.portfolio .portfolioContent .conents tbody td {word-break:break-all; border-top:1px solid #d2d2d2; padding:.5em; color:#444; overflow:hidden;}

/* list : webzine */
.boardZine {width:100%;}
.boardZine thead tr th div {white-space:nowrap; margin:0 5px; text-align:center;}
.boardZine tbody td {white-space:nowrap;}
.boardZine tbody td.title {white-space:normal; width:100%;}
.boardZine th {background:#fff url("/image/bg_boardList.gif") no-repeat left bottom;}
.boardZine th {font-weight:normal; border-top:1px solid #d2d2d2; border-bottom:2px solid #d2d2d2; white-space:nowrap; padding-top:5px; height:25px; overflow:hidden;}
html:not([lang*=""]) .boardZine th {height:30px;}
.boardZine th.no_line {background-position:-3px bottom;}
.boardZine tr.notice {background:#f8f8f8;}
.boardZine tr.notice td.notice {font-size:.9em; color:#999; font-weight:bold; text-align:center; color:#990000;}
.boardZine tr.notice .title {font-weight:bold; color:#000;}
.boardZine tr.notice a {color:#000;}
.boardZine tr.bg1 {background:#fff;}
.boardZine tr.bg2 {background:#fbfbfb;}
.boardZine td {border-top:1px solid #d2d2d2; padding:.5em; color:#444;}
.boardZine .num {font:.8em tahoma; color:#999; padding:.5em 1em; text-align:center;}
.boardZine span.now {font:11px tahoma; color:#990000;}
.boardZine .title {overflow:hidden;}
.boardZine .title .thumbNail {float:left; border:2px solid #d2d2d2; margin:2px 5px 0 0; vertical-align:top;}
.boardZine .title .thumbNail_on {float:left; border:2px solid #990000; margin:2px 5px 0 0; vertical-align:top;}
.boardZine .title .content {color:#777; overflow:hidden;}
.boardZine .title .replyCount {margin-left:.3em; font:bold .8em Tahoma; color:#990000; text-align:center;}
.boardZine .title * {vertical-align:middle; margin:0 1px;}
.boardZine .writer {color:#777;}
.boardZine .readCount {font:.8em Tahoma; color:#999999; text-align:center;}
.boardZine .date {font:.8em Tahoma; color:#999999; text-align:center; white-space:nowrap;}
.boardZine .blank {height:150px; text-align:center; white-space:nowrap;}

/* board Bottom */
.boardBottom {padding:3px 1px 10px 1px;}
.boardBottom .leftButtonBox {float: left; margin:0 2px;}
.boardBottom .rightButtonBox {float: right; margin:0 2px;}


/* boardRead */
.boardDocument {margin-bottom:5px; font-size:12px;}
.boardDocument .blank {padding-top:50px; min-height:150px; font-size:12px; color:#999; text-align:center;}
.boardDocument .boardRead {margin:10px  0 10px 0;}
.boardDocument .boardRead .titleAndUser {overflow:hidden; border-bottom:1px solid #efefef;}
.boardDocument .boardRead .titleAndUser .title {float:left; margin:10px 0 5px 0; color:#000;}
.boardDocument .boardRead .titleAndUser h4 {line-height:120%; font-size:1.3em; font-weight:bold; width:600px; text-align:justify;}
.boardDocument .boardRead .titleAndUser .author {float:right; white-space:nowrap; margin-top:11px; color:#666; margin-top:5px; font-weight:bold;}

.boardDocument .boardRead .dateAndCount {clear:both; white-space:nowrap; color:#444; margin:5px 0 0 0; font-family:tahoma; line-height:17px; padding-bottom:10px;}
.boardDocument .boardRead .dateAndCount .ip {float:left; text-decoration:none; margin-left:4px; font-size:.9em; color:#bbb;}
.boardDocument .boardRead .dateAndCount .date {float:right; color:#999; margin-left:10px;}
.boardDocument .boardRead .dateAndCount .date span {font-size:.9em;}
.boardDocument .boardRead .dateAndCount .readedCount {float:right; color:#999; margin-left:10px;}
.boardDocument .boardRead .dateAndCount .votedCount {float:right; color:#999;  margin-left:10px;}
.boardDocument .boardRead .dateAndCount .replyCount {float:right; color:#999; margin-left:10px;}
.boardDocument .boardRead .dateAndCount .recom {float:right; margin-left:10px; color:#999;}
.boardDocument .boardRead .dateAndCount .recom span {color:#000;}
.boardDocument .boardRead .contentBody {color:#555; margin-top:10px; min-height:50px; display:block;}
.boardDocument .boardRead .contentBody hr {border:0px; display:block;}

.boardDocument .fileAttatch {border:1px #d2d2d2 solid; padding:5px; margin-top:5px; background:#eee;}
.boardDocument .fileAttatch li {padding:2px; float:left; margin-left:2px; white-space:nowrap;}
.boardDocument .fileAttatch li a{color:#666;}
.boardDocument .fileAttatch span {margin-left:2px;}

.boardButton {text-align:right; margin:10px 0 5px 0; border-top:1px solid #efefef; padding-top:5px;}
.replyContentBox {background:#fff;}
.replyBox {border:2px dotted #e3e3e3; background:#fff; padding:5px; margin-bottom:.3em;}
.replyList {margin:7px; color:#555; border-top:1px dotted #e1e1e1;}
.no_line {border:0 solid #fff;}
.replyList .author {float:left; margin:7px 0;}
.replyList .author span {color:#999;}
.replyList .control {float:right; margin:7px 0;}
.replyList .date {float:right; margin:7px 2px; font:.8em Tahoma; color:#999;}
.replyList .content {color:#555; line-height:130%; word-break:break-all; overflow:hidden;}
.replyList .header {float:left; padding:.3em .3em 0 .5em; font-size:.9em; margin:.3em 0 .5em 0; color:#999; cursor:pointer;}
.replyList .header strong {font-size:12px; color:#990000; margin-left:3px;}
.replyList .authorName {float:right; color:#999; padding:.3em;}
.replyList .authorPass {float:right; color:#999; padding:.3em;}
.replyList .submit {float:right; margin:.3em .5em 0 0;}
.replyInput {border:3px #efefef solid; text-align:center;}
.replyInput .line {border:1px #d2d2d2 solid;}
.replyInput .header {float:left; padding:.3em .3em 0 .5em; font-size:.9em; margin:.3em 0 .5em 0; color:#999; cursor:pointer;}
.replyInput .header strong {font-size:12px; color:#990000; margin-left:3px;}
.replyInput .authorName {float:right; color:#666; margin:.3em;}
.replyInput .authorPass {float:right; color:#666; margin:.3em .7em;}
.replyInput .replySubmit {padding:.3em .7em .5em .5em;}
.replyInput .replySubmit .recom {font-weight:bold; color:#000;}

/* write */
.boardInput td {height:20px; background:#fff;}
.boardInput .table_input{border:0px solid #999; width:100%; text-align:left;}
.boardInput .table_input thead th{padding:3px; color:#000; font-weight:bold; font-size:11px; background:#efefef;}
.boardInput .table_input th{padding-left:5px; color:#000; font-weight:normal; font-size:11px; background:#efefef;}
.boardInput .table_input th p{padding:0px;margin:0px;}
.boardInput .table_input td{padding:3px; color:999;}
.boardInput .table_input td *{vertical-align:middle;}
.boardInput .table_input .menu_gray{padding:0; height:20px; color:#000; font-weight:bold; text-align:center; background:url(/image/background/bg_menu_gray.png) repeat-x;}
.boardInput .boardOpt {margin-bottom:3px;}
.boardInput .boardOpt * {vertical-align:middle;}
.boardInput .boardOpt .passwd {float:right; padding:3px; color:#990000;}
.boardInput .boardOpt .notice {float:left; margin:7px 3px 0 3px; color:#999;}
.boardInput .boardOpt span {margin:1px 0 0 2px;}
.boardInput .boardOpt .secret {float:left; margin:7px 3px 0 3px; color:#999;}
.boardInput .boardFile {margin:10px 0 0 0;}
.boardInput .fileAttatch {background:#fff;}
.boardInput .fileAttatch th {padding:5px; color:#999; background:#d2d2d2; text-align:center;}
.boardInput .fileAttatch td {padding:2px;}
.boardInput .fileAttatch span {margin-left:2px; color:#999;}
.boardInput .fileAttatch span input {vertical-align:middle; margin-right:-3px; _margin-right:-3px;}
.boardInput .buttons {text-align:center; margin:5px 0;}
.boardInput .buttons span {margin:0 2px;}/* input */
#online_wrap {padding:1.5em 0; text-align:center;}
#online_wrap .table_regist {width:100%; text-align:left;}
#online_wrap .table_regist thead th {padding:3px; color:#000; font-weight:bold; background:#d2d2d2;}
#online_wrap .table_regist th {color:#000; font-weight:normal; background:#eee;}
#online_wrap .table_regist td {padding:2px; color:#999;}
#online_wrap .table_regist span {margin:0 2px;}

/* online_confirm_01 */
#online_confirm{padding:1.5em 0; text-align:center;}
#online_confirm_01 {text-align:center;}
#online_confirm_01 table{width:100%;text-align:center;}

/* list */
.onlineInfo {clear:both; margin:5px 0 2px 0; overflow:hidden; color:#666666;}
.articleNum {float:left; padding:5px 0 0 3px;}
.articleNum strong {color:#ff6600;}
.onlineBtn {padding:5px 2px; float:right;}
.onlineBtn li {float:left; margin:0 2px; list-style:none;}
.onlineBtn li a {white-space:nowrap; color:#666666; text-decoration:none;}

.onlineBtn { margin:0; float:right; }
.onlineBtn li { float:left; margin-left:5px; list-style:none; }
.onlineBtn li a { white-space:nowrap; color:#666666; text-decoration:none; }

.onlineList { border:1px solid #d2d2d2; width:100%; }
.onlineList thead tr th div { white-space:nowrap; margin:0 5px; text-align:center;}
.onlineList tbody td { white-space:nowrap; }
.onlineList tbody td.title { white-space:normal; width:100%; }

.onlineList th { background:#fff url("/image/bg_boardList.gif") no-repeat left bottom;}
.onlineList th { font-weight:normal; border-top:1px solid #d2d2d2; border-bottom:2px solid #d2d2d2; white-space:nowrap; padding-top:5px; height:25px; overflow:hidden; }
html:not([lang*=""]) .onlineList th { height:30px; }
.onlineList th.no_line { background-position:-3px bottom; }

.onlineList tr{ background:#f8f8f8;text-align:center; }
.onlineList tr.bg1 { background:#fff; }
.onlineList td { border-top:1px solid #e3e3e3; padding:.5em; color:#444; }
.onlineList td name { font-weight:bold; color:#000; }
.onlineList td.num { font:.8em tahoma; color:#999; padding:.5em 1em; text-align:center; }
.onlineList td.middle * { vertical-align:middle; margin:0 1px; }
.onlineList td.small { font:.8em Tahoma; color:#999999;  }
.onlineList td.blank {height:150px; text-align:center; white-space:nowrap;}/*공통*/
#support_wrap {padding:1.5em 0; text-align:center;}
#support_wrap .support_container{width:100%; margin:auto;}
#support_wrap .ssHtitle01		{COLOR: #FF8200; font-weight:bold;}
#support_wrap .ssHtitle02		{COLOR: #3366CC; font-weight:bold;}
#support_wrap .ssTitle01		{COLOR: #FF0000;}
#support_wrap .ssTitle02		{COLOR: #3366CC;}
#support_wrap .ssTitle03		{COLOR: #888888; LETTER-SPACING: -0.05em;}
#support_wrap .ssBox01	{ COLOR: #1e7eb0; text-align:center;  background-color:#eaf5fe; }
#support_wrap .support_title {font-weight:bold;text-align:left; border-bottom:3px solid #CCCCCC;}
#support_wrap .support_gonback{height:25px; border-top:1px solid #dcdcdc; clear:both;}
#support_wrap th {padding-left:5px;height:22px;}
#support_wrap td {padding-left:5px;color:#999;}
#support_wrap th{text-align:left; border-bottom:1px solid #dcdcdc;}
#support_wrap td{text-align:left; border-bottom:1px solid #dcdcdc;}
#support_wrap .btn{text-align:center;}
#support_wrap .support_chuga{text-align:center;background-color:#F5F5F5;}

/* step tap */
#steptab_wrap{width:75%;margin:auto;}
#steptab{width:550px;}
#steptab ul {padding-top:5px;}
#steptab li {float:left;padding:1px 0;}

/*step0*/
#support_wrap .support_container_step0 {width:550px; margin:auto;padding-top:10px;}
#support_wrap .support_container_step0 .title01 {text-align:center;COLOR: #FF8200; font-weight:bold;}
#support_wrap .support_container_step0 .form {padding-left:50px;float:left; width:250px; margin-top:7px;}
#support_wrap .support_container_step0 .btn {float:left; padding:5px 0 0 10px;}

/*step1*/
#support_wrap .support_container_step1 { margin:auto;padding-top:10px;width:100%}
#support_wrap .support_container_step1 .photo_wrap {float:left; background-color:#F5F5F5; width:165px; padding:5px 0 5px 0;}
#support_wrap .support_container_step1 .photo_img {text-align:center; padding:5px 0 5px 0;}
#support_wrap .support_container_step1 .info_wrap {float:left; padding:0 0 0 11px;margin:auto;width:530px;}
#support_wrap .support_container_step1 .table_family td{padding-left:0px;height:24px;}
#support_wrap .support_container_step1 .table_family th{padding-left:0px;text-align:center; border-bottom:0px;height:22px;color:#999;}
#support_wrap .support_container_step1 .table_family td{padding-left:0px;text-align:center; border-bottom:0px;height:22px;color:#999;}
#support_wrap .support_container_step1 .fc0{width:45px}
#support_wrap .support_container_step1 .fc1{width:46px}
#support_wrap .support_container_step1 .fc2{width:85px}
#support_wrap .support_container_step1 .fc3{width:45px}
#support_wrap .support_container_step1 .fc4{width:120px}
#support_wrap .support_container_step1 .fc5{width:88px}
#support_wrap .support_container_step1 .fc6{width:88px}
#support_wrap .support_container_step1 .fc7{width:88px}

/*step2*/
#support_wrap .support_container_step2 {width:100%; margin:auto;padding-top:10px;}
#support_wrap .support_container_step2 .subinfo_wrap table{width:100%}
#support_wrap .support_container_step2 .table_univer td{padding-left:0px;height:24px;}
#support_wrap .support_container_step2 .table_univer th{padding-left:0px;text-align:center; border-bottom:0px;color:#999;}
#support_wrap .support_container_step2 .table_univer td{padding-left:0px;text-align:center; border-bottom:0px;color:#999;}
#support_wrap .support_container_step2 .table_car td{padding-left:0px;height:24px;}
#support_wrap .support_container_step2 .table_car th{padding-left:0px;text-align:center; border-bottom:0px;height:22px;color:#999;}
#support_wrap .support_container_step2 .table_car td{padding-left:2px;text-align:left; border-bottom:0px;height:22px;color:#999;}

/*step3*/
#support_wrap .support_container_step3 {width:100%; margin:auto;padding-top:10px;}
#support_wrap .support_container_step3 .subinfo_wrap table{width:100%}
#support_wrap .support_container_step3 .table_license td{padding-left:0px;height:24px;}
#support_wrap .support_container_step3 .table_license th{padding-left:0px;text-align:center; border-bottom:0px;height:22px;color:#999;}
#support_wrap .support_container_step3 .table_license td{padding-left:0px;text-align:center; border-bottom:0px;height:22px;color:#999;}
#support_wrap .support_container_step3 .fc0{width:40%}
#support_wrap .support_container_step3 .fc1{width:30%}
#support_wrap .support_container_step3 .fc2{width:30%}
#support_wrap .support_container_step3 .fc3{width:180px;}
#support_wrap .support_container_step3 .table_oa td{padding-left:0px;height:24px;}
#support_wrap .support_container_step3 .table_oa th{padding-left:0px;text-align:center; border-bottom:0px;height:22px;color:#999;}
#support_wrap .support_container_step3 .table_oa td{padding-left:0px;text-align:left; border-bottom:0px;height:22px;color:#999;}
#support_wrap .support_container_step3 .table_lang td{padding-left:0px;height:24px;}
#support_wrap .support_container_step3 .table_lang th{padding-left:0px;text-align:center; border-bottom:0px;height:22px;color:#999;}
#support_wrap .support_container_step3 .table_lang td{padding-left:0px;text-align:left; border-bottom:0px;height:22px;color:#999;}

/*step4*/
#support_wrap .support_container_step4 {width:100%; margin:auto;padding-top:10px;}/* SMS */
#sms {padding:10px;}
#sms .cell {width:200px; position:relative; float:left; overflow:hidden;}
#sms .info {width:400px; position:relative; float:left; overflow:hidden;}

/* SMS Addon Type - display_01 */
#sms_wrap .roundBox {padding:2px; border:2px solid #ccc;}
#sms_wrap .roundBox .box_guide {position:relative;width:100%;}
#sms_wrap .roundBox .box_tl {position:absolute;top:-4px;left:-4px;display:block;width:9px;height:9px;background:url(/user/kr/image/sms/bg_rndbox.gif) no-repeat;font-size:0}
#sms_wrap .roundBox .box_tr {position:absolute;top:-4px;left:-5px;margin-left:100%;display:block;width:9px;height:9px;background:url(/user/kr/image/sms/bg_rndbox.gif) right top no-repeat;font-size:0}
#sms_wrap .roundBox .box_bl {position:absolute;top:-5px;left:-4px;display:block;width:9px;height:9px;background:url(/user/kr/image/sms/bg_rndbox.gif) left bottom no-repeat;font-size:0}
#sms_wrap .roundBox .box_br {position:absolute;top:-5px;left:-5px;margin-left:100%;display:block;width:9px;height:9px;background:url(/user/kr/image/sms/bg_rndbox.gif) right bottom no-repeat;font-size:0}
#sms_wrap .roundBox .box_contents {padding:5px; border:1px solid #ededed}
#sms_wrap #sms_box {width:150px; margin:auto;}
#sms_wrap #sms_box h3 {border-bottom:2px dotted #e1e1e1; padding-bottom:3px; padding-right:5px; font-size:12px; font-weight:bold; text-align:left;}
#sms_wrap #sms_box h3 .keeping {margin-left:10px; font-weight:normal;}
#sms_wrap #sms_box ul {margin-top:3px;}
#sms_wrap #sms_box li {padding:1px 0 1px 0; vertical-align:middle;}
#sms_wrap #sms_box .sms_lcd {padding-top:20px; width:150px; text-align:center; background:url(/image/background/bg_sms_body.gif) no-repeat;}

/* SMS Addon Type - display_02 */
#sms_box02 {border:1px solid #d2d2d2; background:url(/user/kr/image/sms/sms_bg.gif) no-repeat;}
#sms_box02 li {padding:1px 0 1px 0; vertical-align:middle;}
#sms_box02 .sms_lcd {padding:56px 0 0 48px; text-align:center;}

/* SMS 팝업*/
#sms_pop{width:207px;position:absolute;width:207px;left:10px;top:10px;z-index:100;cursor: move;}
.sms_top{width:207px;height:64px;background-image: url(/image/sms/sms_bg01.png); background-repeat: repeat-x;behavior:url(/common/iepngfix.htc);}
.sms_bg_1{width:207px;height:15px;background-image: url(/image/sms/sms_bg02.gif); background-repeat: repeat-x;}
.sms_bg_2{width:207px;height:30px;background-image: url(/image/sms/sms_bg03.gif); background-repeat: repeat-x;}
.sms_bg_2 div{position:relative;left:118px;top:9px;font-size: 11px; color: #990000; LETTER-SPACING: -0.04em;}
.sms_bg_3{height:155px;background-image: url(/image/sms/sms_bg04.gif); background-repeat: repeat-x;text-align:center}
.sms_bg_4{padding-left:37px;padding-top:7px;height:38px;background-image: url(/image/sms/sms_bg05.gif); background-repeat: repeat-x;}
.sms_bg_5{height:47px;background-image: url(/image/sms/sms_bg05.gif); background-repeat: repeat-x;}
.sms_bg_4 p{padding-bottom:3px;}
.sms_bottom{height:56px;background-image: url(/image/sms/sms_bg06.png); background-repeat: repeat-x;behavior:url(/common/iepngfix.htc);}