@charset "utf-8";
@import url('reset.css');
@import url('common.css');
@import url('layout.css');
@import url('table.css');

/* 
===============================================================================================
1.	버    전 : sub_common.css
2.	작 성 자 : 선종혁
3.	작 성 일 : 2012. 12. 12
4.	참    고 : 서브 공통 스타일 스타일 정의
===============================================================================================
*/

/* 사업분야 */
#content h3.b_tlt_h3 {padding:15px 0 15px 40px;font-weight:bold;font-size:1.2em;color:#171818;background:url("../../common_mobile/img/bg/icon/h3_bullet.gif") no-repeat 3px 50%}
#content h4.b_tlt_h4 {margin-left:10px;padding:10px 0 10px 15px;font-size:1em;color:#5d9414;font-weight:bold;background:url("../../common_mobile/img/bg/icon/h4_bullet.gif") no-repeat 3px 50%}
#content h5.b_tlt_h5 {margin-left:10px;padding:10px 0 10px 15px;font-size:1em;color:#262626;font-weight:bold;background:url("../../common_mobile/img/bg/icon/h5_bullet.gif") no-repeat 3px 50%}
#content .h_service {padding:0 15px}
#content .h_service dl.service_dl {width:100%;margin-bottom:40px;padding:15px 0;border-width:2px 0 1px 0;border-style:solid none solid none;border-color:#7cba2a #ffffff #bbbbbb #ffffff;overflow:hidden}
#content .h_service dl.service_dl dt {width:30%;float:left}
#content .h_service dl.service_dl dt img {width:100%}
#content .h_service dl.service_dl dd {width:68%;padding-left:32%} 
#content .h_service02 {margin:0 15px 10px 15px;padding:26px 19px 28px 19px;background-color:#f0f0f0}
#content .h_service02 h3 {margin-bottom:18px;color:#224270;font-size:1em}
#content .h_service02 dl {width:100%;overflow:hidden}
#content .h_service02 dl dt {width:40%;float:left}
#content .h_service02 dl dt img {width:100%}
#content .h_service02 dl dd {width:58%;padding-left:42%;background-color:#ffffff}
#content .h_service02 p {margin-top:25px}
#content .form_rent {padding:0 15px}
#content .form_rent p {margin:0 0 10px 23px}
#content .rent_house {margin:0 15px;padding:22px 21px;border:1px solid #bdbdbd;background-color:#f2f2f2}
#content .rent_house h5 {margin-bottom:10px;font-weight:bold;color:#224270}
#content .rent_house p {margin:0}
#content .table_form {padding:0 15px}
#content .table_form img.sisulmool {width:100%;margin-bottom:30px}
#content .tlt_sub_p {padding-left:40px}
#content .text_form01 {margin:0 15px;border:1px solid #bdbdbd}
#content .text_form01 p {padding:20px}
#content .text_form01 p strong {color:#224270}
#content p.p01 {padding:0 0 20px 20px}

/* 입주정보 */
#content .lotation {margin-bottom:20px;padding:0 15px}
#content .lotation img {width:100%}
#content .home_list {margin:0 15px 15px 15px;padding:17px;border:1px solid #bdbdbd}
#content .home_list h3.home_h3 {margin-bottom:18px;font-size:1.3em;font-weight:bold;color:#224270}
#content .home_list ul li {padding-left:10px;font-size:0.9em;color:#5a5a5a;background:url("../../common_mobile/img/bg/icon/bullet02.gif") no-repeat 3px 50%}

/* 공통 */
#header .t_tk {font-size:20px;color:#000000;font-weight:bold}
#header .gnb ul.m01 li {width:25%;float:left}
#header .gnb ul.m01 li a {display:block;padding:11px 0;font-size:1.1em;font-weight:bold;color:#ffffff}
#header .gnb ul.m01 li.off a {color:#a3b9de}
#header .gnb ul.m01 .right02 {text-align:right;width:50%}
#header .mn_hide {display:none}
#content .bg_intro {padding:27px 0 20px 20px}
#content .bg_intro h2.t01 {font-size:1.7em;color:#3660aa;font-weight:bold}
#content .top_txt {margin-top:3px}
#content .top_txt h2 {margin-bottom:5px}
#content .search_box {position:relative;margin-top:2px;padding:5px 0 15px 20px}
#content .search_box select {position:absolute;width:67px;height:28px;border:1px solid #7F7F7F}
#content .search_box .srh_input {margin:0 80px}
#content .search_box .srh_input input {width:100%;height:26px;border-style:solid;border-width:1px;border-color:#7f7f7f #b6b6b6 #b6b6b6 #7f7f7f}
#content .search_box input.btn {position:absolute;right:15px;top:5px;width:50px}
#content .search_box02 {position:relative;margin-top:2px;padding:5px 0 15px 20px}
#content .search_box02 div {margin:0 100px 0 0}
#content .search_box02 select {width:100%;height:28px;border:1px solid #7F7F7F;margin-bottom:10px}
#content .search_box02 input {position:absolute;right:20px;top:42px;width:50px}

