/*---------------------< ꕥ header & footer css 영역 ꕥ >-----------------------*/
/* 
- IT 사이트 코드와 차이가 있음
*/


*{font-family: 'Pretendard';}
/*------------ 서버 점검 안내 popup ------------*/
/* popup 코드 기존 kdc의 코드로 변경해야함 */
/* .info_popupBox{
	width: 100vw;
	height: 100vh;
	background-color: #00000052;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000000000;
	overflow-y: scroll;
	display: none;
}
.info_popup{
	max-width: 380px; width: 88%;
	background-color: #e6eaf5;
	padding: 12px 14px 8px;
	box-sizing: border-box;
	border-radius: 15px;
	position: absolute;
	top:50%; left: 50%; transform: translate(-50%, -50%);
	box-shadow: 2px 2px 9px 2px rgb(0 0 0 / 50%), 0px 0px 15px 12px rgb(0 0 0 / 8%);
}
.info_popup .popup_top{
	font-size: 20px; font-weight: 800;
	color: #003169;
	margin-bottom: 12px;
	text-align: center;
}
.info_popup .popup_mid{
	padding: 25px 15px 12px 15px; 
	background-color: #fff;
	border-radius: 10px;
	text-align: center;
}
.info_popup .popup_mid p:not(:last-child){margin-bottom: 20px;}
.info_popup .popup_mid .txtP{
	font-size: 14px;
	font-weight: 400;
	color: #4c4c4c;
	line-height: 18px;
	word-break: keep-all;
}
.info_popup .popup_mid .txtP .detailBtn{
	font-size: 12px;
	font-weight: 500;
	margin-top: 8px;
	display: inline-block;
	color: #4741e1;
	border-bottom: 1px solid #4741e1;
	padding: 0 3px 0px 1px;
}
.info_popup .popup_mid .timeP{
	font-size: 15px; line-height: 22px; color: #003169;
	font-weight: 600;
	letter-spacing: -0.5px;
	padding: 16px 10px 12px; margin-top: 40px; margin-bottom: 25px !important;
	border-top: 1px solid #003169;
	border-bottom: 1px solid #003169;
	position: relative;
}
.info_popup .popup_mid .timeP:after{
	content: "작업일시";
	position: absolute;
	font-size: 12px; font-weight: 400; color: #fff; letter-spacing: 0.8px;
	left: 50%; top: -16px; transform: translateX(-50%);
	padding: 2px 15px 3px 17px; border-radius: 20px;
	background-color: #003169;
}
.popup_bottom {display: flex; justify-content: space-between; align-items: center;}
.info_popup .popup_bottom > a {display: inline-block; font-size: 12px; font-weight: 500; color: #23293f; padding-bottom: 0px; margin: 0px; margin-top: 8px;}
.info_popup .popup_bottom > a:hover{color: #202945;} */

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

/* 카카오 브라우져 안내 */
.brwWarnWrap{
	position: fixed; bottom: 3%; left: 50%;
	transform: translateX(-50%);
	z-index: 1000000;
	padding: 20px 15px 15px 20px;
	background-color: #f9f9f9;
	border-radius:12px;
	box-shadow: 0px 3px 18px 2px rgb(0 0 0 / 16%);
	width: 95%; max-width: 500px;
	display: none; flex-direction: column; gap: 15px;
}
.brwWarn{display: flex; align-items: flex-start; justify-content: center; gap: 12px;}
.brwWarn__txt{
	font-size: 13px; font-weight: 500; color: #161616;
	text-align: left; line-height: 19px; word-break: keep-all;
	flex: 1;
}
.brwWarn__img{
	width: 20px; height: 20px;
	margin-top: 5px; display: flex;
}
.brwWarn__img img{width: 100%; object-fit: cover;}
.closeBrwWarn {
	text-align: center;
	margin: 0 auto; margin-top: 15px;
	width: 80px;
	z-index: 9999;
	pointer-events: auto;
	position: relative;
	white-space: nowrap;
	font-weight: 500;
	font-size: 14px;
	letter-spacing: 1px;
	display: flex; align-items: center; justify-content: center
}
.inAppText{font-size: 13px; font-weight:inherit;}


