main > section div.board-header {display:flex; align-items: flex-end;justify-content:space-between;}
main > section div.board-header > h2 { color: #111; font-size: 2.29rem; font-weight: 700; }
main > section div.board-header > a.more { color: #000; font-size: 1.14rem; font-weight: 400; }
main section + section {margin-top: 100px;}
main section.wrap {padding:60px 0 30px;}
main section.wrap div.container {display:flex; align-items:flex-end; justify-content:space-between;}


main section.link {margin-top: 0; background:url(../images/img_link_bg_01.png) no-repeat center center; background-size:cover;}
main section.link div.container {display:flex; align-items:center; justify-content:space-between; flex-wrap: wrap; padding-top: 40px; padding-bottom: 40px;}
main section.link div.container:after,
main section.link div.container:before {content:none;}

main section.link div.tit-wrap h4 { font-weight: 700; }
main section.link div.tit-wrap p { font-weight: 400; }
main section.link div.tit-wrap { display: flex; flex-direction: column; align-items: flex-start; color: #333; font-size: 1.86rem; line-height: 34px; }

main section.link div.service-link { display: flex; align-items: center; justify-content: space-between; gap: 60px; }
main section.link div.service-link ul.link_list { display: flex; gap: 20px; align-items:flex-start; }
main section.link div.service-link ul.link_list li { width: 100%; height: 100%; }
main section.link div.service-link ul.link_list li .img-wrap { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; align-self: stretch; border-radius: 8px; border: 1px solid #E2E0E0; background: #FFF; width: 104px; height: 96px; box-sizing:border-box; }
main section.link div.service-link ul.link_list li:last-child {}
main section.link div.service-link ul.link_list li a { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; color: #333; font-size: 1.43rem; font-weight: 500; line-height: normal; text-align: center; }
main section.link div.service-link ul.link_list li a > p {}
main section.link div.service-link ul.link_list li a img {}
main section.link div.service-link ul.link_list li:hover a img {}
main section.link div.service-link ul.link_list li a span {}


main section.link div.company-link {display:flex; align-items:center; justify-content:space-between; gap: 96px;}
main section.link div.company-link div.tit-wrap {display:flex; flex-direction:column; align-items:flex-end; color:#333; font-size: 1.86rem; line-height:34px;}
main section.link div.company-link div.tit-wrap p {text-align:right;}
main section.link div.company-link div.tit-wrap h4 {text-align:right;}
main section.link div.company-link div.tit-wrap > div {display: flex; flex-direction: column; align-items: flex-end; gap: 4px;}
main section.link div.company-link .company-link-slider {flex: 1; max-width: 100%; overflow: hidden;}
main section.link div.company-link .company-link-slider div.link_list {width: 230px; height: 130px;}
main section.link div.company-link .company-link-slider div.link_list div.item {width:100%; height:130px; position: relative; flex-shrink: 0;}
main section.link div.company-link .company-link-slider div.link_list div.item a.img-wrap {display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; width:100%; height:130px; padding:16px 14px; border-radius:12px; border:1px solid #E2E0E0; background:#fff; box-sizing:border-box; overflow:hidden;}
main section.link div.company-link .company-link-slider div.link_list div.item a.img-wrap div.logo-wrap {display:flex; align-items:center; justify-content:center; width:100%; height:58px; overflow:hidden;}
main section.link div.company-link .company-link-slider div.link_list div.item a.img-wrap div.logo-wrap img {display:block; max-width:100%; max-height:100%; object-fit:contain;}
main section.link div.company-link .company-link-slider div.link_list div.item a.img-wrap p.company-name {width:100%; color:#222; font-size:1.14rem; font-weight:700; line-height:1.20; text-align:center; word-break:keep-all; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
main section.link div.company-link .company-link-slider div.link_list div.item a.img-wrap.no-logo {position:relative; gap:0; align-items:center; justify-content:center;}
main section.link div.company-link .company-link-slider div.link_list div.item a.img-wrap.no-logo div.logo-wrap {position:absolute; width:0; height:0; opacity:0; overflow:hidden;}
main section.link div.company-link .company-link-slider div.link_list div.item a.img-wrap.no-logo p.company-name {display:block; position:absolute; top:50%; left:14px; right:14px; width:auto; transform:translateY(-50%); margin:0; -webkit-line-clamp:unset;}
main section.link div.company-link .company-link-slider .slick-track {display:flex;}
main section.link div.company-link .company-link-slider .slick-slide {height:130px; padding: 0 10px;}
main section.link div.company-link .company-link-slider .slick-slide > div {height:130px;}
main section.link div.company-link .company-link-slider .slick-list {margin: 0 -10px; overflow: hidden;}
main section.link div.company-link .company-link-slider .slick-dots {position: relative; bottom: 0; margin-top: 20px;}
main section.link div.company-link .company-link-slider button.slick-prev-custom,
main section.link div.company-link .company-link-slider button.slick-next-custom {z-index: 1; width: 22px; height: 22px; border: none; background: transparent; cursor: pointer; outline: none; position: absolute; top: 50%; transform: translateY(-50%);}
main section.link div.company-link .company-link-slider button.slick-prev-custom {left: 17px;}
main section.link div.company-link .company-link-slider button.slick-next-custom {right: 17px;}
main section.link div.company-link .company-link-slider button.slick-prev-custom:hover svg path,
main section.link div.company-link .company-link-slider button.slick-next-custom:hover svg path {fill: #B0B0B0; stroke: #B0B0B0;}
main section.link div.company-link .company-link-slider button.slick-prev-custom svg,
main section.link div.company-link .company-link-slider button.slick-next-custom svg {display: block; width: 22px; height: 22px;}



/* 사이트메뉴  */
main > section.site_link div.site_menu {position:relative;}
main > section.site_link div.site_menu ul.menu {display:flex; align-items:center;}
main > section.site_link div.site_menu ul.menu > li {position:relative; box-sizing:border-box; margin-right:25px; width:calc((100% - 75px) / 4); height:200px; background:#fff; border:1px solid rgba(0,0,0,0.2); border-radius:20px; cursor:pointer; list-style: none;border-radius: 20px; background: #FFF; box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.07);}
main > section.site_link div.site_menu ul.menu > li:last-child {margin-right:0;}
main > section.site_link div.site_menu ul.menu > li:hover div.hover_box {visibility:visible; height: 361px;}
main > section.site_link div.site_menu ul.menu > li > a  {position: relative; box-sizing:border-box; display:inline-block; width:100%; height:100%; padding:24px 22px; overflow: hidden;}
main > section.site_link div.site_menu ul.menu > li:nth-child(3) > a {overflow: unset;}
main > section.site_link div.site_menu ul.menu > li > a::before  {content: ''; position: absolute; bottom: 0; right: 30px; width:90px; height:110px; background: url(../images/img_quick_01.svg) no-repeat center bottom; background-size: contain;}
main > section.site_link div.site_menu ul.menu > li:nth-child(2) > a::before { background: url(../images/img_quick_02.svg)no-repeat center bottom; background-size: contain;}
main > section.site_link div.site_menu ul.menu > li:nth-child(3) > a::before { background: url(../images/img_quick_03.svg)no-repeat center bottom; background-size: contain;;}
main > section.site_link div.site_menu ul.menu > li:nth-child(4) > a::before { background: url(../images/img_quick_04.svg)no-repeat center bottom; background-size: contain;;}
main > section.site_link div.site_menu ul.menu > li > a > div.menu_box {width:100%; height:100%;}
main > section.site_link div.site_menu ul.menu > li > a > div.menu_box > h3 {padding-bottom:6px; width: fit-content;  color: #DE0681; font-size: 1.43rem; font-weight: 700; line-height: 26px; border-bottom: 1px solid #DE0681;}
main > section.site_link div.site_menu ul.menu > li > a > div.menu_box > p {margin-top:25px;  color: #000; font-size: 1.71rem; font-weight: 700; line-height: 26px;}
main > section.site_link div.site_menu ul.menu > li > a > div.menu_box > p.color_purple {color:#7233a5;}
main > section.site_link div.site_menu ul.menu > li > a > div.menu_box > p.color_green {color:#6daf00;}
main > section.site_link div.site_menu ul.menu > li > a > div.menu_box > span {display:block; margin-top:25px; color: #989898; font-size: 0.86rem; font-weight: 500; line-height: 120%;}
main > section.site_link div.site_menu ul.menu > li > a > div.menu_box > img {position:absolute; right:0px; bottom:-19px; width:160px;}

/* 채용공고 */
main section.incruit_wrap {margin-top: 0; padding: 100px 0; background: #F0F7FF;}
main section.incruit_wrap div.container div.incruit > div.list-wrap {margin-top: 20px;}
main section.incruit_wrap + section {margin-top: 0;}

/* 진단, 검사 링크 */
main section.diagnosis_wrap {}
main section.diagnosis_wrap div.container {}
main section.diagnosis_wrap div.container ul {display: flex; align-content: center; gap: 17px;}
main section.diagnosis_wrap div.container ul li { width: calc(100% / 3 - 34px); border-radius: 10px; background: #4F3381; padding: 24px 62px; box-sizing: border-box; flex:1;}
main section.diagnosis_wrap div.container ul li:nth-child(2) { background: #683289; }
main section.diagnosis_wrap div.container ul li:nth-child(3) { background: #D0477C; }
main section.diagnosis_wrap div.container ul li a { display: flex; align-items: center; justify-content: space-between; height: 100%; }
main section.diagnosis_wrap div.container ul li a div.tit-wrap { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
main section.diagnosis_wrap div.container ul li a div.tit-wrap strong { color: #FFF; font-size: 1.43rem; font-weight: 700; line-height: 27px; }
main section.diagnosis_wrap div.container ul li a div.tit-wrap span { color: #FFF; font-size: 1.00rem; font-weight: 400; line-height: 27px; }	
main section.diagnosis_wrap div.container ul li a div.img-wrap { display: flex; width: 72px; height: 72px; align-items: center; justify-content: center; gap: 10px; box-sizing: border-box; border-radius: 36px; background: #FFF; }
main section.diagnosis_wrap div.container ul li a div.img-wrap img {}

/* 싱글배너 */
main section.single_banner { background:url(../images/img_single_banner.png) no-repeat center center; background-size:cover; }
main section.single_banner div.container {}
main section.single_banner div.container:after,
main section.single_banner div.container:before {content:none;}
main section.single_banner div.container div.single_banner_wrap {display: flex; align-items: center; justify-content: space-between; padding-top: 63px; padding-bottom: 63px; width: 100%; height: 100%;}
main section.single_banner div.container div.single_banner_wrap img {width: 100%; height: 100%; object-fit: cover;}
main section.single_banner div.container div.single_banner_wrap div.tit-wrap {display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
main section.single_banner div.container div.single_banner_wrap div.tit-wrap p { color: #FFF; font-size: 1.29rem; font-weight: 700; line-height: 26px; }
main section.single_banner div.container div.single_banner_wrap div.tit-wrap strong {  color: #FFF; font-size: 2.29rem; font-weight: 800; line-height: 42px; }
main section.single_banner div.container div.single_banner_wrap a.btn_wrap { display: flex; width: 252.632px; height: 72px; padding: 12px 24px; justify-content: space-between; align-items: center; flex-shrink: 0; border-radius: 999px; background: #FFF; box-sizing: border-box; }	
main section.single_banner div.container div.single_banner_wrap a.btn_wrap span { color: #202020; font-size: 1.29rem; font-weight: 700; line-height: 24px; }
main section.single_banner div.container div.single_banner_wrap a.btn_wrap svg {width: 9px; height: 13px; }
main section.single_banner div.container div.single_banner_wrap a.btn_wrap svg path {stroke: #202020; }

/* 사이트 링크 */
main section.site {margin-top: 0; background: #F9F9F9;}
main section.site div.container {}
main section.site div.container:after,
main section.site div.container:before {content:none;}
main section.site div.container ul {display: flex; align-items: center; justify-content: space-between; padding: 30px 0;}
main section.site div.container ul li { }

/* 공지사항, 기업홍보 */
main section.notice_promotion {margin-bottom: 100px;}
main section.notice_promotion div.container {}
main section.notice_promotion div.container:after,
main section.notice_promotion div.container:before {content:none;}
main section.notice_promotion div.container div.notice_promotion_wrap {display: flex; justify-content: space-between; gap: 33.5px;}
main section.notice_promotion div.container div.notice_promotion_wrap div.notice {width: 50%;}
main section.notice_promotion div.container div.notice_promotion_wrap div.promotion {width: 50%;}

@media screen and (max-width:1300px){
	div[data-role=wrapper] > header > div.top > div.container { width: auto; padding: 0px 40px; }
	div[data-role=wrapper] > header > nav > .top_menu > div.container { width: auto; padding: 0px 40px; }
	main section.link div.container {flex-direction: column; gap: 10px; align-items: flex-start;}
	main section.link div.service-link {flex-direction: column; gap: 10px; align-items: flex-start; width: 100%;}
	main section.link div.service-link ul.link_list {width: 100%;}
	main section.link div.service-link ul.link_list li .img-wrap {width: auto;}
	main section.link div.company-link {flex-direction: column; gap: 10px; align-items: flex-start; width: 100%;}
	main section.link div.tit-wrap {flex-direction: row; align-items: center; gap: 5px; font-size: 1.57rem; line-height: 28px;}
	main section.link div.service-link ul.link_list li a {font-size: 1.21rem; line-height: 22px;}
	main section.link div.company-link div.tit-wrap {flex-direction: row; align-items: center; gap: 5px; font-size: 1.57rem; line-height: 28px;}
	main section.link div.company-link div.tit-wrap > div {flex-direction: row; align-items: center; gap: 5px;}
	main section.link div.company-link .company-link-slider div.link_list {width: 100%;}
}
/* @media screen and (max-width:1200px){
	main section.link div.tit-wrap {flex-direction: row; align-items: center; gap: 10px;}
	main section.link div.company-link div.tit-wrap {flex-direction: row; align-items: center; gap: 10px;}
	main section.link div.service-link,
	main section.link div.company-link {flex-direction: column; gap: 40px;}
	main section.link div.container {flex-direction: column; gap: 40px;}
	main section.link div.company-link .company-link-slider {width: 100%; max-width: 100%;}
	main section.link div.company-link .company-link-slider div.link_list {width: 100%; height: 130px;}
	main section.link div.company-link div.tit-wrap > div {flex-direction: row; align-items: center; gap: 10px;}
	main > section.site_link div.site_menu ul.menu {flex-wrap: wrap;}
	main section.diagnosis_wrap div.container ul {flex-direction: column; gap: 10px;}
	main section.diagnosis_wrap div.container ul > li {width: 100%;}
	main section.notice_promotion div.container div.notice_promotion_wrap {flex-direction: column; gap: 40px;}
	main section.notice_promotion div.container div.notice_promotion_wrap div.notice {width: 100%;}
	main section.notice_promotion div.container div.notice_promotion_wrap div.promotion {width: 100%;}
	main > section.site_link div.site_menu ul.menu {flex-direction: column; gap: 10px; width: 100%;}
	main > section.site_link div.site_menu ul.menu > li {width: 100%; margin-right: 0;}
	main > section.site_link div.site_menu ul.menu > li > a {padding: 10px;}
	main > section.site_link div.site_menu ul.menu > li > a > div.menu_box {padding: 10px;}
	main > section.site_link div.site_menu ul.menu > li > a > div.menu_box > h3 {font-size: 1.21rem; line-height: 22px;}
	main > section.site_link div.site_menu ul.menu > li > a > div.menu_box > p {font-size: 1.21rem; line-height: 22px;}
	main > section.site_link div.site_menu ul.menu > li > a > div.menu_box > span {font-size: 0.86rem; line-height: 120%;}
	main > section.site_link div.site_menu ul.menu > li > a > div.menu_box > img {width: 100px; height: 100px;}
} */


@media screen and (max-width:991px){
	main > section div.board-header > h2 {font-size: 1.86rem; line-height: 34px;}
	main section.link div.company-link .company-link-slider {width: 100%;}
	main section.link div.company-link .company-link-slider div.link_list {width: 100%;}
	main section.link div.company-link .company-link-slider button.slick-prev-custom {left: 10px;}
	main section.link div.company-link .company-link-slider button.slick-next-custom {right: 10px;}
	main section.notice_promotion div.container div.notice_promotion_wrap {flex-direction: column; gap: 30px;}
	main section.notice_promotion div.container div.notice_promotion_wrap div.notice {width: 100%;}
	main section.notice_promotion div.container div.notice_promotion_wrap div.promotion {width: 100%;}
	main section.single_banner div.container div.single_banner_wrap {flex-direction: column; gap: 20px; padding: 20px 0;}
	main section.single_banner div.container div.single_banner_wrap div.tit-wrap {gap: 14px;}
	main section.single_banner div.container div.single_banner_wrap div.tit-wrap strong {font-size: 1.84rem; line-height: 36px;}
	main section.single_banner div.container div.single_banner_wrap a.btn_wrap { width: fit-content; gap: 10px; height: auto; } 
}

@media screen and (max-width:768px){
	main section.link div.company-link .company-link-slider {width: 100%;}
	main section.link div.company-link .company-link-slider div.link_list {width: 100%;}
	main section.link div.company-link .company-link-slider button.slick-prev-custom {left: 5px;}
	main section.link div.company-link .company-link-slider button.slick-next-custom {right: 5px;}
	div[data-role=wrapper] > header > div.top > div.container { width: auto; padding: 0px 10px; }
	div[data-role=wrapper] > header > nav > .top_menu > div.container { width: auto; padding: 0px 10px; }
	main section.link div.container { gap: 40px; width: auto; padding: 20px 10px; }
}

@media screen and (max-width:480px){
	main section.link div.company-link .company-link-slider {width: 100%;}
	main section.link div.company-link .company-link-slider div.link_list {width: 100%;}
	main section.link div.company-link .company-link-slider button.slick-prev-custom {left: 0;}
	main section.link div.company-link .company-link-slider button.slick-next-custom {right: 0;}
}

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


}

@media screen and (max-width:290px){
header nav div.top_menu h1 a.logo {width:130px !important; height:35px !important;}
header nav div.top_menu h1 a.text {font-size: 0.79rem !important; letter-spacing:-1px;}
}