@charset "utf-8";
@font-face {
	font-family: 'nanumSquareNeo';
	font-weight: 100;
	font-display: swap;
	src: local('NanumSquareNeo-Variable'),
	url('../font/NanumSquareNeo-Variable.woff2') format('woff2'),
	url('../font/NanumSquareNeo-Variable.woff') format('woff');
}
@font-face {
	font-family: 'nanumSquareNeo';
	font-weight: 300;
	font-display: swap;
	src: local('NanumSquareNeoTTF-aLt'),
	url('../font/NanumSquareNeoTTF-aLt.woff2') format('woff2'),
	url('../font/NanumSquareNeoTTF-aLt.woff') format('woff');
}

@font-face {
	font-family: 'nanumSquareNeo';
	font-weight: 500;
	font-display: swap;
	src: local('NanumSquareNeoTTF-bRg'),
	url('../font/NanumSquareNeoTTF-bRg.woff2') format('woff2'),
	url('../font/NanumSquareNeoTTF-bRg.woff') format('woff');
}

@font-face {
	font-family: 'nanumSquareNeo';
	font-weight: 700;
	font-display: swap;
	src: local('NanumSquareNeoTTF-cBd'),
	url('../font/NanumSquareNeoTTF-cBd.woff2') format('woff2'),
	url('../font/NanumSquareNeoTTF-cBd.woff') format('woff');
}

@font-face {
	font-family: 'nanumSquareNeo';
	font-weight: 800;
	font-display: swap;
	src: local('NanumSquareNeoTTF-dEb'),
	url('../font/NanumSquareNeoTTF-dEb.woff2') format('woff2'),
	url('../font/NanumSquareNeoTTF-dEb.woff') format('woff');
}
@font-face {
	font-family: 'nanumSquareNeo';
	font-weight: 900;
	font-display: swap;
	src: local('NanumSquareNeoTTF-eHv'),
	url('../font/NanumSquareNeoTTF-eHv.woff2') format('woff2'),
	url('../font/NanumSquareNeoTTF-eHv.woff') format('woff');
}

