/* for cristmast
body   { margin:0 0 5px 0; }
*/
body   { margin:5px; -webkit-text-size-adjust:none; }
form   { margin:0; }
select { behavior:url(./../js/select.htc); }
div .l { float:left; text-align:left; }
div .r { float:right; text-align:right; }

a:link    { color:#333333; text-decoration:none; }
a:visited { color:#333333; text-decoration:none; }
a:active  { color:#333333; text-decoration:none; }
a:hover   { color:#000000; text-decoration:underline; }

.none       { font:normal 1px gulim,sans-serif; line-height:100%; cursor:default; }
.empty      { font:normal 0px gulim,sans-serif; line-height:100%; cursor:default; }
.verdana7pt { font:normal 7pt Verdana,sans-serif; line-height:120%; }
.tahoma7pt  { font:normal 7pt Tahoma,Verdana,sans-serif; line-height:120%; }
.tahoma8pt  { font:normal 8pt Tahoma,Verdana,sans-serif; line-height:120%; }
.dotum11px  { font:normal 11px dotum,sans-serif; line-height:120%; }
.gulim12px  { font:normal 12px gulim,sans-serif; line-height:120%; }
.gulim13px  { font:normal 13px gulim,sans-serif; line-height:120%; }

.keyword { font-weight:bold; color:#FF4500; text-decoration:underline; }

.ls-1px { letter-spacing:-1px; }
.ls-2px { letter-spacing:-2px; }

.bar_01 { font:normal 12px dotum; color:#CDCDCD; line-height:100%; margin:0 4px 0 3px; }
.bar_02 { font:normal 12px dotum; color:#BCBCBC; line-height:100%; margin:0 4px 0 3px; }
.bar_03 { font:normal 10px dotum; color:#BCBCBC; line-height:100%; margin:0 4px 0 3px; }

.box_01 { border-color:#EFEFEF; border-width:1; border-style:solid; padding:10px; }

.line_01 { clear:both; background:url(./../images/line.04.gif) repeat-x center center; height:2px; }
.line_02 { clear:both; background-color:#EFEFEF; height:1px; }
.line_03 { clear:both; background:url(./../images/line.05.gif) repeat-x center center; height:1px; }
.line_04 { clear:both; background:url(./../images/line.01.gif) no-repeat left center; height:1px; }
.line_05 { clear:both; background-color:#F6F6F6; height:1px; }
.line_06 { clear:both; background:url(./../images/line.01.gif) no-repeat 0 5px; height:11px; }

.btn_01 { color:#333333; font:normal 12px gulim; line-height:180%; width:35px; height:19px; background:#FFFFFF url(./../images/btn.bg.01.gif) no-repeat; border-width:0; cursor:pointer; }
.btn_02 { color:#333333; font:normal 12px gulim; line-height:180%; width:59px; height:19px; background:#FFFFFF url(./../images/btn.bg.02.gif) no-repeat; border-width:0; cursor:pointer; }
.btn_03 { color:#333333; font:normal 11px dotum; letter-spacing:-1px; line-height:180%; width:53px; height:18px; background:#FFFFFF url(./../images/btn.bg.03.gif) no-repeat; border-width:0; cursor:pointer; }

.cursorHand    { cursor:pointer; }
.cursorDefault { cursor:default; }

.enter   { clear:both; }
.center  { text-align:center; }
.justify { text-align:justify; }

.page           { clear:both; font:normal 12px gulim,sans-serif; color:#888888; line-height:149%; word-break:break-all; padding:10 0 0 0; }
.page b         { color:#000000; }
.page a:link    { text-decoration:none; color:#333333; }
.page a:visited { text-decoration:none; color:#333333; }
.page a:active  { text-decoration:none; color:#333333; }
.page a:hover   { text-decoration:none; color:#FF8500; }

.input    { font:normal 12px gulim,sans-serif; color:#333333; line-height:120%; background-color:#FFFFFF; border-color:#D4D2D0 #ECECEC #ECECEC #D4D2D0; border-width:1px; border-style:solid; padding:1px 1px 0 1px; height:19px; }
.button   { font:normal 11px dotum,sans-serif; color:#000000; line-height:149%; letter-spacing:-1px; background-color:#F6F6F6; border-color:#ECECEC #D4D2D0 #D4D2D0 #ECECEC; border-width:1px; border-style:solid; height:19px; }
.textarea { font:normal 12px gulim,sans-serif; color:#333333; line-height:149%; background-color:#FFFFFF; border-color:#D4D2D0 #ECECEC #ECECEC #D4D2D0; border-width:1px; border-style:solid; padding:2px; overflow:auto;
	scrollbar-face-color:#F9F9F9;
	scrollbar-shadow-color:#FFFFFF;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-3dlight-color:#ECECEC;
	scrollbar-darkshadow-color:#C4C2C0;
	scrollbar-track-color:#F6F6F6;
	scrollbar-arrow-color:#F9F9F9; }
.checkbox { width:16px; height:16px; }

#message { color:#000000; background-color:#F5FDF0; border-color:#DDF0D1; border-width:1px; border-style:solid; padding:5px 10px 5px 10px; text-align:justify; }

#quote          { clear:both; font:normal 12px dotum,sans-serif; padding:10px 0 10px 80px; }
#quote .content { border-color:#ECECEC; border-width:1px 0 0 0; border-style:solid; text-align:justify; line-height:120%; padding:12px 0 0 0; }

#block { clear:both; padding:0 0 0 30px; text-align:justify; }

#cristmast { clear:both; height:7px; background:url(./../images/etc/christmas_bg.gif) repeat-x; margin:0 0 5px 0; display:none; }

/* for cristmast
#layout                            { clear:both; width:763px; margin:0 5 0 5; }
*/
#layout                            { clear:both; width:763px; }
#layout .logo                      { width:142px; height:45px; float:left; text-align:center; }
#layout .right                     { width:621px; height:45px; float:left; text-align:right; background:url(./../images/etc/winter.gif) no-repeat right bottom; }
#layout .right .topmenu            { font:normal 11px dotum,sans-serif; }
#layout .right .topmenu a:link     { text-decoration:none; color:#333333; }
#layout .right .topmenu a:visited  { text-decoration:none; color:#333333; }
#layout .right .topmenu a:active   { text-decoration:none; color:#333333; }
#layout .right .topmenu a:hover    { text-decoration:none; color:#5EA128; }

#menu                 { font:normal 12px gulim,sans-serif; line-height:120%; width:142px; float:left; }
#menu .top            { clear:both; background-color:#EFEFEF; height:1px; margin:0 1px 0 0; }
#menu .middle         { clear:both; border-color:#EFEFEF; border-width:0 1px 0 0; border-style:solid; text-align:right; padding:12px 0 10px 0; }
#menu .middle a       { display:block; }
#menu .middle a:hover { text-decoration:none; color:#FF8A00; }
#menu .middle .main1  { font-weight:bold; height:16px; cursor:default; margin:0 10px 0 0; }
#menu .middle .main2  { font-weight:bold; height:16px; cursor:default; margin:10px 10px 0 0; }
#menu .middle .sub    { font:normal 11px dotum,sans-serif; line-height:120%; height:14px; margin:0 10px 0 0; }
#menu .middle .close  { font:normal 11px dotum,sans-serif; line-height:120%; height:14px; margin:0 10px 0 0; text-decoration:line-through; }
#menu .bottom         { clear:both; background-color:#EFEFEF; height:1px; margin:0 1px 0 0; }
#menu .banner         { clear:both; padding:10px 0 0 0; }
#menu .banner a       { display:block; margin:0 0 5px 0; }
#menu .search         { clear:both; margin:10px 0 0 0; }
#menu .search input   { font:normal 12px gulim,sans-serif; width:117px; line-height:149%; color:#FF8500; }
#menu .copy           { clear:both; text-align:right; margin:10px 0 0 0; }
#menu .rss            { clear:both; text-align:right; margin:10px 0 0 0; }

#main { font:normal 12px gulim,sans-serif; color:#333333; line-height:120%; float:left; width:600px; margin:0 0 20px 20px; padding:13px 0 0 0; background:url(./../images/line.02.gif) repeat-x; background-position: left top; }

#right { position:absolute; left:785px; top:50px; }

#index                           { clear:both; font:normal 12px gulim,sans-serif; color:#333333; line-height:149%; }
#index .tline                    { clear:both; background-color:#EFEFEF; height:1px; margin:0 1px 0 1px; }
#index .tbody                    { clear:both; border-color:#EFEFEF; border-width:0 1px 0 1px; border-style:solid; padding:5px 7px 3px 7px; }
#index .notice                   { float:left; width:62%; }
#index .notice .title            { clear:both; font-weight:bold; border-color:#EFEFEF; border-width:0 0 1px 0; border-style:solid; padding:0 7px 0 0; margin:0 0 1px 0; height:17px; }
#index .notice .title .lt        { float:left; }
#index .notice .title .rt        { float:right; font:normal 8pt tahoma,verdana,sans-serif; }
#index .notice .bline            { clear:both; background-color:#FAFAFA; height:1px; margin:0 1px 0 1px; }
#index .notice .body1            { clear:both; background-color:#FAFAFA; padding:7px; margin:0 0 7px 0; text-align:justify; }
#index .notice .body2            { clear:both; background:url(./../images/line.05.gif) repeat-x; padding:7px 7px 5px 7px; letter-spacing:-1px; text-align:justify; }
#index .notice .body2 a          { width:100%; }
#index .notice .body2 .title     { background-color:#000000; color:#FFFFFF; }
#index .empty                    { float:left; width:4%;}
#index .latest                   { float:right; width:34%; }
#index .latest .title            { clear:both; font:bold 11px dotum,sans-serif; border-color:#EFEFEF; border-width:0 0 1px 0; border-style:solid; padding:0 7px 0 0; margin:0 0 1px 0; height:17px; letter-spacing:-1px; }
#index .latest .saja             { clear:both; background-color:#FAFAFA; text-align:justify; line-height:120%; padding:7px; margin:0 0 10px 0; }
#index .latest .magazine         { clear:both; background-color:#FAFAFA; padding:7px; margin:0 0 10px 0; }
#index .latest .magazine .input  { width:185px; }
#index .latest .magazine .m      { clear:both; width:185px; height:21px; padding:2px 0 0 0; }
#index .latest .magazine .m .lt  { float:left; }
#index .latest .magazine .m .rt  { float:right; }
#index .latest .list             { clear:both; padding:4px 7px 10px 7px; }
#index .latest .list a           { display:block; letter-spacing:-1px; }

#search             { clear:both; font:normal 12px gulim,sans-serif; line-height:120%; }
#search .boxtb      { clear:both; background-color:#EFEFEF; height:1px; margin:0 1px 0 1px; }
#search .boxmd      { clear:both; border-color:#EFEFEF; border-width:0 1px 0 1px; border-style:solid; padding:10px 10px 8px 10px; }
#search .boxmd .key { font-weight:bold; color:#FF5500; }

#profile            { clear:both; font:normal 12px gulim,sans-serif; line-height:149%; }
#profile .lt        { float:left; width:24%; }
#profile .rt        { float:right; width:76%; padding:8px 0 0 0; }
#profile .rt .text  { clear:both; text-align:justify; }
#profile .rt .line  { clear:both; background:url(./../images/line.05.gif) repeat-x; background-position:left center; height:21px; }

#portfolio             { clear:both; font:normal 12px gulim,sans-serif; line-height:120%; }
#portfolio .boxtb      { clear:both; background-color:#EFEFEF; height:1px; margin:0 1px 0 1px; }
#portfolio .boxmd      { clear:both; }
#portfolio .boxmd .l   { float:left; border-color:#EFEFEF; border-width:0 0 0 1px; border-style:solid; padding:10px 10px 8px 10px; }
#portfolio .boxmd .r   { float:right; border-color:#EFEFEF; border-width:0 1px 0 0; border-style:solid; padding:10px 10px 8px 10px; }
#portfolio .line       { clear:both; background:url(./../images/line.05.gif) repeat-x; background-position:left bottom; height:16px; margin:0 0 0 80; }
#portfolio .end        { clear:both; background:url(./../images/line.04.gif) repeat-x; background-position:left bottom; height:12px; }
#portfolio .list       { clear:both; padding:15px 0 15px 0; }
#portfolio .list .p    { font:bold 18px arial,sans-serif; color:#5097C9; float:left; text-align:right; padding:0 15px 0 10px; line-height:100%; }
#portfolio .list .b    { float:left; border-color:#EFEFEF; border-width:0 0 0 1px; border-style:solid; padding:0 0 0 13px; }
#portfolio .list .b .i { float:left; text-align:right; width:56px; height:21px; padding:1px 0 0 0; }
#portfolio .list .b .c { float:left; height:21px; padding:0 0 0 5px; text-align:justify; }

#music                        { clear:both; font:normal 12px gulim,sans-serif; line-height:120%; }
#music .list                  { clear:both; height:25px; }
#music .list .check           { width:30px; padding:1px 0 1px 0; }
#music .list .title           { padding:5 0 1px 0; color:#888888; }
#music .list .title a:link    { text-decoration:none; color:#333333; }
#music .list .title a:visited { text-decoration:none; color:#333333; }
#music .list .title a:active  { text-decoration:none; color:#333333; }
#music .list .title a:hover   { text-decoration:none; color:#000000; }
#music .list .title .album    { color:#888888; }
#music .list .title .album a:link    { text-decoration:none; color:#888888; }
#music .list .title .album a:visited { text-decoration:none; color:#888888; }
#music .list .title .album a:active  { text-decoration:none; color:#888888; }
#music .list .title .album a:hover   { text-decoration:underline; color:#666666; }
#music .albumImage            { margin:10px 0 10px 2px; padding:3px; border-color:#E4E2E0; border-width:1; border-style:solid; }
#music .albumDesc             { padding:10px 0 10px 10px; line-height:120%; }

#nlist                              { clear:both; line-height:120%; }
#nlist .line                        { clear:both; background:url(./../images/line.01.gif) no-repeat; height:1px; margin:0 0 0 2px; }
#nlist .formarea                    { clear:both; margin:5px 2px 3px 2px; border-color:#EFEFEF; border-width:0 0 1px 0; border-style:solid; height:25px; }
#nlist .formarea select             { font:normal 12px gulim,sans-serif; color:#333333; }
#nlist .formarea .input             { font:normal 12px gulim,sans-serif; width:100px; height:19px; }
#nlist .formarea .category          { float:left; }
#nlist .formarea .search            { float:right; }
#nlist .list                        { clear:both; height:25px; }
#nlist .list .check                 { padding:1px 0 1px 0; }
#nlist .list .writer                { color:#888888; padding:5 2 1 0; width:56px; text-align:center; }
#nlist .list .writer a:link         { text-decoration:none; color:#888888; }
#nlist .list .writer a:visited      { text-decoration:none; color:#888888; }
#nlist .list .writer a:active       { text-decoration:none; color:#888888; }
#nlist .list .writer a:hover        { text-decoration:none; color:#666666; }
#nlist .list .date                  { color:#888888; padding:5px 2px 1px 0; width:72px; text-align:center; }
#nlist .list .title                 { color:#888888; padding:5px 0 1px 0; }
#nlist .list .title .name a:link    { text-decoration:none; color:#888888; }
#nlist .list .title .name a:visited { text-decoration:none; color:#888888; }
#nlist .list .title .name a:active  { text-decoration:none; color:#888888; }
#nlist .list .title .name a:hover   { text-decoration:underline; color:#666666; }
#nlist .list .nresult               { clear:both; font-weight:bold; color:#FF8500; text-align:center; padding:5px 0 1px 0; }

#vlist                  { clear:both; font:normal 12px gulim,sans-serif; line-height:120%; margin:0 2px 0 2px; }
#vlist .title           { word-break:break-all; }
#vlist .title a         { font:bold 13px gulim,sans-serif; color:#006DB5; line-height:149%; width:100%; }
#vlist .title a:link    { text-decoration:none; color:#006DB5; }
#vlist .title a:visited { text-decoration:none; color:#006DB5; }
#vlist .title a:active  { text-decoration:none; color:#006DB5; }
#vlist .title a:hover   { text-decoration:underline; color:#006AA5; }
#vlist .body            { word-break:break-all; text-align:justify; }
#vlist .body a          { font:normal 12px gulim,sans-serif; color:#333333; line-height:149%; width:100%; }
#vlist .body a:link     { text-decoration:none; color:#333333; }
#vlist .body a:visited  { text-decoration:none; color:#333333; }
#vlist .body a:active   { text-decoration:none; color:#333333; }
#vlist .body a:hover    { text-decoration:underline; color:#000000; }
#vlist .date            { color:#888888; padding:8px 0 0 0; }
#vlist .date a:link     { text-decoration:none; color:#888888; }
#vlist .date a:visited  { text-decoration:none; color:#888888; }
#vlist .date a:active   { text-decoration:none; color:#888888; }
#vlist .date a:hover    { text-decoration:underline; color:#666666; }
#vlist .line            { background:url(./../images/line.01.gif) no-repeat; height:1px; margin:10px 0 10px 0; }
#vlist .btn             { padding:20px 0 0 0; }
#vlist .nresult         { clear:both; font-weight:bold; color:#FF8500; text-align:center; padding:5px 0 1px 0; }

#nview                      { clear:both; }
#nview .top                 { clear:both; }
#nview .top .icon           { float:right; width:25%; text-align:right; }
#nview .top .icon .img1     { margin:0 0 2px 2px; }
#nview .top .icon .img2     { margin:0 0 2px 0; }
#nview .top .icon .img      { display:block; }
#nview .top .icon .writer   { display:block; color:#333333; }
#nview .top .title          { float:left; width:75%; font:bold 13px gulim,sans-serif; color:#006DB5; word-break:break-all; padding:3px 0 0 0; }
#nview .top .title .main    { display:block; margin:0 0 0 8px; }
#nview .top .title .sub     { display:block; font:normal 11px dotum,sans-serif; color:#333333; margin:7px 0 0 8px; }
#nview .body                { clear:both; padding:10px 0 0 0; word-break:break-all; line-height:150%; }
#nview .body a:link         { color:#B22FCE; text-decoration:underline; }
#nview .body a:visited      { color:#B22FCE; text-decoration:underline; }
#nview .body a:active       { color:#B22FCE; text-decoration:underline; }
#nview .body a:hover        { color:#9C23B6; text-decoration:underline; }
#nview .writer              { clear:both; color:#888888; line-height:110%; text-align:right; padding:15px 0 0 0; }
#nview .writer a:link       { color:#888888; text-decoration:none; }
#nview .writer a:visited    { color:#888888; text-decoration:none; }
#nview .writer a:active     { color:#888888; text-decoration:none; }
#nview .writer a:hover      { color:#777777; text-decoration:none; }
#nview .writer .img1        { margin:0 0 2px 2px; }
#nview .writer .img2        { margin:0 0 2px 0; }
#nview .trackback           { clear:both; color:#319217; line-height:110%; margin:15px 0 0 0; }
#nview .trackback a:link    { color:#888888; text-decoration:none; }
#nview .trackback a:visited { color:#888888; text-decoration:none; }
#nview .trackback a:active  { color:#888888; text-decoration:none; }
#nview .trackback a:hover   { color:#666666; text-decoration:underline; }
#nview .down                { clear:both; color:#319217; line-height:110%; margin:15px 0 0 0; }
#nview .down a              { color:#888888; }
#nview .down a:link         { color:#888888; text-decoration:none; }
#nview .down a:visited      { color:#888888; text-decoration:none; }
#nview .down a:active       { color:#888888; text-decoration:none; }
#nview .down a:hover        { color:#666666; text-decoration:underline; }
#nview .replyTitle          { clear:both; font:bold 12px gulim,sans-serif; color:#336DB5; word-break:break-all; padding:10px 0 5px 0; }

#trackback                 { clear:both; background-color:#FAFAFA; border-color:#EFEFEF; border-width:1px; border-style:solid; padding:10px; margin:10px 0 0 0; }
#trackback .body           { clear:both; padding:10px 0 0 0; }
#trackback .body a:link    { color:#888888; text-decoration:none; }
#trackback .body a:visited { color:#888888; text-decoration:none; }
#trackback .body a:active  { color:#888888; text-decoration:none; }
#trackback .body a:hover   { color:#666666; text-decoration:underline; }

#pform        { clear:both; font:normal 12px gulimche,sans-serif; line-height:120%; }
#pform .i     { border-color:#D4D2D0 #ECECEC #ECECEC #D4D2D0; border-width:1px; border-style:solid; width:125px; height:19px; }
#pform .b     { background-color:#FFFFFF; border-color:#FFFFFF; border-width:0; border-style:solid; height:19px; }
#pform .c     { clear:both; padding:2px 0 2px 0; }
#pform .c .cl { float:left; text-align:right; padding:4px 10px 0 0; cursor:default; width:60px; }
#pform .c .cr { float:left; text-align:left; }

#cform               { font:normal 12px gulim,sans-serif; color:#333333; }
#cform .top          { clear:both; background:url(./../images/login.deco.mt.gif) repeat-x; height:20px; }
#cform .mid          { clear:both; border-color:#EDDDDD; border-width:0 7px 0 7px; border-style:solid; text-align:center; height:60px; }
#cform .mid .i       { border-color:#D4D2D0 #ECECEC #ECECEC #D4D2D0; border-width:1; border-style:solid; width:125px; height:19px; }
#cform .mid .b       { background-color:#FFFFFF; border-color:#FFFFFF; border-width:0; border-style:solid; height:19px; }
#cform .bot          { clear:both; background:url(./../images/login.deco.mb.gif) repeat-x; background-position:left bottom; height:20px; }