@charset "utf-8";

/* ************************ 셋팅 ************************ */
:root {
	--base1:#19232F;
	--base2:#FF9500;
	--base3:#0C1117;
	--base4:#9A9AB5;
	--base5:#CA5400;
	--red:#DA0000;
	--border1:#DFE4EB;
	--gray1:;

	--f_Tmon:'Tmon';
	--f_Pretendard:'Pretendard';
	--textRotate:rotate(0.03deg);

	--fs12:1.2rem;
	--fs13:1.3rem;
	--fs14:1.4rem;
	--fs15:1.5rem;
	--fs16:1.6rem;
	--fs17:1.7rem;
	--fs18:1.8rem;
	--fs19:1.9rem;
	--fs20:2rem;
	--fs21:2.1rem;
	--fs22:2.2rem;
	--fs23:2.3rem;
	--fs24:2.4rem;
	--fs25:2.5rem;
	--fs26:2.6rem;
	--fs27:2.7rem;
	--fs28:2.8rem;
	--fs30:3.0rem;
	--fs32:3.2rem;
	--fs35:3.5rem;
	--fs36:3.6rem;
	--fs38:3.8rem;
	--fs40:4rem;
	--fs45:4.5rem;
	--fs48:4.8rem;
	--fs50:5rem;
	--fs55:5.5rem;
	--fs60:6rem;
	--fs70:7rem;
	--fs80:8rem;
	--fs90:9rem;
	--fs120:12rem;
	--fs150:15rem;
	--fs200:20rem;
	--fs220:22rem;

	--ani:all .3s;
	
	
}
@media (max-width: 1200px) {
	:root {
		--fs14:1.3rem;
		--fs15:1.4rem;
		--fs16:1.6rem;
		--fs17:1.6rem;
		--fs18:1.7rem;
		--fs19:1.8rem;
		--fs20:1.9rem;
		--fs21:2rem;
		--fs22:2rem;
		--fs23:2rem;
		--fs24:2.1rem;
		--fs25:2.1rem;
		--fs26:2.2rem;
		--fs27:2.3rem;
		--fs28:2.4rem;
		--fs30:2.6rem;
		--fs32:2.7rem;
		--fs35:3rem;
		--fs36:3.2rem;
		--fs38:3.4rem;
		--fs40:3.5rem;
		--fs45:3.6rem;
		--fs48:4.1rem;
		--fs50:4rem;
		--fs55:4.2rem;
		--fs60:5rem;
		--fs70:5.5rem;
		--fs80:6rem;
		--fs90:6.5rem;
		--fs120:10rem;
		--fs150:11rem;
		--fs200:12rem;
		--fs220:14rem;
	}
}

@media (max-width: 767px) {
	:root {
		--fs12:1.1rem;
		--fs13:1.2rem;
		--fs14:1.3rem;
		--fs15:1.4rem;
		--fs16:1.5rem;
		--fs17:1.5rem;
		--fs18:1.6rem;
		--fs19:1.6rem;
		--fs20:1.8rem;
		--fs21:1.8rem;
		--fs22:1.8rem;
		--fs23:1.8rem;
		--fs24:2rem;
		--fs25:2rem;
		--fs26:2.1rem;
		--fs27:2.2rem;
		--fs28:2.2rem;
		--fs30:2.3rem;
		--fs32:2.4rem;
		--fs35:2.5rem;
		--fs36:2.7rem;
		--fs38:3rem;
		--fs40:3.2rem;
		--fs45:3.3rem;
		--fs48:3.4rem;
		--fs50:3.5rem;
		--fs55:3.7rem;
		--fs60:4rem;
		--fs70:4.5rem;
		--fs80:5rem;
		--fs90:5.2rem;
		--fs120:6rem;
		--fs150:6.5rem;
		--fs200:7rem;
		--fs220:7.5rem;
	}
}