#content .list_box {margin-top:10px}
#content .list_box ul {border-top:3px solid #7cba2a;border-bottom:2px solid #a9a9a9}
#content .list_box li.list_eye {position:relative;padding:0 20px;border-bottom:1px solid #bbbbbb;background:url("../../common_mobile/img/bg/back/bg_list.gif") repeat-x left bottom}
#content .list_box li.list_eye a {display:block;padding:20px 115px 20px 17px;font-size:1em;font-weight:900;color:#262626;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#content .list_box li.list_eye span {position:absolute;right:20px;top:20px;}
#content .list_box li.list_eye span img {width:13px}
#content .list_box li.list_view {padding:0 20px;border-bottom:1px solid #bbbbbb;background:url("../../common_mobile/img/bg/back/bg_list.gif") repeat-x left bottom;overflow:hidden}
#content .list_box li.list_view a {width:80%;display:block;padding:20px 0 20px 0;font-size:1em;font-weight:900;color:#262626;float:left;overflow:visible;text-overflow:none;white-space:normal}
#content .list_box li.list_view span {width:20%;padding:20px 0 20px 0;float:right;text-align:right}
#content .list_box li.list_view span img {width:13px}
#content .list_box li a {display:block;padding:0 115px 20px 17px;font-size:1em;font-weight:900;color:#262626;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}

#content .list_box .ulul {border-top:3px solid #7cba2a;border-bottom:2px solid #7CBA2A}
#content .list_box .ulul li.list_eye {position:relative;padding:0 20px;border-bottom:1px solid #bbbbbb;background:url("../../common_mobile/img/bg/back/bg_list.gif") repeat-x left bottom}
#content .list_box .ulul li.list_eye a {display:block;padding:20px 115px 20px 17px;font-size:1em;font-weight:900;color:#262626;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#content .list_box .ulul li.list_eye span {position:absolute;right:20px;top:20px;}
#content .list_box .ulul li.list_eye span img {width:13px}
#content .list_box .ulul li.list_view {padding:0 20px;border-bottom:1px solid #bbbbbb;background:url("../../common_mobile/img/bg/back/bg_list.gif") repeat-x left bottom;overflow:hidden}
#content .list_box .ulul li.list_view a {width:80%;display:block;padding:20px 0 20px 0;font-size:1em;font-weight:900;color:#262626;float:left;overflow:visible;text-overflow:none;white-space:normal}
#content .list_box .ulul li.list_view span {width:20%;padding:20px 0 20px 0;float:right;text-align:right}
#content .list_box .ulul li.list_view span img {width:13px}
#content .list_box .ulul li a {display:block;padding:0 115px 20px 17px;font-size:1em;font-weight:900;color:#262626;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}

#content .list_box div.view_text {padding:0 15px 30px 15px;border-bottom:2px solid #7CBA2A}
#content .list_box .vacum_text {text-align: center; padding: 10px 0}
#content .list_box2 {margin-top:10px}
#content .list_box2 ul {border-top:3px solid #1d90a7;border-bottom:2px solid #1d90a7}
#content .list_box2 li {position:relative;padding:19px 0 19px 20px;border-bottom:1px solid #bbbbbb;background:url("../../common_mobile/img/bg/back/bg_list.gif") repeat-x left bottom}
#content .list_box2 li dl {width:100%;overflow:hidden}
#content .list_box2 li dl dt {float:left;width:105px;height:80px;border:1px solid #9b9b9b;border-radius:1px;background-color:#dddddd}
#content .list_box2 li dl dt a {display:block}
#content .list_box2 li dl dd {padding-left:120px;font-weight:900}
#content .list_box2 li dl dd.first {margin-top:10px}
#content .list_box2 li span {position:absolute;right:20px;top:52px}
#content .list_box2 li span img {width:15px}
#content .list_box {margin-top:10px}
#content .list_box03 ul {border-top:3px solid #7cba2a;border-bottom:2px solid #7CBA2A}
#content .list_box03 li {position:relative;border-bottom:1px solid #bbbbbb;background:url("../../common_mobile/img/bg/back/bg_list.gif") repeat-x left bottom}
#content .list_box03 p {padding:5px 15px;color:#518d01}
#content .list_box03 li a {display:block;padding:0 115px 20px 17px;font-size:1em;font-weight:900;color:#262626;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#content .list_box03 li span.absolute {position:absolute;right:20px;top:30px}
#content .list_box03 li span img {width:13px}
#content .list_box03 p.view_text {height:100px;padding:0 15px 30px 15px;border-bottom:2px solid #a9a9a9}
#content .list_box03 .vacum_text {text-align: center; padding: 10px 0}

