@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.bond_listbox{width:100%;  float: left;  display: grid; grid-template-columns: repeat(4, 1fr); gap:20px;  }	
.bond_listbox>.bond_list {width: 100%;	 float: left; position: relative;	border: 1px solid #ccc; border-radius: 20px; background-color: #fff; padding: 30px;  transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s;  cursor: pointer}
.bond_listbox>.bond_list:hover{	border: 1px solid #ccc; border-radius: 20px; background-color:var(--div-color2); padding: 30px}
.bond_listbox>.bond_list .bond_list_tit{width:100%; float: left; font-family: 'Pretendard';  color:var(--div-color2);   font-weight: 700; font-size:23px; line-height: 130%; word-wrap: break-word;word-break: keep-all; margin-bottom: 20px;  transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s;}
.bond_listbox>.bond_list:hover .bond_list_tit{width:100%; float: left; font-family: 'Pretendard';  color:#fff;   font-weight: 700; font-size:23px; line-height: 130%; word-wrap: break-word;word-break: keep-all; ; margin-bottom: 20px}
.bond_listbox>.bond_list .bond_list_txt{width:100%; float: left; font-family: 'Pretendard';  color:#666;   font-weight: 500; font-size:17px; line-height: 130%; word-wrap: break-word;word-break: keep-all; transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s;}
.bond_listbox>.bond_list:hover .bond_list_txt{width:100%; float: left; font-family: 'Pretendard';  color:rgba(255,255,255,0.59);   font-weight: 500; font-size:17px; line-height: 130%; word-wrap: break-word;word-break: keep-all; }
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.bond_listbox{width:100%;  float: left;  display: grid; grid-template-columns: repeat(4, 1fr); gap:20px;  }	
.bond_listbox>.bond_list {width: 100%;	 float: left; position: relative;	border: 1px solid #ccc; border-radius: 20px; background-color: #fff; padding: 30px; 
}
.bond_listbox>.bond_list:hover{	border: 1px solid #ccc; border-radius: 20px; background-color:var(--div-color2); padding: 30px}
.bond_listbox>.bond_list .bond_list_tit{width:100%; float: left; font-family: 'Pretendard';  color:var(--div-color2);   font-weight: 700; font-size:23px; line-height: 130%; word-wrap: break-word;word-break: keep-all; margin-bottom: 20px}
.bond_listbox>.bond_list:hover .bond_list_tit{width:100%; float: left; font-family: 'Pretendard';  color:#fff;   font-weight: 700; font-size:23px; line-height: 130%; word-wrap: break-word;word-break: keep-all; ; margin-bottom: 20px}
.bond_listbox>.bond_list .bond_list_txt{width:100%; float: left; font-family: 'Pretendard';  color:#666;   font-weight: 500; font-size:17px; line-height: 130%; word-wrap: break-word;word-break: keep-all;}
.bond_listbox>.bond_list:hover .bond_list_txt{width:100%; float: left; font-family: 'Pretendard';  color:#999;   font-weight: 500; font-size:17px; line-height: 130%; word-wrap: break-word;word-break: keep-all; }	

}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/











/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.bond_wrap{width: 100%; float:left; height:auto;   padding: 50px 0px }
.bond_wrap .bond_inbox{width:100%; float:left;  display: grid; grid-template-columns: repeat(3, 1fr);  grid-gap: 30px; }
 
.bond_wrap .bond_inbox .bond_title { width:100%; float:left; font-size:20px; font-family: 'Pretendard'; font-weight:700;  margin-bottom:30px; color:#000 }
.bond_wrap .bond_inbox .bond_title2 { width:100%; float:left; font-size:20px; font-family: 'Pretendard'; font-weight:700;  margin-bottom:20px; color:#000 }	
.bond_wrap .bond_inbox .bond_text { width:100%; float:left; font-size:16px; font-family: 'Pretendard'; font-weight:500;  margin-bottom:30px; color:#333 }
	
.bond_wrap .bond_inbox .bond_text2 { width:100%; float:left; font-size:16px; font-family: 'Pretendard'; font-weight:500;  margin-bottom:10px; color:#333 }	
.bond_wrap .bond_inbox .bond_text2 em{  font-size:18px; font-family: 'Pretendard'; font-weight:700;   color:var(--div-color1); line-height: 150%}		
	
.bond_set {   float:left; width:100%;  border-radius: 10px; box-shadow:0px 0px 10px 10px rgba(17,17,17,0.02);  background-color: #fff ; padding: 20px 30px; display: flex; flex-direction: column;
 grid-gap: 20px; }
	
	
	
.bond_set:last-child{   grid-column: span 2;}
		
	
.bond_set .bond_qbox{ float:left; width:100%; padding-left:40px; position: relative; margin-bottom: 0px }
.bond_set .bond_qbox:before{ content: "Q";   font-family: "Rubik", sans-serif;  position: absolute;left: 0px; top: 10px;   font-size: 40PX; }	
	
.bond_set .bond_qbox .tit1{ float:left;  width:100%; color: #333 ; font-weight: 700; font-size: 16pㅈ; margin-bottom: 5px }
.bond_set .bond_qbox .tit2{ float:left; width:100%; color: #666; font-size: 14px; }
	
.bond_set .bond_abox{ float:left; width:100%; padding-left: 40px;   position: relative }
.bond_set .bond_abox:before{ content: "\e9a7";    font-family: unicons-line;f loat:left;width:auto;color:#004efb;font-weight: 700; font-size: 26px; margin-bottom: 5px ;position: absolute; left:5PX; top:10PX}
.bond_set .bond_abox .input2{ float:left; width:100%; color: #666; font-size: 16px; }
	
	
	
	
.bond_set .bond_inwrap{ float:left; width: 100%; display: grid; grid-template-columns:auto 50%; gap:5px;  position: relative }
.bond_set .bond_inwrap>div:first-child:before{ float:left; width: 100%;content: "";   height: 1px; border-bottom: 1px dashed #ccc ; position: absolute; bottom: 0px; left: 0px}
	
	
	
.bond_inwrap input[type=text] {width: 100%; height:  var(--h-com); padding:  0px 10px; line-height: var(--h-com); color: #333; border: solid 1px #cccccc; font-size:var(--f-s1);  font-family: 'Pretendard'; font-weight:400; background-color: #ffffff!important; border-radius: 4px !important;}
.bond_inwrap input[type=text]:hover { border: 1px solid #ccc!important;  outline: none!important}
.bond_inwrap input[type=text]:focus{width:100%; position: relative; height: var(--h-com); padding: 0px 10px; line-height:  var(--h-com);; color: #333; font-size:14px; font-family: 'Pretendard'; font-weight:400;  background-color:#fff; border-radius:4px !important;  border: 1px solid #333!important; 
	position: relative; outline: none!important}
.bond_inwrap input[type=text]:focus:hover {border: 1px solid #333!important;  background-color: #fff!important;  box-shadow:1px 1px 10px rgba(24,43,255,0.1);outline: none!important}

.search_btn2 { width: 100%; height:var(--h-com)!important; line-height: var(--h-com)!important; float:left; padding:0px 30px 0px 10px; box-sizing: border-box; color: #fff; font-size: 14px; font-weight:500; font-family: 'Pretendard'; position: relative ;  border-radius: 4px; background-color:#000; transition: all 0.3s; box-shadow: 3px 3px 10px rgb(0 0 0 / 30%);cursor: pointer} 
.search_btn2:before{content: "\e99a";   font-family: unicons-line; color: #fff;  width:40px; height:40px; size:40px; position: absolute; right:10px; top:0px; }		
	
	
.info_use2 { float:left; width:100%;  color:#ff0000; font-size:15px; line-height:130%;  font-weight:500; font-family: 'Pretendard'; position: relative; padding-left: 25px; margin: 15px 0px; }
.info_use2:before{content: "";   width:20px; height: 20px; background: url("../../images/svg_icon/info_use_icon.svg")no-repeat left top; background-size: 20px; position: absolute; left:0px; top:0px; 	}	

	
.info_table { float:left; width:100%;  color:#333; font-size:15px; line-height:130%;  font-weight:500; font-family: 'Pretendard';  margin-bottom: 15px }	
	
	
.bond_box{ width:100%;  float: left;  display: flex;
justify-content:flex-end;  align-items: center; flex-direction:row; box-sizing: border-box;   gap:20px }	

.bond_box .bond_btn{ width:auto;  padding:20px 80px; box-sizing: border-box; color: #fff; font-size: 16px; font-weight:600; font-family: 'Pretendard'; position: relative ;  border-radius:10px; background-color: var(--div-com2); margin-top: 20px; transition: all 0.3s; box-shadow: 3px 3px 10px rgb(0 0 0 / 30%); margin-bottom: 30px;cursor: pointer} 
.bond_box .bond_btn:hover {  background-color: var(--div-color1); }	
.bond_box .bond_tx{ float:left;  color:#000; font-size:15px; line-height:130%;  font-weight:700; font-family: 'Pretendard';  margin-bottom: 15px }
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
	.bond_wrap .bond_inbox{width:100%; float:left;  display: grid; grid-template-columns: repeat(2, 1fr);  grid-gap: 30px; }
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
	
	.bond_wrap{width: 100%; float:left; height:auto;   padding: 50px 0px 20px }
.bond_wrap .bond_inbox{width:100%; float:left; display: grid; flex-direction: column;display: grid; grid-template-columns: repeat(1, 1fr)!important;grid-gap: 10PX;
 }
 
.bond_wrap .bond_inbox .bond_title { width:100%; float:left; font-size:20px; font-family: 'Pretendard'; font-weight:700;  margin-bottom:30px; color:#000 }
.bond_wrap .bond_inbox .bond_title2 { width:100%; float:left; font-size:20px; font-family: 'Pretendard'; font-weight:700;  margin-bottom:20px; color:#000 }	
.bond_wrap .bond_inbox .bond_text { width:100%; float:left; font-size:16px; font-family: 'Pretendard'; font-weight:500;  margin-bottom:30px; color:#333 }
	
.bond_wrap .bond_inbox .bond_text2 { width:100%; float:left; font-size:16px; font-family: 'Pretendard'; font-weight:500;  margin-bottom:10px; color:#333 }	
.bond_wrap .bond_inbox .bond_text2 em{  font-size:18px; font-family: 'Pretendard'; font-weight:700;   color:var(--div-color1); line-height: 150%}		
	
.bond_set {   float:left; width:100%;  border-radius: 10px; box-shadow:0px 0px 10px 10px rgba(17,17,17,0.02);  background-color: #fff ; padding: 20px 30px; display: flex; flex-direction: column;
 grid-gap: 20px; }
	

		
	
.bond_set .bond_qbox{ float:left; width:100%; padding-left:40px; position: relative; margin-bottom: 0px }
.bond_set .bond_qbox:before{ content: "Q";   font-family: "Rubik", sans-serif;  position: absolute;left: 0px; top: 10px;   font-size: 40PX; }	
	
.bond_set .bond_qbox .tit1{ float:left;  width:100%; color: #333 ; font-weight: 700; font-size: 16pㅈ; margin-bottom: 5px }
.bond_set .bond_qbox .tit2{ float:left; width:100%; color: #666; font-size: 14px; }
	
.bond_set .bond_abox{ float:left; width:100%; padding-left: 40px;   position: relative }
.bond_set .bond_abox:before{ content: "\e9a7";    font-family: unicons-line;f loat:left;width:auto;color:#004efb;font-weight: 700; font-size: 26px; margin-bottom: 5px ;position: absolute; left:5PX; top:10PX}
.bond_set .bond_abox .input2{ float:left; width:100%; color: #666; font-size: 16px; }
	
	
	
	
.bond_set .bond_inwrap{ float:left; width: 100%; display: grid; grid-template-columns:auto 50%; gap:5px;  position: relative }
.bond_set .bond_inwrap>div:first-child:before{ float:left; width: 100%;content: "";   height: 1px; border-bottom: 1px dashed #ccc ; position: absolute; bottom: 0px; left: 0px}
	
	
	

.search_btn2 { width: 100%; height:var(--h-com)!important; line-height: var(--h-com)!important; float:left; padding:0px 30px 0px 10px; box-sizing: border-box; color: #fff; font-size: 14px; font-weight:500; font-family: 'Pretendard'; position: relative ;  border-radius: 4px; background-color:#000; transition: all 0.3s; box-shadow: 3px 3px 10px rgb(0 0 0 / 30%);cursor: pointer} 
.search_btn2:before{content: "\e99a";   font-family: unicons-line; color: #fff;  width:40px; height:40px; size:40px; position: absolute; right:10px; top:0px; }		
	
	
.info_use2 { float:left; width:100%;  color:#ff0000; font-size:15px; line-height:130%;  font-weight:500; font-family: 'Pretendard'; position: relative; padding-left: 25px; margin: 15px 0px; }
.info_use2:before{content: "";   width:20px; height: 20px; background: url("../../images/svg_icon/info_use_icon.svg")no-repeat left top; background-size: 20px; position: absolute; left:0px; top:0px; 	}	

	
.info_table { float:left; width:100%;  color:#333; font-size:15px; line-height:130%;  font-weight:500; font-family: 'Pretendard';  margin-bottom: 15px }	
	

.bond_box .bond_btn{ width:auto;  padding:20px 80px; box-sizing: border-box; color: #fff; font-size: 16px; font-weight:600; font-family: 'Pretendard'; position: relative ;  border-radius:10px; background-color: var(--div-com2); margin-top: 20px; transition: all 0.3s; box-shadow: 3px 3px 10px rgb(0 0 0 / 30%); margin-bottom: 30px;cursor: pointer} 
.bond_box .bond_btn:hover {  background-color: var(--div-color1); }	
.bond_box .bond_tx{ float:left;  color:#000; font-size:15px; line-height:130%;  font-weight:700; font-family: 'Pretendard';  margin-bottom: 15px }


}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/











/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.guide_book_banner { float:left; width:100%;  }
.guide_book_banner  .guide_book_info{ float:left; width:100%;  color:#333; font-size:17px; line-height:130%;  font-weight:500; font-family: 'Pretendard';  margin-bottom: 15px ; position: relative; padding-left: 35px}
.guide_book_banner  .guide_book_info:before{content: "";   width:30px; height: 30px; background: url("../../images/svg_icon/click_icon.svg")no-repeat left top; background-size: 30px; position: absolute; left:0px; top:-5px; 	}	
.guide_book_banner  .guide_book_img{ float:left; width:100%;  }	
.guide_book_banner  .guide_book_img img{ cursor:pointer ; border-radius: 15px }	
	
.guide_book_banner  .guide_book_img2{ float:left; width:100%;  border: 1px solid #ccc}	
.guide_book_banner  .guide_book_img2 img{ float:left; width:100%; }		
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {


}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/








/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {

.bond_set  .bond_titbox{ float:left; width:100%;  display: flex;
justify-content:space-between;  align-items: center; flex-direction:row; box-sizing: border-box; }	
	
.bond_set  .bond_titbox .bond_tit { float:left; width:100%; font-family: 'Pretendard'; font-weight:700; font-size: 18px; margin-bottom: 10px;color:#333; letter-spacing: -1px}	
.bond_set  .bond_titbox .bond_tit em{ color:#ff0000; }		
.bond_set  .bond_titbox .fed_icon{  width:25px; height: 25px;   position: relative; }	
.bond_set  .bond_titbox .fed_icon:before{content: "";   width:25px; height: 25px; background: url("../../images/svg_icon/fed_icon.svg")no-repeat; background-size: 25px; position: absolute; left:0px; top:0px}		


	
.bond_set  .bond_titbox .fed_icon .tooltiptext{  visibility: hidden;
  width: 130px;
  background-color: #ff0000;
  border-radius: 10px;  padding: 10px;  font-family: 'Pretendard'; font-weight:500; font-size: 14px;color:#fff; letter-spacing: -1px ; 
 /* Position the tooltip text - see examples below! */	
 position: absolute; z-index: 1;
	 right:35px; top:0px}		
	
/* Show the tooltip text when you mouse over the tooltip container */
.bond_set  .bond_titbox .fed_icon:hover .tooltiptext {
  visibility: visible;
}
	
	
.bond_set  .bond_titbox .fed_icon .tooltiptext::after {
  content: " ";
  position: absolute;
  top: 20px;
  left: 100%; /* To the right of the tooltip */
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent  transparent red;
}	
	

	
	
	
.bond_set .bond_txt { float:left; width:100%; font-family: 'Pretendard'; font-weight:500; font-size: 16px; margin-bottom: 20px;color:#666; letter-spacing: -1px}	
.bond_set .bond_down a{ float:left; width:100%; font-family: 'Pretendard'; font-weight:500; font-size: 16px; margin-bottom: 20px; margin-top: -10px; color:var(--div-color1); letter-spacing: -1px}
	
	
.bond_set .bond_tit2 { float:left; width:100%; font-family: 'Pretendard'; font-weight:500; font-size: 16px; margin-bottom: 10px;color:#666; letter-spacing: -1px}	
	
.bond_set .bond_tit3 { float:left; width:100%; font-family: 'Pretendard'; font-weight:700; font-size: 18px; margin-bottom: 10px;color:#333; letter-spacing: -1px; margin-top: 30px; padding-left: 30px; position: relative}		
.bond_set .bond_tit3:before{content: "";   width:25px; height: 25px; background: url("../../images/svg_icon/fed_icon02.svg")no-repeat; background-size: 25px; position: absolute; left:0px; top:-3px ; }	
	
.bond_set .bond_inwrap2{ float:left; width: 100%;  }	
	
.bond_inwrap2 input[type=text] {width: 100%; height:  var(--h-com); padding:  0px 10px; line-height: var(--h-com); color: #333; border: solid 1px #cccccc; font-size:var(--f-s1);  font-family: 'Pretendard'; font-weight:400; background-color: #ffffff!important; border-radius: 4px !important;}
.bond_inwrap2 input[type=text]:hover { border: 1px solid #ccc!important;  outline: none!important}
.bond_inwrap2 input[type=text]:focus{width:100%; position: relative; height: var(--h-com); padding: 0px 10px; line-height:  var(--h-com);; color: #333; font-size:14px; font-family: 'Pretendard'; font-weight:400;  background-color:#fff; border-radius:4px !important;  border: 1px solid #333!important; 
	position: relative; outline: none!important}
.bond_inwrap2 input[type=text]:focus:hover {border: 1px solid #333!important;  background-color: #fff!important;  box-shadow:1px 1px 10px rgba(24,43,255,0.1);outline: none!important}

	
	


.bond_inwrap2 input[type=textarea] {width: 100%; height:100px; padding:  0px 10px; line-height:100px; color: #333; border: solid 1px #cccccc; font-size:var(--f-s1);  font-family: 'Pretendard'; font-weight:400; background-color: #ffffff!important; border-radius: 4px !important;}
.bond_inwrap2 input[type=textarea]:hover { border: 1px solid #ccc!important;  outline: none!important}
.bond_inwrap2 input[type=textarea]:focus{width:100%; position: relative; height:100px; padding: 0px 10px; line-height: 100px; color: #333; font-size:14px; font-family: 'Pretendard'; font-weight:400;  background-color:#fff; border-radius:4px !important;  border: 1px solid #333!important; 
	position: relative; outline: none!important}
.bond_inwrap2 input[type=textarea]:focus:hover {border: 1px solid #333!important;  background-color: #fff!important;  box-shadow:1px 1px 10px rgba(24,43,255,0.1);outline: none!important}	
	

	
	
	

.bond_set .bond_inwrap3{width:100%;  float:left;  display: grid; grid-template-columns: repeat(4, 1fr);   
 align-items: center; box-sizing: border-box; }		
.bond_set .bond_inwrap3>div{width:100%;  }			
	
.upload_img	{width:100%;  float:left;  display: grid; grid-template-columns: repeat(6, 1fr);  gap:20px; }
.upload_img>.upload_inimg{width:100%;  float:left;  position: relative}	
.upload_img>.upload_inimg img{width:100%;  float:left;  }		
.upload_img>.upload_inimg .close{width:100%;   width:20px; height: 20px; background: url("../../images/svg_icon/upload_img03.svg")no-repeat; background-size: 20px; position: absolute; left:10px; top:10px }		


	
	
	
.file_outbox{ width: 100%; float: left; position: relative}
	
.file_input { position: relative;  display: flex;
justify-content:flex-end;  align-items: center; flex-direction:row; box-sizing: border-box; }
.file_input label {  position:absolute;    cursor:pointer;    display:inline-block;    vertical-align:middle;    overflow:hidden;
    width:140px!important;
    height: var(--h-com);
    background:#000;
    color:#fff;
    text-align:center !important;
    line-height: var(--h-com)!important; right: 0px; top: 0px; z-index: 999; font-size: 15px; padding-left:30px;
	font-family: 'Pretendard'; font-weight:700; position: relative
}
	
.file_input label:before{
content: "";position: absolute; left: 20px; top:10px; width:22px; height: 22px; background: url("../../images/svg_icon/upload_img04.svg")no-repeat; background-size: 22px;
}

.file_input label input {  position:absolute;    width:0;    height:0;    overflow:hidden; display: nonel ;}


	
.file_input label input[type=text] {width: 100%; height:  var(--h-com); padding:  0px 10px; line-height: var(--h-com); color: #333; border: solid 1px #cccccc; font-size:var(--f-s1);  font-family: 'Pretendard'; font-weight:400; background-color: #ffffff!important; border-radius: 4px !important;}
.file_input label input[type=text]:hover { border: 1px solid #ccc!important;  outline: none!important}
.file_input label input[type=text]:focus{width:100%; position: relative; height: var(--h-com); padding: 0px 10px; line-height:  var(--h-com);; color: #333; font-size:14px; font-family: 'Pretendard'; font-weight:400;  background-color:#fff; border-radius:4px !important;  border: 1px solid #333!important; 
	position: relative; outline: none!important}
.file_input label input[type=text]:focus:hover {border: 1px solid #333!important;  background-color: #fff!important;  box-shadow:1px 1px 10px rgba(24,43,255,0.1);outline: none!important}	
	
	
.search_btn2 { width: 100%; height:var(--h-com)!important; line-height: var(--h-com)!important; float:left; padding:0px 30px 0px 10px; box-sizing: border-box; color: #fff; font-size: 14px; font-weight:500; font-family: 'Pretendard'; position: relative ;  border-radius: 4px; background-color:#000; transition: all 0.3s; box-shadow: 3px 3px 10px rgb(0 0 0 / 30%);cursor: pointer} 
.search_btn2:before{content: "\e99a";   font-family: unicons-line; color: #fff;  width:40px; height:40px; size:40px; position: absolute; right:10px; top:0px; }		
	
	
.info_use2 { float:left; width:100%;  color:#ff0000; font-size:15px; line-height:130%;  font-weight:500; font-family: 'Pretendard'; position: relative; padding-left: 25px; margin: 15px 0px; }
.info_use2:before{content: "";   width:20px; height: 20px; background: url("../../images/svg_icon/info_use_icon.svg")no-repeat left top; background-size: 20px; position: absolute; left:0px; top:0px; 	}	

	
.info_table { float:left; width:100%;  color:#333; font-size:15px; line-height:130%;  font-weight:500; font-family: 'Pretendard';  margin-bottom: 15px }	
	
	
.bond_box{ width:100%;  float: left;  display: flex;
justify-content:flex-end;  align-items: center; flex-direction:row; box-sizing: border-box;   gap:20px }	

.bond_box .bond_btn{ width:auto;  padding:20px 80px; box-sizing: border-box; color: #fff; font-size: 16px; font-weight:600; font-family: 'Pretendard'; position: relative ;  border-radius:10px; background-color: var(--div-com2); margin-top: 20px; transition: all 0.3s; box-shadow: 3px 3px 10px rgb(0 0 0 / 30%); margin-bottom: 30px;cursor: pointer} 
.bond_box .bond_btn:hover {  background-color: var(--div-color1); }	
.bond_box .bond_tx{ float:left;  color:#000; font-size:15px; line-height:130%;  font-weight:700; font-family: 'Pretendard';  margin-bottom: 15px }
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {

.bond_set  .bond_titbox{ float:left; width:100%;  display: flex;
justify-content:space-between;  align-items: center; flex-direction:row; box-sizing: border-box; }	
	
.bond_set  .bond_titbox .bond_tit { float:left; width:100%; font-family: 'Pretendard'; font-weight:700; font-size: 18px; margin-bottom: 10px;color:#333; letter-spacing: -1px}	
.bond_set  .bond_titbox .bond_tit em{ color:#ff0000; }		
.bond_set  .bond_titbox .fed_icon{  width:25px; height: 25px;   position: relative; }	
.bond_set  .bond_titbox .fed_icon:before{content: "";   width:25px; height: 25px; background: url("../../images/svg_icon/fed_icon.svg")no-repeat; background-size: 25px; position: absolute; left:0px; top:0px}		


	
.bond_set  .bond_titbox .fed_icon .tooltiptext{  visibility: hidden;
  width: 130px;
  background-color: #ff0000;
  border-radius: 10px;  padding: 10px;  font-family: 'Pretendard'; font-weight:500; font-size: 14px;color:#fff; letter-spacing: -1px ; 
 /* Position the tooltip text - see examples below! */	
 position: absolute; z-index: 1;
	 right:35px; top:0px}		
	
/* Show the tooltip text when you mouse over the tooltip container */
.bond_set  .bond_titbox .fed_icon:hover .tooltiptext {
  visibility: visible;
}
	
	
.bond_set  .bond_titbox .fed_icon .tooltiptext::after {
  content: " ";
  position: absolute;
  top: 20px;
  left: 100%; /* To the right of the tooltip */
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent  transparent red;
}	
	

	
	
	
.bond_set .bond_txt { float:left; width:100%; font-family: 'Pretendard'; font-weight:500; font-size: 16px; margin-bottom: 20px;color:#666; letter-spacing: -1px}	
.bond_set .bond_down a{ float:left; width:100%; font-family: 'Pretendard'; font-weight:500; font-size: 16px; margin-bottom: 20px; margin-top: -10px; color:var(--div-color1); letter-spacing: -1px}
	
	
.bond_set .bond_tit2 { float:left; width:100%; font-family: 'Pretendard'; font-weight:500; font-size: 16px; margin-bottom: 10px;color:#666; letter-spacing: -1px}	
	
.bond_set .bond_tit3 { float:left; width:100%; font-family: 'Pretendard'; font-weight:700; font-size: 18px; margin-bottom: 10px;color:#333; letter-spacing: -1px; margin-top: 30px; padding-left: 30px; position: relative}		
.bond_set .bond_tit3:before{content: "";   width:25px; height: 25px; background: url("../../images/svg_icon/fed_icon02.svg")no-repeat; background-size: 25px; position: absolute; left:0px; top:-3px ; }	
	
.bond_set .bond_inwrap2{ float:left; width: 100%;  }	
	
.bond_inwrap2 input[type=text] {width: 100%; height:  var(--h-com); padding:  0px 10px; line-height: var(--h-com); color: #333; border: solid 1px #cccccc; font-size:var(--f-s1);  font-family: 'Pretendard'; font-weight:400; background-color: #ffffff!important; border-radius: 4px !important;}
.bond_inwrap2 input[type=text]:hover { border: 1px solid #ccc!important;  outline: none!important}
.bond_inwrap2 input[type=text]:focus{width:100%; position: relative; height: var(--h-com); padding: 0px 10px; line-height:  var(--h-com);; color: #333; font-size:14px; font-family: 'Pretendard'; font-weight:400;  background-color:#fff; border-radius:4px !important;  border: 1px solid #333!important; 
	position: relative; outline: none!important}
.bond_inwrap2 input[type=text]:focus:hover {border: 1px solid #333!important;  background-color: #fff!important;  box-shadow:1px 1px 10px rgba(24,43,255,0.1);outline: none!important}

	
	


.bond_inwrap2 input[type=textarea] {width: 100%; height:100px; padding:  0px 10px; line-height:100px; color: #333; border: solid 1px #cccccc; font-size:var(--f-s1);  font-family: 'Pretendard'; font-weight:400; background-color: #ffffff!important; border-radius: 4px !important;}
.bond_inwrap2 input[type=textarea]:hover { border: 1px solid #ccc!important;  outline: none!important}
.bond_inwrap2 input[type=textarea]:focus{width:100%; position: relative; height:100px; padding: 0px 10px; line-height: 100px; color: #333; font-size:14px; font-family: 'Pretendard'; font-weight:400;  background-color:#fff; border-radius:4px !important;  border: 1px solid #333!important; 
	position: relative; outline: none!important}
.bond_inwrap2 input[type=textarea]:focus:hover {border: 1px solid #333!important;  background-color: #fff!important;  box-shadow:1px 1px 10px rgba(24,43,255,0.1);outline: none!important}	
	

	
	
	

.bond_set .bond_inwrap3{width:100%;  float:left;  display: grid; grid-template-columns: repeat(4, 1fr);   
 align-items: center; box-sizing: border-box; }		
.bond_set .bond_inwrap3>div{width:100%;  }			
	
.upload_img	{width:100%;  float:left;  display: grid; grid-template-columns: repeat(2, 1fr);  gap:5px; }
.upload_img>.upload_inimg{width:100%;  float:left;  position: relative}	
.upload_img>.upload_inimg img{width:100%;  float:left;  }		
.upload_img>.upload_inimg .close{width:100%;   width:20px; height: 20px; background: url("../../images/svg_icon/upload_img03.svg")no-repeat; background-size: 20px; position: absolute; left:10px; top:10px }		


	
	
	
.file_outbox{ width: 100%; float: left; position: relative}
	
.file_input { position: relative;  display: flex;
justify-content:flex-end;  align-items: center; flex-direction:row; box-sizing: border-box; }
.file_input label {  position:absolute;    cursor:pointer;    display:inline-block;    vertical-align:middle;    overflow:hidden;
    width:140px!important;
    height: var(--h-com);
    background:#000;
    color:#fff;
    text-align:center !important;
    line-height: var(--h-com)!important; right: 0px; top: 0px; z-index: 999; font-size: 15px; padding-left:30px;
	font-family: 'Pretendard'; font-weight:700; position: relative
}
	
.file_input label:before{
content: "";position: absolute; left: 10px; top:10px; width:22px; height: 22px; background: url("../../images/svg_icon/upload_img04.svg")no-repeat; background-size: 22px;
}

.file_input label input {  position:absolute;    width:0;    height:0;    overflow:hidden; display: nonel ;}


	
.file_input label input[type=text] {width: 100%; height:  var(--h-com); padding:  0px 10px; line-height: var(--h-com); color: #333; border: solid 1px #cccccc; font-size:var(--f-s1);  font-family: 'Pretendard'; font-weight:400; background-color: #ffffff!important; border-radius: 4px !important;}
.file_input label input[type=text]:hover { border: 1px solid #ccc!important;  outline: none!important}
.file_input label input[type=text]:focus{width:100%; position: relative; height: var(--h-com); padding: 0px 10px; line-height:  var(--h-com);; color: #333; font-size:14px; font-family: 'Pretendard'; font-weight:400;  background-color:#fff; border-radius:4px !important;  border: 1px solid #333!important; 
	position: relative; outline: none!important}
.file_input label input[type=text]:focus:hover {border: 1px solid #333!important;  background-color: #fff!important;  box-shadow:1px 1px 10px rgba(24,43,255,0.1);outline: none!important}	
	
	
.search_btn2 { width: 100%; height:var(--h-com)!important; line-height: var(--h-com)!important; float:left; padding:0px 30px 0px 10px; box-sizing: border-box; color: #fff; font-size: 14px; font-weight:500; font-family: 'Pretendard'; position: relative ;  border-radius: 4px; background-color:#000; transition: all 0.3s; box-shadow: 3px 3px 10px rgb(0 0 0 / 30%);cursor: pointer} 
.search_btn2:before{content: "\e99a";   font-family: unicons-line; color: #fff;  width:40px; height:40px; size:40px; position: absolute; right:10px; top:0px; }		
	
	
.info_use2 { float:left; width:100%;  color:#ff0000; font-size:15px; line-height:130%;  font-weight:500; font-family: 'Pretendard'; position: relative; padding-left: 25px; margin: 15px 0px; }
.info_use2:before{content: "";   width:20px; height: 20px; background: url("../../images/svg_icon/info_use_icon.svg")no-repeat left top; background-size: 20px; position: absolute; left:0px; top:0px; 	}	

	
.info_table { float:left; width:100%;  color:#333; font-size:15px; line-height:130%;  font-weight:500; font-family: 'Pretendard';  margin-bottom: 15px }	
	
	
.bond_box{ width:100%;  float: left;  display: flex;
justify-content:flex-end;  align-items: center; flex-direction:row; box-sizing: border-box;   gap:20px }	

.bond_box .bond_btn{ width:auto;  padding:20px 80px; box-sizing: border-box; color: #fff; font-size: 16px; font-weight:600; font-family: 'Pretendard'; position: relative ;  border-radius:10px; background-color: var(--div-com2); margin-top: 20px; transition: all 0.3s; box-shadow: 3px 3px 10px rgb(0 0 0 / 30%); margin-bottom: 30px;cursor: pointer} 
.bond_box .bond_btn:hover {  background-color: var(--div-color1); }	
.bond_box .bond_tx{ float:left;  color:#000; font-size:15px; line-height:130%;  font-weight:700; font-family: 'Pretendard';  margin-bottom: 15px }
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/