html, body {
		padding:0; 
		margin:0; 
		font-family: 'Montserrat','Noto Sans KR','나눔고딕',NanumGothic,'맑은 고딕',Malgun Gothic,'돋움',Dotum,'굴림',Gulim,HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif;
		/*overflow-x:hidden;*/
		letter-spacing: -.04em;
		font-weight: 400;
		}
	body {
		min-height: 100vh;
	}
	ul {list-style:none; padding:0; margin:0}
    .header {
		background-color: #2F2F37;
		display:flex;
		align-items:center;
		padding: 0 180px;
		position: sticky;
		top: 0;
		box-sizing: border-box;
		width: 100%;
		height: 70px;
	 	z-index: 100;
	 	justify-content: center;
	 	border-bottom: 1px solid #e7e7e7;
	 }
	 .search input[type="search"] {
		background-color: #F9FAFC;
		border: 1px solid #e2e7ee;
		width: 150%;
		height: 40px;
		padding: 0 60px;
		border-radius: .3rem;
		margin-left: 140px;
		font-size: 16px;
		color: rgba(51, 51, 51, 1);
	}
	.search {
		position: relative;
	}
	.search > .search_box > img{
		position: absolute;
		right: 270px;
		top: 4px;
	}
    ul.nav {/* 메뉴 내비 컨테이너*/
		display: flex;
		align-items: stretch;
		height: 130px;
		margin-left:50px;
	}
	ul.nav > li {
		display: flex;
		align-items: center;
		font-size: 19px;
		font-weight: 500;
		color: #212121!important;
		padding-right:30px;
		}/* 메뉴 내비 1뎁스*/

	ul.nav > li > a {
		color: #212121!important;
	}
	ul.nav > .d-none{
		display:none;
		}/* 메뉴 내비 1뎁스*/
	.header_menu > ul > li > a{
		text-decoration: none;
	}

	.header_menu > ul > li > a:hover {
		/*position: fixed;*/
		padding-bottom: 5px;
		border-bottom: 2px solid black;
	}

	ul.nav > li:hover > ul {display:flex}
	ul.nav > li > ul {/* 메뉴 내비 1뎁스 서브*/
		display: none;
		position:absolute;
		top:80px;
		left:0;
		box-sizing: border-box;
		width:100%;
		min-height: 90px;
		padding: 1.5% 19% 1.5% 21%;
		border-bottom: 1px solid #ddd;
		background-color:#fff;
		text-align: left;
		align-items: center;
	}

	.d-none{
		display: none;
	}
	ul.nav > li > ul > li {
		font-size: 17px;
		font-weight: 500;
		}/* 메뉴 내비 2뎁스*/
	ul.nav > li > ul > li > a {
		text-decoration: none;
		color: black;
		}
	ul.nav > li > ul > li > ul {}/* 메뉴 내비 2뎁스 서브*/
	ul.nav > li > ul > li > ul > li {
		display:block;
		font-size:16px;
		padding-top: 15px;
		}/* 메뉴 내비 3뎁스*/
	ul.nav > li > ul > li > ul > li > a {
		text-decoration: none;
		color: black;
		}
	.header-btn-inquiry {
		width: 160px;
		height: 45px;
		border-radius: 50px;
		border: 1px solid #5b5b5b;
		color: black;
		margin-left: auto;
		background-color: white;
		display: none;
		}
	.header-btn-inquiry:hover {
		border: 2px solid black;
	}
    .main {
		background-image: url(https://user-images.githubusercontent.com/24219311/168502573-a7a5b2f4-2b3c-402d-900e-b7362ccf16ed.png);
        background-size: cover;
        background-position: center;
        width: 100%;
        height: 900px;
        }
    input[id="icon"] {
        display:none;
        }
    #header {
		display: none;
	}
    .board {
		padding-top: 0px!important;
		margin-left: 530px;
		width: 60%;
		z-index: 0;
	}
	.board .image {
		width: 100%;
		cursor: pointer;
	}
    label {
	    text-align: left;
	    display: block;
	    margin: 10px 0px 5px 0px;
    }
    /*footer*/
    .footer {
		/*background-image: url(https://user-images.githubusercontent.com/24219311/167757963-4a60b3d8-59da-4e75-9cda-508de10910a0.png);*/
		background-color: #fbfbfb;
        background-size: cover;
        background-position: 30% 70%;
        color: #6D757C;
        border-top: 1px solid #dfdfdf;
    	padding: 10px 0px;
        font-size: 13px;
        font-weight: 400;
        line-height: 11px;
        position: relative;
        width: 100%;
        margin-left: auto;
        }
    .footer_section_1 {
		display: flex;
		justify-content: space-around;
		/*align-items: flex-end;*/
		}
    .footer-section_1-1-1 {
		font-size: 18px;
		font-weight: 500;
		color: #C2C5C9;
		letter-spacing: -1px;
	}
    .footer_section_2 {
		text-align: center;
	}
    .footer_section_1-3 {
		text-align: right;
	}
    .footer_section_1-3 .footer_sns_icon {
		width: 50px;
		margin-top: -10px;
		cursor:pointer;
	}
	.footer_ver2 .footer_link, .footer_ver2 .footer_contents1 {
		padding: 0 200px;
	}
	.footer_ver2 .footer_line {
		padding-bottom: 25px;
		border-bottom: 1px solid #6D757C;
	}
	.footer_ver2 span {
		padding-right: 20px;
	    padding-left: 100%;
    	display: block;
    	width: 100%;
	}
	.footer_ver2 .footer_link {
		color: #c2c5c9;
    	font-size: 15px;
    	font-weight: 300;
	}
	.footer_ver2 .footer_link span a {
		color: #c2c5c9;
	}
	.footer_ver2 .footer_link span a:hover {
		color: #fff;
		transition: color 0.2s ease-out;
		padding: 0 0.25em;
    	margin: 0 -0.25em;
	}
	.footer_ver2 .footer_contents1 .footer-logo a:hover {
		color: #fff;
		transition: color 0.2s ease-out;
		padding: 0 0.25em;
    	margin: 0 -0.25em;
	}
	.footer_ver2 .footer_contents1 .footer-logo a {
		color: #6D757C;
	}
	.footer_ver2 .footer_contents1 .footer-logo {
		font-size: 25px;
		padding: 30px;
		padding: 30px 0;
	}
	.footer_ver2 .footer_contents1 .footer-logo img {
		width: 180px;
		padding-right: 30px;
	}
	.footer_ver2 .footer-sns img {
		width: 40px;
	    margin-left: 10px;
	    border: 1px solid #23282c;
	    background-color: #33393e;
	    border-radius: 30px;
	}
	.footer_ver2 .footer-contents1 {
		line-height: 11px;
	}
	.footer_ver2 .footer-contents1 .footer-logo {
		padding: 10px;
	}
	span.call {
		font-weight: 500;
	}
	span.call:hover {
		color: #fff;
		cursor: pointer;
		transition: color 0.3s ease-out;
	}
	span.mail:hover {
		color: #fff;
		cursor: pointer;
		transition: color 0.3s ease-out;
	}
	span.mail {
		font-size: 15px;
		font-weight: 500;
	}
	.footer_ver2 .footer-contents2 {
		display: flex;
		line-height: 1.5;
	}
	span.kakao a {
		color: #6D757C;
	}
	span.kakao a:hover {
		color: #fff;
		cursor: pointer;
		transition: color 0.3s ease-out;
	}
	.footer-sns {
		margin-left: auto;
		cursor: pointer;
	}
	/*
	.footer-sns img {
		width: 70px;
		height: 70px;
		border-radius: 30px;
		background-color: gray;
	}
	*/
    
    
    
    @media (max-width : 1634px) {.service03_contents3  {display: none;}}
    @media (max-width: 1479px) {.officetype_contents img  {width: 400px; padding : 10px;} .service02 .sc {padding: 10px;}.partners_contents img {width: 170px;}.footer_ver2 .footer-sns img {margin-left: 0; margin-right: 10px;}.footer-sns {margin-top: 20px;}}
    @media (max-width: 1279px) {.officetype {padding: 40px 0px 0px 0px;}.officetype_contents img  { padding: 20px 10px 0px 10px;} .footer_ver2 .footer-contents2 {display: block;}}
    @media (min-width:981px) {.service03_contents1_mb {display: none;}}
    @media (max-width: 859px) {.officetype_contents img {width: 80%;}}
    @media (max-width:980px) {
		ul.nav > li > ul {/* 메뉴 내비 1뎁스 서브*/position:inherit;border-top: 0px; border-bottom: 0px;padding:0;}
        ul.nav > li > ul > li {margin-left: 0px; font-size: 16px;}
        ul.nav > li > ul > li > ul {margin-left: 30px;}
        ul.nav > li > ul > li > ul > li {padding-top: 0px; line-height: 2;}
        .service03 {background-position: 100% 90%, 100% 40%, center;}
        .sc03_img1{left:55%;}
        .sc03_img2 {top:30%; left:55%;}
        .sc03_img3, .sc03_img4 {display: none;}
        .service03 {padding-left: 0px;padding-right: 0px;}
        .sc03_text {padding-block-end: 0;padding-left: 0;font-size: 15px;padding-bottom: 40px;}
        .service03_contents2 img {width: 90%;}
        .sc03_img1  {top: -10%;}
        .service03_contents {position: static;}
        /*.service03_contents1_pc {display: none;}*/
        .service03_contents1_mb {text-align: left; padding-left: 10%;}
        .service03_contents3 {display: none;}
        .service04_contents {display: block;}
        .footer_ver2 .footer_contents1 span {display: block;}
        .footer_ver2 .footer_contents1 .footer-logo img {padding-right: 0px;}
        .footer_ver2 .footer_link, .footer_ver2 .footer_contents1 {padding: 0px;}
        .footer_ver2 .footer_contents1 .footer-logo {padding: 20px 0; font-size: 20px; line-height: 2;}
        .footer_ver2 span {padding-right: 0px;}
        .footer_ver2 .footer-sns img {width: 40px;}  
        .footer_ver2 .footer_link .link span {padding-right: 10px;}  
    }
    @media (max-width:630px) {
        .service03 {background-image: url(/images/main/168028501-46befab4-9eec-45a5-aa36-cd612728892d.png);
        background-size: cover;background-position: center;}
        .sc03_text {padding-block-end: 0;padding-left: 0;font-size: 15px;padding-bottom: 40px;}
        .service03_contents2 {text-align: center;}
        .service03_contents2 img {visibility: visible; width: 400px;}
        .sc03_img1  {position: static; top: 0; margin-left : 30px; }
        .sc03_img2 {position: static; margin-left: 30px; margin-top: -100px; margin-bottom: 80px; top: auto; left: auto;}
        /*.service03_contents1_pc {display: none;}*/
        .service03_contents1_mb {padding-left: 0%;}
        .service03_contents1_mb > .sc03_text {padding-bottom: 40px; font-size: 15px; text-align: center;}
        .service03_contents3 {display: none;}
    }
    @media (max-width:420px) {
		.header > label {margin-top: 0px;}
        .officetype {text-align: center;padding: 0;}
        .txt {font-size: 17px;}
        .officetype_contents {display: inline; flex-wrap: nowrap; /*컨테이너를 벗어나는 아이템을 아래로 정렬 */justify-content: flex-start; }
        .officetype_txt > img {padding-top: 30px; padding-bottom: 15px; border-radius: 50px 20px; width: 300px;}
        .center_text {display: none;}
        .officetype > h2{margin-top: 30px; margin-bottom: 0px; /*pc 소스에서는 안먹힘 */}
        .officetype_contents, .sc, .service04_text, .partners {padding-bottom: 50px;}
        h1, h2, h3, span {color: #333333; margin: 2px;}
        span, .sub-txt, .service04_contents2 {font-size: 14px;}
        .officetype_txt > p {line-height: 10px;}
        .sub_title {font-size: 16px;margin-top: 50px;color: #333333;}
        .service01_text, .service03, .service04, .service04_contents2 {padding-top: 50px; padding-bottom: 50px;}
        .service_txt {padding-bottom: 80px;}
        .service_contents {display: block;flex-wrap: nowrap;justify-content: flex-start;}
        .sc { margin-right: 0px; }
        .sc:last-child {margin-right: 0px; /*한번 더 확인 필요함*/}
        .service_contents img {width: 80px; padding: 0px; padding-bottom: 0px; padding-top: 0px;}
        .service02 {padding-top: 50px;display: block;flex-wrap: nowrap;justify-content: flex-start;}
        .service02 img {width: 80px;}
        .service02 .sc {border: none;padding: auto;}
        .service02 .sc h2 {color: none;}
        .service03 {background-image: url(/images/main/168028501-46befab4-9eec-45a5-aa36-cd612728892d.png);background-size: cover;background-position: center;}
        .sc03_text {padding-block-end: 0;padding-left: 0;font-size: 15px;padding-bottom: 40px;}
        .service03_contents2 img {visibility: visible; width: 350px;}
        .sc03_img1  {position: static; top: 0; margin-left : 30px;}
        .sc03_img2 {position: relative; margin-left: 30px; margin-top: -100px; margin-bottom: 80px; top: auto; left: auto;}
        /*.service03_contents1_pc {display: none;}*/
        .service03_contents1_mb {padding-left: 0%;}
        .service03_contents1_mb > .sc03_text {padding-bottom: 40px; font-size: 15px; text-align: center;}
        .service03_contents3 {display: none;}
        .service04 {padding-left: 0; padding-right: 0;}
        .service04_text {text-align: auto;}
        .service04_contents {display: block;justify-content: flex-start;align-items: stretch;}
        /*확인필요*/
        .service04_contents1 {align-items: stretch;padding-right: 0px;}
        .service04_contents2 {text-align: left; margin-left: 20px; margin-right: 20px;}
        .partners {padding-left: 0px;padding-right: 0px;padding-top: 0px;text-align: center;}
        .partners_text {display:block; text-align:left; margin-left: 20px; margin-right: 20px; margin-bottom: 30px;}
        .partners_text span {font-size: 14px; font-weight: 500;}
        .partners_text > span {font-size: 25px;}
        .partners_contents {display: block;flex-wrap: nowrap;justify-content: flex-start; padding-top: 0px;}
        .partners_contents img {width: 50px;}
        .footer_ver2 .footer_contents1 .footer-logo {padding: 10px 0;}
    }
    /*main.html 스타일 끝*/
    @media (max-width: 1400px) {.header {padding: 30px 30px 20px 30px;}}
    @media (max-width:1000px) {
		.header-btn {display: none;} .service03_contents1_mb {display: none;}
        .header {align-items: center; padding: 30px 30px 20px 30px;  flex-wrap: nowrap;/*z-index: auto;*/}
        .logo {margin-right: auto;}
        .logo img { width: 170px;}
        article, .btn-inquiry {display: none;}
        ul.nav > li:hover > ul {display: block;}
        .header ul.nav > li > ul {padding-left: 30px; line-height: 2.7rem; top: auto;}
        .header_menu {display: none;}
        .header_menu > article {display: inline-block; margin-right: 20px;}
        .header-btn { margin-left: auto; display: flex;}
        .btn-inquiry > img { width: 30px; padding-right: 10px;}           
        .btn-menu > img {width: 30px;}
        .footer_section_1 {display: block;}
        .footer_section_1-3 {text-align: center;}
        .footer_ver2 .footer_contents1 .footer-logo {font-size: 15px;}
        .footer_ver2 .footer_link, .footer_ver2 .footer_contents1{padding: 0 50px;}
        
        /*mb 햄버거 메뉴*/
        input[id="icon"] {display:none;}
        #header {display: flex;}
        #header > ul {display: block;text-align: left; line-height: 50px; padding-left: 10px;}
        #header > ul > li {display: block;}
        input[id="icon"] + label{position: relative; right: 0; display:block; width:30px; height:20px; cursor:pointer;  /* 커서를 올려놓을 때 마우스 모양이 바뀐다. */} 
        input[id="icon"] + label > span {position: absolute; display:block; width:100%; height:2px; background:#000; transition: all 0.35s;  /* 진행되는 과정들을 천천히 보여줄 수 있다. 0.35초 동안 진행됨 */ z-index:100;}
        input[id="icon"] + label > span:nth-child(1) {top:0px;}
        input[id="icon"] + label > span:nth-child(2) {top:50%;content: "66666";}
        input[id="icon"] + label > span:nth-child(3) {top:100%;}
        input[id="icon"]:checked + label span:nth-child(1) {top: 50%; transform: rotate(45deg); /*비트는 각도*/}
        input[id="icon"]:checked + label span:nth-child(2) {opacity: 0; /*숨기는건 display none 으로도 가능한데 왜 이 속성을 사용했는지 확인 */}
        input[id="icon"]:checked + label span:nth-child(3) {top: 50%; transform: rotate(-45deg);}
        #icon + label + #header {position:fixed; width:100%; height:100%;background:rgb(255, 255, 255); top:100px; padding:20px 25px 25px 25px; box-sizing:border-box; right:-100%; z-index:1;transition: all 0.35s;}
        #icon:checked + label + #header {right:0px; top: 59px;}
        #icon:checked + label + #header > ul > li > a {color: black; text-decoration: none;}
    }
    @media (max-width:420px) {
        /*.header { align-items: center; padding: 10px 20px 5px 20px;  flex-wrap: nowrap; justify-content: flex-start; position: static; width: auto; z-index: auto;}*/
        .logo {margin-right: auto;}
        .header > .logo > a > img { width: 170px;}
        article, .btn-inquiry {display: none;}
        .header-btn { margin-left: auto; display: flex;}
        ul.nav {height: 0; margin-left: 30px;}
         #icon + label + #header {padding: 0; height: 100%; top: 59px;}
         #icon:checked + label + #header {top: 59px; padding: 5% 0 0 1%;}
        .footer {font-size: 11px;padding-top: 10px; padding-bottom: 10px;}     
        .footer span {color: #6D757C; font-size: 13px;}
        .footer_section_1 {display: block;justify-content: flex-start;align-items: stretch; line-height: 7px; }
        .footer_section_2 { padding : 10px 10px;}
        .footer_section_1-3 {text-align: center;}
        .footer_section_1-3 > img {padding-top: 10px; padding-bottom: 10px; width: 150px;}
    }
    .header_menu > article {display: inline-block; margin-right: 20px;}
    
    /*2023-11-21 결과창 css*/
    .searchCard {
	padding-top: 30px;
	border-bottom: 1px solid #e1e1e1;
	width: 80%;
}
    .board h1 {
	padding: 10px 0px;
}
	.searchCard > li > h3 > a {
		font-size: 20px;
		color: #333;
	}
	.searchOl li {
		font-weight: 300;
		color: #6E7683
	}
    .searchCard > li > h3{
		margin: 0px;
		font-size: 20px;
		color: #333;
	}
    .searchCard > li{
		width:100%; 
		height: 120px; 
	}
    .searchCard > li > p {
		font-weight: 400;
		font-size: 15px;
		overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
		line-height: 1.5;
	    text-align: left;
        word-wrap: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 2 ;
        -webkit-box-orient: vertical;
	}
    .searchOl {padding-left: 0px; }
    .searchOl > li {
	  display: block; 
	  float: left;
	  
	}
	.searchOl > li > a {
		color: #8c9494;
		font-size: 15px;
		font-weight: 400;
	}
    .searchOl > li + li:before {
	  padding: 0 5px;
	  color: #8c9494;
	  content: "\00a0";
	  content: "› ";
	  font-size: 20px;
	}