@charset "utf-8";

@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=Poppins:wght@100;300;500;600&display=swap');

@font-family {font-family: 'Poppins', sans-serif;font-family:"Noto Sans KR", sans-serif;}
.noto{font-family:"Noto Sans KR", sans-serif;}
.poppins{font-family: "Poppins", sans-serif;}
:root {
    --default-color: #222;
    --default-hover-color: #2375eb;
}
::-webkit-scrollbar {
    height: 8px;
    width: 8px;
    background-color: #f3f3f3;
}

::-webkit-scrollbar-thumb {
    background-color: #222;
    border-radius: 35px;
}

::-webkit-scrollbar-thumb:horizontal {
    background-color: #222;
    border-radius: 35px;
}
/* =Reset */
*{margin:0;padding:0}
html,body{width:100%;height:100%}
html{overflow-y:scroll}
body{background-color:#fff;word-break:break-all;-ms-word-break:break-all;
-webkit-text-size-adjust: 100% !important;-moz-text-size-adjust: 100% !important;-ms-text-size-adjust: 100% !important;}


body,h1,h2,h3,h4,h5,h6,th,td,li,dt,dd,a,p,input,placeholder,textarea,select,option,button{font-family:'Noto Sans KR', 'AppleSDGothicNeo', 'AppleSDGothicNeo-Regular', 'Apple Gothic', 'Malgun Gothic', Arial, Helvetica, serif , sans-serif;letter-spacing:-.4px;-webkit-text-size-adjust:none;font-size:16px;font-weight:400;color:#666;word-break:break-all;line-height:1.4;}
h1,h2,h3,h4,h5,h6{font-weight: 500;}
img,input,select,textarea{vertical-align:middle}
button,input,textarea{-webkit-border-radius:0;border-radius:0}
button{background-color:transparent;cursor:pointer}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
table{width:100%;border-collapse:collapse;border-spacing:0}
ol,ul,li{list-style:none}
dt,dd{line-height:1}
em,address{font-style:normal}
/* em{color:#e81f6f} */
img,fieldset,iframe{border:0 none}
ul,ol,li{list-style:none}
em,address{font-style:normal}
img,input,select,textarea{vertical-align:middle}
a{color:#666;text-decoration:none;cursor:pointer}
a:hover{color:#333;text-decoration:none}
button,label{cursor:pointer;_cursor /**/:hand}
button *{position:relative}
textarea{overflow:auto}
option{padding-right:6px}
table{border-collapse:collapse;}
:root legend{margin-top:-1px;font-size:0;line-height:0}
img{max-width:100%;}

input[type='checkbox'], input[type='radio'] {width:20px; height: 25px;line-height: 25px;text-align: left; display: inline-block; position: relative; top:-1px; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#999; }
input::-moz-placeholder, textarea::-moz-placeholder { color:#999; opacity:1; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color:#999 !important; }

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {transition: background-color 5000s ease-in-out 0s;
	 -webkit-transition: background-color 9999s ease-out;
/*
   -webkit-box-shadow: 0 0 0px 1000px white inset !important;
   -webkit-text-fill-color: #fff !important;
*/
     }

input,
textarea {
   -webkit-appearance:none;
   -webkit-border-radius: 0;
}
.input{border: #e1e1e1 1px solid; vertical-align: middle;font-size: 1rem;height:2.5rem; padding:10px; box-sizing: border-box; }
textarea {width: 100%; padding:20px; font-size:1rem; line-height: 1.4; border:1px solid #e1e1e1; box-sizing: border-box; }

.frm{display:inline-block; position:relative}
.frm label{display:inline;position:relative;font-size:1rem; line-height: 1.3; padding-left:35px;text-transform:uppercase; color: #666; font-weight: normal; margin-right:30px;cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.frm label:before {content:'';display:block;position:absolute;left:0;top:0;width:26px;height:26px;background:url("../image/spr_form.png") no-repeat;}
.frm input[type=checkbox]:focus+label, .frm input[type=radio]:focus+label {outline:1px dotted #e0e0e0}
.frm input[type=checkbox], .frm input[type=radio]{position:absolute;left:0;width: 100%; height: 25px; z-index: 10;opacity:0}
.frm input[type=checkbox]+label:before{background-position:0 -13px}
.frm input[type=checkbox]:checked+label:before{background-position:-26px -13px}
.frm input[type=radio]+label:before{background-position:-52px -13px}
.frm input[type=radio]:checked+label:before{background-position:-78px -13px}

.frmList{margin-top:-8px}
.frmList > li{margin:8px 0 0 3px}
.frmList .frmCheck, .frmList .frmRadio{display:inline-block;position:relative}
.frmList .frmCheck label, .frmList .frmRadio label{display:inline-block;position:relative;width:165px;max-width:165px;border:1px solid #ccc;z-index:2;box-sizing:border-box;color:#666;background:#fff;padding:9px 35px 11px 15px;font-size:16px;}
.frmList .frmCheck label:before{content:'';display:block;position:absolute;right:12px;top:18px;width:18px;height:13px;background:url("../image/spr_form.png") no-repeat 0 0}
.frmList .frmCheck input[type=checkbox], .frmList .frmRadio input[type=radio] {position:absolute;right:0; top:0;width:1px;height:1px;border-color:transparent !important;z-index:1;  overflow: hidden; clip:rect(0,0,0,0);}
.frmList .frmCheck input[type=checkbox]:checked+label, .frmList .frmRadio input[type=radio]:checked+label{border:1px solid #000;color:#000;background:#f9f9f9}
.frmList .frmCheck input[type=checkbox]:checked+label:before{background-position:-18px 0}
.frmList .frmCheck input[type=checkbox]:disabled+label:before{background-position:-36px 0}
.frmList .frmCheck input[type=checkbox]:disabled+label{color:#bfbfbf}
.frmList .frmRadio label{width:219px;max-width:219px;padding:11px 15px 13px;text-align:center}


.txc-image{max-width: 100% !important;}

/** placeholder *************************************************/
*::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #c7c7c7;
}
*::-moz-placeholder { /* Firefox 19+ */
  color: #c7c7c7;
}
*:-ms-input-placeholder { /* IE 10+ */
  color: #c7c7c7;
}
*:-moz-placeholder { /* Firefox 18- */
  color: #c7c7c7;
}

/*-------------------------------- Skip Menu --------------------------------*/
.skipMenu {position:absolute; top:0px; left:0; width:100%; z-index:99;}
.skipMenu a{height:1px;font-size: 0; color:#eee; display:block;}
.skipMenu a:focus,
.skipMenu a:active {height:auto; padding:7px 0 10px; background-color:#f0f0f0; color:#333; text-decoration:none; font-size: 15px; font-weight:bold; text-align:center; _float:left; display: block;}

@media (max-width:600px) {
.skipMenu {display: none;}
}

/* =Set Class */
.blind{overflow:hidden;position:absolute;width:1px;height:1px;clip:rect(0 0 0 0);margin:-1px;color:transparent} /* 사용된 이미지내 의미있는 텍스트의 대체텍스트를 제공할때 */
.dimmed{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background-color:#000;opacity:.7;filter:alpha(opacity=70)} /* 딤드레이어 */
.eps{display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} /* 한줄 말줄임*/
.eps1,.eps2,.eps3,.eps4 {display: -webkit-box !important;overflow: hidden;-webkit-box-orient: vertical;text-overflow: ellipsis;}
.eps1 {-webkit-line-clamp: 1;line-height: 40px;} /* 한줄 말줄임*/
.eps2 {-webkit-line-clamp: 2;} /* 두줄 말줄임*/
.eps3 {-webkit-line-clamp: 3;} /* 세줄 말줄임*/
.eps4 {-webkit-line-clamp: 4;} /* 네줄 말줄임*/
.show{display:block} /* 노출 */
.hide{display:none} /* 숨김 */
.fl{float:left} /* 좌측 플로팅 */
.fr{float:right} /* 우측 플로팅 */
.clearfix:after{display:table;content:'';clear:both} /* 플로팅 해제 */
.tbl{table-layout:fixed;display:table;width:100%} /* 테이블 */
.row{display:table-row} /* 테이블 행 */
.cell{display:table-cell;width:100%;vertical-align:top} /* 테이블 셀*/
.txl{text-align:left !important}
.txc{text-align:center !important}
.txr{text-align:right !important}
.vt{vertical-align:top !important}
.vm{vertical-align:middle !important}
.vb{vertical-align:bottom !important}
.impt{display:inline-block;position:relative;padding-right:10px}
.impt:before{content:'*';position:absolute;right:0;top:0;color:#222}
.block{display:block !important}
.flex{display:flex !important}

/*------------------------------ swiper 기본 ------------------------------*/
.swiper-container {	width:100%;	height:auto; position: relative;}
.swiper-slide {	text-align:center;float: left;display:flex; align-items:center;	justify-content:center; /* 좌우 기준 중앙정렬 */}
.swiper-slide h3, .swiper-slide p {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    white-space: pre-wrap;
    color: #fff;
    text-shadow: 0 0 5px rgb(0 0 0 / 60%);
    
}
.swiper-slide h3 {
    font-size: 1.5rem;
    margin-top: 9%;
}
.swiper-slide p {
    margin-top: 12%;
    line-height: 120%;
    font-size: 3rem;
    font-weight: 700;
}
.swiper-slide img {	width:100%;	max-width:100%; /* 이미지 최대너비를 제한, 슬라이드에 이미지가 여러개가 보여질때 필요 */}
.swiper-button-next, .swiper-button-prev {position: absolute; width: 33px; height: 60px; z-index: 100; cursor: pointer; background: url('../image/btn_arrow.png')no-repeat;}
.swiper-button-next:after, .swiper-button-prev:after{display: none;}
.swiper-button-prev{background-position: left; }
.swiper-button-next{background-position: right; }
.swiper-pagination-bullet {width: 17px;height: 17px;line-height: 1;font-size: 0;margin-bottom: 9px 0; opacity: .8;}
.swiper-pagination-bullet-active {opacity: 1;}

/*------------------------------ BUTTON 기본 ------------------------------*/
.btn.text-left {text-align: left}
.btn-center{margin:0 auto; text-align: center}
.btn.btn-inline{display: inline-block;}
.btn-full{width:100%;}
.btn-small{padding: 10px 30px; min-width: auto;}
.btnArea{width:100%; max-width: 1400px; min-height: 45px; margin:0 auto; padding: 40px 20px 70px; display: block; clear: both; position: relative; text-align: center; box-sizing: border-box;}
.btnArea_flex{width:100%; max-width: 100%; margin:0 auto; padding: 60px 20px; display: flex; justify-content: center; align-items: center; clear: both; position: relative; box-sizing: border-box;}
.btnArea_flex button{margin:0 10px;}
.btnArea.right button{float: right;}

.ico_down{background:url('../image/ico_down.png')no-repeat; position: relative; content: ''; display: inline-block; width:28px; height: 17px;margin-left:5px;}
.ico_go{background:url('/asp/images/service/ico_go.png') no-repeat; position: relative; content: ''; display: inline-block; width:21px; height: 21px; margin-left:10px; vertical-align: middle;}

.btn.btn-line {background: transparent;	color: #fff; border:1px solid #fff;}
.btn.btn-line:hover {	border:2px solid #fff;}
.btn.btn-light {	background: #9a9a9a;color: #fff;}
.btn.btn-light:hover {	background:#9a9a9a; color: #fff;}
.btn.btn-grey {	background: #757575;	color: #fff;}
.btn.btn-grey:hover {	background: #424242; color: #fff;}
.btn.btn-purple {background: #222;	color: #fff}
.btn.btn-purple:hover {	background: #222 !important;}
.btn.btn-line2{background: #fff;	color: #222; border:1px solid #222;}
.btn.btn-line2:hover{	border:1px solid #222; color: #222;}

.btn-mini{font-size: 1rem;text-transform: uppercase; font-weight: normal; background: #c4c4c4; color: #fff;	text-align: center;	padding:10px 20px;text-decoration: none;position: relative; display: inline-block; vertical-align: middle; border-radius: 5px; border:none;}
.btn-mini:hover {background: #9b9b9b !important;}
.btn-mini.photo{border:1px solid #dddddd; line-height: 1; color: #777;padding: 8px 20px; border-radius: 20px; background: #fff;position: relative;}
.btn-mini.photo:before{background:url(../image/ico_photo.png) no-repeat left;width:20px; height: 18px; display: inline-block; content: '';vertical-align: middle; margin-right:8px;}
.btn-mini.photo:hover{background: #fff !important;color: #333;}


select {
  background-color: rgba(255, 255, 255, 1);
  background:url('../image/lnb_arr.png') no-repeat 93% ;
  background-color:#fff;
  width: 100%;
  padding:3px 10px;
  border:1px solid #e7e7e7;
  border-radius: 0;
  height: 2.5rem;
  vertical-align:middle;
  margin-right: 5px;
  font-size: 1rem;
  position: relative;
	-webkit-appearance: none;  /* 네이티브 외형 감추기 */
	-moz-appearance: none;
	appearance: none;
}

/* 파일 업로드 스타일 */
.filebox input[type="file"] {
	position: absolute;
	width: 0;
	height: 0;
	padding: 0;
	overflow: hidden;
	border: 0;
	margin-bottom: 3px;
}

.filebox label {
	display: inline-block;
	padding: 13px 20px;
	color: #333;
	vertical-align: middle;
	background-color: #fdfdfd;
	cursor: pointer;
	border: 1px solid #e1e1e1;
	border-radius: 5px;
}

/* named upload */
.filebox .upload-name {
	display: inline-block;
  height: 50px;
  font-size:1rem;
  padding: 0 10px;
	vertical-align: middle;
	background-color: #f5f5f5;
  border: 1px solid #e1e1e1;
  width:73%;
}