@charset "utf-8";
@import url(font.css);
/*@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@100;200;300;400;500;600;700;800&display=swap');

/* ******************************************** BASIC ******************************************** */
* {
    margin: 0;
    padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	-webkit-text-size-adjust:none;/*아이폰 자동으로 폰트 크기를 조절 방지*/
}
html {
	overflow:auto;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary {
	display:block;
}
audio, canvas, video {
    display:inline-block;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
audio, canvas, img, video {
	vertical-align:middle;
}
ol, ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:"";
	content:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
img, fieldset {
	border:0;
}
input, select, textarea {
	line-height:1.2;
	vertical-align:middle;
}
button, select {
	text-transform:none;
}
button, input {
	line-height:normal;
}
textarea {
	resize:vertical;
	overflow:auto;
}
address, caption, cite, code,
dfn, em, var {
	font-style:normal;
	font-weight:normal;
}
label {
	cursor:pointer;
}
/* For Screen Reader */
legend {
	display:none;
	visibility:hidden;
}
/* For Screen Reader */
caption {
	display:none;
	visibility:hidden;
}
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #ccc;
	margin:1em 0;
	padding:0;
}
a {
	color:#666;
	text-decoration:none;
}
a:active, a:hover, a:focus {
	text-decoration:none;
}
button{
	margin:0px;
	padding:0px;
	cursor:pointer;
	border:0px;
	background:none;
}
a:focus, button:focus{
	outline:none;
}
/* input 기본 스타일 초기화 */
input[type=text],input[type=password]{padding:5px;border:1px solid #aaa;}
input:not(input[type="checkbox"], input[type="radio"]),
select{
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
   -webkit-border-radius: 0;
	  -moz-border-radius: 0;
			border-radius: 0;
}
input:not(input[type="checkbox"], input[type="radio"])::-ms-clear,
select::-ms-expand{ display: none; }
select{
		padding-left:10px;
		background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' style='opacity:0.5'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;
		background-size: 8px;
		background-position: calc(100% - 10px) calc(50% + 3px);
		background-repeat: no-repeat;
	}
::-moz-selection {background-color:rgba(0,140,210,.9);color:#fff;}
::selection {background-color:rgba(0,140,210,.9);color:#fff;}
img::selection {background-color:rgba(0,140,210,.5);}


/* ******************************************** SITE ******************************************** */
body, table, th, td, button, select, input, textarea {
	font-family:'Heebo','Noto Sans KR', '나눔고딕', NanumGothic, 'Nanum Gothic','돋움', Dotum, Arial, sans-serif;
	font-size:17px;
	font-weight:300;
	line-height:1.5;
	color:#000;
	-webkit-text-size-adjust:none;
	word-break:keep-all;
}
body { background-color:#fff; }
#wrap {position:relative; width:100%; min-width:320px; overflow:hidden;}
.area{max-width:1200px; margin:0px auto;} /* width 홈페이지 컨텐츠 가로값 */
.areaLarge{max-width:1600px; margin:0px auto;}
.mt5{margin-top:5%;}
.mt-block{margin-top:12%;}
.mb-block{margin-bottom:15%;}
.mb-brand{margin-bottom:8%;}
.mb-section{margin-bottom:10%;}
.site-color {color:#008cd2;}
.en{font-weight:400;}
.fwThin{font-weight:200;}
.fwThick{font-weight:400;}
.clearfix{*zoom:1;}
.clearfix:after{clear:both; display:block; content:"";}
.material-icons{vertical-align:middle;}
.text-ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.table-layout{display:table; width:100%; height:100%;}
.table-cell-layout{display:table-cell; width:100%; height:100%; vertical-align:middle;}
.over-img{overflow:hidden;}
.over-img img{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
a:hover .over-img img{
	-ms-transform: scale(1.1) rotate(0.002deg);
	  -o-transform: scale(1.1) rotate(0.002deg);
	  -moz-transform: scale(1.1) rotate(0.002deg);
	  -webkit-transform: scale(1.1) rotate(0.002deg);
	  transform: scale(1.1) rotate(0.002deg);
}
.over-bg{overflow:hidden;-webkit-transition:transform 0.3s;-moz-transition:transform 0.3s;-o-transition:transform 0.3s;-ms-transition:transform 0.3s;transition:transform 0.3s}
a:hover .over-bg{
	-ms-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1); 
    -moz-transform: scale(1.1,1.1); 
    -webkit-transform: scale(1.1,1.1); 
     transform: scale(1.1,1.1);
}
.fw-thin{font-weight:300;}
.fw-bold{font-weight:400;}
.fw-exbold{font-weight:700;}


/* Hidden & Visible */
.m-xs-visible{display:none;}
.m-visible{display:none;}

@media all and (max-width:1220px){
	.area{padding:0 30px;}
	.pc-xl-visible{display:none;}
}
@media all and ( max-width: 1024px ){
    body { font-size:16px; }
	.mb-brand{margin-bottom:10%;}
}
@media all and ( max-width: 800px ){
    body { font-size:15px; }
	.area{padding:0 15px;}
	.areaLarge{padding:0 15px;}
    .pc-visible{display:none;}
    .m-visible{display:block;}
	.mb-section{margin-bottom:15%;}
	.mt-block{margin-top:15%;}
	.mb-block{margin-bottom:15%;}
	.mb-brand{margin-bottom:15%;}
}
@media all and ( max-width: 480px ){
    body { font-size:14px; }
	.mb-brand{margin-bottom:18%;}
	.pc-s-visible{display:none;}
}
@media all and (max-width: 400px){
    .pc-xs-visible{display:none;}
    .m-xs-visible{display:block;}
}


/* Skip Navgation */
#skipNav{position:relative; z-index:9999;}
#skipNav a{position:absolute; text-align:center; width:200px; top:-200px; left:0px; line-height:30px; background-color:#000; color:#fff;}
#skipNav a:hover, #skipNav a:focus, #skipNav a:active {top:0; margin-left:-100px; left:50%;}

/*.blind{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.trans200{-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;-ms-transition:all 0.2s;transition:all 0.2s}
.trans300{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
.trans400{-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s}
.trans500{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s}*/


/* 예전 공통 css 추출 */
.txt-ellipsis{display:block;overflow:hidden;margin:0;padding:0;width:98%;white-space:nowrap;text-overflow:ellipsis;-o-text-overow:ellipsis;}
.a-btn{display:inline-block;padding:4px 12px;border:0 none;background:#008cd2;color:#fff;font-size:13px;-webkit-box-shadow:1px 1px 1px 0px rgba(0,0,0,.5);-moz-box-shadow:1px 1px 1px 0px rgba(0,0,0,.5);box-shadow: 1px 1px 1px 0px rgba(0,0,0,.5);}
.a-btn:hover{background:#272727;color:#fff;}
.a-btn:focus{background:#272727;color:#fff;}
.a-btn.orange-bg{background:#ff7900;color:#fff;}
.a-btn.orange-bg:hover{background:#269b40;color:#fff;}
.a-btn.membership_form_download{font-size:17px;position:absolute;right:0;bottom:0;}
.a-btn.membership_form_download:hover{background:#333;}
.a-btn.sub-btn{padding:4px 16px;background:#272727;color:#fff;border:1px solid #000;line-height:1.2em;}
.a-btn.sub-btn:hover{background:#269b40;color:#fff;border:1px solid #269b40;}
.a-btn.sub-btn.btn-green{background:#1d60af;border:1px solid #1d60af;}
.a-btn.sub-btn.btn-green:hover{background:#269b40;border:1px solid #269b40;}

.t-l{text-align:left} .t-c{text-align:center} .t-r{text-align:right} .t-j{text-align:justify;}
.f-l{float:left} .f-r{float:right} .overflow-h{overflow:hidden;}
.margin-auto{margin-left:auto;margin-right:auto;}
.mt5 {margin-top: 5px !important;} .ml5 {margin-left: 5px !important;} .mr5 {margin-right: 5px !important;} .mb5 {margin-bottom: 5px !important;}
.mt10{margin-top:10px !important;} .ml10{margin-left:10px !important;} .mr10{margin-right:10px !important;} .mb10{margin-bottom:10px !important;}
.mt15{margin-top:15px !important;} .ml15{margin-left:15px !important;} .mr15{margin-right:15px !important;} .mb15{margin-bottom:15px !important;}
.mt20{margin-top:20px !important;} .ml20{margin-left:20px !important;} .mr20{margin-right:20px !important;} .mb20{margin-bottom:20px !important;}
.mt30{margin-top:30px !important;} .ml30{margin-left:30px !important;} .mr30{margin-right:30px !important;} .mb30{margin-bottom:30px !important;}
.mt40{margin-top:40px !important;} .ml40{margin-left:40px !important;} .mr40{margin-right:40px !important;} .mb40{margin-bottom:40px !important;}
.mt50{margin-top:50px !important;} .ml50{margin-left:50px !important;} .mr50{margin-right:50px !important;} .mb50{margin-bottom:50px !important;}
.mt60{margin-top:60px !important;} .ml60{margin-left:60px !important;} .mr60{margin-right:60px !important;} .mb60{margin-bottom:60px !important;}
.mt70{margin-top:70px !important;} .ml70{margin-left:70px !important;} .mr70{margin-right:70px !important;} .mb70{margin-bottom:70px !important;}
.mt80{margin-top:80px !important;} .ml80{margin-left:80px !important;} .mr80{margin-right:80px !important;} .mb80{margin-bottom:80px !important;}
.mt90{margin-top:90px !important;} .ml90{margin-left:90px !important;} .mr90{margin-right:90px !important;} .mb90{margin-bottom:90px !important;}
.mt100{margin-top:100px !important;} .ml100{margin-left:100px !important;} .mr100{margin-right:100px !important;} .mb100{margin-bottom:100px !important;}

.radius3 {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.radius5 {-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.radius10{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}

.bullet{display:inline-block;width:7px;height:7px;margin-right:10px;vertical-align:middle;}

.font-lighter{font-weight:lighter;}
.font-normal{font-weight:normal;}
.font-bold{font-weight:bold;}
.font-bolder{font-weight:bolder;}

.btn_login{cursor:pointer;cursor:hand;display:block;width:50%;margin-left:auto;margin-right:auto;padding:10px 0 10px 80px;border:1px solid #ddd;background:#f9f9f9;}
.btn_login:hover{border:1px solid #aaa;background:#f4f4f4;}
.color-twitter{color:#00aced;}
.color-facebook{color:#3b5998;}
.color-google{color:#d34836;}
.color-youtube{color:#cc181e;}
.color-black{color:#000000;}
.color-white{color:#ffffff;}
.color-yellow{color:#ffb400;}
.color-orange{color:#ff7900;}
.color-orange2{color:#f39800;}
.color-green{color:#269b40;}
.color-blue{color:#008cd2;}
.color-red{color:#e00000;}
.color-sky{color:#00adee;}
.color-yellow-bg{background-color:#ffb400;}
.color-orange-bg{background-color:#ff7900;}
.color-orange1-bg{background-color:#f39800;}
.color-orange2-bg{background-color:#f3b457;}
.color-green-bg{background-color:#269b40;}
.color-blue-bg{background-color:#1d60af;}
.color-red-bg{background-color:#e00000;}
.color-sky-bg{background-color:#00adee;}
.color-gray-bg{background-color:#9fa0a0;}
.color-gold-bg{background-color:#d7952d;}

.ui-widget{font-family:inherit !important;font-size:10pt !important;vertical-align:middle;}
.ui-menu-item{font-size:10pt;}

.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5 {position:relative;min-height:1px;padding-right:10px;padding-left:10px;}
.col-xs-5 {width:20%;float: left;}
@media (max-width:768px) {	
	#menu-toggle {	
		margin-top:0px !important;
	}
}
@media (min-width:768px) {
	.col-sm-5 {width:20%;float: left;}	
}
@media (min-width: 992px) {
    .col-md-5 {width:20%;float:left;}
}
@media (min-width: 1200px) {
    .col-lg-5 {width:20%;float:left;}
}

.text-xs-left { text-align: left; }
.text-xs-right { text-align: right; }
.text-xs-center { text-align: center; }
.text-xs-justify { text-align: justify; }
@media (min-width: 768px) {
    .text-sm-left { text-align: left; }
    .text-sm-right { text-align: right; }
    .text-sm-center { text-align: center; }
    .text-sm-justify { text-align: justify; }
}
@media (min-width: 992px) {
    .text-md-left { text-align: left; }
    .text-md-right { text-align: right; }
    .text-md-center { text-align: center; }
    .text-md-justify { text-align: justify; }
}
@media (min-width: 1200px) {
    .text-lg-left { text-align: left; }
    .text-lg-right { text-align: right; }
    .text-lg-center { text-align: center; }
    .text-lg-justify { text-align: justify; }
}

.pull-left-xs { float: left; }
.pull-right-xs { float: right; }
@media (min-width: 768px) {
	.pull-left-sm { float: left; }
	.pull-right-sm { float: right; }
}
@media (min-width: 992px) {
	.pull-left-md { float: left; }
	.pull-right-md { float: right; }
}
@media (min-width: 1200px) {
	.pull-left-lg { float: left; }
	.pull-right-lg { float: right; }
}