/* **********************************************************************************
* 기본 태그 선언
* *********************************************************************************** */
@charset "utf-8";
/*
@import url(http://spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://fonts.googleapis.com/css?family=Poppins);
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@300;500;700;900&display=swap");
/*숫자 영문 Roboto, Montserrat*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700,900|Roboto:300,400,500,700,900');
/*본고딕*/
@import url(notoSans_korea_stylesheet.css);


/* 포천막걸리체 */
@font-face {
    font-family: 'Makgeolli';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/Makgeolli.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*영양군 음식디미방체 ★★(절제된 붓글씨체)*/
@font-face {
    font-family: 'dimibang_new';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2104@1.1/dimibang_new.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/*함박눈체 ★(동글쉐리프)*/
@font-face {
    font-family: 'SF_HambakSnow';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2106@1.1/SF_HambakSnow.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/*정선아리랑 ★★★*/
@font-face {
    font-family: 'JSArirang-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/JSArirang-RegularA1.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/*만세체 (좋으나 기존것과 비슷)*/
@font-face {
    font-family: 'Manse';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Manse.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/*대한민국 독도체★★★*/
@font-face {
    font-family: 'Dokdo';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_three@1.4/Dokdo.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/*신과장 ★★★ font-size: 160px; line-height: 104px;*/ /* font-size: 120px; line-height: 85px;*/
@font-face {
    font-family: 'SangSangShin';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_three@1.0/SangSangShin.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

*{
	word-wrap:break-word;
	font-family:'Noto Sans Korean','Montserrat',"Malgun Gothic",sans-serif;
	margin:0;
	padding:0;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	letter-spacing:-0.02em;
	-webkit-font-smoothing:antialiased;
    -webkit-text-size-adjust: 100%;
}

body,button,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,html,input,li,ol,p,select,table,td,textarea,th,tr,ul,address{margin:0;padding:0}

html {}
body {
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	font-family:'Noto Sans Korean','Montserrat',"Malgun Gothic",sans-serif;
	font-size:1.25em;
	color:#333;
	font-weight: 300;
	line-height: 1.5;
}

h1,h2,h3,h4,h5,h6{font-size:100%; }

img {border:0; vertical-align:middle; max-width:100%;}

address { text-decoration:none; font-style:normal;}

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

table {border-collapse: collapse; border-spacing:0; -webkit-text-size-adjust:none;}

caption {position:absolute; left:-10000px}

legend{display:none;}

blockquote,button,fieldset,iframe{border:0}

cite,em,u{font-style:normal}

a{color:#333;text-decoration:none; /*outline: none;*/}

a:focus,a:hover{color:#333;text-decoration:none}

input{font-family:'Noto Sans Korean',"Open Sans","Malgun Gothic",sans-serif}

label{margin:0}

strong{}

button{
	background:0;
	cursor:pointer;
	vertical-align:middle;
	font-family:'Noto Sans Korean',"Open Sans","Malgun Gothic",sans-serif;
	line-height:1.2;
	color:#333;
	letter-spacing:-0.03em;
	line-height: 1.5;
}

button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:none}

article,aside,footer,header,main,nav,section{display:block}

input[type=date]::-webkit-calendar-picker-indicator,input[type=date]::-webkit-inner-spin-button{display:none}

::-webkit-input-placeholder{color:#888; letter-spacing:-0.03em; font-family:'Noto Sans Korean', sans-serif;}
::-moz-placeholder{color:#888; letter-spacing:-0.03em; font-family:'Noto Sans Korean', sans-serif;}
:-ms-input-placeholder{color:#888; letter-spacing:-0.03em; font-family:'Noto Sans Korean', sans-serif;}
:-moz-placeholder{color:#888; letter-spacing:-0.03em; font-family:'Noto Sans Korean', sans-serif;}
::-ms-clear,::-ms-reveal{display:none; letter-spacing:-0.03em; font-family:'Noto Sans Korean', sans-serif;}

button,input,select,textarea{border:0; font-weight: 300;}

select {padding:5px 25px 5px 7px; -webkit-appearance: none; -webkit-border-radius: 0;  -webkit-appearance: none; -moz-appearance: none;appearance: none; background:#fff url('../images/common/icon_select_arrow.png') no-repeat 100% 0; background-position: right 7px center; border:1px solid #dfdfdf;}
select::-ms-expand { display:none; }

input {vertical-align: middle;}
input[type=radio],
input[type=checkbox] {vertical-align:middle; margin:0 5px 0 0; border:1px solid #cfcfcf;}
input[type=text],
input[type=number],
input[type=password] {vertical-align:middle; border:1px solid #d9d8d8; padding:3px 10px; font-family:'Noto Sans Korean', sans-serif; -webkit-appearance: none; -webkit-border-radius: 0;}
/*
input[type=file] {vertical-align:middle; border:1px solid #d9d8d8; padding:3px; background:#fff; font-family:'Noto Sans Korean', sans-serif;  -webkit-appearance: none; -webkit-border-radius: 0;}
input[type=file] button {font-size:50px;}

input::-webkit-input-placeholder,
input::-moz-placeholder,
input:-ms-input-placeholder,
input:-moz-placeholder {}
*/


legend, caption, hr, .blind{position:absolute; left:-9999px; top:0; overflow:hidden; line-height:0.1%; font-size:0.1%; width:0.1%; height:0.1%;}

.blind {visibility:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;}


/* ************************************************************************************** *

* 공통 CSS
*
/* ************************************************************************************** */

/* 글자넘어가면 점처리 */
.letterOver {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.letterOverTable { max-width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}


/* 2줄 이상일때 점처리 */
.letterOver_02 {
	display:-webkit-box;
	height:20px; /* 높이값 추가 */
	overflow:hidden; /* 숨김처리 */
	text-overflow:ellipsis;
	-webkit-line-clamp:2; /*라인수 설정*/
	word-wrap:break-word;
	-webkit-box-orient:vertical;
}

/* 공통 클래스 Css */
.left {float:left; }
.right {float:right;}
.clear {clear: both; }
.pointer {cursor: pointer; }
.bold {font-weight: bold !important; }
.bolderLight {font-weight:500 !important;}


/* 공통 클래스 ClearFix Css */
.clearfix:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.clearfix { display: inline-block; *display:inline; *zoom:1; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */


.selectArrowNon {
	appearance:none;
	-moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
}

.selectArrowNon::-ms-expand{
  display:none;
}

/* TRANSITION */
.transDefault {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}


/* TEXT-ALING */
.textC { text-align:center !important; }
.textL { text-align:left !important; }
.textR { text-align:right !important; }



/* MARGIN */
.mgA0 { margin:0; }

.mgT0 { margin-top:0px }
.mgT5 { margin-top:5px }
.mgT10 { margin-top:10px }
.mgT15 { margin-top:15px }
.mgT20 { margin-top:20px }
.mgT25 { margin-top:25px }
.mgT30 { margin-top:30px }
.mgT35 { margin-top:35px }
.mgT40 { margin-top:40px }
.mgT45 { margin-top:45px }
.mgT50 { margin-top:50px }
.mgT55 { margin-top:55px }
.mgT60 { margin-top:60px }
.mgT65 { margin-top:65px }
.mgT70 { margin-top:70px }

.mgL5 { margin-left:5px }
.mgL10 { margin-left:10px }
.mgL15 { margin-left:15px }
.mgL20 { margin-left:20px }
.mgL25 { margin-left:25px }
.mgL30 { margin-left:30px }
.mgL35 { margin-left:35px }
.mgL40 { margin-left:40px }
.mgL45 { margin-left:45px }
.mgL50 { margin-left:50px }
.mgL55 { margin-left:55px }
.mgL60 { margin-left:60px }
.mgL65 { margin-left:65px }

.mgR1 { margin-right:1px }
.mgR5 { margin-right:5px }
.mgR10 { margin-right:10px }
.mgR15 { margin-right:15px }
.mgR20 { margin-right:20px }
.mgR25 { margin-right:25px }
.mgR30 { margin-right:30px }
.mgR35 { margin-right:35px }
.mgR40 { margin-right:40px }
.mgR45 { margin-right:45px }
.mgR50 { margin-right:50px }
.mgR55 { margin-right:55px }
.mgR60 { margin-right:60px }
.mgR80 { margin-right:80px }

.mgB5 { margin-bottom:5px }
.mgB10 { margin-bottom:10px }
.mgB15 { margin-bottom:15px }
.mgB20 { margin-bottom:20px }
.mgB25 { margin-bottom:25px }
.mgB30 { margin-bottom:30px }
.mgB35 { margin-bottom:35px }
.mgB40 { margin-bottom:40px }
.mgB45 { margin-bottom:45px }
.mgB50 { margin-bottom:50px }
.mgB55 { margin-bottom:55px }
.mgB70 { margin-bottom:70px }



/* PADDING */
.pdA0{padding:0 !important;}
.pdA5{padding:5px !important;}
.pdA10{padding:10px !important;}
.pdA20{padding:20px !important;}

.pdT0{padding-top:0px !important}
.pdT5{padding-top:5px !important}
.pdT6{padding-top:6px !important}
.pdT10{padding-top:10px !important}
.pdT15{padding-top:15px !important}
.pdT20{padding-top:20px !important}
.pdT25{padding-top:25px !important}
.pdT30{padding-top:30px !important}
.pdT35{padding-top:35px !important}
.pdT40{padding-top:40px !important}
.pdT45{padding-top:45px !important}
.pdT50{padding-top:50px !important}

.pdL5{padding-left:5px !important}
.pdL10{padding-left:10px !important}
.pdL15{padding-left:15px !important}
.pdL20{padding-left:20px !important}
.pdL25{padding-left:25px !important}
.pdL30{padding-left:30px !important}
.pdL35{padding-left:35px !important}
.pdL40{padding-left:40px !important}
.pdL45{padding-left:45px !important}

.pdR5{padding-right:5px !important}
.pdR10{padding-right:10px !important}
.pdR15{padding-right:15px !important}
.pdR20{padding-right:20px !important}
.pdR25{padding-right:25px !important}
.pdR30{padding-right:30px !important}
.pdR35{padding-right:35px !important}
.pdR40{padding-right:40px !important}
.pdR45{padding-right:45px !important}

.pdB5{padding-bottom:5px !important}
.pdB10{padding-bottom:10px !important}
.pdB15{padding-bottom:15px !important}
.pdB20{padding-bottom:20px !important}
.pdB25{padding-bottom:25px !important}
.pdB30{padding-bottom:30px !important}
.pdB35{padding-bottom:35px !important}
.pdB40{padding-bottom:40px !important}
.pdB45{padding-bottom:45px !important}




/* COLOR */
.colorR {color:#ed1c24 !important;}
.colorB {color:#2a5caa !important;}
.colorOran {color:#f58220 !important;}
.colorGreen {color:#0db14b !important;}
.colorGreenBright {color:#70c043 !important;}
.colorGray {color:#666766 !important;}
.colorGray2 {color:#888 !important;}
.colorPurple {color:#8661a6 !important;}

.blue-c {color:#006cff !important;}
.red-c {color:#e91416 !important;}
.green-c {color:#33853B !important;}
.black-c {color:#000000 !important;}
.purple-c {color:#6a3b81 !important;}
.orange-c {color:#f58220 !important;}



/* DISPLAY */
.hide { visibility:hidden; }
.block { display:block; }
.none { display:none; }


/* FLOAT */
.leftF { float:left; }
.rightF { float:right; }
.floatN { float:none; }


.ani {
	animation-name : scrollAni; /*이름*/
	animation-duration : 1.3s; /*실행시간*/
	animation-delay: 0; /*애니딜레이*/
	animation-direction: normal; /*alternate; 역방향처음*/
	animation-iteration-count: infinite; /*반복무한반복*/
	animation-play-state: running; /*멈추 paused거나 다시시작 running*/
	animation-timing-function: ease-in-out; /*중간상태들의 전환*/
	animation-fill-mode:both; /*애니메이션 끝나고 어떤 값*/
	/* 속기형
	animation: name | duration | timing-function | delay | iteration-count | direction | fill-mode | play-state ;
	 */
}


@keyframes scrollAni {
	0%{
		transform: translateY(0%);
	}
	50% {
		transform: translateY(30%);
	}
	100%{
		transform: translateY(0%);
	}
}




/*********** 갭부분  ***********/
.gab10 {width: 100%; height: 10px; clear: both;}
.gab15 {width: 100%; height: 15px; clear: both;}
.gab20 {width: 100%; height: 20px; clear: both;}
.gab25 {width: 100%; height: 25px; clear: both;}
.gab30 {width: 100%; height: 30px; clear: both;}
.gab35 {width: 100%; height: 35px; clear: both;}
.gab40 {width: 100%; height: 40px; clear: both;}
.gab50 {width: 100%; height: 50px; clear: both;}
.gab60 {width: 100%; height: 60px; clear: both;}
.gab70 {width: 100%; height: 70px; clear: both;}
.gab80 {width: 100%; height: 80px; clear: both;}
.gab90 {width: 100%; height: 90px; clear: both;}
.gab100 {width: 100%; height: 100px; clear: both;}

.gab-w-5 {display: inline-block; vertical-align: middle; height: 1px; width: 5px;}
.gab-w-10 {display: inline-block; vertical-align: middle; height: 1px; width: 10px;}
.gab-w-15 {display: inline-block; vertical-align: middle; height: 1px; width: 15px;}
.gab-w-20 {display: inline-block; vertical-align: middle; height: 1px; width: 20px;}
.gab-w-25 {display: inline-block; vertical-align: middle; height: 1px; width: 25px;}
.gab-w-30 {display: inline-block; vertical-align: middle; height: 1px; width: 30px;}
.gab-w-35 {display: inline-block; vertical-align: middle; height: 1px; width: 35px;}
.gab-w-40 {display: inline-block; vertical-align: middle; height: 1px; width: 40px;}
.gab-w-45 {display: inline-block; vertical-align: middle; height: 1px; width: 45px;}
.gab-w-50 {display: inline-block; vertical-align: middle; height: 1px; width: 50px;}


@media screen and (max-width:1000px){
	.gab10 {width: 100%; height: 10px;}
	.gab15 {width: 100%; height: 12px;}
	.gab20 {width: 100%; height: 15px;}
	.gab25 {width: 100%; height: 18px;}
	.gab30 {width: 100%; height: 20px;}
	.gab35 {width: 100%; height: 20px;}
	.gab40 {width: 100%; height: 20px;}
	.gab50 {width: 100%; height: 25px;}
	.gab60 {width: 100%; height: 30px;}
	.gab70 {width: 100%; height: 35px;}
	.gab80 {width: 100%; height: 40px;}
	.gab90 {width: 100%; height: 45px;}
	.gab100 {width: 100%; height: 50px;}

	.gab-w-5 {width: 2px;}
	.gab-w-10 {width: 5px;}
	.gab-w-15 {width: 8px;}
	.gab-w-20 {width: 13px;}
	.gab-w-25 {width: 15px;}
	.gab-w-30 {width: 18px;}
	.gab-w-35 {width: 20px;}
	.gab-w-40 {width: 20px;}
	.gab-w-45 {width: 25px;}
	.gab-w-50 {width: 28px;}
}




/* 모바일 클래스 */
.viewPc {display:block;}
.viewMobile {display:none;}


/* 본문바로가기 */
/*
.skip{display:inline-block; overflow:hidden; height:12px; color:#fff; font-size:12px; margin:0 15px 0 0px; padding-left:1px; line-height:12px; width:0px;}
.txtSkip {text-indent: -9999px !important;}
*/

pre {word-wrap: break-word;white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-break:break-all;}

.txtDecoUnderLine {text-decoration:underline;}

/* **********************************************************************************
* 세로 가운데 정렬

.layer{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center}
.layer .content{display:inline-block;background:#f00;vertical-align:middle}
.layer .blank{display:inline-block;width:0;height:100%;vertical-align:middle}

* *********************************************************************************** */

.blank {display:inline-block;width:0;height:100%;vertical-align:middle}


.row {width:100%; position:relative;margin-left:0px;margin-right:0px;}
.row:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}




.tx_blind {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	clip: rect(1px 1px 1px 1px); /*IE6, IE7*/
	clip: rect(1px, 1px, 1px, 1px);
}


/* **********************************************************************************

	반응형

* *********************************************************************************** */

@media screen and (max-width:850px){

	/* 모바일에서 테이블 처리 - 스크롤바 생성 */
	.table_wrap_mobile {overflow-x:scroll;}
	.table_wrap_mobile table {width:750px;}
	.table_wrap_mobile table th {font-size:0.80em !important;}
	.table_wrap_mobile table td {font-size:0.80em !important;}
	/* 스크롤 처리 하지 않을 테이블에 dontwantScroll 클래스 추가 */
	.table_wrap_mobile .dontwantScroll {width:100%;}
	.m_table_wrap { overflow-x:scroll; }

}

@media screen and (max-width:450px){

}