@font-face { font-family: 'yg-jalnan'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff'); font-weight: normal; font-style: normal; }

/* ¿µ¹® ¼ýÀÚ »ç¿ë Bebas Neue */
@font-face { font-family: 'Bebas Neue'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/bebasneue/v2/JTUSjIg69CK48gW7PXooxW0.woff) format('woff'); }
@font-face {font-family: 'GmSansL'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'GmSansM'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'GmSansB'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight: normal; font-style: normal;}

@font-face{
  font-family:'NanumSquareNeo';
  src:url('/layout/css/fonts/NanumSquareNeo/woff2/NanumSquareNeoTTF-aLt.woff2') format('woff2'),
  url('/layout/css/fonts/NanumSquareNeo/woff/NanumSquareNeoTTF-aLt.woff') format('woff');
  font-weight:300;
  font-style:normal;
}

@font-face{
  font-family:'NanumSquareNeo';
  src:url('/layout/css/fonts/NanumSquareNeo/woff2/NanumSquareNeoTTF-bRg.woff2') format('woff2'),
  url('/layout/css/fonts/NanumSquareNeo/woff/NanumSquareNeoTTF-bRg.woff') format('woff');
  font-weight:400;
  font-style:normal;
}

@font-face{
  font-family:'NanumSquareNeo';
  src:url('/layout/css/fonts/NanumSquareNeo/woff2/NanumSquareNeoTTF-cBd.woff2') format('woff2'),
  url('/layout/css/fonts/NanumSquareNeo/woff/NanumSquareNeoTTF-cBd.woff') format('woff');
  font-weight:700;
  font-style:normal;
}

@font-face{
  font-family:'NanumSquareNeo';
  src:url('/layout/css/fonts/NanumSquareNeo/woff2/NanumSquareNeoTTF-dEb.woff2') format('woff2'),
  url('/layout/css/fonts/NanumSquareNeo/woff/NanumSquareNeoTTF-dEb.woff') format('woff');
  font-weight:800;
  font-style:normal;
}

@font-face{
  font-family:'NanumSquareNeo';
  src:url('/layout/css/fonts/NanumSquareNeo/woff2/NanumSquareNeoTTF-eHv.woff2') format('woff2'),
  url('/layout/css/fonts/NanumSquareNeo/woff/NanumSquareNeoTTF-eHv.woff') format('woff');
  font-weight:900;
  font-style:normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Black.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}

