@charset "utf-8";

::selection {color: rgb(51, 72, 176);}

 /* 스킵 내비게이션  */
 #skip {position: relative;}
 #skip a {position: absolute; left: 0px; top: -35px; border: 1px solid #fff; color: #fff; background: #333; line-height: 30px; width: 140px; text-align: center;}
 #skip a:active,
 #skip a:focus {top: 0;}

 /* common */
 * {font-family: 'Pretendard';}
 .inner_container {max-width: 1400px; margin: 0 auto; overflow: hidden;}
 .inner_container2 {max-width: 1600px; margin: 0 auto; overflow: hidden;}
 .main_title {display: flex; justify-content: space-between; align-items: center;margin-bottom: 30px;}
 .main_title .h2 {font-size: 36px; font-weight: 800;}
 .main_title a {font-size: 20px; transition: all .3s;}
 .main_title a:hover {color: #196FF1;}
 .left_cont {float: left;}
 .right_cont {float: right;}

 @media all and (max-width:1600px) {
    .inner_container2 {max-width: 1400px; width: 96%;}
 }
 @media all and (max-width:1400px) {
    .inner_container {max-width: 1400px; width: 96%; margin: 0 auto; overflow: hidden;}
    .main_title .h2 {font-size: 34px;}
 }
 @media all and (max-width:1200px) {
    .main_title {flex-direction: column; margin-bottom: 60px;}
    .main_title a {margin-top: 8px;}
 }
 @media all and (max-width: 720px) {
    .main_title .h2 {font-size: 28px;}
    .main_title {margin-bottom: 40px;}
    .main_title a {font-size: 16px;}
 }
 
 /* main banner */
 #main_banner {max-width: 1920px; margin: 0 auto; height: 853px; background: url(../images/main_banner.jpg) no-repeat center; position: relative;font-family: 'Pretendard';}
 #main_banner .main_banner_text {position: absolute; top: 28%; left: 15%;}
 #main_banner .main_banner_text p {font-size: 24px; font-weight: 500; line-height: 1.4em;}
 #main_banner .main_banner_text p.text02 {font-size: 70px; font-weight: 800; margin-bottom: 35px; line-height: 1;}
 #main_banner .main_banner_text p.text03 {color: #78797D;}

 @media all and (max-width:1200px) {
    #main_banner {height: 460px;}
    #main_banner .main_banner_text {text-align: left; left: 10%; top: 28%;}
    /* #main_banner .main_banner_text {text-align: center; left: 50%; transform: translateX(-50%); top: 38%;} */
    #main_banner .main_banner_text p {font-size: 20px;}
    #main_banner .main_banner_text p.text02 {font-size: 60px;}
    #main_banner .main_banner_text p.text03 {color: #1a1a1a;}
 }
 @media all and (max-width:720px) {
    #main_banner {height: 260px; }
    #main_banner .main_banner_text {width: 100%; text-align: center; left: 50%; transform: translateX(-50%); top: 38%;}
    #main_banner .main_banner_text p {font-size: 15px;}
    #main_banner .main_banner_text p.text02 {font-size: 32px;}
    #main_banner .main_banner_text p.text03 {color: #1a1a1a;}
 }

 /* section #main_cont01 주요업무분야/공지사항 */
 #main_cont01 {margin: 70px 0 ;}

 #main_cont01 .main_field_wrap {width: 42%;}
 #main_cont01 .left_cont .main_title h2 {position: relative; padding-top: 40px;}
 #main_cont01 .left_cont .main_title h2::before {position: absolute; display: block; content: "노무법인 평로"; font-size: 19px; color: #196FF1; top:0;}
 #main_cont01 .left_cont > ul.main_field {font-weight: 600;}
 #main_cont01 .left_cont > ul.main_field li {padding-bottom: 32px;}
 #main_cont01 .left_cont > ul.main_field li a {font-size: 1.5625em; display: flex;align-items: center;}
 #main_cont01 .left_cont > ul.main_field li span.number {display: inline-block; width: 60px; font-size: 36px; font-weight: 900; color: #d3d3d3;transition: all .3s; }
 #main_cont01 .left_cont > ul.main_field li span.title {font-size: 22px; font-weight: 600; color: #777474;transition: all .3s; }
 #main_cont01 .left_cont > ul.main_field li a:hover span.number, #main_cont01 .left_cont > ul.main_field li a:hover span.title {color: #003761;}

 #main_cont01 .main_notice_wrap {width: 48%; background: #F5F8F9; padding: 25px 50px; border-radius: 10px;min-height: 430px;}
 #main_cont01 .right_cont .main_notice {font-size: 20px;}
 #main_cont01 .right_cont .main_notice li {padding: 15px 0;}
 #main_cont01 .right_cont .main_notice li a {display: block; width: 100%; height: 100%; color: #707070; transition: all .3s; font-weight: 600;}
 #main_cont01 .right_cont .main_notice li a:hover {text-decoration: underline;}
 #main_cont01 .right_cont .main_notice li a > div {display: flex; justify-content: space-between; width: 100%; font-size: 18px;}
 #main_cont01 .right_cont .main_notice li a > div span {display: inline-block; font-size: 18px;}
 #main_cont01 .right_cont .main_notice li a > div span.notice_title {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width: 100%;font-size: 20px; padding: 5px;}
 #main_cont01 .right_cont .main_notice li a > div span.notice_date {display: none;}


 #main_cont02 {margin-bottom: 60px;}
 #main_cont02 .client_list {display: flex; justify-content: space-between;}
 #main_cont02 .client_list li {width: 15%; height: 62px; background-color: #F7F7F7; border: 1px solid #e7e7e7;}
 #main_cont02 .client_list li a {display: block;width: 100%; height: 100%; }
 #main_cont02 .client_list li a > div {width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
 #main_cont02 .client_list li a > div img {width: 99%;}

 @media all and (max-width:1400px) {
    #main_cont01 .left_cont .main_title h2::before {font-size: 18px;}
    #main_cont01 .left_cont > ul.main_field {font-size: 26px;}

    #main_cont01 .right_cont .main_notice li {padding: 15px 0;}
 }
 
 @media all and (max-width:1200px) {
    #main_cont01 {margin: 50px 0 ;}
    #main_cont01 .main_field_wrap {width: 100%; margin-bottom: 100px;}
    #main_cont01 .left_cont .main_title h2::before {position: absolute; display: block; content: "노무법인 평로"; font-size: 20px; color: #196FF1; top:0; left: 50%; transform: translateX(-50%); width: 100%; text-align: center;}
    #main_cont01 .left_cont > ul.main_field {font-size: 24px; text-align: center;}
    #main_cont01 .left_cont > ul.main_field li {width: 80%; margin: 0 auto;}
    #main_cont01 .left_cont > ul.main_field li a {justify-content: start;}
    #main_cont01 .left_cont > ul.main_field li span.number {width: 90px;}

    #main_cont01 .main_notice_wrap {width: 100%; background: #fff; padding: 0px; border-radius: 10px;}
    #main_cont01 .right_cont .main_notice li a > div {width: 80%; margin: 0 auto;}
    #main_cont01 .right_cont .main_notice li a > div span.notice_title {width: 100%;}
    

    #main_cont02 {display: none;}
 }

 @media all and (max-width:1000px) {
    #main_cont01 .right_cont .main_notice li a > div span.notice_title {width: 100%;}
 }

 @media all and (max-width:720px) {
    #main_cont01 .left_cont .main_title h2::before {font-size: 16px;}
    #main_cont01 .left_cont > ul.main_field {font-size: 22px;}
    #main_cont01 .right_cont .main_notice {font-size: 18px;}
    #main_cont01 .main_notice_wrap {min-height: 300px;}
 }
 
 @media all and (max-width:640px) {
   #main_cont01 .main_field_wrap {margin-bottom: 50px;}
    #main_cont01 .left_cont .main_title h2::before {font-size: 14px;}
    #main_cont01 .left_cont > ul.main_field {font-size: 20px;}
    #main_cont01 .left_cont > ul.main_field li {width: 96%;padding-bottom: 22px;}
    #main_cont01 .left_cont > ul.main_field li span.number {display: inline-block; width: 60px; font-size: 26px;}
    #main_cont01 .left_cont > ul.main_field li span.title {font-size: 16px;}

    #main_cont01 .right_cont .main_notice {font-size: 16px;}
    #main_cont01 .right_cont .main_notice li a > div {display: flex; justify-content: space-between; width: 90%; font-size: 16px;}
    #main_cont01 .right_cont .main_notice li a > div span {display: inline-block;}
    #main_cont01 .right_cont .main_notice li a > div span.notice_title {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width: 90%; font-size: 16px;}
    #main_cont01 .right_cont .main_notice li a > div span.notice_date {display: none;}

 }


 footer {background: #002774; padding: 40px 0; font-size: 15px; color: #f8f8f8;letter-spacing: -1px;}
 footer ul {margin: 10px 0 20px;}
 footer ul li {display: inline-block; margin-right: 25px;}
 footer ul li:last-child {margin-right: 0px;}
 footer ul li a {color: #f8f8f8; font-weight: 600;}
 footer p {font-weight: 300;margin-bottom: 5px;}
 footer p span {display: inline-block; margin-right: 15px;}

 @media all and (max-width:720px) {
   footer{padding: 26px 0;}
    footer .f_logo {display: none;}
    footer ul { width: 98%; margin: 10px auto 20px; text-align: center;line-height: 1.6;}
    footer ul li {margin-right: 10px;}
    footer p {text-align: center;}
 }

 /* ------------------------------
 subpage
 ------------------------------ */
.sub_content_wrap {min-height: 395px; margin: 100px 0;}
div#submenu_wrap { background: #eef0f5;}
.sub_banner {max-width: 1920px; margin: 0 auto; height: 300px; background: #eef0f5; position: relative;}
.sub_banner .text_box {position: absolute; color: #565656; bottom: 45px; left: 8%; letter-spacing: -1px;}
.sub_banner .text_box .title {font-size: 36px; font-weight: 700; margin-bottom: 30px;}
.sub_banner .text_box .info {font-size: 18px;}

@media all and (max-width:1200px) {
    .sub_content_wrap {margin: 30px 0;}
    .sub_banner {height: 220px;}
    .sub_banner .text_box {bottom: 30px; left: 5%;}
    .sub_banner .text_box .title {margin-bottom: 25px; font-size: 24px;}
    .sub_banner .text_box .info {font-size: 16px;}
}
@media all and (max-width:640px) {
   .sub_content_wrap {margin: 0px;}
   .sub_banner .text_box .title {margin-bottom: 15px; font-size: 20px;}
}

/* subtop navigation */
.sub_top {position:relative; width:100%; height:59px; border-bottom:1px solid #eeeeee; background:#f8f9fa; box-sizing:border-box;}
.subnav {display:flex; align-items:stretch; justify-content:flex-start; position:relative;}
.subnav .home {display:block; width:59px; height:59px; border-left:1px solid #eeeeee; border-right:1px solid #eeeeee; border-bottom:1px solid #eeeeee; background:url('../images/home_ico.png')center center no-repeat; background-size:14px 13px; background-color:#f8f9fa; transition:all 0.3s ease; box-sizing:border-box;}
.subnav .home:hover, .subnav .home:focus {background:url('../images/home_ico.png')center center no-repeat; background-color:#ffffff; background-size:14px 13px;}
.subnav .submenu {position:relative; width:100%; max-width:340px; border-right:1px solid #eeeeee; box-sizing:border-box;}
.subnav .submenu .submenu_link1 {display:flex; align-items:center; justify-content:space-between; position:relative; width:100%; height:59px; border-bottom:1px solid #eeeeee; padding:20px 40px 20px 22px; background:#f8f9fa; transition:all 0.3s ease; font-size:16px; font-weight:700; line-height:1.4; letter-spacing:-0.05em; color:#444444; box-sizing:border-box;}
.subnav .submenu .submenu_link1:after {content:""; display:block; position:absolute; top:50%; right:22px; transform:translateY(-50%) rotate(0deg); width:13px; height:7px; background:url('../images/arrow_ico.png')center center no-repeat; background-size:13px 7px; transition:all 0.3s ease;}
.subnav .submenu.on .submenu_link1 {background-color:#ffffff;}
.subnav .submenu.on .submenu_link1:after {transform:translateY(-50%) rotate(180deg);}
.subnav .submenu .submenu_link1 span {font-size:16px; font-weight:700; line-height:1.4; letter-spacing:-0.05em; color:#444444; transition:all 0.3s ease;}
.subnav .submenu.on .submenu_link1 span {color:#1864cd;}
.subnav .submenu .submenu_list {display:none; position:absolute; top:58px; left:0; width:100%; background:#f8f9fa; box-shadow:0px 17px 24px 0px rgb(0 0 0 / 0.06); z-index:10;}
.subnav .submenu .submenu_item {position:relative;}
.subnav .submenu .submenu_link2 {display:flex; align-items:center; width:100%; height:50px; padding:15px 20px; border:1px solid #eeeeee; border-width:1px 1px 0 1px; background:#f8f9fa; font-size:16px; font-weight:400; letter-spacing:-0.05em; color:#444444; transition:all 0.3s ease; box-sizing:border-box;}
.subnav .submenu .submenu_link2:hover, .subnav .submenu .submenu_link2:focus {color:#1864cd; background:#ffffff;}
.subnav .submenu .submenu_list.submenu_l1 .submenu_item:last-child .submenu_link2, .subnav .submenu .submenu_list.submenu_l2 .submenu_item:last-child .submenu_link2, .subnav .submenu .submenu_list.submenu_l3 .submenu_item:last-child .submenu_link2 {border-width:1px 1px 1px 1px;}
.subnav .submenu .submenu_link2 span {font-size:15px; font-weight:400; line-height:1.4; letter-spacing:-0.05em; color:#444444; transition:all 0.3s ease;}
.subnav .submenu .submenu_link2:hover span {color:#1864cd; font-weight: 500;}

@media all and (max-width:720px) {
   .subnav .submenu1 {display: none;}
}

/* 비밀번호 페이지 */
.inputPassword {margin-top: 80px;}
.inputPassword p {font-size: 16px; text-align: center;}
.inputPassword p:nth-of-type(1) {font-size: 20px; font-weight: 700; color: #333;}
.inputPassword p:nth-of-type(2) {font-size: 20px; margin-bottom: 30px;}
.inputPassword p:nth-of-type(3) {margin-bottom: 15px;}
.inputPassword > div {margin: 0 auto; width: 382px; display: flex; justify-content: center; align-items: center;}
.inputPassword > div label {font-size: 18px; margin-right: 10px;}
.inputPassword input {padding:7px;width:210px; height:35px; border:none;background:transparent;font-size:14px;vertical-align:middle; color:#333; box-sizing:border-box; border: 1px solid #d8d8d8; margin-right: 5px;}


@media all and (max-width:640px) {
   .inputPassword {margin-top: 80px;}
   .inputPassword p:nth-of-type(1) {font-size: 18px;}
   .inputPassword p:nth-of-type(2) {font-size: 18px;}
   .inputPassword > div {margin: 0 auto; width: 360px;}
   .inputPassword input {padding:7px;width:180px;}
}
@media all and (max-width:500px) {
   .inputPassword {margin-top: 80px;}
   .inputPassword p:nth-of-type(1) {font-size: 16px;}
   .inputPassword p:nth-of-type(2) {font-size: 16px;}
   .inputPassword p:nth-of-type(3) {font-size: 15px;}
   .inputPassword > div {margin: 0 auto; width: 320px;}
   .inputPassword input {padding:7px;width:160px;}
}



/* 서비스의뢰 */
.service_wrap .tit {
   font-size: 40px;
   font-weight: 700;
   letter-spacing: -0.03em;
   margin-bottom: 50px;
}

.service_wrap .req_layout .sand_form .btm_cotn {
   margin-top: 15px;
   display: block;
}

.service_wrap .req_layout .sand_form .btm_cotn .btn_wrap {
   display: flex;
   align-items: center;
   justify-content: center;
   margin-top: 50px;
}

.service_wrap .req_layout .sand_form .btm_cotn .main_btn {
   display: block;
   background-color: #2d3d65;
   border-radius: 5px;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 160px;
   height: 60px;
   color: #fff;
   font-size: 22px;
   font-weight: 500;
}

@media screen and (max-width:768px) {
   .service_wrap .tit {
       font-size: 22px;
       text-align: center;
       margin-bottom: 30px;
   }

   .service_wrap .req_layout .sand_form .btm_cotn {
       margin-top: 20px;
       align-items: center;
   }

   .service_wrap .req_layout .sand_form .form_wrap .txt_area .textarea_wrap {
       height: 260px;
   }

   .service_wrap .req_layout .sand_form .btm_cotn .btn_wrap {
       margin-top: 30px;
   }

   .service_wrap .req_layout .sand_form .btm_cotn .main_btn {
       width: 120px;
       height: 50px;
       font-size: 18px;
   }
}

/* 서비스 의뢰 폼 */
.service_wrap {padding:10px 35px;}
.service_wrap .title {font-size:43px; font-weight:700; margin-bottom:22px;}
.service_wrap .req_layout {display:flex;}
.req_layout .sand_form {flex:1;}
.req_layout .sand_form .res_box {margin-bottom:35px; border-radius:10px; background-color:#2665e1; padding:24px 30px; box-sizing:border-box; height:108px;}
.req_layout .sand_form .res_box p {font-size:22px; color:#fff; line-height:1.364em;}
.req_layout .sand_form .form_wrap {display:flex; flex-wrap:wrap; margin:-30px 0 0 -20px;}
.req_layout .sand_form .form_wrap .inpt_wrap {margin:30px 0 0 20px; width:calc(50% - 20px);}
.req_layout .sand_form .form_wrap .inpt_wrap.rd_width {width: 100%;}
.req_layout .sand_form .form_wrap .inpt_wrap .inpt_dept_wrap li {margin-right: 10px;}
.req_layout .sand_form .form_wrap .inpt_wrap .inpt_dept_wrap label {display: inline-block; float: left; }
.req_layout .sand_form .form_wrap .inpt_wrap .inpt_dept_wrap input {display: inline-block; float: left; }
.req_layout .sand_form .form_wrap .inpt_wrap .inpt_dept_wrap span {display: inline-block; float: left; }
.req_layout .sand_form .form_wrap .inpt_wrap p {font-size:22px; font-weight:500; margin-bottom:12px;}
.req_layout .sand_form .form_wrap .inpt_wrap label {font-size:20px; font-weight:500; margin-bottom:15px; display: block;}
.req_layout .sand_form .form_wrap .inpt_wrap input {background-color:#F8F8F8; border-radius:0px; padding:0 18px; height:50px; width:100%; box-sizing:border-box; font-size:18px;}
.req_layout .sand_form .form_wrap .inpt_wrap input::placeholder, .req_layout .sand_form textarea::placeholder {color: #c0c0c0;}
.req_layout .sand_form .form_wrap .inpt_wrap .subtitle_wrap {display: flex; gap: 10px; align-items: flex-end;}
.req_layout .sand_form .form_wrap .inpt_wrap .subtitle_wrap sub {display: inline-block; vertical-align: baseline; color: #ccc; font-size: 14px; line-height: 1;}
.req_layout .sand_form .form_wrap .txt_area {width:100%; margin:42px 0 0 20px;}
.req_layout .sand_form .textarea_wrap {background-color:#F8F8F8; border-radius:0px; padding:20px 18px; height:180px; box-sizing:border-box;}
.req_layout .sand_form textarea {background-color:#F8F8F8; height:100%; box-sizing:border-box; resize:none; width:100%; font-size:20px; color:#251E1C; letter-spacing:-0.01em; line-height:1.5em;}
.req_layout .sand_form textarea:focus {outline:none;}
.req_layout .sand_form textarea::-webkit-scrollbar {width:4px;}
.req_layout .sand_form textarea::-webkit-scrollbar-thumb {background-color:#AAAAAA; border-radius:10px;}
.req_layout .sand_form textarea::-webkit-scrollbar-track {background-color:#E3E3E3; border-radius:10px;}
.req_layout .sand_form textarea{scrollbar-color:#AAAAAA #e3e3e3; scrollbar-width:4px}
.req_layout .sand_form .btm_cotn {display:flex; align-items:center; justify-content:space-between; margin-top:37px;}
.req_layout .sand_form .btm_cotn p { color:#888; font-size:20px; position:relative;}
.req_layout .sand_form .btm_cotn p::before {content:'* '; color:#3D894E; font-size:16px; vertical-align:top;}

@media screen and (max-width:1300px){
	.req_layout .sand_form .res_box {padding:20px; height:auto;}
	.req_layout .sand_form .res_box p {font-size:20px;}
}

@media screen and (max-width:1200px){
	.service_wrap {padding:0;}
	.service_wrap .req_layout {display:block;}
	.service_wrap .title {font-size:35px;}

	/* lss 변경*/
	.req_layout .sand_form .btm_cotn {margin-top: 15px;}

}
@media screen and (max-width:768px) {
	.service_wrap .title {font-size:25px; text-align:center; margin-bottom:18px;}
	.req_layout .sand_form .res_box {padding:17px; margin-bottom:30px;}
	.req_layout .sand_form .res_box p {font-size:15px; font-weight:500; text-align:center;}
	.req_layout .sand_form .form_wrap {display:block;}
	.req_layout .sand_form .form_wrap {margin:12px 0 0 0;}
	.req_layout .sand_form .form_wrap .inpt_wrap {width:100%; margin:18px 0 0 0;}
	.req_layout .sand_form .form_wrap .inpt_wrap p {font-size:18px;}
	.req_layout .sand_form .form_wrap .inpt_wrap input {height:55px; font-size:18px;}
	.req_layout .sand_form .form_wrap .txt_area .textarea_wrap {height:136px; padding:18px;}
	.req_layout .sand_form .form_wrap .txt_area .textarea_wrap textarea {font-size:18px;}
	.req_layout .sand_form .btm_cotn {flex-direction:column; margin-top:16px;}
	.req_layout .sand_form .btm_cotn p {font-size:16px;}
	.req_layout .sand_form .btn_go {margin-top:30px;}
}

/* 라디오박스, 체크박스 */
.rd_box {overflow:hidden; position:relative; display:block;}
.rd_box li {padding:2px 0; position:relative;}
.rd_box li label {width:100%;}
.rd_box input[type="radio"] {opacity:0; position:absolute; top:0; left:0; cursor:pointer;}
.rd_box span {position:relative; padding:0 0 2px 32px; font-size: 17px; font-weight: 500;}
.rd_box span:before {
	content:''; 
	display:inline-block; 
	height:20px; position:absolute; top:1px; left:0; 
	width:20px; 
	border-radius:100%; 
	text-align:center; margin-right:2px; transition:all 0.3s ease-out; 
	}

.rd_box input + span:before {color:#fff; border:1px solid #ccc; background-color:#FFF;}
.rd_box span:after {
	content:""; position:absolute; 
	left:5px; top:6px; width:12px; height:12px; 
	border-radius:50%; background:#2665e1; opacity:0; transform:scale(0);}
.rd_box input:checked + span:before {color:#fff; background-color:#FFF; border:1px solid #2665e1;}
.rd_box input:checked + span:after {opacity:1; transform:scale(1); transition:all 0.2s ease;}
.rd_box .ck_box input:checked + span:after {visibility:hidden;}


.rd_box input:disabled + span:before {color:#fff; border:1px solid #dfdfdf; background-color:#dfdfdf;}
.rd_box input:disabled:checked + span:before {color:#fff; background-color:#fff; border:1px solid #444;}
.rd_box input:disabled:checked + span:after {background:#444; }


.sel_check.disabled input[type="radio"]:checked + label {background:url('/images/dradio_sh.png') -42px top no-repeat;}
.sel_check.disabled input[type="radio"]:disabled + label {background:url('/images/dradio_sh.png') left top no-repeat !important;}

select:disabled,
select option:disabled {background:#ebebe4;}

.ck_box {overflow:hidden; position:relative; display:block;}
.ck_box li {box-sizing:border-box; margin:0.3em; padding:2px 0; position:relative;}
.ck_box li label {width:100%;}
.ck_box input[type="checkbox"] {opacity:0; position:absolute; top:0; left:0;}
.ck_box span {position:relative; display:inline-block; padding:0 0 2px 25px;}
.ck_box span:before {
	content:''; 
	display:inline-block; 
	height:18px; position:absolute; top:0; left:0; 
	width:18px; 
	border-radius:10%; 
	text-align:center; margin-right:2px; transition:all 0.3s ease-out; 
  }

.ck_box input + span:before {color:#fff; border:2px solid #dfdfdf; background:#dfdfdf url('/images/ck_box_ico.png') center no-repeat}
.ck_box input:checked + span:before {color:#fff; background-color:#2665e1; border:2px solid #2665e1;}

.ck_box input:disabled + span:before {color:#fff; background:#dfdfdf;}
.ck_box input:disabled:checked + span:before {color:#fff; background:#444 url('/images/ck_box_ico.png') center no-repeat; border:2px solid #444;}

@media all and (min-width:767px) {
	.rd_box {padding: 0}
   .rd_box li {height:45px; padding:0; line-height:45px; float: left; margin-right: 30px;}
}

@media all and (min-width:1200px) {
	.rd_box li {height:45px; padding:0; line-height:45px; float: left; margin-right: 30px;}
	.rd_box.NonH li {height:auto;line-height:auto}
	.rd_box span {padding:5px 0px 2px 30px;}
	.rd_box span:before {top:5px !important;}
	.rd_box span:after {left:5px; top:10px;}

	.ck_box li {height:45px; padding:0; line-height:45px;}
	.ck_box span {padding:3px 0 0 30px}
	.ck_box span:before {top:15px !important;}

	.ck_box.type10 li {width:10%;}
	.ck_box.type20 li {width:20%;}
	.ck_box.type25 li {width:20%;}
	.ck_box.type30 li {width:30%;}
	.ck_box.type35 li {width:30%;}
	.ck_box.type40 li {width:40%;}
	.ck_box.type45 li {width:45%;}
	.ck_box.type48 li {width:48%;}
	.ck_box.type50 li {width:50%;}
}
.Agree {text-align:right; overflow:hidden; position:relative; display:block; cursor:pointer;}
.Agree.type {text-align:left;}
.Agree li {margin:0.3em; padding:2px 0;}
.Agree li label {display:inline-block; width:100%;}
.Agree input[type="checkbox"] {opacity:0; position:absolute; top:0; left:0; cursor:pointer;}
.Agree input[type="radio"] {opacity:0; position:absolute; top:0; left:0; cursor:pointer;}

.Agree span {position:relative; padding:5px 0 5px 30px;}
.Agree span:before {
	content:''; display:inline-block; height:18px; position:absolute; top:5px; left:0; width:18px; 
	border-radius:10%; text-align:center; transition:all 0.3s ease-out; 
	}

.Agree input + span:before {color:#fff; border:2px solid #dfdfdf; background:#dfdfdf url('/images/cont/mark.svg') center no-repeat}
.Agree input:checked + span:before {color:#fff; background-color:#2299ec; border:2px solid #2299ec;}

@media all and (min-width:1080px) {
	.Agree span:before {height:18px; top:7px; left:0; width:18px;}
}

/* 소개-인사말 */
section#greet {display: flex; justify-content: space-between; margin-bottom: 100px;}
section#greet .introimg_area {width: 44%; height: 460px; overflow: hidden; border-radius: 20px; display: flex; align-items: center; justify-content: center;}
section#greet .introimg_area img {width: 130%; height: auto;}
section#greet .introtext_area {width: 52%; color: #333; font-size: 16px;}
section#greet .introtext_area p.title {font-size: 2.125em; font-weight: 600; margin-bottom: 30px;}
section#greet .introtext_area p.title span {font-size: 34px; font-weight: 600; }
section#greet .introtext_area div {font-size: 16px;}
section#greet .introtext_area div p {font-size: 1.375em; font-weight: 500; line-height: 1.5; margin-bottom: 20px;}

@media all and (max-width: 1600px) {
   section#greet .introimg_area img {width: 170%;}
}
@media all and (max-width: 1200px) {
   section#greet {flex-direction: column; margin-bottom: 50px;}
   section#greet .introimg_area {width: 100%; height: 200px; margin-bottom: 30px;}
   section#greet .introimg_area img {width: 100%;}

   section#greet .introtext_area {width: 100%; font-size: 14px;}
   section#greet .introtext_area div {font-size: 14px;}
}
@media all and (max-width: 640px) {
   section#greet {margin-top: 30px;}
   section#greet .introimg_area {height: 150px; border-radius: 10px;}

   section#greet .introtext_area {width: 100%; font-size: 12px;}
   section#greet .introtext_area div {font-size: 12px;}
}


/* 서브페이지 불릿 스타일  */
.subconlist > li {font-size: 16px;margin-bottom: 30px;}
.subconlist .bullet_point {font-size: 2.125em; font-weight: 600;}
.subconlist .bullet_pyung {font-size: 1.5625em; font-weight: 600; padding-left: 30px; position: relative; margin-bottom: 20px;line-height: 1.5;}
.subconlist .bullet_pyung::before {display: block; position: absolute; width: 20px; height: 20px; content: ""; background: url(../images/bullet-pyung3.png) no-repeat center; left: 0; top: 9px;}
.subconlist .bullet_diamond {font-size: 1.375em; font-weight: 600; padding-left: 30px; position: relative;margin-bottom: 20px;line-height: 1.5;}
.subconlist .bullet_diamond::before {display: block; position: absolute; width: 15px; height: 15px; content: ""; background: url(../images/bullet-diamond.png) no-repeat center; left: 5px; top: 8px;}
.subconlist .bullet_circle {font-size: 1.25em; font-weight: 600; padding-left: 30px; position: relative;margin-bottom: 20px;line-height: 1.5;}
.subconlist .bullet_circle::before {display: block; position: absolute; width: 10px; height: 10px; content: ""; background: url(../images/bullet-circle.png) no-repeat center; left: 8px; top: 10px;}
.subconlist .bullet_line {font-size: 1.125em;padding-left: 30px; position: relative; margin-bottom: 10px;line-height: 1.5;}
.subconlist .bullet_line::before {display: block; position: absolute; width: 10px; height: 2px; content: ""; background: #afafaf; left: 8px; top: 15px;}
.subconlist .bulletunder_basic {font-size: 1.125em; padding: 0px 0 10px 30px; line-height: 1.5;}

@media all and (max-width: 640px) {
   .subconlist li {font-size: 15px;}
}


/* 소개-구성원 소개 */
#members_box .team {margin-bottom:60px;}
#members_box .team p.teamtitle {font-size: 34px; font-weight: 600; margin-bottom: 10px;}
#members_box .item {position:relative;padding:40px 0;margin-bottom:60px;display:flex; align-items:center; border-bottom:1px solid #ddd; border-top:2px solid #3B82F6;}
#members_box .item:before,
#members_box .item:before {left:-1px;}
#members_box .item:after {right:-1px;}
#members_box .item:last-child {margin-bottom:0;}
#members_box .title {width:470px; display:flex; flex-direction:column; align-items:center; text-align:center;}
#members_box .title .tt {margin-bottom:18px; font-size: 24px; font-weight:600; line-height:1.4em; letter-spacing:-.03em; color:#534f50;}
#members_box .title h4 {font-size: 36px; font-weight:700; line-height:1.4em; letter-spacing:-.03em; color:#242424;}
#members_box .profile {border-left:1px solid #f1f1f1; padding:0 45px;flex:1 1 auto; min-width:0; width:1%;}
#members_box .profile dt {margin:0 0 8px -15px;padding-left:15px;position:relative;font-size:22px; font-weight:600; color: #3B82F6; letter-spacing:-.03em; line-height:1.4em;}
#members_box .profile dt:before {position:absolute; left:0; top:-2px;content:'•'; font-size:20px;}
#members_box .profile dd {margin-bottom:7px;padding-left:16px;position:relative;line-height:1.4em; color:#454545; letter-spacing:-.03em; font-size:18px;}
#members_box .profile dd:before {content:'-'; position: absolute; left:0; top:-1px;}
#members_box .profile dl + dl {margin-top:35px;}

@media (max-width: 1024px) {
   #members_box .item {padding:30px 0; margin-bottom:50px;}
	#members_box .title {width:300px;}
}
@media (max-width: 640px) {
   #members_box {margin-top: 30px;}
   #members_box .team p.teamtitle {font-size: 26px; }
   #members_box .item {display:block; margin-bottom:30px;}
	#members_box .title {padding:0 20px; margin-bottom:20px;width:100%; text-align:left; align-items:flex-start;}
	#members_box .profile dt {margin: 0 0 8px -10px;}
	#members_box .title .tt {margin-bottom:8px;font-size: 20px;}
   #members_box .title h4 {font-size: 26px;}
	#members_box .profile {width:90%; padding:0px; margin: 0 auto; border-left: 0px;}
	#members_box .profile dl + dl {margin-top:30px;}
}
@media (max-width: 1024px) {
   #members_box .item {padding:30px 0; margin-bottom:50px;}
	#members_box .title {width:300px;}
}

/* 소개-찾아오시는길  */
#map_box {display: flex; justify-content: space-between; color: #333;}
#map_box .map_area {width: 52%; height: 500px; background: #ccc;}
#map_box .map_info {width: 44%; }
#map_box .map_info li {padding: 20px 0; border-bottom: 1px solid #f1f1f1;display: flex; flex-direction: column;}
#map_box .map_info li:first-child {padding: 0px 0 20px;}
#map_box .map_info li:last-child {border-bottom: 0px;}
#map_box .map_info li span {font-size: 22px; display: inline-block;}
#map_box .map_info li span:nth-child(1) {width: 100px; font-weight: 600; padding-bottom: 10px; color: #0092de;}

@media (max-width: 1200px) {
   #map_box .map_info li span {font-size: 20px; display: inline-block;}
   #map_box .map_info li span:nth-child(1) {width: 80px;}
}
@media (max-width: 1000px) {
   #map_box  {flex-direction: column;}
   #map_box .map_area {width: 100%; height: 500px; background: #ccc; margin-bottom: 50px;}
   #map_box .map_info {width: 100%;}
}
@media (max-width: 640px) {
   #map_box {margin-top: 30px;}
   #map_box .map_info li span {font-size: 16px;}
}




/* (공통) 서브페이지  */
h3.subcontent_title {font-size: 34px; font-weight: 600; margin-bottom: 30px; position: relative; display: inline-block;}
h3.subcontent_title::after {display: block; position: absolute; content: ""; color: #1f6fdf5c; top: -8px; right: -15px;}
[class^="sec0"] {
   margin-bottom: 100px;
}

@media (max-width: 1200px) {
   h3.subcontent_title {font-size: 26px;}
   [class^="sec0"] {
      margin-bottom: 80px;
   }
}
@media (max-width: 1000px) {
   h3.subcontent_title {font-size: 25px;}
}
@media (max-width: 640px) {
   h3.subcontent_title {font-size: 25px;}
   [class^="sec0"] {
      margin-bottom: 50px;
   }
}

/* 기업자문-기업자문 */
[class^="sec0"] .imgbox {
   border-radius: 10px; overflow: hidden; width: 100%; height: 300px; display: flex; align-items: center; justify-content: center;
}
[class^="sec0"] .imgbox img {
   width: 100%;
}
[class^="sec0"] .imgbox.advisory_service img {
   transform: translateY(-10%);
}
[class^="sec0"] .infobox {
   padding: 30px 10px 0; line-height: 1.8; font-size: 20px;
}

.advisory_effect {border-top: 2px solid #3B82F6; overflow: hidden;}
.advisory_effect li {width: 100%; border-bottom: 1px solid #ddd; padding: 20px 10px; line-height: 1.5;}
.advisory_effect li span {font-size: 17px; display: block;}
.advisory_effect li span:first-child {font-size: 20px; font-weight: 600; margin-bottom: 15px;}


@media (max-width: 640px) {
   [class^="sec01"] {margin-top: 30px;}

   [class^="sec0"] .imgbox {
      border-radius: 10px; overflow: hidden; width: 100%; height: 180px; display: flex; align-items: center; justify-content: center;
   }

   [class^="sec0"] .infobox {
      padding: 30px 10px 0; line-height: 1.8; font-size: 17px;
   }

   .advisory_effect li {padding: 20px 0px;}
   .advisory_effect li span:first-child {margin-bottom: 0px;}
   .advisory_effect li span:last-child {display: none;}
}

/* 기업자문-4대보험 관리 및 급여 아웃소싱 */
[class^="sec0"] .imgbox.advisory_service2 img {
   transform: translateY(3%);
}

.advisory_effect_num {border-top: 2px solid #3B82F6; overflow: hidden;}
.advisory_effect_num li {width: 100%; border-bottom: 1px solid #ddd; padding: 20px 10px; line-height: 1.5;}
.advisory_effect_num li span {font-size: 19px; display: block; }
.advisory_effect_num li span:first-child {font-size: 20px; font-weight: 600; margin-bottom: 15px;}
.advisory_effect_num li span:last-child {color: #4b4b4b;}
.advisory_effect_num li span b {font-size: 20px; font-weight: 600;}

@media (max-width: 640px) {
   .advisory_effect_num li {padding: 20px 10px;}
   .advisory_effect_num li span {font-size: 16px;}
   .advisory_effect_num li span:first-child, .advisory_effect_num li span:first-child b {margin-bottom: 0px; font-size: 18px;}
}

    /* 기본 테이블 스타일 */
    .table {
      width: 100%;
      border-collapse: collapse;
      /* margin: 20px 0;       */
    }

    .table th, .table td {
      font-size: 20px;
      padding: 20px;
      text-align: left;
      border: 1px solid #ddd;
    }

    .table th {
      background-color: #f4f4f4;
      font-weight: 600;
      text-align: center;
    }

    /* 테이블 내부콘텐츠 리스트 스타일 */
    .table_fl > li {margin-bottom: 10px; font-size: 20px; line-height: 1.5;}
    .table_fl > li:last-child {margin-bottom: 0px;}
    .table_sl {padding-left: 10px;}
    .table_sl > li {margin-bottom: 10px; font-size: 20px;}
    .table_sl > li:last-child {margin-bottom: 0px;}

    /* 작은 화면에서 테이블을 카드 형태로 변환 */
    .table-card{display: none;}

    @media (max-width: 1200px) {
      .table th, .table td {font-size: 17px;}

      .table_fl > li {font-size: 17px;}
      .table_sl > li {font-size: 17px;}
    }

    @media (max-width: 768px) {
      .table {
        display: none; /* 테이블 숨김 */
      }

      .table-card {
        display: block;
        width: 93%;
        margin: 0 auto;
        border-bottom: 1px solid #ddd;
        padding: 10px;
      }
      .table-cardf {
        border-top: 2px solid #196FF1;
      }

      .table-card .row {
        margin-bottom: 30px;
      }
      .table-card .row:last-child {
        margin-bottom: 0px;
      }

      .table-card .row div {
        margin: 5px 0;
      }

      .table-card .row .label {
        font-weight: bold;
        color: #333;
        margin-bottom: 10px;
      }

      .table-card .row .value {
        color: #666;
      }
    }


    /* 교육 및 강의 - 노동법 */
   .edulist {border-top: 2px solid #3B82F6; overflow: hidden;}
   .edulist li {width: 100%; border-bottom: 1px solid #ddd; padding: 20px 10px; line-height: 1.5;}
   .edulist li span {font-size: 17px; display: block;}
   .edulist li span:first-child {font-size: 20px; font-weight: 600; margin-bottom: 0;}


   @media (max-width: 640px) {
      .edulist li {padding: 20px 0px;}
      .edulist li span:first-child {font-size: 18px;}
   }

   /* 교육 및 강의 - 교육훈련 기획 운영(정부환급 프로그램) */
   .edulist_basic {border-top: 2px solid #3B82F6; overflow: hidden;}
   .edulist_basic li {width: 100%; border-bottom: 1px solid #ddd; padding: 20px 10px; line-height: 1.5;}
   .edulist_basic li span {font-size: 17px; display: block;}
   .edulist_basic li span:first-child {font-size: 20px; font-weight: 600; margin-bottom: 15px;}

   [class^="sec0"] .imgbox.eduprogram img {
      transform: translateY(-7%);
   }

   .edu_table {margin-top: 80px;}
   .edu_table tbody th {background-color: #ffffff;}

    @media (max-width: 768px) {
      .edu_table {margin-top: 50px;}
    }
   @media (max-width: 640px) {
      .edulist_basic li {padding: 20px 0px;}
      .edulist_basic li span:first-child {font-size: 18px;}
   }

/* 노동사건-부당해고 */
[class^="sec0"] .imgbox.labor_imgbox01 img {
   transform: translateY(-32%);
}
[class^="sec0"] .imgbox.labor_imgbox02 img {
   transform: translateY(-28%);
}
[class^="sec0"] .imgbox.labor_imgbox03 img {
   transform: translateY(-13%);
}
[class^="sec0"] .imgbox.labor_imgbox05 img {
   transform: translateY(-7%);
}
[class^="sec0"] .imgbox.labor_imgbox06 img {
   transform: translateY(7%);
}
[class^="sec0"] .imgbox.labor_imgbox07 img {
   transform: translateY(-13%);
}

.diagram_img{
   background: #fff;
   border: 1px solid #ddd;
   text-align: center;
   padding: 60px 30px 55px;
}
.diagram_img img{
   border: 0;
   max-width: 100%;
   vertical-align: top;
}

.labor_service_num {border-top: 2px solid #3B82F6; overflow: hidden; }
.labor_service_num > li {width: 100%; border-bottom: 1px solid #ddd; padding: 20px 10px; line-height: 1.5;}
.labor_service_num > li span {font-size: 19px; display: block; }
.labor_service_num > li span:first-child {font-size: 20px; font-weight: 600; margin-bottom: 15px;}
.labor_service_num > li span:last-child {color: #4b4b4b;}
.labor_service_num > li span b {font-size: 20px; font-weight: 600;}

.labor_service_num > li li {width: 100%; margin-bottom: 12px; position: relative; font-size: 19px; color: #4b4b4b; font-weight: 500; padding-left: 20px;}
.labor_service_num > li li:last-child {margin-bottom: 0px;}



@media (max-width: 1200px) {
   [class^="sec0"] .imgbox.labor_imgbox01 img {
      transform: translateY(-10%);
   }
   [class^="sec0"] .imgbox.labor_imgbox02 img {
      transform: translateY(-10%);
   }
   [class^="sec0"] .imgbox.labor_imgbox03 img {
      transform: translateY(-10%);
   }
   [class^="sec0"] .imgbox.labor_imgbox05 img {
      transform: translateY(-10%);
   }
   [class^="sec0"] .imgbox.labor_imgbox06 img {
      transform: translateY(-10%);
   }
   [class^="sec0"] .imgbox.labor_imgbox07 img {
      transform: translateY(-10%);
   }
}

@media (max-width: 640px) {
   .diagram_img{
      border: 0px;
      padding: 0px 10px 10px;
   }

   .labor_service_num > li {padding: 20px 0px;}
   .labor_service_num > li span {font-size: 16px;}
   .labor_service_num > li span:first-child, .advisory_effect_num li span:first-child b {margin-bottom: 0px; font-size: 18px;}
   .labor_service_num > li span:last-child, .labor_service_num > li ul {margin-top: 10px;}
   .labor_service_num > li li {font-size: 16px; padding-left: 0px;}
}

/* 노동사건-부당노동행위 */
.labor02_table th {width: 15%; background-color: #2F5597; color: #ffffff;}
.labor02_table th,.labor02_table td {padding: 30px 20px; }

/* 노동사건-임금체불 */

/* 노동사건-대지급금(체당금) */
.labor05_table th, .labor05_table td {border: 1px solid #fff;}
.labor05_table th {width: 15%;}
.labor05_table th,.labor05_table td {padding: 30px 20px; }

.payrange_tablebox {margin-bottom: 50px;}

table.payrange1 {
   border-collapse: collapse;
   width: 100%;
   text-align: center;
}
table.payrange1 tr td {text-align: center;}
table.payrange1 tr td:first-child {text-align: left;}
table.payrange1 tr th:first-child, table.payrange1 tr td:first-child {width: 220px;}
table.payrange2 tr th:first-child, table.payrange2 tr td:first-child {width: 50%;}

table.payrange1 th,table.payrange1 td {
   position: relative;
}
table.payrange2 th,table.payrange2 td {
   text-align: center;
}
table.payrange1 .diagonal-cell {
   position: relative;
   width: 120px;
   height: 60px;
   overflow: hidden;
}
table.payrange1 .diagonal-cell::before {
   content: "";
   position: absolute;
   top: 0;
   left: -259px;
   width: 100%;
   height: 100%;
   background: white;
   border-right: 1px solid #ddd;
   border-bottom: 1px solid #ddd;
   transform: skew(-111deg);
   transform-origin: top left;
}
table.payrange1 .diagonal-top, .diagonal-bottom {
   position: absolute;
   width: 100%;
   text-align: center;
}
table.payrange1 .diagonal-top {
   top: 5px;
   right: 10px;
   text-align: right;
}
table.payrange1 .diagonal-bottom {
   bottom: 5px;
   left:10px;
   text-align: left;
}


@media (max-width: 830px) {
   table.payrange1 tr th:first-child, table.payrange1 tr td:first-child {width: 100px;}
   table.payrange1 .diagonal-cell::before {
      content: "";
      position: absolute;
      top: 0;
      left: -142px;
      width: 100%;
      height: 100%;
      background: white;
      border-right: 1px solid #ddd;
      border-bottom: 1px solid #ddd;
      transform: skew(-125deg);
      transform-origin: top left;
   }
}
@media (max-width: 768px) {
   .payrange_tablebox.table_scroll {display: block;  overflow-x: auto;}
   table.payrange1 {display: block; min-width: 768px;}
   table.payrange2 {display: block;}
}









/* 컨설팅-인사노무컨설팅 */
[class^="sec0"] .imgbox.consulting_imgbox01 img {
   transform: translateY(-32%);
}
[class^="sec0"] .imgbox.consulting_imgbox02 img {
   transform: translateY(-28%);
}
[class^="sec0"] .imgbox.consulting_imgbox03 img {
   transform: translateY(-13%);
}
[class^="sec0"] .imgbox.consulting_imgbox04 img {
   transform: translateY(-13%);
}
[class^="sec0"] .imgbox.consulting_imgbox05 img {
   transform: translateY(-7%);
}
[class^="sec0"] .imgbox.consulting_imgbox06 img {
   transform: translateY(7%);
}
[class^="sec0"] .imgbox.consulting_imgbox07 img {
   transform: translateY(-13%);
}

ul.hr_labor {display: flex; justify-content: space-between; }
ul.hr_labor > li {width: 19%; border: 1px solid #86aae0; border-radius: 10px; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden;}
ul.hr_labor > li div.hr_labor_list {}
ul.hr_labor > li div.hr_labor_list ul {padding: 20px 15px 10px;}
ul.hr_labor > li div.hr_labor_list ul li {font-size: 18px; margin-bottom: 10px; position: relative; padding-left: 13px;}
ul.hr_labor > li div.hr_labor_list ul li::before {position: absolute;display: block; width: 4px; height: 4px; content: ""; background: #196FF1; border-radius: 3px; top: 8px; left: -0px;}
ul.hr_labor > li div.hr_labor_title {background-color: #1864cd;width: 100%; padding: 15px 0;}
ul.hr_labor > li div.hr_labor_title p {font-size: 20px; color: #fff; font-weight: 600; text-align: center;}


@media (max-width: 1200px) {
   [class^="sec0"] .imgbox.consulting_imgbox01 img {
      transform: translateY(-10%);
   }
   [class^="sec0"] .imgbox.consulting_imgbox02 img {
      transform: translateY(-10%);
   }
   [class^="sec0"] .imgbox.consulting_imgbox03 img {
      transform: translateY(-10%);
   }
   [class^="sec0"] .imgbox.consulting_imgbox04 img {
      transform: translateY(-10%);
   }
   [class^="sec0"] .imgbox.consulting_imgbox05 img {
      transform: translateY(-10%);
   }
   [class^="sec0"] .imgbox.consulting_imgbox06 img {
      transform: translateY(-10%);
   }
   [class^="sec0"] .imgbox.consulting_imgbox07 img {
      transform: translateY(-10%);
   }


   ul.hr_labor {flex-direction: column;}
   ul.hr_labor > li {width: 98%; margin: 0 auto 30px;}
  
}
@media (max-width: 648px) {
   ul.hr_labor > li div.hr_labor_list ul li {font-size: 16px;}
   ul.hr_labor > li div.hr_labor_title p {font-size: 18px;}
}


/* 컨설팅 - 노사관계 컨설팅 */
.consulting01_table th {width: 20%; background-color: #2F5597; color: #ffffff;}
.consulting01_table th,.consulting01_table td {padding: 30px 20px; }

.consultinglist {border-top: 2px solid #3B82F6; overflow: hidden;}
.consultinglist > li {width: 100%; border-bottom: 1px solid #ddd; padding: 20px 10px; line-height: 1.5;}
.consultinglist > li span {font-size: 17px; display: block;}
.consultinglist > li span:first-child {font-size: 20px; font-weight: 600; margin-bottom: 10px; color: #1455b7;}
.consultinglist > li ul {margin-top: 15px;}
.consultinglist > li ul li {margin-top: 8px;}


@media (max-width: 640px) {
   .consultinglist > li {padding: 20px 0px;}
   .consultinglist > li span:first-child {font-size: 18px;}
}
 
/* 컨설팅 - 근로복지기금 */
.jlwf {margin-top: 50px;}

ul.jlwf_listbox {display: flex; justify-content: space-between;}
ul.jlwf_listbox > li {width: 19%; border: 1px solid #86aae0; border-radius: 10px; display: flex; flex-direction: column; justify-content: space-between; position: relative;}
ul.jlwf_listbox > li::after {position: absolute; display: block; width: 40px; height: 20px; content: ""; background: url(../images/arrow03.png) no-repeat center; top: 50%; transform: translateY(-50%); right: -30%; background-size: 98%;}
ul.jlwf_listbox > li:last-child:after {display: none;}
ul.jlwf_listbox > li div.jlwf_list {}
ul.jlwf_listbox > li div.jlwf_list ul {padding: 20px 15px 10px;}
ul.jlwf_listbox > li div.jlwf_list ul li {font-size: 18px; margin-bottom: 10px; position: relative; padding-left: 13px;}
ul.jlwf_listbox > li div.jlwf_list ul li::before {position: absolute;display: block; width: 4px; height: 4px; content: ""; background: #196FF1; border-radius: 3px; top: 8px; left: -0px;}
ul.jlwf_listbox > li div.jlwf_title {background-color: #1864cd;width: 100%; padding: 15px 0; border-radius: 8px 8px 0 0;}
ul.jlwf_listbox > li div.jlwf_title p {font-size: 20px; color: #fff; font-weight: 600; text-align: center;}

@media (max-width: 1200px) {
   ul.jlwf_listbox {flex-direction: column;}
   ul.jlwf_listbox > li {width: 98%; margin: 0 auto 80px;}
   ul.jlwf_listbox > li::after {width: 60px; height: 50px; top: unset; bottom: -64px; right: unset; left: 50%; background: url(../images/arrow03.png) no-repeat center; transform: rotate(90deg) translateX(0%) translateY(50%); background-size: 80%;}
}
@media (max-width: 648px) {
   ul.jlwf_listbox > li div.jlwf_list ul li {font-size: 16px;}
   ul.jlwf_listbox > li div.jlwf_title p {font-size: 18px;}
}


/* 컨설팅 - 근로감독대응 */
ul.lir_listbox {display: flex; justify-content: space-between;}
ul.lir_listbox > li {width: 28%; border: 1px solid #86aae0; border-radius: 10px; display: flex; flex-direction: column; justify-content: space-between; position: relative;}
ul.lir_listbox > li::after {position: absolute; display: block; width: 40px; height: 20px; content: ""; background: url(../images/arrow03.png) no-repeat center; top: 50%; transform: translateY(-50%); right: -20%; background-size: 98%;}
ul.lir_listbox > li:last-child:after {display: none;}
ul.lir_listbox > li div.lir_list {}
ul.lir_listbox > li div.lir_list ul {padding: 20px 15px 10px;}
ul.lir_listbox > li div.lir_list ul li {font-size: 18px; margin-bottom: 10px; position: relative; padding-left: 13px;}
ul.lir_listbox > li div.lir_list ul li::before {position: absolute;display: block; width: 4px; height: 4px; content: ""; background: #196FF1; border-radius: 3px; top: 8px; left: -0px;}
ul.lir_listbox > li div.lir_title {background-color: #1864cd;width: 100%; padding: 15px 0; border-radius: 8px 8px 0 0;}
ul.lir_listbox > li div.lir_title p {font-size: 20px; color: #fff; font-weight: 600; text-align: center;}

@media (max-width: 1200px) {
   ul.lir_listbox {flex-direction: column;}
   ul.lir_listbox > li {width: 98%; margin: 0 auto 80px;}
   ul.lir_listbox > li::after {width: 60px; height: 50px; top: unset; bottom: -64px; right: unset; left: 50%; background: url(../images/arrow03.png) no-repeat center; transform: rotate(90deg) translateX(0%) translateY(50%); background-size: 80%;}
}
@media (max-width: 648px) {
   ul.lir_listbox > li div.lir_list ul li {font-size: 16px;}
   ul.lir_listbox > li div.lir_title p {font-size: 18px;}
}

/* 컨설팅 - 산업안전 컨설팅 */
.infobox_basic {padding: 0px 10px 30px; line-height: 1.8; font-size: 20px;}

.isc_num {border-top: 2px solid #3B82F6; overflow: hidden; }
.isc_num > li {width: 100%; border-bottom: 1px solid #ddd; padding: 20px 10px; line-height: 1.5;}
.isc_num > li span {font-size: 19px; display: block; }
.isc_num > li span:first-child {font-size: 20px; font-weight: 600; margin-bottom: 15px; color: #0d388d;}
.isc_num > li span:last-child {color: #4b4b4b;}
.isc_num > li span b {font-size: 20px; font-weight: 600;}

.isc_num > li li {width: 100%; margin-bottom: 12px; position: relative; font-size: 19px; color: #4b4b4b; font-weight: 500; padding-left: 20px;}
.isc_num > li li:last-child {margin-bottom: 0px;}


@media (max-width: 640px) {
   .infobox_basic {
      padding: 0px 0px 10px; line-height: 1.8; font-size: 17px;
   }

   .isc_num > li {padding: 20px 0px;}
   .isc_num > li span {font-size: 16px;}
   .isc_num > li span:first-child, .advisory_effect_num li span:first-child b {margin-bottom: 0px; font-size: 18px;}
   .isc_num > li span:last-child, .isc_num > li ul {margin-top: 10px;}
   .isc_num > li li {font-size: 16px; padding-left: 0px;}
}

   /* 컨설팅 - 일터혁신 wic */
   .wiclist {border-top: 2px solid #3B82F6; overflow: hidden;}
   .wiclist > li {width: 100%; border-bottom: 1px solid #ddd; padding: 20px 10px; line-height: 1.5;}
   .wiclist > li span {font-size: 17px; display: block;}
   .wiclist > li span:first-child {font-size: 20px; font-weight: 600; margin-bottom: 0;}
   .wiclist > li ul {margin-top: 15px;}
   .wiclist > li ul li {margin-top: 10px; font-size: 18px;}

   ul.wic_listbox {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-top: 30px;}
   ul.wic_listbox > li {width: 23%; border: 1px solid #86aae0; border-radius: 10px; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden;}
   ul.wic_listbox > li:nth-of-type(1) {margin-bottom: 30px;}
   ul.wic_listbox > li:nth-of-type(2) {margin-bottom: 30px;}
   ul.wic_listbox > li:nth-of-type(3) {margin-bottom: 30px;}
   ul.wic_listbox > li:nth-of-type(4) {margin-bottom: 30px;}
   ul.wic_listbox > li div.wic_list {min-height: 100px;}
   ul.wic_listbox > li div.wic_list ul {padding: 20px 15px 10px;}
   ul.wic_listbox > li div.wic_list ul li {font-size: 18px;}
   ul.wic_listbox > li div.wic_title {background-color: #1864cd;width: 100%; padding: 15px 0;}
   ul.wic_listbox > li div.wic_title p {font-size: 20px; color: #fff; font-weight: 600; text-align: center;}

   @media (max-width: 1200px) {
      ul.wic_listbox {flex-direction: column;}
      ul.wic_listbox > li {width: 98%; margin: 0 auto 30px;}
     
   }

   @media (max-width: 640px) {
      .wiclist > li {padding: 20px 0px;}
      .wiclist > li span:first-child {font-size: 18px;}

      ul.wic_listbox > li div.wic_list ul li {font-size: 16px;}
      ul.wic_listbox > li div.wic_title p {font-size: 18px;}
   }

   /* 컨설팅 - 기업지원금 bs */
   .bs_num {border-top: 2px solid #3B82F6; overflow: hidden; }
   .bs_num > li {width: 100%; border-bottom: 1px solid #ddd; padding: 20px 10px; line-height: 1.5;}
   .bs_num > li span {font-size: 19px; display: block; }
   .bs_num > li span:first-child {font-size: 20px; font-weight: 500; color: #0d388d;}
   .bs_num > li span:last-child {color: #4b4b4b;}
   .bs_num > li span b {font-size: 20px; font-weight: 600;}

   .bs_num > li li {width: 100%; margin-bottom: 12px; position: relative; font-size: 19px; color: #4b4b4b; font-weight: 500; padding-left: 20px;}
   .bs_num > li li:last-child {margin-bottom: 0px;}

   .bs_filebox {margin-bottom: 50px;}
   .bs_filebox .filebox_title {background: #2c3e50;color: white;padding: 18px 20px;font-size: 20px;font-weight: bold;}
   .bs_filebox .filebox_title a {display: inline-block; margin-left: 20px;}
   .bs_filebox .content {font-size: 17px;}
   .bs_filebox .content > ul {border: 1px solid #ddd; margin-top: 10px; padding: 20px;}
   .bs_filebox .content > ul > li { font-size: 18px; margin-bottom: 10px;}
   .bs_filebox .content > ul > li:last-child {margin-bottom: 0px;}
   .bs_filebox .content .list {margin-top: 10px;}
   .list-item {display: flex;justify-content: space-between;padding: 12px 20px;border-bottom: 1px solid #ddd;font-size: 18px;position: relative;}
   .list-item span {font-size: 18px;}
   .list-item::before {display: block; position: absolute; content: ""; width: 5px; height: 5px; background: #bbbbbb; top: 20px; left: 8px;}
   .list-item:last-child {border-bottom: none;}
   a.download-btn {background: #2980b9;color: white;text-decoration: none;padding: 5px 10px;border-radius: 5px;font-size: 14px;transition: all .3s;}
   a.download-btn:hover {background: #0793f1;}


@media (max-width: 640px) {
   .bs_num > li {padding: 20px 0px;}
   .bs_num > li span {font-size: 16px; font-weight: 400;}
   .bs_num > li span:first-child, .bs_num li span:first-child b {margin-bottom: 0px; font-size: 17px; font-weight: 400;}
   .bs_num > li li {font-size: 16px; padding-left: 0px;}

   .list-item {flex-direction: column;align-items: flex-start;}
   a.download-btn {margin-top: 5px;}
}




/* 고정 스크롤 탑 버튼 */
/* Top 버튼 스타일 */
.top-button {
   position: fixed;
   bottom: 30px;
   right: 30px;
   background-color: #007bff;
   color: white;
   border: none;
   border-radius: 3px;
   width: 50px;
   height: 50px;
   font-size: 17px;
   display: none; /* 기본적으로 숨김 */
   justify-content: center;
   align-items: center;
   cursor: pointer;
   z-index: 1000; /* 다른 요소 위에 놓이도록 */
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
   transition: opacity 0.3s ease;
 }
 
 /* 버튼 호버 시 색상 변경 */
 .top-button:hover {
   background-color: #0056b3;
 }
 
 /* 스크롤 시 버튼 표시 */
 .show {
   display: flex;
 }



 /* etc 이용약관, 개인정보처리취급방침, 이메일주소무단수집거부 */
.etc_num {overflow: hidden; }
.etc_num > li {width: 100%; padding: 20px 0px; line-height: 1.5;}
.etc_num > li span {font-size: 17px; display: block; margin-bottom: 8px;color: #4b4b4b;}
.etc_num > li span:first-child {font-size: 20px; font-weight: 600; margin-bottom: 15px; color: #000;}
.etc_num > li span b {font-size: 20px; font-weight: 600;}

.etc_num > li ul {margin: 10px 0;}
.etc_num > li li {width: 100%; margin-bottom: 12px; position: relative; font-size: 17px; color: #4b4b4b; padding-left: 20px;}

ul.etc_num.etc_email {border: 1px solid #e1e1e1;border-radius: 15px;padding: 10px 30px;}
@media (max-width: 1200px) {
ul.etc_num.etc_email {border: 0px solid #e1e1e1;padding: 0px 0px;}
}
@media (max-width: 640px) {
   .etc_num > li span {font-size: 15px;}
   .etc_num > li span:first-child {font-size: 16px;}
   .etc_num > li span b {font-size: 15px;}

   .etc_num > li li {font-size: 15px;}
}