@charset "UTF-8";
@import url("layout.css");
@import url("datepicker.css");

/* Default Tag Style*/
@font-face {
    font-family:'Nanum';
    src:url('nanum.eot');
    src:url('nanum.eot?#iefix') format('embedded-opentype'), url(' nanum.woff') format('woff'), url(' nanum.ttf') format('truetype');
    font-weight:normal;
    font-style:normal; 
}
@font-face {
    font-family:'NanumBold';
    src:url('nanum_bold.eot');
    src:url('nanum_bold.eot?#iefix') format('embedded-opentype'), url(' nanum_bold.woff') format('woff'), url(' nanum_bold.ttf') format('truetype');
    font-weight:bold;
    font-style:normal; 
}

@font-face {
    font-family: 'Noto Sans';
    font-style: normal; 
    font-weight: 400;
    src: url(./fonts/NotoSansKR-Regular.woff2) format('woff2'),
    url(./fonts/NotoSansKR-Regular.woff) format('woff'),
    url(./fonts/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 500;
    src: url(./fonts/NotoSansKR-Medium.woff2) format('woff2'),
    url(./fonts/NotoSansKR-Medium.woff) format('woff'),
    url(./fonts/NotoSansKR-Medium.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 600;
    src: url(./fonts/NotoSansKR-Bold.woff2) format('woff2'),
    url(./fonts/NotoSansKR-Bold.woff) format('woff'),
    url(./fonts/NotoSansKR-Bold.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 700;
    src: url(./fonts/NotoSansKR-Bold.woff2) format('woff2'),
    url(./fonts/NotoSansKR-Bold.woff) format('woff'),
    url(./fonts/NotoSansKR-Bold.otf) format('opentype');
}

html, body {margin:0; padding:0;}
body {height:100%;background:#fff;font-size:12px; color:#444; line-height:20px;font-family: 'Noto Sans', '나눔고딕', 'Nanum Gothic', Nanum,"돋움", Dotum, AppleGothic, sans-serif;}
div, ol, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, fieldset, p, a, iframe, span, img, input, table, th, td {margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 {font-size:12px;}
ol, ul {list-style:none;}
fieldset {border:none;}
legend {display:none;}
img {border:0;vertical-align:middle;}
table {border-collapse:collapse;}
caption{width:0;height:0;font-size:0;line-height:0;visibility:hidden;overflow:hidden}
legend{border:0;width:1px;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0 0 0 0)}
textarea{resize:none}
input, select, textarea, input.button, input.check, input.radio {margin:0; padding:0;vertical-align:middle;font-size:11px;font-family:'Noto Sans', 'Nanum Gothic';line-height:20px;outline:0}
input::placeholder {color: #ccc}
input::-ms-input-placeholder {color: #ccc}
input.image {}
input.check {vertical-align:middle;margin-top:-2px;}
input.radio {vertical-align:middle;margin-top:-2px;}
input.file {height:25px;}
input.button {height:23px;padding:0 10px 0 10px;margin-left:2px;cursor:pointer;}

select {border:1px solid #CCCCCC; padding-left:16px;min-width:160px;height:26px;background: url('../../images/pc/btn_select.png') no-repeat 97% #fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
table input[type="text"]{border:1px solid #CCCCCC;padding:0 0;text-indent:16px;height:38px; border-radius: 4px;font-size: 14px;}
table input[type="checkbox"]{border:1px solid #dcdcdc;padding:2px 0 0px 0;text-indent:5px;height:22px}
table textarea{border:1px solid #dcdcdc;padding:2px 0 4px 0;text-indent:5px}

/*radio checkBox */
/* input[type=radio] {border:none;width:24px;height:24px;accent-color: #5EA1B4; }  */
/* input[type=checkbox] {border:none;width:14px;height:14px; } */
.rnc span{vertical-align:middle;}
.rnc_radio span { vertical-align:middle; }

/* checkbox new */
input[type="checkbox"] {
	display: none;
}

.custom-checkbox {
	display: inline-block;
	width: 24px;
	height: 24px;
	background-image: url('/images/pc/checkbox_off.png'); /* ✅ 체크 안된 상태 이미지 */
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}

.rnc .custom-checkbox {
	display: inline-block;
	width: 18px;
	height: 18px;
	background-image: url('/images/pc/checkbox_off.png'); /* ✅ 체크 안된 상태 이미지 */
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}

.rnc .checkbox-label {
	display: inline-flex;
	align-items: center;
	gap: 0;
	font-size: 0;
	cursor: pointer;
	line-height: 0;
}

/* 체크된 상태에서 이미지로 표시 */
input[type="checkbox"]:checked + .custom-checkbox {
	background-image: url('/images/pc/checkbox_on.png'); /* ✅ 체크 이미지 */
}

.checkbox-label {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	cursor: pointer;
	line-height: 40px;
	font-weight: 500;
}

input[type="checkbox"]:disabled + .custom-checkbox {
	background-color: #bbb;
}

/* radio new */
/* 라디오 버튼 숨기기 */
input[type="radio"] {
	display: none;
}

/* 커스텀 라벨 스타일 */
.custom-radio {
	display: inline-block;
	width: 22px;
	height: 22px;
	border: 1px solid #C0C0C0; /* 회색 테두리 */
	border-radius: 50%;
	position: relative;
	cursor: pointer;
	margin-right: 8px;
}

/* 가운데 원 (선택 시 나타남) */
.custom-radio::after {
	content: '';
	width: 12px;
	height: 12px;
	background-color: #5EA1B4; /* 선택 시 파란색 */
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0); /* 처음에는 안 보이게 */
}

/* 라디오 버튼 체크 시 가운데 원 보이게 */
input[type="radio"]:checked + .custom-radio::after {
	transform: translate(-50%, -50%) scale(1); /* 동그라미 표시 */
}
label:has(.custom-radio) {
	font-size: 14px;
	cursor: pointer;
	line-height: 40px;
	display: inline-flex;
	align-items: center;
}
label.second-radio {
	margin-left: 32px;
}

/* 커스텀 라벨 스타일 */
.rnc .custom-radio {
	display: inline-block;
	width: 20px;
	height: 20px;
	border: 1px solid #C0C0C0; /* 회색 테두리 */
	border-radius: 50%;
	position: relative;
	cursor: pointer;
	margin-right: 8px;
}

/* 가운데 원 (선택 시 나타남) */
.rnc .custom-radio::after {
	content: '';
	width: 10px;
	height: 10px;
	background-color: #5EA1B4; /* 선택 시 파란색 */
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0); /* 처음에는 안 보이게 */
}
.rnc label:has(.custom-radio) {
	font-size: 12px;
	cursor: pointer;
	line-height: 40px;
	display: inline-flex;
	align-items: center;
}

a:link,  a:visited {color:#444;text-decoration:none;}
a:hover,  a:active {color:#444;text-decoration:none;}

a.link{text-decoration:none;}
a.link:visited{text-decoration:none;}
a.link:hover ,
a.link:active {color:#000;text-decoration:underline;}

em{font-style:normal}

#skipto{display:none}
#skipto a {position:absolute; left:-3000%;}
#skipto a:focus { display:block; left:0; top:0; z-index:10000000000; width:100%; height:30px; line-height:30px; background:#039; color:#fff; text-align:center;}

.mT5 {margin-top:5px !important}
.mT10 {margin-top:10px !important}
.mT15 {margin-top:15px}
.mT20 {margin-top:20px }
.mT30 {margin-top:20px}
.mT40 {margin-top:40px}
.mT50 {margin-top:50px}

.mL5 {margin-left:5px}
.mL10 {margin-left:10px}
.mL20 {margin-left:20px}
.mL60 {margin-left:60px}

.mR2 {margin-right:2px}
.mR5 {margin-right:5px}
.mR10 {margin-right:10px}
.mR20 {margin-right:20px}

.mB0 {margin-bottom:0px  !important}
.mB5 {margin-bottom:5px}
.mB10 {margin-bottom:10px}
.mB20 {margin-bottom:20px !important}
.mB25 {margin-bottom:25px}
.mB30 {margin-bottom:30px}
.mB50 {margin-bottom:50px}

.w500 {width:500px !important}
.w450 {width:450px !important}
.w400 {width:400px !important}
.w300 {width:300px !important}
.w250 {width:250px !important}
.w200 {width:200px !important}
.w160 {width:160px !important}
.w150 {width:150px !important}
.w140 {width:140px !important}
.w130 {width:140px !important}
.w125 {width:125px !important}
.w120 {width:120px !important}
.w100 {width:100px !important}
.w90 {width:90px !important}
.w80 {width:80px !important}
.w70 {width:70px !important}
.w60 {width:60px !important}
.w50 {width:50px !important}
.w40 {width:40px !important}
.w30 {width:30px !important}
.w35 {width:35px !important}
.w20 {width:20px !important}
.w10 {width:10px !important}
.w100p {width:100%}
.w98p {width:98%}
.w90p {width:90%}
.w80p {width:80%}
.w75p {width:75%}
.w70p {width:70%}
.w60p {width:60%}
.w50p {width:50%}
.w49p {width:49% !important}
.w40p {width:40%}
.w33p {width:33%}
.w30p {width:30%}
.h50 {height:50px}
.h55 {height:55px}
.h80 {height:80px}

.color1{color:#21a7d3}/*blue*/
.bg1{background:#21a7d3;color:#fff;line-height:16px;margin:2px 0}/*blue*/
.color2{color:#f0363e}/*red*/
.red {color: #EE2830;}
.disable{color:#acacac}
.bold{font-weight:700}
.bgN{background:none !important}
.disN{display:none}

/* Display */
.fl{float:left}
.fr{float:right}
.clear{clear:both !important}
.clear:after{content:'';display:block;clear:both}
.group:before,
.group:after{content:"";display:table}
.group:after{clear:both }
	.ie7 .group {zoom:1}
.ir{background-color:transparent;border:0;overflow:hidden}
	.ie7 .ir{text-indent:-9999px}
.ir:before{content:"";display:block;width:0;height:150%}
.blind{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.blind.focusable:active,
.blind.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}
.sighted{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}
.hidden{display:none !important;visibility:hidden}
.invisible{visibility:hidden}

/* Align */
.txtL{text-align:left !important}
.txtC ,.c{text-align:center !important}
.txtR{text-align:right !important}
.t{vertical-align:top !important}
.m{vertical-align:middle !important}
.b{vertical-align:bottom !important}

/* datepicker */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* 20160715 */
.sEditor ul {list-style-type:disc;}
.sEditor ol {list-style-type:decimal;}