@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap');
@font-face {
	font-family: 'Pretendard';
	src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}

/* 초기화 */
html {font-size:14px;scroll-behavior: smooth;-webkit-font-smoothing: antialiased;}
body {width:100%;margin:0px 0px;padding:0px 0px;font-family:"Noto Sans KR", Arial, sans-serif, "돋움", "굴림";font-style: normal;color:var(--main-font-color);font-size:1.0rem;font-weight:400;box-sizing:border-box;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0px;padding:0px;border:0px}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
legend {position:absolute;font-size:0px;line-height:0px;text-indent:-9999em;overflow:hidden}
input, button {margin:0px;padding:0px;border-radius:0; /*-webkit-appearance:none;*/background:none;font-size:12px;font-family:"Noto Sans KR", Arial, sans-serif, "돋움", "굴림";}
button, input[type=submit] {cursor:pointer;font-family:"Noto Sans KR", Arial, sans-serif, "돋움", "굴림";font-size:12px;}
input[type=text], input[type=password], input[type=image], button {-webkit-appearance:none;}
textarea, select,button {font-size:12px;font-family:"Noto Sans KR", Arial, sans-serif, "돋움", "굴림";font-style: normal; -webkit-appearance:none;color:inherit;}
select {margin:0px;/*background:none*/;font-family:"Noto Sans KR", Arial, sans-serif, "돋움", "굴림";}
p {margin:0px;padding:0px;word-break:break-all}
pre {overflow-x:scroll;}
a {color:inherit;text-decoration:none !important;}
a:visited {color:inherit;text-decoration:none !important;}
a,img,input, a:active, a:focus {outline:none;} 
ul,li,dl,dt,dd{padding:0px;margin:0px;list-style:none;box-sizing:border-box;}
img{margin:0px;padding:0px;}
div {margin:0px;padding:0px;box-sizing:border-box;}

table {border-collapse:collapse;border-spacing:0;width:100%;}
caption {padding:0px 0px;margin:0px 0px;}

select { appearance: none; -webkit-appearance: none;} /* select box style 초기화 */
select::-ms-expand { display:none; }

/*자동완성 input 파란색 배경 없애기*/
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px inherit inset ; -webkit-text-fill-color: inherit; }
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; }

*, :after, :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*.png24 {tmp:expression(setPng24(this));}png 투명*/
*{-webkit-text-size-adjust:none;-webkit-font-smoothing: antialiased;} /*폰트 사이즈 고정*/

.anchorCover {position: absolute;top: 0;left: 0;width: 100%; height: 100%;z-index: 1;} /* a 링크 감싸기 */
.hide {display:none !important;}

