@charset "UTF_8";

.sub { color: #000; }

.sub .buttonList { max-width: 500px; padding: 2rem; margin: 2rem auto; }
.sub .buttonList .box a { display: flex; align-items: center; justify-content: center; padding: 2rem 1rem; border: 2px solid var(--sub2color); color: var(--sub2color); background-color: #fff; border-radius: .75rem; transition: .25s; }
.sub .buttonList .box a i { color: var(--sub2color); backface-visibility: visible; transition: .5s; }
.sub .buttonList .box a:hover { color: #fff; background-color: var(--sub2color); }
.sub .buttonList .box a:hover i { color: #fff; transform:rotateY(360deg); }
@media(max-width: 990px){
    .sub .buttonList { max-width: 90%; }
}

.sub .common_boxes .flexList { --x-gap: 1rem; --y-gap: 1rem; }
.sub .common_boxes .box { display: flex; justify-content: center; flex-direction: column; padding: 1.5rem; border: 2px solid var(--sub2color); border-radius: .75rem; overflow: hidden; }
.sub .common_boxes .box img { margin-right: .5rem; }
.sub .common_boxes .box p { text-align: center; }
.sub .common_boxes .box .block-text { display: flex !important; color: var(--sub2color); transition: .25s; }
.sub .common_boxes .box .block-text img { transition: .25s; }
.sub .common_boxes .box .block-text .point-font { display: inline-block; padding: .5rem 1.5rem; line-height: 1; background-color: var(--sub2color); color: #fff; border-radius: 1.5rem; font-weight: 700; transition: .25s; }
@media(max-width: 990px){
    .sub .common_boxes { max-width: 90%; }
    .sub .common_boxes .box img { height: 2.5rem; }
    .sub .common_boxes .box p { font-size: 1.5rem; }
    .sub .common_boxes .box .block-text { display: block; }
    .sub .common_boxes .box .block-text img { margin-right: 0; margin: auto; }
    .sub .common_boxes .box .block-text .ml-40 { margin-left: 0; }
}

.sub form.applyForm { padding: 2rem 0; }
.sub form.applyForm input[type=text],
.sub form.applyForm textarea
{ width: 100%; height: auto; padding: 1rem; border: 1px solid var(--gray); font-family: var(--mainfont); }
.sub form.applyForm textarea { resize: none; min-height: 150px; }
.sub form.applyForm .box label { width: 30%; }
.sub form.applyForm .box label + input, .sub form.applyForm .box label + textarea { width: 70%; }
.sub form.applyForm .box.width100 label { width: 14.7%; }
.sub form.applyForm .box.width100 label + input, .sub form.applyForm .box.width100 label + textarea { width: 85.3%; }
.sub form.applyForm button[type=submit] { padding: .75rem 5rem .9rem; line-height: 1; border: none; border-radius: .5rem; font-family: var(--mainfont); }
@media(max-width: 768px){
    .sub form.applyForm .box.width100 label { width: 30%; }
    .sub form.applyForm .box.width100 label + input, .sub form.applyForm .box.width100 label + textarea { width: 70%; }
}

.sub .boxshadow { box-shadow: 0 0 .5rem .25rem rgba(0,0,0,.125); border-radius: .5rem; }

/* 인사말 */
.sub.greeting .cont_pic { width: 20%; }
.sub.greeting .cont_txt { width: 78%; }
@media(max-width: 990px){
    .sub.greeting .cont_pic, .sub.greeting .cont_txt { width: 100%; }
    .sub.greeting .cont_pic > img { padding: 0 10%; }
}

/* 센터소개 */
.sub.aboutUs .about_ci { padding: 3rem 0; background-color: rgb(238, 248, 253); }
.sub.aboutUs .about_ci > * { width: 50%; }
@media(max-width: 990px){
    .sub.aboutUs .about_ci { padding: 3rem; }
    .sub.aboutUs .about_ci > * { width: 100%; }
    .sub.aboutUs .about_ci > *:not(:first-child) { margin-top: 3rem; }
}

/* 조직도 */
.sub.organization .container_mini { background: url(/img/sub/mn01_05_bg.png) no-repeat center top; text-align: center; }
.sub.organization .cont .headbox{ background: #999; border-radius: .5rem; color: #fff; padding: 1.5rem 0; }
.sub.organization .cont .contbox{ background: #f2f2f2; border-radius: .5rem; min-height: 200px; }

.sub.organization .box_row { margin: 1.5rem 0; } 

.sub.organization .upper_box .hasline { position: relative; }
.sub.organization .upper_box .hasline::after { position: absolute; content: ''; left: 50%; bottom: 0; transform: translate(-50%, 50%); width: 1px; height: 80px; background: #aaa; }
.sub.organization .upper_box .headbox { z-index: 5; }
.sub.organization .lower_box, .lower_box .box { position: relative; }
.sub.organization .lower_box, .lower_box .box { position: relative; }
.sub.organization .lower_box .contbox { padding: 1rem 0; }
.sub.organization .lower_box:before { position: absolute; content: ''; left: 50%; top: -50px; transform: translate(-50%, 0); width: 76.5%; height: 1px; background: #aaa; }
.sub.organization .lower_box:after { position: absolute; content: ''; left: 50%; top: -80px; width: 1px; height: 30px; background: #aaa; }
.sub.organization .lower_box .box:before { position: absolute; content: ''; left: 50%; top: 0; transform: translate(-50%, -100%); width: 1px; height: 50px; background: #aaa; }

.sub.organization .table_box { margin: 2rem 0; }
.sub.organization .table_box table { width: 100%; margin: 1rem 0 2rem; border-spacing: 0; }
.sub.organization .table_box table thead th, .sub.organization .table_box table tbody td { padding: .75rem .25rem; text-align: center; }
.sub.organization .table_box table thead th { background-color: #999; color: #fff; border-right: 1px solid #bebdbd; }
.sub.organization .table_box table tbody td { background-color: #f2f2f2; border-bottom: 1px solid #bebdbd; border-right: 1px solid #bebdbd; }
.sub.organization .table_box table tbody tr:last-child td,
.sub.organization .table_box table tbody td.firstcol { border-bottom: 0; }
.sub.organization .table_box table thead tr th:last-child, .sub.organization .table_box tbody tr td:last-child { border-right: 0; }
@media(max-width:990px){
    .sub.organization .table_box .table_wrap { overflow-x: scroll; }
    .sub.organization .table_box table { width: 1000px; }
    .sub.organization .table_box table colgroup { display: noen; }
}
@media(max-width:768px){
	.sub.organization .upper_box .hasline:before, .sub.organization .upper_box .hasline::after, .sub.organization .lower_box:before, .sub.organization .lower_box:after, .lower_box .box:before {
		display: none;
	}
    .sub.organization .cont .contbox { min-height: auto; }
    .sub.organization .table_box table { width: 800px; margin: 1rem 0 0; }
}
@media(max-width:550px){
    .sub.organization .table_box table { width: 650px; }
}

/* 주요 연혁 */
.sub.ourHistory .tit .write_history { text-align:right; }
.sub.ourHistory .tit .write_history a { display:inline-block; background-color:#eee; border:1px solid #aaa ;color:#444; padding:0.15rem 0.5rem 0.25rem; font-size:1rem; line-height: 1.5; border-radius: 0.3rem; }
.sub.ourHistory .tit .write_history a:hover{ background-color:#e1e1e1; }
.sub.ourHistory .tit .write_history a i { margin-right:3px; }

.sub.ourHistory .cont{position:relative;}
.sub.ourHistory .cont .wrap{width:100%;flex-wrap:wrap;
display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;
-webkit-box-pack: start;-ms-flex-pack: start;-webkit-justify-content: flex-start;justify-content: flex-start;
-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;}
.sub.ourHistory .cont .cont_left{width:50%;padding:100px 0;border-right:3px solid #e5e5e5;}
.sub.ourHistory .cont .cont_right{width:50%;padding:100px 0;
    display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;
    -webkit-box-pack: start;-ms-flex-pack: start;-webkit-justify-content: flex-start;justify-content: flex-start;
-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}

.sub.ourHistory .cont .cont_right .inner{position:relative;padding-top:50px;}
.sub.ourHistory .cont .cont_right .inner .imgdiv{position:absolute;top:50%;left:-20px;transform:translateY(-50%);}
.sub.ourHistory .cont .cont_right .inner .imgdiv:after{content:'';display:block;position:absolute;top:50%;left:40px;width:125px;border-top:1px dashed var(--sub2color);}
.sub.ourHistory .cont .cont_right .inner .imgdiv img{position:relative;z-index:1;}
.sub.ourHistory .cont .cont_right .inner .txt{position:relative;/*top:52px;*/}
.sub.ourHistory .cont .cont_right .inner .txt .txt_year{position:relative;padding-left:160px;}
.sub.ourHistory .cont .cont_right .inner .txt .txt_year h1{color:var(--sub2color);margin-bottom:15px;position:relative;}
.sub.ourHistory .cont .cont_right .inner .txt .txt_year h1:after{content:'';display:block;width:10px;height:10px;background:var(--sub2color);border-radius:50%;position:absolute;top:50%;left:-20px;transform:translate(0px, -50%);}
.sub.ourHistory .cont .cont_right .inner .txt .txt_year .edit_history {position:absolute;top:10px;left:180px;width:30px;height:30px;background:#5C9FD6;font-size:14px;color:#fff;border-radius:5px;display:flex;align-items:center;justify-content:center;transition:background .25s;}
.sub.ourHistory .cont .cont_right .inner .txt .txt_year .edit_history:hover {background:#3A88C8;}
.sub.ourHistory .cont .cont_right .inner .txt .txt_cont{padding-left:160px;width:100%;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: start;-ms-flex-pack: start;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-box-align: start;-ms-flex-align: start;-webkit-align-items: flex-start;align-items: flex-start;}
.sub.ourHistory .cont .cont_right .inner .txt .txt_cont td{vertical-align:top;}
.sub.ourHistory .cont .cont_right .inner .txt .txt_cont h2{word-break:keep-all;font-size:20px;}
.sub.ourHistory .cont .cont_right .inner .txt .txt_cont h4{word-break:keep-all;font-size:16px;font-weight:normal;padding-left:10px;}
.no_image {width:650px;height:366px;background-color:#eee;background-image:url('/img/main/logo.png');background-repeat:no-repeat;background-position:center center;}
@media(max-width:1024px){
	.sub.ourHistory .cont .wrap{display:block;border:1px dashed var(--sub2color);border-radius:5px;padding:50px 5%;margin-bottom:50px;}
	.sub.ourHistory .cont .wrap:last-child{margin-bottom:0px;}
	.sub.ourHistory .cont .cont_left{display:block;width:100%;margin-bottom:20px;padding:0;border:none;}
	.sub.ourHistory .cont .cont_right{display:block;width:100%;margin:0 auto;padding:0;}
    .sub.ourHistory .cont .cont_right .inner{padding-top:0;}
	.sub.ourHistory .cont .cont_right .inner .imgdiv{display:none;}
	.sub.ourHistory .cont .cont_right .inner .txt{padding-left:30px;}
    .sub.ourHistory .cont .cont_right .inner .txt .txt_year{padding-left:0;}
	.sub.ourHistory .cont .cont_right .inner .txt .txt_year h1{margin-bottom:0;}
    .sub.ourHistory .cont .cont_right .inner .txt .txt_cont{padding-left:0;}
}
@media(max-width:500px){
	.sub.ourHistory .cont .cont_right .inner .txt{padding:30px 0 0 30px;}
}

/* 오시는길 */
.sub.directions .flexList .box.pd-1em { padding: 2em 1em; }
.sub.directions .flexList .box img { height: 2.5rem; }

/* 노동교육 */
.sub.education .guideList > li.box { padding: 3rem 2rem; }
.sub.education .guideList > li.box .img { width: 40%; height: auto; aspect-ratio: 1/1; border-radius: 50%; background-color: #999; display: flex; align-items: center; justify-content: center; margin: auto; }
.sub.education .guideList > li.box .img > img { max-width: 75%; }
@media (max-width:990px) {
    .sub.education .guideList > li.box .img { width: 25%; }
    .sub.education .guideList > li.box .img > img { max-width: 50%; }
}

/* 노동법률상담 이용안내 */
.sub.legalCounsel .contactBanner { position: relative; background: url(/img/sub/mn04_01_pic01.jpg) no-repeat center center / cover; min-height: 350px; }
.sub.legalCounsel .contactBanner .inner { padding: 3rem 15%; }
.sub.legalCounsel .contactBanner .strokeText { color: var(--sub2color); text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff; }
.sub.legalCounsel .caculatorList li.box { padding: 1rem 2rem; background-color: var(--gray); border-radius: .5rem; }
.sub.legalCounsel .caculatorList li.box a { display: flex; }
@media (max-width:990px) {
    .sub.legalCounsel .contactBanner .inner { padding: 3rem; }
    .sub.legalCounsel .caculatorList li.box a img { max-height: 2.5rem; }
}