@charset "euc-kr";

/* ////////////////////////////////////////////////////////////////////////////////
  Project Name         : 나무21 쇼핑몰
  Author               : 이영환
  Email                : hwanystory@naver.com
  Written date         : 2010.02.01 ~ 2010.02.27
  Browser              : IE6, IE7, IE8, FF, OP, SF, CR
//////////////////////////////////////////////////////////////////////////////// */

/* standard */
body {
background-image: url(../images/page_back.gif);
font-family:"dotum", sans-serif;
color:#666;
line-height:160%;
text-align:center;
margin:0;
font-size:12px;
word-break:break-all;
}

img {border:0;}

a {color:#666; text-decoration:none;}
a {color:#666; text-decoration:none;}
a:hover, a:active {color:#3A9000; text-decoration:none;}

ul {margin:0; padding:0; text-align:left;}
li {list-style:none;}
li img {vertical-align:middle;}

form {margin:0; padding:0;}
input {font-family:dotum;}
textarea {font-family:dotum;}
select {overflow:visible; font-family:dotum; vertical-align:middle;}

p {margin:0; padding:0;	line-height:140%;}

/* event */
#event {width:1010px; margin:0 auto; background:url(../images/menu_bar.gif) no-repeat; text-align:left;}
#event .right_ba {position:relative; top:0; left:0;}
#event .right_ba .book {position:absolute; top:60px; left:1020px;}


/* common */
.clear {clear:both; margin:0; padding:0;}
.Area_Left {float:left;}
.Area_Right {float:right;}
.margin_10 {margin-top:10px; clear:both;}
.margin_20 {margin-top:20px; clear:both;}

/* lay out */
.sub_center {margin:0 auto; margin-top:10px; width:1010px;}
#left_contents {width:190px; margin-right:20px; float:left;}
#right_contents {width:800px; float:left;}

/* main roll */
#main_roll {width:860px; height:180px;}
#main_roll ul {}
#main_roll ul li {width:150px; float:left; margin-right:20px; display:inline;}
#main_roll ul li.end {width:150px; float:left; margin-right:0; display:inline;}

#main_roll dl {width:150px; margin:0; padding:0;}
#main_roll dt {width:100%; color:#429B3A; padding:5px 0 3px 0; text-align:center; margin:0;}
#main_roll dt a {color:#429B3A; font-weight:bold;}
#main_roll dd {width:100%; text-align:center; margin:0; padding:0; text-align:left; font-size:11px; line-height:140%;}

#roll_arrow {position:absolute; width:21px; height:180px; top:0px; left:835px; z-index:1;}

/* left contents */
.left_box {width:190px; background:url(../images/left_bk.gif) repeat-y 0 0;}
.left_box.top_01 {background:url(../images/left_tit_01.gif) no-repeat 0 0; height:72px; overflow:hidden; padding:0;}
.left_box.top_02 {background:url(../images/left_tit_02.gif) no-repeat 0 0; height:72px; overflow:hidden; padding:0;}
.left_box.top_03 {background:url(../images/left_tit_03.gif) no-repeat 0 0; height:72px; overflow:hidden; padding:0;}
.left_box.top_04 {background:url(../images/left_tit_04.gif) no-repeat 0 0; height:72px; overflow:hidden; padding:0;}
.left_box.ltbott {background:url(../images/left_bottom.gif) no-repeat 0 0; height:10px; overflow:hidden; padding:0;}

#ltmenu_list {padding:15px 0 10px 22px;}
#ltmenu_list ul {}
#ltmenu_list ul li {margin-bottom:13px;}
#ltmenu_list ul li.menu_01 {background:url(../images/left_menu_01.gif) no-repeat; width:57px; height:15px;}
#ltmenu_list ul li.menu_02 {background:url(../images/left_menu_02.gif) no-repeat; width:44px; height:15px;}
#ltmenu_list ul li.menu_03 {background:url(../images/left_menu_03.gif) no-repeat; width:135px; height:15px;}
#ltmenu_list ul li.menu_04 {background:url(../images/left_menu_04.gif) no-repeat; width:64px; height:15px; margin:0;}
#ltmenu_list ul li.menu_05 {background:url(../images/left_menu_05.gif) no-repeat; width:43px; height:15px;}
#ltmenu_list ul li.menu_06 {background:url(../images/left_menu_06.gif) no-repeat; width:54px; height:15px;}
#ltmenu_list ul li.menu_07 {background:url(../images/left_menu_07.gif) no-repeat; width:34px; height:15px;}
#ltmenu_list ul li.menu_08 {background:url(../images/left_menu_08.gif) no-repeat; width:34px; height:15px;}
#ltmenu_list ul li.menu_09 {background:url(../images/left_menu_09.gif) no-repeat; width:44px; height:15px;}
#ltmenu_list ul li.menu_10 {background:url(../images/left_menu_10.gif) no-repeat; width:64px; height:15px; margin:0;}
#ltmenu_list ul li.menu_11 {background:url(../images/left_menu_11.gif) no-repeat; width:64px; height:15px;}
#ltmenu_list ul li.menu_12 {background:url(../images/left_menu_12.gif) no-repeat; width:70px; height:15px;}
#ltmenu_list ul li.menu_13 {background:url(../images/left_menu_13.gif) no-repeat; width:55px; height:15px;}
#ltmenu_list ul li.menu_14 {background:url(../images/left_menu_14.gif) no-repeat; width:44px; height:15px; margin:0;}
#ltmenu_list ul li.menu_15 {background:url(../images/left_menu_15.gif) no-repeat; width:73px; height:15px; margin:0;}
#ltmenu_list ul li a {display:block; width:100%; height:100%; margin:0 auto;}
#ltmenu_list ul li span {position:absolute; left:-1000px;}


/* sub contents */
#big_tit_01 {background:url(../images/tit_company.gif) no-repeat; width:800px; height:64px; margin-bottom:10px;}
#big_tit_02 {background:url(../images/tit_community.gif) no-repeat; width:800px; height:64px; margin-bottom:10px;}
#big_tit_03 {background:url(../images/tit_customer.gif) no-repeat; width:800px; height:64px; margin-bottom:10px;}
#big_tit_04 {background:url(../images/tit_mypage.gif) no-repeat; width:800px; height:64px; margin-bottom:10px;}

#sub_title {height:40px; border-bottom:1px solid #D6D6D6; margin-bottom:10px;}
#sub_title ul {}
#sub_title ul li {float:left; margin-top:10px;}
#sub_title ul li.point {float:right; margin-top:17px;}
#sub_title ul li.tit_01 {background:url(../images/tit_01.gif) no-repeat; width:90px; height:24px;}
#sub_title ul li.tit_02 {background:url(../images/tit_02.gif) no-repeat; width:69px; height:24px;}
#sub_title ul li.tit_03 {background:url(../images/tit_03.gif) no-repeat; width:221px; height:24px;}
#sub_title ul li.tit_04 {background:url(../images/tit_04.gif) no-repeat; width:102px; height:24px;}
#sub_title ul li.tit_05 {background:url(../images/tit_05.gif) no-repeat; width:70px; height:24px;}
#sub_title ul li.tit_06 {background:url(../images/tit_06.gif) no-repeat; width:85px; height:24px;}
#sub_title ul li.tit_07 {background:url(../images/tit_07.gif) no-repeat; width:52px; height:24px;}
#sub_title ul li.tit_08 {background:url(../images/tit_08.gif) no-repeat; width:52px; height:24px;}
#sub_title ul li.tit_09 {background:url(../images/tit_09.gif) no-repeat; width:70px; height:24px;}
#sub_title ul li.tit_10 {background:url(../images/tit_10.gif) no-repeat; width:103px; height:24px;}
#sub_title ul li.tit_11 {background:url(../images/tit_11.gif) no-repeat; width:103px; height:24px;}
#sub_title ul li.tit_12 {background:url(../images/tit_12.gif) no-repeat; width:110px; height:24px;}
#sub_title ul li.tit_13 {background:url(../images/tit_13.gif) no-repeat; width:87px; height:24px;}
#sub_title ul li.tit_14 {background:url(../images/tit_14.gif) no-repeat; width:70px; height:24px;}
#sub_title ul li.tit_15 {background:url(../images/tit_15.gif) no-repeat; width:110px; height:24px;}

#left_banner {margin-top:10px;}
#left_banner ul {}
#left_banner ul li {float:left;}
#left_banner ul li.butt_01 {background-image: url(../images/left_img_01.gif); width:190px; height:35px;}
#left_banner ul li.butt_02 {background-image: url(../images/left_img_02.gif); width:190px; height:35px; margin-top:5px;}
#left_banner ul li.butt_03 {background-image: url(../images/left_img_03.gif); width:190px; height:35px; margin-top:5px;}
#left_banner ul li.tel {background-image: url(../images/left_img_04.gif); width:190px; height:199px; margin-top:10px;}
#left_banner ul li.map {background-image: url(../images/left_img_05.gif); width:190px; height:51px;}
#left_banner ul li.date {background-image: url(../images/left_img_06.gif); width:190px; height:70px;}
#left_banner ul li a {display:block; width:100%; height:100%; margin:0 auto;}
#left_banner ul li span {position:absolute; left:-1000px;}


/* board */
.common_board {width:100%}
.common_board caption {padding-bottom:1px;}
.common_board td {border-bottom:1px solid #D6D6D6; padding:6px 0 6px 0;}
.common_board td img {padding:0 5px 0 5px;}
.common_board th {border-bottom:1px solid #D6D6D6; padding:6px 0 6px 0; font-weight:normal; background:#FEF8EA;}
.common_board th img {padding:0 5px 0 5px;}
.common_board th.notice {color:#FF4E00;}
.common_board th.name {color:#FF4E00;}
.common_board th.tit {padding-left:10px; text-align:left; font-weight:bold;}
.common_board th.tit a {color:#000; text-decoration:none;}
.common_board th.tit a:hover, a:active {color:#3A9000; text-decoration:none;}
.common_board td.tit {padding-left:10px; text-align:left;}
.common_board td.tit a {color:#000; text-decoration:none;}
.common_board td.tit a:hover, a:active {color:#3A9000; text-decoration:none;}

.common_board_view {width:100%; border-top:2px solid #7CB61F;}
.common_board_view th {background:#F0F6F0; border-bottom:2px solid #7CB61F; padding:3px 0 3px 0;}
.common_board_view td {border-bottom:2px solid #7CB61F; padding:3px 0 3px 10px; text-align:left;}
.common_board_view td img {padding:0 5px 0 5px;}

.view_box {border:1px solid #D6D6D6; padding:20px; text-align:left;}
.view_box .image_view {text-align:center; margin-bottom:20px;}

.re_box {border:1px solid #D6D6D6; background:#F6F6F6; padding:10px; margin-bottom:10px;}
.re_box .re_top {margin-bottom:5px;}
.re_box .re_top ul {}
.re_box .re_top ul li {float:left;}
.re_box .re_top ul li.name_fild {float:right;}

.re_box .re_bott {width:100%;}
.re_box .re_bott ul {}
.re_box .re_bott ul li {float:left;}
.re_box .re_bott ul li.re_butt {float:right;}


.ripple_text {}
.ripple_text ul {width:800px; float:left; padding:10px 0 10px 0; border-top:1px solid #D6D6D6;}
.ripple_text ul li {float:left;}
.ripple_text ul li.name {font-weight:bold; width:100px; padding-right:10px;}
.ripple_text ul li.text {width:490px; padding-right:10px;}
.ripple_text ul li.date {width:161px;}


.board_mun {text-align:center; border-top:1px solid #D6D6D6; border-bottom:1px solid #D6D6D6; padding:10px 0 10px 0; margin-bottom:10px;}
.board_mun ul {text-align:center;}
.board_mun ul li {display:inline; margin:0 10px;}
.board_mun ul li.point {color:#3F9538; font-weight:bold;}

.board_table {width:100%; margin-top:20px; border-top:2px solid #8ACB5F;}
.board_table th {background:#F0F6F0; color:#0A711B; padding:5px; border-bottom:1px solid #D6D6D6; border-right:1px solid #D6D6D6;}
.board_table th.wtit {text-align:left; background:#fff;}
.board_table th.title {text-align:left; padding-left:20px;}
.board_table th.end {border-right:0px;}
.board_table td {text-align:left; padding:5px; border-bottom:1px solid #D6D6D6;}

#view_pass {width:100%; height:200px; border-top:2px solid #7CB61F; border-bottom:1px solid #D6D6D6; text-align:left;}
#view_pass .pass_fild {width:400px; border-bottom:1px solid #D6D6D6; border-top:1px solid #D6D6D6; padding:20px 0 20px 30px; margin-top:70px; margin-left:200px;}
#view_pass .pass_fild .text {position:relative; top:0; left:0;}
#view_pass .pass_fild .text span {position:absolute; top:-45px; left:-25px;}
#view_pass .pass_fild input,img {vertical-align:middle;}


#board_search {border:1px solid #D6D6D6; background:#F6F6F6; padding:15px;}
#board_search img {vertical-align:middle;}

#faq_tab {background:url(../images/faq_tab.gif) no-repeat; width:800px; height:41px; text-align:left;}
#faq_tab ul {margin-left:300px;}
#faq_tab ul li {float:left; font-weight:bold; margin:12px 25px 0px 0px; display:inline;}
#faq_tab ul li.active a {color:#F0540F;}


/* top nave */
#Header_back {width:100%; height:266px; background-image: url(../images/top_nave_back.gif);}
#Header {width:1010px; margin:0 auto; height:75px;}
#Header ul {float:left;}
#Header ul li img{display:block;}

#Header ul.top_left {width:360px;}
#Header ul.top_left li {float:left; margin-top:13px; margin-bottom:13px;}
#Header ul.top_left li a {display:block; width:100%; height:100%;}
#Header ul.top_left li span {position:absolute; left:-1000px;}
#Header ul.top_left li.left_01 {background:url(../images/top_menu_01.gif) no-repeat; width:104px; height:14px; margin-right:15px;}
#Header ul.top_left li.left_02 {background:url(../images/top_menu_02.gif) no-repeat; width:104px; height:14px;}
#Header ul.top_left li.naver {background:url(../images/naver.gif) no-repeat; width:176px; height:22px; clear:both; margin:0;}

#Header ul.top_cn {width:280px;}
#Header ul.top_cn li {background:url(../images/logo.gif) no-repeat center 0; width:280px; height:66px; margin-top:3px;}
#Header ul.top_cn li a {display:block; width:203px; height:100%; margin:0 auto;}
#Header ul.top_cn li span {position:absolute; left:-1000px;}

#Header ul.top_right {width:370px;}

#top_top {width:370px; margin-top:13px;}
#top_top ul {float:right; height:20px;}
#top_top ul li {float:left;}
#top_top ul li.right_01 {background:url(../images/top_menu_03.gif) no-repeat; width:68px; height:20px;}
#top_top ul li.right_02 {background:url(../images/top_menu_04.gif) no-repeat; width:81px; height:20px; margin-left:5px;}
#top_top ul li.right_03 {background:url(../images/top_menu_05.gif) no-repeat; width:74px; height:20px; margin-left:5px;}
#top_top ul li a {display:block; width:100%; height:100%; margin:0 auto;}
#top_top ul li span {position:absolute; left:-1000px;}

#top_bott {width:370px; margin:0;}
#top_bott ul {float:right; height:16px; margin-top:13px;}
#top_bott ul li {float:left;}
#top_bott ul li.right_04 {background:url(../images/top_menu_06.gif) no-repeat; width:43px; height:16px;}
#top_bott ul li.right_05 {background:url(../images/top_menu_07.gif) no-repeat; width:52px; height:16px;}
#top_bott ul li.right_06 {background:url(../images/top_menu_08.gif) no-repeat; width:48px; height:16px;}

#top_bott ul li.right_07 {background:url(../images/top_menu_09.gif) no-repeat; width:55px; height:16px;}
#top_bott ul li.right_08 {background:url(../images/top_menu_10.gif) no-repeat; width:70px; height:16px;}
#top_bott ul li a {display:block; width:100%; height:100%; margin:0 auto;}
#top_bott ul li span {position:absolute; left:-1000px;}


#tot_menu {width:1010px; margin:0 auto; height:50px; background:url(../images/menu_bar.gif) no-repeat;}
#tot_menu ul {float:left;}
#tot_menu ul li {float:left;}
#tot_menu ul li img{display:block;}
#tot_menu ul li a {display:block; width:100%; height:100%; margin:0 auto;}
#tot_menu ul li span {position:absolute; left:-1000px;}

#tot_menu ul.menu_left {}
#tot_menu ul.menu_left li.menu_01 {background:url(../images/tot_menu_01.gif) no-repeat; width:106px; height:50px;}
#tot_menu ul.menu_left li.menu_02 {background:url(../images/tot_menu_02.gif) no-repeat; width:104px; height:50px;}
#tot_menu ul.menu_left li.menu_03 {background:url(../images/tot_menu_03.gif) no-repeat; width:86px; height:50px;}

#tot_menu ul.ser {margin:30px 0 0 75px;}
#tot_menu ul.ser li.ser_back {background:url(../images/ser_back.gif) no-repeat; width:198px; height:20px;}
#tot_menu ul.ser li.ser_butt {margin-left:3px; background:url(../images/ser_butt.gif) no-repeat; width:47px; height:20px;}
#tot_menu ul.ser li INPUT {margin-left:70px; margin-top:3px; border:0px; width:120px; font-size:11px; background-color:transparent;}

#tot_menu ul.menu_right {float:right;}
#tot_menu ul.menu_right li.menu_04 {background:url(../images/tot_menu_04.gif) no-repeat; width:88px; height:50px;}
#tot_menu ul.menu_right li.menu_05 {background:url(../images/tot_menu_05.gif) no-repeat; width:101px; height:50px;}
#tot_menu ul.menu_right li.menu_06 {background:url(../images/tot_menu_06.gif) no-repeat; width:125px; height:50px;}

#cert {width:1010px; height:141px; margin:0 auto; background:url(../images/cert_back.gif) no-repeat;}
#cert ul {padding-left:12px;}
#cert ul li {float:left; margin:0 5px 5px 0; display:inline;}
#cert ul li a {display:block; width:100%; height:100%; margin:0 auto;}
#cert ul li span {float:right; padding:4px 8px 0 0; font-size:11px; color:#FFF68F;}

#cert ul li.cert_01 {background:url(../images/cert_01.gif) no-repeat; width:180px; height:25px;}
#cert ul li.cert_02 {background:url(../images/cert_02.gif) no-repeat; width:113px; height:25px; margin:0;}
#cert ul li.cert_03 {background:url(../images/cert_03.gif) no-repeat; width:102px; height:25px; margin:0;}
#cert ul li.cert_04 {background:url(../images/cert_04.gif) no-repeat; width:110px; height:25px;}
#cert ul li.cert_05 {background:url(../images/cert_05.gif) no-repeat; width:150px; height:25px;}
#cert ul li.cert_06 {background:url(../images/cert_06.gif) no-repeat; width:150px; height:25px;}
#cert ul li.cert_07 {background:url(../images/cert_07.gif) no-repeat; width:160px; height:25px;}
#cert ul li.cert_08 {background:url(../images/cert_08.gif) no-repeat; width:180px; height:25px;}
#cert ul li.cert_09 {background:url(../images/cert_09.gif) no-repeat; width:160px; height:25px;}
#cert ul li.cert_10 {background:url(../images/cert_10.gif) no-repeat; width:160px; height:25px;}
#cert ul li.cert_11 {background:url(../images/cert_11.gif) no-repeat; width:150px; height:25px;}
#cert ul li.cert_12 {background:url(../images/cert_12.gif) no-repeat; width:150px; height:25px;}
#cert ul li.cert_13 {background:url(../images/cert_13.gif) no-repeat; width:160px; height:25px;}
#cert ul li.cert_14 {background:url(../images/cert_14.gif) no-repeat; width:180px; height:25px;}
#cert ul li.cert_15 {background:url(../images/cert_15.gif) no-repeat; width:160px; height:25px;}
#cert ul li.cert_16 {background:url(../images/cert_16.gif) no-repeat; width:160px; height:25px;}
#cert ul li.cert_17 {background:url(../images/cert_17.gif) no-repeat; width:150px; height:25px;}
#cert ul li.cert_18 {background:url(../images/cert_18.gif) no-repeat; width:150px; height:25px;}
#cert ul li.cert_19 {background:url(../images/cert_19.gif) no-repeat; width:160px; height:25px;}

#nave_notice {padding:0px 10px 0 10px; text-align:left; margin-top:13px; color:#F6FF9F; font-weight:bold;}

#cen_back {width:1010px; margin:0 auto;}

.cen_back_01 {float:left; background:url(../images/cen_back_01.gif) no-repeat; width:310px; height:180px;}
.cen_back_02 {float:left; background:url(../images/cen_back_02.gif) no-repeat; width:390px; height:180px;}
.cen_back_03 {float:left; background:url(../images/cen_back_03.gif) no-repeat; width:310px; height:180px;}

.notice_tab {background:url(../images/notice_tab.gif) no-repeat; width:295px; height:25px; margin-top:10px; margin-left:15px; margin-bottom:10px;}
.notice_tab a {display:block; width:100%; height:100%; margin:0 auto;}
.notice_tab span {position:absolute; left:-1000px;}

.notice_list {width:295px; height:85px; margin-left:15px;}
.notice_list ul {}
.notice_list ul li {float:left;}
.notice_list ul li.data {width:220px; height:20px; padding-left:18px; background:url(../images/main_icon_01.gif) no-repeat 0 3px;}
.notice_list ul li.date {width:55px; height:20px; font-size:11px; color:#F8751B;}

.main_butt {width:295px; height:50px; margin-left:15px;}
.main_butt ul {}
.main_butt ul li {float:left; margin-right:3px;}
.main_butt ul li a {display:block; width:100%; height:100%; margin:0 auto;}
.main_butt ul li span {position:absolute; left:-1000px;}
.main_butt ul li.main_butt_01 {background:url(../images/main_butt_01.gif) no-repeat; width:86px; height:50px;}
.main_butt ul li.main_butt_02 {background:url(../images/main_butt_02.gif) no-repeat; width:106px; height:50px;}
.main_butt ul li.main_butt_03 {background:url(../images/main_butt_03.gif) no-repeat; width:97px; height:50px; margin:0;}

#title_text {margin:0 auto; background:url(../images/title_text.gif) no-repeat; width:1010px; height:105px;}

#rool_01 {background:url(../images/rool_back_01.gif) no-repeat; width:1010px; height:210px; margin-bottom:20px;}
#rool_01 iframe {margin-top:15px; margin-right:5px;}
#rool_01 a {display:block; width:125px; height:100%; float:left;}
#rool_01 span {position:absolute; left:-1000px;}

#rool_02 {background:url(../images/rool_back_02.gif) no-repeat; width:1010px; height:210px; margin-bottom:20px;}
#rool_02 iframe {margin-top:15px; margin-right:5px;}
#rool_02 a {display:block; width:125px; height:100%; float:left;}
#rool_02 span {position:absolute; left:-1000px;}

#rool_03 {background:url(../images/rool_back_03.gif) no-repeat; width:1010px; height:210px;}
#rool_03 iframe {margin-top:15px; margin-right:5px;}
#rool_03 a {display:block; width:125px; height:100%; float:left;}
#rool_03 span {position:absolute; left:-1000px;}

#footer {background:url(../images/copy_link_back.gif) no-repeat; width:1010px; height:30px; margin-top:30px;}
#footer ul {padding-top:10px; padding-left:254px; height:30px;}
#footer ul li {float:left;}
#footer ul li.link_01 {background:url(../images/copy_link_01.gif) no-repeat; width:36px; height:11px; margin-right:60px;}
#footer ul li.link_02 {background:url(../images/copy_link_02.gif) no-repeat; width:35px; height:11px; margin-right:60px;}
#footer ul li.link_03 {background:url(../images/copy_link_03.gif) no-repeat; width:110px; height:11px; margin-right:60px;}
#footer ul li.link_04 {background:url(../images/copy_link_04.gif) no-repeat; width:35px; height:11px; margin-right:60px;}
#footer ul li.link_05 {background:url(../images/copy_link_05.gif) no-repeat; width:53px; height:11px;}
#footer ul li a {display:block; width:100%; height:100%; margin:0 auto;}
#footer ul li span {position:absolute; left:-1000px;}

#copyright {background:url(../images/copyright.gif) no-repeat center 0; height:100px; position:relative;}
#copyright a {position:absolute; text-indent:-1000em; width:38px; height:38px;}
#copyright .inicis_link a {top:7px; left:554px;}
#copyright .inicis_link a.link2 {top:7px; left:610px;}

/* tree */
#position {background:url(../images/position_back.gif) no-repeat center 0; width:1010px; height:45px; margin-bottom:10px;}
#position ul {}
#position ul li {float:left; margin-top:14px;}
#position ul li h2 {margin:0; padding-left:10px; font-size:14px; font-weight:bold; color:#0A711B;}
#position ul li.text {margin-right:10px; float:right;}

.tree_box {width:1010px; background:url(../images/viewbg_md.gif) repeat-y 0 0;}
.tree_box.top {background:url(../images/viewbg_top.gif) no-repeat 0 0; height:13px; overflow:hidden; padding:0;}
.tree_box.bott {background:url(../images/viewbg_bottom.gif) no-repeat 0 0; height:13px; overflow:hidden; padding:0;}

.s_box {width:474px; background:url(../images/sbg_md.gif) repeat-y 0 0;}
.s_box.stop {background:url(../images/sbg_top.gif) no-repeat 0 0; height:6px; overflow:hidden; padding:0;}
.s_box.sbott {background:url(../images/sbg_bottom.gif) no-repeat 0 0; height:6px; overflow:hidden; padding:0;}
.s_box p {text-align:left; padding:10px 13px 10px 13px;}

#big_img_view {}
#big_img_view ul {width:500px; float:left;}
#big_img_view ul li.big {float:left; padding-bottom:5px; padding-right:0px;}
#big_img_view ul li {float:left; padding-right:5px;}
#big_img_view ul li.end {float:left; padding:0;}

#view_mark {position:relative; left:0; top:0; z-index:2;}
#view_mark .img {position:absolute; left:0; top:0;}


#tit_back {border:2px solid #8ACB5F; width:470px; height:40px; margin-bottom:10px;}
#tit_back h2 {float:left; margin:0; padding-left:10px; padding-top:11px; font-size:14px; font-weight:bold; color:#0A711B;}
#tit_back span {float:left; margin:0; padding-left:10px; padding-top:12px; font-size:12px; color:#FF4E00;}

.order_table {width:100%; border-top:2px solid #8ACB5F;}
.order_table caption {padding-top:5px; padding-bottom:5px;}
.order_table caption h2 {float:left; margin:0; font-size:12px; font-weight:bold; color:#000;}
.order_table caption span {float:left; padding-left:10px; font-size:11px; color:#FF4E00;}
.order_table caption p {float:right;}
.order_table thead {clear:both;}
.order_table th {background:#F0F6F0; color:#0A711B; padding:5px; border-bottom:1px solid #8ACB5F; border-right:1px solid #8ACB5F;}
.order_table th.end {border-right:0px;}
.order_table td {padding:5px; border-bottom:1px solid #D6D6D6; border-right:1px solid #D6D6D6;}
.order_table td.left {padding:5px; border-bottom:1px solid #D6D6D6; border-right:1px solid #D6D6D6; text-align:left;}
.order_table td.standards {font-weight:bold; color:#000;}
.order_table td.pay {font-weight:bold; color:#0A711B;}
.order_table td.end {border-right:0px;}
.order_table td.number {color:#FF4E00; font-size:14px;}
.order_table td.id {color:#FF4E00; font-weight:bold;}
.order_table td.number span {color:#666; font-size:12px;}

.quantity td {text-align:top; font-size:0px; line-height:0px; padding:0; border:0px;}
.quantity INPUT {width:40px; height:14px;}
.quantity img {padding-left:3px; padding-top:1px;}

.butt {width:100%;}
.butt ul {}
.butt ul li {margin:10px 0 10px 0;}
.butt ul li.lt {float:left;}
.butt ul li.lt a {margin-right:10px;}
.butt ul li.rt {float:right;}
.butt ul li.rt a {margin-left:10px;}

#best3 {background:url(../images/best3.gif) no-repeat; width:1010px; height:52px;}

#best_back {background:url(../images/best_back.gif) no-repeat; width:1010px; height:310px; margin-bottom:20px;}
#best_back ul {padding-top:20px;}
#best_back ul li {width:268px; float:left; margin-left:52px; display:inline;}
#best_back ul li p {height:195px; border:1px solid #D9D9D9; padding:3px;}

#best_back dl {width:260px; margin:10px 0 0 0; padding:0;}
#best_back dt {width:100%; color:#429B3A; padding:10px 0 5px 0; text-align:center; margin:0; padding:0;}
#best_back dt a {color:#429B3A; font-weight:bold;}
#best_back dd {width:100%; height:18px; text-align:center; margin:0; padding:0;}


#tree_list {width:1010px;}
#tree_list ul {}
#tree_list ul li {width:185px; float:left; margin-right:21px; margin-bottom:20px; display:inline;}
#tree_list ul li.end {width:185px; float:left; margin-right:0; display:inline;}
#tree_list ul li p {height:127px; border:1px solid #D9D9D9; padding:3px;}

#tree_list dl {width:185px; margin:5px 0 0 0; padding:0;}
#tree_list dt {width:100%; color:#429B3A; padding:10px 0 5px 0; text-align:center; margin:0;}
#tree_list dt a {color:#429B3A; font-weight:bold;}
#tree_list dd {width:100%; height:20px; text-align:center; margin:0; padding:0;}

.page_mun {text-align:center; margin:20px 0 0 0; border-top:2px solid #D9D9D9; padding:20px 0;}
.page_mun ul {text-align:center;}
.page_mun ul li {display:inline; margin:0 10px;}
.page_mun ul li.point {color:#3F9538; font-weight:bold;}

/* order */
#cart_tit {background:url(../images/cart_back.gif) no-repeat 0 0; width:1010px; height:135px;}
#cart_tit .order {background:url(../images/order_back.gif) no-repeat 0 0; width:1010px; height:135px;}
#cart_tit .step_01{background:url(../images/cart_step_01.gif) no-repeat 0 0; width:480px; height:100px; float:right; margin-top:20px; margin-right:20px; display:inline;}
#cart_tit .step_02{background:url(../images/cart_step_02.gif) no-repeat 0 0; width:480px; height:100px; float:right; margin-top:20px; margin-right:20px; display:inline;}
#cart_tit .step_03{background:url(../images/cart_step_03.gif) no-repeat 0 0; width:480px; height:100px; float:right; margin-top:20px; margin-right:20px; display:inline;}
#cart_tit .step_04{background:url(../images/cart_step_04.gif) no-repeat 0 0; width:480px; height:100px; float:right; margin-top:20px; margin-right:20px; display:inline;}
#cart_tit span {position:absolute; left:-1000px;}

.cart_table {width:100%; margin-top:20px;}
.cart_table caption {text-align:left; padding-bottom:5px;}
.cart_table th {background:#fff; color:#0A711B; padding:5px; border-top:2px solid #8ACB5F; border-bottom:1px solid #D6D6D6;}
.cart_table th.end {border-right:0px;}
.cart_table th.head {border-right:0px; border-bottom:0px; text-align:left;}
.cart_table th.head span {color:#FF4E00;}

.cart_table td {padding:5px; border-bottom:1px solid #D6D6D6;}
.cart_table td.mun {font-weight:bold;}
.cart_table td.goods {text-align:left;}
.cart_table td.color1 {color:#FF4E00; font-weight:bold;}
.cart_table td.color2 {color:#0A711B; font-weight:bold;}
.cart_table td.color3 {color:#000; font-weight:bold;}



.cart_goods td {text-align:top; font-size:12px; color:#0A711B; line-height:160%; padding:0; border:0px;}
.cart_goods td a {color:#0A711B;}
.cart_goods INPUT {width:40px; height:14px;}
.cart_goods img {padding-right:5px;}

.cart_goods td {text-align:top; font-size:12px; color:#0A711B; line-height:160%; padding:0; border:0px;}
.cart_goods td a {color:#0A711B;}
.cart_goods img {padding-right:5px;}

.depts {width:100%;}
.depts td {height:30px; text-align:top; font-size:12px; line-height:160%; padding:0; border:0px;}
.depts td.pay {color:#FF4800; font-weight:bold;}
.depts td a {color:#0A711B;}
.depts INPUT {width:40px; height:13px; vertical-align:middle;}
.depts img {vertical-align:middle; margin-left:3px;}

#pay_sum {width:100%; background:#F2F2F2; height:35px; border-bottom:1px solid #D6D6D6;}
#pay_sum ul {padding-top:10px;}
#pay_sum ul li span {font-size:14px; font-weight:bold; color:#000;}
#pay_sum ul li.text {float:left; padding-left:10px;}
#pay_sum ul li.pay {float:right; padding-right:10px;}

#cart_center {width:100%; height:50px;}
#cart_center ul {margin-left:400px;}
#cart_center ul li {float:left; margin-top:20px;}
#cart_center ul li.butt_01 {background:url(../images/cart_butt_01.gif) no-repeat; width:115px; height:30px; margin-right:5px;}
#cart_center ul li.butt_02 {background:url(../images/cart_butt_02.gif) no-repeat; width:115px; height:30px;}
#cart_center ul li.butt_03 {background:url(../images/cart_butt_03.gif) no-repeat; width:125px; height:30px; margin-right:5px;}
#cart_center ul li.butt_04 {background:url(../images/cart_butt_04.gif) no-repeat; width:75px; height:30px;}
#cart_center ul li.butt_05 {background:url(../images/cart_butt_05.gif) no-repeat; width:85px; height:30px;}
#cart_center ul li.butt_06 {background:url(../images/cart_butt_06.gif) no-repeat; width:115px; height:30px;}
#cart_center ul li.butt_07 {background:url(../images/cart_butt_07.gif) no-repeat; width:115px; height:30px;}
#cart_center ul li a {display:block; width:100%; height:100%; margin:0 auto;}
#cart_center ul li span {position:absolute; left:-1000px;}

/* post */
#post {margin:0 auto; width:380px; margin-top:10px;}
#post .post_tit {background:url(../images/post_tit.gif) no-repeat; width:380px; height:35px; margin-bottom:10px;}
#post .pw_tit {background:url(../images/pw_tit.gif) no-repeat; width:380px; height:35px; margin-bottom:10px;}
#post .post_tit span {position:absolute; left:-1000px;}
#post .pw_tit span {position:absolute; left:-1000px;}

#post .post_box {width:380px; background:#7F947F;}
#post .post_box.top {background:url(../images/post_top.gif) no-repeat 0 0; height:10px; overflow:hidden; padding:0;}
#post .post_box.bott {background:url(../images/post_bottom.gif) no-repeat 0 0; height:10px; overflow:hidden; padding:0;}

#post .post_box .post_text {text-align:left; color:#fff; width:360px; padding:0 0 5px 10px; border-bottom:1px solid #D0DBCF; margin-bottom:5px;}
#post .post_box .post_text span {color:#FFFC00;}
#post .post_box .post_text.fild {width:360px; color:#FFFC00; border-bottom:1px solid #D0DBCF; padding-bottom:5px; margin-bottom:10px;}
#post .post_box .post_text.fild img,INPUT {vertical-align:middle;}

#post .post_box .post_text.add_list {width:360px;}
#post .post_box .post_text.add_list ul {}
#post .post_box .post_text.add_list ul li {padding:3px 10px 3px 10px; border-bottom:1px solid #A6B6A4; color:#fff;}
#post .post_box .post_text.add_list ul li span {color:#FFFC00; padding-right:10px;}
#post .post_box .post_text.add_list ul li a {color:#FFF;}


/* id popup */
#id_ch {margin:0 auto; width:380px; margin-top:10px;}
#id_ch .td_tit {background:url(../images/id_tit.gif) no-repeat; width:380px; height:35px; margin-bottom:10px;}
#id_ch .td_tit span {position:absolute; left:-1000px;}

#id_ch .post_box {width:380px; background:#7F947F;}
#id_ch .post_box.top {background:url(../images/post_top.gif) no-repeat 0 0; height:10px; overflow:hidden; padding:0;}
#id_ch .post_box.bott {background:url(../images/post_bottom.gif) no-repeat 0 0; height:10px; overflow:hidden; padding:0;}

#id_ch .post_box .post_text {text-align:left; color:#fff; width:360px; padding:0 0 5px 10px; border-bottom:1px solid #D0DBCF; margin-bottom:5px;}
#id_ch .post_box .post_text span {color:#FFFC00; font-weight:bold;}
#id_ch .post_box .post_text.fild {width:360px; color:#FFFC00; padding-bottom:5px; margin-bottom:10px;}
#id_ch .post_box .post_text.fild img,INPUT {vertical-align:middle;}



/* img view */
.img_view {margin:0 auto; width:840px;}
.img_view .img_view_tit {background:url(../images/img_view_tit.gif) no-repeat; width:800px; height:50px;}
.img_view .big_img {width:800px; height:600px; margin-bottom:10px;}
.img_view .text {width:800px; background:#212C08; text-align:left; padding:5px 0 5px 0; margin-bottom:10px;}
.img_view .text span {padding:5px; color:#fff;}

.small_img {width:800px;}
.small_img ul {}
.small_img ul li {float:left; margin-right:5px;}
.small_img ul li.close {float:right; margin-top:55px;}

/* member */
#member_tit {background:url(../images/member_tit_01.gif) no-repeat; width:1010px; height:85px; margin-bottom:10px;}
#member_tit .ask {background:url(../images/tit_ask.gif) no-repeat; width:1010px; height:85px; margin-bottom:10px;}
#member_tit .idps {background:url(../images/member_tit_02.gif) no-repeat; width:1010px; height:85px;}

.login {width:392px; padding-top:25px; padding-left:40px;}
.login .fild {margin:0 4px 4px 0;}
.login .fild p {margin:0 4px 4px 0;}
.login ul {}
.login ul li.login_box {height:77px; border-bottom:1px solid #E3E3E3;}
.login ul li.login_box img {vertical-align:middle;}

.login_butt {width:410px; padding-top:30px; padding-left:30px;}
.login_butt ul {}
.login_butt ul li {float:left;}


#join_tit {background:url(../images/join_back.gif) no-repeat 0 0; width:1010px; height:135px; margin-bottom:10px;}
#join_tit .step_01{background:url(../images/join_step_01.gif) no-repeat 0 0; width:350px; height:100px; float:right; margin-top:20px; margin-right:20px; display:inline;}
#join_tit .step_02{background:url(../images/join_step_02.gif) no-repeat 0 0; width:350px; height:100px; float:right; margin-top:20px; margin-right:20px; display:inline;}
#join_tit .step_03{background:url(../images/join_step_03.gif) no-repeat 0 0; width:350px; height:100px; float:right; margin-top:20px; margin-right:20px; display:inline;}
#join_tit span {position:absolute; left:-1000px;}

#member_lic {padding:20px 0 10px 45px;}
#member_lic .tit h2 {margin:0; font-size:12px; font-weight:bold; color:#0A711B;}
#member_lic textarea {width:900px; height:170px; padding:10px;}
#member_lic .check {background:url(../images/check_back.gif) no-repeat 0 0; width:232px; height:36px; margin:0 auto; margin-top:10px; text-align:center;}
#member_lic .check p {padding-top:8px;}


/* search */
#search_tit {background:url(../images/tit_search.gif) no-repeat; width:1010px; height:85px; margin-bottom:10px;}

.search_table {width:100%; margin-top:20px; border-top:2px solid #8ACB5F;}
.search_table td {padding:10px; border-bottom:1px solid #D6D6D6;}

.search_table ul {}
.search_table ul li {}
.search_table ul li.tree_img {margin-right:20px; width:177px; height:132px; display:inline;}
.search_table ul li.tit {font-weight:bold; font-size:14px; margin-bottom:10px;}
.search_table ul li.text {padding:10px; background:#F5F5F5; width:770px;}

/* main_popup */
/* .main_pop_box {background: url(/popup/bottom-left.gif) no-repeat left bottom;}
.main_pop_box-outer {background: url(/popup/bottom-right.gif) no-repeat right bottom;}
.main_pop_box-inner {background: url(/popup/top-left.gif) no-repeat left top;}
.main_pop_box h2 {background: url(/popup/top-right.gif) no-repeat right top; padding: 5px 5px 0px 5px; margin: 0;}
.main_pop_box ul {height:30px; margin-left:5px;}
.main_pop_box ul li {float:left; margin-top:5px; list-style:none;}
.main_pop_box ul li img {margin-right:5px; vertical-align:middle;} */

.main_popup {width:600px; background:#f1e8d9; font-family:"맑은고딕", sans-serif;}
.main_popup > strong {font-size:40px; color:#065126; display:block; text-align:center; line-height:120px; letter-spacing:-2px;}
.main_popup .pop_body {background:#fff; margin:0 50px 40px 50px; padding:30px; text-align:left; font-size:16px; color:#666; line-height:22px; max-height:300px; overflow:auto;}
.main_popup .pop_bott {background:#065126; position:relative; padding:10px; text-align:left;}
.main_popup .pop_bott p.today {display:inline-block;}
.main_popup .pop_bott p.close {position:absolute; right:10px; top:10px;}
.main_popup .pop_bott p a {display:block; border:1px solid #0e6734; font-size:16px; line-height:36px; color:#fff; padding:0 10px;}
.main_popup .pop_bott p a:hover {background:#054821;}
