/* 파일명 common_reno.css -> common.css 수정됨 (기존 common.css는 삭제됨)
it common.css와 차이가 있음, 합치면 X
*/

/*---------------------< ꕥ 공통 사용 css 영역 ꕥ >-----------------------*/
@charset "utf-8";

/* html{overflow-y: scroll} */
/* Common */
*{padding: 0; margin: 0; font-family: 'Pretendard', 'Noto Sans KR';}

html {
  /* Prevent font scaling in landscape */

  -webkit-text-size-adjust: none; /*Chrome, Safari, newer versions of Opera*/

  -moz-text-size-adjust: none; /*Firefox*/

  -ms-text-size-adjust: none;  /*Ie*/

  -o-text-size-adjust: none; /*old versions of Opera*/
}

ol, ul, li { list-style:none; text-decoration: none;}
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%;}
form, fieldset, img { border:0; margin:0; padding:0}
address, caption, em { font-weight:normal; font-style:normal;}
table{border-collapse: collapse;}
button, input, a{cursor: pointer;}
input{vertical-align: middle;}
button{border: unset; background-color: unset;}
input[type=text],input[type=search],input[type=button]{ outline:none;}
a{text-decoration: none; color:inherit; cursor: pointer;}
/* a:hover{color: #333333; text-decoration: none} */
*, *::before, *::after {box-sizing: border-box;}
img{max-width: 100%; vertical-align: middle;}

