/* ------------------------
  2007-06-12 sukyoung.kim
---------------------------*/

/* ------------------------
  default
---------------------------*/
body{margin:0;padding:0;background:#fff;}

body,td,input,textarea{color:#898989;font:normal 12px/18px Dotum, Gulim, µ¸¿ò, ±¼¸², verdana, helvetica, AppleGothic, Sans-serif;}

a:link{color:#898989;text-decoration:none;}
a:visited{color:#898989;text-decoration:none;}
a:active{color:#898989;text-decoration:none;}
a:hover{color:#729222;text-decoration:none;}
  
div, ul, form, fieldset, td, th, li, h1, h2, h3, h4, p{margin:0; padding:0;}

ul{list-style:none;}
img{border: none;}

/* ------------------------
  form 
---------------------------*/
.input{border:1px solid #c7c7c7;height:20px;color:#898989;background:#f1f5e8;line-height:16px;padding:2px 0 0 3px;}
.select{font-size:12px;color:#898989;margin:-3px 0 0 0;behavior: url('/common/css/selectbox.htc');}
.select_m{font-size:12px;color:#898989;margin:0;width:560px;height:48px;}
.select2{font-size:12px;color:#898989;margin:-3px 0 0 0;behavior: url('/css/selectbox2.htc');}
.textarea{overflow:auto;overflow-x:hidden;border:1px solid #c7c7c7;padding:5px 3px;background:#f1f5e8;scrollbar-face-color:#f2f6e9;scrollbar-highlight-color:#ffffff;scrollbar-3dlight-color: #f2f6e9;scrollbar-darkshadow-color: #f2f6e9;scrollbar-shadow-color: #cbcfc2;scrollbar-arrow-color: #babeb1;scrollbar-track-color: #ffffff;scrollbar-base-color:#f2f6e9;}
.textarea2{overflow:auto;overflow-x:hidden;border:1px solid #c7c7c7;color:#729222;padding:5px 3px;background:#f1f5e8;scrollbar-face-color:#f2f6e9;scrollbar-highlight-color:#ffffff;scrollbar-3dlight-color: #f2f6e9;scrollbar-darkshadow-color: #f2f6e9;scrollbar-shadow-color: #cbcfc2;scrollbar-arrow-color: #babeb1;scrollbar-track-color: #ffffff;scrollbar-base-color:#f2f6e9;}
.radio{margin-bottom:-1px;}
.check{margin-bottom:-1px;}
.input2{border:1px solid #c7c7c7;height:20px;color:#729222;background:#f1f5e8;line-height:16px;padding:2px 0 0 3px;}

/* ------------------------
  layout
---------------------------*/
.body_td{text-align:right;}
.body_td_main{text-align:right;padding:340px 0 0 0;background:url(/images/main/bg_main_flash.gif) left 330px no-repeat;}
#wrap{text-align:center;}
#content{width:740px;text-align:left;margin:0 20px 0 0;}
#con_l{float:left;width:245px;}
#con_r{float:right;width:495px;}
#main_top_flash{position:absolute;width:100%;text-align:center;}


/* ------------------------
  basic_class
---------------------------*/
.btn_area{clear:both;width:740px;float:right;text-align:right;border-top:1px solid #f0f0f0;padding:9px 0 0 0;margin:1px 0 0 0;}
.btn_area img{display:block;}
.btn_area div.left{float:left;}
.btn_area div.left img{float:left;}
.btn_area div.right{float:right;}

.btn_area_s{width:495px;float:right;text-align:right;border-top:1px solid #f0f0f0;padding:9px 0 0 0;margin:1px 0 0 0;}
.btn_area_s img{display:block;}
.btn_area_s div.left{float:left;text-align:left;width:300px;}
.btn_area_s div.left img{float:left;margin:0 15px 0 0;}
.btn_area_s div.rright{float:right;vertical-align:top;width:50px;}
.btn_area_s div.rright img{float:right;}

.btn_area_s2{width:400px;float:right;text-align:right;border-top:1px solid #f0f0f0;padding:9px 0 0 0;margin:1px 0 0 0;}
.btn_area_s2 img{display:block;}

.tab,
.tab li{float:left;}
.box_6px{float:left;border:6px solid #bacd8b;padding:26px 0 26px 0;width:495px;margin:0 0 19px 0;}
.basic_right{text-align:right;}

.pg_box{float:left;width:740px;text-align:center;padding:20px 0 0 0;font-family:arial;font-size:11px;font-weight:bold;color:#bacd8b;}
.pg_box a:link,
.pg_box a:active,
.pg_box a:visited{color:#bacd8b;}
.pg_box a:hover{color:#729222;}
.pg_box span{color:#729222;padding:0 1px;}
.pg_box span.pg_btn img{vertical-align:middle;margin:-3px 6px 0 6px;}

.pg_box_left{float:left;width:425px;padding:20px 0 0 -6px;font-family:arial;font-size:11px;font-weight:bold;color:#bacd8b;}
.pg_box_left a:link,
.pg_box_left a:active,
.pg_box_left a:visited{color:#bacd8b;}
.pg_box_left a:hover{color:#729222;}
.pg_box_left span{color:#729222;padding:0 1px;}
.pg_box_left span.pg_btn img{vertical-align:middle;margin:-3px 6px 0 6px;}

.pg_box_left2{float:left;width:425px;padding:9px 0 0 -6px;font-family:arial;font-size:11px;font-weight:bold;color:#bacd8b;}
.pg_box_left2 a:link,
.pg_box_left2 a:active,
.pg_box_left2 a:visited{color:#bacd8b;}
.pg_box_left2 a:hover{color:#729222;}
.pg_box_left2 span{color:#729222;padding:0 1px;}
.pg_box_left2 span.pg_btn_prev img{vertical-align:middle;margin:-3px 6px 0 0;}
.pg_box_left2 span.pg_btn_next img{vertical-align:middle;margin:-3px 0 0 6px;}

.hit_num{color:#ffb21d;font-size:11px;}

.prev_next_box{padding:37px 0 0 0;}
.prev_next_box ul li{border-top:1px solid #f0f0f0;padding:7px 0 3px 58px;}
.prev_next_box ul li.prev{background:url(/images/common/txt_prev.gif) 13px 11px no-repeat;}
.prev_next_box ul li.next{background:url(/images/common/txt_next.gif) 13px 11px no-repeat;}

#popup{background:#bacd8b;}

.down_link{padding:0 0 0 13px;background:url(/images/common/icon_file.gif) left 3px no-repeat;font-size:11px;}
.down_link a:link{color:#a3b96e;text-decoration:none;}
.down_link a:visited{color:#a3b96e;text-decoration:none;}
.down_link a:active{color:#a3b96e;text-decoration:none;}
.down_link a:hover{color:#729222;text-decoration:none;}
/* ------------------------
  portfolio
---------------------------*/
.brand_list{float:right;padding:0;width:740px;border-top:1px solid #f0f0f0;}
.brand_list.first{border:none;padding-top:9px;}
.brand_list ul,
.brand_list ul li{float:left;margin:0;padding:0;}
.brand_list ul{float:right;width:570px;background:url(/images/portfolio/bg_boxlist.gif) right top repeat;}
.brand_list ul li{width:190px;height:79px;text-align:right;padding:9px 0;}
.brand_list ul li img{display:block;float:right;margin:0 -3px 0 0;}
.brand_list h2{float:left;width:170px;text-align:left;padding:9px 0 0 0;}
.brand_list h2 img{display:block;}

.title_h1{float:left;}
.title_h1 h1{float:left;}
.title_h1 div.right{float:right;padding:55px 0 0 0;}

.interactive_view{width:740px;padding:18px 0 0 0;}
.interactive_view div.left{float:left;width:245px;}
.interactive_view div.right{float:right;width:495px;padding:0 0 40px 0;}

.interactive_view div.left img{display:block;}
.interactive_view div.left h2{height:70px;}
.interactive_view div.left h3{height:160px;}

.img_border6{border:6px solid #bacd8b;margin:0 0 20px 0;}
.mediap{padding:0 0 18px 0;}
.view_sub_list{padding:36px 0 0 0;}

.zoom_img_list,
.zoom_img_list li{float:left;}
.zoom_img_list li{width:60px;background:url(/images/portfolio/bg_zoomlist.gif) left top no-repeat;height:35px;}
.zoom_img_list li img{border:1px solid #bfd193;}

/* ------------------------
  bbr
---------------------------*/
.p_h2{padding:0 0 16px 0;}
.client_list,
.client_list li{float:left;}
.client_list{padding:0 0 0 26px;}
.client_list li img{display:block;}
.client_list li{width:110px;margin:0 0 10px 0;height:50px;} /*background:url(/images/bbr/bg_client.gif) left top no-repeat;*/

.h2_partner{padding:0 0 9px 0;}

.sub_left_menu,
.sub_left_menu li{float:left;width:118px;}
.sub_left_menu li img{display:block;}
.sub_left_menu{padding:22px 0 0 0;}

.down_brochure{clear:both;padding:59px 0 0 0;}
.intro_p_1{padding:0 0 31px 0;}
.intro_p_2{padding:0 0 40px 0;}

.people_flash{padding:0 0 9px 0;}

/* ------------------------
  neighborhood
---------------------------*/
.nei_list,
.nei_list li{float:left;}
.nei_list{padding:19px 0 10px 0;border-bottom:1px solid #f0f0f0;}
.nei_list li img{display:block;}
.nei_list li{width:254px;}
.nei_list li.last{width:230px;}

h1.gel_h1{padding:0 0 5px 0;}
.gel_list,
.gel_list li{float:left;}
.gel_list{padding:14px 0 4px 0;border-bottom:1px solid #f0f0f0;}
.gel_list li img{display:block;margin:0 0 8px 0;}
.gel_list li{width:254px;}
.gel_list li.last{width:230px;}
.gel_list li span.hit_num{padding:0 0 0 4px;}

.view_layout{float:left;padding:19px 0 0 0;}
.view_layout div.left{float:left;width:245px;}
.view_layout div.right{float:right;width:495px;}
.view_layout div.right div.viewp p{padding:14px 0 40px 0;}

.view_layout2{float:left;padding:0;}
.view_layout2 div.left{float:left;width:245px;}
.view_layout2 div.right{float:right;width:495px;}
.view_layout2 div.right div.viewp p{padding:14px 0 40px 0;}

.reply_tit{color:#ffb21d;}

.reply_box{float:left;border-bottom:1px solid #f0f0f0;}
.reply_box ul,
.reply_box ul li{float:left;}
.reply_box ul li{padding:7px 0 4px 0;}
.reply_box ul li.left{width:144px;}
.reply_box ul li.right{width:349px;float:right;}
.reply_box ul li.right img{vertical-align:middle;margin:-2px 0 0 4px;}
.reply_box ul{border-top:1px solid #f0f0f0;}
.reply_box ul li.left span{display:block;}
.reply_box ul li.left span.reply_name{color:#a3b96e;}
.reply_box ul li.left span.reply_date{color:#c2c2c2;font-size:11px;}

.reply_write{float:left;width:495px;height:115px;background:url(/images/common/bg_reply.gif) left top no-repeat;}
.reply_write fieldset{border:0;padding:14px 0 5px 0;margin:0;}
.reply_write fieldset label{display:none;}

.reply_write div.name{float:left;padding:0 0 0 32px;}
.reply_write div.pass{float:left;padding:0 0 0 46px;}
.reply_write div.content{float:left;padding:8px 0 0 0;}
.reply_write div.submit{float:right;padding:9px 0 0 0;}

.reply_write div.name input{width:74px;}
.reply_write div.pass input{width:75px;}
.reply_write div.content textarea{width:425px;height:61px;}

.gallery_vcon{border:6px solid #bacd8b;margin:14px 0 0 0;}
.gallery_view_con{width:660px;margin:0 0 0 34px;}
.gallery_view_con h2{float:left;font-size:12px;color:#729222;padding:34px 0 0 0;}
.gallery_view_con span.date{float:right;font-size:11px;color:#729222;text-align:right;display:block;padding:34px 0 0 0;}
.gallery_view_con div.line{width:660px;border-bottom:1px solid #f0f0f0;margin:0 0 8px 0;}
.gallery_view_con p.content{padding:0 0 34px 0;}
.gallery_view_con p.content span.artist{display:block;padding:20px 0 0 0;}

/* ------------------------
  story
---------------------------*/
.flower_layout{float:left;width:740px;}
.flower_layout div.left{float:left;width:195px;}
.flower_layout div.right{float:right;width:545px;}
.flower_list{float:left;background:url(/images/common/bg_tablelist.gif) left bottom no-repeat;padding:1px 0 0 0;}
.flower_list ul,
.flower_list ul li{float:left;}
.flower_list ul{background:url(/images/common/bg_tablelist.gif) left top no-repeat;padding:8px 0 4px 0;}
.flower_list ul li.num{width:40px;margin:0 10px 0 0;color:#a3b96e;}
.flower_list ul li.num strong{display:block;padding:0 0 0 8px;}
.flower_list ul li.tit{width:306px;margin:0 10px 0 0;}
.flower_list ul li.mem{width:69px;margin:0 10px 0 0;color:#a3b96e;text-align:center;}
.flower_list ul li.dat{width:60px;margin:0 10px 0 0;color:#a3b96e;font-size:11px;text-align:center;}
.flower_list ul li.hit{width:30px;margin:0;font-size:11px;text-align:center;}

.flower_pg_btn{float:right;width:502px;}
.flower_pg_btn div.right{float:right;width:70px;text-align:right;padding:20px 0 0 0;}

.flower_search{float:right;width:495px;padding:35px 0 0 0;}
.flower_search fieldset{border:0;padding:0;margin:0;}
.flower_search fieldset label{display:none;}
.flower_search select{width:84px;float:left;margin:0;}
.flower_search input{width:134px;margin:0 0 0 5px;float:left;}
.flower_search div{float:left;}
.flower_search div.btn input{width:48px;margin:1px 0 0 5px;}
.flower_search span{display:block;float:left;}

.flower_view_date{width:495px;height:30px;background:url(/images/story/table_view.gif) left top no-repeat;}
.flower_view_date span{display:block;float:left;}
.flower_view_date span.num{color:#bacd8b;width:83px;padding:7px 0 0 37px;}
.flower_view_date span.mem{color:#a3b96e;width:210px;padding:7px 0 0 41px;}
.flower_view_date span.dat{color:#a3b96e;font-size:11px;width:140px;padding:7px 0 0 40px;}
.flower_view_date span.hit{color:#c2c2c2;font-size:11px;width:36px;padding:7px 0 0 24px;}

.flower_view_title{float:left;margin:10px 0 0 0;padding:7px 0 5px 10px;background:#f1f5e8;width:495px;color:#729222;}
.flower_view_download{float:right;padding:9px 0 14px 0;text-align:right;}
.flower_view_download span{clear:both;display:block;float:right;margin:-2px 0 -2px 0;}

.flower_write{width:495px;height:434px;background:url(/images/story/bg_write.gif) left top no-repeat;}

.flower_write fieldset{border:0;margin:0;padding:0;}
.flower_write fieldset label{display:none;}

.flower_write fieldset div{padding:0 0 8px 0;}
.flower_write fieldset div.fimg1,
.flower_write fieldset div.fimg1,
.flower_write fieldset div.fimg2,
.flower_write fieldset div.ffile1{padding:0 0 7px 0;}

.flower_write fieldset div.ftitle input{width:306px;margin:0 0 0 32px;}
.flower_write fieldset div.fname{float:left;}
.flower_write fieldset div.fname input{width:75px;margin:0 0 0 32px;}
.flower_write fieldset div.fpass input{width:75px;margin:0 0 0 46px;}
.flower_write fieldset div.fcontents textarea{width:495px;height:228px;}
.flower_write fieldset div.fimg1 input{width:278px;margin:0 0 0 40px;}
.flower_write fieldset div.fimg2 input{width:278px;margin:0 0 0 40px;}
.flower_write fieldset div.fimg3 input{width:278px;margin:0 0 0 40px;}
.flower_write fieldset div.ffile1 input{width:278px;margin:0 0 0 40px;}
.flower_write fieldset div.ffile2 input{width:278px;margin:0 0 0 40px;}

.treeimg{height:110px;text-align:center;padding:10px;vertical_align:middle;background:url(/images/story/bg_treelist.gif) left top no-repeat;}
a.tree:link{color:#729222;text-decoration:none;}
a.tree:visited{color:#729222;text-decoration:none;}
a.tree:active{color:#729222;text-decoration:none;}
a.tree:hover{color:#4a6112;text-decoration:none;}
.tree_date{color:#a3b96e;font-size:11px;display:block;margin:-3px 0 0 0;}
.tree_info{padding:8px 0 0 0;}
.tree_pg_btn{float:right;width:495px;}
.tree_pg_btn div.right{float:right;width:70px;text-align:right;padding:9px 0 0 0;}
.tree_view_title{float:left;margin:0 0 20px 0;padding:7px 0 5px 10px;background:#f1f5e8;width:495px;color:#729222;}
.tree_view_title div.tree_v_left{float:left;}
.tree_view_title div.tree_v_right{float:right;color:#a3b96e;font-size:11px;padding:0 10px 0 0;}

/* ------------------------
  etc
---------------------------*/
.pop_del{width:300px;height:150px;padding:102px 0 0 19px;background:url(/images/common/bg_popdelete.jpg) left top no-repeat;} 
.pop_del fieldset{border:0;margin:0;padding:0;}
.pop_del fieldset label{display:none;}
.pop_del div.pwd input{width:75px;margin:0 0 0 26px;}
.pop_del div.btn{padding:4px 0 0 0;}
.pop_del div.btn img{display:inline;margin:0 4px 0 0;}

/* ------------------------
  util
---------------------------*/
.job_img{padding:0 0 10px 0;}
.btn_job{text-align:right;}
.job_apply_tit{float:left;padding:0 0 19px 0;}
.job_apply_form{float:left;background:url(/images/util/bg_jobapply.gif) left top no-repeat;width:495px;height:668px;padding:23px 0 0 25px;}
.project_apply_form{float:left;background:url(/images/util/bg_project.gif) left top no-repeat;width:495px;height:388px;padding:23px 0 0 25px;}

/* ------------------------
  main
---------------------------*/
.main_notice{width:400px;text-align:left;height:68px;padding:0 0 0 140px;position:relative;}
.main_notice ul{padding:5px 0 0 0;}
.main_notice ul li{padding:0 0 0 9px;background:url(/images/main/bl_dot.gif) left 7px no-repeat;margin:-2px 0 0 0;}
.main_notice ul li a.noti{color:#b1b1b1;font-size:11px;}
.main_notice ul li a.noti:llink,
.main_notice ul li a.noti:active,
.main_notice ul li a.noti:visit{color:#b1b1b1;}
.main_notice ul li a.noti:hover{color:#bacd8b;}

.main_portfolio{width:400px;text-align:left;padding:21px 0 0 140px;position:relative;}
.main_portfolio ul,
.main_portfolio ul li{float:left;}
.main_portfolio ul li{padding:0 15px 10px 0;}
.main_portfolio ul li img{display:block;}

.addtit1{position:absolute;left:0;top:6px;}
.addtit2{position:absolute;left:0;top:0;}
.main_logoa{padding:0 0 100px 10px;}