﻿
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);

@font-face {font-family:"Noto Sans KR"; font-style:normal; font-weight:100; src:url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format("woff2"),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format("woff"),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format("opentype");
}
@font-face {font-family:"Noto Sans KR"; font-style:normal; font-weight:300; src:url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format("woff2"),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format("woff"),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format("opentype");
}
@font-face {font-family:"Noto Sans KR"; font-style:normal; font-weight:400; src:url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format("woff2"),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format("woff"),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format("opentype");
}
@font-face {font-family:"Noto Sans KR"; font-style:normal; font-weight:500; src:url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format("woff2"),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format("woff"),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format("opentype");
}
@font-face {font-family:"Noto Sans KR"; font-style:normal; font-weight:700; src:url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format("woff2"),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format("woff"),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format("opentype");
}
@font-face {font-family:"Noto Sans KR"; font-style:normal; font-weight:900; src:url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format("woff2"),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format("woff"),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format("opentype");
}



body {
	font-family:'Noto Sans KR',"Malgun Gothic","맑은 고딕","AppleSDGothicNeo-Medium","Helvetica","AppleGothic","Sans-serif","Dotum","Verdana","Helvetica",sans-serif !important;
	font-size:14px;
	color:#777777;
	/*line-height:1.8em; wnkm 버튼크기가 커져서 제거*/
	/* background:#ffffff; wnkm 빠른레벨신청시 바탕적용 제거 */
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center top;
	-webkit-font-smoothing: antialiased;
}

a{
	text-decoration:none;
}

