@charset "utf-8";

/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0; font-family:  "Pretendard Variable", Pretendard; background:#fff; overflow:hidden}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-family:"Pretendard Variable", Pretendard; word-break:keep-all}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul,li, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family: "Pretendard Variable", Pretendard;font-size:1em}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {font-family: "Pretendard Variable", Pretendard; font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all; word-break:keep-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

input[type=text],input[type=password], textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}

input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
-webkit-box-shadow:0 0 5px #9ed4ff;
-moz-box-shadow:0 0 5px #9ed4ff;
box-shadow:0 0 5px #9ed4ff;
border:1px solid #558ab7 !important;
}

.placeholdersjs {color:#aaa !important}
.clearfix:after {content: " "; visibility: hidden; display: block; height: 0; clear: both;}
span { word-break:keep-all}



/*페이징{*/
.paging{margin-top:60px;}
.paging .pagination{}
.paging .page-link{
    color: #000;
    border: 0;
    opacity: .4;
	font-size: 1.1em;
}
.paging .page-link:hover{
    background: transparent;
    opacity: 1;	
}
.paging .page-link.active, .paging .active > .page-link{
    background: transparent;
    opacity: 1;
    border: 0;	
}
.paging .page-item:first-child .page-link, .paging .page-item:last-child .page-link{
    font-size: 1.5em;
    line-height: 1;	
}
@media (max-width: 980px) {
	
}	
/*}페이징*/


/*모달{*/
.sw_cs_modalBox{max-width:1000px;}
.sw_cs_inBox{padding: 0 20px;}
.sw_cs_inBox .sw_cs_in{padding: 20px 0;}
.sw_cs_inBox .sw_cs_in .sw_cs_tit{margin-bottom:20px;}
.sw_cs_inBox .sw_cs_in .sw_cs_tit h3 {
    font-size: 1.4em;
    font-weight: 800;
    letter-spacing: -0.5px;
}
.sw_cs_inBox .sw_cs_in .sw_cs_tit p {
    font-size: 1.1em;
    padding-top: 5px;
}
.sw_cs_inBox .sw_cs_opBox {
    background: #f8f8f8;
    padding: 15px 25px;
}
.sw_cs_inBox .sw_cs_opBox .sw_cs_op {
    padding: 10px 0;
}
.sw_cs_inBox .sw_cs_opBox .sw_cs_op .sw_cs_opTit {
    font-size: 1.2em;
    color: #000;
    font-weight: 600;
    padding-bottom: 7px;
}

.sw_cs_inBox .in_formBox{gap:20px;}
.sw_cs_inBox .in_formBox .in_form{padding:4px 0}
.sw_cs_inBox .in_formBox .in_form .iup_tit{
    font-size: 1em;
    color: #222;
    font-weight: 500;
    padding-bottom: 3px;	
	word-break: keep-all;
}
.sw_cs_inBox .in_formBox .in_form .iup_av{font-size: 1em; padding-bottom: 7px; color:#555}
.in_form_30{width: calc(33% - 10px);}
.in_form_50{width: calc(50% - 10px);}
.in_form_100{width: 100%;}

@media (max-width: 896px) {
	.in_form_30{width:100%;}
}
@media (max-width: 768px) {
	.sw_cs_modalBox{font-size:0.85em}
	.sw_cs_inBox{padding:0}
}
/*}모달*/


.sw_form_ck {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.sw_cs_opCk{}
.sw_cs_opCk span{font-size:1.05em}
.sw_cs_opCk label {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  margin-right: 15px;
  margin-bottom: 10px;
  font-size: 14px;
}
.sw_form_ck + span::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 2px solid #dee2e6;
  border-radius: 4px;
  margin-right: 8px;
  vertical-align: middle;
  transition: all 0.2s;
  background-color: #fff;
}
.sw_form_ck:checked + span::before {
  background-color: #0d6efd;
  border-color: #0d6efd;
  background-image: url(../img/blue_op_ck3.png);
  background-size: 100%;
}
.sw_cs_opCk label:hover .sw_form_ck + span::before {
  border-color: #0d6efd;
}
.in_form label.iup_tit_rq{position:relative;}
.in_form label.iup_tit_rq::after {
    content: '*';
    position: absolute;
    color: red;
    top: -3px;
    right: -10px;
}

/* 라디오 스타일 */
.radio-title {
  font-weight: 500;
  margin-bottom: 8px;
  font-size: 15px;
}

/* 기본 라디오 숨기기 및 외형 설정 */
.custom-radio {
  width: 22px !important;
  height: 22px !important;
  margin-top: 0.1rem !important;
  cursor: pointer;
  border: 1px solid #ced4da !important;
  background-color: #fff !important;
  position: relative;
}

/* 체크되었을 때 스타일 */
.custom-radio:checked {
  background-color: #0d6efd !important;
  border-color: #0d6efd !important;
  background-image: none !important;
}

/* 체크되었을 때 나타나는 흰색 체크 아이콘 */
.custom-radio:checked::after {
  content: '✓';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}

.custom-radio:focus {
  box-shadow: none !important;
  border-color: #0d6efd !important;
}

.form-check-label {
  cursor: pointer;
  padding-left: 5px;
  font-size: 1.1em;
  color: #555;
}


.agreements_box {
    border: 1px solid #f8f8f8;
    background: #f8f8f8;
    height: 180px;
    padding: 15px 20px;
    overflow-y: scroll;
}
.agreements_box.sp_agBox{height: 120px;}
.agreements_box h6{
    padding: 10px 0 4px;
    font-size: 1em;
    font-weight: 600;	
}
.agreements_box p {
    font-size: 0.9em;
    margin-bottom: 10px;
    line-height: 1.5;
	color: #555;
}

/* 첨부파일{ */
.fileBtn{background-color: #0d6efd; color:#fff; font-size:1em;border-radius: 4px;}
.fileBtn:active, .fileBtn:hover{background-color: #0a58ca; color:#fff; }
.file-item {
    background-color: #c4c4c4 !important;
    color: #ffffff !important;
    padding: 10px 15px;
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    font-size: 14px;
}

.btn-remove-file {
    background: transparent;
    border: none;
    color: #fff;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    padding: 0 5px;
}
/* }첨부파일 */



/*폰트크기*/
.con_titBox{text-align: center; margin-bottom: 60px;}
.con_titBox h5 {
    font-size: 1.4em;
    font-weight: 500;
    margin-bottom: 15px;
	opacity: .7;
}

.con_titBox h3{
    font-size: 2.2em;
    font-weight: 800;	
}
.con_titBox p {
    font-size: 1.25em;
    margin-top: 13px;
    color: #333;
}

.sub_con_titBox{text-align: center; margin-bottom: 60px;}
.sub_con_titBox h5{
    font-size: 1.25em;
    font-weight: 500;	
	margin-bottom: 20px;
}
.sub_con_titBox h3{
    font-size: 1.9em;
    font-weight: 800;	
}
.sub_con_titBox p {
    font-size: 1.2em;
    margin-top: 20px;
    color: #333;
}

.sb_txtBox{}
.sb_txtBox .sb_txt_po {
    font-size: 1.03em;
    font-weight: 700;
    display: inline-block;
    border-bottom: 2px solid #0083db;
    line-height: 1.4;
}
.sb_txtBox h5{font-size: 1.35em; font-weight: 700;}
.sb_txtBox p{font-size: 1.05em;}

.sb_txtBox2 h5{font-size: 1.4em; font-weight: 700;}
.sb_txtBox2 p {
    font-size: 1.08em;
    line-height: 1.4;
    letter-spacing: -0.8px;
}

@media (max-width: 980px) {
	
}
@media (max-width: 768px) {
	.con_titBox{margin-bottom: 30px;}	
	.con_titBox h3{font-size:2em}
	.con_titBox h3 br{display:none}
	.con_titBox p {font-size: 1.15em; margin-top: 15px;}
	.con_titBox p br{display:none}
	.sub_con_titBox{}	
	.sb_txtBox{}
	.sb_txtBox2{}
	
}
/*폰트크기*/



/*공통*/
.con_wrap{padding:105px 0;}
.inner {width:100%; max-width:1460px; margin:0 auto; padding:0 20px;}

.con_topBox{margin-top:85px}

.color_wh{color:#fff !important}
.color_po1{color:#0083db !important}
.color_po2{color:#ff8c04 !important}

.bold_600{font-weight:600}
.bold_700{font-weight:700}
.bold_900{font-weight:900}

@media (max-width: 1280px) {
	.con_topBox{margin-top:70px}	
}
@media (max-width: 980px) {
	.con_wrap{font-size:0.9em}
	.con_poBox{font-size:0.9em}
	.con_topBox{font-size:0.9em}
}

@media (max-width: 768px) {
	.con_wrap{padding:80px 0; font-size:0.8em}	
	.con_poBox{font-size:0.8em}	
	.con_topBox{font-size:0.8em}	

}
/*공통*/



/*공통-버튼*/
.inBtn{ }
.inBtn a, .inBtn button{
    display: inline-block;
    width: 165px;
	border:2px solid #eee;
  	background-color: #eee;
    border-radius: 5px;  
	text-align:center;
	font-size: 1.1em; 
	font-weight: 500;
}
.inBtn a:hover, .inBtn button:hover{background-color: #999;}

.inBtn1 a, .inBtn1 button{
	border:2px solid #0083db;
	background-color: #0083db;
    padding: 10px 8px;
    box-sizing: border-box;
    transition: background-color 0.3s;	
	color:#fff;		
	font-size: 1.1em; 
	font-weight: 500;	
}
.inBtn1 a:hover, .inBtn1 button:hover{border:2px solid #0056b3; background-color: #0056b3;}

.inBtn2 a, .inBtn2 button{
	border:2px solid #fff;	
	background-color: transparent;
    padding: 10px 8px;
    box-sizing: border-box;
    transition: background-color 0.3s;	
	color:#fff;	
	font-size: 1.1em; 
	font-weight: 500;	
}
.inBtn2 a:hover, .inBtn2 button:hover{background-color: #fff; color:#000}

.sb_Btn1{}
.sb_Btn1 a{
	display: inline-block;	
	border:2px solid #0083db;
	background-color: #0083db;
	border-radius: 5px;  
    box-sizing: border-box;
    transition: background-color 0.3s;
    color: #fff;
	padding: 8px 13px;
	font-size: 1em; 
	font-weight: 500;
}
.sb_Btn1 a:hover{border:2px solid #0056b3; background-color: #0056b3;}

@media (max-width: 980px) {}
/*공통-버튼*/


/* 체크박스 크기 키우기 */
.form-check-input {
  width: 1.5em;
  height: 1.5em;
  cursor: pointer;
}

/* 체크됐을 때 배경색 바꾸기 (예: 검정색) */
.form-check-input:checked {
  background-color: #000;
  border-color: #000;
}

/* 포커스 되었을 때 테두리 그림자 제거 또는 변경 */
.form-check-input:focus {
  box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.1);
  border-color: #000;
}