html, body {width:100%; height:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;}
body { font-size:12px; letter-spacing:0em; color:#444444; line-height:150%; box-sizing:border-box; -webkit-text-size-adjust:none;  -webkit-appearance:none;}
*html body{letter-spacing:-0.05em;}/* IE6 only */
input, textarea, option, select {font-size:12px; font-family:NanumBarunGothic; line-height:150%; margin:0px; box-sizing:border-box; -webkit-text-size-adjust:none;  -webkit-appearance:none;background-color:#ffffff;border-radius:0px;}
input[type="submit"], input[type="button"], input[type="select"], input[type="textarea"] {}
ul, li	 {list-style:none;}
textarea	{resize: none;}

/* ¶óµð¿À¹öÆ° */
	input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } /* ¿ÜÇü °¨Ãß±â */
	input[type="radio"] + label { display: inline-block; position: relative; padding-left: 30px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } 
	input[type="radio"] + label:before { content: ''; position: absolute; left: 0; top: -4px; width: 18px; height: 18px; text-align: center; background: #ffffff; border: 1px solid #a7a7a7; border-radius: 100%; /*box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);*/ } 
	input[type="radio"] + label:active:before, 
	input[type="radio"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.0), inset 0px 1px 3px rgba(0,0,0,0.); } 
	input[type="radio"]:checked + label:before { background: #0088de; border-color: #0088de; } 
	input[type="radio"]:checked + label:after { content: ''; position: absolute; top: 1px; left: 5px; width: 10px; height: 10px; background: #0088de; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(255,255,255,1); }
	input[type="radio"]:disabled + label:before { background: #fafafa; border-color: #eeeeee; box-shadow: 0px 1px 2px rgba(0,0,0,1), inset 0px -15px 10px -12px rgba(0,0,0,1), inset 15px 10px -12px rgba(255,255,255,0.1); }


/* üũ¹Ú½º */
	input[type="checkbox"] { /* üũ¹Ú½º È­¸é ¼û±è ¹× À§Ä¡Á¦°Å position: absolute; */width: 0px; height: 0px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0 } 
	input[type="checkbox"] + label { display: inline-block; position: relative; padding-left: 30px; /* ±ÛÀÚ¿Í Ã¼Å©¹Ú½º »çÀÌÀÇ °£°ÝÀ» º¯°æ */ cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } 
	input[type="checkbox"] + label:before { /* °¡Â¥ üũ¹Ú½º */ content: ''; position: absolute; left: 0; top: -1px; /* ÀÌ °ªÀ» º¯°æÇؼ­ ±ÛÀÚ¿ÍÀÇ Á¤·Ä */ width: 18px; /* üũ¹Ú½ºÀÇ ³Êºñ¸¦ ÁöÁ¤ */ height: 18px; /* üũ¹Ú½ºÀÇ ³ôÀ̸¦ ÁöÁ¤ */ line-height: 18px; /* ¼¼·ÎÁ¤·ÄÀ» À§ÇØ ³ôÀÌ°ª°ú ÀÏÄ¡ */ text-align: center; background: #ffffff; border: 1px solid #cacece; border-radius : 3px; } 
	input[type="checkbox"] + label:active:before, 
	input[type="checkbox"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); } 
	input[type="checkbox"]:checked + label:before { /* üũ¹Ú½º¸¦ üũÇßÀ»¶§ */ content: '\2714'; /* üũǥ½Ã À¯´ÏÄÚµå »ç¿ë */ color: black; text-shadow: 1px 1px #fff; background: #e9ecee; border-color: #adb8c0; box-shadow: 0px 1px 2px rgba(0,0,0,1), inset 0px -15px 10px -12px rgba(0,0,0,1), inset 15px 10px -12px rgba(255,255,255,0.1); }
	/* üũ¹Ú½ºÀ̹ÌÁö »ç¿ë½Ã
	input[type="checkbox"]{width:1px; height:1px; padding:0; border:0 none; margin:0; position:absolute; left:0; top:0; overflow:hidden; clip:rect(0 0 0 0);}
	label{height:15px; line-height:15px; padding-left:20px; display:inline-block; background:url(http://hcs1105.com/wp/wp-content/themes/hcs1105/images/checkbox1.png) no-repeat 0 0; font-size:15px; vertical-align:middle; cursor:pointer;}
	input[type="checkbox"]:checked + label{background-position: 0 -15px;}
	*/

/* input number È­»ìÇ¥ Á¦°Å */
	input[type="number"]::-webkit-outer-spin-button,
	input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}

	input:focus {outline:none;/*background-color: white !important; border:1px solid #2d2d2d !important;*/}
	textarea:focus {outline:none;/*background-color: white !important; border:1px solid #2d2d2d !important;*/}

/* ¼¿·ºÆ®¹Ú½º */
	select::-ms-expand { display: none;} /* ieÈ­»ìÇ¥È÷µç */
	select {outline:none; width:100%; height:35px; padding-left:10px; background: #ffffff url('/2021_img/sel_arr.gif') no-repeat 95% 50%; /* È­»ìÇ¥ ´ëü */ border: 1px solid #999999; border-radius: 0px; -webkit-appearance: none; /* ¿ÜÇü °¨Ãß±â */ -moz-appearance: none; appearance: none;}
	select option { font-size:13px; line-height:200%; }

* {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.cl	{clear:both;}

a { -webkit-tap-highlight-color:transparent;}
a:link, a:visited, a:active, a:hover		{text-decoration: none; outline:none;}

.view_vod		{ position:relative; top:0px; left:-50%; width:100%; padding-bottom:56.25%; padding-left:0; }
.view_vod iframe { position:absolute; width:100% !important; height:100% !important; left:50%; }

.loading{width:100%; height:100%; position:absolute; left:0px; top:0px; background:#000; z-index:10000; display:table;}
.spinner {display:table-cell; vertical-align:middle; animation: spin 2s linear infinite; color:white; font-size:35px; }

@keyframes spin {
	from	{transform: rotate(0);}
	to		{transform: rotate(360deg);}
}

/* input style */
.iptStyle01 { width:100%; height:35px; border:1px solid #dedede; background:#f6f6f6; transition:all .3s; padding:0 10px; }
.iptStyle01:hover { border:1px solid #000; background:#fff; transition:all .3s; }

.iptStyle_red { width:100%; height:35px; border:1px solid #ff0000; background:#f6f6f6; transition:all .3s; padding:0 10px; }

/* btn */
/* ¹öÆ°-´Ù¿î·Îµå */
a.btnDown {display:inline-block; width:200px; background:#333333; color:white; padding:10px 15px; font-size:0; border-radius:3px; transition:all .3s;}
a.btnDown:hover {background:#461067; transition:all .3s;}
a.btnDown i {display:inline-block; vertical-align:middle; width:30px; font-size:18px; }
a.btnDown .f_name {display:inline-block; vertical-align:middle; width:calc(100% - 90px); font-size:13px; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;}
a.btnDown .f_size {display:inline-block; vertical-align:middle; width:60px; font-size:12px; font-family:tahoma; text-align:right; color:rgba(255,255,255,0.6);}



@media (max-width:767px) {/* ÃÖ¼Ò ~ ÃÖ´ë 767 */
/* ¹öÆ°-´Ù¿î·Îµå */
	a.btnDown {display:inline-block; width:48%; background:#333333; color:white; padding:10px 15px; font-size:0; border-radius:3px; margin-top:3px; transition:all .3s;}
	a.btnDown:hover {background:#461067; transition:all .3s;}
	a.btnDown i {display:inline-block; vertical-align:middle; width:30px; font-size:18px; }
	a.btnDown .f_name {display:inline-block; vertical-align:middle; width:calc(100% - 90px); font-size:13px; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;}
	a.btnDown .f_size {display:inline-block; vertical-align:middle; width:60px; font-size:12px; font-family:tahoma; text-align:right; color:rgba(255,255,255,0.6);}

	a.btnLine { display:inline-block; border:1px solid #461067; padding:8px 40px 8px 40px; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; font-size:13px; color:#666; -webkit-transition: all .8s; transition: all .5s;}
	a:hover.btnLine { background:#461067; color:#fff; -webkit-transition: all .8s; transition: all .5s; }

/* ¹öÆ°-GRAY */
	a.btnGray {display:inline-block; margin-bottom:5px; width:auto; background:#646464; color:#dfdfdf; text-align:center; padding:5px 10px; font-size:13px; border-radius:3px; transition:all .3s; }
	a.btnGray:hover {background:#634f3f; transition:all .3s;}

/* pdf-GRAY */
	a.btnPDF {display:inline-block; margin-bottom:5px; width:auto; background:#646464; color:#dfdfdf; text-align:center; padding:3px 3px; font-size:13px; border-radius:3px; transition:all .3s; }
	a.btnPDF:hover {background:#634f3f; transition:all .3s;}

}
@media (min-width:768px) and (max-width:1100px) {
	a.btnLine { border:1px solid #461067; padding:8px 40px 8px 40px; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; font-size:15px; color:#666; -webkit-transition: all .8s; transition: all .5s;}
	a:hover.btnLine { background:#461067; color:#fff; -webkit-transition: all .8s; transition: all .5s; }

/* ¹öÆ°-GRAY */
	a.btnGray {display:inline-block; margin-bottom:5px; width:auto; background:#646464; color:#dfdfdf; text-align:center; padding:5px 15px; font-size:14px; border-radius:3px; transition:all .3s;}
	a.btnGray:hover {background:#634f3f; transition:all .3s;}

/* pdf-GRAY */
	a.btnPDF {display:inline-block; margin-bottom:5px; width:auto; background:#646464; color:#dfdfdf; text-align:center; padding:3px 5px; font-size:13px; border-radius:3px; transition:all .3s;}
	a.btnPDF:hover {background:#634f3f; transition:all .3s;}
}

@media (min-width:1100px) {
	a.btnLine { border:1px solid #461067; padding:8px 40px 8px 40px; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; font-size:15px; color:#666; -webkit-transition: all .8s; transition: all .5s;}
	a:hover.btnLine { background:#461067; color:#fff; -webkit-transition: all .8s; transition: all .5s; }

/* ¹öÆ°-GRAY */
	a.btnGray {display:inline-block; margin-bottom:5px; width:auto; background:#646464; color:#dfdfdf; text-align:center; padding:5px 15px; font-size:14px; border-radius:3px; transition:all .3s;}
	a.btnGray:hover {background:#634f3f; transition:all .3s;}

/* pdf-GRAY */
	a.btnPDF {display:inline-block; margin-bottom:5px; width:auto; background:#646464; color:#dfdfdf; text-align:center; padding:3px 5px; font-size:13px; border-radius:3px; transition:all .3s;}
	a.btnPDF:hover {background:#634f3f; transition:all .3s;}
}



/* clear */
.clfix:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
.clfix {display: inline-block;}
.clfix {display: block;}
* html .clfix {height: 1%;} /* hides from ie-mac */
.clfix{ zoom:1; } /*for ie 5.5-7*/


:root{
	--main-color: #254086;
	--main-bg-color: #254086;

	--dfont: Pretendard, sans-serif;
	--neo: NanumSquareNeo;
	--GL: GmSansL;
	--GM: GmSansM;
	--GB: GmSansB;
}