@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=Poppins:wght@200;300;400;500;600;700;800;900&display=swap');

/* ******************************************** BASIC ******************************************** */
*,
*::before,
*::after {
    margin: 0;
    padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}
html {
	height: 100%;
	overflow:auto;
	-webkit-text-size-adjust:none;/*아이폰 자동으로 폰트 크기를 조절 방지*/
	/*-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);*/
}
body { 
	min-height: 100% 
}
/* 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:#000;
	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,0,0,.5);color:#fff;}
::selection {background-color:rgba(0,0,0,.5);color:#fff;}
img::selection {background-color:rgba(0,0,0,.5);}



/* ******************************************** SITE ******************************************** */
body, table, th, td, button, select, input, textarea {
	font-family:'Poppins','Noto Sans KR', '나눔고딕','Nanum Gothic','돋움', Dotum, Arial, sans-serif;
	font-size:15px;
	font-weight:400;
	line-height:1.7;
	letter-spacing:-0.5px;
	color:#555;
	-webkit-text-size-adjust:none;
	word-break:keep-all;
}

/* ****************** Frame ********************** */
#wrap {position:relative; height:100%; width:100%; min-width:320px; overflow:hidden;}
.area{position:relative; width:100%; margin:0px auto; padding:0 15px;} /* width 홈페이지 컨텐츠 가로 영역 */
.area:after{clear:both; display:block; content:"";}
.area-full{width:100%; margin:0px auto; padding:0 0;}
.table-layout{display:table; width:100%; height:100%;}
.table-cell-layout{display:table-cell; width:100%; height:100%; vertical-align:middle;}
.clearfix{*zoom:1;}
.clearfix:after{clear:both; display:block; content:"";}

