@import url(reset.css);
@import url(regist.css);
@import url(content.css);
@import url(type-02.css);
@import url(type-03.css);
@import url(type-04.css);
@import url(type-05.css);
@import url(type-06.css);
@import url(type-07.css);
@import url(type-08.css);
@import url(type-09.css);
@import url(type-10.css);
@import url(type-11.css);
@import url(type-12.css);
@import url(type-13.css);
@import url(type-14.css);

/*********************************************************************
* Ajax 로딩 CSS
**********************************************************************/
div#loading {
	position:fixed;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	z-index:9999;	
	background:rgba(0,0,0,0.4);
	text-align:center;
}

/* 반복 사용하는 클래스 */
.block {display:block}
.clearfix:after {content:"";clear:both;display:block}
.middle-set *{vertical-align:middle;}
.pull-left {float:left;}
.pull-right {float:right;}
.text-left {text-align:left}
.text-right {text-align:right}
.prewrap {white-space:pre-wrap;line-height:1.5em;}
.blind {width:0px;height:0px;overflow:hidden;}
.fa {font: normal normal normal 14px/1 FontAwesome !important}
.grecaptcha-badge {
	z-index: 99999999 !important;
}
div.row {
	margin-bottom:20px;
}
div.row.in-span {
	margin-left:-1.666666%;
}
div.row.no-margin {
	margin-bottom:0px;
}
div.row.half-margin {
	margin-bottom:10px;
}
div.row:after {
	content:"";
	clear:both;
	display:block;
}
div.span {
	box-sizing:border-box;
	float:left;
	margin:0 0 0 1.666666%;
}
div.span1 {width:6.666666%}
div.span2 {width:15%}
div.span3 {width:23.333333%}
div.span4 {width:31.6666666%}
div.span5 {width:40%}
div.span6 {width:48.333333%}
div.span7 {width:56.666666%}
div.span8 {width:65%}
div.span9 {width:73.333333%}
div.span10 {width:81.666666%}
div.span11 {width:90%}
div.span12 {width:98.333333%}

#setMenu3 h1.font-dotum,
#setMenu3 div.font-dotum h2,
#setMenu3 div.font-dotum p,
.font-dotum,
.font-dotum button {
	font-family:'돋움', Dotum;
}
#setMenu3 h1.font-malgungothic,
#setMenu3 div.font-malgungothic h2,
#setMenu3 div.font-malgungothic p,
.font-malgungothic,
.font-malgungothic button {
	font-family:'맑은 고딕', 'Malgun Gothic', '돋움', Dotum;
}
#setMenu3 h1.font-nanumbarungothic,
#setMenu3 div.font-nanumbarungothic h2,
#setMenu3 div.font-nanumbarungothic p,
.font-nanumbarungothic,
.font-nanumbarungothic button {
	font-family:'나눔바른고딕', 'Nanum Barun Gothic', '돋움', Dotum ;
}
#setMenu3 h1.font-nanumgothic,
#setMenu3 div.font-nanumgothic h2,
#setMenu3 div.font-nanumgothic p,
.font-nanumgothic,
.font-nanumgothic button {
	font-family:'나눔고딕', 'Nanum Gothic', '돋움', Dotum;
}
#setMenu3 h1.font-notosanskr,
#setMenu3 div.font-notosanskr h2,
#setMenu3 div.font-notosanskr p,
.font-notosanskr,
.font-notosanskr button {
	font-family:'Noto Sans KR', '돋움', Dotum;
}
#setMenu3 h1.font-sunflower,
#setMenu3 div.font-sunflower h2,
#setMenu3 div.font-sunflower p,
.font-sunflower,
.font-sunflower button {
	font-family:'Sunflower', '돋움', Dotum;
}
#setMenu3 h1.font-gothica1,
#setMenu3 div.font-gothica1 h2,
#setMenu3 div.font-gothica1 p,
.font-gothica1,
.font-gothica1 button {
	font-family:'Gothic A1', '돋움', Dotum;
}
#setMenu3 h1.font-dohyeon,
#setMenu3 div.font-dohyeon h2,
#setMenu3 div.font-dohyeon p,
.font-dohyeon,
.font-dohyeon button {
	font-family:'Do Hyeon', '돋움', Dotum;
}
#setMenu3 h1.font-nanummyeongjo,
#setMenu3 div.font-nanummyeongjo h2,
#setMenu3 div.font-nanummyeongjo p,
.font-nanummyeongjo,
.font-nanummyeongjo button {
	font-family:'Nanum Myeongjo', '돋움', Dotum;
}
#setMenu3 h1.font-notoserifkr,
#setMenu3 div.font-notoserifkr h2,
#setMenu3 div.font-notoserifkr p,
.font-notoserifkr,
.font-notoserifkr button {
	font-family:'Noto Serif KR', '돋움', Dotum;
}