/* check box */
input[type=checkbox] {display: none;}
input[type=checkbox] + label {display: inline-flex; align-items: center; cursor: pointer;}
input[type=checkbox] + label.error::before {
	content: ''; display: inline-block; width: 20px; height: 20px; border: 1px solid red; background: #fff; border-radius: 4px; margin-right: 8px; background-size: cover;}
input[type=checkbox] + label::before {content: ''; display: inline-block; width: 20px; height: 20px; border: 1px solid var(--gray3); background: #fff; border-radius: 4px; margin-right: 8px; background-size: cover;}
input[type=checkbox]:checked + label::before {background: var(--blue1) url('../img/pubImg/check_btn.png') no-repeat center; border: 1px solid var(--blue1);}
input[type=checkbox] + label span {vertical-align: middle;}

/* radio button*/
[type="radio"] {vertical-align: middle;}
[type="radio"] {appearance: none;border: max(1px, 0.1em) solid var(--gray3);border-radius:50%;background:#fff;width:16px;height:16px;transition: border 0.2s ease-in-out;margin-right:7px;}
[type="radio"]:checked {border:2px solid var(--blue1);background:url('../img/pubImg/check_btn_blue.png') center no-repeat;background-size:13px;}
[type="radio"]:focus-visible {outline-offset: max(2px, 0.1em);outline: max(2px, 0.1em) dotted var(--blue1);}
[type="radio"]:hover {cursor: pointer;}
[type="radio"]:disabled {background-color: var(--blue1);box-shadow: none;opacity: 0.7;cursor: not-allowed;}
[type="radio"]:disabled + span {opacity: 0.7;cursor: not-allowed;}

/* file field*/
.filebox .upload-name {float:left;display:inline-block;;padding:5px;border:1px solid var(--gray3);width:51%;color:var(--sub-font-color);margin:3px 0px}
.filebox label {display: inline-block;padding:3px 15px 5px;background:var(--blue1);border:1px solid var(--blue1);color:#fff;cursor: pointer;margin:3px 15px 0px 5px;border-radius:3px;}
.filebox input[type="file"] {position: absolute;width: 0;height: 0;padding: 0;overflow: hidden;border: 0;}
.filebox p {display:block;clear:both;margin:3px 0px;}

/* 기본 값 */
:root {
	--width:1200px;/*pc content 기본 사이즈*/
	--main-font-color:#333;/*메인 폰트 컬러*/
	--main-font-color2:#222;
	--sub-font-color:#777;/*서브 폰트 컬러*/
	--gray1:#f8f8f8;/*배경색상*/
	--gray2:#f0f0f0;/*배경색상2*/
	--gray3:#ddd;/*border-color*/
	--blue1:#4FA5F5;/*버튼 배경색상*/
	--blue2:#2083DE; /*포인트 폰트색상*/
	--blue3:#EAF5FF;
	--red1:#EC4343;/*포인트 폰트색상*/
	--red2:#ff6666;
	--magenta:#E9208B;
	--dark1:#444;
	--dark2:#a5a5a5;
	--yellow1:#fffa75;
}

.layout_rel {position: relative;}

/*font-color*/
.txt_red1 {color:var(--red1) !important;}
.txt_red2 {color:var(--red2) !important;}
.txt_blue1 {color:var(--blue1) !important;}
.txt_blue1 {color:var(--blue2) !important;}

/* margin */
.m_t0 {margin-top:0 !important;}
.m_t10 {margin-top:10px !important;}
.m_t15 {margin-top:15px !important;}
.m_t20 {margin-top:20px !important;}
.m_t30 {margin-top:30px !important;}
.m_t40 {margin-top:40px !important;}
.m_t50 {margin-top:50px !important;}
.m_t60 {margin-top:60px !important;}
.m_t70 {margin-top:70px !important;}
.m_t80 {margin-top:80px !important;}
.m_t90 {margin-top:90px !important;}
.m_t100 {margin-top:100px !important;}

.m_b0 {margin-bottom:0px !important;}
.m_b8 {margin-bottom: 8px !important;}
.m_b10 {margin-bottom:10px !important;}
.m_b20 {margin-bottom:20px !important;}
.m_b30 {margin-bottom:30px !important;}
.m_b40 {margin-bottom:40px !important;}
.m_b50 {margin-bottom:50px !important;}
.m_b60 {margin-bottom:60px !important;}
.m_b70 {margin-bottom:70px !important;}
.m_b80 {margin-bottom:80px !important;}
.m_b90 {margin-bottom:90px !important;}
.m_b100 {margin-bottom:100px !important;}
.m_b200 {margin-bottom:200px !important;}

.m_l2 {margin-left:2px !important;}
.m_l10 {margin-left:10px !important;}
.m_l20 {margin-left:20px !important;}
.m_l30 {margin-left:30px !important;}
.m_l40 {margin-left:40px !important;}
.m_l50 {margin-left:50px !important;}
.m_l60 {margin-left:60px !important;}
.m_l70 {margin-left:70px !important;}
.m_l80 {margin-left:80px !important;}
.m_l90 {margin-left:90px !important;}
.m_l100 {margin-left:100px !important;}

.m_r10 {margin-right:10px !important;}
.m_r20 {margin-right:20px !important;}
.m_r30 {margin-right:30px !important;}
.m_r40 {margin-right:40px !important;}
.m_r50 {margin-right:50px !important;}
.m_r60 {margin-right:60px !important;}
.m_r70 {margin-right:70px !important;}
.m_r80 {margin-right:80px !important;}
.m_r90 {margin-right:90px !important;}
.m_r100 {margin-right:100px !important;}


/* text align */
.txt_L {text-align:left !important;}
.txt_R {text-align:right !important;}
.txt_C {text-align:center !important;}

.float_L {float:left;}
.float_R {float:right;}
.float_C {margin-left:50%;transform: translateX(-50%);display:inline-block;}
.clfix:after {content:""; display:block; height:0px; clear:both; visibility:hidden; zoom:1;}
.clfix {display:block;zoom:1;}

.cursor {cursor: pointer;}

/*게시판 페이징*/
.page {width:100%;max-width:var(--width);margin:30px auto 0px;text-align:center;}
.page ul {display:block;}
.page li {display:inline-block;border:1px solid var(--gray3);background:#fff;padding:0px 7px;border-radius:3px;height:22px;line-height:20px;font-size:12px;margin:0px 2px;transition:all 0.3s ease-in-out;}
.page li:hover {background:var(--blue2);border:1px solid var(--blue2);color:#fff;cursor: pointer;}
.page .on {background:var(--blue1);border:1px solid var(--blue1);color:#fff;font-weight:600;}
.page .prev_d {width:22px;background:#fff url('../img/pubImg/arrow_g.png') 0px -1px no-repeat;}
.page .prev {width:22px;background:#fff url('../img/pubImg/arrow_g.png') -22px -1px no-repeat;}
.page .next {width:22px;background:#fff url('../img/pubImg/arrow_g.png') -44px -1px no-repeat;}
.page .next_d {width:22px;background:#fff url('../img/pubImg/arrow_g.png') -66px -1px no-repeat;}

.page .prev_d:hover {width:22px;background:var(--blue2) url('../img/pubImg/arrow_w.png') 0px -1px no-repeat;}
.page .prev:hover {width:22px;background:var(--blue2) url('../img/pubImg/arrow_w.png') -22px -1px no-repeat;}
.page .next:hover {width:22px;background:var(--blue2) url('../img/pubImg/arrow_w.png') -44px -1px no-repeat;}
.page .next_d:hover {width:22px;background:var(--blue2) url('../img/pubImg/arrow_w.png') -66px -1px no-repeat;}


/*icon*/
.lock {display:inline-block;width:20px;margin-left:7px;position:relative;top:5px;}
.new_icon {display:inline-block;padding:0px 5px 1px;background:var(--red2);color:#fff;font-size:11px;font-weight:500;margin-left:10px;border-radius:3px}
.img_file {display:inline-block;width:17px;margin:0px 30px 0px 10px;vertical-align:middle;}
.img_file2 {display:inline-block;width:17px;margin:0px auto;vertical-align:middle;}
.icon_del {display:inline-block;width:20px;vertical-align:middle;}
.icon_del:hover {cursor: pointer;filter: invert(69%) sepia(45%) saturate(4408%) hue-rotate(184deg) brightness(98%) contrast(97%);transition:all 0.3s ease-in-out;}


/* top menu */
.topnav {/*overflow: hidden;*/width:100%;max-width:var(--width);margin:0px auto;text-align:center;}
.topnav a {float: left;display: block;text-align: center;text-decoration: none;}
.topnav .icon {display: none;}

.dropdown {position:relative;float: left;text-align:left;}
.dropdown-content a:hover {font-weight:700;background:none;color:var(--main-font-color)}
.dropdown:hover .dropdown-content {display: block;}

/* btn */
.btn_wide_dark_s {width:100%;padding:3px 3px 4px;box-sizing:border-box;background:var(--dark1);text-align:center;color:#fff;font-size:12px;display:inline-block;border-radius:4px;margin:1px 0px;transition:all 0.5s ease-in-out;}
.btn_wide_dark_s:hover {background:var(--blue1);cursor:pointer;}
.btn_wide_blue_s {width:100%;padding:3px 3px 4px;box-sizing:border-box;background:var(--blue1);text-align:center;color:#fff;font-size:12px;display:inline-block;border-radius:4px;margin:1px 0px;transition:all 0.5s ease-in-out;}
.btn_wide_blue_s:hover {background:var(--dark1);cursor:pointer;}
.btn_wide_gray_s {width:100%;padding:3px 3px 4px;box-sizing:border-box;background:var(--dark2);text-align:center;color:#fff;font-size:12px;display:inline-block;border-radius:4px;margin:1px 0px;transition:all 0.5s ease-in-out;}
.btn_wide_gray_s:hover {background:var(--dark1);cursor:pointer;}

.remove-file {padding:4px 12px;margin-top:4px;border-radius:4px;border:none;background-color:#000;color:#fff;}

/*SUB*/
/*FAQ*/
#Accordion_wrap {clear:both;display:block;margin:0px;}
.que:first-child {border-top: 2px solid var(--dark1);}
.que {position:relative;padding:17px 20px;cursor:pointer;border-bottom:1px solid var(--gray3);}
.que::before {display:inline-block;content:'Q';font-size: 16px;font-weight:600;color: var(--main-font-color);margin-right: 5px;}
.que.on > span {color:var(--blue2);}
.que .q_cate {display:inline-block !important;margin:0px 5px;padding:3px 10px 5px;background:var(--gray2);font-size:12px;font-weight:500;border-radius:3px;}
.anw {display: none;overflow: hidden;background:var(--gray1);border-bottom:1px solid var(--gray3);padding: 15px 20px 15px 30px;}
.anw::before {display: inline-block;content: 'A';font-size: 16px;font-weight: bold;color:var(--blue1);margin-right: 5px;}

/*사이트이용안내*/
.site_wrap {width:100%;display:block;overflow:hidden;margin:0px;}
.site_wrap li {clear:both;display:block;width:100%;word-break: keep-all;padding:10px 0px 10px 30px;position:relative;}
.site_wrap li img {position:absolute;top:15px;left:5px;clip:rect(0px 10px 10px 0px)}

/* 공통 layer dim */
#comm-dimmed {display:none;opacity: 0;position: fixed;top:50%;left:50%;transform: translate(-50%,-50%);width:100%;height:100%;background-color: rgba(0,0,0,.4);z-index: 501;}

/* ------ layer-popup ------*/
.pop-layer {
	display: block;
	position: absolute;
	overflow:hidden;
	box-shadow:0 0 .5em black;
	background-color: #fff;
	z-index: 10;
	padding: 0;
}

.dim-layer {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2000;
}