@charset "utf-8";
/*@import url(./sub2.css);*/

/** Reset **/
p, 
li, 
a {word-break:keep-all;}
.pc_block {display:block;}
.last_mr_none {margin-right:0 !important}
.border_bt_none {border-bottom:none !important}

/** Common **/
.sub_page {padding:0 0 147px;}
.sub_visu {height:170px; padding:75px 0 0; position:relative; background-size: 100% 100% !important;}
.sv01 {background:url(../images/sub/s_visual_01.jpg) no-repeat center top;}
.sv02 {background:url(../images/sub/s_visual_02.jpg) no-repeat center top;}
.sv03 {background:url(../images/sub/s_visual_03.jpg) no-repeat center top;}
.sv04 {background:url(../images/sub/s_visual_04.jpg) no-repeat center top;}
.sv05 {background:url(../images/sub/s_visual_05.jpg) no-repeat center top;}
.sv06 {background:url(../images/sub/s_visual_06.jpg) no-repeat center top;}
.sub_visu > p {width:100%;max-width:1300px;margin:0 auto;text-align:center;font-weight:500;}
.sub_visu .sv_tit {font-size:45px; color:#fff; margin-bottom:5px; text-shadow: 1px 1px 1px #555;}
.sub_visu .sv_txt {font-size:17px; color:#fff; text-shadow: 1px 1px 1px #555;}
.lnb {display:table; width:100%; max-width:1300px; margin:0 auto; box-sizing:border-box;}
.lnb > li {width:20%; display:table-cell; overflow:hidden; text-align:center; position:relative;}
.lnb > li:last-child:after {width:0;}
.lnb > li:after {position:absolute; top:50%; right:0; width:5px; height:5px; background:#f16a31; border-radius:50%; content:"";}
.lnb > li > a {position:relative;display:inline-block;padding:0 10px;font-size:17px;color:#303030; font-weight:400; text-align:center;line-height:50px;box-sizing:border-box;transition:all 0.1s;}
.lnb > li.current > a, .lnb > li:hover > a, .lnb > li:focus > a {color:#f16a31; border-bottom:2px solid #f16a31;}
.lnb > li.current > a:after, .lnb > li:hover > a:after, .lnb > li:focus > a:after {right:10px;}
.lnb > li .dep3 {height:0;padding:0;overflow:hidden;transition:all 0.4s;}
.lnb > li.current .dep3, .lnb > li:hover .dep3, .lnb > li:focus .dep3 {height:auto;padding:10px 0;border-top:solid 1px #dbdbdb;}
.lnb > li .dep3 > li > a {position:relative;padding-left:10px;transition:color 0.4s;}
.lnb > li .dep3 > li > a:before {content:"";position:absolute;left:0;top:12px;width:3px;height:1px;background:#666;transition:background 0.4s;}
.lnb > li .dep3 > li.current > a, .lnb > li .dep3 > li > a:hover, .lnb > li .dep3 > li > a:focus {color:#c72026;}
.lnb > li .dep3 > li.current > a:before, .lnb > li .dep3 > li > a:hover:before, .lnb > li .dep3 > li > a:focus:before {background:#c72026;}
.s_on_load {position:absolute;top:188px}
.s_on_tabs {position:absolute;top:650px;}
.page_cont {width:100%; max-width:1300px; min-height:800px; margin:50px auto; position:relative}
.page_cont:after {display:block; clear:both; content:"";}

/** board **/
#bo_list, 
#bo_v, 
#bo_w {width:100%; max-width:1300px; min-height:700px; margin:50px auto;}
.state_area {display:none}

/** pagination **/
.paging_wrap {text-align:center; /* padding:20px 0 50px; */ padding: 0;}
.paging_wrap img{display: none;}

.paging_wrap:after {display:block; clear:both; content:"";}
.paging_wrap > a {display:inline-block; transition:0.3s; color:#929292;}
.paging_wrap > .btn {margin-right:5px; padding:6px 8px; font-size:13px; border:1px solid #dbdbdb;}
.paging_wrap > .btn:hover,
.paging_wrap > .btn.current {background:#f16a31; color:#fff; border:1px solid #f16a31;}
.paging_wrap > .prev {margin-right:17px;}
.paging_wrap > .next {margin-left:12px;}
.paging_wrap > .prev,
.paging_wrap > .next {padding:12px 20px; border:1px solid #dbdbdb; position: relative;}
.paging_wrap > .prev:after{position: absolute; content:"이전"; top: 0; left: 7px; line-height: 24px;}
.paging_wrap > .next:after{position: absolute; content:"다음";top: 0; left: 7px; line-height: 24px;}
.paging_wrap > .prev:hover,
.paging_wrap > .next:hover {border:1px solid #f16a31;}

/** Sub Page **/
.sb_type .top_info .img_wrap {width:100%; max-width:1300px; margin-top:40px; height:248px; padding:132px 0 0; text-align:center;}
.sb_type  .top_info .img_wrap p {color:#fff; line-height:0.9; letter-spacing:0.2px;}
.sb_type .top_info .img_wrap .pg_tit {margin-bottom:30px; font-size:55px; font-weight:500; }
.sb_type  .top_info .img_wrap .pg_txt {font-size:35px; font-weight:400; }

/* s1 : 회사소개 */
#s1_1 .page_tit {font-size:38px; font-weight:500; color:#303030; text-align:center;}
#s1_1 .top_info {overflow:hidden}
#s1_1 .top_info:after {display:block; clear:both; content:""}
#s1_1 .top_info .img_wrap {background:url(../images/sub/s11_top.png) no-repeat top center;}
#s1_1 .intro_info {padding-bottom:95px; border-bottom:1px solid #dbdbdb}
#s1_1 .intro_info .intro_tit {margin:50px 0; font-size:26px; font-weight:400; text-align:center; color:#303030}
#s1_1 .intro_info .intro_list {display:table; width:100%; text-align:center;}
#s1_1 .intro_info .intro_list li {display:table-cell; width:33.33%; font-weight:400; font-size:16px; color:#606060; line-height:1.8}
#s1_1 .intro_info .intro_list li span {font-weight:400}
#s1_1 .intro_info .intro_list li:before {display:block; width:48px; height:43px; margin:0 auto 30px; padding-top:5px; text-align:center; background:#05223e; color:#fff; font-size:20px; border-radius:50%;}
#s1_1 .intro_info .intro_list .list_01:before {content:"01"}
#s1_1 .intro_info .intro_list .list_02:before {content:"02"}
#s1_1 .intro_info .intro_list .list_03:before {content:"03"}
#s1_1 .final {padding:70px 0 0; text-align:center;}
#s1_1 .final p {font-size:18px; color:#606060; line-height:1.6}
#s1_1 .final .final_txt span {display:block; font-weight:400;}
#s1_1 .final .p_txt {margin-top:15px; font-size:20px; font-weight:400;}
#s1_1 .final .p_txt strong {display:block; padding:50px 0 80px; font-size:25px; font-weight:500; color:#505050}
#s1_1 .final .ceo_info {padding-top:20px;}
#s1_1 .final .ceo_info .ceo {font-size:20px; color:#303030; font-weight:400; margin-left:5px; margin-right:10px;}
#s1_1 .final .ceo_info .ceo_name {font-size:23px; color:#303030; font-weight:500}
#s1_1 .final .ceo_info .logo_wrap img {vertical-align:top;}
#s1_2 .top_sec {}
#s1_2 .top_sec .top_tit {font-size:38px; font-weight:500; color:#303030; text-align:center;}
#s1_2 .info_sec {width:100%; max-width:470px; height:145px; margin:40px auto 0; background:url(../images/sub/s1_2_cnt.png)no-repeat center top; background-size:100% !important }
#s1_2 .info_sec:after {display:block; clear:both; content:"";}
#s1_2 .info_sec > li {padding-top:45px; float:left; font-size:18px; font-weight:400; color:#fff; text-align:center; line-height:1.6}
#s1_2 .info_sec > .list_01 {width:35%; /*background:url(../images/sub/s1_2_icon_01.png)no-repeat center top 70px*/}
#s1_2 .info_sec > .list_02 {width:30%; /*background:url(../images/sub/s1_2_icon_02.png)no-repeat center top 70px*/}
#s1_2 .info_sec > .list_03 {width:35%; /*background:url(../images/sub/s1_2_icon_03.png)no-repeat center top 70px*/}
#s1_2 .cont_sec {margin:35px auto 0; padding-top:30px; border-top:1px solid #dbdbdb; text-align:center; position:relative;}
#s1_2 .cont_sec #particles-js {z-index:-1; width:800px; height:450px; position:absolute; 
top:140px; left:50%; margin-left:-400px}
#s1_2 .cont_sec #particles-js:after {content:""; position:absolute; top:-70px; width:980px; height:500px; left:50%; margin-left:-510px; 
	background:url(../images/sub/s1_2_particles.png)no-repeat center bottom;
}
#s1_2 .cont_sec .ani_wrap {position:relative; background:url(../images/sub/s1_2_rotate_cnt.png)no-repeat center top}
#s1_2 .cont_sec .ani_wrap .ani_txt {position:absolute; top:50%; left:50%; margin:-59px 0 0 -72px; font-size:28px; color:#303030; line-height:1.4; font-weight:500;}
#s1_2 .cont_sec .ani_wrap .ani_txt span {font-size:28px; color:#303030; font-weight:500;}
#s1_2 .cont_sec .ani_wrap .logo_01 {position:absolute; left:270px; top:140px; width:191px; height:46px; 
	background:url(../images/sub/s1_3_logo_03.png)no-repeat}
#s1_2 .cont_sec .ani_wrap .logo_02 {position:absolute; left:50%; bottom:-75px; margin-left:-100px; width:191px; height:46px;  background:url(../images/sub/s1_3_logo_01.png)no-repeat}
#s1_2 .cont_sec .ani_wrap .logo_03 {position:absolute; right:270px; top:140px; 
	width:191px; height:46px;  background:url(../images/sub/s1_3_logo_02.png)no-repeat}
#s1_2 .cont_sec .ani_wrap .rotate_top {z-index:1; position:absolute; top:0; left:50%; width:317px; height:317px; margin-left:-160px; background:url(../images/sub/s1_2_rotate_point.png)no-repeat center top}
#s1_2 .cont_sec .btm_txt {padding-top:100px;}
#s1_2 .info_sec > .list_01 {width:35%; /*background:url(../images/sub/s1_2_icon_01.png)no-repeat center top 70px*/}
#s1_2 .info_sec > .list_02 {width:30%; /*background:url(../images/sub/s1_2_icon_02.png)no-repeat center top 70px*/}
#s1_2 .info_sec > .list_03 {width:35%; /*background:url(../images/sub/s1_2_icon_03.png)no-repeat center top 70px*/}
#s1_2 .cont_sec .btm_txt span {display:block; font-size:20px; font-weight:500; color:#303030; line-height:1.4}
#s1_3 .top_sec {text-align:center; padding-bottom:80px;}
#s1_3 .top_sec .top_tit {font-size:38px; color:#303030; font-weight:500}
#s1_3 .top_sec .top_add {font-size:25px; color:#303030; font-weight:400}
#s1_3 .history_wrap {}
/* #s1_3 .history:before {display:block; width:140px; height:140px; margin:0 auto 40px; content:""; font-size:28px; font-weight:500; color:#fff; border-radius:50%;}  */
#s1_3 .history:after {display:block; clear:both; width:8px; height:8px; margin:0 auto; background:#05233f; border-radius:50%; content:"";}
#s1_3 .history {background:url(../images/sub/s1_3_bg_line.png)repeat-y center top; margin-bottom:70px; padding-top: 30px;}

#s1_3 .history_wrap .year_box{margin: 0 auto; width: 140px; height: 140px; background: #05233f; color: #fff; display: table; border-radius: 50%; text-align: center; }
#s1_3 .history_wrap .year_box h4{display: table-cell; vertical-align: middle; font-size: 30px; font-weight: 500; line-height: 35px; }
#s1_3 .history_wrap .year_box h4 span{display: block; font-size: 18px; font-weight: 400; line-height: 1.3;}

/* #s1_3 .history_01:before {background:#05233f url(../images/sub/s1_3_year_01.png)no-repeat center;}
#s1_3 .history_02:before {background:#05233f url(../images/sub/s1_3_year_02.png)no-repeat center;} */
#s1_3 .history_01:before {background:#05233f url(../images/sub/s1_3_year_01_01.png)no-repeat center;}
#s1_3 .history_02:before {background:#05233f url(../images/sub/s1_3_year_01_02.png)no-repeat center;}
#s1_3 .history_03:before {background:#05233f url(../images/sub/s1_3_year_03.png)no-repeat top 30px center;}
#s1_3 .history_wrap .history {width:100%;}
#s1_3 .history_wrap .history > li {display:table; width:50%; padding-bottom:40px; clear:both;}
#s1_3 .history_wrap .history > .his_last {padding-bottom:50px;}
#s1_3 .history_wrap .history > li > .year,
#s1_3 .history_wrap .history > li > .info_list {display:table-cell; vertical-align:top}
#s1_3 .history_wrap .history > li > .year {width:15%;}
#s1_3 .history_wrap .history > li > .year > p {position:relative; font-size:28px; color:#05233f; font-weight:500; line-height:1;}
#s1_3 .history_wrap .history > li > .info_list {width:85%}
#s1_3 .history_wrap .history > li > .info_list li {font-size:14px; color:#606060; font-weight:400; line-height:1.8}
#s1_3 .history_wrap .history > li > .info_list .point_txt {color:#f16a31; font-weight:500}
#s1_3 .history_wrap .his_right {float:right; padding-left:38px; box-sizing:border-box;}
#s1_3 .history_wrap .his_left {float:left; text-align:right; padding-right:37px; box-sizing:border-box;}
#s1_3 .history_wrap .his_right .year > p:before {position:absolute; top:50%; left:-43px; width:11px; height:14px; margin-top:-7px; background:url(../images/sub/s1_3_his_before_blet.png)no-repeat top; vertical-align:top; content:"";}
#s1_3 .history_wrap .his_left .year > p:after {position:absolute; top:50%; right:-43px; width:11px; height:14px; margin-top:-7px; background:url(../images/sub/s1_3_his_before_blet.png)no-repeat top; vertical-align:top; content:"";}
#s1_3 .history_02:before {margin:0 auto 60px;}
#s1_3 .history_03:before {margin:0 auto 60px;}
#s1_3 .history_wrap .history_03 .his_right .year > p:before {margin-top:3px} 
#s1_3 .history_wrap .history_03 .his_left .year > p:after {margin-top:3px} 
#s1_3 .history_wrap .history > .daegong .point_txt {margin-top:-9px; font-size:25px;}
#s1_3 .history_wrap .history > .daegong .point_txt:before {display:inline-block; width:130px; height:32px; margin-right:10px; vertical-align:middle; background:url(../images/sub/s1_3_daegong.png)no-repeat left top; content:""}
#s1_3 .history_wrap .daegong .year > p:after { background: url(../images/sub/s1_3_his_before_blet_02.png)no-repeat top; }
#s1_3 .history_wrap .parcels_tit {display:block; padding-bottom:15px; font-size:25px; color:#05233f; font-weight:600}
#s1_4 .top_info {padding:0 0 50px 8%;}
#s1_4 .top_info:after {display:block; clear:both; content:"";}
#s1_4 .top_info dl {float:left}
#s1_4 .top_info dl:after {display:inline-block; width:1px; height:20px; margin:0 50px; vertical-align:text-top; background:#dbdbdb; content:"";}
#s1_4 .top_info .fax:after {width:0; margin:0}
#s1_4 .top_info dl dt {display:inline-block; padding-right:15px; font-size:18px; color:#05233f; font-weight:400}
#s1_4 .top_info dl dd {display:inline-block; font-size:18px; color:#606060; font-weight:300}
#s1_4 .root_daum_roughmap .wrap_map .map > div > div > div > div > div > a > span { font-family:"Noto Sans" !important; font-size: 18px !important; font-weight: bold; color: #08233d; }

/* s2 : 사업영역 */
.s2_comm {margin:50px auto 180px !important}
.s2_comm .cont_box {margin-top:40px; min-height:700px}
.s2 .top_sec {padding:0 0 130px; text-align:center; overflow:hidden}
.s2_comm .top_sec {padding: 0 0 80px }
.s2 .top_sec .top_tit {font-size:38px; color:#303030; font-weight:500}
.s2 .top_sec .img_sec {margin-bottom:70px; background:url(../images/sub/s2_011.png)no-repeat center top}
.s2 .top_sec .img_sec .txt_info span {font-size:42px; font-weight:400; color:#fff; line-height:1.2;}
.s2 .top_sec .img_sec .txt_info .txt_01 {padding-right:210px;}
.s2 .top_sec .img_sec .txt_info .txt_02 {padding-left:210px;}
.s2 .top_sec .add_info_tit {padding-bottom:40px; font-size:26px; color:#303030; font-weight:500}
.s2 .top_sec .add_info_tit .eng_info {font-size:20px; font-weight:400; vertical-align:baseline;}
.s2 .top_sec .add_info_txt {font-size:20px; color:#303030; font-weight:400}
.s2 .top_sec .add_info_txt span {font-weight:400}
.s2 .s2_tabs {display:table; width:100%;}
.s2 .s2_tabs > li {display:table-cell; width:33.3%; text-align:center}
.s2 .s2_tabs > li > a {padding:15px 0; font-size:20px; color:#303030; font-weight:400; border:1px solid #dbdbdb; border-right:0; transition:0.3s;}
.s2 .s2_tabs > li:last-child > a {border-right:1px solid #dbdbdb}
.s2 .s2_tabs > li > a:hover,
.s2 .s2_tabs > li.current > a {background:#f16a31; color:#fff}
.s2_type .cont_box:after {display:block; clear:both; content:""}
.s2_type .cont_box ul {float:left; width:24.4%; margin-right:.8%; padding:50px 0;}
.s2_type .cont_box ul:after {display:block; clear:both; content:"";}
.s2_type .cont_box .step_04  {margin-right:0}
.s2_type .cont_box ul > li {width:160px; padding-left:60px;}
.s2_type .cont_box ul > li .txt {font-size:15px; color:#606060; font-weight:400; line-height:1.9}
.s2_type .cont_box ul > li .txt:before {display:inline-block; width:3px; height:3px; margin:0 10px 0 -13px; vertical-align:middle; background:#05223e; content:""}
.s2_type .cont_box .step_01 > li {padding-top:35px;}
.s2_type .cont_box .step_04 {border-bottom:0}
.s2_type .cont_box ul > .step_tit {width:100%; height:115px; padding:32px 0 0 44px !important; box-sizing:border-box; color:#fff; font-size:25px; font-weight:400; background:#05223e;}
.s2_type .cont_box ul > .step_tit > span {margin-bottom:15px; font-size:15px; display:block; font-weight:400}
.s2_type .cont_box ul .list_tit {margin-left:-15px; margin-bottom:7px; font-size:18px; color:#303030; font-weight:400;}
#s2_1_1 .cont_box .step_02 > li {padding-top:40px;}
#s2_1_1 .cont_box .step_03 > li {padding-top:40px;}
#s2_1_1 .cont_box .step_04 > li {padding-top:40px;}
#s2_1_1 .cont_box ul > .list_02 {padding-top:25px;}
#s2_1_2 .cont_box .step_01 > .list_03 {width:220px}
#s2_1_2 .cont_box .step_02 > .list_02,
#s2_1_2 .cont_box .step_02 > .list_03 {padding-top:25px;}
#s2_1_2 .cont_box .step_03 > .list_02,
#s2_1_2 .cont_box .step_03 > .list_03,
#s2_1_2 .cont_box .step_03 > .list_04 {padding-top:25px;}
#s2_1_2 .cont_box .step_04 > .list_02,
#s2_1_2 .cont_box .step_04 > .list_03,
#s2_1_2 .cont_box .step_04 > .list_04 {padding-top:25px;}
#s2_1_2 .cont_box .step_04 > .step_tit {font-size:21px}
#s2_1_3 .resident_wrap {width:100%; max-width:834px; height:532px; margin:95px auto 0; padding-bottom:80px; position:relative; background:url(../images/sub/s211_cont.png)no-repeat}
#s2_1_3 .resident_wrap > ul {position:absolute; line-height:1.6}
#s2_1_3 .resident_wrap > ul li {font-size:15px; color:#606060; font-weight:400}
#s2_1_3 .resident_wrap > .info_01 {top:70px; left:50%; margin-left:-38px; text-align:right;}
#s2_1_3 .resident_wrap > .info_01 > li:after {display:inline-block; width:3px; height:3px; margin:0 -13px 0 10px; vertical-align:middle; background:#05223e; content:""}
#s2_1_3 .resident_wrap > .info_02 {top:174px; right:-31px;}
#s2_1_3 .resident_wrap > .info_02 > li:before {display:inline-block; width:3px; height:3px; margin:0 10px 0 -13px; vertical-align:middle; background:#05223e; content:""}
#s2_1_3 .resident_wrap > .info_03 {top:315px; left:-35px; text-align:right;}
#s2_1_3 .resident_wrap > .info_03 > li:after {display:inline-block; width:3px; height:3px; margin:0 -13px 0 10px; vertical-align:middle; background:#05223e; content:""}
#s2_1_3 .resident_wrap > .info_04 {top:315px; left:50%; margin-left:-157px; text-align:right;}
#s2_1_3 .resident_wrap > .info_04 > li:after {display:inline-block; width:3px; height:3px; margin:0 -13px 0 10px; vertical-align:middle; background:#05223e; content:""}
#s2_1_3 .resident_wrap > .info_05 {top:332px; right:142px;}
#s2_1_3 .resident_wrap > .info_05 > li:before {display:inline-block; width:3px; height:3px; margin:0 10px 0 -13px; vertical-align:middle; background:#05223e; content:""}
#s2_1_3 .resident_wrap > .info_06 {bottom:110px; right:240px; text-align:center}
#s2_1_3 .resident_wrap > .info_06 > li {font-size:16px; color:#343434; line-height:1.3}
#s2_1_3 .resident_wrap > .info_07 {bottom:30px; left:50%; margin-left:-40px;}
#s2_1_3 .resident_wrap > .info_07 > li:before {display:inline-block; width:3px; height:3px; margin:0 10px 0 -13px; vertical-align:middle; background:#05223e; content:""}
#s2_2 .top_sec {padding-bottom:0;} 
.s2_2 .img_sec {margin-bottom:70px; background:url(../images/sub/s22_011.png)no-repeat center top !important}
#s2_2_1 .cont_sec {padding-top:40px}
#s2_2_1 .cont_01 {text-align:center}
#s2_2_1 .cont_01 h4 {font-size:35px; color:#303030; font-weight:500}
#s2_2_1 .cont_01 .cont_list {padding:50px 70px 0}
#s2_2_1 .cont_01 .cont_list:after {display:block; clear:both; content:""}
#s2_2_1 .cont_01 .cont_list > li {position:relative; float:left; display:inline-block; width:25%; padding-top:65px; line-height:1.4; font-size:15px; color:#303030; font-weight:400; box-sizing:border-box}
/* #s2_2_1 .cont_01 .cont_list > li:after {position:absolute; top:42px; right:0; width:8px; height:8px; background:#223c5e; border-radius:50%; content:""} */
#s2_2_1 .cont_01 .cont_list > .list_01 {background:url(../images/sub/s221_icon_01.png)no-repeat center top}
#s2_2_1 .cont_01 .cont_list > .list_02 {background:url(../images/sub/s221_icon_02.png)no-repeat center top}
#s2_2_1 .cont_01 .cont_list > .list_03 {background:url(../images/sub/s221_icon_03.png)no-repeat center top}
#s2_2_1 .cont_01 .cont_list > .list_04 {background:url(../images/sub/s221_icon_04.png)no-repeat center top}
#s2_2_1 .cont_01 .cont_list > .list_04:after {width:0}
#s2_2_1 .cont_02 .add_info {font-size: 18px; color:#303030; font-weight:400; line-height:1.5; letter-spacing:0; text-align: center;}
#s2_2_1 .cont_02 .add_info span{font-size: 16px;}



#s2_2_1 .cont_02 {margin-top:35px; padding-top: 35px; padding-bottom:25px; border-top:1px solid #dbdbdb}
#s2_2_1 .cont_02 .cont_list {position: relative;width: 100%;max-width: 789px;height: 445px;margin: 0 auto;background: url(../images/sub/s221_cont2_bg.png)no-repeat center top 100px; background-size: auto auto;background-size: 39%;}
#s2_2_1 .cont_02 .cont_list > li h6 {font-size:25px; font-weight:500}
#s2_2_1 .cont_02 .cont_list > li p {font-size:15px; color:#333; font-weight:400}
#s2_2_1 .cont_02 .cont_list .list_01 {text-align:center}
#s2_2_1 .cont_02 .cont_list .list_02 {position:absolute; left:-79px; bottom:39px; text-align:right;}
#s2_2_1 .cont_02 .cont_list .list_03 {position:absolute; right:-69px; bottom:39px; text-align:left}
#s2_2_1 .cont_02 .cont_list .list_01 h6 {margin-bottom:15px; color:#595857}
#s2_2_1 .cont_02 .cont_list .list_02 h6 {margin-bottom:15px; color:#f06a30; display: inline-block; float: right; padding-left: 30px;}


#s2_2_1 .cont_02 .cont_list .list_03 h6 {margin-bottom:15px; color:#05223e; display: inline-block; left: -75px; position: absolute; }
#s2_2_1 .cont_02 .cont_list .list_03 .s211_p_box{;}
#s2_2_1 .cont_02 .cont_list .list_02 p {margin-bottom:5px;}
#s2_2_1 .cont_02 .cont_list .list_03 p {margin-bottom:5px;}
#s2_2_2 .cont_box .step_02 > li {padding-top:35px;}
#s2_2_2 .cont_box .step_03 > li {padding-top:35px;}
#s2_2_2 .cont_box .step_04 > li {padding-top:35px;}
#s2_3 .top_sec {padding-bottom:0; overflow:hidden}
.s2_3 .img_sec {margin-bottom:70px; background:url(../images/sub/s23_011.png)no-repeat center top !important}
#s2_3_1 .cont_sec .cont_01 {margin:50px 0; text-align:center; }
#s2_3_1 .cont_sec .cont_01 .top_tit {font-size:38px; font-weight:500; color:#303030;}
#s2_3_1 .cont_sec .cont_01 .info_sec {width:100%; max-width:390px; height:120px; margin:50px auto 0; background:url(../images/sub/s1_2_cnt.png)no-repeat center top; background-size:100% !important }
#s2_3_1 .cont_sec .cont_01 .info_sec:after {display:block; clear:both; content:"";}
#s2_3_1 .cont_sec .cont_01 .info_sec > li {padding-top:31px; float:left; font-size:18px; font-weight:400; color:#fff; line-height:1.6}
#s2_3_1 .cont_sec .cont_01 .info_sec > .list_01 {width:35.5%}
#s2_3_1 .cont_sec .cont_01 .info_sec > .list_02 {width:29%}
#s2_3_1 .cont_sec .cont_01 .info_sec > .list_03 {width:35.5%}
#s2_3_1 .cont_sec .cont_02 .add_info {margin-top:71px; font-size:20px; color:#303030; font-weight:500}
#s2_3_1 .cont_sec .cont_02 {margin-top:10px; padding-top:25px; border-top:1px solid #dbdbdb}
#s2_3_1 .cont_sec .cont_02 .cont_group {text-align:center}
#s2_3_1 .cont_sec .cont_02 .cont_group:after {display:block; clear:both; content:""}
#s2_3_1 .cont_sec .cont_02 .cont_group > li {display:inline-block; width:50%; max-width:630px;box-sizing:border-box}
#s2_3_1 .cont_sec .cont_02 .cont_group > .list_01 {float:left;}
#s2_3_1 .cont_sec .cont_02 .cont_group > .list_02 {float:right;}
#s2_3_1 .cont_sec .cont_02 .cont_group h6 {margin-bottom:15px; font-size:20px; color:#333; font-weight:500}
#s2_3_1 .cont_sec .cont_02 .cont_group .group_tit {position:relative; width:290px; height:80px; margin:0 auto; font-size:18px; color:#333; font-weight:400; background:#f3f3f3; border-radius:30px; box-sizing:border-box}
#s2_3_1 .cont_sec .cont_02 .cont_group .list_01 .group_tit {padding-top:12px;}
#s2_3_1 .cont_sec .cont_02 .cont_group .list_02 .group_tit {padding-top:26px;}
#s2_3_1 .cont_sec .cont_02 .cont_group .group_tit .tit_add {display:block; font-size:16px; font-weight:400}
#s2_3_1 .cont_sec .cont_02 .cont_group .list_01 .group_tit:before {position:absolute; width:96px; height:93px; top:40px; left:-96px; background:url(../images/sub/s231_group1_bg_left.png)no-repeat; content:""} 
#s2_3_1 .cont_sec .cont_02 .cont_group .list_01 .group_tit:after {position:absolute; width:96px; height:93px; top:40px; right:-96px; background:url(../images/sub/s231_group1_bg_right.png)no-repeat; content:""} 
#s2_3_1 .cont_sec .cont_02 .cont_group .list_02 .group_tit:after {display:block; width:40px; height:54px; margin:26px auto 0; background:url(../images/sub/s231_group2_bg.png)no-repeat center bottom; content:""}
#s2_3_1 .cont_sec .cont_02 .cont_group > li > .info_group {height:320px; padding:15px 20px; box-sizing:border-box; border:1px solid #dbdbdb}
#s2_3_1 .cont_sec .cont_02 .cont_group > li > .info_group .info_pro {margin-top:65px}
#s2_3_1 .cont_sec .cont_02 .cont_group > li > .info_group .info_pro:after {display:block; clear:both; content:""}
#s2_3_1 .cont_sec .cont_02 .cont_group > li > .info_group .info_pro > li {display:inline-block; float:left}
#s2_3_1 .cont_sec .cont_02 .cont_group > li > .info_group .info_pro > li > p {font-size:14px; color:#333; font-weight:400; line-height:1.3}
#s2_3_1 .cont_sec .cont_02 .cont_group > li > .info_group .info_pro > .pro_01 {width:20%; max-width:125px; height:45px; padding-top:75px; color:#fff; background:#05233f url(../images/sub/s231_info_icon_per.png)no-repeat center top 25px; border-radius:50%}
#s2_3_1 .cont_sec .cont_02 .cont_group > li > .info_group .info_pro > .pro_02 {width:20%; max-width:106px; height:125px; background:url(../images/sub/s231_group_para.png)no-repeat center top 40px}
#s2_3_1 .cont_sec .cont_02 .cont_group > li > .info_group .info_pro > .pro_03 {width:20%; max-width:125px; height:45px; padding-top:75px; color:#fff; line-height:1; background:#f16a31 url(../images/sub/s231_info_icon_house.png)no-repeat center top 25px; border-radius:50%}
#s2_3_1 .cont_sec .cont_02 .cont_group > li > .info_group .info_pro > .pro_04 {width:20%; max-width:106px; background:url(../images/sub/s231_group_para.png)no-repeat center top 40px}
#s2_3_1 .cont_sec .cont_02 .cont_group > li > .info_group .info_pro > .pro_05 {float:right; width:20%; max-width:125px; height:45px; padding-top:75px; color:#fff; background:#05233f url(../images/sub/s231_info_icon_per.png)no-repeat center top 25px; border-radius:50%}
#s2_3_1 .cont_sec .cont_02 .cont_group > .list_01 > .info_group .info_pro > .pro_04 {height:125px;}
#s2_3_1 .cont_sec .cont_02 .cont_group > .list_02 > .info_group .info_pro > .pro_04 {height:140px}
#s2_3_1 .cont_sec .cont_02 .cont_group > li > .info_group .info_pro > .pro_02 > .txt_top {padding-top:12px} 
#s2_3_1 .cont_sec .cont_02 .cont_group > li > .info_group .info_pro > .pro_02 > .txt_btm {padding-top:55px} 
#s2_3_1 .cont_sec .cont_02 .cont_group > .list_01 > .info_group .info_pro > .pro_04 > .txt_top {margin-top:-6px} 
#s2_3_1 .cont_sec .cont_02 .cont_group > .list_01 > .info_group .info_pro > .pro_04 > .txt_btm {padding-top:55px} 
#s2_3_1 .cont_sec .cont_02 .cont_group > .list_02 > .info_group .info_pro > .pro_04 > .txt_top {margin-top:-23px} 
#s2_3_1 .cont_sec .cont_02 .cont_group > .list_02 > .info_group .info_pro > .pro_04 > .txt_btm {padding-top:55px} 
#s2_3_1 .cont_sec .cont_02 .cont_group > li > .info_txt p {margin-top:0px; margin-bottom: 20px; font-size:15px; color:#666; font-weight:400; line-height:1.8}
.s211_p_box{display: inline-block;}



#s2_3_2 .cont_sec .cont_01 {text-align:center}
#s2_3_2 .cont_sec .cont_01 h4 {margin:50px 0; font-size:35px; color:#303030; font-weight:500}
/* #s2_3_2 .cont_sec .cont_01 .cont_info {width:100%; padding:63px 100px; box-sizing:border-box; background:url(../images/sub/s232_cont1_bg.png)no-repeat; color:#fff} */
#s2_3_2 .cont_sec .cont_01 .cont_info {width:100%; padding:0px 100px 55px; box-sizing:border-box;color:#303030;}
#s2_3_2 .cont_sec .cont_01 .cont_info > li {float:left; display:inline-block; width:12.5%; padding-top:70px; text-align:center;}
#s2_3_2 .cont_sec .cont_01 .cont_info > .list_01 {background:url(../images/sub/s232_cont1_icon_ben01.png)no-repeat center top; }
#s2_3_2 .cont_sec .cont_01 .cont_info > .list_02 {background:url(../images/sub/s232_cont1_icon_ben02.png)no-repeat center top}
#s2_3_2 .cont_sec .cont_01 .cont_info > .list_03 {background:url(../images/sub/s232_cont1_icon_ben03.png)no-repeat center top}
#s2_3_2 .cont_sec .cont_01 .cont_info > .list_04 {background:url(../images/sub/s232_cont1_icon_ben04.png)no-repeat center top}
#s2_3_2 .cont_sec .cont_01 .cont_info > .list_05 {background:url(../images/sub/s232_cont1_icon_ben05.png)no-repeat center top}
#s2_3_2 .cont_sec .cont_01 .cont_info > .list_06 {background:url(../images/sub/s232_cont1_icon_ben06.png)no-repeat center top}
#s2_3_2 .cont_sec .cont_01 .cont_info > .list_07 {background:url(../images/sub/s232_cont1_icon_ben07.png)no-repeat center top}
#s2_3_2 .cont_sec .cont_01 .cont_info > .list_08 {background:url(../images/sub/s232_cont1_icon_ben08.png)no-repeat center top}



#s2_3_2 .cont_sec .cont_01 .cont_info_02 .info_wrap {width:100%; max-width:1300px; min-height:480px; margin:0 auto; padding:10px 0; animation:bg_fade 2s;background:url(../images/sub/s232_cont1_bg2.png) no-repeat center 160px; position:relative ; margin-top: 30px;}
.add_info_test{margin-top: 30px;font-size: 18px;color: #303030;font-weight: 400;line-height: 1.5;letter-spacing: 0;text-align: center;}



@keyframes bg_fade {
	0% { background-size:200%;}
	100% { background-size:866px }
}
#s2_3_2 .cont_sec .cont_01 .cont_info_02 .info_wrap .info_tit {margin-top:26px; font-size:30px; color:#333; font-weight:bold; line-height:1}
#s2_3_2 .cont_sec .cont_01 .cont_info_02 .info_wrap dl {width:280px; height:130px; padding-top:85px; background-size:90% !important}


#s2_3_2 .cont_sec .cont_01 .cont_info_02 .info_wrap dl .box_tit {padding-bottom:13px; font-size:18px; font-weight:500}
#s2_3_2 .cont_sec .cont_01 .cont_info_02 .info_wrap dl dd {font-size:13px; color:#606060}
#s2_3_2 .cont_sec .cont_01 .cont_info_02 .info_wrap dl ol li {line-height:2; font-weight:400}
#s2_3_2 .cont_sec .cont_01 .cont_info_02 .info_wrap .box_01 {margin:0 auto; }
#s2_3_2 .cont_sec .cont_01 .cont_info_02 .info_wrap dl .box_rotate {position:absolute;}
#s2_3_2 .cont_sec .cont_01 .cont_info_02 .info_wrap .box_01 .box_rotate {top:40px; left:50%; width:230px; height:230px; margin-left:-115px; background:url(../images/sub/s232_boxRound_01.png)no-repeat center; transition:5s; -webkit-background-size: 100%;background-size: 80%;}
#s2_3_2 .cont_sec .cont_01 .cont_info_02 .info_wrap .box_02 .box_rotate {top:0; left:50%; width:230px; height:230px; margin-left:-115px; background:url(../images/sub/s232_boxRound_02.png)no-repeat center; transition:5s;  -webkit-background-size: 100%;background-size: 80%;}
#s2_3_2 .cont_sec .cont_01 .cont_info_02 .info_wrap .box_03 .box_rotate {top:0; left:50%; width:230px; height:230px; margin-left:-115px; background:url(../images/sub/s232_boxRound_03.png)no-repeat center; transition:5s;  -webkit-background-size: 100%;background-size: 80%;}
#s2_3_2 .cont_sec .cont_01 .cont_info_02 .info_wrap .box_01 .box_rotate.on1{ transform:rotate(380deg);}
#s2_3_2 .cont_sec .cont_01 .cont_info_02 .info_wrap .box_02 .box_rotate.on1{ transform:rotate(360deg);}
#s2_3_2 .cont_sec .cont_01 .cont_info_02 .info_wrap .box_03 .box_rotate.on1{ transform:rotate(400deg);}
#s2_3_2 .cont_sec .cont_01 .cont_info_02 .info_wrap .box_02 {position:absolute; top:275px; left:358px;}

#s2_3_2 .cont_sec .cont_01 .cont_info_02 .info_wrap .box_02 {padding-top: 60px;}
#s2_3_2 .cont_sec .cont_01 .cont_info_02 .info_wrap .box_03 {position:absolute; top:275px; right:358px; padding-top: 50px;}

#s2_3_2 .cont_sec .cont_01 .cont_info_02 .info_wrap .box_01 .box_tit {color:#595857}
#s2_3_2 .cont_sec .cont_01 .cont_info_02 .info_wrap .box_02 .box_tit {color:#ef6a2f}
#s2_3_2 .cont_sec .cont_01 .cont_info_02 .info_wrap .box_03 .box_tit {color:#05213d}
#s2_3_2 .cont_sec .cont_01 .add_txt {margin-top:15px; font-size:20px; color:#303030; font-weight:500}
#s2_3_2 .cont_sec .cont_02 {margin-top:35px; padding-top:42px; border-top:1px solid #dbdbdb}
#s2_3_2 .cont_sec .cont_02:after {display:block; clear:both; content:""}
#s2_3_2 .cont_sec .cont_02 .pro_box {width:50%; max-width:630px; text-align:center}
#s2_3_2 .cont_sec .cont_02 .pro_01 {float:left}
#s2_3_2 .cont_sec .cont_02 .pro_02 {float:right}
#s2_3_2 .cont_sec .cont_02 .pro_box h6 {padding:30px 0; font-size:25px; color:#333; font-weight:500}
#s2_3_2 .cont_sec .cont_02 .pro_box ol {padding:57px 28px}
#s2_3_2 .cont_sec .cont_02 .pro_box ol:after {display:block; clear:both; content:""}
#s2_3_2 .cont_sec .cont_02 .pro_box ol > li {position:relative; float:left; width:25%; max-width:128px; height:114px; margin-right:20px; padding:14px 0 0 0; display:inline-block; 
	background:#fff; border-radius:50%;}
#s2_3_2 .cont_sec .cont_02 .pro_box ol > li:after {position:absolute; width:9px; height:14px; top:55px; right:-15px; background:url(../images/layout/icon_arrow_right_white.png)no-repeat; content:""}
#s2_3_2 .cont_sec .cont_02 .pro_box ol > .list_04 {margin-right:0}
#s2_3_2 .cont_sec .cont_02 .pro_box ol > .list_04:after {width:0}
#s2_3_2 .cont_sec .cont_02 .pro_01 ol {background:url(../images/sub/s232_cont3_bg_01.png)no-repeat}
#s2_3_2 .cont_sec .cont_02 .pro_02 ol {background:url(../images/sub/s232_cont3_bg_02.png)no-repeat}
#s2_3_2 .cont_sec .cont_02 .pro_box ol > li p {line-height:1.4}
#s2_3_2 .cont_sec .cont_02 .pro_box ol > li .p_top {font-size:15px; color:#333; font-weight:500}
#s2_3_2 .cont_sec .cont_02 .pro_box ol > li .p_btm {padding-top:10px; font-size:15px; color:#666; font-weight:400}
#s23_part-js {width:100%; max-width:800px; height:600px; position:absolute; top:200px; left:50%; margin-left:-400px; background:url(../images/sub/s233_part_bg.png)no-repeat center}
#s2_3_3 {margin: 50px auto 120px !important;}
#s2_3_3 .cont_sec {position:relative; padding-top:50px}
#s2_3_3 .cont_sec h4 {font-size:35px; color:#303030; font-weight:500; text-align:center}
#s2_3_3 .cont_sec .cnt_cont {width:100%; max-width:380px; margin:0 auto; position:relative; padding-top:50px}
#s2_3_3 .cont_sec .cnt_cont .cnt_tit {width:100%; height:233px; margin:-40px auto 0; padding-top:147px; font-size:28px; color:#303030; background:#fff; font-weight:600; 
	line-height:1.3; text-align:center; border:4px solid #dbdbdb; border-radius:50%}
#s2_3_3 .cont_sec .cnt_cont dl {}
#s2_3_3 .cont_sec .cnt_cont dl .txt_info {margin-bottom:20px; font-size:18px; color:#303030; font-weight:400}
#s2_3_3 .cont_sec .cnt_cont dl .icon_info {width:70px; height:70px; border-radius:50%}
#s2_3_3 .cont_sec .cnt_cont .list_01 {position:relative; text-align:center; z-index:1}
#s2_3_3 .cont_sec .cnt_cont .list_02 {position:absolute; top:287px; left:-111px}
#s2_3_3 .cont_sec .cnt_cont .list_03 {position:absolute; top:287px; right:-240px}
#s2_3_3 .cont_sec .cnt_cont .list_04 {position:absolute; bottom:-17px; left:-162px}
#s2_3_3 .cont_sec .cnt_cont .list_05 {position:absolute; bottom:-17px; right:-147px}
#s2_3_3 .cont_sec .cnt_cont .list_abs:after {display:block; clear:both; content:""}
#s2_3_3 .cont_sec .cnt_cont .list_abs dt, 
#s2_3_3 .cont_sec .cnt_cont .list_abs dd {display:inline-block; float:left}
#s2_3_3 .cont_sec .cnt_cont .list_abs dt {margin-right:20px}
#s2_3_3 .cont_sec .cnt_cont .list_01 .txt_info {line-height:1.3}
#s2_3_3 .cont_sec .cnt_cont .list_abs .txt_info {line-height:70px}
#s2_3_3 .cont_sec .cnt_cont .list_01 .icon_info {margin:0 auto; background:#05233f url(../images/sub/s233_icon_01.png)no-repeat center}
#s2_3_3 .cont_sec .cnt_cont .list_02 .icon_info {background:#05233f url(../images/sub/s233_icon_02.png)no-repeat center}
#s2_3_3 .cont_sec .cnt_cont .list_03 .icon_info {background:#05233f url(../images/sub/s233_icon_03.png)no-repeat center}
#s2_3_3 .cont_sec .cnt_cont .list_04 .icon_info {background:#05233f url(../images/sub/s233_icon_04.png)no-repeat center}
#s2_3_3 .cont_sec .cnt_cont .list_05 .icon_info {background:#05233f url(../images/sub/s233_icon_05.png)no-repeat center}
#s2_3_3 .cont_sec .add_txt {padding-top:90px; font-size:20px; color:#303030; font-weight:400; text-align:center}

/* s3 : 사업실적 */
.s3 .area_list_wrap {min-height:750px}
.s3 .top_sec {width:90%; min-height:670px; margin:0 auto;}
.s3 .top_tit {padding-bottom:80px; text-align:center; font-size:38px; color:#303030; font-weight:400}
.s3 .top_sec:after {display:block; clear:both; content:"";}
.s3 .top_sec .top_rt_info {width:60%; margin-top:20px; float:right}
.s3 .top_sec .top_rt_info .rt_info_list {width:100%;}
.s3 .top_sec .top_rt_info .rt_info_list:after {display:block; clear:both; content:"";}
.s3 .top_sec .top_rt_info .rt_info_list > li {float:left; width:48%; height:285px; margin-right:4%; margin-bottom:4%; position:relative; }
.s3 .top_sec .top_rt_info .rt_info_list > li:nth-child(2n) {margin-right:0}
.s3 .top_sec .top_rt_info .rt_info_list > li > a {cursor: default; width:100%; height:100%; display:inline-block; padding:30px 20px 0 30px; box-sizing:border-box;border:1px solid #dbdbdb; transition:0.3s;}
.s3 .top_sec .top_rt_info .rt_info_list > li > a:hover {border:1px solid #999;}
.s3 .top_sec .top_rt_info .rt_info_list > li .info_tit {position:absolute; top:-16px; left:0; text-align:center; margin-bottom:10px; padding:3px 12px; background:#05223e; font-size:16px; color:#fff;}
.s3 .top_sec .top_rt_info .rt_info_list > li .info_tit:after {position:absolute; top:1px; right:-11px; width:11px; height:16px; background:url(../images/sub/s3_af_tri_img.png)no-repeat; content:""}
.s3 .top_sec .top_rt_info .rt_info_list > li .title {margin-bottom:15px; font-size:25px; color:#303030; font-weight:500;}
.s3 .top_sec .top_rt_info .rt_info_list > li dl {width:100%; line-height:2}
.s3 .top_sec .top_rt_info .rt_info_list > li dl:after {display:block; clear:both; content:"";}
.s3 .top_sec .top_rt_info .rt_info_list > li dl dt {width:28%; float:left; font-size:15px; color:#303030; font-weight:400;}
.s3 .top_sec .top_rt_info .rt_info_list > li dl dt:before {display:inline-block; vertical-align:middle; width:3px; height:3px; margin:0 15px 0 0; background:#05223e; content:""}
.s3 .top_sec .top_rt_info .rt_info_list > li dl dd {width:72%; float:left; font-size:15px; color:#606060; font-weight:400; word-break:break-all}
.s3 .area_list {width:100%; padding:30px 0;  border-bottom:1px solid #dbdbdb}
.s3 .area_list:after {display:block; clear:both; content:"";}
.s3 .area_list > li {float:left; width:24.2%; margin-right:1%; text-align:center;}
.s3 .area_list > li > a {height:270px; padding:0 0 10px; transition:0.3s; position:relative;}
.s3 .area_list > li > a .area_tit {position:absolute; top:-16px; left:0; color:#fff; padding:3px 12px;font-size:16px; background:#05223e; z-index: 15;}
.s3 .area_list > li > a .area_tit:after {position:absolute; top:1px; right:-11px; width:11px; height:16px; background:url(../images/sub/s3_af_tri_img.png)no-repeat; content:""}
.s3 .area_list > li > a .info_name {margin-top:10px; padding-bottom:3px; font-size:18px; color:#303030; font-weight:400;}
.s3 .area_list > li .img_wrap {position: relative;line-height:0; border:1px solid #dbdbdb; transition:0.3s;}

.s3 .area_list > li .img_wrap:hover:before{visibility: visible;  background: rgba(0,0,0,0.3); content:'';}

.s3 .area_list > li .img_wrap:hover:after{visibility: visible;position: absolute; content:'VIEW'; width: 64px; height: 64px; background: #05223e; -webkit-border-radius: 50%;-moz-border-radius: 50%; border-radius: 50%; left: 50%; margin-left: -32px; top: 50%; margin-top: -32px; z-index: 150; line-height: 64px; color: #fff; }

.s3 .area_list > li .img_wrap:after{transition:.3s;visibility: hidden;position: absolute; content:''; width: 64px; height: 64px; background: 0; -webkit-border-radius: 50%;-moz-border-radius: 50%; border-radius: 50%; left: 50%; margin-left: -32px; top: 50%; margin-top: -32px; z-index: 150;  font-size:14px; font-weight: 500; }
.s3 .area_list > li .img_wrap:before{visibility: hidden;position: absolute; content:''; width: 100%; height: 100%; background: rgba(0,0,0,0.0); left: 0; top: 0; line-height: 210px; z-index: 10; color: #fff; font-size:16px; font-weight: 500; transition:.3s;}
.s3 .area_list > li .img_wrap{transition:.3s;}



.s3 .area_list > li .img_wrap:hover {border:1px solid #999;}
.s3 .area_list > li .img_wrap > img {width:100%;}
.s3 .area_list > li:nth-child(4n+4) {margin-right:0;}
.s3 .more_btn {margin:50px 0; text-align:center;}
.s3 .more_btn > a {width:160px; margin:0 auto; padding:14px 0; border: 1px solid #05223e; color:#05223e; font-size:18px; transition:0.3s}
.s3 .more_btn > a:hover {background:#05223e; color:#fff; }
.s3 .select_wrap {margin-top:45px; padding:25px 0; border-top:1px solid #dbdbdb}
.s3 .select_wrap select {width:140px; margin-right:15px; padding:5px; font-size:15px; color:#303030; border:1px solid #dbdbdb}

/* 지도 */
.workListWrap { position:relative; min-height:580px; padding-left:443px;}
.mapViewCon {width:400px; float:left; line-height:1.4; background:url(../images/sub/map/map_off_neww.png) no-repeat left 20px top 60px}
.mapViewCon > div {background-repeat:no-repeat; background-position:0 0; width:360px; height:545px; margin:60px auto 0; position:relative;}
.mapViewCon > .ct_01 {background-image:url(../images/sub/map/map_on_01_w.png);}
.mapViewCon > .ct_02 {background-image:url(../images/sub/map/map_on_02_w.png);}
.mapViewCon > .ct_03 {background-image:url(../images/sub/map/map_on_03_w.png);}
.mapViewCon > .ct_04 {background-image:url(../images/sub/map/map_on_04_w.png);}
.mapViewCon > .ct_05 {background-image:url(../images/sub/map/map_on_05_w.png);}
.mapViewCon > .ct_06 {background-image:url(../images/sub/map/map_on_06_w.png);}
.mapViewCon > .ct_07 {background-image:url(../images/sub/map/map_on_07_w.png);}
.mapViewCon > .ct_08 {background-image:url(../images/sub/map/map_on_08_w.png);}
.mapViewCon > .ct_09 {background-image:url(../images/sub/map/map_on_09_w.png);}
.mapViewCon > .ct_10 {background-image:url(../images/sub/map/map_on_10_w.png);}
.mapViewCon > .ct_11 {background-image:url(../images/sub/map/map_on_11_w.png);}
.mapViewCon > .ct_12 {background-image:url(../images/sub/map/map_on_12_w.png);}
.mapViewCon > .ct_13 {background-image:url(../images/sub/map/map_on_13_w.png);}
.mapViewCon > .ct_14 {background-image:url(../images/sub/map/map_on_14_w.png);}
.mapViewCon > .ct_15 {background-image:url(../images/sub/map/map_on_15_w.png);}
.mapViewCon > .ct_16 {background-image:url(../images/sub/map/map_on_16_w.png);}
.mapViewCon > .ct_17 {background-image:url(../images/sub/map/map_on_17_w.png);}
.mapViewCon .mapSelectmap_1 {background:url(../images/sub/map/map_on_01_new.png);}
.mapViewCon .mapSelectmap_2 {background:url(../images/sub/map/map_on_02_new.png);}
.mapViewCon .mapSelectmap_3 {background:url(../images/sub/map/map_on_03_new.png);}
.mapViewCon .mapSelectmap_4 {background:url(../images/sub/map/map_on_04_new.png);}
.mapViewCon .mapSelectmap_5 {background:url(../images/sub/map/map_on_05_new.png);}
.mapViewCon .mapSelectmap_6 {background:url(../images/sub/map/map_on_06_new.png);}
.mapViewCon .mapSelectmap_7 {background:url(../images/sub/map/map_on_07.png);}
.mapViewCon .mapSelectmap_8 {background:url(../images/sub/map/map_on_08_new.png);}
.mapViewCon .mapSelectmap_9 {background:url(../images/sub/map/map_on_09_new.png);}
.mapViewCon .mapSelectmap_10 {background:url(../images/sub/map/map_on_10_new.png);}
.mapViewCon .mapSelectmap_11 {background:url(../images/sub/map/map_on_11_new.png);}
.mapViewCon .mapSelectmap_12 {background:url(../images/sub/map/map_on_12_new.png);}
.mapViewCon .mapSelectmap_13 {background:url(../images/sub/map/map_on_13_new.png);}
.mapViewCon .mapSelectmap_14 {background:url(../images/sub/map/map_on_14_new.png);}
.mapViewCon .mapSelectmap_15 {background:url(../images/sub/map/map_on_15_new.png);}
.mapViewCon .mapSelectmap_16 {background:url(../images/sub/map/map_on_16_new.png);}
.mapViewCon .mapSelectmap_17 {background:url(../images/sub/map/map_on_17_new.png);}
.mapViewCon > div ul li { position:absolute; }
.mapViewCon > div ul li input { position:absolute; left:-9999em;}
.mapViewCon > div ul li label { padding:10px 0; cursor:pointer; color:#303030; font-size:14px; font-weight:400; transition:0.6s;}
.mapViewCon > div ul li label.on, .mapViewCon > div ul li.on label {color:#fff}
.mapViewCon > div ul li.list01 {left:95px; top:95px;}
.mapViewCon > div ul li.list02 {left:108px; top:135px;}
.mapViewCon > div ul li.list03 {left:50px; top:100px;}
.mapViewCon > div ul li.list04 {left:210px; top:80px;}
.mapViewCon > div ul li.list05 {left:148px; top:180px;}
.mapViewCon > div ul li.list06 {left:68px; top:210px;}
.mapViewCon > div ul li.list07 {left:120px; top:200px;}
.mapViewCon > div ul li.list08 {left:132px; top:233px;}
.mapViewCon > div ul li.list09 {left:240px; top:227px;}
.mapViewCon > div ul li.list10 {left:193px; top:354px;}
.mapViewCon > div ul li.list11 {left:236px; top:286px;}
.mapViewCon > div ul li.list12 {left:300px; top:319px;}
.mapViewCon > div ul li.list13 {left:277px; top:360px;}
.mapViewCon > div ul li.list14 {left:95px; top:300px;}
.mapViewCon > div ul li.list15 {left:65px; top:415px;}
.mapViewCon > div ul li.list16 {left:80px; top:363px;}
.mapViewCon > div ul li.list17 {left:50px; top:510px;}

/* 팝업 VIEW */
#area_pop_wrap {display:none; position:relative; z-index:9999}
#area_pop_wrap .area_pop {position:fixed; top:50%; width:820px; height:604px; left:50%; margin-top:-300px; margin-left:-500px; padding:20px 90px 50px; background:#f4f1ee;}
#area_pop_wrap .area_pop:after {display:block; clear:both; content:"";}
#area_pop_wrap .info_view_wrap {}
#area_pop_wrap .info_view_wrap:after {display:block; clear:both; content:""}
#area_pop_wrap .area_pop .img_sec .main_img {height:307px;}
#area_pop_wrap .area_pop .img_sec .main_img img {height:100%}
#area_pop_wrap .area_pop .img_sec {height:100%; position:relative; width:50%; float:left}
#area_pop_wrap .area_pop .info_sec {width:50%; float:right; height:100%; position:relative; padding-left:60px; padding-top:0px; box-sizing:border-box}
#area_pop_wrap .area_pop .btn_close {position:absolute; width:100%; text-align:right; top:-15px; right:0; }
#area_pop_wrap .area_pop .btn_close > a {color:#fff; font-size:15px;}
#area_pop_wrap .area_pop .btn_close > a img { margin-left:10px;}
#area_pop_wrap .area_pop .img_sec img {width:100%;}
#area_pop_wrap .area_pop .sub_img {position:absolute; width:100%; max-width:820px; bottom:50px; box-sizing:border-box}
#area_pop_wrap .area_pop .sub_img:after {display:block; clear:both; content:"";}
#area_pop_wrap .area_pop .sub_img > li {float:left; width:32%; height:196px; }
#area_pop_wrap .area_pop .sub_img > li:nth-child(1) {margin-right:1%;}
#area_pop_wrap .area_pop .sub_img > li:nth-child(2) {margin-right:1%;}
#area_pop_wrap .area_pop .sub_img > li:nth-child(3) {margin-right:1%;}
#area_pop_wrap .area_pop .sub_img > li a {display:inline-block; width:100%; height:100%}
#area_pop_wrap .area_pop .sub_img > li img {width:100%; height:100%}
#area_pop_wrap .area_pop .img_sec .area_tit {position:absolute; top:30px; right:-30px; padding:10px 15px; background:#333; font-size:15px; color:#fff;}
#area_pop_wrap .area_pop .info_sec .area_name {font-size:30px; color:#303030; font-weight:400; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

.area_name2 {position: relative;display: inline-block;font-size:30px; color:#303030; font-weight:400; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding-bottom: 10px; margin-bottom: 25px;}
.area_name2:before{position: absolute; content:''; width: 100%; bottom: 0; left: 0; background: #f06327; height: 2px;}




#area_pop_wrap .area_pop .info_sec .area_add {height:55px; font-size:18px; color:#303030; font-weight:400; text-overflow:ellipsis; overflow:hidden; white-space:normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#area_pop_wrap .area_pop .info_sec .dl_wrap {}
#area_pop_wrap .area_pop .info_sec .dl_wrap dl {width:100%; line-height:2}
#area_pop_wrap .area_pop .info_sec .dl_wrap dl:after {display:block; clear:both; content:"";}
#area_pop_wrap .area_pop .info_sec .dl_wrap dt {float:left; width:22%; font-size:15px; color:#303030; font-weight:400}
#area_pop_wrap .area_pop .info_sec .dl_wrap dd {float:right; width:78%; font-size:15px; color:#606060;}
#area_pop_wrap .area_pop .info_sec .link_btn {color:#0004a5; font-weight:300; font-size:16px;}
#area_pop_wrap .area_pop .info_sec .link_btn:hover {text-decoration:underline}
#area_pop_wrap .move_btn_wrap {position:relative;}
#area_pop_wrap .move_btn_wrap > a {position:absolute; top:155px;}
#area_pop_wrap .move_btn_wrap > .prev {left:-200px}
#area_pop_wrap .move_btn_wrap > .next {right:-200px}

/* s4 : 고객지원 */
#s4_2 {}
#s4_2 .top_sec {text-align:center}
#s4_2 .top_sec .top_tit {font-size:40px; color:#303030; font-weight:500;}
#s4_2 .top_sec .top_info {font-size:20px; color:#303030; font-weight:400;}
#s4_2 .cont_sec {padding-top:50px;}
#s4_2 .cont_sec .corporate_identity {display:table; width:100%; max-width:1060px; margin:0 auto;}
#s4_2 .cont_sec .corporate_identity > li {display:table-cell; width:33.33%; text-align:center}
#s4_2 .cont_sec .corporate_identity > li .ci_sec {width:261px; height:261px; margin:0 auto;}
#s4_2 .cont_sec .corporate_identity > li .ci_tit {padding:15px 0; font-size:17px; color:#303030; font-weight:400;}
#s4_2 .cont_sec .corporate_identity > li .down_btn {width:155px; padding:15px 35px 15px 0; margin:0 auto; font-size:17px; font-weight:400; color:#fefefe; background:#05223e url(../images/sub/s4_2_down_icon.png)no-repeat center right 50px; border:1px solid #05223e; transition:0.3s;}
#s4_2 .cont_sec .corporate_identity > li .down_btn:hover {color:#05223e; background:#fff url(../images/sub/s4_2_down_icon_.png)no-repeat center right 50px;}
#s4_2 .cont_sec .corporate_identity > .housing .ci_sec {background:url(../images/sub/s4_2_c01.png)no-repeat center top}
#s4_2 .cont_sec .corporate_identity > .development .ci_sec {background:url(../images/sub/s4_2_c02.png)no-repeat center top}
#s4_2 .cont_sec .corporate_identity > .company .ci_sec {background:url(../images/sub/s4_2_c03.png)no-repeat center top}
#s4_2 .color_list {margin-top:45px; padding-top:40px; border-top:1px solid #dbdbdb}
#s4_2 h4 {margin-bottom:30px; font-size:22px; font-weight:400; text-align:center; color:#303030}
#s4_2 .color_list .col_list {width:100%; max-width:1020px; margin:0 auto;}
#s4_2 .color_list .col_list:after {display:block; clear:both; content:""}
#s4_2 .color_list .col_list li {float:left; width:19.36%; margin-right:.8%;}
#s4_2 .color_list .col_list .list_05 {margin-right:0}
#s4_2 .color_list .col_list li .color_sec {height:134px; color:#fff; box-sizing:border-box}
#s4_2 .color_list .col_list li .col_name {font-size:18px; letter-spacing:0px; }
#s4_2 .color_list .col_list li .col_info {letter-spacing:0px; font-size:15px}
#s4_2 .color_list .col_list li .col_color {margin-top:15px; font-size:15px; color:#303030; font-weight:400; line-height:1.4; letter-spacing:0px;}
#s4_2 .color_list .col_list li .col_cord {font-size:15px; color:#303030;  font-weight:400; line-height:1.4; letter-spacing:0px;}
#s4_2 .color_list .col_list .list_01 .color_sec {padding:31px 20px 0; background:#002140;}
#s4_2 .color_list .col_list .list_02 .color_sec {padding:31px 20px 0; background:#ea5f0d}
#s4_2 .color_list .col_list .list_03 .color_sec {padding:78px 20px 0; background:#595857}
#s4_2 .color_list .col_list .list_04 .color_sec {padding:78px 20px 0; background:#898989}
#s4_2 .color_list .col_list .list_05 .color_sec {padding:78px 20px 0; background:#b5b6b6}
#s4_2 .color_list .col_list .list_01 .col_name:after {display:block; width:20px; height:1px; margin:9px 0; background:#fff; content:""}
#s4_2 .color_list .col_list .list_02 .col_name:after {display:block; width:20px; height:1px; margin:9px 0; background:#fff; content:""}
#s4_3 .top_sec {text-align:center}
#s4_3 .top_sec .top_tit {font-size:40px; color:#303030; font-weight:500;}
#s4_3 .top_sec .top_info {font-size:20px; color:#303030; font-weight:400;}
#s4_3 .cont_sec {width:100%; max-width:1300px; margin:50px auto; height:659px; color:#fff; text-align:center; background:url(../images/sub/s43_bg_.png)no-repeat center top;}
#s4_3 .cont_sec .down_sec {padding:160px 0 0; }
#s4_3 .cont_sec .down_sec .cont_tit {padding-bottom:60px; font-size:35px; font-weight:400}
#s4_3 .cont_sec .down_sec .cont_tit .impor_txt {font-size:45px; font-weight:400}
#s4_3 .cont_sec .down_sec .info_txt {padding-bottom:30px; font-size:18px; font-weight:400}
#s4_3 .cont_sec .down_sec .down_btn {width:150px; padding:12px 30px 12px 0; margin:0 auto;font-size:17px; color:#fff; transition:0.3s; border:1px solid #fff; background:url(../images/sub/s4_2_down_icon.png)no-repeat center right 50px;}
#s4_3 .cont_sec .down_sec .down_btn:hover {color:#05223e; background:#fff url(../images/sub/s4_2_down_icon_.png)no-repeat center right 50px;}

.pop_bg1{position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.2); top: 0; left: 0; z-index: 100; display: none; }
.root_daum_roughmap .wrap_map {height: 650px !important;}
/* 반응수 */

.history_wrap2{display: none;}
.m_800{display: none;}
.full_wrap221{min-height:600px}