/******************************************************
모달창 기본 설정
*******************************************************/
.appsite-modal-bg {
	display:none;
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:10100;
	background:rgba(0,0,0,0.5);
}
.appsite-modal {
	position:relative;
	margin:100px auto;
	padding-bottom:20px;
	width:800px;
	background:#fff;
	box-shadow:0px 5px 20px rgba(0,0,0,0.5);
	transition:margin 0.2s ease-out;	
}
.appsite-modal.modal-scroll {
	margin-top:3%;
	padding:0px;
	height:85%;
}
.appsite-modal .modal-body {
	padding:20px 20px 0px;
}
.appsite-modal.modal-scroll .modal-body {
	overflow-y:auto;
	height:calc(100% - 148px);
}
.appsite-modal h2.h2 {
	position:relative;
	padding:0 20px;
	height:50px;
	background:#47b8d0;
	color:#fff;
	line-height:50px;
	font-size:20px;
	font-weight:normal;
}
.appsite-modal button.btn-close-modal {
	position:absolute;
	top:16px;
	right:16px;
	display:block;
	width:17px;
	height:18px;
	border:0;
	background:url(../../koala/css/images/btnClosePop.png) no-repeat center center;
}
.appsite-modal button.btn-close-modal:active {
	top:17px;
	right:15px;
}
.appsite-modal h3.h3 {
	margin-top:0px;
	margin-bottom:12px;
	padding-left:20px;
	color:#324979;
	font-size:19px;
	font-weight:bold;
}
.appsite-modal ul.list>li+li {
	margin-top:10px;	
}
.appsite-modal ul.list ul.list {
	margin-left:30px;
	margin-top:10px;
}
.appsite-modal ul.list strong.list-inner-header {
	font-size:1.2em;
}

.appsite-modal button.btn-modal {
	display:inline-block;
	position:relative;
	margin-right:8px;
	padding:11px 15px;
	line-height:1;
	border-width:1px;
	border-style:solid;
	color:#fff;
	transition:all 0.15s ease 0s;
	cursor:pointer;
	text-align:center;
	vertical-align:middle;
	white-space:nowrap;
}
.appsite-modal button.btn-modal:active {
	top:1px;
	left:1px;
}
div.popUp {
	overflow:hidden;
	position:absolute;
	z-index:9999;	
	box-sizing:border-box;
	background:#fff;
	border:1px solid #19283d;
	font-size:14px;
}
div.popUp div.close {
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	padding-left:11px;
	height:35px;
	line-height:35px;
	background:#3f4553;
	color:#fff;
	text-align:left;
	font-size:12px;
}
div.popUp div.close>label {
	position:relative;
}
div.popUp div.close label>input.checkbox[type="checkbox"] {
	opacity:0;
	position:absolute;
	width:14px;
	height:14px;
	cursor:pointer;	
}
div.popUp div.close label>input.checkbox[type="checkbox"]+span.label {
	display:inline-block;
}
div.popUp div.close label>input.checkbox[type="checkbox"]+span.label::before {
	content: "\f00c";
	display:inline-block;
	width:14px;
	height:14px;
	line-height:14px;
	font-family:fontAwesome;
	font-weight:normal;
	font-size:12px;
	text-align:center;
	background-color:#fff;
	color:#fff;
}
div.popUp div.close label>input[type=checkbox].checkbox:checked+span.label::before {
	color:#333;
}



