@charset "utf-8";
/*-------------------------------------------------
General Style Sheet
Version : 1.0
Author : myeong-hee park
Create date : 2018. 06. 18.
-------------------------------------------------*/
*, *:before, *:after{box-sizing:inherit;}
html {margin: 0; padding: 0; font-size: 10px; overflow-y: scroll; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none;box-sizing:border-box;}
body {margin: 0; padding: 0; color: #444;  line-height: 1.5625;  font-size: 1.6rem; font-family: Noto, "맑은 고딕", Malgun Gothic, "돋움", Dotum, "굴림", Gulim, Tahoma, Verdana, AppleGothic, UnDotum, sans-serif; font-weight: 300;}
header, footer, article, section, aside, nav, main{display:block;}
mark{background-color:#fff;}
a {color: inherit; text-decoration: none;}
a:hover {text-decoration: underline;}
a[href*=tel]{color: inherit;}
img{border:none;}
h1, h2, h3, h4, h5, h6, p, figure, figcaption {margin: 0; padding: 0;}
ul, ol, li, dl, dt, dd{margin: 0; padding: 0; list-style:none;}
em, address, i {font-style:  normal;}
hr{display: block; margin: 0; padding: 0; border: none;}
iframe {margin:0; padding:0; border:currentcolor; border-image-source:none;}

form{margin:0; padding:0;}
fieldset{margin:0; padding:0; border:none;}
select, input, textarea {padding: .6rem 1.3rem; background-color: #fff; border: 1px solid #ddd; border-radius: 0; -webkit-border-radius: 0; color: #666; vertical-align: middle; font-size:  inherit; font-family: inherit; font-weight: inherit; appearance: none; -webkit-appearance: none; -moz-appearance: none; }
select {position: relative; min-height: 3.8rem; padding-right: 2.5rem; background: #fff url(../../images/common/bbs/select_arrow.png) no-repeat right 50%; }
select[multiple="multiple"]	 {height: auto;}
select::-ms-expand { display: none;}
select:focus, input:focus, textarea:focus  { border-color: #4d90fe;}
input[type="radio"], input[type="checkbox"], input[type="image"]{width: 1.8rem; height: 1.8rem; margin-top: -0.1rem; padding: 0; border-color: transparent;}
input[type="submit"], input[type="button"] {cursor:pointer;}
:-ms-input-placeholder {color: #999; font-size: 1.5rem;}
::-webkit-input-placeholder {color: #999; font-size: 1.5rem;}
:-moz-placeholder {color: #999; font-size: 1.5rem;}
::-moz-placeholder {color: #999; font-size: 1.5rem;}
* button{position:relative;display:inline-block;margin:0;padding:0;background:none;border:0;cursor:pointer;_cursor:hand;text-decoration:none; overflow: visible; font-size: inherit; font-family: inherit; font-weight: inherit; white-space: nowrap;}
legend, caption {width: 100%; height: 1px; margin: -1px; color: transparent; clip:rect(0,0,0,0); overflow:hidden;}

/* skip navgation STYLE */
#accessibility{position:relative;width:100%;margin:0 auto;font-size: 15px;z-index:200;}
#accessibility dt{width:100%;height:0; font-size:0;line-height:0;}
#accessibility a{display:block;position:absolute;top:-10000px;left:0;width:100%;height:0;text-align:center;font-size:1em;z-index:200;}
#accessibility a:hover, #accessibility a:focus, #accessibility a:active{position:absolute;top:0;padding:10px 0 25px;background:#1d60a7;color:#fff;z-index:200;}
.skip-to {position: absolute; top: -99px; left: 0; padding: 10px 0; width: 100%; text-align: center; color: #fff; text-decoration: none; background: #333; z-index: 999;}
.skip-to:hover, .skip-to:focus, .skip-to:active {display: block; top: 0;}

/* 테이블 STYLE */	
table{width: calc(100% + 2px); margin: 0 -1px;  border-spacing: 0; border-collapse: collapse;}
table th{padding: 1rem 2rem; white-space: nowrap; font-weight: 500;}
table td{padding: 1.2rem 2rem; color: #666; white-space: normal; /* word-break: break-all; */}

/* Float STYLE*/
.float-wrap, .float-wrap02 {clear: both; overflow: hidden;}
.float-wrap02 {margin-top: 70px;}
.clear  {clear: both;}
.float-left {float: left;}
.float-right {float: right;}
.display-none {display: none;}
.display-block {display: block;}
.display-inline {display: inline-block;}
.vertical-middle {vertical-align: middle;}
.vertical-img {display: inline-block; margin-right: 10px;vertical-align: middle;}	
/* 폰트정렬 STYLE*/
.txt-center {text-align: center;}
.txt-left {text-align: left;}
.txt-right {text-align: right;}
.txt-justify {text-align: justify;}
.input-nomal  {width: auto;}
/* point color STYLE */
[class*="point01"] {/* 빨강 */color: #EA3939;}
[class*="point02"] {/* 그린 */color: #32a66c;}
[class*="black-"] {color: #000;}		
[class$="-bold"]  {font-weight: 500;}
.hidden {width: 100%; height: 1px; margin: -1px; color: transparent; clip:rect(0,0,0,0); overflow:hidden;}
.sr-only {position:absolute; width:1px;height: 1px; margin: -1px; color: transparent; clip:rect(0,0,0,0); overflow:hidden;}
.responsive {max-width: 100%; height: auto;}
/* 부트스트랩 반응형*/
 .col-sm-12{width:100%;}
.col-sm-11{width:91.66666667%;}
.col-sm-10{width:83.33333333%;}
.col-sm-9{width:75%;}
.col-sm-8{width:66.66666667%;}
.col-sm-7{width:58.33333333%;}
.col-sm-6{width:50%;}
.col-sm-5{width:41.66666667%;}
.col-sm-4{width:33.33333333%;}
.col-sm-3{width:25%;}
.col-sm-2{width:16.66666667%;}
.col-sm-1{width:8.33333333%;}
@keyframes fadeInDown{
0%{
	transform:translateY(-10px);
	opacity:0
	}
100%{
	transform:translateY(0);
	opacity:1;
	}
}
/* 라디오, 체크박스 */
span.checks {
	display: inline-block;
	}
.checks {
	position: relative;
	} 
.check-line {
	display: inline-block;
	position: relative;
	width: 2rem;
	height: 2rem;
    overflow: hidden;
	}
.check-line input[type="checkbox"] {
	position: absolute;
	top: 0;
	left: 0;
    margin: 0;
	}
.normal-checkbox input[type="checkbox"] {
	position: relative;
	border-color: #ddd;
	appearance: checkbox;
	-webkit-appearance: checkbox; 
	-moz-appearance: checkbox;
	}		
.checks input[type="radio"] + label,
.checks input[type="checkbox"] + label {
	position: relative;
	margin-left: -2.5rem;
	padding-left: 2.5rem;
	cursor: pointer;
	}
.checks input[type="radio"] + label::before,
.checks input[type="radio"] + label::after,
.checks input[type="checkbox"] + label::before,
.checks input[type="checkbox"] + label::after ,
.check-line input[type="checkbox"]::before,
.check-line input[type="checkbox"]::after   {
	position: absolute;
	top: .5rem;
	left: 0;
	width: 1.8rem;
	height: 1.8rem;
	border: 1px solid #d5d5d5;
	border-radius: 100%;
	box-sizing: border-box;
	content: '';
	}
.check-line input[type="checkbox"]::before,
.check-line input[type="checkbox"]::after {
	top: 0;
	}	
.checks input[type="checkbox"] + label::before,
.checks input[type="checkbox"] + label::after,
.check-line input[type="checkbox"]::before,
.check-line input[type="checkbox"]::after {
	border-radius: 0;
	}
.checks input[type="radio"]:disabled + label::before,
.checks input[type="checkbox"]:disabled + label::before,
.check-line input[type="checkbox"]:disabled::before {
	background-color: #dfdfdf;
    z-index: 1;
	}
.checks input[type="radio"]:checked + label::after {
	top: 7px;
	left: 5px;
	width: 8px;
	height: 8px;
	background-color: #e12e34;
	border: none;
	}
.checks input[type="checkbox"]:checked + label::before,
.check-line input[type="checkbox"]:checked::before {
	background-color: #3E74D3;
	border-color: transparent;
	}
.checks input[type="checkbox"]:checked + label::after,
.check-line input[type="checkbox"]:checked::after	{
    color: #fff;
    background-color: transparent;
	border: none;
    font: 1.9rem/1 'remixicon';
 	content: "\eb7a";
	}
.checks label + input[type="text"] {
	margin: 0 5px 0 -5px;
	}
/*레이어팝업 */
html.active{overflow-y:hidden;}
.layerPop {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0, 0.6); z-index:100;}
.layerPop .layerPop-area {position:absolute; max-width: 100%; margin:auto; padding-top: 4rem; background-color:#fff; z-index: 100; overflow: hidden;}
.layerPop .layerPop-area img{max-width:100%;}
.layerPop-close {position:absolute; top:0; left: 0; width:100%; height: 4rem; padding: .5rem 1.5rem; color:#333; font-size: 0.95em; overflow:hidden;}
.layerPop-close .checks {float: left; margin-top: .5rem;}
.layerPop-close button{display:block;float:right;padding:3px 0;color:#333;vertical-align:middle;}
.layerPop-close button i {margin-top:-.2rem; vertical-align: middle; font-size: 2.2rem;}
.layerPop .layerPop-area p {line-height: 1;}
.layerPop .layerPop-area a {display: block;}	
	
/* 콘텐츠 레이어 팝업 */	
.layer-cont {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 80rem;
    max-width: 95%;
    max-height: 95%;
    margin: 0 auto;
    background-color: #fff;
    transform: translate(-50%,-50%);
    visibility: hidden;
	}
.layerpop-active::before {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0, .5);
    content: '';
    z-index: 99;
	}
.layerpop-active .layer-cont.active {
    display: block;
    height: auto;
    overflow: auto;
    visibility: visible;
    z-index: 99;
	}	
.layer-cont .subject	{
    margin-bottom: 3rem;
    padding: 1.6rem 2rem;
    background-color: #28C4A6;
    color: #fff;
    font-size: 2.4rem;
    font-weight: 500;
	}
.layer-cont .btn-close {
	position: absolute;
	top: 1.6rem;
	right: 2rem;
	color: #fff;
	font-size: 3.2rem;
	}
.layerpop-body {
	margin: 0 4rem 3rem;
	}
@media (max-width: 1360px) {
.layerPop {	
	padding-top: 13.8rem;
	text-align: center;
	}
.layerPop .layerPop-area {
    position: relative;
	top: inherit !important;
	left: inherit !important;
    display: inline-block;
	height: auto !important;
	margin-bottom: 1rem;
    text-align: left;
    vertical-align: top;
	}
}