@charset "utf-8";
/*
  Nunito Sans
  Extra-light 200 Light 300 Regular 400 Semi-bold 600 Bold 700 Extra-bold 800 Black 900

  Pretendard
  Thin 100 Extra-light 200 Light 300 Regular 400 Medium 500 Semi-bold 600 Bold 700 Extra-bold 800 Black 900

  FSSiena
  ExtraLight 200 Light 300
*/
/* common */
.ir_text{overflow: hidden;position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;border: 0;clip: rect(0 0 0 0);}
.clearfix:after{content: '';display: block;clear: both;height: 0;visibility: visible;}
.scrollDisable{height: 100%;min-height: 100%;overflow: hidden !important;touch-action: none;}
.fw_900{font-weight: 900;}
.fw_800{font-weight: 800;}
.fw_700{font-weight: 700;}
.fw_600{font-weight: 600;}
.fw_500{font-weight: 500;}
.fw_400{font-weight: 400;}
.fw_300{font-weight: 300;}
.fw_200{font-weight: 200;}
.fw_100{font-weight: 100;}

.fm_Pretendard{font-family: 'Pretendard', sans-serif;}
.fm_FSSiena{font-family: 'FSSiena', sans-serif;}

.colorRed {color: #f00;}

/* checkbox */
.formCheckBox {position:relative;}
.formCheckBox input[type="checkbox"]{position: absolute; left: 0;top: 0; display: inline-block; width: 60px;height: 60px; background: transparent;  border: none; appearance: none;}
.formCheckBox label{position: relative;display: inline-block;width: 100%;line-height: 60px;padding-left: 76px;font-size: 24px;letter-spacing: -0.36px;}
.formCheckBox input[type="checkbox"] + label::after{content: '';display: inline-block;position: absolute;left: 0;top: 0;width: 60px;height: 60px;background: none;background-image: url('../images/check_off.png');background-size: 100% 100%;}
.formCheckBox input[type="checkbox"]:checked + label::after{content: '';display: inline-block;width: 60px;height: 60px;background: none;background-image: url('../images/check_on.png');background-size: 100% 100%;}

/* radiobox */
.formRadioBox {position:relative;}
.formRadioBox input[type="radio"]{position: absolute; left: 0;top: 0; display: inline-block; width: 60px;height: 60px; background: transparent;  border: none; appearance: none;}
.formRadioBox label{position: relative;display: inline-block;width: 100%;line-height: 60px;padding-left: 76px;font-size: 24px;letter-spacing: -0.36px;}
.formRadioBox input[type="radio"] + label::after{content: '';display: inline-block;position: absolute;left: 0;top: 0;width: 60px;height: 60px;background: none;background-image: url('../images/radio_off.png');background-size: 100% 100%;}
.formRadioBox input[type="radio"]:checked + label::after{content: '';display: inline-block;width: 60px;height: 60px;background: none;background-image: url('../images/radio_on.png');background-size: 100% 100%;}

select{    
  width: 400px;
  padding: 10px 20px;
  font-size: 17px;
  color: #C5C5C5;
  background: #F6F6F6;
  border-radius: 8px;
}

.hidden {
  display: none;
}

.w-180 {width: 180px;}
.w-200 {width: 200px;}
.w-400 {width: 400px;}
.w-640 {width: 640px;}

/* 20240906 공통 */
.hide {overflow: hidden; position: absolute; clip: rect(0, 0, 0, 0); clip-path: polygon(0 0, 0 0, 0 0); width: 1px; height: 1px; margin: -1px;}

/* header */
#header {position: fixed; left: 0; top: 0; width: 100%; height: 60px; padding: 0 20px;background: #fff; border-bottom: 1px solid #000; z-index: 10;}
#header .headerWrap {position: relative; height: 100%; max-width: 1920px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center;}
#header .headerWrap .gnb {position: absolute; left: 50%; top: 50%;transform: translate(-50%, -50%);}
#header .headerWrap .gnb ul {display: flex; gap: 100px;}
#header .headerWrap .gnb ul li a{font-weight: 500;}
#header .headerWrap .menu ul {display: flex; height: 100%;gap:10px}
#header .headerWrap .menu ul li{background: rgb(226, 226, 226);border-radius: 10px;}
#header .headerWrap .menu ul li a{display: block;width: 100%;height: 100%; padding:5px 10px;}

/* 240911 header */
.header {position: fixed; top: 0; left: 0; width: 100%; height: 80px; padding: 0 40px; border-bottom: 1px solid #EAEBEC; background: #fff; z-index: 50;}
.header .inner {width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between;}
.header .inner .logo-wrap {min-width: 300px;}
.header .inner .logo-wrap a {display: inline-block; height: 30px;}
.header .inner .logo-wrap a img {width: 100%; height: 100%; object-fit: contain;}
.header .inner .gnb {height: 100%; /*padding-left: 200px;*/}
.header .inner .gnb ul {height: 100%; display: flex; align-items: center; justify-content: center; gap: 40px;}
.header .inner .gnb ul li {/*width: 90px;*/ height: 100%;}
.header .inner .gnb ul li a {display: inline-block; padding: 0 10px; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-family: 'Pretendard'; font-size: 20px; font-weight: 600; color: #171719;}
.header .inner .gnb ul li.on a {color: #FD322E; border-bottom: 4px solid #FD322E;}
.header .inner .util-menu {display: flex; align-items: center; justify-content: center; gap: 12px;}
.header .inner .util-menu .timer {position: relative; width: 92px; display: flex; align-items: center; justify-content: center; gap: 10px; font-family: 'Pretendard'; font-size: 14px; font-weight: 400; color: #171719;}
.header .inner .util-menu .timer::before {content: ''; display: inline-block; position: relative; width: 16px; height: 16px; background: url(/images/ic_clock.svg) no-repeat center/contain;}
.header .inner .util-menu .btn-wrap ul {display: flex; align-items: center; justify-content: center; gap: 12px;}
.header .inner .util-menu .btn-wrap ul li {height: 41px; border: 1px solid #DBDCDF; border-radius: 4px; background: #fff;}
.header .inner .util-menu .btn-wrap ul li a {display: inline-block; width: 100%; height: 100%;  padding: 0 10px;  display: flex; align-items: center; justify-content: center; font-family: 'Pretendard'; font-size: 14px; font-weight: 400; color: #171719; cursor: pointer;}

/* header en */
/* .header .inner .logo-wrap {min-width: 300px;} */
/* .header.en .inner .gnb {padding-left: 0;} */

/*footer*/
#footer {width: 100%; height: 36px; border-top: 1px solid #EAEBEC; background: #fff; display: flex; align-items: center; justify-content: center;}
#footer .inner {font-family: 'Pretendard'; font-size: 10px; font-weight: 500; color: #989BA2;}


#wrapper{min-height: 100vh;}
#wrapper #wrap{max-width: 1920px; height: 100%; min-height: calc(100vh - 36px); padding-top: 80px; margin: 0 auto;}
#wrapper #wrap .container{width: 100%; height: 100%; margin: 0 auto;}
#wrapper #wrap .container .con-wrap.type01 {width: 100%; height: 100%; min-height: calc(100vh - 116px); display: flex; flex-direction: column; align-items: center; justify-content: center;}
#wrapper #wrap .container .con-wrap.type01 .title {margin-bottom: 30px; text-align: center;}
#wrapper #wrap .container .con-wrap.type01 .title strong {font-family: 'Pretendard'; font-size: 24px; font-weight: 600; color: #171719;}
#wrapper #wrap .container .con-wrap.type01 .con-menu {width: 330px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
#wrapper #wrap .container .con-wrap.type01 .con-menu .input-list {width: 100%; margin-bottom: 16px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px;}
/* #wrapper #wrap .container .con-wrap.type01 .con-menu .input-list {margin-bottom: 24px;} */
#wrapper #wrap .container .con-wrap.type01 .con-menu .input-list li {width: 100%;}
#wrapper #wrap .container .con-wrap.type01 .con-menu .input-list input {width: 100%; height: 42px; padding: 0 16px; font-family: 'Pretendard'; font-size: 14px; font-weight: 400; color: #171719; border: 1px solid #DBDCDF; background: #fff; border-radius: 8px;}
#wrapper #wrap .container .con-wrap.type01 .con-menu .input-list input::placeholder {color: #989BA2;}
#wrapper #wrap .container .con-wrap.type01 .con-menu .find {border-bottom: 1px solid #70737C; margin-bottom: 24px;}
#wrapper #wrap .container .con-wrap.type01 .con-menu .find a {font-family: 'Pretendard'; font-size: 14px; font-weight: 400; color: #70737C;}
#wrapper #wrap .container .con-wrap.type01 .con-menu .btn-wrap {width: 100%;}
#wrapper #wrap .container .con-wrap.type01 .con-menu .btn-wrap button {width: 100%; height: 42px; font-family: 'Pretendard'; font-size: 14px; font-weight: 600; color: #fff; border-radius: 8px; background: #FD322E;}

#wrapper #wrap .container .con-wrap {width: 100%; max-width: 1000px; margin: 0 auto; padding: 80px 0;}
#wrapper #wrap .container .con-wrap .title {font-family: 'Pretendard'; font-size: 32px; font-weight: 700; color: #171719; margin-bottom: 20px;}
#wrapper #wrap .container .con-wrap .sub-tit {font-family: 'Pretendard'; font-size: 16px; font-weight: 400; color: #37383C; margin-bottom: 56px;}
#wrapper #wrap .container .con-wrap .con-menu {width: 100%;}

/* #wrapper #wrap .container .con-wrap .con-menu .tb-wrap {width: 100%;}
#wrapper #wrap .container .con-wrap .con-menu .tb-wrap table {width: 100%;}
#wrapper #wrap .container .con-wrap .con-menu .tb-wrap thead tr th {height: 42px; text-align: center; font-family: 'Pretendard'; font-size: 12px; font-weight: 500; color: #70737C; border-bottom: 1px solid #989BA2; background: #fff;}
#wrapper #wrap .container .con-wrap .con-menu .tb-wrap tbody tr td {height: 42px; text-align: center; font-family: 'Pretendard'; font-size: 14px; font-weight: 400; color: #171719; border-bottom: 1px solid #EAEBEC; background: #fff;}
#wrapper #wrap .container .con-wrap .con-menu .tb-wrap tbody tr td .tag {color: #FD322E; border: 1px solid #FDD; background: #FFF4F3;}
#wrapper #wrap .container .con-wrap .con-menu .tb-wrap tbody tr td .tag.complete {display: inline-block; padding: 4px 6px; font-size: 12px; font-weight: 500; border-radius: 4px;}
#wrapper #wrap .container .con-wrap .con-menu .tb-wrap tbody tr td .tb-btn {display: inline-block; height: 25px; line-height: 25px; padding: 0 10px; border-radius: 30px; border: 1px solid #DBDCDF; background: #fff;} */

/* 240909 커스텀 셀렉트박스 */
.select-box {position: relative; width: 180px; cursor: pointer;}
.select-box.w-400 {width: 400px;}
.select-box .option-list {width: 100%; position: absolute; top: 42px; left: 0; background: #fff; border: 1px solid #989BA2; border-radius: 8px; overflow: hidden; display: none; box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.12); z-index: 2;}
.select-box .option-list > li {display: block; height: 100%; padding: 0 16px; font-family: 'Pretendard'; font-size: 14px; font-weight: 400; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; transition: all .25s;}
.select-box .option-list > li a {line-height: 40px;}
.select-box .option-list > li:hover {background: #FFF9F8;}
.select-box .select-item  {position: relative; width: 100%; height: 42px; padding: 0 16px; font-family: 'Pretendard'; font-size: 14px; font-weight: 400; text-align: left; border: 1px solid #DBDCDF; border-radius: 8px; background: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break:break-all; z-index: 1;}
.select-box .select-item::after  {position: absolute; right: 16px; top: 50%; transform: translateY(-50%); content: ''; width: 12px; height: 12px; background: url(/images/ic_select.png) no-repeat center/contain; transition: all 0.25s;}
.select-box .select-item.on::after {top: 50%; transform: translateY(-50%) rotate(180deg);}

select.select-attending { background: url(../images/arrowDown.svg) no-repeat 90% 53%;  border: 1px solid #DBDCDF;  color: #141414;}

/* 240909 커스텀 셀렉트박스 disabled */
.select-box.disabled {cursor: default; pointer-events: none; border: none;}
.select-box.disabled .select-item {color: #989BA2; border: 1px solid #DBDCDF; background: #F7F7F8;}
.select-box.disabled .select-item::after {filter: invert(67%) sepia(6%) saturate(311%) hue-rotate(184deg) brightness(92%) contrast(87%);}

/* 20240906 테이블 레이아웃01 */
.tb-wrap {width: 100%;}
.tb-wrap table {width: 100%;}
.tb-wrap table tbody {width: 100%;}

.tb-wrap table tbody tr.con-start {border-top: 1px solid #989BA2;}

.tb-wrap table tbody tr th {max-width: 160px; min-width: 160px; padding: 12px 16px; font-family: 'Pretendard'; font-size: 14px; text-align: center; font-weight: 400; color: #70737C; border-bottom: 1px solid #EAEBEC; background: #FBFBFB;}
.tb-wrap table tbody tr.con-start th:first-child {border-right: 1px solid #EAEBEC;}

.tb-wrap table tbody tr td {position: relative; max-width: 160px; height: 49px; padding: 12px 16px; font-family: 'Pretendard'; font-size: 14px; color: #171719; font-weight: 400; border-right: 1px solid #EAEBEC; border-bottom: 1px solid #EAEBEC; transition: background 0.25s; overflow: visible;}
.tb-wrap table tbody tr td:hover .tooltip{display: block;}
.tb-wrap:not(.no-h) table tbody tr td.on {background: #FFF9F8; transition: background 0.25s;}

.tb-wrap table tbody tr td > div {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.tb-wrap table tbody tr td .tooltip {display: none; position: absolute; top: 49px; left: 0; background: #ffffff; border-radius: 8px; box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.16); z-index: 5;}
.tb-wrap table tbody tr td .tooltip ul {display: flex; align-items: center; justify-content: center;}
.tb-wrap table tbody tr td .tooltip ul:not(:last-child) li {border-bottom: 1px solid #EAEBEC;}
.tb-wrap table tbody tr td .tooltip ul li:not(:last-child) {border-right: 1px solid #EAEBEC;}
.tb-wrap table tbody tr td .tooltip ul li {flex: 1; min-width: 150px; padding: 12px 16px; font-family: 'Pretendard'; font-weight: 400; font-size: 14px;}

.tb-wrap table tbody tr td.n-pd {padding: 0;}
.tb-wrap table tbody tr td > .wrap {width: 100%; height: 100%;}
.tb-wrap table tbody tr td > .wrap ul {width: 100%; height: 100%; display: flex; align-items: center; justify-content: flex-start;}
.tb-wrap table tbody tr td > .wrap ul li {position: relative;width: 20%;min-width: 20%;height: 100%;padding: 0 16px;display: flex;align-items: center;justify-content: flex-start;}
.tb-wrap table tbody tr td > .wrap ul li:not(:last-child) {border-right: 1px solid #EAEBEC;}

/* 20240906 테이블 레이아웃01 - type01 */
.tb-wrap.type01 table {border-top: 1px solid #EAEBEC;}
.tb-wrap.type01 table tbody tr td {border-right: none; height: 41px;}
.tb-wrap.type01 table tbody tr th {padding: 12px; font-size: 12px; background: #FBFBFB;}

/* 20240906 테이블 레이아웃02 */
.tb-wrap02 {width: 100%;}
.tb-wrap02 * {font-family: 'Pretendard';}
.tb-wrap02 table {width: 100%; table-layout: fixed;}
.tb-wrap02 table:not(:last-child) {margin-bottom: 64px;}

.tb-wrap02 table thead tr th {padding: 12px 8px; font-size: 12px; font-weight: 500; color: #70737C; border-bottom: 1px solid #989BA2;}
.tb-wrap02 table tbody tr th {padding: 12px 0; font-size: 14px; font-weight: 400; color: #171719; border-right: 1px solid #EAEBEC; border-bottom: 1px solid #EAEBEC; background: #FBFBFB;}
.tb-wrap02 table tbody tr td {text-align: center; font-size: 14px; font-weight: 400; color: #171719; border-bottom: 1px solid #EAEBEC;}

/* 20240906 테이블 레이아웃03 */
.tb-wrap03 {width: 100%;}
.tb-wrap03 * {font-family: 'Pretendard';}
.tb-wrap03 table {width: 100%; table-layout: fixed;}

.tb-wrap03 table thead tr th {padding: 12px 8px; text-align: center; font-size: 12px; font-weight: 500; color: #70737C; border-bottom: 1px solid #989BA2;}
.tb-wrap03 table tbody tr {transition: background .25s;}
.tb-wrap03:not(.no-h) table tbody tr:hover {background: #FFF9F8; transition: background .25s;}
.tb-wrap03 table tbody tr td {height: 41px; text-align: center; font-size: 14px; color: #171719; font-weight: 400; border-bottom: 1px solid #EAEBEC;}
.tb-wrap03 table tbody tr td .tb-btn {padding: 4px 10px; border: 1px solid #DBDCDF; border-radius: 20px; background: #fff;}
.tb-wrap03 table tbody tr td .tb-btn.disabled {color: #DBDCDF; border: 1px solid #EAEBEC; background: #F7F7F8;}

.tb-wrap03 tbody tr td .tag {display: inline-block; padding: 4px 6px; font-size: 12px; font-weight: 500; border-radius: 4px;}
.tb-wrap03 tbody tr td .tag.request {color: #FD322E; border: 1px solid #FDD; background: #FFF4F3;}
.tb-wrap03 tbody tr td .tag.confirm {color: #00BF40; border: 1px solid #B8F8B9; background: #F3FFF6;}
.tb-wrap03 tbody tr td .tag.cancel {color: #70737C; border: 1px solid #EAEBEC; background: #F7F7F8;}

/* .tb-wrap03.type01 table tbody tr td {height: 41px;}/ */

/* 20240906 테이블 레이아웃04 */
.tb-wrap04 {width: 100%;}
.tb-wrap04 table {width: 100%; border-top: 1px solid #989BA2;}
.tb-wrap04 table tr th {height: 49px; border-right: 1px solid #EAEBEC; border-bottom: 1px solid #EAEBEC; background: #FBFBFB; font-family: 'Pretendard'; font-size: 14px; color: #70737C; font-weight: 400;}
.tb-wrap04 table tr td {border-bottom: 1px solid #EAEBEC; font-family: 'Pretendard'; font-size: 14px; color: #171719; font-weight: 400; text-align: center;}

.divide {width: 100%; margin: 64px 0; display: flex; align-items: flex-start; justify-content: flex-start; gap: 64px;}
.divide .left {width: calc(50% - 32px);}
.divide .right {width: calc(50% - 32px);}
.divide .left .tb-wrap04 {margin-bottom: 32px;}
.divide .right .tb-wrap04:not(:last-child) {margin-bottom: 64px;}
.sub-tit {margin-bottom: 16px; font-family: 'Pretendard'; font-size: 16px; font-weight: 500; color: #171719;}
.txt-box {width: 100%; height: 214px; padding: 16px; border: 1px solid #DBDCDF; border-radius: 8px;}
.pg-btn-wrap {width: 100%; margin-bottom: 24px; display: flex; align-items: center; justify-content: flex-end;}
.pg-btn-wrap a {display: inline-block; padding: 7.5px 12px; font-family: 'Pretendard'; font-size: 14px; font-weight: 400; color: #171719; border-radius: 8px; background: #F7F7F8;}

.top-wrap {width: 100%; padding-top: 40px; border-top: 1px solid #989BA2; margin-bottom: 32px; display: flex; align-items: center; justify-content: space-between;}
.top-wrap .tb-title strong {font-family: 'Pretendard'; font-size: 24px; font-weight: 600; color: #171719;}
.top-wrap > .pg-btn-wrap {width: auto; margin-bottom: 0;}

.top-wrap.type01 .tb-title strong {font-size: 20px;}

.ft-btn-wrap {width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 32px;}
.ft-btn-wrap button {font-family: 'Pretendard'; font-size: 14px; font-weight: 600; padding: 13px 16px; border-radius: 8px;}
.ft-btn-wrap button.white {color: #171717; border: 1px solid #DBDCDF; background: #fff;}
.ft-btn-wrap button.red {color: #fff; border: none; background: #FD322E;}


.write-wrap .input-list {display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 32px;}
.write-wrap .input-list > li {width: 100%; display: flex; align-items: flex-start; justify-content: flex-start; gap: 16px;}
.write-wrap .input-list li .input-tit {width: 140px; height: 42px; padding: 0 6px; display: flex; align-items: center; justify-content: flex-start;}
.write-wrap .input-list li .input-tit label {position: relative; font-family: 'Pretendard'; font-size: 12px; font-weight: 500; color: #171717; cursor: default;}
.write-wrap .input-list li .input-tit span {position: relative; font-family: 'Pretendard'; font-size: 12px; font-weight: 500; color: #171717; cursor: default;}
.write-wrap .input-list li .input-tit.point label::after {content: ''; position: absolute; right: -5px; top: 2px; display: inline-block; width: 4px; height: 4px; border-radius: 50%; background: #FF4242;}
.write-wrap .input-list li .input-tit.point span::after {content: ''; position: relative; right: -3px; top: -7px; display: inline-block; width: 4px; height: 4px; border-radius: 50%;background: #FF4242;}
.write-wrap .input-list li .input-cont.type01 {display: flex; flex-direction: column; align-items: flex-start; gap: 0;}
.write-wrap .input-list li .input-cont.type01 p {font-family: 'Pretendard'; font-size: 12px; font-weight: 400; color: #70737C; line-height: 160%;}
.write-wrap .input-list li .input-cont.type01 p:nth-of-type(1) {padding-top: 6px;}
.write-wrap .input-list li .input-cont {position: relative; width: 100%; min-height: 42px; display: flex; align-items: center; justify-content: flex-start; gap: 8px;}
.write-wrap .input-list li .input-cont input[type="text"], 
.write-wrap .input-list li .input-cont input[type="password"] {height: 42px; padding: 0 16px; font-family: 'Pretendard'; font-size: 14px; font-weight: 400; color: #171717; border: 1px solid #DBDCDF; border-radius: 8px;}

.write-wrap .input-list li .input-cont input[type="text"]::placeholder, 
.write-wrap .input-list li .input-cont input[type="password"]::placeholder {color: #989BA2;}

.write-wrap .input-list li .input-cont input[type="text"]:read-only, 
.write-wrap .input-list li .input-cont input[type="password"]:read-only {color: #989BA2; border: 1px solid #DBDCDF; background: #F7F7F8; cursor: default;}

.write-wrap .input-list li .input-cont input[type="text"]:disabled, 
.write-wrap .input-list li .input-cont input[type="password"]:disabled {color: #989BA2; border: 1px solid #DBDCDF; background: #F7F7F8; cursor: default;}
.write-wrap .input-list li .input-cont.add-remove { display: block;}
.write-wrap .input-list li .input-cont.add-remove p{  margin-top:5px;     color: #70737C;}
.write-wrap textarea {resize: none; width: 100%; padding: 16px; height: 200px; font-family: 'Pretendard'; font-size: 14px; color: #171719; font-weight: 400; line-height: 160%; border: 1px solid #DBDCDF; border-radius: 8px; background: #fff;}
.write-wrap textarea:read-only {color: #989BA2; border: 1px solid #DBDCDF; background: #F7F7F8; cursor: default;}
.write-wrap textarea:read-only:focus-visible {outline: none;}
.write-wrap textarea::placeholder {color: #989BA2;}

.write-wrap input[type="radio"] {width: 16px; height: 16px; accent-color: #FD322E; border-radius: 50%; border: 1px solid #989BA2; cursor: pointer; appearance: radio; -webkit-appearance: radio;}
.write-wrap input[type="radio"] + label {font-family: 'Pretendard'; font-size: 14px; font-weight: 400; color: #171719;}

.write-wrap .input-cont .radio-wrap {height: 42px; display: flex; align-items: center; justify-content: flex-start; gap: 16px;}
.write-wrap .input-cont .radio-wrap li {display: flex; align-items: center; justify-content: center; gap: 6px;}

.write-wrap .input-list li .input-cont .list-wrap {width: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 16px;}
.write-wrap .input-list li .input-cont .list-wrap li {display: flex; align-items: center; justify-content: flex-start; gap: 16px;}
.write-wrap .input-list li .input-cont .list-wrap li .input-cont input {width: 152px;}
.write-wrap .input-list li .input-cont .list-wrap .btn-wrap {display: flex; align-items: center; justify-content: flex-start; gap: 8px;}
.write-wrap .input-list li .input-cont .list-wrap .btn-wrap button {width: 24px; height: 24px;}
.write-wrap .input-list li .input-cont .list-wrap .btn-wrap button.remove-btn {background: url(/images/ic_remove.svg) no-repeat center/contain;}
.write-wrap .input-list li .input-cont .list-wrap .btn-wrap button.add-btn {background: url(/images/ic_add.svg) no-repeat center/contain;}

/* .input-tit 140px */
.write-wrap.type01 .input-list li .input-tit {width: 140px;}
.write-wrap.type01 .input-list li .input-cont {width: auto; min-width: calc(100% - 156px);}

/* survey */
#survey {position: relative; width: 100%; min-height: 100vh; background: #F7F7F8;}
#survey header {position: fixed; top: 0; left: 0; width: 100%; height: 80px; display: flex; align-items: center; justify-content: center; border-bottom: 1px solid #EAEBEC; background: #fff; z-index: 999;}
#survey header .inner {width: 940px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between;}
#survey header .inner .logo {width: 196px; height: 100%;}
#survey header .inner .logo img {width: 100%; object-fit: contain;}
#survey header .inner .ces {width: 76px; height: 100%;}
#survey header .inner .ces img {width: 100%;}

#survey #wrap {position: relative; width: 100%; padding-top: 80px;}
#survey #wrap .inner {width: 940px; margin: 0 auto; padding-top: 40px; padding-bottom: 80px;}
#survey #wrap .inner section {width: 100%; margin-bottom: 16px; border-radius: 6px; border: 1px solid #EAEBEC; background: #fff;}
/* #survey #wrap .inner section {margin-bottom: 16px;} */
#survey #wrap .inner section:not(.sec01) .con-wrap {padding: 32px 40px;}
#survey #wrap .inner section .con-wrap {position: relative; width: 100%;}
#survey #wrap .inner section .con-wrap .question {display: flex; align-items: flex-start; justify-content: flex-start; gap: 12px; margin-bottom: 16px;}
#survey #wrap .inner section .con-wrap .question span,
#survey #wrap .inner section .con-wrap .question p:first-child {margin-bottom: 4px; font-family: 'Pretendard'; font-size: 16px; font-weight: 600; line-height: 160%; color: #000;}
#survey #wrap .inner section .con-wrap .question p:last-child {font-family: 'Pretendard'; font-size: 12px; font-weight: 400; line-height: 160%; color: #000;}
#survey #wrap .inner section .con-wrap .answer textarea {width: 100%; height: 124px; resize: none; border: 1px solid #DBDCDF; border-radius: 8px; padding: 16px; font-family: 'Pretendard'; font-size: 14px; font-weight: 400; line-height: 160%; color: #000;}
#survey #wrap .inner section .con-wrap .answer textarea::placeholder {font-family: 'Pretendard'; font-size: 14px; font-weight: 400; line-height: 160%; color: #989BA2;}
#survey #wrap .inner > .btn-wrap {display: flex; align-items: center; justify-content: center;}
#survey #wrap .inner > .btn-wrap button {width: 150px; height: 54px; display: flex; flex-direction: column; align-items: center; justify-content: center; font-family: 'Pretendard'; font-size: 14px; font-weight: 600; color: #fff; line-height: 160%; border-radius: 8px; background: #FD322E;}
#survey #wrap .inner > .btn-wrap button span {font-size: 10px; line-height: 160%; letter-spacing: -0.2px;}
#survey .answer .input-cont .radio-wrap input[type="radio"] {width: 16px; height: 16px; accent-color: #FD322E; border-radius: 50%; border: 1px solid #989BA2; cursor: pointer; appearance: radio; -webkit-appearance: radio;}
#survey .answer .input-cont .radio-wrap input[type="radio"] + label {font-family: 'Pretendard'; font-size: 14px; font-weight: 400; color: #171719; letter-spacing: -0.28px;}
#survey .answer .input-cont .radio-wrap.type01 {width: 100%;}
#survey .answer .input-cont .radio-wrap.type01 li:nth-child(1),
#survey .answer .input-cont .radio-wrap.type01 li:nth-child(2),
#survey .answer .input-cont .radio-wrap.type01 li:nth-child(4) {width: auto;}

#survey .answer .input-cont .radio-wrap.type01 input[type="radio"] + label span {font-size: 14px; color: #70737C; margin-left: 6px;}
#survey .answer .input-cont .radio-wrap input[type="radio"] + label span {font-size: 12px; color: #70737C; margin-left: 6px; letter-spacing: -0.24px;}
#survey .answer .input-cont .radio-wrap {width: calc(100% - 110px); height: 42px; display: flex; align-items: center; justify-content: flex-start; gap: 22px;}
#survey .answer .input-cont .radio-wrap li {display: flex; align-items: center; justify-content: flex-start; gap: 6px;}
#survey .answer .input-cont .radio-wrap li:nth-child(1) {width: 182px;}
#survey .answer .input-cont .radio-wrap li:nth-child(2) {width: 127px;}
#survey .answer .input-cont .radio-wrap li:nth-child(4) {width: 99px;}


#survey #wrap .inner .sec01 .con-wrap {padding: 37px 68px 28px 44px; display: flex; align-items: center; justify-content: space-between;}
#survey #wrap .inner .sec01 .con-wrap::before {position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 9px; border-radius: 6px 6px 0 0; background: #FD322E;}
#survey #wrap .inner .sec01 .con-wrap > div strong {font-family: 'Pretendard'; font-size: 24px; color: #000; font-weight: 700;}
#survey #wrap .inner .sec01 .con-wrap > div .tit-en {padding-top: 8px; padding-bottom: 24px; font-family: 'Pretendard'; font-size: 14px; color: #000; font-weight: 600;}
#survey #wrap .inner .sec01 .con-wrap > div .txt-kr {padding-bottom: 16px; font-family: 'Pretendard'; font-size: 14px; color: #70737C; font-weight: 400; line-height: 160%; letter-spacing: -0.28px;}
#survey #wrap .inner .sec01 .con-wrap > div .txt-en {font-family: 'Pretendard'; font-size: 11.8px; color: #989BA2; font-weight: 400; line-height: 160%; letter-spacing: -0.24px;}
#survey #wrap .inner .sec01 .con-wrap .ic-wrap {width: 59px; height: 59px;}
#survey #wrap .inner .sec01 .con-wrap .ic-wrap img {width: 100%;}

#survey #wrap .inner .sec04 .input-cont {display: flex; align-items: center; justify-content: flex-start; gap: 10px;}
#survey #wrap .inner .sec04 .input-cont:not(:last-of-type) {margin-bottom: 4px;}
#survey #wrap .inner .sec04 .input-cont > .title {width: 100px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 4px;}
#survey #wrap .inner .sec04 .input-cont > .title span:first-child {font-family: 'Pretendard'; font-size: 12px; font-weight: 500; color: #171719;}
#survey #wrap .inner .sec04 .input-cont > .title span:last-child {font-family: 'Pretendard'; font-size: 10px; font-weight: 500; color: #70737C;}


@media (max-width: 1199px) {
  .container {
      padding:0 2.5rem
  }

  /* 예약수정  */
  .select-box{width:100%;}
  .write-wrap .input-list li .input-cont input[type="text"], .write-wrap .input-list li .input-cont input[type="password"] {width: 100%;}
  .write-wrap .input-list > li> div:first-child {
      width: 100px;
  }

  .write-wrap .input-list > li input {
      width: calc(100% - 100px);
  }

  .write-wrap .input-list li .input-cont .list-wrap li .input-cont input {
      width: 20%;
  }
  .write-wrap .input-list li .input-cont .list-wrap .btn-wrap{
      display:block;
      width: 20px;
  }
  /* 예약수정  */

  /* 나의 예약  */
  .tb-wrap03 table tbody tr td {
      padding: 0.5rem;
  }
  /* 나의 예약  */
}