@charset "utf-8";


/* ----------------------------------------------------------------- */
/* sub_common */
/* ----------------------------------------------------------------- */


.sub_visual {overflow:hidden; position:relative; display:table; margin:0 auto 0; width:100%; height:260px; background-size:cover !important;}
.sub_visual:after {content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.15);} 

.bg_01 {background:#aaa url("../images/common/bg_sub01.jpg") no-repeat center center;}
.bg_02 {background:#aaa url("../images/common/bg_sub02.jpg") no-repeat center center;}
.bg_03 {background:#aaa url("../images/common/bg_sub03.jpg") no-repeat center center;}
.bg_04 {background:#aaa url("../images/common/bg_sub04.jpg") no-repeat center center;}
.bg_05 {background:#aaa url("../images/common/bg_sub05.jpg") no-repeat center center;}


.sub_visual .slogan {position:absolute; top:47%; left:0; width:100%; text-align:center; transform: translateY(-50%); z-index:1;}
/* {position:relative; display:table-cell; width:100%; height:100%; padding-top:60px; padding-bottom:0px; text-align:center; vertical-align:middle; z-index:1;} */
.sub_visual .slogan h2 {margin-bottom:20px; width:100%; line-height:1; font-size:4.8rem; color:#fff; font-family:'Bitgoeul_Bold'; font-weight:normal; letter-spacing:-0.04em; text-transform:uppercase;}
.sub_visual .slogan .h_desc {display:none; color:#fff; font-size:1.6rem; font-family:'S-CoreDream-4Regular'; color:rgba(255, 255, 255, .9); }
/* .sub_visual .location {overflow:hidden; position:relative; width:100%;}
.sub_visual .location li {display:inline-block; vertical-align:middle; color:#fff; font-size:1.4rem;}
.sub_visual .location li:nth-child(2){text-transform:capitalize;}
.sub_visual .location li a {color:inherit;}
.sub_visual .location li i {font-size:1.6rem; margin-top:1px;}
.sub_visual .location li:before {font-family:'xeicon'; display:inline-block;content: "\e93f"; position:relative; top:-0.1rem;  margin:0px 11px 0 9px; color:#fff; font-size:1.8rem; vertical-align:middle;}
.sub_visual .location li:first-child:before {display:none;} */

/* nav */
.location_wrap {position:relative; width:var(--sub-width); margin:-56px auto 0; border-bottom:0px solid rgba(0, 0, 0, .15); background:rgba(21, 36, 75, 0.8); z-index:99;}
.locationArea {position:relative; width:100%; margin:0 auto;}
.locationArea:after {content:''; display:block; clear:both;}
.locationArea .location {float:left;letter-spacing:0.25px;}
.locationArea .location > li.home a {display:block; width:65px; height:56px; background:#477fc2 url("../images/common/ico_home.png") no-repeat center center; background-size:19px; text-indent:-99999px;
 transition: 0.3s;}
.locationArea .location > li {float:left; position:relative;}
.locationArea .location > li:after {content: ""; position:absolute; right:0; top:0; width:1px; height:100%; border-right:1px solid rgba(255,255,255, 0.15);}
.locationArea .location > li:first-child {border-left:0px solid rgba(0,0,0, 0.15);}
.locationArea .location > li:first-child:after {border-right:0;}

.locationArea .location > li.locationLink > a {display:block; padding:0 90px 0 25px; min-width:220px; line-height:56px; font-size:1.4rem; color:rgba(255, 255, 255, 1.0); font-family:'S-CoreDream-4Regular';}
.locationArea .location > li.locationLink > a:after {content: ""; position:absolute; right:22px; top:50%; transform:translateY(-50%); width: 0; height: 0;
				border-bottom: 4px solid transparent; border-top: 4px solid transparent; border-left: 6px solid #fff; border-right: 6px solid transparent;
				transform: rotate(90deg); transform-origin:50% 50%;}
.locationArea .location > li.locationLink.on > a:after {-webkit-transform: rotate(-90deg); transform: rotate(-90deg); margin-top:-6px;}
.locationArea .location > li.locationLink .selectMenu {display:none; position:absolute; left:-1px; top:56px; width:100%;  border:0px solid rgba(0, 0, 0, .15); background:#fff; 
box-sizing:content-box; box-shadow: 2px 0 20px rgb(0 0 0 / 10%); z-index:10;}
.locationArea .location > li.locationLink .selectMenu.open {display:block;}	
.locationArea .location > li.locationLink .selectMenu li {background:#fff; border-top:1px solid rgba(0, 0, 0, .07); }
.locationArea .location > li.locationLink .selectMenu li:first-child {border-top:0;}
.locationArea .location > li.locationLink .selectMenu li a {display:block; padding:15px 25px; color:#555; text-decoration:none; line-height:1.3; font-size:1.3rem; font-family:'S-CoreDream-4Regular';
 text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.locationArea .location > li.locationLink .selectMenu li a:hover,
.locationArea .location > li.locationLink .selectMenu li a:focus {}
.locationArea .location > li.locationLink .selectMenu li.on a {color:#777;}

.locationArea .location > li.locationLink.dep3 > a {min-width:200px;}
.locationArea .location > li.locationLink .selectMenu li a i {margin-left:3px; margin-top:6px;}



/* sub :: 레이아웃 */
.sub_wrap {position:relative;}

/* lnb  */
.aside {display:none; width:100%; border-bottom:1px solid rgba(0, 0, 0, .15);}
.aside:after {clear:both; display:block; content:""}

.lnb {position:relative; display:table; margin:0 auto;}
.lnb:after {content:""; display:block; clear:both;}
.lnb > li {float:left; position:relative;}
.lnb > li > a {display:block; position:relative; height:58px; padding:18px 50px 0; font-size:1.5rem;
font-family:'S-CoreDream-4Regular'; color:#333; border-left:0px solid rgba(255,255,255, 0.2); text-align:center;}
.lnb > li:first-child a {border-left:0;}
.lnb > li > a::before {content:""; position:absolute; bottom:-1px; left:50%; width:0; height:3px; -webkit-border-radius:4px; border-radius:4px; background-color:var(--main-color);
	word-break:keep-all; -webkit-transition:all 0.4s; transition:all 0.4s;}
/* .lnb > li > a i {margin-left:7px; margin-top:4px;} */
.lnb > li.on > a {border-color:transparent; color:#333; font-family:'S-CoreDream-5Medium'; background-color:#fff;}
.lnb > li > a:hover:before,
.lnb > li.on > a:before{width:100%; margin-left:-50%;}

/* .lnb.item3 li {width:33.33%;}
.lnb.item4 li {width:25%;} 
.lnb.item5 li {width:20%;} 
.lnb.item6 li {width:calc(100% / 6);}  */



/* sub :: 본문 */
.contents {overflow:hidden; position:relative; min-height:500px;}
.sub_title {position:relative; margin:70px auto 45px; text-align:center;}
.sub_title h3 {font-size:4rem; color:#333; font-family:'Bitgoeul_Bold'; font-weight:normal; letter-spacing:-0.04em;}

.sub_cont {position:relative; font-size:1.7rem; word-break:keep-all;}
.sub_cont h4, 
.personal > .personal_area .tit 
{position:relative; display:inline-block; margin:50px 0 13px;/*  padding-left:22px; */ line-height:1.2; font-size:2.4rem; color:#333; font-family:'Bitgoeul_Bold'; font-weight:normal; letter-spacing:-0.04em;}
.personal > .personal_area .tit {padding-left:0;}
.sub_cont h4:first-child,
.personal > .personal_area .tit:first-child {margin-top:0;} /* 약관 */
/* .sub_cont h4:before {content:''; display:block; position:absolute; left:0; top:6px; width:7px; height:7px; border:4px solid transparent;
background-image: linear-gradient(#fff, #fff), linear-gradient(-315deg, rgba(33,73,166,1) 0%, rgba(71,179,254,1) 100%); background-origin:border-box; background-clip:content-box, border-box; border-radius:100%;} 
 */
.sub_cont h4 + .table_wrap {margin-top:0;}
.sub_cont h5 {position:relative; display:inline-block; margin:40px 0 15px; line-height:1.2; font-size:2.2rem; color:#333; font-family:'Bitgoeul_Bold'; font-weight:normal; letter-spacing:-0.025em;}
.sub_cont h4 + h5 {margin-top:5px !important;}

/* 게시판 wr : 인사고충 여러 폼 */
form input + h4 {margin-top:0 !important;}
/* sub :: 관리자 내역 */
.sub_cont h4 + .table_wrap, .sub_cont h5 + .table_wrap  {margin-top:0;}




/* tab */
.tab_wrap {margin-bottom:50px;}
.tabList {display:-ms-flexbox; display:flex; flex-wrap:wrap; margin:1px 0 0 1px;}
.tabList li:nth-child(n+7){flex:inherit; width:calc(16.667% + 1px);}
.tabList li {flex:auto; display:table; table-layout:fixed; position:relative; margin:-1px 0 0 -1px; width:16.667%; border:1px solid #e1e1e1; background-color:#fff; }
.tabList li a {display:table-cell; position:relative; padding-top:2px; width:100%; height:54px; line-height:1.1; text-align:center; vertical-align:middle; z-index:1;}
.tabList li a em {font-size:1.5rem; color:#444; font-family:'S-CoreDream-4Regular';}
.tabList li.on {border-color:transparent; }
.tabList li.on em {color:#233271;}
.tabList li.on:before {content:""; position:absolute; left:-1px; right:-1px; top:-1px; bottom:-1px; border:3px solid #233271; z-index: 1;}
.tabList li a.t2 em {font-size:86%;}

.tabList.item2 li {width:auto; flex:1 !important;}
.tabList.item3 li {width:calc(100%/3);}
.tabList.item3 li:nth-child(n+1){flex:inherit; width:calc((100%/3) + 1px);}
.tabList.item4 li {width:25%}
.tabList.item4 li:nth-child(n+1){flex:inherit; width:calc(25% + 1px);} /*-n 까지 n부터*/
.tabList.item5 li {width:20%;}
.tabList.item5 li:nth-child(n+1){flex:inherit; width:calc(20% + 1px);} 
.tabList.item6 li {width:calc(100% / 6);}
.tabList.item6 li:nth-child(n+1){flex:inherit; width:calc((100%/6) + 1px);} 

.tabContent {display:none;}
.tabContent.on {display:block;}
/* .tabContent h4:first-child {margin-top:20px;} */
.tab_wrap + h4 {margin-top:20px;} 
.tabList li:not(:first-child) {}

/* .tabList {margin:0 0 0 -8px;}
.tabList li {width:calc(100% / 7 - 8px); margin-left:8px; margin-top:8px; border-radius:0 10px 0 10px;}
 */


/* li list */
.dot_list > li, .dot {position:relative; margin:0 0 3px 5px; padding-left:12px;}
.dot_list > li::before, .dot::before {content:""; display:block; position:absolute; left:0; top:12px; width:5px; height:5px; background:#555; border-radius:50%;}

.dashed_list li, .dashed {position:relative; margin:0 0 3px 3px; padding:0 0 0 11px;}
.dashed_list li:before, .dashed:before {content:""; display:block; position:absolute; top:14px; left:0; width:6px; height:1px; background:#797979;}
.dashed_list li strong {font-weight:500;}

.default_list {margin:12px 0 0 3px;}
.default_list li {}

.dot_list > li > .dashed_list {margin:7px 0 7px 0px;}

.dot_list li a:hover {color:var(--main-color);}
.dot_list li i {margin-top:6px;}


table .dot_list > li, table .dot {margin:0 0 3px 1px;}

/* 기본 테이블 */
.tList {position:relative; width:100%; border-top:2px solid #666;}
.tList th, .tList td {padding:15px 20px; border:1px solid #dcdcdc; vertical-align:middle;}
.tList th:first-child, .tList td:first-child {border-left:none;}
.tList th:last-child, .tList td:last-child {border-right:none;} 
.tList thead th,
.tList tbody th,
.tList tfoot th {background:#f7f7f7; color:#444; font-weight:normal; word-break:keep-all; text-align:center;}
.tList tbody td,
.tList tfoot td {background:#fff; word-break:keep-all; text-align:center;}
.tList th, .tList td.tLeft {text-align:left;}
.tList tr.bg {background:#f7f7f7;}
.tList .st {font-size:90%;} /* 작은글씨 */


.tList.t2 th {padding:12px 15px;}

/*게시판 뷰화면*/
.view_con .tList {border-top:1px solid #dcdcdc;}


table col.no {width:8%;}
table col.space_01 {width:10%} 
table col.space_02 {width:15%}
table col.space_03 {width:20%}
table col.space_04 {width:25%} 
table col.space_05 {width:30%}
table col.space_06 {width:35%}
table col.space_07 {width:40%}
table col.space_08 {width:50%;} 
table col.checkbox {width:50px;}


.table_sup {margin-bottom:10px; text-align:right;}

/* 스토킹 체크 리스트*/
.tList.ck td:last-child {border-left:none;} 
.tList.ck td:nth-child(2){border-right:none;} 

/* i마크 정보 */
.ic_alert {font-size:94%; font-family:'S-CoreDream-4Regular';}
.ic_alert i {padding-top:3px; font-size:2rem; color:#f84e18;}
.txt_subs {display:inline-block; margin-left:5px; margin-top:4px; font-size:80%; color:#dd613a; font-family:'S-CoreDream-4Regular';}



/* 좌우 스크롤 :: 모바일 */
.limitArea {/* position:relative; overflow-x:auto; overflow-y:hidden; width:100%; -webkit-overflow-scrolling:touch; */}	
.limitArea .w600 {min-width:600px;}
.limitArea .w500 {min-width:500px;}
.limitArea .w400 {min-width:450px;}

.scroll_drag_guide {display:none; /* display:flex; */ justify-content:flex-end; margin-right:10px;}
.scroll_drag_guide .scroll_drag_inner {position:relative; width:45px; height:45px;}
.scroll_drag_guide .scroll_drag_inner:before {content:""; position:absolute; top:4px; right:0; width:100%; height:3px; background-color:#ccc; border-radius:5px;}
.scroll_drag_guide .drag_bar {position: absolute; left:0px; top:3px; animation:moveScrollAni 3s both infinite; z-index:1;}
.scroll_drag_guide .drag_bar .bar {display:block; width:23px; height:5px; background-color:rgba(0, 0, 0, 0.7); border-radius:5px; opacity:1;}
.scroll_drag_guide .drag_bar i {font-size:28px; color:#aaa }

@keyframes moveScrollAni {
0%, 10% {
	left: 0;
	margin-left: 0px;
}
50% {
	left: 100%;
	margin-left: -25px;
}
	100% {
left: 0;
	margin-left: 0px;
	}
}
/* 산업안전보건위원회 */
.table_board col.sc3 {width:39%;} 
.table_board col.sc2 {width:26%;}
.table_board col.sc1 {width:14%;}
.table_board col.sc0 {width:10%;} 
/* 노사협의회 */
.table_board col.sc3_2 {width:45%;} 
.table_board col.sc2_2 {width:30%;}
@media (max-width:1300px){ /* 선택 */


}

@media (max-width:1200px){ /* 1152px 96%*/

	
	.sub_visual {height:240px;}
	
	.sub_visual .slogan h2 {margin-bottom:10px; font-size:4.2rem;}


	/* nav */
	.location_wrap {width:100%; margin:-50px auto;}
	.locationArea .location > li.home a {width:55px; height:50px; background-size:17px;}

	.locationArea .location > li.locationLink > a {padding:0 50px 0 20px; min-width:210px; line-height:50px; font-size:1.4rem;}
	.locationArea .location > li.locationLink .selectMenu {top:50px;}
	.locationArea .location > li.locationLink .selectMenu li a {padding:15px 20px;}
	.locationArea .location > li.locationLink.dep3 > a {min-width:180px;}
	


	/* lnb  */
	.aside {top:-52px;}
	.lnb > li > a {height:52px; padding:14px 0 0; font-size:1.5rem;}
	.lnb > li > a i {margin-left:5px; margin-top:5px;}



	/* sub :: 본문 */
	.contents {min-height:400px;}
	.sub_title {margin:60px auto 35px;}
	.sub_title h3 {font-size:3.4rem;}
	.sub_cont h4,
	.personal > .personal_area .tit {font-size:2.4rem;}
	.sub_cont h4:before {top:6px;} 



	/* tab */
	.tabList li a {height:52px;}
	.tabList li a em {font-size:1.4rem;}	

	

}

@media (max-width:1024px){ /* tablet 980 */


	.sub_visual {height:220px;}

	.sub_visual .slogan h2 {font-size:3.8rem;}
	.sub_visual .slogan .h_desc {font-size:1.3rem;} 


	/* nav */
	.location_wrap {margin:-46px auto;}
	.locationArea .location > li.home a {width:52px; height:46px; background-size:16px;}

	.locationArea .location > li.locationLink > a {padding:0 50px 0 20px; min-width:170px; line-height:46px; font-size:1.3rem;}
	.locationArea .location > li.locationLink > a:after {right:20px;}
	.locationArea .location > li.locationLink .selectMenu {top:46px;}
	.locationArea .location > li.locationLink .selectMenu li a {padding:13px 20px;}

	

	/* sub :: 본문 */
	.sub_title {margin:50px auto 35px;}
	.sub_title h3 {font-size:3.2rem;}
	.sub_cont {font-size:1.6rem;}
	.sub_cont h4, 
	.personal > .personal_area .tit {margin:40px 0 10px;}


		

	/* li list */
	.dot_list > li, .dot {padding-left:11px;}
	.dot_list > li::before, .dot::before {top:11px; width:4px; height:4px;}



	/* 기본 테이블 */
	.tList th, .tList td {padding:12px 15px;}
	.tList.t2 th {padding:10px 15px;}


	/* i마크 정보 */
	.ic_alert i {padding-top:2px;}


}


@media (max-width:900px){ /* tablet ~ 768 */

	
	.sub_visual {height:200px;}

	.sub_visual .slogan h2 {margin-bottom:8px; font-size:3.6rem;}

	
	
	/* lnb  */
	.aside {top:-48px;}
	.lnb > li > a {height:48px; padding:12px 0 0; font-size:1.4rem;}
	.lnb > li > a i {margin-top:3px;}

	
	
	/* sub :: 본문 */
	.sub_title {margin:50px auto 35px;}
	.sub_title h3 {font-size:3rem;}
	.sub_cont h4, 
	.personal > .personal_area .tit {margin:40px 0 10px; font-size:2.2rem;}
	.sub_cont h4:before {top:5px; width:7px; height:7px; border:4px solid transparent;} 
	.sub_cont h5 {font-size:2rem;}
	
	
	
	/* tab */
	.tabList li a em {font-size:1.36rem;}



}


@media (max-width:830px){ /* tablet ~ 768 */


/* 	.sub_visual {height:260px;} */

	.sub_visual .slogan h2 {font-size:3.4rem;}
	.sub_visual .slogan .h_desc {font-size:1.2rem;} 



	/* sub :: 본문 */
	.sub_title {margin:45px auto 30px;}
	.sub_title h3 {font-size:2.8rem;}
	.sub_cont {font-size:1.56rem;} /* 폰트설정 */


	/* tab */
	.tab_wrap {margin-bottom:30px;}
	.tabList li a {height:50px;}

	.tabList.item6 li {width:calc(100% / 5);}
	.tabList.item6 li:nth-child(n+1){flex:inherit; width:calc((100%/4) + 1px);} 
	


	/* 기본 테이블 */
	.tList th, .tList td {font-size:1.46rem;}



	/* i마크 정보 */
	.ic_alert i {padding-top:0;}


	/* 좌우 스크롤 :: 모바일 */
	.limitArea {position:relative; overflow-x:auto; overflow-y:hidden; width:100%; -webkit-overflow-scrolling:touch; padding-bottom:10px;}	
	.limitArea .w600 {min-width:600px;}
	

	.table_board col.sc3 {} 
	.table_board col.sc2 {} 
	.table_board col.sc1 {}
	.table_board col.sc0 {width:14%;} 

	.scroll_drag_guide {display:flex;}



}

@media (max-width:768px){ /* mobile 가로 */

	html {line-height:1.5;}

	.sub_visual {height:180px;}	
	.sub_visual .slogan h2 {margin-bottom:6px; font-size:3.2rem;}

	
	.sub_visual .location,
	.aside {display:none;}


	/* nav */
	.location_wrap {margin:-42px auto;}
	.locationArea .location > li.home a {width:48px; height:42px; background-size:14px;}

	.locationArea .location > li.locationLink > a {padding:0 40px 0 20px; line-height:42px; font-size:1.3rem;}
	.locationArea .location > li.locationLink .selectMenu {top:42px;}
	.locationArea .location > li.locationLink .selectMenu li a {padding:12px 20px;}


	/* sub :: 본문 */
	.sub_title {margin:40px auto 25px;}
	.sub_title h3 {font-size:2.6rem;}
	.sub_cont {font-size:1.5rem;}
	.sub_cont h4, 
	.personal > .personal_area .tit {margin:30px 0 10px;}	


	
	/* tab */
	.tabList li a {height:46px;}
	.tabList li a em {font-size:1.3rem;}

	.tabList li a.t2 em {font-size:80%;}


	/* li list */
	.dot_list > li, .dot {margin:0 0 3px 1px; padding-left:10px;}
	.dot_list > li::before, .dot::before {top:9px;}

	.dashed_list li, .dashed {margin:0 0 3px 1px; padding:0 0 0 11px;}
	.dashed_list li:before, .dashed:before {top:10px; left:0;}



	/* 기본 테이블 */
	table col.space_01 {width:17%} 
	table col.space_02 {width:20%}
	table col.space_03 {width:25%}
	table col.space_04 {width:30%} 
	table col.space_05 {width:35%}
	table col.space_06 {width:43%}
	table col.space_07 {width:50%}


	.table_sup {margin-bottom:8px;}



	/* 신청 내역 */		
	.ic_link {margin:7px 0 0 5px; }

	/* i마크 정보 */
	.ic_alert i {padding-top:1px; font-size:1.8rem;}


}

@media (max-width:680px){ /* mobile 가로 640기준 */


	.sub_visual {height:160px;}
	.sub_visual .slogan h2 {margin-bottom:10px; font-size:3rem;}

		

	/* sub :: 본문 */
	.sub_title {margin:40px 0 25px;}
	.sub_title h3 {font-size:2.6rem;}
	.sub_cont h4, 
	.personal > .personal_area .tit {font-size:2.1rem;}
	.sub_cont h4:before {top:4px; width:6px; height:6px; border:4px solid transparent;}	
	.sub_cont h5 {font-size:1.9rem;}

	

	

	.tabList.item4 li {width:calc(100%/3);}
	.tabList.item4 li:nth-child(n+1) {width:calc((100%/3) + 1px);}



	/* 기본 테이블 */
	.tList th, .tList td {padding:10px 15px; font-size:1.4rem;}
	.tList.t2 th {padding:10px 15px;}



	/* 신청 내역 */		
	.ic_link {margin:8px 0 0 5px; font-size:1.7rem; }

	.txt_subs {display:block; margin-left:0px; font-size:86%;}


	/* 좌우 스크롤 :: 모바일 */
	.limitArea {padding-bottom:10px;}	



}

@media (max-width:610px){ /* mobile 세로 */

	
	.sub_visual {height:140px;}
	.sub_visual .slogan h2 {display:none; font-size:2.8rem;}
	.sub_visual .slogan .h_desc {display:none;}

	
	
	/* nav */
	.location_wrap {margin:-40px auto;}
	.locationArea .location > li.home a {width:40px; height:39px;}
	.locationArea .location > li.locationLink > a {padding:0 40px 0 15px; min-width:160px; line-height:40px;}
	.locationArea .location > li.locationLink > a:after {right:15px;}
	.locationArea .location > li.locationLink .selectMenu {top:40px;}
	.locationArea .location > li.locationLink .selectMenu li a {padding:11px 15px;}

	.locationArea .location > li.locationLink.dep3 > a {min-width:160px;}
	


	/* sub :: 본문 */	
	.sub_title {margin:35px auto 25px;}
	.sub_title h3 {font-size:2.4rem;}
	.sub_cont {font-size:1.4rem;}
	.sub_cont h4,
	.personal > .personal_area .tit {margin:30px 0 10px;}

 

	/* tab */
	.tab_wrap {margin-bottom:25px;}	





	/* li list */
	.dot_list > li, .dot {padding-left:9px;}
	.dot_list > li::before, .dot::before {top:9px;}
	.dashed_list li:before, .dashed:before {top:9px;}

	

	/* 기본 테이블 */
	.tList th, .tList td {padding:10px 10px; font-size:1.36rem;}
	.tList.t2 th {padding:10px 10px;}


	/* i마크 정보 */
	.ic_alert {font-size:90%;}
	.ic_alert i {padding-top:0; font-size:1.7rem;}
	



}

@media (max-width:430px){ /* mobile 세로 */

	.sub_visual {height:140px;}
	.sub_visual .slogan h2 {display:none; font-size:2.6rem;}


	/* nav */	
	.locationArea .location > li.locationLink > a {padding:0 40px 0 15px; min-width:140px;}
	.locationArea .location > li.locationLink.dep3 {display:none;}
	


	/* sub :: 본문 */
	.sub_title {margin:35px auto 20px;}
	.sub_title h3 {font-size:2.4rem;}
	.sub_cont h4, 
	.personal > .personal_area .tit {margin:25px 0 8px; font-size:2rem;}	
	.sub_cont h5 {font-size:1.8rem;}
	
	.tabList li a.t2 em {font-size:70%;}
	
	.tabList.item6 li {width:calc(100% / 3);}
	.tabList.item6 li:nth-child(n+1){flex:inherit; width:calc((100%/3) + 1px);} 
	

	table col.space_01 {width:16%;} 
	table col.space_02 {width:19%;} 


}

@media (max-width:380px){ /* mobile 세로 */

	/* nav */	
	.locationArea .location > li.locationLink > a {padding:0 40px 0 15px; min-width:130px;}

	table col.space_02 {width:22%;} 



	/* 기본 테이블 */
	.tList th, .tList td {padding:10px 8px;}
	.tList.t2 th {padding:10px 8px;}


}



/* ----------------------------------------------------------------- */
/* sub */
/* ----------------------------------------------------------------- */

/* 
.summary_tit {position:relative; margin-bottom:50px; text-align:center;}
.summary_tit .t1 {line-height:1.5; font-size:3.6rem; font-family:'S-CoreDream-6Bold'; color:#0f3380; letter-spacing:0em;}
.summary_tit .t1 .spc {display:inline-block; width:10px;}
.summary_tit .t2 {display:block; margin-top:5px; font-size:3rem; font-family:'S-CoreDream-5Medium'; color:#333;} */






/* intro :: 미션비전 */
.vision {display:flex; flex-wrap:wrap; justify-content:space-between; position:relative; padding-top:30px;}
.vision dl {display:flex; flex-wrap:wrap; position:relative; width:100%;}
.vision dl dt {display:flex; width:18%; margin-right:5%; padding-top:20px; border-top:1px solid #666;}
.vision dl dd {width:77%;} 
.vision dl dd span {display:block; padding:30px 25px; font-size:2.4rem; color:#fff; font-family:'S-CoreDream-5Medium'; background:var(--main-color); border-radius:16px;}
.vision dl dt,
.vision dl dd {text-align:center;}
.vision dl:nth-child(n+2) {margin-top:40px;}
.vision dl:nth-child(2) dd span {color:var(--sub-color); background:#fff; border:1px solid var(--sub-color);}

.strategy {display:flex; justify-content:space-between; flex-wrap:wrap;}
.strategy li {display:flex; flex-direction:column; align-items:center; width:calc((100% - 5%) / 3);  padding:25px 10px 40px; border:1px solid #ddd; border-radius:16px;} 
.strategy li:first-child {margin-left:0;}
/* .company_info li:nth-child(-n+4) {border-top:0;} */
.strategy li .ico {width:150px; height:150px; background-position:center center; background-repeat:no-repeat; background-size:100%;}
.strategy li:nth-child(1) .ico {background-image:url("/images/intro/ico_st01.png");}
.strategy li:nth-child(2) .ico {background-image:url("/images/intro/ico_st02.png");}
.strategy li:nth-child(3) .ico {background-image:url("/images/intro/ico_st03.png");}
.strategy li .txt {margin-top:10px; font-size:1.8rem; color:#333; font-family:'S-CoreDream-5Medium';}
 

/* intro :: 연혁 */
.history {display:flex; flex-wrap:wrap; gap:100px; padding-top:20px;}
.history_img {}
.history_img img {width:320px;}

.history_list {overflow:hidden; position:relative;}
.history_list li {overflow:hidden; position:relative; display:flex; flex-wrap:wrap; flex-direction:column; padding-bottom:30px; padding-left:70px;}
.history_list li .year {font-size:3rem; color:#444; font-family: "Montserrat", sans-serif; font-weight:600; line-height:1.5;}
.history_list li .info {position:relative; padding-top:0;}
.history_list li .info table * {vertical-align:top;}
.history_list li .info table {}
.history_list li .info table th {padding:4px 0; text-align:left; width:110px; color:#16398B; font-weight:normal;}
.history_list li .info table td {padding:4px 0; text-align:left;}

/* .history_list li span {display:none; position:relative; width:20px; margin:0 50px 0 0;} */
.history_list li:after {content:''; display:block; position:absolute; left:0%; top:15px; transform:translateX(0%); width:8px; height:8px; background:var(--main-color); box-sizing: content-box; border:6px solid rgba(255,255,255, 0.9); border-radius:100%;}
.history_list li:before {content:''; display:block; position:absolute; left:10px; top:0;/*  bottom:-30px; */ transform:translateX(-50%);  width:0px; height:5000px; border:1px dashed #ddd;}
/* .history_list li:first-child span:before {top:30px;}
 */



/* intro :: 노동조합 규약·규정 */
.reg .box {padding:40px 40px; border:6px solid #eee;}
.reg .box h4:first-child, .reg .box h5:first-child, .reg .box h5 + .part {margin-top:0;}
.reg .box .revise {text-align:right; font-size:86%; color:#444; font-family:'S-CoreDream-4Regular'; line-height:1.7;}
.reg .box .part {margin-top:20px;}
.reg .box .part strong {color:#444; font-family:'S-CoreDream-5Medium'; font-weight:normal;}
.btn.fileDown {display:flex; justify-content:flex-end; margin:-10px 0 20px; }
.btn.fileDown a {display:flex; justify-content:space-between; align-items:center; position:relative; width:200px; height:43px; padding:0 20px 0 25px; font-size: 1.5rem ;color:#fff; background:var(--main-color); border-radius:3px;}



/* intro :: 조직도 */
.org {overflow:hidden; position:relative; display:flex; flex-wrap:wrap; justify-content:center; gap:70px;}
/* .org:after {content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background: url("../images/intro/bg_org.png") no-repeat left 0; background-size:25%; opacity:0.2;} 
 */
.org_list.ceo {width:230px;}
.org_list.ceo li dl dt {background: linear-gradient(98deg, #048C6E 0%, #048C6E 57%, #2D57B9 100%);}
.org_list.ceo li dl dd ul li:nth-child(1) strong {width:110px; background:#8cb808;}
.org_list.ceo li dl dd ul li:nth-child(2) strong {width:110px; background:#a3c639;}

.org_list {display:flex; /* flex-wrap:wrap;*/ justify-content:center; gap:20px; width:100%;}
.org_list > li {display:flex; align-items:flex-end; width:100%; font-family:'S-CoreDream-4Regular';}
.org_list li dl {overflow:hidden; position:relative; width:100%;}
.org_list li dl dt {display:flex; align-items:center; justify-content:center; height:48px; font-size:1.6rem; background:#233876; color:#fff; border:0px solid #dcdcdc; text-align:center; border-radius:20px 20px 0 0;}
.org_list li dl dd {margin-top:0; padding:20px 25px 25px; height:100%; border:1px solid #dcdcdc; border-top:0; border-radius:0 0 20px 20px;}

.org_list li dl dd ul {display:flex;flex-wrap:wrap;  flex-wrap:wrap; gap:25px;}
.org_list li dl dd ul li {display:flex; justify-content:center; /* align-items:center;  */ gap:20px; width:100%;}
.org_list li dl dd ul li p {font-size:1.5rem; color:#444; text-align:center; }
.org_list li dl dd ul li strong {display:block; margin-bottom:8px; padding:8px 0; width:95px; color:#fff;  font-size:1.2rem; line-height:1; font-weight:normal; border-radius:20px;}
.org_list li dl dd ul li.blank strong {background:none !important;}
.org_list li dl dd ul li:nth-child(1) strong,
.org_list li dl dd ul li strong.sc1 {background:#3261bd;}
.org_list li dl dd ul li:nth-child(2) strong, 
.org_list li dl dd ul li strong.sc2 {background:#2b76ce;}
.org_list li dl dd ul li:nth-child(3) strong, 
.org_list li dl dd ul li strong.sc3 {background:#78a6de;}




/* intro :: 오시는 길 */
.loc .map {height:550px; background:#ccc; }
.loc .contact {display:flex; flex-wrap:wrap; position:relative; margin-top:30px; border-top:1px solid #dcdcdc;  border-bottom:1px solid #dcdcdc; font-size:1.8rem; color:#555; font-family:'S-CoreDream-5Medium';}
.loc .contact div {display:flex; flex-wrap:wrap; position:relative; width:50%; padding:20px 0px; line-height:32px; border-bottom:0px solid #dcdcdc;}
.loc .contact .address {}
.loc .contact .tel {}
.loc .contact .circle {display:inline-block; margin:0 15px 0 20px; background:var(--sub-color); width:32px; height:32px; text-align:center; border-radius:50%;}
.loc .contact .circle i {line-height:32px; color:#fff; font-size:1.9rem;}





/* box */
.box {position:relative; padding:25px 30px; border:1px solid #ddd; border-radius:0px;}
.box.bg {background:#f4f1f8; border:0;} 
.box h4 {margin-top:0 !important;}
.box.list {background:#f6f6f6; padding:30px 30px;}
.box.mark {text-align:center; background:#f6f6f6; border:0;  /* background:url('../images/intro/bg_ci.png') repeat; */}
.box.mark img {width:74%; max-width:480px;}



/* 인사고충 wr*/
.box + .table_wrap {margin-top:20px;}



@media (max-width:1300px){ /* 선택 */


}

@media (max-width:1200px){ /* 1152px 96%*/


	
	/* intro :: 연혁 */
	.history {gap:80px;}
	.history_img img {width:280px;}

	.history_list li {padding-left:50px;}
	.history_list li .info table th {width:110px;}



	/* intro : 조직도 */
	.org {gap:50px;}
	.org_list {flex-wrap:wrap;}
	.org_list > li {flex:1;}



	/* intro : 오시는 길 */
	.loc .map {height:500px;}




	/* guide :: 성폭력 지원체계 */
	.step_list {padding:40px 0;}
	.step_list ul.step1 li {width:140px; margin-left:40px;}
	.step_list ul.step1 li:not(:first-child):after {left:-40px; width:40px; font-size:3rem;}
	.step_list ul.step2 li { width:160px; margin-left:20px;}



}

@media (max-width:1024px){ /* tablet 980 */

	

	/* intro :: 연혁 */
	.history {gap:30px; padding-top:10px;}
	.history_img img {width:280px;}
	
	.history_list {margin-left:20px;}
	.history_list li .year {font-size:3rem;}
	.history_list li .info table th {padding:3px 0;}
	.history_list li .info table td {padding:3px 0; }
	.history_list li:after {top:13px;}



	/* intro : 오시는 길 */
	.loc .map {margin-top:20px; height:450px;}




	/* box */
	.box {padding:35px 35px;}
	


}

@media (max-width:900px){ 

		
	/* intro :: 노동조합 규약·규정 */
	.reg .box {padding:30px 30px; border:4px solid #eee;}


	/* intro :: 조직도 */	
	.org_list li dl dt {height:48px; font-size:1.5rem;}



	/* intro : 오시는 길 */
	.loc .map {height:400px;}	
	.loc .contact .circle {margin:0 15px 0 15px;}



	/* box */
	.box {padding:30px 30px;}
	.box.list {padding:25px 25px;}
	


	
}

@media (max-width:830px){ /* tablet ~ 768 */

	


	/* intro :: 연혁 */	
	.history_img img {width:260px;}
	.history_list li {padding-left:40px; padding-bottom:20px;}
	.history_list li .year {font-size:2.8rem;}
	.history_list li .info table th {width:90px;}
	.history_list li:after {top:12px;}

	
	/* intro :: 노동조합 규약·규정 */	
	.btn.fileDown {margin:-5px 0 15px;}


	
	/* intro :: 조직도 */	
	.org_list.ceo li dl dt {height:48px; font-size:1.6rem;}
	.org_list li dl dt {height:46px; font-size:1.5rem;}


	/* intro :: 오시는 길 */	
	.loc .contact {margin-top:25px;}	
	.loc .contact div {width:100%; padding:14px 0 13px;}
/* 	.loc .contact .address {border-bottom:1px dashed #ccc;} */

	.loc .contact .circle {margin:-2px 10px 0 5px; width:28px; height:28px;}

	.loc .contact div, .loc .contact .circle i {line-height:28px;}
	.loc .contact,
	.loc .contact .circle i {font-size:1.6rem;}




}

@media (max-width:768px){ /* mobile 가로 */

	/* intro :: 노동조합 규약·규정 */
	.reg .box {padding:20px 20px;}
	.btn.fileDown {margin:0 0 15px;}
	.btn.fileDown a {width:170px; height:41px; padding:0 16px 0 20px; font-size:1.4rem;}



	/* intro : 오시는 길 */
	.loc .map {height:350px;}


	/* box */
	.box.list {padding:20px 20px;}

	


}

@media (max-width:680px){ /* mobile 가로 640기준 */

	
		
	/* intro :: 연혁 */	
	.history_img img {width:240px;}
	    
	.history_list li .year {font-size:2.6rem;}
	.history_list li .info table th {width:90px;}
	.history_list li:after {top:10px;}



	/* intro : 조직도 */
	.org {gap:40px;}



	
	/* box */
	.box {padding:25px 25px;}

	
}

@media (max-width:610px){ /* mobile 세로 */

	

	/* box */
	.box {padding:25px 20px;}
	.box.list {padding:20px 15px;}

	/* intro :: 연혁 */
	.history_list li .info table th {width:80px;}


}

@media (max-width:430px){ /* mobile 세로 */

	/* intro :: 노동조합 규약·규정 */
	.reg .box {padding:20px 15px; border:2px solid #eee;}
	


	/* intro :: 연혁 */
	.history {gap:20px;}
	.history_img img {width:220px;}
	.history_list {margin-left:10px;}
	.history_list li {padding-left:35px;}
	.history_list li .year {font-size:2.2rem;}
	.history_list li .info table th, 
	.history_list li .info table td {display:block; width:100%;}
	.history_list li .info table th {padding:2px 0;}
	.history_list li .info table td {padding:2px 0; }
	.history_list li:after {top:7px;}


	/* intro :: 조직도 */	
	.org_list.ceo li dl dt {height:48px; font-size:1.5rem;}
	.org_list li dl dt {height:46px; font-size:1.4rem;}




	/* intro :: 오시는 길 */	
	.loc .map {height:350px;}
	.loc .contact,
	.loc .contact .circle i {font-size:1.5rem;}
	.loc .contact .circle {margin:-2px 10px 0 0;}



	

}

@media (max-width:380px){ /* mobile 세로 */


	/* intro :: 노동조합 규약·규정 */
	.tabList li a em {font-size:1.2rem;}




}


/* ----------------------------------------------------------------- */
/* member_회원가입 */
/* ----------------------------------------------------------------- */

/* 개별 개인정보취급방침 */
.agreeArea {position:relative; overflow:hidden; border-bottom:1px solid #ddd; padding-bottom:20px;}

.agreeArea .agreeBox {padding:30px 40px; border:0px solid #ddd; background:#f7f7f7;  }
.agreeArea .agreeBox strong {display:block; margin-bottom:10px;}
.agreeArea .agreeTxt {position:relative; overflow:hidden; margin-top:20px;}
.agreeArea .agreeTxt li {float:left;}
.agreeArea .agreeTxt li.agree {float:right;}
.agreeArea .agreeTxt li.agree input {margin-left:25px;}

.agreeArea .terms_check {position:relative; overflow:hidden; margin-top:15px;}





/* 이메이수집거부 */
.lawBox, .agreeBox {overflow:hidden; position:relative; padding:30px 30px; border:1px solid #ddd; background:#f7f7f7; word-break:keep-all;}
.lawBox .stit, .agreeBox .stit {display:block; margin:15px 0 4px; color:#444; font-weight:500;}
.lawBox .stit:first-child, .agreeBox .stit:first-child {margin-top:0px;}


.sub_cont h5 + .lawBox {margin-top:20px;}

.personal {} /* 약관, 취급방침 */
.personal > .personal_area .tit {} /* h4 동일 */
/* .personal > .personal_area > .personal_cont {margin-bottom:50px;} */


.member h4::before, .personal h4::before {display:none;}


@media (max-width:1300px){ /* 선택 */

}


@media (max-width:1200px){ /* 1152px 96%*/

}


@media (max-width:1024px){ /* tablet 980 */


	/* 개별 개인정보취급방침 */
	.agreeArea .agreeBox {padding:25px 30px;}
	.agreeArea .agreeTxt {margin-top:18px;}

		
	/* biz :: 이메일수집거부 */
	.lawBox, .agreeBox {padding:25px 30px;}

	.sub_cont h5 + .lawBox {margin-top:15px;}

}


@media (max-width:830px){ /* tablet ~ 768 */

	/* 개별 개인정보취급방침 */
	.agreeArea .agreeBox {padding:20px 25px;}
	.agreeArea .agreeTxt {margin-top:15px;}


	.member .contents {margin:35px auto 0;}
	.member .btn_list, .rent .btn_list {padding:30px 0 0;}
	.member .btn_list a, .rent .btn_list a,
	.member .btn_list button, .rent .btn_list button,
	.member .btn_list input, .rent .btn_list input {height:38px; line-height:36px; padding:0 30px; font-size:1.36rem;}


	/* biz :: 이메일수집거부 */
	.lawBox, .agreeBox {padding:20px 25px;}


}

@media (max-width:768px){ /* mobile 가로 */



	/* 마이페이지 */
	.mypage .summary_tit {font-size:2.2rem;}

	.member {}
	.member .contents {margin:35px auto 0;}


}

@media (max-width:680px){ /* mobile 가로 640기준 */

	.member .contents {margin:30px auto 0;}
	
}

@media (max-width:610px){ /* mobile 세로 */

}

@media (max-width:430px){ /* mobile 세로 */

	/* 프로그램신청, 1:1문의 - 개별 개인정보취급방침 */
	.agreeArea {padding-bottom:15px;}
	.agreeArea .agreeBox {padding:20px 15px;}


	/* biz :: 이메이수집거부 */
	.lawBox, .agreeBox {padding:20px 15px; font-size:1.3rem;}

}

@media (max-width:380px){ /* mobile 세로 */

}