@charset 'utf-8';
@import url('/css/common.css');
/* layout */
.wrap {position:relative}
.wrap_sub {padding-top:80px; background:#f0f0f0 no-repeat 0 0 / 100% fixed}
/* location */
.wrap_location {position:relative; max-width:1200px; margin:0 auto; color:#fff}
.wrap_location .tit {padding:60px 20px 0; font-size:2.2em}
.wrap_location .location {position:absolute; right:20px; top:25px}
.wrap_location .location li {display:inline-block; font:0.9em/1 'notokr-l'}
.wrap_location .location li:after {content:'>'; display:inline-block; margin:0 5px 0 8px}
.wrap_location .location li:last-of-type:after {content:''; display:none}
/* LNB */
.box_con {position:relative; max-width:1200px; margin:15px auto 30px; background-color:#fff}
.box_con:after {content:''; display:block; clear:both}
.box_con .wrap_lnb {float:left; width:30%}
.box_con .wrap_lnb .img img {width:100%}
.box_con .wrap_lnb .lnb {padding:50px}
.box_con .wrap_lnb .lnb li a {display:block; padding:10px 0; color:#999; font-size:1.1em}
.box_con .wrap_lnb .lnb li a:hover,
.box_con .wrap_lnb .lnb li.on a {color:#6baff7}
/* common */
.box_con .wrap_con {float:left; width:70%; padding:30px 30px 60px; box-sizing:border-box}
.box_con .wrap_con.wide {float:none; width:auto}
.box_con .btn_totop {display:block; position:absolute; right:0; bottom:0; width:45px; height:45px; background:#191970 url('/images/common/btn_arr_v2.png') no-repeat 50% 10px; text-indent:-9999px}
.wrap_con .txt_intro {padding:5px 30px 30px; margin-bottom:30px; font:1.1em/1.3 'notokr-l'; color:#aaa; border-bottom:1px solid #ddd}
.wrap_con .content {position:relative; padding:0 30px}
.wrap_con .tit {margin-bottom:30px; color:#18186f}
.wrap_con h3.tit {font-size:1.5em}
.wrap_con h4.tit {font-size:1.2em}
.content .wrap_txt {font-family:'notokr-l'; line-height:1.4}
.content .wrap_txt .txt {margin-bottom:20px}
.content .wrap_img {text-align:center}
.content .wrap_img img {max-width:100%}
/* text */
.txt_bl {color:#6baff7}
/* tab */
.wrap_tab {margin-bottom:30px}
.wrap_tab:after {content:''; display:block; clear:both}
.wrap_tab a {float:left; display:block; padding:10px 0; margin-bottom:2px; text-align:center; color:#999; font-size:1.1em; border-bottom:1px solid #ddd; cursor:pointer}
.wrap_tab a.active,
.wrap_tab a:hover {margin-bottom:0; color:#18186f; border-bottom:3px solid #18186f}
.wrap_tab.tab3 a {width:33.33%}
.wrap_tab.tab4 a {width:25%}
.wrap_tab.tab5 a {width:20%}
.wrap_tab.tab6 a {width:16.66%}


/* sub1 회사소개 */
.wrap_sub.sub1 {background-image:url('/images/sub/bg_sub1.jpg')}

/* 1-1 인사말 */
.sub1-1 .content .txt_r {margin-top:80px; font-size:1.1em}
.sub1-1 .content .txt_r b {font-size:1.3em; font-style: italic}


/* 1-3 연혁 */
.con_his li {padding:18px 0; border-bottom:1px solid #ddd}
.con_his li dl:after,
.con_his li dd:after {content:''; display:block; clear:both}
.con_his li dt {float:left; font-size:1.6em}
.con_his li dd {padding:5px 0; margin-left:110px; font-family:'notokr-l'; line-height:1.3}
.con_his li dd .date {float:left}
.con_his li dd .txt {margin-left:70px}

/* 1-4 찾아오시는 길 */
.con_map .wrap_map {margin:20px 0}
.con_map .trans:after {content:''; display:block; clear:both}
.con_map .trans dl {float:left; width:50%; margin-top:10px}
.con_map .trans dl dt,
.con_map .wrap_txt li {margin-bottom:5px}


/* sub2 사업소개 */
.wrap_sub.sub2 {background-image:url('/images/sub/bg_sub2.jpg')}
.wrap_txt.busi {padding-bottom:40px; margin-bottom:30px; border-bottom:1px solid #ddd}
.wrap_txt.busi:before {content:''; display:block; float:left; width:143px; background:url('/images/sub/icon_sub2.png') no-repeat}
.wrap_txt.busi p {padding-left:180px}
.sub2 .content .wrap_img {text-align:left}

/* 2-1 시설관리 */
.busi.type1:before {height:115px; background-position:0 12px}
/* 2-2 미화관리 */
.busi.type2:before {height:128px; background-position:0 -105px}
/* 2-3 보안관리 */
.busi.type3:before {height:132px; background-position:10px -235px}
/* 2-4 안내관리 */
.busi.type4:before {height:126px; background-position:10px -377px}
/* 2-5 주차관리 */
.busi.type5:before {height:105px; background-position:0 -504px}
/* 2-6 건물실사 */
.busi.type6:before {height:117px; background-position:10px -618px}
/* 2-7 근로자파견 */
.busi.type7:before {height:126px; background-position:0 -744px}


/* sub3 사업실적 */
.wrap_sub.sub3 {background-image:url('/images/sub/bg_sub3.jpg')}
/* 검색바 */
.wrap_search .searchbox {float:right; position:relative; padding:0 45px 0 60px; border:1px solid #ddd}
.sub3-1 .wrap_search .searchbox {margin-right:20px}
.wrap_search .searchbox label {position:absolute; text-indent:-9999px; font-size:0}
.wrap_search .searchbox .selected {position:absolute; left:0; top:0; width:60px; padding:10px 0; font-size:0.8em; text-align:center; cursor:pointer}
.wrap_search .searchbox .selected:after {content:'|'; display:inline-block; margin-left:10px; font-size:0.7em; color:#999; vertical-align:middle}
.wrap_search .searchbox .select_options {position:absolute; left:-1px; top:33px; border:1px solid #ddd; background-color:#fff; z-index:2}
.wrap_search .searchbox .select_options .option {display:block; width:55px; padding:10px 0; color:#999; font-size:0.85em; text-align:center; cursor:pointer}
.wrap_search .searchbox .select_options .option:hover {background-color:#f5f5f5; color:#666}
.wrap_search .searchbox input {display:block; width:100%; max-width:150px; height:33px; border:0; padding:0}
.wrap_search .searchbox .btn_search {position:absolute; right:0; top:0; width:40px; height:33px; border:0; background:#fff url('/images/sub/icon_zoom.gif') no-repeat 50% 50%; text-indent:-9999px; font-size:0}
/* 리스트 */
.con_blist {margin:20px 0}
.con_blist ul:after {content:''; display:block; clear:both}
.con_blist li {display:inline-block; width:33%; padding:0 20px; margin-bottom:40px; box-sizing:border-box}
.con_blist li .wrap {background-color:#f0f0f0}
.con_blist li .wrap_img img {width:100%; height:100%}
.con_blist li .wrap_txt {padding:20px}
.con_blist li .wrap_txt dt {margin-bottom:10px; font:1.15em/1 'notokr-r'}
/* 페이징 */
.wrap_paging {position:relative; margin:20px 0; text-align:center; line-height:0; font-family:'notokr-l'}
.wrap_paging .paging_mobile {display:none}
.wrap_paging > a,
.wrap_paging > ol,
.wrap_paging > ol li {display:inline-block; vertical-align:baseline}
.wrap_paging > a {width:47px; height:14px; margin:0 2px; padding:5px 0; font-size:0.8em; color:#999; line-height:14px; border:1px solid #eee}
.wrap_paging > ol li > a {display:block; min-width:20px; height:14px; margin:0 2px; padding:6px 3px; font-size:0.8em; color:#666; line-height:14px; background:#eee}
.wrap_paging > ol li.on > a {color:#fff; background:#888}


/* sub4 커뮤니티 */
.wrap_sub.sub4 {background-image:url('/images/sub/bg_sub4.jpg')}
.wrap_con .txt_intro.type2 {padding-bottom:0; border-bottom:0}
.wrap_con .txt_intro.type2 .tit {margin-bottom:10px}
/* 4-1 게시판 리스트 */
.wrap_board {padding:20px 0}
.wrap_board table {width:100%}
.wrap_board table th,
.wrap_board table td {padding:18px 10px; border-bottom:1px solid #ddd; text-align:center; line-height:1.2; vertical-align:top}
.wrap_board table thead {font-family:'notokr-r'}
.wrap_board table tbody {font-family:'notokr-l'}
.wrap_board table .no {width:10%}
.wrap_board table .type {width:10%}
.wrap_board table .title {width:55%}
.wrap_board table .down {width:15%}
.wrap_board table .date {width:12%}

.wrap_board table .posi {width:30%}
.wrap_board table .addr {width:30%}
.wrap_board table .space {width:15%}
.wrap_board table .service {width:15%}

.wrap_board table td.title {text-align:left}
.wrap_board table td a {display:block}
.wrap_board table td a:hover {color:#999}
/* 4-2 게시판 상세 */
.wrap_board_detail > dl > dt {background-color:#f0f0f0; line-height:1.2}
.wrap_board_detail > dl > dt > div {position:relative; padding:20px}
.wrap_board_detail > dl > dt .wrap_title {padding-right:100px; border-bottom:1px solid #ddd}
.wrap_board_detail > dl > dt .title {font-size:1.2em}
.wrap_board_detail > dl > dt .date {position:absolute; right:20px; top:20px; font-family:'notokr-l'}
.wrap_board_detail > dl > dd {padding:30px 20px; font:0.95em/1.3 'notokr-l'; color:#666}
.wrap_board_detail > dl > dd p {margin-bottom:15px}
.wrap_board_detail > dl > dd img {max-width:100%}
.foot_board {position:relative; padding-right:84px; margin-top:20px; border:1px solid #ddd; border-left:0; border-right:0; font:0.9em 'notokr-l'}
.foot_board dl {margin:18px}
.foot_board dl:after {content:''; display:block; clear:both}
.foot_board dl dt {float:left}
.foot_board dl dt:after {content:':'; display:inline-block; margin-left:8px}
.foot_board dl dd {padding-left:60px}
.foot_board .btn_list {position:absolute; right:0; top:20px; padding:12px 20px; border:1px solid #ddd}
.foot_board .btn_list:before {content:''; display:inline-block; width:14px; height:18px; margin-right:5px; background:url('/images/sub/icon_list.gif') no-repeat 0 0; vertical-align:middle}
.foot_board dl dd a:hover {color:#999}

/* 4-3 입사지원안내 */
.wrap_recruit {margin:40px 0}
.wrap_recruit:after {content:''; display:block; clear:both}
.wrap_recruit li {position:relative; float:left; width:16.66%; min-width:110px; padding-top:95px; text-align:center; font-size:0.9em; line-height:1.2; background:url('/images/sub/img_recruit.png') no-repeat 50% 0; box-sizing:border-box; word-break:keep-all}
.wrap_recruit li:after {content:''; display:block; position:absolute; right:0; top:35px; width:0; height:0; border-left:8px solid #bbb; border-top:8px solid transparent; border-bottom:8px solid transparent}
.wrap_recruit li:last-of-type:after {display:none}
.wrap_recruit li.step2 {background-position-y:-144px}
.wrap_recruit li.step3 {background-position-y:-288px}
.wrap_recruit li.step4 {background-position-y:-432px}
.wrap_recruit li.step5 {background-position-y:-576px}
.wrap_recruit li.step6 {background-position-y:-720px}
.wrap_recruit li span {display:inline-block; min-height:36px; padding:0 10px}
.wrap_btn {margin:30px 0; text-align:center}
.wrap_btn .btn_down {display:block; max-width:360px; padding:20px 0; margin:0 auto; background-color:#397dc3; color:#fff}
.wrap_btn .btn_down:before {content:''; display:inline-block; width:21px; height:18px; margin-right:10px; background:url('/images/sub/icon_down.png') no-repeat 0 0; vertical-align:middle}

/* 4-4 자료실 리스트 */
.wrap_board table .file {width:10%}
.wrap_board .title dt {margin-bottom:10px; font:1.1em 'notokr-r'}
.wrap_board .title dd {display:-webkit-box; max-height:2.4em; font-size:0.9em; line-height:1.2em; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2;  -webkit-box-orient:vertical; word-wrap:break-word}

/* 4-5 자료실 상세 */
.wrap_board_detail dt .wrap_foot {padding-right:200px; font-size:0.9em}
.wrap_board_detail dt .wrap_foot .wrap_file {position:relative}
.wrap_board_detail dt .wrap_foot .wrap_file dt {position:absolute; left:0; font-family:'notokr-b'}
.wrap_board_detail dt .wrap_foot .wrap_file dd {padding-left:45px}
.wrap_board_detail dt .wrap_foot .btn_down {position:absolute; right:20px; top:12px; padding:8px 15px; font-size:0.9em; background-color:#fff; border:1px solid #ddd;}
.wrap_board_detail dt .wrap_foot .btn_down:before {content:''; display:inline-block; width:21px; height:18px; margin-right:5px; background:url('/images/sub/icon_down.png') no-repeat 0 -46px; vertical-align:middle}


@media screen and (max-width:1024px) {
}

@media screen and (max-width:768px) {
	.wrap_location .location {right:20px}
	.box_con .wrap_lnb {display:none}
	.box_con .wrap_con {float:none; width:100%; padding-left:20px; padding-right:20px}
	.wrap_con .txt_intro {padding-left:0; padding-right:0}
	.wrap_con .txt_intro br {display:none}
	.wrap_con .content {padding:0}
	.wrap_tab.tab6 a {width:33.33%}
	
	/* sub3 사업실적 */
	.wrap_search .searchbox {float:none; margin:0 6px}
	.wrap_search .searchbox input {max-width:100%}
	.con_blist li {padding:0 6px; margin-bottom:20px}
	.wrap_paging .paging_pc {display:none}
	.wrap_paging .paging_mobile {display:inline-block}
	.wrap_paging .paging_mobile span {color:#999; line-height:26px}
	.wrap_paging .paging_mobile span.now {color:#666}
	.wrap_paging > a {position:absolute; top:0; width:38px}
	.wrap_paging .btn_first {left:4px}
	.wrap_paging .btn_prev {left:50px}
	.wrap_paging .btn_next {right:50px}
	.wrap_paging .btn_last {right:4px}
}

@media screen and (max-width:640px) {
	.wrap_sub {padding-top:60px; font-size:0.9em}
	.wrap_location .tit {padding-top:16px; font-size:1.6em}
	
	/* 1-1 인사말 */
	.sub1 .content .txt_r {text-align:left !important}
	
	/* 1-3 연혁 */
	.con_his li dt {float:none; margin-bottom:10px}
	.con_his li dd {margin-left:0}
	.con_his li dd .txt {margin-left:45px}
	
	/* 1-4 찾아오시는 길 */
	.con_map .trans dl {float:none; width:auto}
	
	/* sub2 */
	.wrap_txt.busi:before {display:none}
	.wrap_txt.busi p {padding-left:0}
	
	/* sub3 사업실적 */
	.wrap_search .searchbox {margin:0 !important}
	.con_blist li {float:none; display:block; width:auto; padding:0; margin-bottom:10px}
	.con_blist .wrap_img {float:left; width:30%; height:108px}
	.con_blist li .wrap_txt {padding:15px 10px 15px 35%}
	
	/* sub4 커뮤니티 */
	.wrap_board table th,
	.wrap_board table td {padding:12px 5px}
	.wrap_board table .no,
	.wrap_board table .date {display:none}
	.wrap_board_detail > dl > dt > div {padding:15px}
	.wrap_board_detail > dl > dd {padding:20px 5px}
	.wrap_board_detail > dl > dt .date {top:18px}
	.foot_board {padding-right:0}
	.foot_board dl {margin:15px 5px}
	.foot_board .btn_list {display:block; position:relative; right:auto; top:auto; border-bottom:0; text-align:center}
	
	/* 4-3 입사지원안내 */
	.wrap_recruit li {width:33.33%; min-width:auto}
	.wrap_recruit li:after {right:-5px}
	
	/* 4-5 자료실 상세 */
	.wrap_board_detail dt .wrap_foot {padding-right:15px}
	.wrap_board_detail dt .wrap_foot .btn_down {display:block; position:relative; top:auto; right:auto; margin-top:15px; text-align:center}
}