@charset 'utf-8';
@import url('https://fonts.googleapis.com/css2?family=Palanquin:wght@100;200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap');

/* °øÅë */
html, body {min-width: 1870px;}
.inner1300 {max-width: 1300px; margin: 0 auto; position: relative; }
.cf:after {content: ""; display: block; clear: both;}
/* btn */
button {cursor: pointer;}
.btn {background: #681e30; border: 1px solid #681e30; color: #fff; font-size: 15px;  border-radius: 5px; font-weight: 500; font-family: 'Noto Sans KR';}
.submit-btn {width: 134px; height: 48px; } 
.primary-btn {width: 134px; height: 48px;  background: #fff;  color: #681e30;}


/*=====================
				header 
=====================*/
#header {height: 81px; background: #fff; border-bottom: 1px solid #e5e5e5;}
#header > .inner1300 {width: 100%; height: 100%;}
#header .top-menu {width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between;}
#header .top-menu .logo {}
#header .top-menu .logo img {}
#header .top-menu .logo span {color: #5f1023; font-size: 18px; font-weight: 500; display: inline-block; margin-left: 12px; vertical-align: bottom;}
#header .top-menu .topadmin {display: flex; align-items: center;}
#header .top-menu .topadmin .admin {color: #777777; font-size: 15px; font-weight: 400;}
#header .top-menu .topadmin .admin img{display: inline-block; vertical-align: initial;}
#header .top-menu .topadmin .admin b {color: #555555; font-weight: 500;}
#header .top-menu .topadmin button {margin-left: 21px; color: #999999; font-size: 13px; background: #f0f0f0; border: 1px solid #e5e5e5; width: 80px; height: 30px; border-radius: 5px;}
#header .top-menu .topadmin button.modify-btn {width: 120px;}
#header .top-menu .topadmin button:last-child {margin-left: 15px;}


/* form-control */
.form-control {display: inline-block; width: 200px; height: 45px; font-size: 16px; color: #333333; border: 1px solid #e5e5e5; padding: 0 18px; border-radius: 3px; line-height: 40px; background-color: #fff; box-sizing: border-box;}
.form-control:focus {border-color: #66afe9;  outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)} 
select {-webkit-appearance:none; /* for chrome */-moz-appearance:none; /*for firefox*/appearance:none;}
select::-ms-expand{display:none;/*for IE10,11*/}
select {background: url(/img/sub/select-arrow.png) no-repeat 89% center;}
input::placeholder {color:#999999; font-size: 14px; font-weight: 300; letter-spacing: -0.15px;}


/*ÆäÀÌ¡*/
.page {display: flex; align-items: center;  justify-content: center; position: relative; padding-bottom: 100px; text-align: center;}
.page .arrow {display: flex; align-items: center;}
.page .arrow a { margin: 0 12px;}
.page ul {display: flex; align-items: center; margin-top: -3px;}
.page ul li {}
.page ul li a {color: #666666; font-size: 16px; font-family: 'Ubuntu', sans-serif;  position: relative; border: none;}
.page ul li a:hover, .page ul li.on a {background: none; border: none; color: #681e30;}
.page ul li.on {}
.page ul li.on a {color: #681e30; background: #fff; border: none;}
.page ul li.on a:after {content: ""; position: absolute; width: 10px; height: 2px; background: #681e30; bottom: -7px; left: 50%; transform: translateX(-50%);}


/* Å×À̺í */
.basic-tbl {width: 100%; }
.basic-tbl th, .tbl-con .basic-tbl td {border-bottom: 1px solid #e5e5e5; text-align: center; padding: 22px 5px; font-size: 16px;}
.basic-tbl th {color: #333; background: #f7f7f7;  }
.basic-tbl td {color: #666666;}
.basic-tbl .txt-left {text-align: left !important; padding-left: 15px;}
.basic-tbl .num {font-family: 'Ubuntu', sans-serif;  color: #666; font-size: 16px;}


/* privacy */
.privacy { color:#666; width: 100%; overflow: hidden; box-sizing:border-box; padding:20px; font-size:15px;	line-height: 140%; word-break:break-all; }
.privacy h2 { font-size:18px; font-weight:bold; color:#000; text-align: left; margin:50px 0 30px; }
.privacy h2:first-child { margin-top: 0; }
.privacy > p { margin:15px 0; }
.privacy > p+dl { margin-top: 30px; }
.privacy > dl { padding-bottom:20px;}
.privacy > dl > dt{ font-size:15px;color:#3680b9;font-weight:700;padding-bottom:5px;}
.privacy > dl > dd{ padding-bottom:10px;text-align:justify; font-size:15px; line-height:140%;}
.privacy > dl > dd ul{ padding:10px; }
.privacy > dl > dd ul li{ line-height:120%; margin-top: 10px; }
.privacy > dl > dd ul li:first-child { margin-top: 0; }
.privacy > dl > dd ul li p { margin:0 10px 5px; line-height: 140%; }
.sTxt h3 { font-size:16px; color: #333; font-weight: 700; margin: 20px 0 10px; }
.sTxt p { margin-top: 10px; }
.sTxt dt { margin-top: 10px; }
.sTxt dd { margin:0 8px; }

/*=====================
				footer 
=====================*/
#footer {width: 100%; background: #f0f0f0; padding: 15px 0; text-align: center; box-sizing: border-box;}
#footer p {font-size: 14px; color: #999999; font-family: 'Palanquin', sans-serif; font-weight: 500;}