.title{font-weight: bold;text-align: center;}




	
.agree_chk {position:relative !important; top:0 !important; left:0 !important;}
	
.process{} 
.process li{border-right:1px solid #141414; border-bottom:1px solid #141414} 
.process h5{font-weight: bold;} 
.process h5 em{display:block;font-weight: 500;}
.process p{font-weight: 400;}



.tab{display:flex;justify-content: center;}
.tab a{display:block; border:1px solid #141414; text-align:center; font-weight:500}
.tab a.on{background-color:#848484; color:#fff; font-weight:bold; border:0}
.tab a.on2{background-color:#141414; color:#fff; font-weight:bold; border:0}


.infobox{}
.infobox h5{font-weight:500}
.infobox div{background-color:#fff; border:1px solid #d9d9d9; line-height:1.7em; font-weight:300}
.scroll{overflow-y:scroll}


.chk_form{display:flex;justify-content: space-between;}
.chk_form>div {position:relative;}
.chk_form>div input + label {position:relative;font-family: 'Pretendard',sans-serif;font-weight: 300;}
.chk_form>div input + label span {position: relative;display: inline-block;background:#fff;border-radius:50%;vertical-align: middle;text-align: center;border: 1px solid #d9d9d9;}
.chk_form>div input + label span i{display: block;color:#141414;position: absolute;top: 50%;left: 50%;transform: translate(-54%, -54%);opacity: 0;}
.chk_form>div input:checked + label {color:#141414}
.chk_form>div input:checked + label span i{opacity: 1;} 



.f_section{border-bottom:1px solid #141414;}
.f_section:last-child{border-bottom:0;}
.f_section h5{font-weight: 400;}

.f_section li{position:relative;}
.f_section li h6{font-family: 'Pretendard',sans-serif;font-weight:300;}
.f_section li h6 i{color:#e3bb7f; vertical-align:top}

.f_section li input[type="text"],.f_section li input[type="password"],.wr_content,#wr_content{width:100%;border:1px solid #d9d9d9;color:#141414;font-weight: 400;font-family: 'Pretendard', sans-serif;background: #fff;}

.f_section li.hp div{display:flex;justify-content: space-between;align-items: center;}
.f_section li.hp div input{width:30%;}


.f_section li>span{position:absolute; right:0; bottom:0; color:#737373; font-weight:300; text-align:center;}
.f_section li span i{color:#737373;}


.file{position:relative;display:flex;justify-content: space-between;}
.file div{width: 77%;border:1px solid #d9d9d9;color:#141414;background-color:#fff;}
.file span{display:block;width: 21%;background-color:#171717;color:#fff;cursor:pointer;text-align: center;}
.file input{position:absolute; top:0; left:0; width:100%; opacity:0; height:100%;}



@media (min-width: 1300px) {
  
.title{font-size: 17px;margin-bottom:60px;}


.process{padding-bottom: 130px;}
.process ul{display:flex;flex-wrap: wrap;justify-content: center;} 
.process li{width:25%;padding: 0 0 50px 25px;}
.process li:nth-child(4){border-right:0;}
.process li:nth-child(5),.process li:nth-child(6),.process li:nth-child(7){border-bottom:0;padding: 50px 0 0 25px;}
.process li:last-child{border-right:0;}
.process li h5{font-size: 40px;margin-bottom:15px}
.process li h5 em{font-size: 17px;margin-top: 20px;}
.process li p{font-size: 15px;}



.tab {margin-bottom:80px;}
.tab a{width:150px;height:50px;line-height: 47px;font-size: 15px;margin:0 5px;border-radius: 25px;}


.contact_wrap,#bo_list{padding: 0 10% 5%;}

.infobox h5{font-size: 16px;margin-bottom:20px;}
.infobox div{padding:20px;font-size: 15px;}
.infobox1{margin-bottom:80px;}
.scroll{height:110px; margin-bottom:25px}


.chk_form>div input + label {font-size: 15px;}
.chk_form>div input + label span {width: 17px;height: 17px; margin-right:5px}
.chk_form>div input + label span i{font-size: 9px;}


.f_section{padding:50px 0 20px}
.f_section h5{font-size: 16px;margin-bottom: 20px;}

.f_section ul{display:flex;flex-wrap: wrap;justify-content: space-between;}
.f_section li{width: 45%;margin-bottom:30px;}

.f_section li h6{font-size: 15px;margin-bottom:10px}
.f_section li h6 i{font-size: 7px;}
 
.f_section li input[type="text"],.f_section li input[type="password"]{padding:0 10px; height:50px; font-size:15px}
.f_section li.hp div{font-size:15px}

.f_section li>span{height:50px; width:60px; line-height:50px; font-size:15px}

.content .file{width:45%; margin-top:15px}

.wr_content, #wr_content{min-height: 200px;padding:10px;font-size: 18px;}

	.file div,.file span{height:50px;line-height:50px;font-size: 14px;padding: 0 10px;}

}
@media (min-width:750px){

}
@media (min-width: 750px) and (max-width: 1299px){
 .title{font-size: 2.2vw;margin-bottom: 4vw;}


.process{padding-bottom: 14vw;}
.process ul{display:flex;flex-wrap: wrap;/* justify-content: flex-start; */} 
.process li{width: 50%;}
.process li:nth-child(odd){text-align:right;padding: 4vw 4vw 4vw 0;}
.process li:nth-child(even){position: relative;top: 10vw;border-top: 1px solid #141414;border-bottom: 0;padding: 4vw 0 4vw 4vw;border-right: 0;}
.process li:nth-child(4){border-right:0;}
.process li:nth-child(7){
    border-bottom: 0;
}
.process li:last-child{}
.process li h5{font-size: 4vw;margin-bottom: 1.5vw;}
.process li h5 em{font-size: 2.2vw;margin-top: 2vw;}
.process li p{font-size: 1.8vw;}



.tab {margin-bottom:80px;}
.tab a{width: 15vw;height: 6vw;line-height: 5.8vw;font-size: 1.8vw;margin: 0 1vw;border-radius: 3vw;}


.contact_wrap,#bo_list{padding: 0 0 10vw;}

.infobox h5{font-size: 2vw;margin-bottom: 2vw;}
.infobox div{padding: 2vw;font-size: 1.8vw;}
.infobox1{margin-bottom:80px;}
.scroll{height:110px; margin-bottom:25px}


.chk_form>div input + label {font-size: 1.6vw;}
.chk_form>div input + label span {width: 1.5vw;height: 1.5vw;margin-right: 0.3vw;}
.chk_form>div input + label span i{font-size: 1vw;}


.f_section{padding: 4vw 0;}
.f_section h5{font-size: 2vw;margin-bottom: 4vw;}

.f_section ul{display:flex;flex-wrap: wrap;justify-content: space-between;}
.f_section li{width: 100%;margin-bottom: 4vw;}

.f_section li h6{font-size: 1.8vw;margin-bottom: 1vw;}
.f_section li h6 i{font-size: 7px;}
 
.f_section li input[type="text"],.f_section li input[type="password"]{padding: 0 1vw;height: 6vw;font-size: 1.6vw;}
.f_section li.hp div{font-size: 2vw;}

.f_section li>span{height: 6vw;width: 7vw;line-height: 6vw;font-size:15px}

.content .file{width: 100%;margin-top: 1vw;}
.file div,.file span{height: 6vw;line-height: 6vw;font-size: 1.6vw;padding: 0 10px;}

.wr_content, #wr_content{height: 20vw;padding: 1vw;font-size: 1.6vw;}
}
@media (max-width:1299px){
img{ width:100%; }	
.process li:first-child{border-top: 1px solid #141414;}
}
@media (max-width:750px){
 .title{font-size: 4vw;margin-bottom: 7vw;}

.process{padding-bottom: 17vw;}
.process ul{display:flex;flex-wrap: wrap;/* justify-content: flex-start; */} 
.process li{width: 50%;}
.process li:nth-child(odd){text-align:right;padding: 5vw 5vw 5vw 9vw;}
.process li:nth-child(even){position: relative;top: 10vw;border-top: 1px solid #141414;border-bottom: 0;padding: 5vw 0 5vw 5vw;border-right: 0;}
.process li:nth-child(4){border-right:0;}
.process li:nth-child(7){
    border-bottom: 0;
}
.process li:last-child{}
.process li h5{font-size: 6vw;margin-bottom: 2vw;}
.process li h5 em{font-size: 4vw;margin-top: 3vw;}
.process li p{font-size: 3vw;line-height: 1.5em;}


.tab {margin-bottom:80px;}
.tab a{width: 30vw;height: 10vw;line-height: 9.5vw;font-size: 3.5vw;margin: 0 1vw;border-radius: 5vw;}


.contact_wrap,#bo_list{padding: 0 0 5%;}

.infobox h5{font-size: 4vw;margin-bottom: 3vw;}
.infobox div{padding: 3vw;font-size: 3vw;}
.infobox1{margin-bottom: 10vw;}
.scroll{height: 25vw;margin-bottom:25px}

.chk_form{flex-wrap: wrap;justify-content: flex-start;}
.chk_form>div{width:33%;padding: 1.5vw 0;}
.chk_form>div input + label {font-size: 3.5vw;}
.chk_form>div input + label span {width: 17px;height: 17px; margin-right:5px}
.chk_form>div input + label span i{font-size: 9px;}


.f_section{padding: 8vw 0;}
.f_section h5{font-size: 4vw;margin-bottom: 4vw;}

.f_section ul{display:flex;flex-wrap: wrap;justify-content: space-between;}
.f_section li{width: 100%;margin-bottom: 6vw;}

.f_section li h6{font-size: 3.5vw;margin-bottom: 2vw;line-height: 1.4em;word-break: keep-all;}
.f_section li h6 i{font-size: 1.2vw;}
 
.f_section li input[type="text"],.f_section li input[type="password"]{padding: 0 2vw;height: 10vw;font-size: 3.5vw;}
.f_section li.hp div{font-size: 3vw;}

.f_section li>span{height: 10vw;width: 10vw;line-height: 10vw;font-size:3vw}

.content .file{width: 100%;margin-top: 2vw;}
.file div,.file span{height: 10vw;line-height: 10vw;font-size: 3vw;padding: 0 2vw;}

.wr_content, #wr_content{height:50vw;padding:2vw;font-size: 3vw;}

.btn_confirm .btn{margin-top:0;}
}