/* (로그인 & 회원가입만 적용) */
body:has(.loginSec-headerCh) .headerSection{
  box-shadow:  0px 0px 2px 1px rgb(0 0 0 / 8%);
}
body:has(.loginSec-headerCh) .headerGroup{margin-top: 0 !important;}
body:has(.loginSec-headerCh) #lnb.headerMenu_pc.fixed{top: 0px;}
/* --------------------------------------------------------------- */

/*------------ header ------------*/
/* 헤더타이머 css */
.headerSection{position: relative;}
.kdcTimer{
	width:100%; height:auto;	max-height:76px;
	background-color:#000000; color:white;
	position:fixed; top:0; left:0; z-index: 200;
}
.Timecont{
	position:relative;
	height:100%; width:95%;	max-width:1050px;
	margin:0 auto; padding:4px 0;
}
.tAnnounceP{font-size:11px;}
.tAnnounceP span{color: #e5c100; font-size: inherit;	margin-right: 3px;}
.timerBox{display:flex; align-items: center; justify-content:start;}
.timerBox_nB{
	height:20px;margin-right:3px;
	display: flex; align-items: end; justify-content: center;
}
.timerBox_nB span{
	display:block; line-height:16px; height: 16px;
	font-size:20px;	font-weight:700; text-align:center;	font-family: 'Pretendard';
}
.kdcTimer .days,.kdcTimer .hours,.kdcTimer .minutes,.kdcTimer .seconds{display:flex; align-items:end;}
.kdcTimer .days{margin-right:12px;}
.kdcTimer .days p{font-size:10px;  }
.timerBox_colon{font-size:20px; line-height:20px;	margin-left:3px; margin-right:8px; margin-top: 5px;}
.kdcApplyBtn{
	font-size:13px;	text-align: center;
	min-width:100px; max-width:225px; height:32px; line-height:32px;
	background-color:#0080ff; color:white; border-radius:25px;
	position:absolute; right:0; top:50%; transform:translateY(-50%);
}
.kdcApplyBtn:hover{color:white;}
#lnb.headerMenu_pc.fixedTop{top: 0px;}
/* ----- */

/* 헤더 검색박스 css */
.searchBox-head{margin-right:10px;}
.searchInputBox{position: relative; height: 38px; min-width: 243px; width: 100%;}
.searchInput{height: 100%; width: 100%; border-radius: 50px; background-color: #F7F7F7;	border: none; padding:12px;}
.searchInput::placeholder{font-size: 14px; color:#BFBFBF; padding-left: 16px;}
.searchInput:focus{outline: none !important;}
.searchBtn{
	position: absolute; top: 50%; right: 14px; transform: translateY(-50%);
	display: flex; align-items: center;
	cursor: pointer;
	background-color: unset;
}
.searchIcon{fill: black; width: 18px;}
.searchBox-headMb{  background-color: #2297F4; border-bottom: 1px solid white;
	padding: 0 10px; margin: 0; height: 64px;
	display: flex; align-items: center;
}
.searchInputBoxMb{margin-bottom: unset !important;;}
.searchInputBoxMb input{background-color: #ffffff; }
/* ----- */

/* 공통 */
.kdcbg{background: linear-gradient(to right, #18ABED,  #3500E6); color: #fff !important;}
.kdcbg:hover {background: linear-gradient(to right, #3500E6, #18ABED); color: #fff !important;}
.kdcbg_a:hover {color: #fff !important;}
.headerMenu_pc .kdcbg{
	border-radius: 5px; 
	padding: 1px 10px 0 10px; box-sizing: border-box;
	height: 30px;
	display: flex; align-items: center; justify-content: center;
}
.navBox .kdcbg{background: linear-gradient(to right, #3500E6,  #18ABED);}
.navBox .kdcbg:hover {background: linear-gradient(to right, #3500E6, #18ABED);}
/* ----- */

/* pc 헤더 */
.headerGroup{margin-top: 50px;} /* headerGroup은 timer 때문에 있음 */
.headerMenu_pc {display: none;}
.header_login {
	display: none;
	font-size: 14px; margin: 0 auto;
	width: 95%; max-width: 1200px;
}
.plogin{display: flex; align-items: center;}

/* pc 헤더 서브 메뉴 */
.dropdown {position: relative; display: inline-block;}
.dropbtn {border: none; font-size: 18px; font-weight: 500;}
.dropdown-content {
	display: none;
	min-width: 170px; padding-top: 18px;
	position: absolute; top: 19.5px; z-index: 10;
}
.dropdown-content a {display: block; font-size:14px; font-weight: 500;	text-decoration: none; color: black;	padding: 10px 10px;}
.dropdown_aBox{
	box-shadow: 0px 3px 3px 0px rgb(0 0 0 / 33%);
	background-color: #fff; padding-bottom: 4px;
}
.dropdown:hover .dropbtn {color: #0080ff;}
.dropdown:hover .dropdown-content {display: block;}
.dropdown-content:hover{display: block;}
.dropdown-content a:hover {background-color: #f3f6f8;}
/* ----- */

/* mob 헤더 */
.menubarclick {display:block !important;}
.headerMenu_m {width: 100%; height: 50px; }
.headerWrap_m {width: 95%; height: 100%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center;}
.headerWrap_m .mlogo{max-width: 130px; height: 18.5px; line-height: 15.5px;}
.headerIt_m {margin-top: 0;}
.headerWrap_m .mbtn{width: 15px; height: 14px; line-height: 10px;}

/* mob메뉴바 */
.navBox {display: block; width: 100%; z-index: 100;}
.nav_menubar {display:none;}
.nav_menuUl > li {background-color: #2297F4;  }
.nav_menuUl > li > a {display: block; font-weight: 500; background-color: #2297F4; color: #fff; padding: 15px; box-sizing: border-box; border-top: 1px solid #fff}

.mlogin {width: 100%; padding: 20px 0; text-align: center; background-color: #2297F4;}
.mlogin a {padding: 3px 15px; border: 1px solid #fff; color: #fff;
margin: 0 5px; border-radius: 5px;}
.mlogin a:hover {color:#fff; background-color: #2297F4;}
/* --------------------------------------------------------------- */


/*------------ footer ------------*/
footer {width: 100%;}
footer a, footer button {color: #333; font-size: inherit;} 
/* --------ftop---------- */
.ftop {width: 100%; border-top: 1px solid #707070; border-bottom: 1px solid #707070; padding: 10px 0;}
.ftopWrap {
	width: 100%; max-width: 1200px; margin: 0 auto;
	text-align: center;
	display: grid;
	grid-row-gap: 6px;
	grid-template-columns: 1fr 1fr 1fr;
}
.ftopWrap_li {font-size: 13px; white-space: nowrap;}
.ftopWrap_li:hover{font-weight: 500 !important;}
.ftopWrap_li--gray {display: none; color: #707070;}
.ftopWrap_li .policyPop {font-weight: 700;}

/* --------fbottom---------- */
.fbottom {width: 92%; max-width: 1200px; margin: 0 auto; padding: 25px 0; text-align: left;}
.fbottom > img {padding-top: 20px;}
.logoOperTBox {display: flex; flex-direction: column; align-items: center; margin-bottom: 20px;}

.ftItLogoBox {margin-top: 10px; width:100%; max-width:170px;}

.operTimeBox {
	padding-top: 20px; 
	display: flex; align-items: center; gap: 1px;
	flex-direction: column;
}
.operTimeBox .operTimeTxt{color: #2d3380; font-weight: 700; font-size: 12px; letter-spacing: -1px;}

/* 푸터_고객센터 상담콜 */
.operTimeBox .mobileCall {display: flex; justify-content: right; align-items: center;}
.operTimeBox .mobileCall > svg {width: 14px; color: #2D3380; animation: 4s infinite; }
.operTimeBox .mobileCallNum {font-size: 18px; line-height: 18px; color: #2D3380; padding-left: 6px; font-weight: bold;}

/* 푸터카피 */
.ftAdreBox{
	display: flex; flex-direction: column; justify-content: space-between; align-items: center; gap: 15px; margin-bottom: 25px;
}
select::-ms-expand {display: none;}
.ftAdreBox_txt {display: block; font-size: 12px; font-weight: 500; line-height: 18px; color: #777;  word-break: keep-all;  }
.ftAdreBox_txt > p{
	display: flex; align-items: center; justify-content: center; flex-wrap: wrap;
}
.ftAdreBox_txt > p > span{
	white-space: nowrap; 
	position: relative;	padding-right: 7px; margin-right: 4px;
}
.ftAdreBox_txt > p > span::after{
	content: '|';	position: absolute; top: -2px; right: 0;
	font-size: 12px; color: #777; line-height: 22px;
}
.ftAdreBox_txt > p:last-child > span:last-child::after{content: none;}

/* 수상내역 */
.ftAwarBox {
	display: grid; grid-template-columns: repeat(2,1fr);
	grid-row-gap: 12px; grid-column-gap: 8px;
	margin: 0 auto; margin-top: 10px;
	text-align: center; word-break: keep-all;
}
.ftAwarCont {
	display: flex; align-items: center; justify-content: space-around;
	width: 100%; margin: 0 auto;
}
.ftAwarCont_img {width: 30px; margin: 0 auto;}
.ftAwarCont_img img {width: 100% ; height: 100%; object-fit: cover;}
.ftAwarCont_txt {
	font-weight: 500; color: #777; text-align: left;
	width: calc(100% - 35px); margin-left: 5px; letter-spacing: -0.3px; word-break: keep-all;
	display: flex; flex-direction: column; justify-content: space-between; align-items: start; gap: 4px;
}
.ftAwarCont_txt span:first-child{font-size: 11px; line-height: 12px; display:inline-block;}
.ftAwarCont_txt span:last-child{font-size: 10px ; display: block; line-height: 13px !important; color:#888;}

/* 카카오 톡상담 */
.kakaoTalk{width: 110px; position: fixed; z-index: 10000; top: 90%; right: 1.2%;}


/* ------------footer modal-------------- */
.modal_ftMrCs input:focus, .modal_ftMrCs textarea:focus{outline: none;}
.modal_ftMrCs *{box-sizing: border-box;}
.modal_ftMrCs{
	width: 100%; height: 100%;
	position: fixed; left: 0; bottom: 0; z-index: 10000; 
	background-color: rgba(0, 0, 0, .5);
}
.ftMrCsTit{
	font-size: 20px; color: #08143f;
	height: 58px; margin-bottom: 18px; 
	background-color: #ebf6ff85; border-bottom: 1px solid #707070;
	display:flex; align-items: center; justify-content: center; gap:6px;
	position: relative;
}
.ftMrCsTit_img{width: 28px; height: 25px; line-height: 25px; margin-right: 5px; margin-top: 2px;}
.ftMrCsTit_img img{
	filter: brightness(0) saturate(100%) invert(41%) sepia(61%) saturate(1678%) hue-rotate(186deg) brightness(101%) contrast(95%);
	width: 100%; object-fit: cover;
}
.ftMrCsTit_txt{
	font-size: 18px; line-height: 21px; font-weight: 600;
	color: #212845; margin-top: 4px;
}
.ftMrCsWrap{
	width: 95%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);  border-radius: 12px; background-color: #fff; overflow: hidden; 
} 
.ftMrCsTit .CloseBtn{
	width: 16px; height: 16px; color: #363636; 
	position: absolute; right: 15px; top: 50%;
	transform: translateY(-50%); z-index: 500; cursor: pointer;
}
.ftMrCsTit .CloseBtn:before{content: '';position: absolute;width: 20px;height: 2px;background-color: currentColor;-webkit-transform: rotate(45deg);transform: rotate(45deg);margin-left: -10px;}
.ftMrCsTit .CloseBtn:after{content: '';position: absolute;width: 20px;height: 2px; background-color: currentColor;-webkit-transform: rotate(-45deg); transform: rotate(-45deg);margin-left: -10px;}

.ftMrCsWrap form{width: 100%;}
.ftMrCsWrap fieldset{display: flex; align-items: center; justify-content: center; flex-direction: column;}
.ftMrCsWrInfoBox{width: 90%; margin: 0 auto;}
.ftMrCsWrInfoBox .infoBox{margin-bottom: 12px;}
.ftMrCsWrInfoBox .infoBox > label{
	width: 20%; text-align: center;
	font-size: 15px; font-weight: 500;
	display: inline-block; vertical-align: middle;
}
.ftMrCsWrInfoBox .infoBox > input{
	width: 80%; height: 32px;
	display: inline-block; vertical-align: middle;
	border: solid 1px #b4b4b4; text-indent: 5px;
}
.ftMrCsWrInfoBox .infoBox > textarea{width: 100%; height: 122px; resize: none;	border: solid 1px #b4b4b4;}
.ftMrCsAgrBox{width: 90%; margin: 0 auto; margin-bottom: 18px;}
.ftMrCsAgrBox_tit{font-size: 14px; font-weight: 500; color: #333; text-align: center; margin-bottom: 5px;}
.ftMrCsAgrBox_detl{border-top: 1px solid #b9b9b9; border-bottom: 1px solid #b9b9b9; margin-bottom: 5px;}
.ftMrCsAgrBox .detlList{height: 30px;	line-height: 30px;}
.ftMrCsAgrBox .detlList > p{
	width: 32%;
	text-align: center; display: inline-block; vertical-align: middle;
	font-size: 12px; font-weight: 500;
	border-right: 1px solid #b9b9b9;	color: #333;
}
.ftMrCsAgrBox .detlList > p:last-child{border-right: 0;}
.ftMrCsAgrBox .detlList--th{
	background-color: rgb(64 85 96 / 10%);
	border-bottom: 1px dotted #b9b9b9;
}
.ftMrCsAgrBox .detlList--td > p{color: #626262;}

.ftMrCsAgrBox_txt{
	font-size: 12px; font-weight: 500;
	text-align: end;  word-break: keep-all;
	color: #888888; margin-bottom: 20px;
}
.ftMrCsAgrBox_txt span{font-size: 13px; font-weight: 400;}
.ftMrCsAgrBox_che .consultAgr{
	text-align: center;	display: block;
	font-size: 14px; font-weight: 500; color: #464646; 
}
.ftMrCsAgrBox_che .consultAgr > input{
	width: 15px; height: 15px;
	margin-right: 5px; background-color: transparent;
	border: 2px solid #666; border-radius: 2px;
}
.ftMrCsReqtxtar{
	width: 93%; height: 250px; resize: none;
	border: solid 1px #b4b4b4;	outline: none;
	font-size: 14px;
	padding: 5px; margin-bottom: 20px;
}

.ftMrCsReqtxtar::-webkit-scrollbar{width: 4px;}
.ftMrCsReqtxtar::-webkit-scrollbar-thumb{height: 20% !important; background-color: #b3b6bd; border-radius: 10px;}
.ftMrCsReqtxtar::-webkit-scrollbar-track{background-color: #e8e8e8;}

/* firefox 브라우져 css 별도 적용 */
.ftMrCsReqtxtar {
  scrollbar-color: #b3b6bd #e8e8e8; /* 스크롤바 색상 (thumb, track) */
  scrollbar-width: thin; /* 스크롤바 너비 (auto, thin, none) */
}

.ftMdlSbBtn{
	width: 100%; height: 48px;
	font-size: 18px; font-weight: 500;
	letter-spacing: 1px; padding-left: 2px;
	border: 1px solid #0080ff; background-color: #0080ff; color: #fff;
}
/* firefox 브라우저 별도 css 적용 */
@-moz-document url-prefix() { 
	.ftMrCsWrap{top: 20%; transform:translate(-50%, 0);}
	.ftMrCsAgrBox_che .consultAgr > input{line-height: 15px;}
}


@media all and (min-width:420px){
	/* 수상내역 */
	.ftAwarBox{width: 95%; max-width: 392px; grid-column-gap: 40px;}
}

@media all and (min-width:480px){
	.tAnnounceP{font-size:12px;}
	.headerGroup{margin-top: 51px;}

	.fbottom{padding: 20px 0;}
	.logoOperTBox{flex-direction: row; align-items: flex-start; justify-content: space-between; margin-bottom: 25px;}
	.ftItLogoBox{margin-top: 7px;}
	.operTimeBox{padding-top: 4px; gap: 0px;}
	.operTimeBox .mobileCallNum{font-size: 19px;}
	.ftAdreBox_txt > p{justify-content: flex-start;}

	.ftopWrap_li {font-size: 14px;}
}


@media all and (min-width:520px){
	/* 수상내역 */
	.ftAwarBox{width:100%; max-width: 420px; grid-column-gap: 50px;}

	/* footer modal css */
	.ftMrCsWrap{width: 460px;}
}

@media all and (min-width:580px){
	.headerGroup{margin-top: 50px;}
	.Timecont{display:flex; align-items:center; justify-content: space-between; padding:8px 0;}
	.timerBox {margin-top:0px;}
	.timerBox_nB{height: 19px;}
	.timerBox_nB span{line-height:19px;	height: 19px;}
	.kdcApplyBtn {min-width: 118px;	height: 34px;	line-height: 34px; font-size: 15px; position: unset; transform:none;}

	/* 수상내역 */
	.ftAwarBox{
		grid-template-columns: repeat(3, 1fr); grid-column-gap: 10px;
		width: 100%; max-width: 653px;
	}
}

@media all and (min-width:640px){
	.timerBox_nB span{font-size: 24px;}
	/* 헤더 검색박스 css */
	.searchBox-headMb {padding: 0 25px;}
	.searchInputBoxMb{width: 100% !important;}

	.operTimeBox{padding-top: 5px;}

	/* 수상내역 */
	.ftAwarBox{width: 95%;	grid-template-columns: repeat(3, 1fr); grid-column-gap: 14px;}
}

@media all and (min-width:740px){
	/* 수상내역 */
	.ftAwarBox{grid-column-gap:12px; max-width:unset;}
}

@media all and (min-width:768px) {
	/* 서버 점검 안내 popup *//* 삭제 X */
	/* .info_popup{max-width: 415px; 	padding:15px 18px 10px; border-radius: 16px;}
	.info_popup .popup_top{font-size: 24px; font-weight:700; margin-bottom: 15px;	}
	.info_popup .popup_mid{	padding: 25px 30px 18px 30px; border-radius: 12px;}
	.info_popup .popup_mid .timeP{
		font-size: 16px; line-height: 24px;
		padding: 19px 20px 15px; 
		margin-top: 40px; margin-bottom: 25px !important;
	}
	.info_popup .popup_mid .txtP .detailBtn{font-size: 13px;}
	.info_popup .popup_mid .timeP:after{font-size: 13px; padding: 2px 17px 3px 19px;} */
	/* -- */

	.headerWrap_m {width: 95%;}
	.header_login {width: 95%;}
	.headerWrap_pc{width:95%;}


	/* 헤더타이머 css */
	.tAnnounceP{font-size:13px;}
	.timerBox_nB{
		width:30px;	height:36px;
		background-color:#2E2E2E; margin-right:5px;
		border-radius: 5px;	align-items: center;
	}
	.kdcTimer .days p{margin-bottom:0px; font-size:12px;}
	.kdcApplyBtn {height: 36px;	line-height: 36px;}
	.headerGroup{margin-top: 52px;}
	/* ---- */
	.ftopWrap {display: flex; flex-direction: row;	justify-content: space-around; align-items: center;}
	.ftopWrap_li--gray{display: block;}

	/* 운영시간 */
	.fbottom{width: 95%;}
	
	/* 푸터 카피 */
	.ftAdreBox { flex-direction: row;}
	.ftAdreBox_txt { width: 61%;}

	/* 수상내역 */
	.ftAwarBox {
    grid-template-columns: repeat(4,1fr); grid-column-gap: 35px; grid-row-gap: 12px;
		width: 100%; max-width: unset;
	}

	/* 카카오 톡상담 */
	.kakaoTalk{top: 92%;}

	/* footer modal css */
	.ftMrCsWrInfoBox .infoBox > label {font-size: 16px;}	
	.ftMrCsReqtxtar{height: 300px;}
}

@media all and (min-width:960px) {
	/* 헤더타이머 css */
	.timerBox_nB{width:35px;	height:42px;}
	.timerBox_nB span{ font-size:35px; height: 35px; line-height: 35px;}
	.tAnnounceP{font-size:15px;}
	.kdcTimer .days p {font-size:14px;}
	.kdcApplyBtn {min-width: 140px;}
	.headerGroup{margin-top: 58px;}

	/* 푸터 */
	.ftAwarBox{
		width: 100%;
		display:flex; flex-wrap: wrap; justify-content: left; 
		grid-column-gap: 14px; grid-row-gap: 17px;
	}
	.ftAwarCont{width: fit-content; margin:unset;}
	.ftAwarCont_txt{width: fit-content; margin-left: 8px;}
}

@media all and (min-width:1080px) {
	input::placeholder {padding: 0 10px;}
	/* ---------------------------------- */

	/* 서버 점검 안내 pop *//* 삭제 X */
	/* .info_popup{max-width: 445px; width: auto; padding: 15px 22px 10px; border-radius: 18px;}
	.info_popup .popup_top{font-size: 30px;}
	.info_popup .popup_mid{padding: 35px 60px 15px; border-radius: 15px;}
	.info_popup .popup_mid .txtP{	font-size: 15px; line-height: 22px;}
	.info_popup .popup_mid .timeP{
		font-size: 18px; line-height: 28px; padding: 20px 20px 16px;
	}
	.info_popup .popup_mid .timeP:after{ padding: 0px 19px;}
	.info_popup .popup_bottom > a{font-size: 13px;} */
	/* ---------------------------------- */

	/*------------ header ------------*/
	.searchBox-headMb{display: none;}

	.headerGroup{margin-top:65px;}

	/* 헤더타이머 css */
	.Timecont{width:100%; display:flex; align-items:center; padding: 10px 0;}
	.tAnnounceP{font-size:16px;}
	.timerBox_nB{height:45px; }
	.timerBox_nB span{font-size:38px; height: 38px; line-height: 38px;}
	.kdcTimer .days{margin-right:30px;}
	.kdcTimer .days p{font-size:16px; margin-left:5px; }
	.timerBox_colon{font-size:40px;margin-left:10px;margin-right:15px;}
	.kdcApplyBtn{
		width:225px; height:42px; line-height: 42px;
		font-size:18px;
	}
	/* ---------------------------------- */

	/* --------pc 헤더-------- */
	.searchBox-headMb{display: none;}

	#lnb.headerMenu_pc.fixed{
		position: fixed; left: 0; top:64px; z-index: 100;
		width: 100%;
		background-color: #000000;
		transition: all 0.3s;
		padding: 12px 0;
		color: #fff;
	}

	#lnb.headerMenu_pc.fixed .menuUl_pc li > a,
	#lnb.headerMenu_pc.fixed .menuUl_pc li > button,
	#lnb.headerMenu_pc.fixed .menuUl_pc .dropbtn{color: #fff;}

	.headerMenu_pc {display: block; width: 100%; padding-bottom: 12px;}
	.headerWrap_pc {
		width: 95%; max-width: 1200px; margin: 0 auto;
		display: flex; justify-content: space-between; align-items: center;
	}
	.header_login{
		display: flex; align-items: center; justify-content: right;
		height: 60px;
	}
	.header_login:has(.hasLogo){justify-content: space-between;}
	.plogin p {color: #707070; opacity: 0.5 ;}
	.plogin a {color: #000; margin: 0 15px; font-weight: 500;}
	.plogin a:hover {color: #0080ff;}
	.plogin a:last-child {margin: 0 0 0 15px; }
	
	.plogo {width: 20%;}
	.plogo a {height: 100%; display: inline-block;}
	
	.menuUl_pc {width: 75%; display: flex; justify-content: space-between; align-items: center; font-size: 16px;}
	.menuUl_pc .dropbtn{font-size: 16px; padding: 5px;}
	.menuLi_pc > a, .menuLi_pc > button{padding: 7px 8px; font-weight: 500; font-size: inherit; display: block; color: inherit;}
	.menuLi_pc:last-child .dropbtn {padding: 5px 0px 5px 5px; }
	.menuLi_pc > a:hover ,.menuLi_pc > button:hover {color: #2297F4;}
	.menuLi_pc .dropbtn:hover{color: #2297F4;}

	/* IT */
	.menuUl_pc--it li {padding: 5px 0; }
	.menuUl_pc--it li .dropbtn {font-size: 16px;}
	/* ---------------------------------- */

	/* --------mob 헤더-------- */
	/* mob 헤더_메뉴 */
	.headerMenu_m {display: none;}
	.mlogin {display: none;}
	.navBox {width: 100%; display: block; z-index: 100;}
	.navWrap {width: 100%; max-width: 1050px; margin: 0 auto; display: flex;}
	.nav_menubar {display:block; width: 75%;}
	.nav_menuUl {display: none;}
	.nav_menuUl > li {width: 20%; padding: 20px 0; margin-right: 3px; background-color: transparent;}
	.nav_menuUl > li > a {border-top: none;}
	.nav_menuUl > li > a {color: #fff;}
	.nav_menuUl > li > a {color: #333; font-size: 16px; font-weight: 500; background-color: transparent; padding: 0;}
	.nav_menuUl > li > a:hover {color: #0080ff;}
	.nav_menuUl > li > a > img {padding-right: 5px; margin-bottom: 3px;}

	/*------------ footer ------------*/
	.kakaoTalk {top: 91.5%; width: auto;}
	/* ---------------------------------- */

	footer {width: 100%;}
	.ftopWrap_li {margin-right: 25px;}

	.ftItLogoBox{max-width: 200px; margin-top: 5px;}
	
	/* 운영시간 css */
	.operTimeBox{padding-bottom: 0; padding-top: 6px; gap: 2px;}
	.operTimeBox .mobileCall > svg{width: 16px;}
	.operTimeBox .mobileCallNum{font-size: 24px;}
	.operTimeBox .operTimeTxt{font-size: 13px;}
	
	.ftAdreBox .fbtext  select {margin-top: 0;}
	.ftAdreBox_txt {display: inline-block;	word-break: keep-all;  width: 72%;}
	.ftAwarBox{grid-column-gap: 20px;}
	.ftAwarCont_img{width: auto;	height: 34px;}
	.ftAwarCont_txt { margin-left: 10px; letter-spacing: 0.2px; line-height: 20px;}
	.ftAdreBox .fbtext {padding: 0 !important;}
	.ftAwarCont_txt span:first-child{font-size:12px;}
}

@media all and (min-width:1200px) {
	.plogo {width: 21%;}
	.header_login {width: 100%;}
	.headerWrap_pc{width: 100%;}
	.fbottom{width: 100%;}
}