/*ceraPro*/
@font-face { 
    font-family: 'cera'; 
    font-style: normal; 
    font-weight: 500; 
    src: local(※),url('../font/CeraProMedium.woff2') format('woff2'), 
    url('../font/CeraProMedium.woff') format('woff'), 
    url('../font/CeraProMedium.otf') format('opentype'); 
}
@font-face { 
    font-family: 'cera'; 
    font-style: normal; 
    font-weight: 700; 
    src: local(※),url('../font/CeraProBold.woff2') format('woff2'), 
    url('../font/CeraProBold.woff') format('woff'), 
    url('../font/CeraProBold.otf') format('opentype'); 
}
@font-face {
	font-family: 'GyeonggiBatang';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/GyeonggiBatang.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
/* color */
:root {
	--color-gray1: #212126;
	--color-gray2: #36363D;
	--color-gray3: #57575B;
	--color-gray4: #62626A;
	--color-gray5: #797981;
	--color-gray6: #919197;
	--color-gray7: #AAAAAE;
	--color-gray8: #DBDBDB;
	--color-gray9: #E9E9E9;
	--color-gray10: #FFFFFF;
	--color-blue1: #125DE6;
	--color-blue2: #A9C7FF;
	--color-blue3: #E9F1FF;
	--color-blue4: #F6F8FC;
	--color-green: #0FD2D0;
	--color-red: #FA2828;
	--width-max: 1200px;
}

html, body{margin:0; padding:0; scroll-behavior: smooth; overscroll-behavior: contain;}
html{-webkit-text-size-adjust:none; -webkit-font-smoothing:antialiased; }
body{word-wrap:normal; word-break:keep-all; overflow-wrap:break-word; line-height:1.5;}
body, input, textarea, select, table, button{font-size:16px; font-family:'nanumSquareNeo', 'malgun gothic', dotum, sans-serif; color:#212126; font-weight: 500;}

.caslon {font-family: "big-caslon-fb", serif; font-weight: 400;	font-style: normal; letter-spacing: 0.5px;}/*400,700,800*/
.cera {font-family: 'cera','맑은 고딕', 'Malgun Gothic', arial, Verdana, Dotum, AppleGothic, sans-serif;}
.gyeonggi {font-family: 'GyeonggiBatang', serif; display: inline-block; transform: rotate(0.03deg);}
img{margin:0; padding:0; border:none; vertical-align:top;}

a{text-decoration: none; color:#212126; cursor:pointer;}
a:hover{text-decoration:none;}
*:focus-visible{outline:2px dotted #000;}

ul{list-style:none; margin:0; padding:0;}
ol{list-style:none; margin:0; padding:0;}
dl,dt,dd{margin:0; padding:0;}

h1,h2,h3,h4,h5,h6{clear:both; margin:0; padding:0; font-weight:600; line-height:1.5em;}

em{font-style:normal; font-weight:normal;}
small{font-style:normal;}
p{margin:0; padding:0;}
strong, b{font-weight:700;}

iframe{margin:0; padding:0; border:none;}

hr{display:none;}

table{border-spacing:0; border-collapse:collapse;}
table caption{width:0; height:0; overflow:hidden; font-size:0;}
table,th,td{margin:0; padding:0; border:none; box-sizing:border-box;}

/* form */
form, fieldset, legend{margin:0; padding:0; border:0;}
fieldset legend{width:0; height:0; overflow:hidden;}

::-webkit-scrollbar {width: 14px;background-color: transparent}
::-webkit-scrollbar-thumb {border: 4px solid transparent;border-radius: 7px;background-clip: padding-box;background-color: hsla(0, 0%, 59%, .5)}
::-webkit-scrollbar-track {padding: 2px;background-color: transparent;border-radius: 10px}

input{vertical-align:middle; appearance: none; -webkit-appearance: none; box-sizing:border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; outline: none;}
input[type="text"]{height:40px; line-height:38px; text-indent:14px; background-color:#fff; border:1px solid #ddd; }
input[type="password"]{height:40px; line-height:38px; text-indent:14px; letter-spacing:10px; background-color:#fff; border:1px solid #ddd; }
input[type="file"]{height:40px; line-height:38px; text-indent:14px; background-color:#fff;}
input[type="submit"],
input[type="image"],
input[type="button"]{cursor:pointer; border:none; border-radius:0; appearance: none; -webkit-appearance:none;}

input[type="radio"],
input[type="checkbox"]{width:18px; height:18px; padding:0; margin:0;}
.checkbox { appearance:initial; border:1px solid #979797; background-color:#fff;}
.checkbox:checked {border-color:var(--color-blue1);background: var(--color-blue1) url(../img/contents/i_checkbox_on.png) no-repeat center center;background-size:18px 18px;}
.checkbox + label {cursor: pointer;padding-left:8px;vertical-align: -1px;}

select{height:48px ; box-sizing:border-box; vertical-align:middle; border:none; cursor:pointer;}

.select {display:inline-block; height: 48px; cursor: pointer; position:relative; font-size:14px;}
.select .selected-label {display: flex; align-items:center; justify-content: space-between; line-height: 48px; padding:0;	position: relative;	text-align: left; width: 100%; z-index: 1;	overflow: hidden; box-sizing: border-box;}
.select .selected-label:after {display: block; content:''; width:16px;height:16px; margin-left:8px; background:url(../img/contents/i_select.svg) 0 0 no-repeat;}
.select .select-options{background-color: #fff; cursor: default; overflow: hidden; margin: 0; position: absolute;	left:-16px; min-width:calc(100% + 32px); top:100%; padding: 6px 0; border-radius:8px; box-shadow:0 2px 8px rgba(0,0,0,0.1); text-align:left; display:none;}
.select .select-options li{position:relative;}
.select .select-options input{position:absolute;left:0;top:0; width:1px;height:1px; opacity:0;}
.select .select-options label{display:block; height: 40px; line-height:40px; box-sizing: border-box; padding:0 16px; cursor:pointer; font-weight:500; white-space:nowrap;}
.select .select-options li:hover{background-color:var(--color-blue3);}
.select .select-options input:checked + label{color:var(--color-blue1); font-weight:700;}
.select.active .selected-label:after{background-position:-26px -52px;}
.select.active .select-options{display:block;}

textarea{border:1px solid #dedede; padding:10px 15px; vertical-align:middle; box-sizing:border-box; resize: none;}

textarea::placeholder,
input[type="text"]::placeholder,
input[type="password"]::placeholder {color:#999 !important; letter-spacing:0; font-size:14px;}
textarea:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder {color:#999 !important; letter-spacing:0; font-size:14px;}

input[type="text"]::-ms-clear{display: none;}
input[type="password"]::-ms-reveal{display: none;}

input[type="text"][readonly]{background-color:#f2f2f2;}

button{margin:0; padding:0; border:none; background:none; cursor:pointer; border-radius:0; appearance: none; -webkit-appearance:none;}

/* display */
.blind,.sound_only {position:absolute;left:-9999em;height:0;overflow:hidden;}
.hide{display:none;}

/* align */
.aleft{text-align:left !important;}
.acenter{text-align:center !important;}
.aright{text-align:right !important;}
.vtop{vertical-align:top !important}
.vmiddle{vertical-align:middle !important}


/* swiper */
.swiper-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px,0,0);}
.swiper-wrapper {position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; /*transition-timing-function: linear;*/}
.swiper-slide { flex-shrink: 0; /*width: 100%;*/ height: 100%; position: relative; transition-property: transform;}

.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity;}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}

/*table*/
.board-list table{width:100%; table-layout:fixed; border-top:2px solid var(--color-gray1);}
.board-list thead th{height:52px; box-sizing:border-box; padding:13px 20px; text-align:left; border-bottom:1px solid var(--color-gray8); font-weight:700; color:var(--color-gray1); font-size:14px; line-height:1.71em;}
.board-list td{height:60px; box-sizing:border-box; padding:18px 20px; text-align:left; border-bottom:1px solid var(--color-gray9); font-size:14px; line-height:1.71em;}
.board-list thead th.no,
.board-list td.no{text-align:center;}
.board-list td a:hover{color:var(--color-blue1);}

/* mobile ****************************************************************************************************************************************** */