@charset "utf-8";
@import url("../../font/OpenSans/fonts.css");
@import url("../../font/NotoSansKR/fonts.css");
@import url("../../font/XEIcon-2.3.3/xeicon.css");
/*-------------------------------------------------
Author : PLANI FD TEAM
Create date : 2018. 04. 01.
-------------------------------------------------*/
/* reset.css(plan-i standard) */
html {font-size: 20px;}
*, *:before, *:after {-webkit-box-sizing: border-box; box-sizing: border-box;}
body {margin: 0; padding: 0; line-height: 1.5; font-family: 'Open Sans', sans-serif; font-size: 0.8rem; font-weight: 300; color: #333;}
ul, ol, li, dl, dt, dd {margin: 0; padding: 0; list-style: none;}
p, h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}
a {color: inherit; text-decoration: none;}
img {font-size: 0; vertical-align: middle; border: 0;}
table {width: 100%; border-collapse: separate; border-spacing: 0;}
caption, legend {position: absolute; margin: -1px; padding: 0; width: 1px; height: 1px; overflow: hidden; border: 0; clip: rect(0, 0, 0, 0);}
select, input, textarea {font-family: 'Open Sans', sans-serif; font-size: 0.8rem; color: #454545;}
select, input {vertical-align: middle;}
address, em, i {font-style: normal;}
button {border: 0; background: none; cursor: pointer;}
hr {margin: 0; border: none; padding: 0; display: block;}
figure, figcaption {margin: 0; padding: 0;}
form,
fieldset {display: block; width: 100%; min-width: 0; border: none; margin: 0; padding: 0;}
input[type="submit"] {-webkit-appearance: none; -moz-appearance: none; appearance: none;}
header, footer, article, section, aside, nav, main {display: block;}

/*Skip To Content*/
#skipNav{position:absolute; left:0; top:-1000px; width:100%; height: 0px; z-index:1000; line-height:0px; font-size:0px}
#skipNav a{display:block; text-align:center; width: 100%; line-height:0px;	font-size:0px}
#skipNav a:focus, #skipNav a:hover, #skipNav a:active{position:absolute; left:0px; top:1000px; padding: 8px 0; display:block; height:30px; background:#20262c; font-size:12px; font-weight:bold; line-height:18px; color:#fff}

.sr-only,
.IR {position: absolute; margin: -1px; padding: 0; width: 1px; height: 1px; overflow: hidden; border: 0; clip: rect(0, 0, 0, 0);}

/* text-align */
.txt-left {text-align: left !important;}
.txt-center {text-align: center !important;}
.txt-right {text-align: right !important;}

/* float */
.float-left {float: left; display: inline-block;}
.float-right {float: right;}

.clearfix {}
.clearfix:after {clear: both; display: block; width: 100%; content: "";}

/* 부트스트랩 반응형*/
.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%;}

@media screen and (max-width: 1024px){
	html {font-size: 19px;}
}

@media screen and (max-width: 800px){
	html {font-size: 18px;}
}