/* ==================================================
   Basic
================================================== */
* {
	margin:0;
	padding:0;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html{
	font-size:62.5%;
	-webkit-overflow-scrolling: auto;
	
}

html,body {
	width:100%;
	max-width:100%;
	overflow-x:hidden;
	height:100%;
}

html{
	width:100%;
	-webkit-text-size-adjust: 100%; 
	-ms-text-size-adjust: 100%;
}

body{
	color:#4c4c4e;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height:1.42857143;
	letter-spacing:-0.5px;
	background-color:#fff;
	font-family:'맑은 고딕', 'Malgun Gothic', sans-serif !important;
}


a{	
	text-decoration: none;
	-webkit-transition: color 0.1s linear 0s;	
	-moz-transition: color 0.1s linear 0s;
	-o-transition: color 0.1s linear 0s;
	transition: color 0.1s linear 0s;
}

a:hover,
a:active,
a:focus{
	outline: 0;
	text-decoration:none;
}

a img {
	border: none;
}

a > img {
	vertical-align: middle;	
}

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

strong, .bold {
  	font-weight: 700;
}

hr {
	border:none;
}


ul, li {
	list-style:none;
	padding:0;
	margin:0;
}

address, cite, code, em{font-style:normal; font-weight:normal;}

a{text-decoration:none; color:#4c4c4e;}

h1,h2,h3,h4,h5,h6{letter-spacing:-1px;}

.fl_left{
	float:left;
}

.fl_right{
	float:right;
}
.text-align-left {
	text-align: left!important;
}

.text-align-center {
	text-align: center!important;
}

.text-align-right {
	text-align: right!important;	
}

table{
	border-collapse: collapse;
	border-spacing:0;
}

fieldset {
	margin:0;
	padding:0;
	border:0
}

.v-align-top {
	vertical-align: top
}

.v-align-middle {
	vertical-align: middle
}

.v-align-bottom {
	vertical-align: bottom
}
/* ==================================================
   Font style
================================================== */
.color-orange {
    color: #DE5E60!important;
}

.color-gray {
    color: #333!important;
}

.color-gray-01 {
    color: #111!important;
}

.color-gray-02 {
    color: #666!important;
}

.color-gray-03 {
    color: #999!important;
}

.color-blue {
	color:#1389FF!important;
}
.color-green {
	color:#009944!important;
}

.color-red {
	color:#ff0308!important;
}

.color-olive {
	color:#2db9a2!important;
}

.color-pink {
	color:#f381f2!important;
}

.through{
	text-decoration:line-through;
}

/* ==================================================
   Input Styles
================================================== */
input, button, select, textarea {
	outline: 0;
	background-color:transparent;
}

input[type="text"], input[type="number"], input[type="password"]{
	height:45px;
	border: 1px solid #e2e2e2;	
	vertical-align: top; 
	padding:0 7px;
	box-sizing: border-box;
	border-radius: 0;
	-webkit-appearance: none;
	background:#fff;
	width:100%;
} 



textarea {
	border: 1px solid #e2e2e2;	
	padding:5px 10px;
	box-sizing: border-box;
	border-radius: 0;
	background:#fff;
	height:auto;
	font-family:'맑은 고딕';
}

input:focus, 
textarea:focus,
input[type="text"]:focus {
	outline: 0;	
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #bcc0c9; font-size:1.3rem;
  font-family:'맑은 고딕';
  
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #bcc0c9; font-size:1.3rem;
  font-family:'맑은 고딕';
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #bcc0c9; font-size:1.3rem;
  font-family:'맑은 고딕';
}



.select-box{position:relative;padding:0; border: 1px solid #e2e2e2; display:inline-block; text-align:left; font-size:1.3rem}
.select-box:after{content:''; position:absolute; top:50%; right:7px; border-left:5px solid transparent; border-right: 5px solid transparent; border-top:8px solid #888; transform:translateY(-50%);z-index:1;}
.select-box select{position:relative; z-index:9; border:0;/* 숨기기 */ /* width:100%; */ padding:0 20px 0 10px; filter:alpha(opacity=0); /* IE8 숨기기 */ -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; }
.select-box select::-ms-expand { display:none;}

select {
	width:100%;
	height:4rem;
	padding:0 0 0 4%;
	border: 1px solid #e1e1e1;
	border-radius: 3px;
	color:#111;
	vertical-align: top;
    -webkit-appearance: none;
	-moz-appearance: none; 
    appearance: none;
}

.check-wrap{position:relative; cursor:pointer; display:flex;}
.check-wrap .check-input{position: absolute; width: 0; height: 0; opacity: 0;}
.check-wrap .check-item{position: relative; width: 100%; height: auto; padding-left: 12px; box-sizing:border-box; cursor:pointer; margin:0; display:block;}
.check-wrap input[type=checkbox]+ .check-item:before{content: '\2714'; position: absolute; left: 0; top: 50%; transform:translateY(-50%); width: 18px; height: 18px; background: #fff; border: 1px solid #ccc; box-sizing: border-box; padding-left: 2px; -webkit-padding-start:0px;  color:#ccc; line-height:15px; font-weight:300; text-align:center;}
.check-wrap input[type=checkbox]:checked + .check-item:before{content: "\2714"; background:#35d7e9; color: #fff; border: 1px solid #29bccc;}
.check-wrap input[type=checkbox]:checked + .check-item .txt{color:#333;}
.check-wrap .txt{padding-left:10px; color:#999; font-weight:500;}

.radio-wrap{}
.radio-wrap .radio-input{position: absolute; width: 0; height: 0; opacity: 0;}
.radio-wrap .radio-item{position: relative; display: inline-block; width: 100%; height: auto; padding-left: 17px; box-sizing:border-box; cursor:pointer;}
.radio-wrap input[type=radio]+ .radio-item:before{content: '\2713'; display: inline-block;position: absolute; left: 0; top: 0; width: 18px; height: 18px; background: #fff; border: 1px solid #ccc; box-sizing: border-box; border-radius:20px; line-height:14px; padding-left: 4px; -webkit-padding-start:3px; padding-top:2px; -webkit-padding-before:1px; font-size:15px; color:#ddd;}
.radio-wrap input[type=radio]:checked + .radio-item:before{content: "\2713"; background: #16bdd1; color: #fff; border: 1px solid #16bdd1; color:#fff}
.radio-wrap input[type=radio]:checked + .radio-item .txt{color:#16bdd1}
.radio-wrap .txt{padding:0 10px;}

button{border:0; cursor:pointer;}
/* ==================================================
   Margin Sets
================================================== */

.m0{
	margin-bottom:0 !important;
}

.mr0{
	margin-right:0px !important;
}

.mr10{
	margin-right:10px !important;
}

.mr20{
	margin-right:20px !important;
}

.mr30{
	margin-right:30px !important;
}

.mr40{
	margin-right:40px !important;
}

.mr50{
	margin-right:50px !important;
}

.mr0{
	margin-left:0px !important;
}

.ml10{
	margin-left:10px !important;
}

.ml20{
	margin-left:20px !important;
}

.ml30{
	margin-left:30px !important;
}

.ml40{
	margin-left:40px !important;
}

.ml50{
	margin-left:50px !important;
}

.mt0{
	margin-top:0px !important;
}
.mt5{
	margin-top:5px !important;
}
.mt10{
	margin-top:10px !important;
}

.mt20{
	margin-top:20px !important;
}

.mt30{
	margin-top:30px !important;
}

.mt40{
	margin-top:40px !important;
}

.mt50{
	margin-top:50px !important;
}

.mb0{
	margin-bottom:0px !important;
}

.mb5{
	margin-bottom:5px !important;
}

.mb10{
	margin-bottom:10px !important;
}

.mb20{
	margin-bottom:20px !important;
}

.mb30{
	margin-bottom:30px !important;
}

.mb40{
	margin-bottom:40px !important;
}

.mb50{
	margin-bottom:50px !important;
}

/* ==================================================
   Padding Sets
================================================== */

.p0{
	padding-bottom:0 !important;
}

.pr0{
	padding-right:0px !important;
}

.pr10{
	padding-right:10px !important;
}

.pr20{
	padding-right:20px !important;
}

.pr30{
	padding-right:30px !important;
}

.pr40{
	padding-right:40px !important;
}

.pr50{
	padding-right:50px !important;
}

.pl0{
	padding-left:0px !important;
}

.pl10{
	padding-left:10px !important;
}

.pl15{
	padding-left:15px !important;
}

.pl20{
	padding-left:20px !important;
}

.pl30{
	padding-left:30px !important;
}

.pl40{
	padding-left:40px !important;
}

.pl50{
	padding-left:50px !important;
}

.pt0{
	padding-top:0px !important;
}

.pt5 {
	padding-top:5px !important;
}

.pt10{
	padding-top:10px !important;
}

.pt12{
	padding-top:12px !important;
}

.pt20{
	padding-top:20px !important;
}

.pt30{
	padding-top:30px !important;
}

.pt40{
	padding-top:40px !important;
}

.pt50{
	padding-top:50px !important;
}

.pb0{
	padding-bottom:0px !important;
}

.pb10{
	padding-bottom:10px !important;
}

.pb20{
	padding-bottom:20px !important;
}

.pb30{
	padding-bottom:30px !important;
}

.pb40{
	padding-bottom:40px !important;
}

.pb50{
	padding-bottom:50px !important;
}

.fz-11 {font-size:11px!important;}




@media (max-width: 1280px){
	html{font-size:52.5%;}
}