html {font-size:0.625rem;}
html body {font-family:var(--f_Pretendard), sans-serif; font-size:var(--fs16); font-weight:400; line-height:160%; color:#666; word-break:keep-all; overflow-x:hidden;}
/* html body {padding:0 0 84px;} */

a {text-decoration:none !important; outline:none !important; selector-dummy:expression(this.hideFocus=true) !important; transition:var(--ani);color:inherit;}
a:link, a:visited, a:hover, a:active {text-decoration:none; color:inherit;}

.f_CUNanum {font-family:var(--f_CUNanum), sans-serif;}
.f_Tmon {font-family:var(--f_Tmon), sans-serif;}

.c_red {color:var(--red) !important;}
.c_base1 {color:var(--base1) !important;}
.c_base2 {color:var(--base2) !important;}
.c_base3 {color:var(--base3) !important;}
.c_base4 {color:var(--base4) !important;}
.c_base5 {color:var(--base5) !important;}
.c_orange {color:var(--orange) !important;}
.c_green {color:var(--base2) !important;}
.c_purple {color:var(--purple) !important;}

.fw400 {font-weight:400;}
.fw500 {font-weight:500;}
.fw600 {font-weight:600;}
.fw700 {font-weight:700;}


/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
body input[type=number] {-moz-appearance: textfield;}

body select::-ms-expand { display: none; } /* IE 10, 11의 네이티브 화살표 숨기기 */
body select option {color:inherit;}
body select [selected] {color:inherit;}
body select :selected {color:inherit;}
body select ::selected {color:inherit;}

body select {
	 -webkit-appearance:none; /* 크롬 화살표 없애기 */
    -moz-appearance:none; /* 파이어폭스 화살표 없애기 */
    appearance:none; /* 화살표 없애기 */
	min-height:40px; height:45px;
	color: #000; font-weight: 500; 
	padding:0 35px 0 15px; border:1px solid var(--border1); cursor:pointer;
	background:#fff url(/images/common/icon_select_arrow.svg)calc(100% - 15px) 50% no-repeat !important;
}

body textarea {padding:10px 12px; line-height:1.4; min-height:120px; border:1px solid  var(--border1); resize:none; width:100%;}
body label {vertical-align:middle;}
body input[type="text"],
body input[type="password"],
body input[type=number] {width:100%; max-width:100%; padding:0 15px; min-height:40px; height:45px; border:1px solid var(--border1);}

body input[readonly] {background-color:#f7f7f7;}
body button {cursor:pointer; background:transparent; padding:0;}

body input[type="file"] {width:100%;}

/* 파일박스 */
.filebox.type1 {display:flex; gap:0 !important; align-items:center;}
.filebox.type1 input[type="file"] {position: absolute;left:-9999px; width: 0;height: 0;padding: 0;overflow: hidden;border: 0; visibility:hidden;}
.filebox.type1 label {width:80px; height: 50px; font-size:var(--fs14); line-height:40px;margin-right: 5px; border-radius:5px; color: #fff; text-align:center;vertical-align: middle;background-color:#999; white-space:nowrap;cursor: pointer; display:flex; align-items:center; justify-content:center;}
.filebox.type1 .upload-name {border-radius:7px;padding: 0 10px;width:calc(100% - 85px) !important; color: #000; cursor:pointer;}
.filebox.type1 .currFile {padding:10px 0 0;}

.checkType1 {}
.checkType1 input[type='checkbox'], .checkType1 input[type='radio'] {
	position:absolute; left:-9999px;
}
.checkType1 input[type='checkbox']+label, .checkType1 input[type='radio']+label {
	padding-left:23px; position:relative; cursor:pointer;
}
.checkType1 input[type='checkbox']+label:before, .checkType1 input[type='radio']+label:before {
	width:18px; height:18px; border: 1px solid #ddd; background: #FFF center no-repeat; left:0; top:0; position:absolute; display:block; content:'';
}
.checkType1 input[type='checkbox']:checked+label:before, .checkType1 input[type='radio']:checked+label:before {
	background-image:url(/images/common/icon_checkbox.svg);
	background-color:var(--base1); border-color:transparent;
}

.checkType2 input[type='checkbox'], .checkType2 input[type='radio'] {
	position:absolute; left:-9999px;
}
.checkType2 input[type='checkbox']+label, .checkType2 input[type='radio']+label {
	width:18px; height:18px; display:inline-block; position:relative;
}
.checkType2 input[type='checkbox']+label:before, .checkType2 input[type='radio']+label:before {
	width:18px; height:18px; border-radius:5px; border: 1px solid #ddd; background: #FFF center no-repeat; left:0; top:0; position:absolute; display:block; content:'';
}
.checkType2 input[type='checkbox']:checked+label:before, .checkType2 input[type='radio']:checked+label:before {
	background-image:url(/images/common/icon_checkbox.svg);
	background-color:var(--base1); border-color:transparent;
}



.mobile {display:none;}
.widthType1 {width:1400px; margin:0 auto; max-width:100%;}
.widthType2 {width:1620px; margin:0 auto; max-width:100%;}
.widthType3 {width:1800px; margin:0 auto; max-width:100%;}

.h10 {height:10px;}
.h20 {height:20px;}
.h30 {height:30px;}
.h40 {height:40px;}
.h50 {height:50px;}
.h60 {height:60px;}
.h70 {height:70px;}
.h80 {height:80px;}
.h90 {height:90px;}
.h100 {height:100px;}
.h150 {height:150px;}


.lineType1 {margin:20px 0; width:100%; height:2px; background:#000;}
.lineType2 {width:100%; height:1px; background:#e5e5e5;}

body .numInputWrap {display:flex;}
body .numInputWrap input {width:80px; height:40px;border-radius:0;}
body .numInputWrap a {
	width:40px; height:40px; border: 1px solid #DDD; background: #FFF;
	display:flex; align-items:center; justify-content:center; color: #000;line-height: normal;
}
body .numInputWrap a:first-of-type {border-right:0;}
body .numInputWrap a:last-of-type {border-left:0;}



/* 탭 */
.tabWrap {}
/* type1 */
.tabWrap.type1 {display:flex; gap:5px; text-align:center;}
.tabWrap.type1 .tabBtn {width:160px; height:50px; font-size:var(--fs18); display:flex; align-items:center; justify-content:center; border-radius:5px; border:1px solid #ddd; background:#fff;}
.tabWrap.type1 .tabBtn.on {background:var(--base1); color:#fff;}

.tabInner {}
.tabInner .tabItem {display:none;}
.tabInner .tabItem.on {display:block;}

/* 리스트 */
.listType1 {display:flex; flex-direction:column; gap:20px; list-style: none;padding: 0;margin: 0;}
.listType1 li {padding-left:35px; position:relative; line-height:24px; font-size:var(--fs18); font-weight:500; color:#000;}
.listType1 li:before {
	width:24px; height:24px; background:url(/images/common/icon_listCheck.svg)center /100% no-repeat;
	left:0; top:0; position:absolute; display:block; content:'';
}

.listType2 {}

/* 테이블 */
.tableType1 {overflow-x:auto;}
.tableType1 table {margin:0; width:100%;border:1px solid #e5e5e5; border-left:0; border-right:0; min-width:500px;}
.tableType1 table tr+tr>* {border-top:1px solid #e5e5e5; }
.tableType1 table th {font-weight:500;padding:30px 20px;background:#f9f9f9;border-right:1px solid #ddd;color:#000;}
.tableType1 table td {padding:30px 20px;line-height:1.6;}

	
.tableType2 {}
.tableType2 table {margin:0; width:100%; font-size:var(--fs14); }
/* .tableType2 table tr+tr>* {border-top:1px solid #e5e5e5;} */
.tableType2 table th {padding:20px; color:#000; background:#f7f7f7; border-width:1px 0; border-style:solid; border-color:#ccc;  text-align:left;}
.tableType2 table th+th {border-left:1px solid #ccc;}
.tableType2 table td {padding:20px; border-bottom:1px solid #ccc;}
.tableType2 table td+td {border-left:1px solid #ccc;}


/* btnWrap */
.btnType1 {text-align:center; display:flex; gap:10px; justify-content:center;}
.btnType1 .button {padding:0 50px; height:70px; background:#000; color:#fff; font-size:var(--fs18); display:flex; align-items:center; justify-content:center;}
.btnType1 .button.submit {background:var(--base5);}
.btnType1 .button:hover {color:#fff;opacity:.7}


/* 타이틀 */
.titType1 {color: #000;font-size:var(--fs36);font-weight: 700;line-height:1.3}


/* 페이징 PC*/
.page_box {line-height:1; font-size:14px; text-align:center; position:relative; text-align:center; border:1px solid transparent;}
.page_box .pagination {gap:3px; display:flex; align-items:center; justify-content:center;}
.page_box .pagination>li {margin-left:-1px;}
.page_box .pagination>li>a {border:1px solid #ddd; color:#666; width:40px; height:40px; line-height:1; display: flex; align-items: center; justify-content: center;}
.page_box .pagination>li>a img {height:10px;}
.page_box .pagination>li>a:hover {background:#f0f0f0}
.page_box .pagination>li>a.active {color:#fff; background:#222 !important; border:1px solid #222;  font-weight:normal;}

.page_box .pagination>li:nth-child(2){margin-right:10px;}
.page_box .pagination>li:nth-last-child(2){margin-left:10px;}


/* 마이페이지 용 lnb */
.lnb_mypage{background:#f3f3f3;}
.lnb_mypage ul{max-width:1200px;margin:0 auto;}
.lnb_mypage ul:after{content:'';display:block;clear:both;}
.lnb_mypage ul li{float:left;width:20%;}
.lnb_mypage ul li a {padding:0 10px; display:flex; height:60px; line-height:1.2; align-items:center; justify-content:center; text-align:center;}
.lnb_mypage ul li.on a{background:#fff;color:#000;}
	
	
/* 컨텐츠 */
body .contents {padding:50px 0 150px; display:block;}
body .contents-wrap {}

/* 검색창 */
.searchBox {}
	

.aiConsultBtn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:33px;
  padding:0 18px;
  margin-top:5px;
  background:var(--base5);
  color:#fff !important;
  border-radius:5px;
  text-decoration:none;
  font-weight:600;
  font-size:var(--fs12);
  line-height:1;
}
.aiConsultBtn.gpt {background:#000;}
.aiConsultBtn img {margin-left:5px; height:16px; }


/* ************************ 테블릿 (~1024) ************************ */
@media screen and (max-width: 1199px) {
	.pc {display:none !important;}
	.mobile {display:block ;}
	
	html body {padding:0;}
	
	/* 페이징 MOBILE */
	.page_box {position:relative;text-align:center;}
	/*.page_box .mobile {gap:3px; display:flex !important; align-items:center; justify-content:center;}
	.page_box .mobile label {display:none;}
	.page_box .mobile>li {margin-left:-1px;}
	.page_box .mobile>li>a {border:1px solid #ddd; color:#666; width:40px; height:40px; line-height:1; display: flex; align-items: center; justify-content: center;}
	.page_box .mobile>li>a img {height:10px;}
	.page_box .mobile>li>a:hover {background:#f0f0f0}
	.page_box .mobile>li>a.active {color:#fff; background:var(--base1); border:1px solid var(--base1);  font-weight:normal;}
	.page_box .mobile select {width:75px; height:40px; padding:0 40px 0 20px; background-position:calc(100% - 10px) 50%; border-radius:0;}
	
	.page_box .mobile>li>a.prev {background:url(/img/common_responsive/prev.png)center no-repeat;}
	.page_box .mobile>li>a.next {background:url(/img/common_responsive/next.png)center no-repeat;}*/
	
	
	
	.widthType1 {padding:0 30px;}
	.widthType2 {padding:0 30px;}
	.widthType3 {padding:0 30px;}
		
	/* 리스트 */
	.listType1 {}

	/* tabWrap */
	.tabWrap {}
	/* type1 */
	.tabWrap.type1 {}
	.tabWrap.type1 .tabBtn {width:140px;}
	
	
	/* titType1 */
	.titType1 {}
	
	/* btnType1 */
	.btnType1 {}
	.btnType1 .button {height:60px;}
	
	/* 마이페이지 용 lnb */
	.lnb_mypage{}
	.lnb_mypage ul li{width:20%;border-bottom:1px solid #ddd;border-right:1px solid #ddd;}
	.lnb_mypage ul li:nth-child(3n){border-right:0;}
	.lnb_mypage ul li a {height:38px;font-size:13px;}
	.lnb_mypage ul li.on a {background:var(--base1);color:#fff;}
	
	
	body .contents {padding:40px 0 80px;}
	
	
	
}


/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width: 767px) {
	
	html body  {}
	body select {height:40px;}
	
	body textarea {height:40px;}
	body input[type="text"],
	body input[type="password"],
	body input[type=number] {height:40px;}
	
	.filebox.type1 label {height:40px;}
	
	.widthType1 {padding:0 20px;}
	.widthType2 {padding:0 20px;}
	.widthType3 {padding:0 20px;}
	
	.h20 {height:;}
	.h30 {height:20px;}
	.h40 {height:25px;}
	.h50 {height:30px;}
	.h60 {height:40px;}
	.h70 {height:45px;}
	.h80 {height:50px;}
	.h90 {height:55px;}
	.h100 {height:60px;}
	.h150 {height:70px;}
	
	.lineType1 {margin:10px 0;}
	.lineType2 {}


	/* tabWrap */
	.tabWrap {}
	/* type1 */
	.tabWrap.type1 {flex-wrap:wrap;}
	.tabWrap.type1 .tabBtn {width:120px; height:40px;}
	
	/* titType1 */
	.titType1 {}
	
	/* btnType1 */
	.btnType1 {flex-direction:column;}
	.btnType1 .button {width:100%; height:50px;}
	
	body .contents {padding:20px 0 40px;}
	
	
	.page_box .pagination>li>a {width:30px; height:30px;}
	.page_box .pagination>li>a img {height:8px;}
	
	

}












/* 이미지팝업 - 인증서 등 이전,다음 버튼 있음 */
.imgOpen2 {z-Index:999999; position:fixed; overflow:hidden; left:0; top:0; width:100%; height:0; overflow:hidden; background-color:rgba(0,0,0,.8); text-align:center; font-weight:normal;}
.imgOpen2 .wrap {position:relative;}
.imgOpen2 .wrap div {padding:40px 0 80px; position:relative; display:flex; justify-content:center; overflow:hidden; width:100%;text-align:center; vertical-align:middle;}
.imgOpen2 .wrap img {max-height:100%; max-width:100%; border:10px solid transparent;}
.imgOpen2 .popTitle {z-Index:100; position:absolute; left:0; bottom:20px; width:100%; font-size:14px; text-align:center;}
.imgOpen2 .popTitle p {display:inline-block; padding:10px 20px; color:#fff; background:rgba(0,0,0,.4); border-radius:100px; line-height:1.2;}
.imgOpen2 button {z-index:300; position:absolute; display:block; top:50%; width:60px; height:60px; padding:0; background-color:rgba(0,0,0,.2); font-size:12px; color:#fff; border:0; border-radius:50%; cursor:pointer; background-position:50%; background-repeat:no-repeat; background-size:30%; transition:.3s;}
.imgOpen2 button:hover {background-color:rgba(0,0,0,.9);}
.imgOpen2 button img {max-width:initial; max-height:initial;}
.imgOpen2 button.off {opacity:.2; cursor:default;}
.imgOpen2 button.prev {left:20px;}
.imgOpen2 button.next {right:20px;}
.imgOpen2 button.close {top:20px; right:20px;}
.imgOpen2 button img {width:100%; height:100%; object-fit:scale-down; margin:0 auto;}
@media screen and (max-width:767px){
	.imgOpen2 {padding:0 !important; margin:0 !important;}
	.imgOpen2 button {width:40px; height:40px;}
	.imgOpen2 button img {width:30%; height:30%;}
	.imgOpen2 button.prev {left:10px;}
	.imgOpen2 button.next {right:10px;}
	.imgOpen2 button.close {top:10px; right:10px;}
	.imgOpen2 button img {}
	.imgOpen2 .popTitle {bottom:10px; font-size:12px; text-align:center;}
}