#content .list_box_dl .vacum_text {text-align: center; padding: 10px 0}
#content .list_box_dl {border-width:5px 0 2px 0;border-style:solid none solid none;border-color:#7cba2a #ffffff #a9a9a9 #ffffff}
#content .list_box_dl dt {padding:25px 0 25px 28px;border-bottom:1px solid #bbbbbb}
#content .list_box_dl dt ul.re_form {overflow:hidden}
#content .list_box_dl dt ul.re_form .left {margin-right:20px;float:left}
#content .list_box_dl dt ul.re_form .left a {color:#262626}
#content .list_box_dl dt ul.re_form .right {padding:5px 15px 0 100px}
#content .list_box_dl dt ul.re_form .right img {margin-right:14px}
#content .list_box_dl dd {padding:25px 0 30px 28px;border-bottom:1px solid #bbbbbb;display:none}
#content .list_box_dl dd ul.re_form {overflow:hidden}
#content .list_box_dl dd ul.re_form .left {margin-right:20px;float:left}
#content .list_box_dl dd ul.re_form .right {padding:0 15px 0 100px}
#content .dl01 {padding-bottom:10px}
#content .dl01 dt {margin-top:20px;font-weight:bold}
#content .dl01 dd {padding-left:10px;background:url("../../common_mobile/img/bg/icon/bullet02.gif") no-repeat 4px 6px} 
#content .paging {margin:35px 0 20px 0;text-align:center;font-weight:900;font-size:1.1em}
#content .paging a {margin:0 3px;padding:5px 7px;background-color:#ffffff;border:1px solid #767676;border-radius:3px 3px}
#content .paging a:hover {margin:0 3px;padding:5px 7px;background-color:#5ea105;color:#ffffff}
#content .paging strong {margin:0 3px;padding:5px 7px;background-color:#5ea105;border:1px solid #508903;border-radius:3px 3px}
#content .paging strong a {margin:0 !important;padding:0 !important;background:none !important;border:none !important;color:#ffffff}
#content .paging strong a:hover {margin:0 !important;padding:0 !important;background:none !important;border:none !important}
#content .paging em {color:#3a7ab8}
#content .paging img {max-width:35px;width:8%}
#content .paging02 {margin-top:35px;text-align:center;font-weight:900;font-size:1.1em}
#content .view {margin-top:50px}
#content .v_btn {margin:23px 0 20px 0;text-align:center}
#content .v_btn img {max-width:133px;width:25%}
#content .view_board {width:100%;border-style:solid;border-width:3px 0 2px;border-color:#1d90a7 #FFFFFF #1d90a7}
#content .view_board thead th {border:0;padding:20px 0;border-bottom:1px solid #bbbbbb;background:url("../../common_mobile/img/bg/back/bg_list.gif") repeat-x left bottom;text-align:center;font-size:1.2em;font-weight:900}
#content .view_board tbody th {padding:10px 0;border:0;color:#555555}
#content .view_board tbody td {border:0}
#content .view_board tbody td.view {padding:20px;border-bottom:1px solid #bbbbbb}
#content .view_board tbody td a.file {padding-left:19px;background:url("../../common_mobile/img/img/icon_file.gif") no-repeat left 3px}

/*공통*/
#content .gy_tlt {margin-left:18px;padding:25px 0 10px 29px;font-weight:bold;font-size:1.3em;background:url("../../common_mobile/img/bg/icon/bullet_01.gif") no-repeat 0 25px}
#content .mg_b41 {margin-bottom:41px}
#content .mg_b20 {margin-bottom:20px} 
#content .org {padding:17px 25px;color:#f16600}
#content .search_box select.tester_search {position:absolute;width:90px;height:28px;border:1px solid #7F7F7F}
#content .search_box select.tester_search02 {position:absolute;left:120px}
#content .search_box .srh_input {margin:0 80px 0 105px}
#content .search_box .srh_input02 {margin:0 80px 0 180px}
#content .search_box .srh_input02 input {width:100%;height:26px;border-style:solid;border-width:1px;border-color:#7f7f7f #b6b6b6 #b6b6b6 #7f7f7f}

