@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@300;400;500;600;700;800&display=swap');
@import url('https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400&family=Noto+Sans+KR:wght@900&family=Play&display=swap');

@font-face {
  font-family: 'NEXON Lv2';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'NEXON Lv2';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic Bold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'NEXON Lv2';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
/*
@font-face {
  font-family: 'NEXON Lv2';
  src: url('../font/NEXON Lv2 Gothic Medium.ttf') format('woff');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'applegothic';
  src: url('../font/applegothic.ttf') format('woff');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
    url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
    url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
    url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
    url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
    url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
    url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
    url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
    url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
    url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
    url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
    url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
    url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
}*/

@font-face {
  font-family: 'Gotham-Medium';
  font-style: normal;
  src: url("/inc/font/Gotham-Medium.ttf") format('truetype');

}

@font-face {
  font-family: 'Gotham-Light';
  font-style: normal;
  font-weight: bold;
  src: url("/inc/font/GothamLight.ttf") format('truetype');

}

@font-face {
  font-family: 'Gotham-Book';
  font-style: normal;
  src: url("/inc/font/Gotham-Book.ttf") format('truetype');
    unicode-range: U+0041-005A, U+0061-007A; /* 영문 대/소문자 */

}

@font-face {
  font-family: 'Gotham-Bold';
  font-style: normal;
  src: url("/inc/font/Gotham-Bold.ttf") format('truetype');
}


@font-face {
  font-family: 'NanumSquareB';
  font-style: normal;
  src: url("../font/NanumSquareL.ttf") format('woff')
    unicode-range: U+AC00-D7A3; /* 한글 유니코드 범위 */
}

/* common */
html, body {
  margin: 0;
  width: 100%;
  height: 100%;
  position: relative;
  font-family: 'NanumSquareB' ,'Gotham-Book'  , sans-serif;
}

span, h1, h2, button {
    font-family: 'NanumSquareB', 'Gotham-Book', sans-serif !important;
}
/**/
/*.eng-m {*/
/*	  font-family: 'Gotham-Medium' , sans-serif;*/
/*	  	  font-weight: 600;*/
/*}*/
/**/
/*.eng-l {*/
/*	  font-family: 'Gotham-Light' , sans-serif;*/
/*	  font-weight: 600;*/
/*}*/
/**/
/*.eng-b {*/
/*	  font-family: 'Gotham-Book' , sans-serif;*/
/*}*/
/**/
/*.eng-b2 {*/
/*	  font-family: 'Gotham-Bold' , sans-serif;*/
/*}*/

::placeholder {
		  font-family: 'Gotham-Medium' , sans-serif;
}

* {
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none !important;
/*  font-family: 'Noto Sans KR', 'Malgun Gothic', 'AppleGothic', Helvetica, Arial, Sans-Serif;*/
  font-weight: 400;
  font-size: 16px;
  outline: none;
  -webkit-text-size-adjust: none;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0,0,0,0); /* iOS Safari */
  -webkit-touch-callout: none;
}

ul>li>a {
  text-decoration: none;
}


a {
  color: inherit;
  text-decoration: none;

}

a:hover {
  text-decoration: none !important;
  ;
}

a:focus, a:active, a:hover, a:visited, a:checked {
  text-decoration: none !important;
  ;
}

ul>li>a:focus, ul>li>a:active, ul>li>a:hover, ul>li>a:visited, ul>li>a:checked {
  text-decoration: none;
}

table {
    margin: 0;
	border-collapse: collapse;
	width: 100%;
}

.blind {
  position: absolute !important;
  visibility: hidden !important;
  top: 0 !important;
  left: 0 !important;
  height: 0 !important;
  width: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
}

.clear::after {
  clear: both;
  content: '';
  display: block;
}

fieldset {
  border: none;
}

legend {
  display: none;
}

caption {
  display: none;
}

p, strong, span {
/*  letter-spacing: -0.5px;*/
}

i {
  display: inline-block;
}

em {
  font-style: normal;
  letter-spacing: -1px;
}

/*input {*/
/*  box-sizing: border-box;*/
/*  border: 1px solid #ddd;*/
/*  background-color: #fff;*/
/*  border-radius: 0;*/
/*  -webkit-appearance: none;*/
/*  -moz-appearance: none;*/
/*  appearance: none;*/
/*}*/

input[type="checkbox"], input[type="radio"]  {
    width: 15px;
    height: 15px;
	accent-color: #2090a0;
    vertical-align: middle;
}

input[type=text]::-ms-clear {
  display: none;
}

input[type="text"], input[type="password"], input[type="file"], input[type="number"], input[type="tel"] {
	padding: 0;
	line-height: 40px;
	height: 40px;
	border: 1px solid #ddd;
	color: #444;
	background: #fff;
	text-indent: 10px;
}


.filebox input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}


input::placeholder {
 	color: #999;  font-size: 13px;
}

input::-webkit-input-placeholder{
 	color: #999;  font-size: 13px;
}

input:-ms-input-placeholder{
 	color: #999;  font-size: 13px;
}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder { /* WebKit browsers */
  color:transparent;
}