/* ****************** Color ********************** */
body {background-color:#fff;}
.siteColor {color:#000;}
.siteSubColor {color:#42baec;}
.txtGrayColor {color:#555;}

/* ****************** Image ********************** */
.img-fluid{width:100%; max-width:100%; height:auto; margin:0 auto;}
.img-responsive{display:block; max-width:100%; height:auto; margin:0 auto;}
.border-img{border:1px solid #ddd;}
.over-img{width:100%;height:auto;margin:0 auto;overflow:hidden;border:1px solid #ddd;border-radius:20px;}
.over-img img{width:100%;height:auto;-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);
}

/* ****************** 기타 ********************** */
.material-icons{vertical-align:middle;}/* TOP 버튼 */
.text-ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.txtUnderline{
	display:inline-block;
	vertical-align:top;
	position:relative;
}
.txtUnderline::before { 
    content: "";
	width:100%;
	height:2px;
	background-color:#ff0000;	
	position:absolute;
	left:0;
	bottom:45%;
	z-index:2;
}
hr.dashed {
  border-top: 2px dashed #eee;
}
hr.dotted {
  border-top: 2px dotted #eee;
}


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


/* ****************** 폰트 Size ********************** */
.txtBold90{font-size:200%;font-weight:600;line-height:1.3;letter-spacing:-1px;color:#000;}
.txtBold70{font-size:190%;font-weight:600;line-height:1.3;letter-spacing:-1px;color:#000;}
.txtBannerBold60{font-size:175%;font-weight:500;line-height:1.3;letter-spacing:-1px;color:#000;}
.txtBold60{font-size:175%;font-weight:600;line-height:1.3;letter-spacing:-1px;color:#000;}
.txtBannerBold50{font-size:160%;font-weight:600;line-height:1.3;letter-spacing:-1px;color:#000;}
.txtBold50{font-size:165%;font-weight:600;line-height:1.3;letter-spacing:-1px;color:#000;}
.txtBold45{font-size:155%;font-weight:600;line-height:1.3;letter-spacing:-1px;color:#000;}
.txtBold40{font-size:150%;font-weight:600;line-height:1.3;letter-spacing:-1px;color:#000;}
.txtThick40{font-size:150%;font-weight:500;line-height:1.3;letter-spacing:-1px;color:#000;}
.txtBold35{font-size:145%;font-weight:600;line-height:1.3;letter-spacing:-1px;color:#000;}
.txtThick35{font-size:145%;font-weight:500;line-height:1.3;letter-spacing:-1px;color:#000;}
.txtNormal35{font-size:145%;font-weight:400;line-height:1.3;letter-spacing:-1px;color:#000;}
.txtBold33{font-size:135%;font-weight:600;line-height:1.3;letter-spacing:-1px;color:#000;}
.txtThick33{font-size:135%;font-weight:500;line-height:1.3;letter-spacing:-1px;color:#000;}
.txtBold30{font-size:125%;font-weight:600;line-height:1.3;letter-spacing:-1px;color:#000;}
.txtThick30{font-size:125%;font-weight:500;line-height:1.3;letter-spacing:-1px;color:#000;}
.txtNormal30{font-size:125%;font-weight:400;line-height:1.3;letter-spacing:-1px;color:#000;}
.txtBold27{font-size:118%;font-weight:600;line-height:1.5;color:#000;}
.txtThick27{font-size:118%;font-weight:500;line-height:1.5;color:#000;}
.txtNormal27{font-size:118%;font-weight:400;line-height:1.5;color:#000;}
.txtBold25{font-size:110%;font-weight:600;line-height:1.6;color:#000;}
.txtThick25{font-size:110%;font-weight:500;line-height:1.6;color:#000;}
.txtNormal25{font-size:110%;font-weight:400;line-height:1.6;color:#000;}
.txtThin25{font-size:110%;font-weight:300;line-height:1.6;color:#000;}
.txtBold23{font-size:108%;font-weight:600;line-height:1.6;color:#000;}
.txtThick23{font-size:108%;font-weight:500;line-height:1.6;color:#000;}
.txtNormal23{font-size:108%;font-weight:400;line-height:1.6;color:#000;}
.txtThin23{font-size:108%;font-weight:300;line-height:1.6;color:#000;}
.txtThick20{font-size:105%;font-weight:500;line-height:1.6;color:#000;}
.txtNormal20{font-size:105%;font-weight:400;line-height:1.6;color:#000;}
.txtThin20{font-size:105%;font-weight:300;line-height:1.6;color:#000;}
.txtThick16{font-size:100%;font-weight:500;line-height:1.6;color:#000;}
.txtNormal16{font-size:100%;font-weight:400;line-height:1.6;color:#000;}
.txtThin16{font-size:100%;font-weight:300;line-height:1.6;color:#000;}


/* ****************** 문단 간격 ********************** */
.mt-block{margin-top:10%;}
.mb-block{margin-bottom:10%;}
.mt-row{margin-top:15%;}	
.mb-row{margin-bottom:15%;}
.mt-article{margin-top:17%;}
.mb-article{margin-bottom:17%;}
.mt-section{margin-top:20%;}
.mb-section{margin-bottom:20%;}
.pt-row{padding-top:15%;}
.pb-row{padding-bottom:15%;}
.pt-section{padding-top:17%;}
.pb-section{padding-bottom:17%;}
.titVisionMargin{margin-top:30px !important;margin-bottom:0px !important;}
.mtr20{margin-top:15px !important;}
.mbr20{margin-bottom:15px !important;}
.mtr30{margin-top:20px !important;}
.mbr30{margin-bottom:20px !important;}
.mtr40{margin-top:20px !important;}
.mbr40{margin-bottom:20px !important;}
.mtr50{margin-top:30px !important;}
.mbr50{margin-bottom:30px !important;}
.txtMarginTop{margin-top:0;}
.paddingB{padding-bottom:20px !important;}

/* ****************** 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;}

/* ****************** Text-Align / Pull Left&Right ********************** */
.text-xs-left { text-align: left; }
.text-xs-right { text-align: right; }
.text-xs-center { text-align: center; }
.text-xs-justify { text-align: justify; }
.pull-left-xs { float: left; }
.pull-right-xs { float: right; }
.vertical-center {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* ****************** Hidden & Visible ********************** */
.hidden{display:none;}
.visible{display:block;}


/* **************************************** 반응형 ****************************************** */
/*  min XS  */
@media (min-width: 400px){
    .hidden-xs{display:none !important;}
    .visible-xs{display:block;}
}
@media (min-width: 440px){
    .hidden-440{display:none !important;}
    .visible-440{display:block;}
}
/*  min SM  */
@media (min-width: 576px) {
    .area {padding-right:30px; padding-left:30px;}

    .hidden-sm{display:none !important;}
    .visible-sm{display:block;}

    .text-sm-left { text-align: left; }
    .text-sm-right { text-align: right; }
    .text-sm-center { text-align: center; }
    .text-sm-justify { text-align: justify; }

	.pull-left-sm { float: left; }
	.pull-right-sm { float: right; }
}
/*  min MD  */
@media (min-width: 768px) {
.txtBold90{font-size:320%;}
.txtBold70{font-size:270%;}
.txtBold60{font-size:240%;}
.txtBannerBold60{font-size:240%;}
.txtBold50{font-size:220%;}
.txtBannerBold50{font-size:220%;}
.txtBold45{font-size:200%;}
.txtBold40{font-size:180%;}
.txtThick40{font-size:180%;}
.txtBold35{font-size:160%;}
.txtThick35{font-size:160%;}
.txtNormal35{font-size:160%;}
.txtBold33{font-size:153%;}
.txtThick33{font-size:153%;}
.txtBold30{font-size:145%;}
.txtThick30{font-size:145%;}
.txtNormal30{font-size:145%;}
.txtBold27{font-size:135%;}
.txtThick27{font-size:135%;}
.txtNormal25{font-size:135%;}
.txtBold25{font-size:125%;}
.txtThick25{font-size:125%;}
.txtNormal25{font-size:125%;}
.txtThin25{font-size:125%;}
.txtBold23{font-size:120%;}
.txtThick23{font-size:120%;}
.txtNormal23{font-size:120%;}
.txtThin23{font-size:120%;}
.txtThick20{font-size:110%;}
.txtNormal20{font-size:110%;}
.txtThin20{font-size:110%;}
.txtThick16{font-size:110%;}
.txtNormal16{font-size:110%;}
.txtThin16{font-size:110%;}

.mt-block{margin-top:8%;}
.mb-block{margin-bottom:8%;}
.mt-row{margin-top:10%;}
.mb-row{margin-bottom:10%;}
.mt-article{margin-top:15%;}
.mb-article{margin-bottom:15%;}
.mt-section{margin-top:17%;}
.mb-section{margin-bottom:17%;}
.pt-row{padding-top:10%;}
.pb-row{padding-bottom:10%;}
.pt-section{padding-top:15%;}
.pb-section{padding-bottom:15%;}
.titVisionMargin{margin-top:50px !important;}

    .hidden-md{display:none !important;}
    .visible-md{display:block;}

	.col-padding-left{padding-left:3vw !important;}
    .col-padding-right{padding-right:3vw !important;}
	.col-padding-lg-left{padding-left:3.5vw !important;}
    .col-padding-lg-right{padding-right:3.5vw !important;}

    .text-md-left { text-align: left; }
    .text-md-right { text-align: right; }
    .text-md-center { text-align: center; }
    .text-md-justify { text-align: justify; }

	.pull-left-md { float: left; }
	.pull-right-md { float: right; }

}
/*  min LG  */
@media (min-width: 992px) {

.txtBold90{font-size:500%;}
.txtBold70{font-size:380%;}
.txtBannerBold60{font-size:300%;}
.txtBold60{font-size:300%;}
.txtBold50{font-size:270%;}
.txtBannerBold50{font-size:270%;}
.txtBold45{font-size:260%;}
.txtBold40{font-size:230%;}
.txtThick40{font-size:230%;}
.txtBold35{font-size:200%;}
.txtThick35{font-size:200%;}
.txtNormal35{font-size:200%;}
.txtBold33{font-size:190%;}
.txtThick33{font-size:190%;}
.txtBold30{font-size:170%;}
.txtThick30{font-size:170%;}
.txtNormal30{font-size:170%;}
.txtBold27{font-size:155%;}
.txtThick27{font-size:155%;}
.txtNormal27{font-size:155%;}
.txtBold25{font-size:145%;}
.txtThick25{font-size:145%;}
.txtNormal25{font-size:145%;}
.txtThin25{font-size:145%;}
.txtBold23{font-size:132%;}
.txtThick23{font-size:132%;}
.txtNormal23{font-size:132%;}
.txtThin23{font-size:132%;}
.txtThick20{font-size:118%;}
.txtNormal20{font-size:118%;}
.txtThin20{font-size:118%;}

.mt-block{margin-top:60px;}
.mb-block{margin-bottom:60px;}
.mt-article{margin-top:80px;}
.mb-article{margin-bottom:80px;}
.mt-row{margin-top:100px;}
.mb-row{margin-bottom:100px;}
.mt-section{margin-top:150px;}
.mb-section{margin-bottom:150px;}
.pt-row{padding-top:100px;}
.pb-row{padding-bottom:100px;}
.pt-section{padding-top:130px;}
.pb-section{padding-bottom:130px;}
.mtr20{margin-top:20px !important;}
.mbr20{margin-bottom:20px !important;}
.mtr30{margin-top:30px !important;}
.mbr30{margin-bottom:30px !important;}
.mtr40{margin-top:40px !important;}
.mbr40{margin-bottom:40px !important;}
.mtr50{margin-top:50px !important;}
.mbr50{margin-bottom:50px !important;}
.txtMarginTop{margin-top:50px;}
.titVisionMargin{margin-top:100px !important;}

    .hidden-lg{display:none !important;}
    .visible-lg{display:block;}

    .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-lg { float: left; }
	.pull-right-lg { float: right; }
}


@media (min-width: 1025px){
    .hidden-1025{display:none !important;}
    .visible-1025{display:block;}
}

/*  min XL  */
@media (min-width: 1200px){
     body {font-size:16px;}	

    .area {max-width:1140px;}

	.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;}

    .hidden-xl{display:none !important;}
    .visible-xl{display:block;}

    .text-xl-left { text-align: left; }
    .text-xl-right { text-align: right; }
    .text-xl-center { text-align: center; }
    .text-xl-justify { text-align: justify; }

	.pull-left-xl { float: left; }
	.pull-right-xl { float: right; }

	.txtMarginTop{margin-top:70px;}
	.paddingB{padding-bottom:40px !important;}
} 

/*  min XXL  */
@media (min-width: 1400px){
    .area {max-width:1340px;}/* width 홈페이지 컨텐츠 가로 영역 1280px */
}

@media (min-width: 1650px){
    .visible-1650{display:inline-block;}
}

/* ****************** Skip Navgation ********************** */
.skipNav a { position:absolute; text-align:center; width:200px; display:block; background:#000; color:#fff; left:-9999px; }
.skipNav a:hover { z-index:999999; margin-left:-100px; left:50%; }
.skipNav a:focus { z-index:999999; margin-left:-100px; left:50%; }
.skipNav a:active { z-index:999999; margin-left:-100px; left:50%; }

.invisible{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 추출 ********************** */
.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;}