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

/* 메인 */
.main_body { background:#ffffff;}

.wrap {  background:url(../image/top_bg.jpg) repeat-x; background-color:#eeeeee; min-width:1260px;}
.wrap:after { content:''; display:block; clear:both;}

.header {width:1000px; height:97px; margin:0 auto;}
.toplogo { float:left; background:url(../image/top_logo.jpg) no-repeat 0 0px; width:197px; height:40px; text-indent:-100000px; cursor:pointer;}
.toparea { height:35px; margin-left:20px;}
.toparea li { float:left;}
.toparea .person li { color:#707070; padding-right:3px; padding-top:8px;}
.toparea .person .user {padding-right:10px;  padding-top:10px; font-size:12px;}
.toparea .person .user strong {color:#707070;}

.toparea .topmenu { float:right;}
.toparea .topmenu li { color:#888888; font-family:'dotum',Arial, Helvetica, sans-serif; font-size:11px;}
.toparea .topmenu .skin { background:url(../image/ico_skin.png) no-repeat 0 9px; padding-left:20px;  padding-right:20px; padding-top:12px;  cursor:pointer; height:20px;}
.toparea .topmenu .star { background:url(../image/ico_star.png) no-repeat 0 8px; padding-left:20px;  padding-right:20px; padding-top:12px; cursor:pointer; height:20px;}

.gnb { float:right; height:39px; padding-top:18px;}
.gnb a { font-size:18px; font-weight:600; margin-left:35px; padding:0 2px; letter-spacing : -0.03em; display:block; float:left; height:35px; }
.gnb a:hover {border-bottom:5px solid #aebe51;}
.gnb .menu_on {border-bottom:5px solid #59893d; color:#59893d;}
.gnb .menu_on:hover {border-bottom:5px solid #59893d; color:#59893d;}

.contents { width:1000px;  margin:15px auto 50px auto; }
.contents:after { content:'';	display:block;	clear:both;}
.m_box { border:1px solid #dcdcdc; background:#ffffff; border-radius:5px; margin-bottom:14px;}
.m_box .h2_mtit { padding:0; margin:0px; height:30px; padding-left:25px; padding-top:10px; color:#ffffff; font-size:18px; background:#b1c9a3; border-top-left-radius:3px; border-top-right-radius:3px;}
.soft { width:448px; height:310px; float:left; padding:10px 20px 20px 20px;}
.h2_mtit2 { float:left;}
.h2_stit { margin-top:15px; font-size:15px; color:#888888; display:block; float:left; margin-left:15px;} 
.btn_more { float:right; cursor:pointer; margin-top:15px;}

.tit_area { margin-bottom:5px;}
.tit_area h2 { font-size:21px; float:left; padding-left:10px;}
.tit_area span { float:right; display:block; margin-top:7px; color:#404040; font-family:'dotum',Arial, Helvetica, sans-serif; font-size:11px;  padding-right:10px; }
.tit_area:after { content:'';	display:block;	clear:both;}
.sub_contents { padding:20px; padding-bottom:50px;}
.sub_contents:after { content:'';	display:block;	clear:both;}

.tab:after { content:'';	display:block;	clear:both;}
.tab li { float:left; height:36px; margin-right:2px;  margin-bottom:5px;}
.tab li div { height:22px; background:#c4c4c4; color:#ffffff; font-size:13px; font-weight:600; padding:8px 40px 0px; cursor:pointer;}
.tab .on { background:url(../image/tab_arrow.png) no-repeat 50% bottom;}
.tab .on div { background:#93bc7b;  cursor:default;}
.tab li div a { color:#ffffff;}

.stab { height:28px; border:1px solid #e0e0e0; background:#f3f3f3; margin-top:10px;}
.stab li { float:left; width:147px; border-right:1px solid #e0e0e0;  height:20px; text-align:center; padding-top:8px; }
.stab .on { background:#f8f9d3;}

.company_bg { clear:both; background:url(../image/company_bg.jpg) no-repeat right top; height:300px;}
.company_bg div { background:#f3f3f3; height:240px; width:490px; padding:30px 40px; }
.company_bg table { margin-top:20px;}
.company_bg th { padding:5px; width:70px;}
.greeting { font-size:16px; font-weight:bold; color:#282828; margin-bottom:20px;}
.greeting_p { font-size:13px; line-height:16px;}

.company_history {background:#f3f3f3; margin-top:20px; padding:30px;}
.tbl_history {}
.tbl_history th { border-bottom:1px solid #dddddd; vertical-align:middle; font-size:30px;}
.tbl_history td { border-bottom:1px solid #dddddd; font-size:14px; padding:20px;}
.tbl_history li { line-height:20px; list-style:disc;}

.map_adress { font-size:16px;}

.sell_list {}
.sell_list li { float:left; border:1px solid #eeeeee; margin-right:15px; margin-bottom:14px;}
.sell_list .mright_none{ margin-right:0px;}

.rental_bg { background:url(../image/rental_bg.jpg) no-repeat right top; }
h3 { font-size:18px; color:#404040; margin-bottom:20px; }
.rental_bg p { font-size:14px;  color:#606060; margin-bottom:30px;}
.rental_bg li { font-size:14px;  color:#606060; line-height:20px;}
.rental_bg ol { margin-bottom:30px;}


.design_bg {clear:both; background:url(../image/design_bg.jpg) no-repeat right top; background-color:#f3f3f3; height:230px; padding-top:30px; padding-left:30px;}
.design_bg p { line-height:20px; font-size:14px;}
.design_div p{ line-height:20px; font-size:14px; margin-bottom:10px;}

.tbl_cta {}
.tbl_cta th { background:#e2f0f9; color:#276186; text-align:left; padding:10px 20px; border-bottom:1px solid #ffffff;  border-right:1px solid #ffffff;}
.tbl_cta td { background:#f3f3f3; color:#404040; text-align:left; padding:10px 20px; border-bottom:1px solid #ffffff;  border-right:1px solid #ffffff;}

.tbl_cta2 { border-top:1px solid #9b9b9b;}
.tbl_cta2 th { border-bottom:1px solid #9b9b9b; background:#f6f6f6;  padding:10px 20px; border-right:1px solid #e4e4e4;}
.tbl_cta2 td {border-bottom:1px solid #e4e4e4; padding:10px 20px; vertical-align:middle;}
.tbl_cta2 .left_tit { text-align:center; background:#f6f6f6; font-weight:bold;}

.design_div img { margin-bottom:30px;}

.opr_bg {clear:both; background:url(../image/opr_bg.jpg) no-repeat right top; height:100px;   padding-top:30px; padding-left:30px;}
.opr_bg p { line-height:20px; font-size:14px; font-weight:bold;}

.partner_list li { float:left; border:1px solid #eeeeee; margin-right:15px; margin-bottom:14px;}
.partner_list .mright_none{ margin-right:0px;}


.footer {height:100px; border-top:1px solid #dcdcdc; background:#ffffff; }
.footarea  { height:70px; width:1000px; margin:15px auto; background:url(../image/foot_logo.jpg) no-repeat 20px 0px;}
.footarea .copy { margin-left:350px; margin-top:20px;}
.footarea .copy p { color:#888888; line-height:20px; font-size:12px;}
.footarea .copy p strong { color:#59893d; }


/* 수정 */
.m_box th,td {font-size:13px; line-height:20px; color:#666666;}
.mbottom20 {font-size:13px; line-height:20px; color:#666666;}