input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color:transparent;
}

input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ */
  color:transparent;
}

input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder { /* Internet Explorer 10+ */
  color:transparent;
}

button {
  box-sizing: border-box;
  border: 0;
  background-color: transparent;
  cursor: pointer;
}

textarea {
  box-sizing: border-box;
  resize: none;
}

select {
  -webkit-border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  box-sizing: border-box;
  cursor: pointer;
}

select::-ms-expand {
  display: none;
}

.inner {
	position: relative;
	width:95%;
	max-width:1360px;
	margin: 0 auto;

}

.header-inner {
		display:flex;
}

.clear::after{
	display: block;
	content: '';
	clear: both;
}


/* btn S */
.btn {
	display: inline-block;
    padding: 0 20px;
    height: 50px;
    line-height: 26px;
    text-align: center;
    color: #fff;
    vertical-align: middle;
}

.btn.mid {
	padding: 0 12px;
    min-width: 80px;
    height: 40px;
    line-height: 38px;
    font-size: 16px;
}

/* black */
.bk {
    background-color: #000 !important;;
}
.bk2 {
    background-color: #f4f4f4 !important;;
}

/* blue */
.blk {
/*    background-color: #007bff !important;*/
	   background-color: #15803d !important;
}

/* red */
.br { background-color: #ff0000 !important; }
.br2 { background-color: #e53935 !important; }
.br3 { background-color: #f3675c !important; }
.br4 { background-color: #D34C4C !important; }

/* btn E */

/* magin, padding S */
.mt4 { margin-top: 4px !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }

.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }

.ml4 { margin-left: 4px !important; }
.ml10 { margin-left: 10px !important; }
.ml20 { margin-left: 20px !important; }
.ml30 { margin-left: 30px !important; }
.ml40 { margin-left: 40px !important; }

.mr4 { margin-right: 4px !important; }
.mr10 { margin-right: 10px !important; }
.mr20 { margin-right: 20px !important; }
.mr30 { margin-right: 30px !important; }
.mr40 { margin-right: 40px !important; }

.mlr4 { margin-left: 4px !important; margin-right: 4px !important; }
.mlr10 { margin-left: 10px !important; margin-right: 10px !important; }
.mlr20 { margin-left: 20px !important; margin-right: 20px !important; }
.mlr30 { margin-left: 30px !important; margin-right: 30px !important; }
.mlr40 { margin-left: 40px !important; margin-right: 40px !important; }

.mtb10 { margin-top: 10px !important; margin-bottom: 10px !important; }
.mtb20 { margin-top: 20px !important; margin-bottom: 20px !important; }
.mtb30 { margin-top: 30px !important; margin-bottom: 30px !important; }
.mtb40 { margin-top: 40px !important; margin-bottom: 40px !important; }

.pd10 { padding: 10px !important; }
.pd12 { padding: 12px !important; }
.pd20 { padding: 20px !important; }
.pd30 { padding: 30px !important; }
.pd40 { padding: 40px !important; }

.pdtb10 { padding-top: 10px !important; padding-bottom: 10px !important; }
.pdtb12 { padding-top: 12px !important; padding-bottom: 12px !important; }
.pdtb20 { padding-top: 20px !important; padding-bottom: 20px !important; }
.pdtb30 { padding-top: 30px !important; padding-bottom: 30px !important; }
.pdtb40 { padding-top: 40px !important; padding-bottom: 40px !important; }

.pdt10 { padding-top: 10px !important; }
.pdt20 { padding-top: 20px !important; }
.pdt30 { padding-top: 30px !important; }
.pdt40 { padding-top: 40px !important; }

.pdb10 { padding-bottom: 10px !important; }
.pdb20 { padding-bottom: 20px !important; }
.pdb30 { padding-bottom: 30px !important; }
.pdb40 { padding-bottom: 40px !important; }

.pdlr5 { padding-left: 5px !important; padding-right: 5px !important; }
.pdlr10 { padding-left: 10px !important; padding-right: 10px !important; }
.pdlr20 { padding-left: 20px !important; padding-right: 20px !important; }
.pdlr30 { padding-left: 30px !important; padding-right: 30px !important; }
.pdlr40 { padding-left: 40px !important; padding-right: 40px !important; }

.pdl10 { padding-left: 10px !important; }
.pdl20 { padding-left: 20px !important; }
.pdl30 { padding-left: 30px !important; }
.pdl40 { padding-left: 40px !important; }

.pdr10 { padding-right: 10px !important; }
.pdr20 { padding-right: 20px !important; }
.pdr30 { padding-right: 30px !important; }
.pdr40 { padding-right: 40px !important; }

/* magin, padding E */

.flex {display:flex;}


/* width S */
.w100 { width: 100% !important; }
.w90 { width: 90% !important; }
.w80 { width: 80% !important; }
.w70 { width: 70% !important; }
.w60 { width: 60% !important; }
.w50 { width: 50% !important; }
.w40 { width: 40% !important; }
.w30 { width: 30% !important; }
.w36 { width: 36% !important; }
.w20 { width: 20% !important; }
/* width E */

.txtc {text-align:center !important; }
.txtl {text-align:left !important; }
.txtr {text-align:right !important; }

.word-auto {
	    word-break: auto-phrase;
}

/* 글자 부분 */
.km { 
	padding: 0 12px; 
	line-height: 27px; 
	font-size: 14px; 
}
.en { 
	opacity: 0.6 !important; 
/*	font-size: 13px !important; */
	font-size: 14px !important; 
	letter-spacing: -0.05em !important; 
	font-weight: 400 !important; 
	line-height: 22px !important; 
	color:#000;
}

.en2 {
		opacity: 0.6 !important; 
	font-size: 13px !important; 
	letter-spacing: -0.05em !important; 
	font-weight: 400 !important; 
	line-height: 22px !important; 
}

.sm { 
	padding:0 10px 0 2px; 
	height:30px; 
	line-height:27px; 
	font-size:14px; 
}
.sm span { 
	font-size:14px; 
	font-weight:400;
}

.mm { 
    height: 40px;
	line-height:38px; 
	font-size:14px; 
/*	width:147px;*/
	width:155px;
}

.mm span { 
	font-size:14px; 
	font-weight:400;
}

.lg-bold {
	font-size:14px; 
	font-weight:bold;
}

.bold {
	font-weight:bold;
}


.big { 
/*	display: block;*/
/*    padding: 0 10px;*/
    line-height: 34px;
    margin: 0 20px 20px 20px;
    border-radius: 50px;
    height: 38px !important;
}

.t10 { 
	font-size:10px !important; 
}

.t12 { 
	font-size:12px !important; 
}

.t13 { 
	font-size:13px !important; 
}


.t14 { 
	font-size:14px !important; 
}

.t15 { 
	font-size:15px !important; 
}

.t16 { 
	font-size:16px !important; 
}

.t32 {
	font-size:32px !important; 
}

.t32b { 
	font-size:32px !important;  
	font-weight:400 !important; 
}

/* 아이콘 */
.red_star { /* vertical-align:middle; margin-right:6px;*/ color:#ff0000; font-weight:bold; }
.blue_star { /* vertical-align:middle; margin-right:6px;*/ color:#1381e1; }
.green_pointer{color:#2090a0; font-weight:bold;}

/*input::placeholder { color: #444; font-size: 13px; } */

/* input */
select {
	height:40px;
	padding:4px 35px 4px 10px;
	border:1px solid #ddd;
	font-size:16px;
	color:#333;
	background:#fff url('/images/icon/bg_select.png') no-repeat right center;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
}

/* red */
.tcr1 { color: #ff0000 !important; }
.tcr2 { color: #e53935 !important; }
.tcr3 { color: #f3675c !important; }
/*.tcr4 { color: #D60976 !important; }*/
.tcr4 { color: #663ABB !important; }

/* black */
.tcba1 { color: #2F2F2F !important; }
.tcba2 { color: #4F4F4F !important; }
.tcba3 { color: #ddd !important; }
.tcba4 { color: #888 !important; }
.tcba5 { color: #bbb !important; }
.tcba6 { color: #333 !important; }

/* blue */
.tcbu1 { color: #1381e1 !important; }
.tcbu2 { color: #007bff !important; }

/* purple */
.tcp1 { color: #8d068e !important; }

.main_color { background-color: #55A51C !important;}

.br50 { border-radius:50px; }


/*서진인포텍 윤혜진 추가*/

.top_inner {
/*	display: flex;*/
/*    align-items: center;*/
/*    justify-content: space-between;*/
}

.top_inner > span > a {
	color:#000;
}

.radius_input {
	border-radius:50px !important;
	margin:10px 0 !important;
    height: 55px !important;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}


.login-label {
	display:block;
	text-align:left;
	font-size:13px;
	font-weight:bold;
}

.name-input {
	margin-bottom:25px !important;
}

.infoname-input {
/*	width:85% !important;*/
	width:100% !important;
}

.member-tr > th {
	font-weight:bold;
}

.paging {
	clear:both;
	position:relative;
	margin:20px 0;
	padding:17px 14px 12px;
	text-align:center;
	background-color:#fff;
}
/*.paging span { width:110px; }*/

.paging span.search { float:left; width:340px; height:30px; }
.paging span.paglist { margin:0 auto; width:480px; height:30px; }

.paging span.num { margin:0 14px; color:#cfcfcf; line-height:26px; }

.paging span.num a {
	margin:0 4px; color:#636363; font-weight:bold; padding:5px 6px; border:1px solid #fff;
}

.paging span.num a.link { font-weight:bold; color:#939498; padding:5px 6px 8px; border:1px solid; }
.paging span.num a:hover { color:#ff4c01; border:1px solid #ff4c01; padding:5px 6px 8px; }
.paging2 {
	margin:10px;
	text-align:center;
}


.check-icon {
    display: inline-block;
    vertical-align: top;
}

.list-text {
	width: 87%;
    display: inline-block;

}

#mobile01{
	    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: none;
    border: 1px solid #ddd;
    padding: 8px 12px;
    font-size: 16px;
}