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


/*Common*/
*{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,textarea,select,option,button{
	color:#333;
	font-family:'Poppins',"Noto Sans KR","돋움",dotum,sans-serif;
	font-size:16px;font-weight:400;
	letter-spacing:-0.0125em;word-break:keep-all; line-height: 1.4;
}
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:#7d7d7d;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;}
.input_text, textarea{*margin:-1px 0;padding-right:1px}
.input_check, .input_radio{width:13px;height:13px}
.blind, legend, caption{text-indent:-9999px;font-size:0;line-height:0;overflow:hidden}
hr{display:none}
legend{*width:0}
:root legend{margin-top:-1px;font-size:0;line-height:0}
caption{*line-height:0}
img{max-width:100%;}


input {font-size: 1rem; font-family:'Noto Sans KR', 'Malgun Gothic', sans-serif; vertical-align: middle;border: #ccc 1px solid;}
button { border-radius:0; }
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:3.5rem; padding:15px; box-sizing: border-box; }

textarea {width: 100%; padding:30px; 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: #000; font-weight: normal; margin-right:10px;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("../images/common/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:12px;top:16px;width:1px;height:1px;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("../images/common/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;
}



#bg{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.6);display:none;z-index:1001;}
.ie_chk{	width:100%;height:90px;	background:#fff;}


/*로딩 이미지*/
#loading_img{text-align:center;display:none;width:100%;margin:10px 0px 10px 0px;}

/* popup */
.pop_today_close{padding:1px 7px 3px 7px;color:#ffffff;background:#303030;vertical-align:middle;border:0px;}
.pop_close{padding:1px 7px 3px 7px;color:#ffffff;background:#303030;vertical-align:middle;border:0px;}

.subnavwrap .subnav.type2 .listwrap:last-child{margin-left: 35px;}


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


/*------------------------------ 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 img {	width:100%;	max-width:100%; /* 이미지 최대너비를 제한, 슬라이드에 이미지가 여러개가 보여질때 필요 */}


.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E);
left: 10px;right: auto;}

.swiper-button-next, .swiper-button-prev {position: absolute;top: 50%;width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center;background-repeat: no-repeat;}


.swiper-pagination-bullet {width: 17px;height: 17px;line-height: 1;font-size: 0;margin-bottom: 9px 0; opacity: .8;/* background: #fff */}
.swiper-pagination-bullet-active {opacity: 1;}



.btn {font-family:'Poppins',"Noto Sans KR","돋움",dotum,sans-serif; font-weight: 500; font-size: 18px; text-transform: uppercase; position: relative;border: none; padding: 15px 40px; min-width: 200px; display: block;	-webkit-transition: -webkit-transform .3s, border .3s, background-color .3s;	-moz-transition: -moz-transform .3s, border .3s,background-color .3s;	transition:background-color .3s, border .3s, transform .3s;}
.btn.text-left {text-align: left}
.btn:after {
	opacity: 0;
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	content: '';
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 0;
	z-index: 1;
}
.btn:hover {text-decoration: none; }
.btn:hover:after {opacity: 1}

.btn-center{margin:0 auto; text-align: center}
.btn.btn-inline{display: inline-block;}
.btn-full{width:100%;}
.btnArea{width:100%; max-width: 1400px; min-height: 45px; margin:0 auto; padding: 40px 20px; 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.right button{float: right;}


.ico_down{background:url('../images/common/ico_down.png')no-repeat; position: relative; content: ''; display: inline-block; width:28px; height: 17px;margin-left:5px;}
.ico_go{background:url('../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: #f1f1f1;color: #666;}
.btn.btn-light:hover {	background:#e7e7e7; color: #666;}
.btn.btn-grey {	background: #757575;	color: #fff;}
.btn.btn-grey:hover {	background: #424242; color: #fff;}

.btn.btn-blue {background: #169fdb;	color: #fff}
.btn.btn-blue:hover {	background: #0daaef !important;}



.btn-mini{font-size: 1rem;text-transform: uppercase; font-weight: normal; background: #f1f1f1; color: #666;	text-align: center;	padding:15px 20px;	text-decoration: none;position: relative; display: inline-block; vertical-align: middle; border-radius: 10px; border:none;}
.btn-mini:hover {background: #e7e7e7 !important;}



select {
  background-color: rgba(255, 255, 255, 1);
  background:url('../images/common/lnb_arr.png') no-repeat 93% ;
  background-color:#fff;
  width: 100%;
  padding:3px 10px;
  border:1px solid #e7e7e7;
  border-radius: 0;
  height: 3.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%;
}


.block{display: block !important;}
.inline{display: inline !important}

.c_black{color:#000 !important}
.c_white{color:#fff !important}
.c_blue{color:#169fdb !important}
.c_grey{color:#aaa !important;}
.c_gold{color:#ac835e !important}