@charset "utf-8";
/* CSS Document */

body{ font: 11px 돋움, Dotum, 굴림, Gulim, AppleGothic, Sans-serif; color:#8e8888; 
letter-spacing:0px; text-align; justify; font-size:11px; margin:0px; 
/*text-transform: uppercase;*/}

/*td{ 
vertical-align:top;}
*/
img {border:none;}

h1, h2, legend{ display:block; position:absolute; width:0; height:0; left:0; top:0; overflow:hidden; font:12px/1 Sans-serif;}
h3 {}

a           {text-decoration:none;}
a:link      {text-decoration:none ; }
a:visited   {text-decoration:none;}
a:hover     {text-decoration:underline;}

/* top */

/* 공지사항 리스트 */
.text2{font: 13px 돋움, Dotum, 굴림, Gulim, AppleGothic, Sans-serif; display:block; width:158px; height:11px; padding:10px 0 0 23px; letter-spacing:-1px; }

/* Footer */
.footer             {position:absolute; top:705px;  width:100%;  background-color:#5a5555; margin:0; clear:both; text-align:center; padding:20px 0 20px 0; border-top:1px solid #fff; }
.footer a           {text-decoration:none; color:#8e8888;}
.footer a:visited   {text-decoration:none;}
.footer a:hover     {text-decoration:underline;}

.footer ul          {margin:0 0 14px 0; font:11px/1.0 돋움, Dotum;}
.footer ul li       {display:inline; position:relative; padding:0 5px 0 8px; white-space:nowrap; border-left: 1px solid #8e8888; height:8px; }
.footer ul li.first {border:none;}
.footer ul a        {letter-spacing:-1px;}
.footer p           {margin:-4px 0 14px 0; font:10px/1.0 Verdana; line-height:16px; letter-spacing:-1px;}
.footer p a         {color:#ffffff;}
.footer address     {margin:0 14px 0 0; font:bold 9px/1.0 Verdana; color:#e9e9e9;}
.footer address a   {color:#ffffff;}

.main_footer { height:90px; }



/********** Login  Layout **********/

#login_container { position:absolute; top:187px; left:50%; margin-left:-490px; width:184px; height:103px; overflow:visible; padding:16px 0 0 0; background:url(../img/login/bg_login_all.gif) no-repeat left top;}


/* Login Container */
#login_container fieldset { position:relative; border:none;float:left;  }
#login_container .input_text{ background-color:#f6f6f6; display:block; border:1px solid #d8d8d8; width:95px; height:15px; color:#444;  padding:3px 0 0 5px;  vertical-align:top;}
#uid {position:absolute; left:10px; top:0px;}
#upw {position:absolute; left:10px; top:23px;}
#login_container .none { display:none;} /*label*/

#keeping {position:absolute; left:118px; }
#keeping_chk {position:absolute; left:119px; top:27px; }
#keeping_chk label {position:absolute; top:3px; left:18px; width:45px; font:11px 돋움, Dotum; color:#919191; letter-spacing:-1px; }

/* Login Footer - Help */
#login_footer          { position:absolute; left:11px; top:54px; width:153px; padding:12px 0 0 6px; color:#CCCCCC; background:url(../img/login/bg_dot.jpg) repeat-x 0 0; font-size:11px; letter-spacing:-1px;}
#login_footer a        { color:#474747;}
#login_footer .first   { }
#login_footer .first a { font-size:11px; color:#ed6c1f; font-weight:bold;}

/* Login Menu */
#login_menu { position:absolute; top:187px; left:50%; margin-left:-490px; width:184px;  background:url(../img/login/bg_login_all.gif) no-repeat left top;}
#login_menu ul { padding:0; margin:0 0 0 1px; width:182px; }

#login_menu .title li { list-style-type:none; border-bottom:1px solid #dcdcdc; background:url(../img/btn/arrow_01.jpg) no-repeat 163px 13px;}
#login_menu .title .first { border-top:1px solid #dcdcdc; } 
#login_menu .title img { position:relative; left:15px; top:11px;}
#login_menu .title a:link, a:visited, a:active { }
#login_menu .title a:hover { background:url(../img/btn/arrow_02.jpg) no-repeat 163px 13px;}
#login_menu .title .btn { display:block; width:182px; height:32px;}


#login_menu .list { display:block; margin: 0 0 10px 0; } 
#login_menu .list .first { margin-top:5px;}
#login_menu .list li { list-style-type:none; /*background:url(../img/btn/line_01.jpg) no-repeat 12px 14px;*/ }
#login_menu .list a:link, a:visited, a:active { color:#939393; }
#login_menu .list a:hover                     { color:#939393; }
#login_menu .list .text { display:block; width:158px; height:11px; padding:10px 0 0 13px; letter-spacing:-1px; }
#login_menu .list .text2 { text-align:center; line-height:14px; letter-spacing:-1px; }
#login_menu .list .key { padding:10px 0 0 12px;}

#login_menu .bottom { height:31px; background:url(../img/login/bg_login_bottom.jpg) repeat-x 0 0;}
#login_menu .bottom li { list-style-type:none; display:inline; }
#login_menu .bottom .before { position:relative; left:9px;  top: 7px; }
#login_menu .bottom .before a:hover { background:url(../img/btn/arrow_04_1.jpg)  no-repeat 0 0 }
#login_menu .bottom .next   { position:relative; left:5px;  top: 7px; }
#login_menu .bottom .more   { position:relative; left:95px; top: 3px; }

/* Login Menu_20100621 */
#login_menu2 { position:absolute; top:290px; left:50%; margin-left:-490px; width:184px;   background:url(../img/login/bg_login_line2.jpg) no-repeat left top;}
#login_menu2 ul { padding:0; margin:0 0 0 1px; width:182px; }

#login_menu2 .title li { list-style-type:none; border-bottom:1px solid #dcdcdc; background:url(../img/btn/arrow_01.jpg) no-repeat 163px 13px;}
#login_menu2 .title .first { border-top:1px solid #dcdcdc; } 
#login_menu2 .title img { position:relative; left:15px; top:11px;}
#login_menu2 .title a:link, a:visited, a:active { }
#login_menu2 .title a:hover { background:url(../img/btn/arrow_02.jpg) no-repeat 163px 13px;}
#login_menu2 .title .btn { display:block; width:182px; height:32px;}

#login_menu2 .list { display:block; margin: 0 0 10px 0; } 
#login_menu2 .list .first { margin-top:5px;}
#login_menu2 .list li { list-style-type:none; background:url(../img/btn/line_01.jpg) no-repeat 12px 14px; }
#login_menu2 .list a:link, a:visited, a:active { color:#939393; }
#login_menu2 .list a:hover                     { color:#939393; }
#login_menu2 .list .text{ display:block; width:158px; height:11px; padding:10px 0 0 23px; letter-spacing:-1px; }

#login_menu2 .bottom { height:31px; background:url(../img/login/bg_login_bottom.jpg) repeat-x 0 0;}
#login_menu2 .bottom li { list-style-type:none; display:inline; }
#login_menu2 .bottom .before { position:relative; left:9px;  top: 7px; }
#login_menu2 .bottom .before a:hover { background:url(../img/btn/arrow_04_1.jpg)  no-repeat 0 0 }
#login_menu2 .bottom .next   { position:relative; left:5px;  top: 7px; }
#login_menu2 .bottom .more   { position:relative; left:95px; top: 3px; }


#top_bg { position:absolute; top:0px; left:50%; width:1000px; height:4px; background-color:#423a3a;}
/*#top_bg img { position:absolute; top:0px;} 익스 6에서 이미지로 상단바 제작시 자동 border 방지 - 백그라운드로 처리 */

#mdown  { position:absolute; top:443px; left:50%; margin-left:-490px; width:184px;}
#mdown2  { position:absolute; top:663px; left:50%; margin-left:-490px; width:184px;}
#sdown  { margin-top:20px; width:184px;}



/*************** sub *******************/

/******** sub_top ***********/
#sub_left { position:absolute; top:0px; width:30px; height:100%; background-color:#423a3a; }
#sub_left img { margin:13px 0 0 6px; }
#sub_top { position:absolute; top:0px; width:945px; height:4px; background-color:#423a3a; }

#sub_menu { position:absolute; top:192px; left:30px; }
#sub_menu h3 { margin:0; padding:0; }
#sub_menu ul { margin:0; padding:0; }
#sub_menu li { list-style-type:none; display:inherit; padding-bottom:2px;}
#sub_menu li a:link, a:visited, a:active { }
#sub_menu li a:hover { }


/* sub Menu2 */
#sub_menu2 { position:absolute; top:400px; left:44px; width:184px;  background:url(../img/login/bg_line.png) no-repeat left top;}
#sub_menu2 ul { padding:0; margin:0 0 0 1px; width:182px; }

#sub_menu2 .title li { list-style-type:none; border-bottom:1px solid #dcdcdc; background:url(../img/btn/arrow_01.jpg) no-repeat 163px 13px;}
#sub_menu2 .title .first { border-top:1px solid #dcdcdc; } 
#sub_menu2 .title img { position:relative; left:15px; top:11px;}
#sub_menu2 .title a:link, a:visited, a:active { }
#sub_menu2 .title a:hover { background:url(../img/btn/arrow_02.jpg) no-repeat 163px 13px;}
#sub_menu2 .title .btn { display:block; width:182px; height:32px;}

#sub_menu2 .list { display:block; margin: 0 0 10px 0; } 
#sub_menu2 .list .first { margin-top:5px;}
#sub_menu2 .list li { list-style-type:none; background:url(../img/btn/line_01.jpg) no-repeat 12px 14px; }
#sub_menu2 .list a:link, a:visited, a:active { color:#939393; }
#sub_menu2 .list a:hover                     { color:#939393; }
#sub_menu2 .list .text{ display:block; width:158px; height:11px; padding:10px 0 0 23px; letter-spacing:-1px; }

#sub_menu2 .bottom { height:31px;}
#sub_menu2 .bottom li { list-style-type:none; display:inline; }
#sub_menu2 .bottom .before { position:relative; left:9px;  top: 4px; }
#sub_menu2 .bottom .before a:hover { background:url(../img/btn/arrow_04_1.jpg)  no-repeat 0 0 }
#sub_menu2 .bottom .next   { position:relative; left:5px;  top: 4px; }
#sub_menu2 .bottom .more   { position:relative; left:95px; top: 0px; }



/************* sub_head - 서브타이틀 **************/
#sub_head { position:absolute; top:192px; left:250px; width:652px; }
#sub_head h3 {white-space:nowrap; margin:0 0 25px 0; padding:0 0 0 20px; height:45px; background:url(../img/btn/bg_sub_title.jpg) no-repeat left bottom }
#sub_head .text             { position:absolute;  z-index:1; width:300px; left:350px; top:28px; padding-right:5px; text-align:right; color:#3399FF; font-weight:normal; font-size:11px;  letter-spacing:-1px;}
#sub_head .text a           {text-decoration:none; color:#aeaeae; }
#sub_head .text a:visited   {text-decoration:none;}
#sub_head .text a:hover     {text-decoration:none; color:#aeaeae;}

#sub_head .select { padding:0; position:absolute; width:270px; left:398px; top:72px; }

#sub_head ul { margin:0; padding:0; }
#sub_head li { list-style-type:none; display:inherit;}





/********* sub_Footer *********/
.sub_footer             { width:860px;  text-align:right; margin:20px 0 0 -220px; padding:15px 0 20px 10px; border-top: 1px dotted #c1b7b4; }
.sub_footer a           {text-decoration:none; color:#888888;}
.sub_footer a:visited   {text-decoration:none;}
.sub_footer a:hover     {text-decoration:underline;}

.sub_footer ul          {margin:0 0 14px 0; font:bold 11px/1.0 맑은 고딕, 돋움, Dotum; padding:0; width:100%; display:inline; line-height:23px;}
.sub_footer ul li       {display:inline; padding:0 3px 0 4px; white-space:nowrap; border-left: 1px solid #8e8888;  }
.sub_footer ul li.first {border:none;}
.sub_footer ul a        {letter-spacing:0px;}
.sub_footer p           {margin:0 8px 14px 10px; font:11px/1.0 맑은 고딕, Verdana; line-height:16px; letter-spacing:0px;}
.sub_footer p a         {color:#666666;}
.sub_footer address     {margin:-3px 7px 0 10px; font:bold 9px/1.0 맑은 고딕, Verdana; }
.sub_footer address a   {color:#666666;}





/********* sub_Footer
.sub_footer             { position:relative; top:735px; width:100%; height:75px;  margin:44px 0 0 0; clear:both; text-align:left;  padding:20px 0 0 0px;; border-top:1px solid #d1d1d1;   }
.sub_footer a           {text-decoration:none; color:#a5a5a5;}
.sub_footer a:visited   {text-decoration:none;}
.sub_footer a:hover     {text-decoration:underline;}

.sub_footer ul          {margin:0 0 14px 0; font:11px/1.0 돋움, Dotum; padding:0; idth:100%;}
.sub_footer ul li       {display:inline; position:relative; padding:0 5px 0 8px; white-space:nowrap; border-left: 1px solid #8e8888; height:8px; }
.sub_footer ul li.first {border:none;}
.sub_footer ul a        {letter-spacing:-1px;}
.sub_footer p           {margin:-4px 0 14px 7px; font:10px/1.0 Verdana; line-height:16px; letter-spacing:-1px;}
.sub_footer p a         {color:#666666;}
.sub_footer address     {margin:0 14px 0 7px; font:bold 9px/1.0 Verdana; }
.sub_footer address a   {color:#666666;} *********/


/********* sub_Footer **
.sub_footer             {  width:100%; height:75px;  margin:44px 0 0 0; clear:both; text-align:left;  padding:20px 0 30px 50px;; border-top:1px solid #d1d1d1;   }
.sub_footer a           {text-decoration:none; color:#a5a5a5;}
.sub_footer a:visited   {text-decoration:none;}
.sub_footer a:hover     {text-decoration:underline;}

.sub_footer ul          {padding:0 0 14px 0; font:11px/1.0 돋움, Dotum; padding:0;}
.sub_footer ul li       {display:inline; position:relative; padding:0 5px 0 8px; white-space:nowrap; border-left: 1px solid #8e8888; height:8px; }
.sub_footer ul li.first {border:none;}
.sub_footer ul a        {letter-spacing:-1px;}
.sub_footer p           {margin:-4px 0 14px 7px; font:10px/1.0 Verdana; line-height:16px; letter-spacing:-1px;}
.sub_footer p a         {color:#666666;}
.sub_footer address     {margin:0 14px 0 7px; font:bold 9px/1.0 Verdana; }
.sub_footer address a   {color:#666666;}*******/



/* tap 가로 3단 */
.tap { position:relative; list-style:none; white-space:nowrap; display:inline; top:0px; }
.tap ul {}
.tap li { margin: 0 -2px 0 0; display:inline; }
.tap .first { padding-left:25px;}
.tap .line { padding-left:125px;}
.tap .line1 { padding-left:510px;}

/* t_tap 가로 7단 */
.tap2 { position:relative; list-style:none; display:inline; height:60px; bottom:6px; }
.tap2 ul { }
.tap2 li { margin: 0 -3px 0 0; display:inline; font-weight:normal; font-size:12px;  }
.tap2 .line { padding-left:50px;}
.tap2 .tap { }
.tap2 .tap a:link, .tap2 .tap a:visited { background:url(../img/guide/btn_06.jpg) no-repeat; color:#919191; padding:7px 20px 10px 20px; position:relative; }
.tap2 .tap a:hover { background:url(../img/guide/btn_06_over.jpg) no-repeat; color:#FFFFFF; padding:7px 20px 10px 20px; position:relative; text-decoration:none; }


/* sub_body - 내용,게시판출력 */
#sub_body        { position:relative; top:-3px; left:0px; width:652px; padding-top:20px; border:#d7d7d7 solid 1px; background:#FFFFFF; filter:Alpha(Opacity=100); }
#sub_body ul     { margin:0px 30px 20px 30px;}
#sub_body ul li  { font-size:12px; line-height:1.5em; color:#333333; }
#sub_body .list  { padding:0 0 20px 0;  border-bottom:#CCCCCC dotted 1px;}
#sub_body .title { font-weight:bold; line-height:2.5em; }
#sub_body .tip   { color:#3366CC; padding-top:5px; font-size:11px; letter-spacing:-1px;  }

#sub_body .list2  { margin:0 20px 0 20px; padding:10px 20px 15px 20px; border-bottom:#e0e0e0 solid 1px; background:url(../img/btn/down_01.jpg) no-repeat 515px 50%} /* 마우스 오버시 down_01.jpg -> down_01_over.jpg */
#sub_body .list2 ul {margin:0; padding:0;}
#sub_body .list2 li {}
#sub_body .title2 { font-weight:bold; color:#878787; }
#sub_body .date { font:bold 10px/1.0 Tahoma; color:#a5a5a5; padding:7px 0 3px 2px;}
#sub_body .content { width:400px; color:#a1a1a1; font-size:11px; letter-spacing:-1px;}

#sub_body .read { width:610px; margin:0 20px 0 20px; padding:0; border-top:#e0e0e0 solid 2px;}}
#sub_body .read td { padding:0 15px 0 15px;}
#sub_body .read .title { font-size:12px; color:#878787; line-height:3em;}
#sub_body .read .date { font:bold 10px/1.0 Tahoma; color:#a5a5a5; text-align:right;}
#sub_body .read .content { width:100%; border-top:#CCCCCC solid 1px; line-height:1.5em; padding-top:10px;} 
#sub_body .read .down {padding:10px 0px 20px 15px;} 
#sub_body .read .btn { text-align:right; padding:5px 2px 2px 10px; border-top:#e0e0e0 solid 2px; }

#sub_body .list_bt { width:610px; margin:0 20px 0 20px; } 
#sub_body .list_bt td { padding:0 20px 0 20px;  line-height:2.5em; border-bottom:#e5e5e5 solid 1px; }
#sub_body .list_bt .title { font-size:12px; color:#4b8bb5; }
#sub_body .list_bt .first { width:530px; font-size:12px; color:#6c6c6c; }

#sub_body .write { width:610px; margin:0 20px 10px 20px; padding:0; }
#sub_body .write td { }
#sub_body .write .title { font-size:12px; color:#878787;}
#sub_body .write .date { font:bold 10px/1.0 Tahoma; color:#a5a5a5; text-align:right;}
#sub_body .write .content { width:600px; color:#a1a1a1; font-size:12px; }
#sub_body .write .add { font-size:12px; color:#000; padding:10px 0 10px 5px; border-bottom:#e5e5e5 solid 1px; }
#sub_body .write .radio {font-size:12px; color:#333333; vertical-align:middle; padding:5px;}
#sub_body .write .btn { text-align: center; padding:15px 0 15px 0; border-top:#e0e0e0 solid 2px; }

.body { text-align:center; background:#fff;  border-left:#e3e3e3 solid 1px; border-right:#e3e3e3 solid 1px;}
.body .title { padding:10px 0 10px 0; }
.body ul { text-align:center; }
.body li { padding:10px 0 10px 0; }
.body .img { text-align:center; padding:10px 0 10px 0; background:url(../img/btn/dotted.gif) repeat-x bottom center; font-size:12px; font-family:맑은 고딕, "Malgun Gothic"; font-weight:bold; color:#727272; line-height:20px; }
.body .img01 { text-align:center; background:url(../img/btn/dotted.gif) repeat-x bottom center; }

table {margin:0; padding:0;}
table.view_type1 {width:600px; border-bottom:1px solid #DDDEE2; table-layout:fixed; font:12px Dotum;}
table.view_type1 caption {display:none;}
table.view_type1 th {padding:8px 0 5px 12px; border-top:1px solid #DDDEE2; border-left:1px solid #DDDEE2; background:#F1F1F3; line-height:20px; border-right:1px solid #DDDEE2; color:#666; font-weight:bold; text-align:left; vertical-align:top;}
table.view_type1 td {padding:8px 12px 5px 12px; border-top:1px solid #DDDEE2;  border-right:1px solid #DDDEE2; line-height:16px; vertical-align:top;}


/****** FAQ ******/

/****** list_faq (FAQ 리스트상단)  ******/
.list_faq { margin-top:10px; width:610px; border-top:#e1e1e1 solid 3px; border-bottom:#e1e1e1 solid 3px; border-left:#fff 10px; border-right:#fff 10px; background: url(../img/btn/line_02.jpg) no-repeat center; font-size:12px;  }
.list_faq tr { }
.list_faq td { text-align:center; vertical-align:middle; height:40px; } 
.list_faq td a { padding-left:10px; background:url(../img/btn/arrow_06.jpg) no-repeat 0px 2px;}
.list_faq td a:hover { color:#1953d7; padding-left:10px; background:url(../img/btn/arrow_07.jpg) no-repeat 0px 2px; text-decoration:none;}


.list_01   			{ margin-top:10px; width:610px; margin:0; font-size:12px; font-weight:bold; color:#acacac;  }
.list_01 tr	 		{ }
.list_01 td 	 	{ text-align:left; padding-left:10px; height:36px; border-bottom:#e5e5e5 solid 1px; }
.list_01 td a	    { padding-left:-10px; font-weight:normal; color:#646464; text-decoration:none; }
.list_01 td a:hover { text-decoration:none;}
.list_01 .read      { padding:25px 25px 40px 25px;}
.list_01 .read p    { font-weight:normal; color:#646464; line-height:1.5em; padding:0 25px 0 25px; }

/******FAQ 추가 2010.07.15*****/
#qna_m{background:url(/img/board/bg_qna.jpg) 0 0 no-repeat; width:189px; height:250px; margin-top:15px; padding:222px 0 0 10px;font-family:맑은고딕,굴림; font-weight:bold; color:#433124}

/* Paginate */
.paginate{ width:100%; padding:10px 0 12px 0; text-align:center;  }
.paginate *{ margin:0; padding:0;}
.paginate a,
.paginate strong{ _position:relative; display:inline-block; margin-right:-6px; padding:3px 7px 2px 7px; color:#707070; text-decoration:none;line-height:normal; font:11px Tahoma, Serif; }
.paginate strong{ color:#ff1315;}
.paginate a:hover,
.paginate a:active,
.paginate a:focus{ background-color:#eeeeee;}
.paginate a.pre,
.paginate a.pre_end,
.paginate a.next,
.paginate a.next_end{ font:11px Tahoma, Serif AppleGothic, Sans-serif;}
.paginate a.pre     { padding:4px 10px 2px 17px; background:url(../img/btn/bg_pg_prev.gif)  no-repeat 8px 8px;}
.paginate a.next    { padding:4px 18px 2px 11px; background: url(../img/btn/bg_pg_next.gif)  no-repeat 2px 8px}



/****** Layer popup ie6에서 셀렉트박스 위로보이기 js파일 참조****** /

/* Notice */
#Layer { position:relative; display:none;}

/* 20100708 이벤트 관련으로 삭제

#notice { position:absolute; z-index:1; width:440px; height:390px; left:50%; margin-left:-50px; top:120px; background:url(../img/btn/bg_notice02.gif) no-repeat; border:#FFFFFF solid 2px; }

#notice .title { position:relative; width:380px; left:34px; top:77px;  color:#6c6c6c; font:bold 12px Dotum;}
#notice .date { position:relative; width:380px; left:35px; top:95px; color:#a5a5a5; font:bold 9px Tahoma;}
#notice .content {position:relative; left:25px; top:95px; color:#6f6f6f; font:normal 11px/1.6 Dotum; border:0; padding:10px;}
#notice .btn {position:relative; left:270px; top:170px;}
#notice .list {position:relative; width:380px; left:30px; top:191px; color:#f69160;}
#notice .list a {color:#6c6c6c; letter-spacing:-1px;}
#notice .close {position:relative; left:30px; top:115px; }
#notice .close a {text-decoration:none; color:#5e3f31;}
#notice .close img { padding:0 0 1px 170px; }
#notice ul { margin:0; padding:0; }
#notice li { list-style-type:none; display:inherit; } */


/* event */

#notice { position:absolute; width:505px; height:340px; left:50%; margin-left:-250px; top:130px; background-color: #FFF; border:#c5c5c5 solid 5px; }
#notice .close { margin-top:-6px; *margin-top:0; padding:1px 0 0 10px; }
#notice .close a {text-decoration:none; color:#5e3f31;}
#notice .close img { padding:0 0 3px 268px; }
#notice ul { margin:0; padding:0; }


/* login - 20100702  로그인 레이어 팝업 상하좌우 위치값 삭제 */

#login { position:absolute; z-index:1; width:440px; height:410px; left:0; top:0px; background:url(../img/login/bg_login.gif) no-repeat; border:#FFFFFF solid 1px; }

#login .btn {position:absolute; left:300px; top:210px;}
#login .btn2 {position:absolute; left:300px; top:242px;}
#login .btn3 {position:absolute; left:300px; top:267px;}

#login .close {position:absolute; left:385px; top:386px;}
#login ul { margin:0; padding:0; }
#login li { list-style-type:none; display:inherit; }

/* Login popup */
#login_popup { position:absolute; top:97px; left:130px; width:184px; height:103px; overflow:visible; padding:16px 0 0 0;}
#login_popup fieldset { position:relative; border:none;background:red;float:left;  }
#login_popup .input_text{ background-color:#f6f6f6; display:block; border:1px solid #d8d8d8; width:130px; height:15px; color:#444;  padding:3px 0 0 5px;  vertical-align:top;}
#login uid {position:absolute; left:10px; top:0px;}
#login upw {position:absolute; left:10px; top:23px;}
#login_popup .none { display:none;} /*label*/

#keeping_popup {position:absolute; left:152px; }
#keeping_chk_popup {position:absolute; left:8px; top:59px; }
#keeping_chk_popup label {position:absolute; top:4px; left:20px; width:100px; font:11px 돋움, Dotum; color:#919191; letter-spacing:-1px; }


/* download */
#conbox { width:100%;}
#conbox .top {  background: url(../img/down/bg_down_top.gif) no-repeat; height:24px;}
#conbox .bot {  background: url(../img/down/bg_down_bot.gif) no-repeat; height:24px;}
#conbox .mid {  background: url(../img/down/bg_down_mid.gif) repeat-y; padding-left:35px; padding-top: 20px;}
.down{ margin-left:20px; margin-top:10px; font:12px 돋움; }
.con{  background: url(../img/down/dot.gif) no-repeat left center; height:22px; padding-left: 18px; font-weight: bold; width:80px;}

.btop { background: url(../img/down/bg_down_top1.gif) no-repeat; height:45px;}
.bbot { background: url(../img/down/bg_down_bot1.gif) no-repeat; height:16px;}
.bmid { background: url(../img/down/bg_down_mid1.gif) repeat-y;  padding-left:25px; font:11px 돋움, Dotum; line-height: 18px;}


/* about */
.infomid {  background: url(../img/about/bg_mid.gif) repeat-y; padding-left:15px; padding-top: 10px ;font:12px 돋움, Dotum; line-height: 18px; }
.infomid .tbox{font:12px 돋움, Dotum; line-height: 18px; padding:10px 15px 15px 15px;}
.infomid .line{ border-bottom:#eeeeee solid 1px; height:1px;}
.infomid .btxt {font:12px 돋움, Dotum; font-weight:bold; color:#60372a; line-height: 23px; letter-spacing:-1px;}

/* member */
#conbox .member_terms{padding:10px 25px; border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3; background-color:#FFFFFF; font-family:돋움}
#conbox .member_terms .box_title{display:inline-block; margin-left:138px; color:#898989;letter-spacing:-0.1em}
#conbox .terms01{ margin:0; padding:3px 0 5px 0; text-align:left; color:#5d5d5d }
#conbox .terms01 textarea{width:100%; height:78px; font:12px 돋움, Dotum;  line-height:16px; border:1px solid #d0d0d0; padding:8px 6px; color:#939393; scrollbar-arrow-color:#b1b1b1;scrollbar-base-color:#blck;scrollbar-face-color:#fafafa;scrollbar-darkshadow-color:#fff; scrollbar-track-color:#fff}
#conbox .terms01 input{ vertical-align:-0.4em}
#conbox .terms02{ margin:0; padding:3px 0 5px 0; text-align:left; color:#5d5d5d }
#conbox .terms02 textarea{width:100%; height:78px; font:12px 돋움, Dotum; line-height:16px;  border:1px solid #d0d0d0; padding:8px 6px; color:#939393; scrollbar-arrow-color:#b1b1b1;scrollbar-base-color:#blck;scrollbar-face-color:#fafafa;scrollbar-darkshadow-color:#fff; scrollbar-track-color:#fff}
#conbox .terms02 input{ vertical-align:-0.4em}

#conbox .member{padding:10px 25px; border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3; background-color:#FFFFFF; font-family:돋움}
#conbox .member_input{border:1px solid #e3e3e3; margin-top:3px; padding:10px 15px;}
#conbox .member_input table{border-collapse:collapse; font-size:12px; color:#5d5d5d; width:567px}
#conbox .member_input .td_left{ height:32px; width:77px; letter-spacing:-0.1em; text-align:left}
#conbox .member_input .td_center{ height:32px; font-size:11px; color:#909090; text-align:left;}
#conbox .member_input .td_right{ height:32px; font-size:11px; color:#909090; text-align:left;}

#conbox .input_text{ width:113px; padding:0 3px 0 3px; line-height:17px; border:2px solid #d0d0d0; color:#646464; font-size:11px;}
#conbox .input_phone{ width:35px; padding:0 3px 0 3px; line-height:17px; border:2px solid #d0d0d0; color:#646464; font-size:11px;}
#conbox .input_email{ width:74px; padding:0 3px 0 3px; line-height:17px; border:2px solid #d0d0d0; color:#646464;font-size:11px; vertical-align:-0.3em}
#conbox .input_select{ margin-left:2px; vertical-align:middle; padding:3px 0 2px 5px; _padding:2px 0 1px 5px; width:84px; height:20px; border:2px solid #d0d0d0; color:#646464; font-size:11px; display:inline; background:url(/img/btn/arrow_08.jpg) 95% 40% no-repeat; cursor:pointer}
#conbox .input_select2{ margin-left:2px; vertical-align:middle; padding:3px 0 2px 5px; _padding:2px 0 1px 5px; width:84px; height:20px;  color:#646464; font-size:11px; display:inline; background:url(/img/btn/arrow_08.jpg) 95% 40% no-repeat; cursor:pointer}
#conbox .member_input .bottom{border-top:1px solid #d5d5d5; text-align:right; padding:15px 0 5px 0; font-size:11px; color:#927240; letter-spacing:-0.1em}
#conbox .member_submit{ text-align:center; margin:0; padding:10px 0;}
#conbox  .member .box_title{display:inline-block; margin-left:73px; color:#898989;letter-spacing:-0.1em}

/* event page  */
#choco_event_step01{ position:relative; margin:0; padding:285px 0 0 135px; width:654px; height:628px; background:url(/img/event/bg_01_1.jpg) 0 0 no-repeat; font-size:12px; font-family:굴림;color:#FFFFFF; font-weight:bold;}
#choco_event_step01 input{ border:0;  margin:0; padding:0;}
#choco_event_step01 label{ margin-left:1px}
#choco_event_submit{ margin:22px 0 0 139px; padding:0;}
#choco_event_install{ margin:33px 0 0 306px;}
#choco_event_popup01{ position:absolute; width:442px; height:333px;left:118px;top:115px;background:url(/img/event/bg_popup_1.jpg) 0 0 no-repeat; text-align:center; display:none}
#choco_event_popup01 .popup_middle{ margin:107px 0 0 0; padding:0; font-family:맑은고딕,돋움; font-size:36px; font-weight:bold; color:#666666;}
#choco_event_popup01 .popup_bottom{ margin-top:90px; padding:0;}
#choco_event_popup01 .close {position:absolute; left:385px; top:306px;}
#choco_event_popup02{ position:absolute; width:442px; height:333px;left:118px;top:115px;background:url(/img/event/bg_popup_2.jpg) 0 0 no-repeat; text-align:center; display:block}
#choco_event_popup02 .popup_middle{ margin:107px 0 0 0; padding:0; font-family:맑은고딕,돋움; font-size:36px; font-weight:bold; color:#666666;}
#choco_event_popup02 .popup_bottom{ margin-top:90px; padding:0;}
#choco_event_popup02 .close {position:absolute; left:385px; top:306px;}
.color_red{ color:#ff2020}
#choco_event_step01 .event_text_input{width:332px;height:28px;padding:7px 0 0 10px;color:#f5f5f5;background:none;border:1px solid #4d5d74; margin:0 0 -10px 30px}

#choco_event_step02{ position:relative; margin:0; padding:0; width:654px; height:1144px; background:url(/img/event/bg_02_1.jpg) 0 0 no-repeat; font-family:굴림;}
#choco_event_imgs01{ position:absolute; margin:0; padding:0; left:20px; top:32px; z-index:10; display:block;}
#choco_event_imgs02{ position:absolute; margin:0; padding:0; left:328px; top:32px; z-index:40; display:block;}
#choco_event_imgs03{ position:absolute; margin:0; padding:0; left:20px; top:32px; z-index:30; display:block;}
#choco_event_imgs04{ position:absolute; margin:0; padding:0; left:328px; top:32px; z-index:20; display:block;}
#choco_event_gift{ margin:428px 0 0 128px; padding:0; }
#event_list_popup{ position:absolute; margin:0; padding:102px 35px 5px; width:442px; height:597px; left:115px; top:120px; background:url(/img/event/bg_popup_3.jpg) 0 0 no-repeat; z-index:50; display:none;}
#event_list_popup caption{ padding:12px 0 5px;text-align:left; color:#0059ab; font-size:14px; font-weight:bold; font-family:돋움;}
#event_list_popup table{ width:100%; border-collapse:collapse; border:1px solid #b4b4b4; color:#5c5c5c; font-size:12px}
#event_list_popup td{height:31px; padding:5px 10px}
#event_list_popup th{height:31px; padding:5px 10px}
#event_list_popup .td_cen{ text-align:center; color:#0084ff; font-weight:bold;}
#event_list_popup .td_left{ text-align:center}
#event_list_popup .td_right{ text-align:center; font-weight:bold}
#choco_event_step02 .close { position:absolute; left:385px; top:567px;}
#event_popup_gift{position:absolute; margin:0; padding:106px 56px 0; width:440px; height:388px; left:118px; top:447px; background:url(/img/event/bg_popup_4.jpg) 0 0 no-repeat; border:1px solid #fff;display:none;}
#event_popup_gift span{display:inline-block; height:68px; width:150px; font-size:16px; font-family:맑은고딕,굴림; font-weight:bold; color:#3e3f3f; text-align:center}
#event_popup_gift p{text-align:center; margin-top:90px;}

#event_popup_gift0{position:absolute; margin:0; padding:106px 56px 0; width:440px; height:388px; left:118px; top:447px; background:url(/img/event/bg_popup_4.jpg) 0 0 no-repeat; border:1px solid #fff;display:none;}
#event_popup_gift0 span{display:inline-block; height:68px; width:150px; font-size:16px; font-family:맑은고딕,굴림; font-weight:bold; color:#3e3f3f; text-align:center}
#event_popup_gift0 p{text-align:center; margin-top:90px;}

#event_popup_gift1{position:absolute; margin:0; padding:106px 56px 0; width:440px; height:388px; left:118px; top:447px; background:url(/img/event/bg_popup_4.jpg) 0 0 no-repeat; border:1px solid #fff;display:none;}
#event_popup_gift1 span{display:inline-block; height:68px; width:150px; font-size:16px; font-family:맑은고딕,굴림; font-weight:bold; color:#3e3f3f; text-align:center}
#event_popup_gift1 p{text-align:center; margin-top:90px;}
#event_popup_gift2{position:absolute; margin:0; padding:106px 56px 0; width:440px; height:388px; left:118px; top:447px; background:url(/img/event/bg_popup_4.jpg) 0 0 no-repeat; border:1px solid #fff;display:none;}
#event_popup_gift2 span{display:inline-block; height:68px; width:150px; font-size:16px; font-family:맑은고딕,굴림; font-weight:bold; color:#3e3f3f; text-align:center}
#event_popup_gift2 p{text-align:center; margin-top:90px;}
#event_popup_gift3{position:absolute; margin:0; padding:106px 56px 0; width:440px; height:388px; left:118px; top:447px; background:url(/img/event/bg_popup_4.jpg) 0 0 no-repeat; border:1px solid #fff;display:none;}
#event_popup_gift3 span{display:inline-block; height:68px; width:150px; font-size:16px; font-family:맑은고딕,굴림; font-weight:bold; color:#3e3f3f; text-align:center}
#event_popup_gift3 p{text-align:center; margin-top:90px;}
#event_popup_gift4{position:absolute; margin:0; padding:106px 56px 0; width:440px; height:388px; left:118px; top:447px; background:url(/img/event/bg_popup_4.jpg) 0 0 no-repeat; border:1px solid #fff;display:none;}
#event_popup_gift4 span{display:inline-block; height:68px; width:150px; font-size:16px; font-family:맑은고딕,굴림; font-weight:bold; color:#3e3f3f; text-align:center}
#event_popup_gift4 p{text-align:center; margin-top:90px;}
#event_popup_gift5{position:absolute; margin:0; padding:106px 56px 0; width:440px; height:388px; left:118px; top:447px; background:url(/img/event/bg_popup_4.jpg) 0 0 no-repeat; border:1px solid #fff;display:none;}
#event_popup_gift5 span{display:inline-block; height:68px; width:150px; font-size:16px; font-family:맑은고딕,굴림; font-weight:bold; color:#3e3f3f; text-align:center}
#event_popup_gift5 p{text-align:center; margin-top:90px;}
#event_popup_gift6{position:absolute; margin:0; padding:106px 56px 0; width:440px; height:388px; left:118px; top:447px; background:url(/img/event/bg_popup_4.jpg) 0 0 no-repeat; border:1px solid #fff;display:none;}
#event_popup_gift6 span{display:inline-block; height:68px; width:150px; font-size:16px; font-family:맑은고딕,굴림; font-weight:bold; color:#3e3f3f; text-align:center}
#event_popup_gift6 p{text-align:center; margin-top:90px;}

/* codec */
#sub_body .sub_title{font-weight:bold;color:#60372a;}
#sub_body .sub_title01{font-weight:bold;color:#3399ff;text-decoration:underline;padding:5px 0 0 0;}
#sub_body .sub_title01_small{color:#3399ff;font-size:11px;padding-bottom:5px;}
#sub_body .subCodec01{background:#f3f4f4;padding:10px;}
#sub_body .subCodec01 div{border:1px solid #e3e3e3;background:#FFF;padding:20px;font-size:14px;font-weight:bold;color:#3399ff;text-align:center;}
#sub_body .subCodec02{border:1px solid #e3e3e3;padding:10px 80px;background:url(../img/data/codecbg.gif) right top no-repeat;}
#sub_body .sub_title01_small a{color:#3399ff;font-size:11px;}
#sub_body .sub_title01_small a:visited {
 color:#3399ff;
}
#sub_body .sub_title01_small a:hover {
 color:#3399ff;
}
#sub_body .subCodec_cont{margin:0 10px 20px 10px;}
#sub_body .subCodec_cont li{background:url(../img/btn/dotted2.gif) left 8px  no-repeat;padding:0 0 0 10px;}
#sub_body .subCodec_contbg{background:#f3f4f4;padding:10px;}