@charset "utf-8";

/*
 * Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess
 */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(fonts/NotoSansKR-Thin.woff2) format('woff2'),
        url(fonts/NotoSansKR-Thin.woff) format('woff'),
        url(fonts/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(fonts/NotoSansKR-Light.woff2) format('woff2'),
       url(fonts/NotoSansKR-Light.woff) format('woff'),
       url(fonts/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(fonts/NotoSansKR-Regular.woff2) format('woff2'),
        url(fonts/NotoSansKR-Regular.woff) format('woff'),
        url(fonts/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(fonts/NotoSansKR-Medium.woff2) format('woff2'),
        url(fonts/NotoSansKR-Medium.woff) format('woff'),
        url(fonts/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(fonts/NotoSansKR-Bold.woff2) format('woff2'),
        url(fonts/NotoSansKR-Bold.woff) format('woff'),
        url(fonts/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(fonts/NotoSansKR-Black.woff2) format('woff2'),
        url(fonts/NotoSansKR-Black.woff) format('woff'),
        url(fonts/NotoSansKR-Black.otf) format('opentype');
 }



html {height:auto;overflow-y:auto;}
html,body {min-width:1200px; height:100%; box-sizing:border-box;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td,header{
	padding:0;
	margin:0;
	box-sizing:border-box;
	font-family:'Noto Sans KR',sans-serif !important;
}
body, input, textarea, select, table, button {
	color:#666666;
	font-family:'Noto Sans KR',sans-serif !important;
	font-size:12px;
	box-sizing:border-box;
}
select {padding-left:10px !important}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	font-size:100%;
}

ol, ul, li { list-style:none; }

/* anchor - 지정순서 link, visited, hover, active */
a { text-decoration:none; color:#666666;}
a:link, a:visited { text-decoration:none; }
a:hover, a:active { text-decoration:none;color:#000000; }

/* 숨김영역 */
#accessibility, #accessibility_footer, .skip, hr, legend {
	position:absolute;
	width:0;
	height:0;
	font-size:0;
	line-height:0;
	overflow:hidden;
	visibility:hidden;
}
caption { display:none; }

/* skipNavi*/
#skipNavi{display:block;height:0; }
#skipNavi a{display:block; position:absolute; top:-500px; left:0; overflow:hidden; width:100%; z-index:1000000000000; font-weight:bold;}
#skipNavi a:active, #skipNavi a:focus{position:absolute;top:0; left:0; display:block;width:100%; height:30px; line-height:30px;background:#222; color:#fff; font-size:1.3em; text-align:center;}

/* ie6에서 이미지 공백 0으로 조절 */
img {
	border:0;
	margin:0;
	padding:0;
}

/* 이미지 인풋등 세로중앙정렬 */
input, textarea, select, img {vertical-align: middle; }

/* ie6 png 파일 투명처리 */
.png24 { tmp:expression(setPng24(this)); }

/* table caption 숨김*/
table caption { display:none; }
table {border-collapse:collapse; border-spacing:0;}
.clearFix{*zoom:1;*display:block;}
.clearFix:after{content:"";display:block;clear:both;}

.cf{*zoom:1;*display:block;}
.cf:after{content:"";display:block;clear:both;}
.fl {float:left !important;}
.fr {float:right !important;}
.cl {clear:both;}
.al {text-align:left !important;}
.ar {text-align:right !important;}
.at {vertical-align:top;}
.ab {vertical-align:bottom;}
.am {vertical-align:middle !important;}
.ac {text-align:center !important;}
.b {font-weight:bold !important;}
.u {text-decoration: underline !important;}
.underline {border-bottom:1px solid #000;display:inline-block; padding-bottom:4px;}



.animate02{
	transition:all 0.2s ease !important;
	-moz-transition:all 0.2s ease !important;
	-webkit-transition:all 0.2s ease !important;
	-o-transition:all 0.2s ease !important;
}
.animate03{
	transition:all 0.3s ease !important;
	-moz-transition:all 0.3s ease !important;
	-webkit-transition:all 0.3s ease !important;
	-o-transition:all 0.3s ease !important;
}
.animate04{
	transition:all 0.4s ease !important;
	-moz-transition:all 0.4s ease !important;
	-webkit-transition:all 0.4s ease !important;
	-o-transition:all 0.4s ease !important;
}
.animate1{
	transition:all 1s ease !important;
	-moz-transition:all 1s ease !important;
	-webkit-transition:all 1s ease !important;
	-o-transition:all 1s ease !important;
}

.btn{
	display: inline-block;
	margin-bottom: 0;
	font-weight: normal;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	padding: 8px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.btn.btn-md{
	padding:12px;
	font-size:15px;
}
.btn.btn-radius{
	border-radius:40px;
}
.btn.btn-orange{
	background:#f68121;
	color:#fff;
}
.btn.btn-green{
	background:#009481;
	color:#fff;
}


/* font-size */
.fs00 {font-size:0px;line-height:0px;}
.fs11 {font-size:11px !important;}
.fs12 {font-size:12px !important;}
.fs13 {font-size:13px !important;}
.fs14 {font-size:14px !important;}
.fs16 {font-size:16px !important;}
.fs18 {font-size:18px !important;}
.fs20 {font-size:20px !important;}
.fs30 {font-size:30px !important;}

.f_spac1 {letter-spacing:-1px;}
.f_spac2 {letter-spacing:-2px;}

/* 폰트기본컬러 */
.fcBlack {color:#000000;}
.fcGray6 {color:#666;}
.fcGray7 {color:#777;}
.fcGray8 {color:#888;}
.fcGray9 {color:#999;}
.fcOrange {color:#f68121;}
.whi {color:#ffffff;}
.red {color:#ff0e0e;}
.blue {color:#2b8af4;}

/* line-height */
.ln14 {line-height:14px !important;}
.ln16 {line-height:16px !important;}
.ln18 {line-height:18px !important;}
.ln20 {line-height:20px !important;}
.ln22 {line-height:22px !important;}
.ln24 {line-height:24px !important;}

.lineH13{line-height:1.3 !important;}
.lineH14{line-height:1.4 !important;}
.lineH15{line-height:1.5 !important;}
.lineH16{line-height:1.6 !important;}
.lineH17{line-height:1.7 !important;}
.lineH18{line-height:1.8 !important;}
.lineH19{line-height:1.9 !important;}
.lineH20{line-height:2 !important;}


.fw300{font-weight:300 !important;}
.fw400{font-weight:400 !important;}
.fw500{font-weight:500 !important;}
.fw600{font-weight:600 !important;}
.fw700{font-weight:700 !important;}
.fw800{font-weight:800 !important;}
.fw900{font-weight:900 !important;}

/* margin */
.mt05 {margin-top:5px !important;}
.mt08 {margin-top:8px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt55 {margin-top:55px !important;}
.mt60 {margin-top:60px !important;}
.mt80 {margin-top:80px !important;}

.mb03 {margin-bottom:3px !important;}
.mb05 {margin-bottom:5px !important;}
.mb08 {margin-bottom:8px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb55 {margin-bottom:55px !important;}
.mb60 {margin-bottom:60px !important;}
.mb80 {margin-bottom:80px !important;}

.ml05 {margin-left:5px !important;}
.ml08 {margin-left:8px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}
.ml50 {margin-left:50px !important;}
.ml55 {margin-left:55px !important;}
.ml60 {margin-left:60px !important;}
.ml70 {margin-left:70px !important;}
.ml80 {margin-left:80px !important;}


.mr05 {margin-right:5px !important;}
.mr08 {margin-right:8px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}
.mr50 {margin-right:50px !important;}
.mr55 {margin-right:55px !important;}
.mr60 {margin-right:60px !important;}
.mr80 {margin-right:80px !important;}

/* padding */
.pl03 {text-align:left !important; padding-left:3px !important;}
.pl05 {text-align:left !important; padding-left:5px !important;}
.pl10 {text-align:left !important; padding-left:10px !important;}
.pl15 {text-align:left !important; padding-left:15px !important;}
.pl20 {text-align:left !important; padding-left:20px !important;}
.pl25 {text-align:left !important; padding-left:25px !important;}
.pl30 {text-align:left !important; padding-left:30px !important;}


.pr03 {text-align:right !important; padding-right:3px !important;}
.pr05 {text-align:right !important; padding-right:5px !important;}
.pr10 {text-align:right !important; padding-right:10px !important;}
.pr15 {text-align:right; padding-right:15px !important;}
.pr20 {text-align:right; padding-right:20px !important;}
.pr25 {text-align:right; padding-right:25px;}
.pr30 {text-align:right; padding-right:30px;}

.pt01  {vertical-align:top; padding-top:1px;}
.pt02  {vertical-align:top; padding-top:2px;}
.pt03  {vertical-align:top; padding-top:3px;}
.pt04  {vertical-align:top; padding-top:4px;}
.pt05  {vertical-align:top; padding-top:5px;}
.pt06  {vertical-align:top; padding-top:6px;}
.pt07  {vertical-align:top; padding-top:7px;}
.pt08  {vertical-align:top; padding-top:8px;}
.pt09  {vertical-align:top; padding-top:9px;}
.pt10  {vertical-align:top; padding-top:10px;}
.pt11  {vertical-align:top; padding-top:11px;}
.pt12  {vertical-align:top; padding-top:12px;}
.pt13  {vertical-align:top; padding-top:13px;}
.pt14  {vertical-align:top; padding-top:14px;}
.pt15  {vertical-align:top; padding-top:15px;}
.pt20  {vertical-align:top; padding-top:20px;}
.pt25  {vertical-align:top; padding-top:25px;}
.pt30  {vertical-align:top; padding-top:30px;}
.pt40  {vertical-align:top; padding-top:40px;}
.pt50  {vertical-align:top; padding-top:50px;}

.pb01  { padding-bottom:1px;}
.pb02  { padding-bottom:2px;}
.pb03  { padding-bottom:3px;}
.pb04  { padding-bottom:4px;}
.pb05  { padding-bottom:5px;}
.pb06  { padding-bottom:6px;}
.pb07  { padding-bottom:7px;}
.pb08  { padding-bottom:8px;}
.pb09  { padding-bottom:9px;}
.pb10  { padding-bottom:10px;}
.pb11  { padding-bottom:11px;}
.pb12  { padding-bottom:12px;}
.pb13  { padding-bottom:13px;}
.pb14  { padding-bottom:14px;}
.pb15  { padding-bottom:15px;}
.pb20  { padding-bottom:20px;}
.pb30  { padding-bottom:30px;}
.pb40  { padding-bottom:40px;}
.pb50  { padding-bottom:50px;}




/*가로값*/
.w10{width:10px !important;}
.w20{width:20px !important;}
.w30{width:30px !important;}
.w40{width:40px !important;}
.w50{width:50px !important;}
.w60{width:60px !important;}
.w70{width:70px !important;}
.w75{width:75px !important;}
.w80{width:80px !important;}
.w90{width:90px !important;}
.w100{width:100px !important;}
.w110{width:110px !important;}
.w120{width:120px !important;}
.w130{width:130px !important;}
.w140{width:140px !important;}
.w150{width:150px !important;}
.w160{width:160px !important;}
.w170{width:170px !important;}
.w180{width:180px !important;}
.w190{width:190px !important;}
.w200{width:200px !important;}
.w210{width:210px !important;}
.w220{width:220px !important;}
.w230{width:230px !important;}
.w240{width:240px !important;}
.w250{width:250px !important;}
.w260{width:260px !important;}
.w270{width:270px !important;}
.w280{width:280px !important;}
.wp100 {width:100% !important;}
.wp90 {width:90% !important;}
.wp80 {width:80% !important;}
.wp70 {width:70% !important;}
.wp60 {width:60% !important;}
.wp50 {width:50% !important;}
.wp40 {width:40% !important;}
.wp30 {width:30% !important;}
.wp20 {width:20% !important;}
.wp10 {width:10% !important;}


/*display-table*/
.dp-inblock{display:inline-block;}
.dp-block{display:block;}

.dp-table{display:table;}
.dp-table-row{display:table-row}
.dp-table-cell{display:table-cell}

/**/
.vertical-middle{
	vertical-align:middle;
}
.vertical-top{
	vertical-align:top;
}
.vertical-bottom{
	vertical-align:bottom;
}
.block-center{margin:0 auto;}
.text-center{text-align:center !important}
.text-left{text-align:left !important}
.text-right{text-align:right !important}




.modal-open {
  overflow: hidden;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out, -o-transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}

.modal .modal-dialog img {
  width: 100%;
  
}

.modal-content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  outline: 0;
  padding:60px;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.modal .close {
	color:#000;
	border:0;
	font-size:30px;
	position:absolute;
	right:20px;
	top:20px;
	background:none;
	padding:0;
	cursor:pointer;

}
.modal-body {
	position: relative;
	padding:50px;
}
.modal-body > .title_line{
	padding-bottom:30px;
	border-bottom:1px solid #ddd;
	position:relative;
}
.modal-body > .title_line:after{
	content:"";
	position:absolute;
	left:50%;
	margin-left:-20px;
	bottom:-1px;
	border-bottom:1px solid #333;
	width:40px;
}


.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
.modal-dialog {
	width: 840px;
	margin: 30px auto;
}
.modal-dialog.modal-lg{
	width:1140px;
}
.modal-dialog.modal-sm{
	width:600px;
}
.modal-dialog.modal-xs{
	width:530px;
}
.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.form-control{
	font-size:15px;
	padding:14px 0;
	border:0;
	border-bottom:1px solid #ddd;
	background:#fff;
	width:100%;
	font-weight:300;
}
textarea.form-control{
	font-size:15px;
	padding:15px;
	background:#f6f6f6;
	border:1px solid #ddd;
	font-weight:300;
}