/*=========================8_write=========================*/
.select-wrap {
    background: #fff;
    padding-top: 70px;
}
.select-wrap h5 {
	font-size:3rem;
	text-align:center;
}
.select-wrap > ul {
    display: flex;
    padding: 40px 60px 70px;
}
.select-wrap > ul li {
    flex: 1;
    margin-right: 35px;
}
.select-wrap > ul li label {
    border: 1px solid #000;
    padding: 18px 24px 30px;
	display:block;
	height:100%;
	cursor:pointer;
	transition:.3s;
}
.select-wrap > ul li label:hover,
.select-wrap > ul li label.on {
    border-color: #F46F1B;
    box-shadow: 0 0 24px rgb(242 171 12 / 25%);
	transition:.3s;
}
.select-wrap > ul li:last-of-type {
    margin-right: 0;
}
.select-wrap > ul li span {
	font-size:4rem;
}
.select-wrap > ul li strong {
    font-size: 2.1rem;
    display: block;
    margin: 13px 0 7px;
}
.select-wrap > ul li p {
	font-size:1.6rem;
	color:#6f6f6f;
}
.select-btn a {
    display: block;
    height: 65px;
    line-height: 64px;
    background: #f9f9f9;
    font-size: 1.8rem;
	text-align:center;
	transition:.4s;
}
.select-btn a:hover {
	background:#000;
	color:#fff;
	transition:.4s;
}

.select-btn a span {
    font-size: 2rem;
    margin-left: 30px;
}
.select-btn a:hover span {
}



@media screen and (max-width:1200px){
	.select-btn a {
		height: 45px;
		line-height: 44px;
		font-size: 1.4rem;
	}
	.select-btn a span {
		font-size: 1.6rem;
		margin-left: 15px;
	}
	.select-wrap {
		padding: 30px 15px 0;
	}
	.select-btn {
		margin: 20px -15px 0;
	}
	.select-wrap h5 {
		font-size: 2.2rem;
	}
	.select-wrap > ul {
		padding: 12px 0 0;
		flex-direction: column;
	}
	.select-wrap > ul li {
		flex: 1;
		margin-right: 0;
		margin-bottom: 15px;
	}
	.select-wrap > ul li:last-of-type {
		margin-bottom: 0;
	}
	.select-wrap > ul li span {
		font-size: 3.5rem;
	}
	.select-wrap > ul li strong {
		font-size: 2.1rem;
		margin: 10px 0 6px;
	}
	.select-wrap > ul li label {
		padding: 20px;
	}	
	.select-wrap > ul li p {
		font-size: 1.4rem;
	}

}

/*=========================비밀번호 팝업=========================*/
.pass-wrap {
	
}

.pass-box {
    padding: 40px 170px;
}
@media screen and (max-width:1200px){
	.pass-box {
		padding: 30px 20px;
	}

}



/*=========================서브=========================*/
.sub-visual-n {
	overflow:hidden;
}
.sub-img {
    width: 900px;
    transform: translate(140px,0);
	display:none;
}
.sub-img.sub-img41 {
    width: 700px;
    transform: translate(0,0);
}
.sub-img img {
    width: 100%;
}


@media screen and (max-width:1200px){
	.sub-visual {
		padding: 40px 0 !important;
	}
	.sub-txt {
		width:100%;
	}
	.sub-tit {
		font-size: 3.3rem !important;
	}
	.sub-util {
		margin-top: 28px !important;
	}
	.sns-li li {
		margin-left: 13px !important;
	}
	.sns-li li:first-of-type {
		margin-left: 0 !important;
	}
	.sub-img {
		width: 80vw;
		margin-top: 28px;
		transform: translate(0,0);
	}
	.sub-img.sub-img41 {
		width: 80vw;
	}
	.sub-directory {
		margin-bottom: 5px !important;
		font-size: 1.2rem !important;
	}
	.sub-img img {
	}
	.sub-visual .in {
		flex-direction:column;
	}
}


@media screen and (max-width:768px){
	.sub-directory {
		font-size: 1rem !important;
	}
	.sub-directory span.home {
		font-size: 1rem !important;
	}
	.print-btn {
		font-size: 1.6rem !important;
		margin-left: 30px !important;
		top: -2px;
	}
	.print-btn::after {
		height: 18px !important;
		top: 5px !important;
		right: 31px !important;
	}
	.sub-img {
		width: calc(100% + 40px);
		margin:28px -20px 0;
	}
}

/*=========================27_write=========================*/
.inquiry .head .type .tit-name {
	font-size: 2.5rem;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    line-height: 1;
}


@media screen and (max-width:1200px){
	.inquiry .head .type .tit-name {
		font-size: 2rem;
		margin-left: 3px;
	}
}



/*=========================27_2=========================*/
.std-slider-class {
	margin-bottom: 50px;
    font-size: 30px;
    line-height: 1;
}


@media screen and (max-width:1200px){
	.std-slider-class {
		margin-bottom: 39px;
		font-size: 22px;
	}
}




/*=========================20=========================*/
.logo-box .btns {
	margin-top:75px;
}
@media screen and (max-width: 1200px) {
	.logo-box .btns {
		margin-top:15px;
		margin-bottom:20px;
	}
}



/*========================버튼=========================*/
.btns-big > a {
	margin-right:10px;
}
.btns-big > a:last-of-type {
	margin-right:0;
}
@media screen and (max-width: 1200px) {
	.btns-big {
		display: flex;
		flex-direction: column;	
	}
	.btns-big a {
		margin-right:0;
		margin-bottom:10px;
	}
	.btns-big > a:last-of-type {
		margin-bottom:0;
	}
}