div.popUp div.close>button {
	position:relative;
	padding:0px 8px;
	height:24px;
	line-height:24px;
	background:#8a93a7;
	color:#fff;
	border:none;
}
div.popUp div.close>button:active {
	right:7px;
	top:8px;
}
div.popUp div.close>button+button {
	margin-left:5px;
}
div.popUp div.close>button.btnClose,
div.popUp div.close>button[data-button="closePopup"]
{
	position:absolute;
	top:6px;
	right:5px;
}
div.popUp div.close>button.btnClose:active,
div.popUp div.close>button[data-button="closePopup"]:active{
	top:7px;
	right:4px;
	left:auto;
}
div.modalConfirm {
	font-size:13px;
}
div.modalConfirm p+p {
	margin-top:15px;
}
div.modalConfirm p.warning {
	position:relative;
	padding-left:15px;
	margin-top:20px;
	line-height:1.7em;
}
div.modalConfirm p.warning:before {
	content:'※';
	position:absolute;
	top:0px;
	left:0px;
}
div.modalConfirm p.warning strong {
	text-decoration:underline;
}

div.modalConfirm dl {
	margin-top:20px;
	padding:15px 20px;
	background:#eee;
}
div.modalConfirm dt,
div.modalConfirm dd {
	float:left;
}
div.modalConfirm dt {

}
div.modalConfirm dt:after {
	content:' : ';
}

div.modalDuplicationApply {
	font-size:14px;
}
div.modalDuplicationApply div.infoBox {
	margin:20px 0;
	padding:15px 20px;
	background:#eee;
	text-align:center;
}
div.modalDuplicationApply div.infoBox h3 {
	margin-bottom:7px;
}
div.modalDuplicationApply p+p {
	margin-top:20px;
}
/******************************************************************
스타일이 들어간 select
*******************************************************************/
.styled-select{
	display:inline-block;
	position:relative;
	background-color:#fff;
	border:solid 1px #d8d8d8;
	border-radius:2px;
	overflow:hidden;
	line-height:0;
	vertical-align:middle;
	margin-top:1px;
	margin-bottom:1px;
	box-sizing:border-box;
}
.styled-select:before{
	content:"\f0dd";
	font-family:FontAwesome;
	display:inline-block;
	position:absolute;
	font-size:14px;
	top:50%;
	right:7px;
	margin-top:-4px;
	color:#000000;
}
.styled-select>select{
	font : 13.3333px '나눔바른고딕';
	position:relative;
	z-index:1;
	-webkit-appearance:none;
	-moz-appearance:none;
	-o-appearance:none;
	appearance:none;
	background:transparent;
	border:0;
	border-radius:0;
	cursor:pointer;
	width:100%;
	height:28px;
	padding:5px 19px 5px 5px;
}
.styled-select>select:disabled,
.styled-select>select:disabled:before {
	opacity:0.5;
}
.styled-select.low-height>select {
	padding:2px 19px 2px 5px;
	height:22px;
}
.styled-select>select::-ms-expand{
	display:none;
}
.styled-select.searchCondition{
	width:calc(25% - 12px);
	margin-right:7px;
	margin-bottom:10px;
}
.styled-select.pagingCounter{
	margin-left:12px;
}
.styled-select.styled-select100per{
	width:100%;
}
.styled-select.styled-select100per>select{
	width:100%;
}
.styled-select.styled-minusList{
	width:calc(100% - 35px);
}

.paging-wrapper {
	position: relative;
	margin-top: 40px;
	text-align: center;
}

.paging{
	display :inline;
}

/******************************************************************
input
*******************************************************************/
div.search-box-notice{
	display: flex;
	justify-content: center;
	margin-top: 30px;
	height: 35px;
}
div.search-box-notice input{
	width:30%;
	min-width: 250px;
	height: 100%;
	font-size: 1rem;
}

div.search-box-notice input::-ms-clear,
div.search-box-notice input::-ms-reveal{
	display: none;
}

div.search-box-notice input::-webkit-search-decoration,
div.search-box-notice input::-webkit-search-cancel-button,
div.search-box-notice input::-webkit-search-results-button,
div.search-box-notice input::-webkit-search-results-decoration{
	display:none;
}

div.search-box-notice button.btn-search-box{
	display: inline;
	width:50px;
	height:100%;
	margin-left:-1px;
	border-top-right-radius:2px;
	border-bottom-right-radius:2px;
	background:#FFF;
	border:1px solid #E0E0E0;
	color:#8f9fbb;
	padding: 2px 10px;
}
div.search-box-notice button.btn-search-box:hover{
	background:#8f9fbb;
	color:#FFF;
}
/*********************************************************************
* 말줄임
**********************************************************************/
.ellipsis {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap:normal;
}