.studyendbtn {text-align: right; padding: 10px;}
.studyendbtn > button {border: none; padding: 15px 20px; background-color: #1C7DEC; color: #fff; font-size: 18px; border-radius: 5px; cursor: pointer;}
.studyendbtn > button:hover {background-color: navy;}
.clearfix:before, .clearfix:after {
	display: block;
	content: '';
	line-height: 0;
}
.clearfix:after {	clear:both;}
.clearfix {zoom: 1;}

.ellipsis{white-space: nowrap; overflow: hidden; text-overflow: ellipsis}

/* ------------------버튼타입---------------- */
.btn_type01,.btn_type02,.btn_type03,.btn_type04{
	min-width: 70px; height: 31px; line-height: 31px;
	cursor: pointer;
	padding: 0 10px 0 12px;
	border-radius: 3px; display: inline-block;
	font-size: 14px; font-weight: 500; text-align: center; letter-spacing: 1px;
}
.btn_type01--chWbig{min-width: 80px; height: 34px; line-height: 34px;}
/* (주로)수정,저장,글쓰기...버튼 */
.btn_type01{border: 1px solid #0080ff; color: #ffffff; background: #0080ff;}
.btn_type01:hover{color: #ffffff}

/* (주로)삭제버튼 */
.btn_type02{
	border: 1px solid #09369f;
	box-shadow: inset 0px 0px 0px 0.2px #09369f;
	color: #092e99; background: #ffffff;
	font-weight: 600 !important;
}
.btn_type02:hover{color: #092e99}

/* (주로)수정,저장,글쓰기...서브 버튼 */
.btn_type03{
	border: 1px solid #0079ee;
	color: #0075e5;
	box-shadow: inset 0px 0px 0px 0.2px #0065c7;
	background: #ffffff;
	font-weight: 600 !important;
}
.btn_type03:hover{color: #0075e5}

/* (주로)목록버튼 */
.btn_type04{border: 1px solid #26386d; color: #ffffff; background: #26386d;}
.btn_type04:hover{color: #ffffff}

/* ----------------------------------------------------------------- */


/* --------------버튼박스-------------- */
.btn_box{margin: 0 auto 20px; display: table}
.btn_box02{ margin: 0 auto 20px; text-align: right}
/* ------end------ */

/* -----------창닫기 버튼----------- */
.closeWBtnBox{display: flex; align-items: center; justify-content: center;}
.closeWBtn{
	width: 75px; height: 34px; line-height: 35px;
  font-size: 13px; font-weight: 400; letter-spacing: 0.8px;
	color: #fff; background-color: #26386d;
	padding-left: 1px; margin-top: 15px; border-radius: 4px; cursor: pointer;
}
.closeWBtn-top{bottom: unset; top: 18px; right: 15px;}
.closeWBtnBox--prog{width: 100%;}
.closeWBtnBox--prog .closeWBtn{margin-top: 0;}

@media all and (min-width:768px){
	.closeWBtn{
		width: 80px; height: 38px; line-height: 39px;
		font-size: 14px; font-weight: 500; margin-top: 15px;
	}
}
@media all and (min-width:1080px){
	.closeWBtn{width: 90px;}
	.closeWBtnBox--prog .closeWBtn{margin-top:40px;}
}
/* ------end------ */

/* --------파일업로드/ 파일선택 버튼---------- */
label.upload-file {cursor: pointer; display:flex; align-items:center; gap: 5px;}
label.upload-file p {
	width: 150px; height: 28px; line-height: 28px;
  float: left;
  border: 1px solid #dddddd; border-radius: 2.5px; background: #fbfbfb;
  text-indent: 5px; font-size: 13px; text-overflow: ellipsis; white-space: nowrap;
  overflow: hidden; box-sizing: border-box;
	margin-top: 0.5px;
}
label.upload-file input[type="file"] {
  width: 100%; height: 100%;
  position: absolute; top: 0; left: 0;
  opacity: 0; cursor: pointer;
}
/* ------end------ */

/* ---------ul li에 번호 붙이기 css------- */
.addItemN{counter-reset: itemNum 0}
.addItemN li{padding-left: 13px; position: relative; letter-spacing: -0.5px}
.addItemN>li:before{content: counter(itemNum)'.'; counter-increment: itemNum 1; position: absolute; left: 0}
.addItemN>li>ul{counter-reset: itemNum 0}
.addItemN>li>ul>li:before{content: counter(itemNum)')'; counter-increment: itemNum 1; position: absolute; left: 0}
/* ------end------ */

/* -------- 우편번호 찾기 관련 ---------- */
#postLayer:has(iframe){
	width: 100vw;	height: 100vh; background-color: #000000b3;
	position: fixed; top: 0; z-index: 1000;
	display: flex; align-items: center; justify-content: center;
}
#postLayer #__daum__layer_1{
	max-width: 500px !important; width: 95% !important;
	border-radius: 2px !important;
}
#postLayer .pLCloseBox{	width: 500px; height: 500px;position: absolute;}
#postLayer .postLayerClose{
	position: absolute; bottom: -45px; left: 50%;
	transform: translateX(-50%); z-index: 10;
	width: 37px; height: 37px;
	background-color: #000000; border-radius: 50%;
	filter: invert(1);
}
#postLayer .tf_keyword{font-size: 14px !important;}
#postLayer .info_body{font-size:14px; word-break: keep-all;}

/* ------end------ */

/* ~ 정보 없음 css */
.noneDataInfo{
  background-color: #fdfdfdd4; border-radius: 7px;
  box-shadow: 0px 0px 2px 0px rgb(0 0 0 / 25%), 1px 1px 6px -1px rgb(0 0 0 / 20%);
  width: fit-content; text-align: center;
  font-weight: 500; font-size: 14px; word-break: keep-all;
  margin: 0 auto; margin-top: 150px; margin-bottom: 50px; padding: 15px 35px;
}
/* ------end------ */

/* --------------페이저--------------- */
.pagination{width: fit-content; margin: 0 auto; margin-bottom: 150px;}
.pagination ul{margin: 0 auto; display: flex; align-items: center; justify-content: center;}
.pagination ul li{
	width: 30px; height: 30px; line-height: 27px; margin: 0 4px; border: 1px solid #dae8f9; display: inline-flex; justify-content: center; align-items: center;
}
.pagination ul li:has(a) a{width: 100%; height: auto; border: unset;}
.pagination ul a{
	display: block; color: #4c4c4c; width: 100%; height: 100%; text-align: center;
	width: 30px; height: 30px; border: 1px solid #dae8f9;
	display: flex; align-items: center; justify-content: center; font-size: 14px;
}
.pagination ul li:hover,
.pagination ul a:hover{border-color: #a7cdfa; font-weight: 700}

.pagination ul li.on{border-color: #1C7DEC; background: #1C7DEC; color: white; font-weight: 700; font-size: 14px;}
.pagination ul li.on:hover{border-color: #1C7DEC;}
/* it랑 구조가 달라서 css도 차이남 */
.pagination_click_a--prev,
.pagination_click_a--next{width: 13px; height: 14px; display: flex; align-items: center; justify-content: center;}
.pagination_click_a--prevFir,
.pagination_click_a--nextLst{width: 14px; height: 15px; display: flex; align-items: center; justify-content: center;}

.pagination_click_a--prev,
.pagination_click_a--prevFir{margin-right: 1px;}
.pagination_click_a--next,
.pagination_click_a--nextLst{transform: scaleX(-1); margin-left: 2px;}
/* ------end------ */


/* --------flex-------- */
.flexAlCen{display: flex; align-items: center;}
.flexAlStart{display: flex; align-items: start;}
.flexAlEnd{display: flex; align-items: end;}
.flexAlCenJuSbt{display: flex; align-items: center; justify-content: space-between;}
.flexAlCenJuEnd{display: flex; align-items: center; justify-content: flex-end;}
.flexAlCenJuCen{display: flex; align-items: center; justify-content: center;}
.flexWrap{flex-wrap: wrap;}
/* ------end------ */

/* --------gap-------- */
.gap5{gap: 5px;}
.gap8{gap: 8px;}
.gap10{gap: 10px;}
.gap12{gap: 12px;}
.gap15{gap: 15px;}
.gap25{gap: 25px;}
/* ------end------ */

/* --------float------- */
.fL{float: left !important}
.fR{float: right !important}
.fN{float: none !important}
/* ------end------ */

/* display */
.dpBlock{display:block;}
.dpInline{display:inline;}
.dpNone{display:none;}


/* -------text-align------ */
.text-center{text-align: center !important}
.text-right{text-align: right !important}
/* ------end------ */

/* -------line-height------ */
.lnht8{line-height: 8px;}
/* ------end------ */

/* --------font-color----- */
.fColor-red01{color: #E52125 !important}
.fColor-dblue01{color: #193b6a !important}
.fColor-dblue02{color: #0655AD;}
.fColor-rblue01{color: #5193f0 !important}
.fColor-dwblue01{color: #4b78d4 !important}
/* ------end------ */

/* --------font-weight----- */
.fontW400{font-weight: 400 !important;}
.fontW500{font-weight: 500 !important;}
.fontW600{font-weight: 600 !important;}
.fontW700{font-weight: 700 !important;}
.fontW800{font-weight: 800 !important;}
.fontW900{font-weight: 900 !important;}
.fontWb{font-weight: bold !important;}

/* ------end------ */


/* --------font-size------- */
.font11{font-size: 11px !important}
.font12{font-size: 12px !important}
.font13{font-size: 13px !important}
.font14{font-size: 14px !important}
.font15{font-size: 15px !important}
.font16{font-size: 16px !important}
.font17{font-size: 17px !important}
.font18{font-size: 18px !important}
.font19{font-size: 19px !important}
.font20{font-size: 20px !important}
.font22{font-size: 22px !important}
.font23{font-size: 23px !important}
.font28{font-size: 28px !important}
.font36{font-size: 36px !important}
/* ------end------ */

/* txet */
.txtIndt10{text-indent: -10px !important; padding-left: 10px !important;}
.txtIndt12{text-indent: -12px !important; padding-left: 12px !important;}
.txtIndt15{text-indent: -15px !important; padding-left: 15px !important;}
.txtIndt20{text-indent: -20px !important; padding-left: 20px !important;}


/* -------width %--------- */
.width100per{width: 100%;}
/* ------end------ */

/* -------margin--------- */
.mUn{margin: inherit;}
.m0A{margin:0 auto;}

/* -------margin-top--------- */
.mt0{margin-top: 0px !important}
.mt1{margin-top: 1px !important}
.mt2{margin-top: 2px !important}
.mt3{margin-top: 3px !important}
.mt6{margin-top: 6px !important}
.mt7{margin-top: 7px !important}
.mt8{margin-top: 8px !important}
.mt10{margin-top: 10px !important}
.mt12{margin-top: 12px !important}
.mt13{margin-top: 13px !important}
.mt15{margin-top: 15px !important}
.mt16{margin-top: 16px !important}
.mt17{margin-top: 17px !important}
.mt18{margin-top: 18px !important}
.mt20{margin-top: 20px !important}
.mt22{margin-top: 22px !important}
.mt27{margin-top: 27px !important}
.mt29{margin-top: 29px !important}
.mt30{margin-top: 30px !important}
.mt31{margin-top: 31px !important}
.mt33{margin-top: 33px !important}
.mt41{margin-top: 41px !important}
.mt42{margin-top: 42px !important}
.mt54{margin-top: 54px !important}
.mt55{margin-top: 55px !important}
.mt56{margin-top: 56px !important}
.mt62{margin-top: 62px !important}
.mt63{margin-top: 63px !important}
/* ------end------ */

/* ---------margin-bottom----------- */
.mb0{margin-bottom: 0px !important}
.mb2{margin-bottom: 2px !important}
.mb4{margin-bottom: 4px !important}
.mb6{margin-bottom: 6px !important}
.mb7{margin-bottom: 7px !important}
.mb10{margin-bottom: 10px !important}
.mb12{margin-bottom: 12px !important}
.mb13{margin-bottom: 13px !important}
.mb14{margin-bottom: 14px !important}
.mb15{margin-bottom: 15px !important}
.mb16{margin-bottom: 16px !important}
.mb18{margin-bottom: 18px !important}
.mb19{margin-bottom: 19px !important}
.mb20{margin-bottom: 20px !important}
.mb21{margin-bottom: 21px !important}
.mb23{margin-bottom: 23px !important}
.mb24{margin-bottom: 24px !important}
.mb25{margin-bottom: 25px !important}
.mb26{margin-bottom: 26px !important}
.mb28{margin-bottom: 28px !important}
.mb30{margin-bottom: 30px !important}
.mb31{margin-bottom: 31px !important}
.mb33{margin-bottom: 33px !important}
.mb34{margin-bottom: 34px !important}
.mb35{margin-bottom: 35px !important}
.mb36{margin-bottom: 36px !important}
.mb38{margin-bottom: 38px !important}
.mb40{margin-bottom: 40px !important}
.mb44{margin-bottom: 44px !important}
.mb45{margin-bottom: 45px !important}
.mb46{margin-bottom: 46px !important}
.mb47{margin-bottom: 47px !important}
.mb50{margin-bottom: 50px !important}
.mb53{margin-bottom: 53px !important}
.mb54{margin-bottom: 54px !important}
.mb57{margin-bottom: 57px !important}
.mb60{margin-bottom: 60px !important}
.mb63{margin-bottom: 63px !important}
.mb64{margin-bottom: 64px !important}
.mb67{margin-bottom: 67px !important}
.mb68{margin-bottom: 68px !important}
.mb77{margin-bottom: 77px !important}
.mb80{margin-bottom: 80px !important}
.mb95{margin-bottom: 95px !important}
.mb100{margin-bottom: 100px !important}
.mb104{margin-bottom: 104px !important}
.mb109{margin-bottom: 109px !important}
.mb113{margin-bottom: 113px !important}
.mb123{margin-bottom: 123px !important}
.mb250{margin-bottom: 250px !important}
/* ------end------ */

/* ---------margin-right---------- */
.mr0{margin-right: 0px !important}
.mr3{margin-right: 3px !important}
.mr4{margin-right: 4px !important}
.mr6{margin-right: 6px !important}
.mr7{margin-right: 7px !important}
.mr8{margin-right: 8px !important}
.mr10{margin-right: 10px !important}
.mr12{margin-right: 12px !important}
.mr13{margin-right: 13px !important}
.mr14{margin-right: 14px !important}
.mr15{margin-right: 15px !important}
.mr16{margin-right: 16px !important}
.mr17{margin-right: 17px !important}
.mr18{margin-right: 18px !important}
.mr19{margin-right: 19px !important}
.mr20{margin-right: 20px !important}
.mr26{margin-right: 26px !important}
.mr44{margin-right: 44px !important}
.mr70{margin-right: 70px !important}
.mr74{margin-right: 74px !important}
.mr77{margin-right: 77px !important}
/* ------end------ */




/* ---------margin-left---------- */
.ml0{margin-left: 0px !important}
.ml2{margin-left: 2px !important}
.ml3{margin-left: 3px !important}
.ml7{margin-left: 7px !important}
.ml9{margin-left: 9px !important}
.ml10{margin-left: 10px !important}
.ml12{margin-left: 12px !important}
.ml14{margin-left: 14px !important}
.ml18{margin-left: 18px !important}
.ml20{margin-left: 20px !important}
.ml23{margin-left: 23px !important}
.ml30{margin-left: 30px !important}
.ml40{margin-left: 40px !important}
.ml74{margin-left: 74px !important}
.ml75{margin-left: 75px !important}
.ml170{margin-left: 170px !important}
/* ------end------ */


/* ----------padding----------- */
.p8{padding: 8px !important}
.p10{padding: 10px !important}
.p15{padding: 15px !important}
.p20{padding: 20px !important}
.p21{padding: 21px !important}
.p22{padding: 22px !important}
.p23{padding: 23px !important}
.p27{padding: 27px !important}
.p28{padding: 28px !important}
.p29{padding: 29px !important}
.p30{padding: 30px !important}
.p31{padding: 31px !important}
.p36{padding: 36px !important}
.p42{padding: 42px !important}

/* ----------padding-top----------- */
.pt8{padding-top: 8px !important}
.pt10{padding-top: 10px !important}
.pt15{padding-top: 15px !important}
.pt20{padding-top: 20px !important}
.pt21{padding-top: 21px !important}
.pt22{padding-top: 22px !important}
.pt23{padding-top: 23px !important}
.pt27{padding-top: 27px !important}
.pt28{padding-top: 28px !important}
.pt29{padding-top: 29px !important}
.pt30{padding-top: 30px !important}
.pt31{padding-top: 31px !important}
.pt36{padding-top: 36px !important}
.pt42{padding-top: 42px !important}
.pt47{padding-top: 47px !important}
.pt52{padding-top: 52px !important}
.pt54{padding-top: 54px !important}
.pt56{padding-top: 56px !important}
.pt57{padding-top: 57px !important}
.pt60{padding-top: 60px !important}
.pt81{padding-top: 81px !important}
.pt108{padding-top: 108px !important}
.pt290{padding-top: 290px !important}
/* ------end------ */


/* -----------padding-right---------- */
.pr16{padding-right: 16px !important}
.pr22{padding-right: 22px !important}
.pr23{padding-right: 23px !important}
.pr26{padding-right: 26px !important}
.pr28{padding-right: 28px !important}
/* ------end------ */


/* -----------padding-left------------ */
.pl4{padding-left: 4px !important}
.pl14{padding-left: 14px !important}
.pl15{padding-left: 15px !important}
.pl17{padding-left: 17px !important}
.pl20{padding-left: 20px !important}
.pl22{padding-left: 22px !important}
.pl23{padding-left: 23px !important}
.pl24{padding-left: 24px !important}
.pl27{padding-left: 27px !important}
.pl37{padding-left: 37px !important}
.pl39{padding-left: 39px !important}
/* ------end------ */


/* ----------padding-bottom------------ */
.pb20{padding-bottom: 20px !important}
.pb95{padding-bottom: 95px !important}
/* ------end------ */


/* ----------------word---------------- */
.keepAll{word-break: keep-all !important; white-space: normal;}
.breakAll{word-break: break-all;}
/* ------end------ */

.cursor{cursor: pointer;}



@media all and (min-width:480px){label.upload-file p{width: 250px;}}
@media all and (min-width:768px){
	.btn_type01,.btn_type02,.btn_type04{min-width: 82px; height: 34px; line-height: 33px;}
	.btn_type01--chWbig{min-width: 100px; height:40px; line-height: 40px; font-size: 15px;}
	.addItemN li{padding-left: 16px;}
	
	/* ~ 정보 없음 css */
	.noneDataInfo{font-size: 15px; padding: 22px 45px;}
}

@media all and (min-width:1080px){
	.pagination ul a,
	.pagination ul li.on{font-size: 16px;}
	
	/* -------- 우편번호 찾기 관련 ---------- */
	#postLayer .postLayerClose{
		top: -20px; right: -23px;	left: unset; bottom: unset;
		transform:unset;
		border: 2px solid #4f4f4f;
		filter: invert(0);
	}

	.addItemN li{padding-left: 18px;}
	/* ------end------ */



}