*{margin:0px; padding:0px;}
@charset "euc-kr";
@font-face{font-family:NG;src:url({{$template}/img/netbuilder/NanumGothic.eot);src:local(¡Ø),url({{$template}/img/netbuilder/NanumGothic.woff) format('woff')}/* ¿©¹é ÃʱâÈ­ */
body{margin: 0;padding: 0;background:url('../img/main/top_bg.jpg') top repeat-x;}
header, nav, h1, ul, li {margin: 0;padding: 0;}
/* ¸®½ºÆ® ¿µ¿ª */
ul, li {list-style: none;}
/* ±âº» ÆùÆ® ¼³Á¤ */
body {font-family:NanumGothic, '³ª´®°íµñ', NG, sans-serif, µ¸¿ò, ±¼¸²; font-size:10pt; text-decoration:none;}
a:link {text-decoration:none; font-family:NanumGothic, '³ª´®°íµñ', NG, sans-serif, µ¸¿ò, ±¼¸²; font-size:10pt;}
a:visited {text-decoration: none; font-family:NanumGothic, '³ª´®°íµñ', NG, sans-serif, µ¸¿ò, ±¼¸²; font-size:10pt;}
a:hover {text-decoration:none; font-family:NanumGothic, '³ª´®°íµñ', NG, sans-serif, µ¸¿ò, ±¼¸²; font-size:10pt;}
a:active {text-decoration: none; font-family:NanumGothic, '³ª´®°íµñ', NG, sans-serif ,µ¸¿ò, ±¼¸²; font-size:10pt;}
/* À̹ÌÁö */
img { border : 0px;}

/*INPUT
input, img, select {vertical-align:middle}
input.text   {border:1px solid #7f9db9;}
textarea.textarea {border:0px solid #7f9db9;}
input.radio  {vertical-align:middle}
/*Common*/
body, th, td, textarea, h1, h2, h3, h4, h5, h6 {font-family:dotum;font-size:12px; color:#424142;}
body, th, td, textarea  { line-height:16px; }
img, fieldset     { border:0; }
li        { list-style:none; }
select, input     { font-family:verdana; color:#000000; font-size:1.00em;line-height:17px; }
address,em     { font-style:normal; }
button       { border:none; background:none; cursor:pointer; }
hr, legend     { display:none; }
p, h1, h2, h3, h4, h5, h6, form, input, ul, li, dl, dt, dd {margin:0; padding:0; }
a img {vertical-align:top;}*/

/* MAIN */
/*·Î°í¸Þ´º*/
#topw {position:relative;width:100%; height:122px; margin:0 auto; min-width:1170px; z-index:9999;}
#top {position:relative;width:1170px; height:26px; margin:0 auto;}
.media{position:relative;width:300px; height:26px; float:left; text-align:left; padding-top:0px;}
.loginmenu{position:relative;width:300px; height:26px; float:right; text-align:right; padding-top:5px;}
.logo{clear:both; position:relative;width:100%; height:55px; text-align:center; min-width:1170px;}

  /*ž¸Þ´º*/
#menu0 {position:relative; width:100%; height:31px; z-index:999999999; padding-top:10px; min-width:1170px;}
/**********¸ÞÀθ޴º************/
#DB_navi24 *{margin:0;padding:0;list-style:none}
#DB_navi24 img{border:0}
#DB_navi24 a{text-decoration:none}
#DB_navi24 {position:relative;font:12px 'µ¸¿ò';width:100%;}
#DB_navi24 .DB_wrap {position:relative;width:912px/*widthÀý¹Ý*/; left:50%; margin-left:-456px; height:25px}
#DB_navi24 .DB_wrap .DB_main{float:left;margin-top:0px}
#DB_navi24 .DB_wrap .DB_main li {float:left;width:auto;height:100%; text-align:center;}
#DB_navi24 .DB_wrap .DB_main li a{display:block;width:152px;height:25px;}
#DB_navi24 .DB_wrap .DB_main li.DB_select{}
#DB_navi24 .DB_mask{position:absolute;width:100%;height:auto/*¼­ºê¸Þ´ºÀüü³ôÀÌ*/;overflow:hidden;padding-top:5px;}
#DB_navi24 .DB_mask .DB_move{position:relative;width:100%;height:100%;background:url('../img/main/menu/bg.png') repeat-x center bottom;height:181px;top:-181px/*À§·Î ¸Þ´º¼û±â±â*/;border-bottom:2px solid #00297b}
#DB_navi24 .DB_mask .DB_move .DB_subSet{position:relative;width:912px;/*widthÀý¹Ý*/ left:50%;margin-left:-476px;padding-top:10px;}
#DB_navi24 .DB_mask .DB_move .DB_subSet ul{float:left; width:152px; text-align:center; }
#DB_navi24 .DB_mask .DB_move .DB_subSet ul:first-child{margin-left:0px}/*ºñÇ¥ÁØÀΰæ¿ì li¿¡ Ŭ·¡½º·Î Àû¿ë*/
#DB_navi24 .DB_mask .DB_move .DB_subSet ul li{height:25px;width:152px; padding:0 15px 0 15px;}
#DB_navi24 .DB_mask .DB_move .DB_subSet ul li a{display:block;width:90%;padding:2px;color:#ffffff;letter-spacing:-1px; }
#DB_navi24 .DB_mask .DB_move .DB_subSet ul li a:hover{color:#78a5ff;font-weight:bold;letter-spacing:-1px; background-color:#000;}
#DB_navi24 .DB_mask .DB_move .DB_subSet ul li.DB_select a{color:#78a5ff;font-weight:bold;letter-spacing:-1px;}
#topmenu{width:1000px;height:31px;position:relative;margin:0 auto;}

/*ºñÁê¾ó*/
#visual {position:relative;width:100%; height:auto; margin:0 auto; min-width:1170px;text-align:center; } 

/*ÄÁÅÙÃ÷1*/
#banw {position:relative;width:100%; height:330px; margin:0 auto; padding:0 0;} 
#ban {width:1170px; height:265px; margin:0 auto; padding:0px auto; background:#fff; text-align:center;}
#ban ul li {float:left; display:inline;}

/*´º½º °øÁö»çÇ× ¿Ü*/
#commw {position:relative;width:100%; height:228px; margin:0 auto;}
#comm {position:relative;width:1170px; height:228px; margin:0 auto; padding:0px 0; text-align:center;}
.notice{position:relative;width:260px;height:228px;padding:0px 0px 0 0px; float:left;}
.gallery{position:relative;width:330px;height:228px;padding:0px 0px 0 0px; float:left;}
.reserv{position:relative;width:250px;height:228px;padding:0px 0px 0 0px; float:left;}
.line{position:relative;width:33px;height:228px;padding:0px 0px 0 0px; float:left;  background:url(../img/main/line.jpg) center no-repeat;}
.map{position:relative;width:210px;height:228px;padding:0px 0px 0 0px; float:left;}

/*Á¦Ç° ÃßÃâµé 1*/
#gellw {position:relative;width:100%; height:330px; margin:0 auto; padding:0 0;} 
#gell {position:relative;width:1170px; height:330px; margin:0 auto; padding:0px auto; background:#fff; text-align:center;}
.gtitle{position:relative;width:288px height:45px;margin::0px 0px 0 0px; float:left;}

/*Á¦Ç° ÃßÃâµé 2*/
#gellw2 {position:relative;width:100%; height:330px; margin:0 auto; padding:0 0;} 
#gell2 {position:relative;width:1170px; height:330px; margin:0 auto; padding:0px auto; background:#fff; text-align:center;}
.gtitle{position:relative;width:288px height:45px;margin::0px 0px 0 0px; float:left;}



/*DzÅÍ*/
#foot2 {clear: both;position:relative;width:100%; height:100px; margin:0 auto; background:#4d5154;}
#foot3 {clear: both;position:relative;width:1170px; height:100px; margin:0 auto;background:#4d5154; padding:0px 0; text-align:center;}
.fotlogo {position:relative;width:214px; height:74px; background:#4d5154; margin:0 0; float:left;}
.copyr {position:relative;width:800px; height:29px; background:#4d5154; color:#898989; margin:35px 0; float:left;}
.fam {position:relative;width:156px; height:35px; background:#4d5154; color:#898989; margin:30px 0; float:right;}

/* SUB */

/* SUBvisual */
.s_visual1 {position:relative;width:100%; height:181px; margin:0 0 0 0; background:url(../img/main/svi.jpg) top center repeat; min-width:1170px;}
.s_visual2 {position:relative;width:100%; height:181px; margin:0 0 0 0; background:url(../img/main/svi.jpg) top center no-repeat; min-width:1170px;}
.s_visual3 {position:relative;width:100%; height:181px; margin:0 0 0 0; background:url(../img/main/svi.jpg) top center no-repeat; min-width:1170px;}
.s_visual4 {position:relative;width:100%; height:181px; margin:0 0 0 0; background:url(../img/main/svi.jpg) top center no-repeat; min-width:1170px;}
.s_visual5 {position:relative;width:100%; height:181px; margin:0 0 0 0; background:url(../img/main/svi.jpg) top center no-repeat; min-width:1170px;}
  
/* SUB ÄÁÅÙÃ÷¿µ¿ª */
.s_contentw {position:relative;width:100%; margin:0 auto; height:auto; min-height:600px; }
.s_content {position:relative;width:1170px; margin:0 auto;}
.s_con {position:relative; width:880px; text-align:left; float:right; margin:50px 0px 50px 40px;}


/* SUB ÄÁÅÙÃ÷ ¼½¼Ç */
.s_h3 {font-size: 14px; font-weight: bold; margin-bottom: 1em;}
.s_h3.gray {color: #999;}
.s_p {font-size: 12px; margin-bottom: 1.5em;}
.s_p.text_head {font-size: 14px;font-weight: bold;color: #fe8a87;}
.s_p.text_right {text-align: right;}
.s_p.photo_left { float: left;padding-bottom: 40px;margin-right: 20px;}
.s_p.photo_cright {float: right;padding-bottom: 40px;margin-left: 20px;}
.s_p.photo_right {padding-right: 15px;text-align: right;}


/* SUB¸Þ´º */
.smenu {position:relative; width:210px; height:auto; float:left;margin:20px 0 0px 0px;}
#quick {position:fixed;width:12px; height:39px; left:50%;  top:0px; z-index:111111;}

/* SUBmenu */
.smenu ul li { width:210px; height:28px; overflow:hidden;}
.smenu ul li img:hover { margin-left:-210px; }

/* SUBÈ÷½ºÅ丮 */
.history {width:40%; float:right; text-align:right;}
.history .page{font-weight:bold;}
.subtitle {width:40%; float:left; text-align:left; margin-left 0px;}

/* ÇÁ·ÎÁ§Æ® ÁøÇàÇöȲ */
#m_hr_top {border-top:2px solid #b8b8b8;clear:both;margin:10px 0 15px 0}
#m_list_table {width:650px;border-collapse:collapse;margin-top:-16px;border-top:1px solid #cecece;}
#m_list_table th {background:#e4e4e4;height:29px;font-size:12px;font-family:dotum;color:#666666;font-weight:bold;border-bottom:1px solid #cecece;}
#m_list_table td {font-size:12px;font-family:dotum;color:#666666;height:29px;text-align:center;border-bottom:1px solid #cecece;}
#m_list_table #subject {text-align:left;margin:0 auto; padding-left:8px}
#m_list_table #subject a:link {font-size:12px;font-family:dotum;color:#666666;text-decoration:none}
#m_list_table #subject a:visited {font-size:12px;font-family:dotum;color:#666666;text-decoration:none}
#m_list_table #subject a:hover {font-size:12px;font-family:dotum;color:#666666;text-decoration:underline}
#m_list_table #graph {width:155px;text-align:left}
#graph_table {width:100px;float:left;margin-top:5px}
#graph_table td {height:5px;}
#graph_percent {float:left;width:35px;text-align:right;margin:0 auto;}
#graph_o {height:5px;background:#cc6666}
#graph_x {height:5px;background:#cccccc}
#m_hr_btm {border-top:1px solid #cccccc;clear:both;margin:0px 0 15px 0}
#m_hr_btm_view {border-top:2px solid #b8b8b8;clear:both;margin:15px 0 15px 0}
#m_page {text-align:center;margin:0 auto;clear:both;color:#cc3333;font-size:11px;font-family:dotum;}
#m_page a:link {font-size:11px;font-family:dotum;color:#666666;text-decoration:none}
#m_page a:visited {font-size:11px;font-family:dotum;color:#666666;text-decoration:none}
#m_page a:hover {font-size:11px;font-family:dotum;color:#666666;text-decoration:underline}
#m_page img {margin:0 5px -2px 5px}
#m_search {text-align:center;margin:0 auto;padding-top:6px}
#m_search_text {border:1px solid #b2b2b2}
#m_search img {vertical-align:middle}
#m_search select {font-size:12px;font-family:dotum}
#m_control_btn {float:right;margin:0 auto;margin-top:-19px}
#m_view_btn {float:right;;margin-top:-23px}
#m_view_btn img {cursor:pointer}
#m_view_table {width:650px;border-collapse:collapse;margin-top:-16px;border-top:1px solid #cecece;}
#m_view_table th {width:91px;background:#e4e4e4;height:29px;font-size:12px;font-family:dotum;color:#666666;font-weight:bold;border-bottom:1px solid #cecece;}
#m_view_table th div {padding-left:18px;text-align:left;}
#m_view_table td {font-size:12px;font-family:dotum;color:#666666;background:#ffffff;border-bottom:1px solid #cecece;}
#m_view_table td div {padding-left:15px}
#m_view_content {padding:14px 20px 14px 20px;width:650px;overflow-x:auto}
#m_view_page {text-align:left;margin:0 auto;padding-top:0px}
#m_write_table {width:650px;border-collapse:collapse;margin-top:-16px}
#m_write_table th {width:135px;background:#e4e4e4;height:29px;font-size:12px;font-family:dotum;color:#666666;font-weight:bold}
#m_write_table th div {padding-left:18px;text-align:left;margin:0 auto;}
#m_write_table td {font-size:12px;font-family:dotum;color:#666666;background:#ffffff}
#m_write_table td div {padding-left:15px}
#m_write_content {padding:14px 20px 14px 20px;width:650px;overflow-x:auto}
#m_write_page {text-align:center;margin:0 auto;padding-top:0px}
/* output */
#output_project {width:260px;margin-top:2px}
#output_project #subject {width:112px;height:17px;background:url(../img/main/m_bg_project_output.gif) no-repeat;font-size:12px;font-family:dotum;padding-left:7px;}
#output_project a:link {font-size:12px;font-family:dotum;color:#666666;text-decoration:none}
#output_project a:visited {font-size:12px;font-family:dotum;color:#666666;text-decoration:none}
#output_project a:hover {font-size:12px;font-family:dotum;color:#666666;text-decoration:underline}
#output_project #percent {text-align:right;font-size:12px;font-family:dotum;color:#666666}
#graph_o {height:5px;background:#cc6666}
#graph_x {height:5px;background:#cccccc}


/* login */
.memberlogin_form1 {width:329px;}
.memberlogin {width:248px;height:76px;padding:20px 0 0 57px;margin:13px 0 0 12px;background:url(../img/design/bg_login1.gif) no-repeat;}
.memberlogin input.text {border:1px solid #cacaca;height:16px;vertical-align:bottom}
.memberlogin label {display:inline-block;width:52px;height:18px;margin:6px 0 0 0;font-size:11px;font-weight:bold;color:#666666;}
.login_act {text-align:center;margin:12px 0 0 0;}
.memberlogin_form2 {width:329px;;margin:0 0 0 26px;}
.memberlogin_form2 .memberlogin {width:258px;height:76px;padding:20px 0 0 47px;margin:13px 0 0 12px;background:url(../img/design/bg_login1.gif) no-repeat;}
.memberlogin_form2 .memberlogin label {width:69px}
.etc_act  {width:100%;padding:18px 0 0 0;margin:12px 0 0 0;border-top:1px solid #cfcfcf}
.etc_act li  {background:url(../img/design/bl_list.gif) left 5px no-repeat;height:27px;}
.etc_act .txt {display:inline-block;width:157px;padding:0 0 0 8px;}
.memberlogin_form2 .etc_act .txt {width:270px;line-height:18px;}
.member_join {border:4px solid #e3e2e2;padding:10px 13px;}
.join_check {width:448px;height:76px;padding:20px 0 0 57px;margin:13px 0 0 102px;}
.join_check input.text {border:1px solid #cacaca;height:16px;width:180px;vertical-align:bottom}
.join_check label {display:inline-block;width:100px;height:18px;margin:6px 0 0 0;font-size:11px;font-weight:bold;color:#666666;}
.member_join .login_act {text-align:left;height:56px;margin:-71px 0 0 453px;}
.member_join2 {}
.member_join2  h3 {clear:both;height:20px;font-size:11px;font-weight:bold;color:#666666}
.member_join2 .textarea1  {padding:5px;border:1px solid #cacaca;width:690px;height:129px;line-height:17px;}
.member_join2 .agree {float:left;clear:both;width:700px;height:50px;}
.member_join2 .agree dt {float:left;width:220px;padding:0 0 0 8px;margin:5px 0 0 0;background:url(../img/design/bl_list.gif) left 7px no-repeat;font-size:11px;color:#666666;}
.member_join2 .agree dd {float:right;margin:5px 0 0 0;font-size:11px;color:#666666;}
.member_join2 .agree li {margin:5px 0 0 0;font-size:11px;color:#666666;}
.member_join .join_complate {width:507px;height:92px;padding:28px 0 0 170px;background:url(../img/design/bbs/bg_login_complate.gif) 52px 15px no-repeat;}
.member_join .join_complate .txt1 {font-weight:bold;color:#004d7b;line-height:1.5em}
.member_join .join_complate .txt2 {color:#666666;line-height:1.5em}


/* ¼îÇθô */
.btn {margin:18 0 0 0;text-align:center}
.btn img {cursor:hand}
.t_01 {border-collapse:collapse; border-top:2px solid #000; border-bottom:1px solid #000;  border-right:1px solid #ebebeb;}
.t_01 th {padding:7px; border-bottom:1px solid #ebebeb; border-left:1px solid #ebebeb; color:#666666; font-weight:normal; font-size:12px; font-family:dotum,µ¸¿ò,µ¸¿òü; background:#f6f6f6;}
.t_01 td {padding:7px; border-bottom:1px solid #ebebeb; border-left:1px solid #ebebeb; color:#555555; font-size:12px; font-family:dotum,µ¸¿ò,µ¸¿òü; background:#ffffff;}
/************************* input type :  search(»ó´Ü °Ë»ö) ***********************************/
.sc_input { background-color:#ffffff;border-style:solid;border-width:1;border-color:#CA0000;}
.location { padding:0 40 0 0;font-family:±¼¸²; font-size:11px;letter-spacing:-1px ;color:gray}
.sub_menu_title { padding:0 0 0 18;font-family:±¼¸²; font-size:12px;font-weight:bold;letter-spacing:0px ;color:#666666}
.table_tle1 {height:25px;background:#F6F6F6;text-align:center;color:#666666;}
.table_tle2 {height:25px;background:#f6f6f6;text-align:left;color:#666666;padding-left:8px;}
.table_cont1 {text-align:left;padding-left:8;color:#555555;line-height:18px}
.table_cont2 {text-align:center;color:#555555;line-height:18px}
.table_cont3 {color:#DA0000;text-align:right;padding-right:8}
.table_cont4 {color:#DA0000;text-align:center;}
.table_cont5 {color:#DA0000;text-align:left;padding-left:8;}
.price {color:#DA0000;text-align:right;}
.title {float:left;padding:21 0 0 34;font-weight:bold;#333333;font-size:14px;letter-spacing:-1}
.title2 {float:left;margin-top:17px}
.history1 {float:right;color:#999999;font-size:11px;padding:21 15 0 0} /*ȸ»ç¼Ò°³ È÷½ºÅ丮*/
.history1 a {color:#999999;font-size:11px;}
.history1 a:visited {color:#999999;font-size:11px;}
/* product */
#product_img {float:left; padding:0 0 0 18px; margin:0 0 30px 0; text-align:center;}
#product_info {float:right; width:400px; height:400px; padding-left:15px; text-align:left; line-height:30px;  margin:40px 0 0px 0;}
.product_tle {background:url(../img/main/bg_product1.gif) bottom repeat-x;height:35px; margin:0 0 10px 0; font-weight:bold;font-size:16px}
.product_txt1 {background:url(../img/main/bg_product2.gif) no-repeat;padding:0 0 0 9;font-weight:bold;color:#686461;font-size:11px}
.product_txt2 {color:#666666;font-size:12px}
.product_price {color:#EE2131;font-weight:bold}
.tle_bar {background:url(../img/main/bg_tle.gif) no-repeat;width:690;height:29;padding:7 0 10 27;font-weight:bold;margin-top:27}
#product_content {clear:both;background:url(../img/main/tab_bg.gif) repeat-x;margin-top:30;width:850}
/* ½æ³×ÀÏ */
#nail img {border:1px solid #CACACA;margin:2;cursor:hand;width:50px;height:50px}
#nail_txt {padding-top:5px; font-size:11px; color:#666666;}
#nail_txt a:link{text-align:left;padding-top:5;font-size:11px;color:#666666;}
#nail_txt a:visited{text-align:left;padding-top:5;font-size:11px;color:#666666;}
.product_tab {cursor:hand}
/* Àå¹Ù±¸´Ï */
.total_order {padding:12px 10px 10px;border-top:1px solid #E8E2CD;border-bottom:1px solid #E8E2CD;background:#f6f6f6;line-height:24px;text-align:right;font-weight:bold;color:#666666}
.total_order .sum_price {color:#da0000;font-size:14px}
.total_order .sum {font-size:14px}