/*입주안내*/
#content .li_style {margin-left:27px;padding-right:10px}
#content .li_style li {padding-left:20px}
#content .li_style01 {margin-left:27px;padding-right:10px}
#content .li_style01 li {margin-bottom:22px;padding-left:20px;background:url("../../common_mobile/img/bg/icon/bullet_02.gif") no-repeat 0 5px}
#content .d_style01 {padding:10px 10px 10px 27px}
#content .d_style01 dt {padding-left:20px;font-weight:bold;background:url("../../common_mobile/img/bg/icon/bullet_02.gif") no-repeat 0 5px;color:#198ca3}
#content .d_style01 dd {padding-left:20px}
#content .d_style02 {padding:10px 10px 10px 27px;background-color:#def1f4}
#content .d_style02 dt {padding-left:20px;font-weight:bold;background:url("../../common_mobile/img/bg/icon/bullet_03.gif") no-repeat 0 5px;color:#198ca3}
#content .d_style02 dd {padding-left:20px}
#content .in_table {padding:0 10px}
#content .photo01 {margin-bottom:34px;padding:0 10px}
#content .photo01 img {width:100%}
#content .d_style03 {padding:10px 10px 10px 27px}
#content .d_style03 dt {padding-left:20px;font-weight:bold;background:url("../../common_mobile/img/bg/icon/bullet_02.gif") no-repeat 0 5px;color:#198ca3}
#content .d_style03 dd {padding-left:20px;background:url("../../common_mobile/img/bg/icon/bullet_04.gif") no-repeat 10px 9px}
#content .room {padding:10px 25px;border-width:2px 0 1px 0;border-style:solid none solid none;border-color:#17879c #ffffff #bbbbbb #ffffff;overflow:hidden}
#content .room dt {margin-right:11px;float:left}
#content .room dd {margin-bottom:10px;padding-left:172px;background:url("../../common_mobile/img/bg/icon/bullet_04.gif") no-repeat 161px 9px}

/*회사소개*/
#content .hi {margin:0 18px 72px 18px;overflow:hidden}
#content .hi .fust_p {padding-left:115px}
#content .hi .fust_p img {width:100%}
#content .hi .jang {padding-right:21px;float:left}
#content .hi .np {float:right}
#content .ddiv {padding:0 25px;border-width:2px 0 1px 0;border-style:solid none solid none;border-color:#17879c #ffffff #bbbbbb #ffffff}
#content .ddiv .history {width:100%;padding-top:15px;overflow:hidden}
#content .ddiv .history dt {padding:0 0 0 10px;font-weight:bold;background:url("../../common_mobile/img/bg/icon/bullet_04.gif") no-repeat 0 9px;float:left}
#content .ddiv .history dd {margin-bottom:18px;padding-left:122px}
#content .map {border-width:5px 0 2px 0;border-style:solid none solid none;border-color:#1d90a7}
#content .map img {width:100%}
#content .li_p {margin:10px 0 0 25px;padding-left:20px;background:url("../../common_mobile/img/bg/icon/bullet_02.gif") no-repeat 0 5px}

/*공단소개*/
.news_list {border-width:2px 0 2px 0;border-style:solid none solid none;border-color:#7CBA2A}
.news_list li {height:100%;border-bottom:1px solid #BBBBBB}
.news_list li dl {width:100%;overflow:hidden}
.news_list li dl dt {width:120px;margin:10px;background-color:#ffffff;float:left}
.news_list li dl dd a {padding:0 !important;font-weight:bold;color:#1D1D1D}
.news_list li dl dd.one_dd {margin-top:10px;padding-left:30%;padding-right:20px}
.news_list li dl dd.two_dd {margin-top:10px;padding-left:40%;padding-right:20px}
.news_list li dl dd.dd_day {padding-left:30%}
.news_list li dl dd.dd_day div {padding-left:30px;background:url("../../common_mobile/img/bg/icon/bullet02.gif") no-repeat 20px 7px}
.news_list li dl dd.dd_day02 {padding-left:40%}
.news_list li dl dd.dd_day02 div {padding-left:30px;background:url("../../common_mobile/img/bg/icon/bullet02.gif") no-repeat 20px 7px}
.cus {padding:0 30px 0 0}

/* */
#content .bg_intro h2.t02 {padding:3px 0 3px 30px;font-size:1.7em;color:#3660aa;font-weight:bold;background:url("../../common_mobile/img/bg/icon/h3_bullet.gif") no-repeat 0 50%}