@charset "utf-8";

/*********************reset.css*********************/
body, html{ margin:0; padding:0; width:100%; height:100%; }
body, input, textarea, select, button, table {
	font-family: 'Pretendard', 'Paperozi', 'Noto Sans KR', '나눔바른고딕', NanumBarunGothic, ng, '맑은 고딕', 'Malgun Gothic', '돋움', Dotum, '애플 SD 산돌고딕 Neo', 'Apple SD Gothic Neo', AppleGothic, Helvetica, sans-serif !important;
	font-size: 14px;
	-webkit-font-smoothing: antialiased
}
img, fieldset, button {
	border: 0
}
ul, ol {
	margin:0; padding:0;
	list-style: none
}
em, address {
	font-style: normal
}
a {
	text-decoration: none
}
a:hover, a:active, a:focus {
	text-decoration: none
}

form, fieldset, input, h1, h2, h3, h4, h5, h6, p{ margin:0; padding:0; }


/***********scrollbar***********/
body::-webkit-scrollbar {
      width: 5px;
      background-color:transparent;
      position:fixed;
      z-index:999999;
} /* this targets the default scrollbar (compulsory) */
body::-webkit-scrollbar-track{
	background-color:#666;
}
body::-webkit-scrollbar-thumb {
      background-color: rgba(255, 255, 255, 0.4); 
      border-radius:20px;
} /* this will style the thumb, ignoring the track */

.skip{display:none;}





.hide{position:fixed;top:-1px;left:-1px;width:1px;height:1px;overflow:hidden;color:#000;background:#fff}/* 접근성으로 인한 display:none 작성 금지 */
.bold{font-weight:bold}
.normal{font-weight:normal}


/*나타날때 천천히 나타나는 효과처리*/
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(0px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}


/*********************custom.css*********************/
#container div, #container li, #container header, #container section, #container h1,
#container h2, #container h3, #container h4, #container h5, #container h6, #container p, 
#container small, #container aside, #container legend, #container form{ box-sizing:border-box; }

.flex{
	display:flex;
	display:-ms-flexbox;
	display:-moz-flexbox;
}
.flex_wrap{
	display:flex;
	display:-ms-flexbox;
	display:-moz-flexbox;
	flex-flow:row wrap;
}
.flex_center{
	display:flex;
	display:-ms-flexbox;
	display:-moz-flexbox;
	justify-content:center;
	align-items:center;
}

.pdh-05{ padding-right:05px; padding-left:05px; }
.pdh-10{ padding-right:10px; padding-left:10px; }
.pdh-15{ padding-right:15px; padding-left:15px; }
.pdh-20{ padding-right:20px; padding-left:20px; }
.pdh-25{ padding-right:25px; padding-left:25px; }
.pdh-30{ padding-right:30px; padding-left:30px; }
.pdh-35{ padding-right:35px; padding-left:35px; }
.pdh-40{ padding-right:40px; padding-left:40px; }


.col-01{ width:8.333333333333333% }
.col-02{ width:16.66666666666667%; }
.col-20{ width:20%; }
.col-03{ width:25%; }
.col-04{ width:33.33333333333333%; }
.col-05{ width:41.66666666666667%; }
.col-06{ width:50%; }
.col-07{ width:58.33333333333333%; }
.col-08{ width:66.66666666666667%; }
.col-09{ width:75%; }
.col-80{ width:80%; }
.col-10{ width:83.33333333333333%; }
.col-11{ width:91.66666666666667%; }
.col-12{ width:100%; }



.btn2 {
	color: #fff;
	padding: 10px 25px;
	font-size: 14px;
	text-transform: capitalize;
	font-weight: 500;
	background: #085f30;
	position: relative;
	box-shadow: none;
	display: inline-block;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	border: none;
	border-radius: 0;
	border-radius:4px;
	width:100%;
	box-sizing:border-box;
	margin-bottom:5px;
}
.btn2:hover{
	color:#fff;
}
.btn2:before{
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #2C2D3F;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
	border-radius:4px;
}
.btn2:hover:before{
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

.form span{ color:#fff; font-size:21px; position:absolute; top:6px; left:0; }

.form input{
	width:100%;
	border:none;
	background-color:transparent !important;
	color:#a7a9b7;
	padding:12px 5px 12px 30px;
	font-size:14px;
	position:relative;
}

.form input.inputid:before{
	content:'\e68a';
	font-family:xeicon;
	position:absolute;
	top:0;
	left:0;
	color:#fff;
	font-size:14px;
}

.form input.inputpw:before{
	content:'\e66b';
	font-family:xeicon;
	position:absolute;
	top:0;
	left:0;
	color:#fff;
	font-size:14px;
}


@media( max-width:800px ){
	.ft_top_pt:last-child{ padding-top:0; }
	.top_01 h1{ margin-bottom:15px; }
	.mobile_none{display:none !important;}
}

@media( max-width:600px ){
	.top_01{ flex-direction:column; }
	
	
	/*********************add_menu.css*********************/
	ul.add_menu_wrap li{
		float:right;
		padding:0 3px 0 5px;
		text-align:center;
		word-break:keep-all;
		
	}

	.add_menu a i{ font-size:20px; margin-top:5px;color:#666;}
	.lang_btn_wrap{display:none;}
	
}


@media( max-width:380px ){
	ul.add_menu_wrap li{padding:0 0px 0 3px;}

	.add_menu a i{ font-size:18px; margin-top:5px;}
	
}