@charset "utf-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: top;}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary { display: block;}
audio,canvas,progress,video {display: inline-block;vertical-align: top;}
audio:not([controls]) {display: none;height: 0}
[hidden],template {display: none}
body {}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-spacing: 0; }
a {color:inherit;}
a, a:hover, a:active, a:focus {text-decoration: none;}
abbr[title] {border-bottom: 1px dotted}
em, address { font-style: normal;}
b,strong {font-weight: 500}
small {font-size: 80%}
img {vertical-align: top;}
hr {box-sizing: content-box;height: 0}
pre {overflow: auto}
button {padding:0; border:0; cursor: pointer;overflow: visible; background:transparent;}
button,input,optgroup,select,textarea {color: inherit; font: inherit;margin: 0;}
button,select {text-transform: none}
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;border:0;}
button[disabled],html input[disabled] {cursor: default}
input {line-height: normal}
input[type="checkbox"],input[type="radio"] {box-sizing: border-box; padding: 0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield;box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0}
button:active>*, button:focus>* { position: relative; top: 0px; left: 0px;}
table {border-collapse: collapse;border-spacing: 0}
td,th {padding: 0}
html {-ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; height:100%;} /* -webkit-tap-highlight-color:transparent; */
*{-webkit-tap-highlight-color:transparent;}
html, body {font-family: 'Noto Sans KR','돋움',Dotum,'굴림',Gulim,Helvetica, 'Apple SD Gothic Neo',Tahoma, Geneva, sans-serif,verdana; font-size:16px; color:#666666; line-height:1.66; font-weight:400; word-break:keep-all; letter-spacing:-0.03em;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
a:tel {text-decoration:none;}

img {max-width:100%;}


.blind, caption, legend{padding: 0; margin: 0; font-size: 0; width: 0; height: 0; line-height: 0; text-indent: -9999px;}

.t_center { text-align: center !important; }
.t_left { text-align: left !important; }
.t_right { text-align: right !important; }
.v_top { vertical-align: top !important }
.v_middle { vertical-align: middle !important; }
.f_left { float: left !important }
.f_right { float: right !important }
.clear_b { clear: both; }
.clearfix{*zoom:1}.clearfix:after{content:""; display:block; clear:both}

/* input */

input[type="text"], input[type="password"], input[type="search"], input[type="number"], input[type="date"], input[type="datetime"], input[type="email"], input[type="tel"] {height:52px; margin:0; padding:0 10px; border:1px solid #e8e8e8; font-size:16px; color:#575a61;}
input[type="file"] {height:52px; font-size:16px;}
select {height:52px; padding:3px 45px 3px 10px; border:1px solid #e8e8e8; font-size:16px; color:#000000;}
textarea {padding:10px; border:1px solid #e8e8e8; font-size:16px; color:#000000;}
select, textarea, input[type="text"], input[type="password"], input[type="search"], input[type="number"], input[type="date"], input[type="datetime"], input[type="email"], input[type="tel"],input[type="submit"] {
	-webkit-border-radius:0;
	border-radius: 0px; /* iOS 둥근모서리 제거 */
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
	font-size:16px;
}
select::-ms-expand {display: none;}
select{	
	background: #fff url('../images/icon/icon_select_arrow.png') 100% 50% no-repeat !important;	
	background-size:30px auto !important;
}


.filebox {overflow:hidden; position:relative; height:39px; padding-right:104px;}
.filebox input[type="file"] {position: absolute; top:-10px; left:0; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } 
.filebox label {position:absolute; top:0; right:0px; width:100px; height:39px; color:#ffffff !important; text-align:center; line-height:39px; background:#414141; cursor:pointer;}
.filebox .upload_name {float:left; width:100%; border:1px solid #e8e8e8; font-size:16px; color:#000000; background:#ffffff;}
.filebox.type02 {height:47px;}
.filebox.type02 label {height:47px; line-height:47px;}
.filebox.type02 .upload_name {border:0;}



#skip_nav {position: fixed; left: 0; top: -50px; width: 100%; text-align: center; line-height: 40px; background: rgba(0, 0, 0, 0.5); color: #ffffff; font-size: 13px; z-index: 10000; transition: top 0.3s;}
#skip_nav:focus {top: 0;}




/* color */
.fc_black {color:#000 !important;}
.fc_blue {color:#108ad3 !important;}
.fc_wine {color:#d82744 !important;}


/* font-size */
.fs17 {font-size:17px;}


/* common */
.block {display:block;}
.underline {text-decoration:underline;}
.sr_only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.icon {display:inline-block; overflow:hidden; text-indent:-999px; vertical-align:middle; background:no-repeat center;}

/* button */


/* size */
.full {width:100% !important;}
.half {width:50% !important;}
.half+.half {width:48% !important; margin-left:2%;}

.pc .slide_up {opacity:0; transform:translate3d(0px, 200px, 0px); -webkit-transform:translate3d(0px, 200px, 0px);}
.pc .animate .slide_up {opacity:1; transform:translate3d(0px, 0%, 0px); -webkit-transform:translate3d(0px, 0%, 0px); transition: all 0.8s cubic-bezier(0,.72,.44,.99), opacity 1s; -webkit-transition: all 0.8s cubic-bezier(0,.72,.44,.99), opacity 1s;}
.pc .slide_right {opacity:0; transform:translate3d(200px, 0px, 0px); -webkit-transform:translate3d(200px, 0px, 0px);}
.pc .animate .slide_right {opacity:1; transform:translate3d(0px, 0%, 0px); -webkit-transform:translate3d(0px, 0%, 0px); transition: all 0.8s cubic-bezier(0,.72,.44,.99), opacity 1s; -webkit-transition: all 0.8s cubic-bezier(0,.72,.44,.99), opacity 1s;}


.wow {visibility: hidden;}
.onload .wow {visibility: visible;}

@media all and (max-width: 767.99px){
	html, body {font-size:14px;}
	.fs17 {font-size:14px;}

	input[type="text"], input[type="password"], input[type="search"], input[type="number"], input[type="date"], input[type="datetime"], input[type="email"], input[type="tel"] {height:32px; font-size:14px;}
	input[type="file"] {height:32px; font-size:14px;}
	select {height:32px; font-size:14px; padding-right:22px;}
	textarea {font-size:14px;}
	select {font-size:14px;}

	.m_full {width:100% !important;}
}

/*
font는 기본 60%, 경우에따라서 70%,50%
상하간격은 기본 50%
*/