/****************************Default Header CSS*************************************/
@charset "utf-8";
@import url("/font/fontello/css/fontello.css");	/* 커스텀 폰트 아이콘 */
/******************* 기본Layout *******************/
body, html {
  margin: 0;
  font-family: 'Noto Sans KR', sans-serif;
  letter-spacing: -0.02em;
  font-size:16px;
}
.container {
	max-width: 100%;
	margin: 0 auto;
	overflow-x:hidden;
}
body input {
  font-family: 'Noto Sans KR', sans-serif;
  letter-spacing: -0.02em;
}
/* 아이폰 테두리 음영생기는거 제거 */
input[type="text"],
input[type="password"],
input[type="email"],
textarea { -webkit-appearance: none;-webkit-border-radius:0; }
body input:focus, body textarea:focus { outline:none; }
body button {
  font-family: 'Noto Sans KR', sans-serif;
  letter-spacing: -0.02em;
}
body button:focus {outline:none;}
/******************* 탑 Layout *******************/
.top-menu {display:flex;justify-content:space-between;height:45px;border-bottom: 1px #e3e3e3 solid;}
.top-menu .k-icon { font-size:1.5rem; color:rgba(51, 51, 51, 1);}
.top-menu .k-i-menu { color:silver; }
.top-menu .login { color:silver;background-color:#FFFFFF; }
.top-menu .logout { color:rgba(0, 186, 197, 1);background-color:#FFFFFF; }
.top-menu .top-sub { display:inline-block;padding: 0.7rem;text-align:center; }
.top-menu .top-sub:last-child { padding: 1rem 1rem 0rem 0.45rem; }
.top-menu .menu-icon img { width:23px; }
.top-menu .logo { width:145px;margin-top:3px;}

/*** 메뉴 ***/
.main-manu-wrap { position: absolute; z-index: 9999999; background-color:rgba(0,0,0,0.3);width:100%;display: flex;justify-content: flex-end;}
.main-menu { padding: 2rem 0rem 1.5rem 0rem;width:50%;background-color:#fff;border-left:1px silver solid;border-bottom:1px silver solid;}
.main-menu hr { width:100px; border: solid 0.5px silver;text-align:left;margin-top:1rem;margin-left:0px;}
.main-menu a { text-decoration:none; color:silver;}
.main-menu .active { font-weight:500; color:rgba(51, 51, 51, 1) !important;}
.main-menu .sub-menu-wrap {width: 5rem;margin: 0 auto;}
.main-menu .sub-menu {text-align: left;padding-top:0.5rem;color:silver;}
.sub-cancel { position: absolute; z-index: 99999; text-align: right; padding-right: 2.2rem;padding-top: 0rem;}
.sub-cancel .k-icon { font-size:1.5rem; color:silver; padding-top: 1.3rem;position:absolute;}

.user-menu-wrap { position: absolute; z-index: 9999999; background-color:rgba(0,0,0,0.3);width:100%;display: flex;justify-content: flex-start;}
.user-main-menu { padding: 2rem 0rem 1.5rem 0rem;width:50%;background-color:#fff;border-right:1px silver solid;border-bottom:1px silver solid;}
.user-main-menu hr { width:160px; border: solid 0.5px silver;text-align:left;margin-top:1rem;margin-left:0px;}
.user-main-menu a { text-decoration:none; color:silver;}
.user-main-menu .active { font-weight: 500; color:rgba(51, 51, 51, 1) !important;}
.user-main-menu .user-sub-menu-wrap {width: 10rem;margin: 0 auto;}
.user-main-menu .sub-menu {text-align: left;padding-top: 0.5rem;color:silver;}
.user-main-menu .user-info {text-align: left;padding-top: 0.8rem;font-weight:600; font-size:0.8rem; color:rgba(51, 51, 51, 1);}
.user-sub-cancel { position: absolute; z-index: 99999; text-align: right;padding-left:0.65rem;padding-top: 0rem;}
.user-sub-cancel .k-icon { font-size:1.5rem; color:silver; padding-top: 1.3rem;position:absolute;}

/******************* 본문 Layout *******************/

/******************* 푸터 Layout *******************/
footer { z-index:100;width:100%;background-color:rgba(18, 88, 111, 1); }
footer .footer_area { padding:3px 0px 5px 0px;text-align:center;}
.corp-center { font-size:13px;font-weight:300;color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;letter-spacing:-0.02em; }


/******************* 기본버튼 *******************/
.sb { background: #31c1cb;color: #FFF; } /* 확인 */
.ib { background: #31c1cb;color: #FFF; } /* 정보 */
.cb { background: #d9d9d9;color: #101010; } /* 취소 */
.db { background: #ff6358;color: #FFF; } /* 삭제 */
.btn-wr { padding-top: 1rem;padding-bottom: 3rem; display: flex; justify-content: center; }
.btn-wr.no-pad { padding-top: 0rem;padding-bottom: 0rem; }
.btn-wr .btn { padding: 0.5rem 1rem 0.45rem 1rem; border-radius: 19px; border: 0; font-size: 0.9rem; letter-spacing: -0.02rem;}
.btn-wr .btn:not(:first-child){ margin-left:1rem;}
.btn-wr .btn2 { padding: 0.5rem 0.5rem 0.45rem 0.5rem; border-radius: 19px; border: 0; font-size: 0.8rem; letter-spacing: -0.02rem;}
.btn-wr .btn2:not(:first-child){ margin-left:1rem;}
.btn-wr2 { padding-top: 1rem;padding-bottom: 3rem; display: flex; justify-content: center; }
.btn-wr2 .btn { padding: 0.5rem 1rem 0.45rem 1rem; border-radius: 19px; border: 0; font-size: 0.9rem; letter-spacing: -0.02rem;}
.btn-sub-wr-mobile { padding-top:0.5rem;padding-bottom:0rem; position: relative;}
.btn-sub-wr-mobile .btn-sub { padding: 0.0rem 0.5rem 0.1rem 0.5rem;border-radius:8px;border:0;font-size: 1rem;letter-spacing:-0.02em;cursor:pointer; margin-bottom:1rem; }

.window-caption .btn-wr5 .btn{ padding: 0rem; border-radius: 19px; border: 0; font-size: 0.8rem; letter-spacing: -0.02rem; cursor: pointer;}
.window-caption .title {font-size: 0.9rem !important;}
.window-caption .sub {font-size: 0.8rem !important;}

.modal-dlg {text-align: center; padding: 0 12px;}
.modal-dlg .note {font-size:0.9rem;color:#888;line-height:1.5;margin-bottom:1rem;}
.modal-dlg .btn-win-grp-wr {padding-top:1rem;display:flex;justify-content: center;gap:12px;}
.modal-dlg .btn-win-grp-wr .btn { flex:1; background-color: #31c1cb;color:#FFF;border:none;border-radius:24px;padding:12px;font-size:1rem;letter-spacing: -0.02em;cursor:pointer;}
.modal-dlg .btn-win-grp-wr .btn:hover { background-color: #269ba3;}

/******************* 활용 태그 *******************/
.point-text { color: red !important; font-weight: 500;}
.point-text2 { color: #ff6358 !important;}
.point-text3 { color: #ff6358 !important; font-weight: 500;}
.point-text4 { color: #3366cc !important; font-weight: 500;}
.point-text5 { color: #31c1cb !important; }
.point-text6 { color: #5f8af1 !important; }
.point-text7 { color: silver !important; }
.grid-point1, .grid-point2 { color: #f8f8f8 !important; }
.text-red { color: red !important;}
.t-underline { text-decoration: underline;}
.position-ab {position: absolute !important;}
.dp-inline {display:inline-block;}
.txt-center, .t-c {text-align: center !important;}
.txt-right {text-align: right !important;}
.txt-vtc-center {vertical-align:middle !important;}

.pt0rem { padding-top: 0rem !important;}
.pt05rem { padding-top: 0.5rem !important;}
.pt06rem { padding-top: 0.6rem !important;}
.pt1rem { padding-top: 1rem !important;}
.pt2rem { padding-top: 2rem !important;}
.pt3rem { padding-top: 3rem !important;}
.pt4rem { padding-top: 4rem !important;}

.pb0rem { padding-bottom: 0rem !important;}
.pb03rem { padding-bottom: 0.3rem !important;}
.pb05rem { padding-bottom: 0.5rem !important;}
.pb1rem { padding-bottom: 1rem !important;}
.pb2rem { padding-bottom: 2rem !important;}

.pl03rem { padding-left: 0.3rem !important;}
.pl05rem { padding-left: 0.5rem !important;}
.pl1rem { padding-left: 1rem !important;}

.pr05rem { padding-right: 0.5rem !important;}
.pr1rem { padding-right: 1rem !important;}


.mgb0rem { margin-bottom:0rem; }

.w90p { width:90% !important; }
.w85p { width:85% !important; }
.w80p { width:80% !important; }
.w70p { width:70% !important; }
.w50p { width:50% !important; }
.w20p { width:20% !important; }
.w10p { width:10% !important; }
.w5p { width:5% !important; }
.float-l { float:left; }
.float-r { float:right; }

.disp-flex-center {display:flex; justify-content:center;}
.disp-flex { display:flex; }

/*================= 미디어 쿼리 =================*/
/* 화면 320 */
@media screen and (max-width: 320px) {
/* 	html { font-size : 15px; } */
}
/* 화면 321 ~ 360 */
@media screen and (min-width: 321px) and (max-width: 360px) {
/* 	html { font-size : 15px; } */
}
/* 화면 361 ~ */
@media screen and (min-width: 361px) {
/* 	html { font-size : 15px; } */
}

/******************* search-area *******************/
.search-area { display:flex;justify-content:flex-start;padding: 10px 0px 5px 0px; }
.search-area .inp-text { font-size:1rem;text-align: left;border-radius:5px;padding:0.5rem 0.5rem 0.5rem 0.5rem;border: 1px solid #e3e3e3;margin-right:0.5rem; }
.search-area .icon { display:flex;justify-content:flex-start; }
.search-area .icon-sr { color:#fff;background-color:rgba(0, 186, 197, 1);border-radius:5px;padding: 4px 10px 4px 10px;cursor:pointer; }
.search-area .k-i-search { font-size:20px;padding-top:6px;cursor:pointer; }
.span1 { width: 20px !important; }
.span2 { width: 40px !important; }
.span3 { width: 60px !important; }
.span4 { width: 80px !important; }
.span5 { width: 100px !important; }
.span6 { width: 120px !important; }
.span7 { width: 140px !important; }
.span8 { width: 160px !important; }
.span9 { width: 180px !important; }
.span10 { width: 200px !important; }