@charset "utf-8";
@import url(font.css);
@import url('https://fonts.googleapis.com/css2?family=Caladea:ital,wght@0,400;0,700;1,400;1,700&family=Open+Sans:wght@300;400;700&family=Poppins:wght@200;300;400;500;600;700;800;900&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:#001848;
	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:'Poppins','Open Sans','Noto Sans KR', '나눔고딕','Nanum Gothic','Caladea','돋움', Dotum, Arial, sans-serif;
	font-size:18px;
	font-weight:400;
	line-height:1.5;
	letter-spacing:0px;
	color:#001848;
	-webkit-text-size-adjust:none;
	word-break:keep-all;
}
#wrap {position:relative; width:100%; min-width:320px; overflow:hidden;}

/* ****************** 사이트 컨텐츠 가로영역 ********************** */
.area{position:relative;width:100%;max-width:100%; margin:0px auto; padding:0 15px;} /* width 홈페이지 컨텐츠 가로 영역 */
.areaSmall{position:relative;width:100%;max-width:100%;margin:0px auto; padding:0 15px;}

/* ****************** 사이트 Color ********************** */
body { background-color:#fff; }
.siteColor {color:#001848;}
.siteSubColor {color:#1e8ab1;}
.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;}
.img-fluid{width:100%; max-width:100%; height: auto; margin:0 auto;}
.img-responsive{display: block; max-width: 100%; height: auto; margin:0 auto;}
.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;}
.over-img img:hover{
	-ms-transform: scale(1.05) rotate(0.002deg);
	-o-transform: scale(1.05) rotate(0.002deg);
	-moz-transform: scale(1.05) rotate(0.002deg);
	-webkit-transform: scale(1.05) rotate(0.002deg);
	transform: scale(1.05) 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);
}

/* UL style*/
.ListLineBlue{width:100%;margin:0 auto;list-style-image: url('/imgs/common/dot_blue.jpg');}
.ListLineBlue li{padding:7px 0 0px 5px;}
.ListLineBlue li:last-child{padding:7px 0 0 5px;}

.t-c-l{text-align:left;}

/* ****************** 폰트 Weight ********************** */
.fwThin{font-weight:300;}
.fwNormal{font-weight:400;}
.fwThick{font-weight:500;}
.fwBold{font-weight:600;}
.fwExBold{font-weight:700;}

/* ****************** 문단 간격 ********************** */
.mt-block{margin-top:5%;}
.mt-row{margin-top:10%;}
.mb-block{margin-bottom:5%;}
.mb-article{margin-bottom:7%;}
.mb-row{margin-bottom:10%;}
.mb-section{margin-bottom:15%;}
.mb-block5{margin-bottom:5%;}
.mb-block7{margin-bottom:7%;}
.mb-blockM{margin-bottom:7%;}
.mb-row-Small{margin-bottom:7%;}
.mtr70{margin-top:70px;}
.mbr70{margin-bottom:70px;}
.mbr50{margin-bottom:50px;}

/* ****************** Grid Layout : Custom ********************** */
.col-padding-left{padding-left:15px;}
.col-padding-right{padding-right:15px;}
.col-padding-lg-left{padding-left:15px;}
.col-padding-lg-right{padding-right:15px;}

/* ****************** Hidden & Visible ********************** */
.hidden{display:none;}
.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%;}
.invisible{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}

/*  min MD  */
@media (min-width: 768px) {
	.area{padding:0 30px;}
	.areaSmall{padding:0 30px;}
	.t-c-l{text-align:center;}
}
/*  min LG  */
@media (min-width: 992px) {
	.col-padding-left{padding-left:2vw !important;}
  .col-padding-right{padding-right:2vw !important;}
	.col-padding-lg-left{padding-left:2vw !important;}
  .col-padding-lg-right{padding-right:3vw !important;}
}
@media (min-width: 1025px) {
	.area{padding:0 50px;}
	.areaSmall{padding:0 50px;}
}
@media (min-width: 1430px) {
	.areaSmall{max-width:1300px;padding:0 15px;} 
}
/*  min XR  */
@media (min-width: 1530px) {
	.area{max-width:1400px;padding:0 15px;}
	.col-padding-left{padding-left:40px !important;}
  .col-padding-right{padding-right:40px !important;}	
	.col-padding-lg-left{padding-left:60px !important;}
  .col-padding-lg-right{padding-right:60px !important;}
}
/*  max LG  */
@media (max-width: 1399px) {
  .hidden-xl{display:none;}
  .visible-xl{display:block;}
}
@media (max-width: 1024px){
  body {font-size:16px;}	
	.mb-blockM{margin-bottom:10%;}	
	.mtr70{margin-top:50px;}
	.mbr70{margin-bottom:50px;}
}
/*  max MD  */
@media (max-width: 991px){
  .hidden-lg{display:none;}
  .visible-lg{display:block;}
	.mb-row-Small{margin-bottom:30px;}
  .mb-block5{margin-bottom:10%;}
  .mb-block7{margin-bottom:10%;}
	.mb-blockM{margin-bottom:12%;}
}
/*  max SM  */
@media (max-width:767px){
  body {font-size:15px;}
  .hidden-md{display:none;}
  .visible-md{display:block;}
	.mt-row{margin-top:15%;}
	.mb-row{margin-bottom:15%;}
	.mb-row-Small{margin-bottom:20px;}
  .mb-article{margin-bottom:10%;}
  .mb-block5{margin-bottom:15%;}
  .mb-block7{margin-bottom:15%;}
	.mb-blockM{margin-bottom:15%;}
	.mb-section{margin-bottom:18%;}
	.mtr70{margin-top:30px;}
	.mbr70{margin-bottom:30px;}
	.mbr50{margin-bottom:30px;}
}
/*  max XS  */
@media (max-width: 575px){
  body {font-size:14px;}
  .hidden-sm{display:none;}
  .visible-sm{display:block;}
}
/*  max XXS  */
@media (max-width: 400px){
  .hidden-xs{display:none;}
  .visible-xs{display:block;}
}



/* ****************** 예전 공통 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:8px 30px;border:0 none;background:#fff;border:1px solid #1e8ab1;color:#1e8ab1;font-size:100%;font-weight:400;}
.a-btn:hover{background:#1e8ab1;color:#fff;}
.a-btn:focus{background:#1e8ab1;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:18px;position:absolute;right:0;bottom:0;}
.a-btn.membership_form_download:hover{background:#333;}
.a-btn.sub-btn{padding:6px 18px;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;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:#1e8ab1;}
.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;}