/*----------------------------------------------------------*/
.b { font-weight: 400 !important; }
.bold { font-weight: bolder; }
.f10 { font-size: 10px !important; }
.f11 { font-size: 11px !important; }
.f11n { font-size: 11px; letter-spacing: -0.5px;}
.f12 { font-size: 12px; }
.f12n { font-size: 12px;letter-spacing: -0.5px; }
.f13 { font-size: 13px !important; }
.f13n { font-size: 13px;letter-spacing: -0.5px; }
.f14 { font-size: 14px !important; }
.f15 { font-size: 15px !important; }
.f16 { font-size: 16px !important; }
.f18 { font-size: 18px !important; }
.f20 { font-size: 20px !important; }
.f22 { font-size: 22px !important; }
.f23 { font-size: 23px !important; }
.f25 { font-size: 25px !important; }
.f30 { color:#174cac !important; font-size: 30px !important; }
.f31 { font-size: 30px !important; }
.f34 { font-size: 34px !important; }
.f38 { font-size: 38px !important; }
.f40 { font-size: 40px !important; }

.n{letter-spacing: -0.5px !important; }
.white-shadow {text-shadow: 1px 1px 1px #ffffff;}
.black-shadow {text-shadow: 1px 1px 1px #000000;}

.kan100 {line-height:100% !important;}
.kan125 {line-height:125% !important;}
.kan150 {line-height:150% !important;}
.kan180 {line-height:180% !important;}
.kan200 {line-height:200% !important;}
.kan220 {line-height:220% !important;}
.kan250 {line-height:250% !important;}
.kan280 {line-height:280% !important;}

/*폰트색상*/
.f_yellow { color: rgb(247, 143, 29) !important; } /* F78F1D */
.f_yellow2 { color: #ffff00 !important; }
.f_white { color: rgb(255, 255, 255) !important; }
.f_dark { color: rgb(34, 34, 34) !important; }
.f_darkblue { color: rgb(0, 26, 96) !important; }
.f_blue { color: rgb(0, 0, 255) !important; }
.f_lightblue { color: rgb(0, 83, 166) !important; }	/* 0053A6 */
.f_red { color: rgb(255, 0, 0) !important; }
.f_green { color: rgb(0, 153, 0) !important; }
.f_gray { color: rgb(178, 140, 119) !important; }
.f_90 { color: rgb(144, 144, 144) !important; }
.f_grayblue { color: rgb(95, 147, 189) !important; } /* 5F93BD */
.f_cc { color: rgb(204, 204, 204) !important;}
.f_blue2 {color: #488fd1 !important;}	/* 6391E4 -> #0053a6 -> #488fd1*/   
.f_tit {color:#174cac !important;}
.f_95 {color: rgb(95 95, 95) !important;}


/*인쇄아이콘*/
.print-ico{
	color:#454545 !important;
	font-size:11px;
	padding:2px 8px;
    border-radius: 0px 0px 4px 4px;
	background-color:#aabed1;
}

/********************************************************************************/
/*submit가 버튼인 경우*/
.top-btn {
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	background-color:#f9f9f9;
	border:1px solid #acacac;
	cursor:pointer;
	font-size:12px;
	padding:3px 15px;
	text-shadow:0px 1px 0px #ffffff;
	border-radius: 2px;
}

/*submit가 a 하이퍼인 경우*/
.top-hf {
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	background-color:#f9f9f9;
	border:1px solid #acacac;
	cursor:pointer;
	font-size:12px;
	padding:2px 15px;
	text-shadow:0px 1px 0px #ffffff;
	border-radius: 2px;
	font-weight:350;
}
/********************************************************************************/


/*정렬*/
.t_center { text-align:center !important; }
.t_right { text-align:right !important; }
.t_left { text-align:left !important; }

.pad {padding:8px;}
.pad5 {padding:5px;}
.pad-5 {padding: 0px 5px;}
.pad-10 {padding: 0px 10px;}
.pad-15 {padding: 0px 15px;}
.boc {display:inline-block;}

.table_line {
	border:1px solid #dbdfe4; 
	cursor:pointer;	font-size:14px;
	/*font-weight:600;*/
}


.ddrop{ padding: 2px 4px;
		padding-left: 5px;
		font-size: 13px;
		border: 1px solid #cccccc;
		border-radius: 2px;
 }

/*검색버튼*/
.fsearch {
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	background-color:#f9f9f9;
	border:1px solid #acacac;
	cursor:pointer;
	font-size:13px;
	padding:4px 15px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	border-radius: 2px;
}


/*검색폼*/
.search {
       padding: 2px 4px;
       border: 1px solid #dcdcdc;
       border-radius: 2px;
	   font-size:13px; color:#797979; text-align:center;
}

.search2 {
       padding: 2px 2px;
       border: 1px solid #dcdcdc;
       border-radius: 2px;
	   font-size:11px; color:#797979; text-align:center;
}

.search-adm {
       padding: 6px 4px;
       border: 1px solid #dcdcdc;
       border-radius: 3px; text-align:center;
	   font-size:13px; color:#797979;
}


/*adm3 관리자페이지 팝업창 버튼 css*/
.btn1 {
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	background-color:#f9f9f9;
	border:1px solid #acacac;
	cursor:pointer;
	font-size:12px;
	padding:4px 20px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	border-radius: 2px;
}


/*//////////////////버튼/////////////////////*/
/*---------------게시판버튼----------------------------------------------*/
.btn-bbs {
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	background-color:#ffffff;
	border-radius:1px;
	border:1px solid #dcdcdc;
	/*display:inline-block; wnkm 버튼이넓어짐방지*/
	cursor:pointer;
	font-family:Arial;
	padding:0px 12px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}


.btn-bbs2 {
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	background-color:#ffffff;
	border-radius:1px;
	border:1px solid #dcdcdc;
	/*display:inline-block; wnkm 버튼이넓어짐방지*/
	cursor:pointer;
	padding:4px 15px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}

.cssBtn {
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	background-color:#f9f9f9;
	border:1px solid #acacac;
	cursor:pointer;
	font-size:12px;
	padding:2px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	border-radius: 2px;
}
.cssBtn_narrow {
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	background-color:#f9f9f9;
	border:1px solid #acacac;
	cursor:pointer;
	font-size:12px;
	padding:2px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	border-radius: 2px;
}

.cssBtn_margin {
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	background-color:#f9f9f9;
	border:1px solid #acacac;
	/*display:inline-block; wnkm 버튼이넓어짐방지*/
	cursor:pointer;
	font-size:12px;
	padding:5px 18px;
	margin-top:5px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	border-radius: 2px;
}

/*---------------------------------------------------------------------*/
.btn_lv_confirm1 {
	background-color:#0072c5;
	border:1px solid #6f807f;
	/*display:inline-block; wnkm 버튼이넓어짐방지*/
	cursor:pointer;
	font-size:12px;
	padding:1px 12px 3px 12px;
	text-decoration:none; border-radius: 2px;
}

.btn_lv_confirm2 {
	background-color:#ededed;
	border:1px solid #d6bcd6;
	cursor:pointer;
	font-size:12px;
	padding:1px 12px 3px 12px;
	text-decoration:none; border-radius: 2px;
}


/*---------------------------------------------------------------------*/
.myBtnLarge {
	background:linear-gradient(to bottom, #7892c2 5%, #476e9e 100%);
	background-color:#7892c2;
	border-radius:5px;
	border:1px solid #4e6096;
	/*display:inline-block; wnkm 버튼이넓어짐방지*/
	cursor:pointer;
	font-size:15px;
	padding:10px 35px;
	text-decoration:none;
}
/*---------------------------------------------------------------------*/
.myBtn_confirm {
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	background-color:#007dc1;
	border-radius:3px;
	border:1px solid #124d77;
	/*display:inline-block; wnkm 버튼이넓어짐방지*/
	cursor:pointer;
	font-size:15px;
	padding:8px 35px;
	text-decoration:none;
}
.myBtn_confirm_narrow {
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	background-color:#007dc1;
	border-radius:3px;
	border:1px solid #124d77;
	/*display:inline-block; wnkm 버튼이넓어짐방지*/
	cursor:pointer;
	font-size:15px;
	padding:8px 20px;
	text-decoration:none;
}
/*---------------------------------------------------------------------*/
.myBtn_list {
	background:linear-gradient(to bottom, #768d87 5%, #6c7c7c 100%);
	background-color:#768d87;
	border-radius:3px;
	border:1px solid #566963;
	/*display:inline-block; wnkm 버튼이넓어짐방지*/
	cursor:pointer;
	font-size:15px;
	padding:8px 35px;
	text-decoration:none;
}

.myBtn_red {
	background:linear-gradient(to bottom, ##d0451b 5%, #bc3315 100%);
	background-color:#d0451b;
	border-radius:3px;
	border:1px solid #942911;
	/*display:inline-block; wnkm 버튼이넓어짐방지*/
	cursor:pointer;
	font-size:15px;
	padding:8px 35px;
	text-decoration:none;
}

.myBtn_narrow {
	background:linear-gradient(to bottom, #768d87 5%, #6c7c7c 100%);
	background-color:#768d87;
	border-radius:3px;
	border:1px solid #566963;
	/*display:inline-block; wnkm 버튼이넓어짐방지*/
	cursor:pointer;
	font-size:15px;
	padding:8px 20px;
	text-decoration:none;
}
/*---------------------------------------------------------------------*/
.myBtnSmall{
	color:#ffffff;
	font-size:11px;
	padding:2px 5px;
    border-radius: 2px;
	text-decoration:none;
	/*display:inline-block; wnkm 버튼이넓어짐방지*/
}

.mypageBtn{
	color:#ffffff;
	font-size:12px;
	padding:3px 10px;
	border-radius: 2px;
	text-decoration:none;
	/*display:inline-block; wnkm 버튼이넓어짐방지*/
}
/*---------------------------------------------------------------------*/
.myBtnColor-blue{background-color:#0072c5;}
.myBtnColor-blue-2{background-color:#0000ff;}
.myBtnColor-red{background-color:#db0000;}
.myBtnColor-red-2{background-color:#ff0000;}
.myBtnColor-gray{background-color:#cccccc;}
.myBtnColor-gray-2{background-color:#545454;}
.myBtnColor-gray-90{background-color:#909090;}
.myBtnColor-green{background-color:#54a900;}
.myBtnColor-green-2{background-color:#009900;}
.myBtnColor-pu{background-color:#cb00bf;}
.myBtnColor-orange{background-color:#f79335;}
.myBtnColor-sky{background-color:#2daef0;}
/*---------------------------------------------------------------------*/
.myBtnMd {
	border-radius:3px;
	/*display:inline-block; wnkm 버튼이넓어짐방지*/
	cursor:pointer;
	padding:4px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #854629;
}
/*---------------------------------------------------------------------*/
.myBtnMiddle {
	box-shadow:inset 0px 1px 0px 0px #cf866c;
	background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
	background-color:#d0451b;
	border-radius:3px;
	border:1px solid #942911;
	cursor:pointer;
	padding:4px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #854629;
}
.myBtnMiddle:hover {
	background:linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);
	background-color:#bc3315;
	text-decoration:none;
}
.myBtnMiddle:active {
	position:relative;
	top:1px;
	text-decoration:none;
}
/*---------------------------------------------------------------------*/
.myIconSmall {
	color:#ffffff;
	font-size:11px;
	padding: 2px 2px 5px 2px;
	text-decoration:none;
	}
/*---------------------------------------------------------------------*/