/* bg */
.bg-gray{background-color: var(--bg-gray) !important;}
.bg-blue{background-color: var(--bg-blue) !important;}
.bg-green{background-color: var(--bg-green) !important;}
.bg-violet{background-color: var(--bg-violet) !important;}
.bg-white{background-color: #fff !important;}


/* Button */
a.btn,
input.btn,
button.btn{padding:0 2rem; min-width:8rem; height:4rem; text-align:center; box-sizing:border-box; font-size:1.5rem; border-radius:0.5rem; line-height:2rem;}
a.btn{display:inline-flex; align-items:center; justify-content:center; }

.btn.contained{background-color:var(--black); color: #fff;}
.btn.contained:focus-visible{outline:0.3rem dotted var(--black);}

.btn.outlined{border:0.1rem solid var(--black); background-color:#fff;}

.btn.text{min-width:0; padding:0 0.8rem;}

.btn.disabled,
.btn[disabled]{opacity:0.5;}
.btn.outlined.disabled,
.btn.outlined[disabled]{border-color:var(--line);}

.btn.small{height:3.2rem; padding:0 1.2rem; min-width:0;}
.btn.large{height:4.8rem; font-size:1.7rem;}
.btn.round{border-radius:1rem;}
.btn.pill{border-radius:2.5rem;}
.btn.pill.small{border-radius:1.5rem;}
.btn.pill.large{border-radius:2.5rem;}

.btn i.before{margin-right:1rem;}
.btn i.after{margin-left:1rem;}
.btn.small i.before{margin-right:0.4rem;}
.btn.small i.after{margin-left:0.4rem;}

.btns-wrap{text-align:center; margin:4rem 0;}
.btns-wrap:last-child{margin-bottom:0;}
.btns-wrap .btn{margin:0 0.4rem; vertical-align:middle; min-width:16rem;}
.btns-wrap.bottom{margin-bottom:4rem;}
.btns-wrap.left{text-align:left;}
.btns-wrap.left .btn:first-child{margin-left:0;}
.btns-wrap.right{text-align:right;}
.btns-wrap.right .btn:last-child{margin-right:0;}
.con-wrap + .btns-wrap{margin: 6rem 0 0;}
.md-title + .btns-wrap{margin: 2.4rem 0 0;}


/* icon */
.ic-file{display:inline-block; vertical-align:middle; width:2.4rem; height:2.4rem; text-align:left; text-indent:-9999rem; overflow:hidden; background:url(../../images/common/ic_file.svg) center / 2rem auto no-repeat;}

.ic-file.pdf{background-image:url(../../images/common/i_file_pdf.svg);}
.ic-file.ai{background-image:url(../../images/common/i_file_ai.svg);}
.ic-file.csv{background-image:url(../../images/common/i_file_csv.svg);}
.ic-file.docx{background-image:url(../../images/common/i_file_docx.svg);}
.ic-file.etc{background-image:url(../../images/common/i_file_etc.svg);}
.ic-file.hwp{background-image:url(../../images/common/i_file_hwp.svg);}
.ic-file.jpg{background-image:url(../../images/common/i_file_jpg.svg);}
.ic-file.pdf{background-image:url(../../images/common/i_file_pdf.svg);}
.ic-file.ppt{background-image:url(../../images/common/i_file_ppt.svg);}
.ic-file.txt{background-image:url(../../images/common/i_file_txt.svg);}
.ic-file.xlsx{background-image:url(../../images/common/i_file_xlsx.svg);}
.ic-file.zip{background-image:url(../../images/common/i_file_zip.svg);}


/* text */
.txt-gray{color:var(--gray-50) !important;}
.txt-blue{color:var(--info-60) !important;}
.txt-red{color:var(--point-60) !important;}

.txt-point{color:var(--point-60) !important;}
.txt-danger{color:var(--danger-60) !important;}
.txt-warning{color:var(--warning-60) !important;}
.txt-success{color:var(--success-60) !important;}
.txt-info{color:var(--info-60) !important;}

.txt-xsmall{font-size:1.3rem !important;}
.txt-small{font-size:1.5rem !important;}
.txt-large{font-size:1.9rem !important;}

.txt-normal{font-weight:400 !important;}
.txt-bold{font-weight:700 !important;}

.txt-underline{text-decoration:underline; text-underline-position: under;}

.txt-nowrap{white-space:nowrap;}
.txt-break{word-break:break-all;}

.txt-spacing {letter-spacing:-1px;}

.g-txt{margin:1.6rem 0;}
.g-txt:first-child{margin-top:0;}
.g-txt:last-child{margin-bottom:0;}
.g-txt + .g-txt-under{margin-top:-0.8rem;}

.con-box{margin:1.6rem 0; padding:2.4rem;}
.con-box:first-child{margin-top:0;}
.con-box:last-child{margin-bottom:0;}
.con-box .box-title{color: var(--black); font-weight: 700; font-size: 1.9rem; display:block; margin:2.4rem 0 1.6rem;}
.con-box .box-title:first-child{margin-top:0;}
.con-box.line{border:0.1rem solid var(--line);}

.con-top-txt{padding:2.4rem; margin-bottom:5.6rem;}


/* txt list */
.txt-list{margin-top:0.8rem; margin-bottom:0.8rem;}
.txt-list:first-child{margin-top:0;}
.txt-list:last-child{margin-bottom:0;}
.txt-list .item-head{font-weight:700; display:block; margin-bottom:0.8rem;}
.txt-list .item-label{font-weight:700;}
.txt-list > li{position:relative;}
.txt-list > li + li{margin-top:0.8rem;}
.txt-list.thin > li + li{margin-top:0.4rem;}
.txt-list.gap{margin-top:1.6rem; margin-bottom:1.6rem;}
.txt-list.gap > li + li{margin-top:1.6rem;}
.txt-list .txt-list{margin-top:0.8rem; margin-bottom:0.8rem;}
.txt-list .txt-list.gap{margin-top:1.6rem; margin-bottom:1.6rem;}
.txt-list .g-txt{margin-top:0.8rem; margin-bottom:0.8rem;}

.txt-list.dot > li{position:relative; padding-left:1.2rem;}
.txt-list.dot > li:before{display:block;content:''; position:absolute; top:0.66em; left:0; width:0.4rem; height: 0.4rem; background-color: var(--color-base); border-radius: 50%;}

.txt-list.dash > li{ padding-left:1.2rem;}
.txt-list.dash > li:before{display:block;content:'-'; position:absolute; top:0; left:0;}

.txt-list.round > li{ padding-left:1.2rem;}
.txt-list.round > li:before{display:block;content:'৹'; position:absolute; top:0; left:0;}

.num-bracket{counter-reset: bracket;}
.num-bracket > li{position:relative;}
.num-bracket > li:before{
    counter-increment: bracket 1;
    content: "(" counter(bracket) ") ";
}

.num-circle{counter-reset: circle;}
.num-circle > li{padding-left:1.6em; position:relative;}
.num-circle > li:before{
  position: absolute;
  top: 0.2em;
  left: 0;
  counter-increment: circle 1;
  content: counter(circle);
  font-size: 1.3rem;
  line-height: 1.5rem;
  display: inline-block;
  text-align:center;
  border: 0.1rem solid var(--color-base);
  border-radius: 50%;
  width: 1.6rem;
  height: 1.6rem;
}
.txt-dot{position:relative; padding-left:1.2rem;}
.txt-dot:before{display:block;content:''; position:absolute; top:0.8rem; left:0; width: 0.4rem;height: 0.4rem; background-color: var(--color-base); border-radius: 50%;}
.txt-dash{position:relative; padding-left:1rem;}
.txt-dash:before{display:block;content:'-'; position:absolute; top:0; left:0;}
.txt-star{position:relative; padding-left:1rem;}
.txt-star:before{position:absolute; left:0; top:0.1em; content:'*';}

.txt-link,
.txt-link:hover,
.txt-link:active{color:var(--primary); text-decoration:underline; text-underline-position: under;}


/* table */
.con-table-title{margin:2.4rem 0 1.6rem; font-weight:700;}
.con-table{position:relative; overflow-x:auto; margin:1.6rem 0;}
.con-table:last-child{margin-bottom:0;}
.con-table:first-child{margin-top:0;}
.con-table > table{width:100%; table-layout: fixed;}
.con-table th,
.con-table td{padding:1.6rem 2.4rem; border:0.1rem solid var(--line); border-width:0.1rem; overflow-wrap: break-word; height:5.6rem;}
.con-table th{background-color:var(--bg-gray); font-weight:700; color: var(--black);}
.con-table thead th{text-align:center;}
.con-table tbody th[rowspan]{border-right-width:0.1rem;}
.con-table tbody th[rowspan]:not(:first-child){border-left-width:0.1rem;}
.con-table tbody td[rowspan]:not(:first-child){border-left-width:0.1rem;}
.con-table .bg-red{background-color:var(--bg-red);}
.con-table.all-center td{text-align:center;}
.con-table.type-row th{border-right-width:0.1rem;}
.con-table .ic-handle{display:block; width:12rem; height:11rem; background:url(../../images/tha/common/ic_hand.svg) center center / cover no-repeat; position:absolute;left:10rem; top:5%; display:none;}
.con-table.table-scrolled .ic-handle{display:block;}
.con-table.table-scrolled{overflow-x:scroll;}

.con-table-header{margin:2.4rem 0 1.6rem; display:flex; align-items: center; justify-content: space-between;}
.con-table-header:first-child{margin-top:0;}
.con-table-header h4,
.con-table-header h5,
.con-table-header h6{margin-bottom:0;}


/* tab */
.tabWrap .tabContent{display:none;}
.tabWrap .tabContent.active{display:block;}

.tab-base .tabNav{display:flex; flex-wrap:wrap; margin:-0.6rem; margin-bottom:3.2rem;}
.tab-base .tabNav li{width:calc(25% - 1.2rem); margin: 0.6rem;}
.tab-base .tabNav a{display:flex; align-items: center; justify-content: center; height:5.6rem; border-radius:0.5rem; line-height:1.4; padding:1rem 2rem; box-sizing:border-box; text-align:center; background-color:var(--bg-gray);}
.tab-base .tabNav a.active{border:0.1rem solid var(--line-dark); background-color: #fff; color: var(--black);}
.tab-base .tabNav a.active:focus-visible{outline:0.2rem dotted var(--black);}
.tab-base.flexible .tabNav li{flex:1;}
.tab-base.auto .tabNav li{width:28rem; max-width:calc(50% - 2rem);}


/* form elements */
input, textarea {caret-color: var(--primary);}

input[type=text],
input[type=password],
input[type=file]{height:4rem; line-height:3.8rem; border:0.1rem solid var(--line-input); padding:0 1rem; border-radius:0.6rem;}

textarea{border:0.1rem solid var(--line-input); padding:1rem; border-radius:0.6rem;}

select{border:0.1rem solid var(--line-input); height:4rem ; background:#fff url(../../images/common/arr_select.svg) right 1rem center / 1rem auto no-repeat; padding:0 3rem 0 1rem; border-radius:0.6rem;}
select[multiple]{padding: 1.6rem; height:auto; background:none;}

input[type=text]:focus,
input[type=password]:focus,
input[type=file]:focus{outline:none; border-color:var(--primary);}
textarea:focus{outline:none; border-color:var(--primary);}
select:focus{outline:none; border-color:var(--primary);}

input[type=text]:disabled,
input[type=password]:disabled,
input[type=file]:disabled,
textarea:disabled,
select:disabled{background-color:var(--gray-10); opacity:0.5;}

.inp-textarea{min-height:7.2rem;}

.inp-check{display:inline-flex; align-items: center; min-height:4rem; cursor:pointer;}
.inp-check input{width:1.6rem; height:1.6rem;}
.inp-check input + span{margin-left:0.8rem;}


/* component */
.select{position:relative; border-bottom:0.3rem solid var(--black);}
.select summary{display: flex; align-items: center; height:5.6rem; background-color: #fff; position:relative; padding:1.8rem 3.8rem 1.8rem 0.8rem; box-sizing:border-box;cursor:pointer;}
.select summary:after{display:block; content:''; width:1.8rem; height:1.8rem; position:absolute; right:0; top:50%; margin-top:-0.9rem; background:url(../../images/tha/common/select_arr.svg) center center no-repeat;}
.select ul{position:absolute; left:0; top:calc(100% + 0.8rem); right:0; background-color:#fff; border:0.1rem solid var(--black); padding: 1.2rem 0; font-size:1.5rem; box-sizing:border-box; z-index:9;}
.select label{display:block; overflow:hidden; cursor:pointer;}
.select label input{width:0.1rem; height:0.1rem; position:absolute; left:-9999rem;}
.select label input:focus + span{border:0.2rem solid var(--black);}
.select label span{box-sizing: border-box; display: flex; align-items: center; padding:0 1rem; height:4rem;}
.select label:hover span{background-color: var(--bg-gray);}
.select label input:checked + span{color:var(--black); font-weight: 700; background-color: var(--bg-gray);}
.select[open] summary:after{transform: rotate(-180deg);}

.check-group{display:flex; align-items:center; flex-wrap:wrap; min-height:4rem; box-sizing:border-box;}
.check-group > label{margin-right:2rem;}
.check-group > label:last-child{margin-right:0;}
.check-group > .input-item{margin-right:2rem;}
.check-group.col2 > label{width:calc((100% / 2) - 3rem);}
.check-group.col3 > label{width:calc((100% / 3) - 3rem);}
.check-group.col4 > label{width:calc((100% / 4) - 3rem);}
.check-group.col5 > label{width:calc((100% / 5) - 3rem);}
.check-group.type-row > label{width:100%; margin:0;}
.check-group.type-row > .input-item{display:block; width:100%; margin:0;}
.check-group.type-html input{margin-right:0.8rem;}
.check-group.type-html input:not(:first-child){margin-left:2rem;}
.check-group.inline{display:inline-flex; vertical-align:middle;}

.date-period{display:inline-flex; align-items:center; width:100%; max-width:38.5rem;}
.date-period .datepicker{padding-left:2rem; }
.date-period .dash{width:2rem;text-align:center;}
.date-period select{width:calc(50% - 1rem);}

.input-tel{display:inline-flex; align-items:center; width:100%; max-width:26rem;}
.input-tel select,
.input-tel input{width:calc(100% / 3 - 1.2rem);}
.input-tel .txt-split{width:20rem; text-align:center;}

.input-tel + .check-group{margin-left:1rem;}

.input-etc-opt{display:inline-flex; margin-left:1rem;}

.input-email{display:flex; align-items:center;}
.input-email .email-id{width:30%;}
.input-email .email-domain{width:30%;}
.input-email .email-domain-opt{width:30%; margin-left:0.5rem;}
.input-email .btn{margin-left:0.5rem;}
.input-email .at{width:2rem; text-align:center; flex-shrink:0;}

.input-data-check{display:inline-flex; align-items:center;}
.input-data-check .input-text{width:20rem; max-width:100%;}
.input-data-check .btn{margin-left:0.5rem; flex-shrink:0;}
.input-data-check.full{display:flex;}
.input-data-check.full .input-text{width:100%;}

.input-zipcode{display:flex; align-items:center; width:32rem; max-width:100%;}
.input-zipcode input{width:100%; margin-right:0.5rem;}
.input-zipcode .btn{flex-shrink:0;}
.input-address .input-addr1,
.input-address .input-addr2{margin-top:0.4rem;}
.input-address .input-addr1 input,
.input-address .input-addr2 input{width:100%;}
.input-zipcode + .input-addr-detail{margin-top:0.4rem;}
.input-addr-detail{display:flex; flex-wrap:wrap; justify-content:space-between;}
.input-addr-detail input{width:calc(50% - 0.4rem);}

.input-textarea textarea{width:100%;}
.input-textarea textarea.row2{height:5rem;}
.input-textarea textarea.row3{height:7.5rem;}
.input-textarea textarea.row4{height:10rem;}
.input-textarea textarea.row5{height:12.5rem;}
.input-textarea textarea.row6{height:15rem;}
.input-textarea textarea.row7{height:17.5rem;}
.input-textarea textarea.row8{height:20rem;}
.input-textarea textarea.row10{height:25rem;}

.text-length-status{margin:1rem 0; font-size:1.5rem;}
.text-length-status .len-current{font-weight:700;}
.text-length-status .len-max{color:var(--color-red);}
.text-length-status:first-child{margin-top:0;}
.text-length-status:last-child{margin-bottom:0;}

.input-jumin{display:inline-flex; align-items:center; vertical-align:middle; width:26rem;}
.input-jumin input{width:calc(50% - 1rem);}
.input-jumin .txt-split{width:2rem; text-align:center;}

.input-birth{display:inline-flex; align-items:center;}
.input-birth input{width:6rem;}
.input-birth select{margin-right:0.6rem;}
.input-birth select:last-child{margin-right:0;}
.input-birth .birth-year{width:10rem;}
.input-birth .txt{padding:0 0.5rem;}
.input-birth.type-text > span{margin-right:0.5rem;}
.input-birth.type-text > span:last-child{margin-right:0;}

.input-date{display:inline-flex; align-items:center;}
.input-date select,
.input-date input{width:5rem; min-width:5rem;}
.input-date select + select{margin-left:0.4rem;}
.input-date .year{width:8rem;}
.input-date .txt{padding:0 0.5rem;}
.input-date .txt-split{width:1rem; text-align:center;}

.input-text{display:inline-flex; align-items:center;}
.input-text input{width:100%;}
.input-text > *{margin-right:0.4rem;}
.input-text > *:last-child{margin-right:0;}
.input-text.full{display:flex;}

.input-period{display:inline-flex; align-items:center;}
.input-period > span{margin-right:0.4rem;}
.input-period > span:last-child{margin-right:0;}
.input-period .item-datepicker{display:inline-flex; width:14rem;}
.input-period .item-datepicker input{width:100%;}
.input-period .item-datepicker a{flex-shrink:0;}
.btn-calendar{display:inline-block; width:3rem; height:4rem; text-align:left; overflow:hidden; text-indent:-9999rem; background:url(../../images/common/ic_calendar.svg) center center no-repeat;}

.input-group{display:inline-flex; align-items: center; vertical-align:middle;}
.input-group.full{display:flex;}
.input-group > *{margin:0 0.4rem; vertical-align:middle;}
.input-group > *:first-child{margin-left:0;}
.input-group > *:last-child{margin-right:0;}

/* datepicker */
.useDatepicker{width:13rem; padding-right:2.8rem !important; position:relative; background:url(../../images/common/ic_calendar.svg) right 0.5rem top 1rem no-repeat; cursor:pointer;}
.useDatepicker[readonly]{background-color:#fff !important;}

.ui-datepicker{position:relative; padding:0.5rem; background-color:#fff; border:0.1rem solid var(--line-input); z-index:90 !important; border-radius:0.2rem; box-shadow:0 0.4rem 1.2rem rgba(0,0,0,0.1);}
.ui-datepicker table{width:100%; font-size:1.3rem;}
.ui-datepicker th{height:3rem; color:var(--color-base); text-align:center; padding:0;}
.ui-datepicker td{width:14.2857%; text-align:center; height:3rem;}
.ui-datepicker td a{display:block; height:100%; text-align:center; border-radius:0.3rem; line-height:3rem; color:var(--color-base); cursor:pointer;}
.ui-datepicker td a:not(.ui-state-highlight):not(.ui-state-active):hover{background-color:var(--bg-gray);}
.ui-datepicker .ui-state-active{color:#fff; background:var(--gray-60);}
.ui-datepicker .ui-state-highlight{color:var(--color-base); background-color:var(--bg-blue);}
.ui-datepicker .ui-state-active{color:#fff !important; background-color:var(--primary);}
.ui-datepicker .ui-datepicker-header{position:relative; padding:0;}
.ui-datepicker .ui-datepicker-title{font-size:1.4rem;font-weight:normal; text-align:center; padding:0.5rem 0;}
.ui-datepicker .ui-datepicker-title select{width:7rem; height:3rem; background-position:right 0.5rem center; padding-right:2rem;}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next{position:absolute; top:0.5rem; width:3rem; height:3rem; box-sizing:border-box; border-radius:0.3rem; text-indent:-9999rem; cursor:pointer;}
.ui-datepicker .ui-datepicker-prev:before,
.ui-datepicker .ui-datepicker-next:before{display:block; content:''; width:2.4rem; height:2.4rem; position:absolute; left:50%; top:50%; margin:-1.2rem 0 0 -1.2rem;}
.ui-datepicker .ui-datepicker-prev{left:0;}
.ui-datepicker .ui-datepicker-next{right:0;}
.ui-datepicker .ui-datepicker-prev:before{background:url(../../images/common/ic_arr_prev.png) no-repeat 0 0;}
.ui-datepicker .ui-datepicker-next:before{background:url(../../images/common/ic_arr_next.png) no-repeat 0 0;}
.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover{background-color:var(--bg-gray);}
.ui-datepicker-month{margin-left:0.5rem !important;}

#ui-datepicker-div{display:none; width:23rem; }
#ui-datepicker-div table tbody td.date-holiday a{color:var(--red);}
#ui-datepicker-div td:first-child *{color:var(--red);}
#ui-datepicker-div td:last-child *{color:var(--blue);}


/* board */
.list-count{margin-bottom: 1.6rem; color: var(--black);}
.list-count .total em{color:var(--color-red);  font-weight: 700;}

.list-search{display:flex; flex-wrap:wrap; margin: 0 auto; max-width:60rem;}
.list-search input[type="text"]{height:5.6rem; border: none; border-radius: 0;}
.list-search .select{min-width:16rem;}
.list-search .inp-keyword{display:inline-flex; max-width:100%; width:44rem; flex:1; border-bottom: 0.3rem solid var(--line-dark);}
.list-search .inp-form{display:inline-flex; max-width:100%; flex:1; border-bottom: 0.3rem solid var(--line-dark);}
.list-search .inp-form .select{min-width:16rem; border:none;}
.list-search .keyword{width:100%; flex:1;}
.list-search .btn-search{height:5.6rem; width:5.6rem; min-width: initial; background:url(../../images/tha/common/ic_search.svg) no-repeat center; color: rgba(0,0,0,0);flex-shrink: 0; border-radius: 0; padding: 0;}
.list-search.auto{max-width:100%; display:inline-flex;}

.data-list-top{display:flex; align-items: center; margin-bottom:5.6rem;}
.data-list-top.right{justify-content: flex-end;}
.data-list-top.right .list-search{margin-left:auto; margin-right:0;}

.album-list ul{display: flex; margin-left: -2.4rem;}
.album-list li{padding: 3.2rem; box-sizing: border-box; width: calc(100%/3); min-height: 24rem; margin-left: 2.4rem;border: 0.1rem solid var(--line);}
.album-list li a{height: 100%; display: flex; flex-direction: column; justify-content: space-between; min-height: 17.6rem;}
.album-list li:hover{border-color: var(--line-dark);}
.album-list .img-area{margin-bottom: 2.4rem; height: 19.2rem; position: relative; overflow: hidden; background-color: var(--bg-gray);}
.album-list .img-area img{min-width: 100%; min-height: 19.2rem; position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%);}
.album-list .ttl{max-height: 12rem; font-size: 2rem; font-weight: 600; color: var(--black); display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;}
.album-list .txt{margin-top: 1.6rem; font-weight: 700; color: var(--gray-50);}
.album-list .no-article{text-align: center;min-height: 24rem; text-align: center; display: flex; align-items: center; justify-content: center; color: var(--red); font-weight: 700; font-size: 2rem;}

.label-notice{font-weight:700; color:var(--primary);}
.label-new{width:1.6rem; font-size:1rem; font-weight:700; display:inline-flex; align-items: center; justify-content: center; width:2rem; height:2rem; border-radius:50%; background-color:var(--primary); color:#fff; line-height:1;}

/* 목록 */
.ic-notice{display:inline-block; width:2rem; height:2rem; background:url(../../images/common/i_notice.svg) center center no-repeat; text-align:left; text-indent:-9999rem; overflow:hidden; vertical-align:middle;}
.ic-reply{display:inline-block; height:2rem; line-height:2rem; padding:0 1rem; background-color:var(--primary); color:#fff; font-size:1.3rem; border-radius:1.3rem; white-space:nowrap;}
.ic-new{display:inline-block; width:1.6rem; height:1.6rem; background-color:var(--color-red); color:#fff; letter-spacing:1.6rem; white-space:nowrap; overflow:hidden; line-height:1.6rem; border-radius:50%; box-sizing:border-box; padding-left:0.4rem; font-size:1.3rem; vertical-align:middle;}
.ic-secret{display:inline-block; width:1.6rem; height:1.6rem; background:url(../../images/common/ic_key.gif) center center no-repeat; text-align:left; text-indent:-9999rem; overflow:hidden; vertical-align:middle;}

.data-list{position:relative; border-top:0.1rem solid var(--line-dark); width:100%;}
.data-list table{width:100%; table-layout:fixed;}
.data-list thead th{border-bottom:0.1rem solid var(--line); padding:1rem; text-align:center; height:5.6rem; box-sizing:border-box; line-height:1.16;}
.data-list tbody th{border-bottom:0.1rem solid var(--line); padding:1rem; height:5.6rem; box-sizing:border-box;}
.data-list td{border-bottom:0.1rem solid var(--line); padding:1rem; text-align:center; height:6.2rem; box-sizing:border-box; word-break:break-all;}
.data-list td.title{text-align:left; white-space:nowrap;}
.data-list td.title a{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:inline-block; max-width:calc(100% - 4.3rem); padding-right:0.5rem; vertical-align:middle; position:relative; box-sizing:border-box;}
.data-list td.title a:hover{color:var(--line-dark); text-decoration: underline; text-underline-position: under;}
.data-list td.title a + i{margin-left:0.4rem;}
.data-list td.title img{vertical-align:middle; margin-left:0.4rem;}
.data-list td.file img{max-width:2rem;}
.data-list td .btn{padding:0 1.2rem;}
.data-list th img,
.data-list td img{vertical-align:middle;}
.data-list td.no-data{text-align:center !important; width:100%; padding:5rem 0;}
.no-data-msg{text-align:center; position:relative;}
.no-data-msg:before{display:block; content:''; width:8rem; height:8rem; border-radius:50%; background:var(--bg-gray) url(../../images/common/i_nodata.svg) center center no-repeat; margin:0 auto 2rem auto;}

/* .paging{margin:4rem 0; display:flex; justify-content:center;}
.paging a{position:relative; border-radius: 0.5rem;}
.paging a{display:inline-flex; align-items: center; justify-content: center; min-width:3.2rem; height:3.2rem; text-align:Center;}
.paging a:first-child{margin-left:0 !important;}
.paging a:last-child{margin-right:0 !important;}
.paging .page{border-radius:0.5rem; border-radius:1.4rem; overflow:hidden; text-align:left; text-indent:-9999rem; background-position:center; background-repeat:no-repeat; flex-shrink: 0;}

.paging .page.first{background-image:url(../../images/common/page_first.svg);}
.paging .page.prev{background-image:url(../../images/common/page_prev.svg);}
.paging .page.next{background-image:url(../../images/common/page_next.svg);}
.paging .page.last{background-image:url(../../images/common/page_last.svg);}
.paging .page.first:hover{background-image:url(../../images/common/page_first.svg);}
.paging .page.prev:hover{background-image:url(../../images/common/page_prev.svg);}
.paging .page.next:hover{background-image:url(../../images/common/page_next.svg);}
.paging .page.last:hover{background-image:url(../../images/common/page_last.svg);}
.paging .current,
.paging .num:hover{ background-color:var(--black) ;color: #fff;} */

/* paging new */
.paging{text-align:center; display:flex; align-items:center; justify-content:center; margin:4rem 0;}
.paging a,
.paging span{display:inline-flex; align-items:center; justify-content:center; min-width:4rem; height:4rem; box-sizing:border-box; margin:0 0.4rem; font-size:1.7rem; border-radius:0.6rem;}
.paging .page-prev{padding:0 0.8rem 0 0.4rem;}
.paging .page-prev:before{display:block;content:''; width:2rem;height:2rem; background:url(../../images/common/page_prev.svg) center no-repeat;}
.paging .page-next{padding:0 0.8rem 0 0.4rem;}
.paging .page-next:after{display:block;content:''; width:2rem;height:2rem; background:url(../../images/common/page_next.svg) center no-repeat;}
.paging .page-num{display:flex; align-items:center; justify-content:center;}
.paging .page-num .current{background-color:var(--black); color:#fff; font-weight:600;}
.paging .page-num .page-dot{background:url(../../images/common/page_dot.svg) center no-repeat;}
.paging .page-num .page-dot:before{display:inline-block; content:'...';}
.paging a:hover{background-color:var(--bg-gray);}

.w-mobile .paging{flex-wrap:wrap;}
.w-mobile .paging .page-num{width:100%; margin-top:2rem;}

/* data-view */
.data-view{display: flex;justify-content: space-between;}
.data-view > div{border-top: 0.3rem solid var(--line-dark);box-sizing: border-box;}
.data-view .data-left{width: 35%;}
.data-view .data-left .title{margin-top: 2.4rem; font-size: 3.2rem; color: var(--black);}
.data-view .data-left dl{margin-top: 2.4rem;}
.data-view .data-left dt{color: var(--black); font-weight: 700;}
.data-view .data-left dd{padding-top: 0.8rem;}
.data-view .data-left .file-dd{padding-left: 2.8rem; text-indent: -2.8rem;}
.data-view .data-right{width: 55%;}
.data-view .btns-wrap{text-align: right; margin-top:2.4rem}
.data-view .btns-wrap .btn{margin: 0; min-width: 7.7rem;}
.data-view .view-contents{margin: 2.4rem 0; min-height:24rem;}
.view-contents img{width: 100%; display: block;}

.register-tel .label{position:absolute; left:-9999rem;}

.prev-next-list{margin-top:5.6rem; border-top:0.1rem solid var(--line); display:flex; flex-wrap:wrap;}
.prev-next-list dt,
.prev-next-list dd{display: flex; align-items: center;}
.prev-next-list dt{width:10%; box-sizing:border-box; flex-shrink:0; border-bottom:0.1rem solid var(--line); text-align:center; font-weight:700; color: var(--black); line-height: 5.6rem; text-align: left;}
.prev-next-list dd{width:90%; padding:1.6rem 3.2rem; box-sizing:border-box; border-bottom:0.1rem solid var(--line);}
.prev-next-list dd a{text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.prev-next-list dd a:hover{text-decoration: underline;}

/* 상세 */
.data-view-table{position:relative; border-top: 0.3rem solid var(--line-dark);}
.data-view-info table{width:100%; table-layout:fixed;}
.data-view-info th,
.data-view-info td{box-sizing:border-box; border-bottom:0.1rem solid var(--line); text-align:left; padding:1.5rem 2rem; }
.data-view-info th{font-weight:700; background-color:var(--bg-gray);}
.data-view-info td{background-color:#fff;}
.data-view-info .view-title{font-size:1.9rem; font-weight:700;}

.a-file{position:relative; padding-left:2.8rem; display:inline-block; line-height:2rem;}
.a-file:before{position:absolute; left:0; top:0; display:block; content:''; width:2rem; height:2rem; background:url(../../images/common/ic_file.svg) center center no-repeat;}
.a-file:hover{color:var(--primary); text-decoration:underline; text-underline-position: under;}

.a-file.pdf:before{background-image:url(../../images/common/i_file_pdf.svg);}
.a-file.ai:before{background-image:url(../../images/common/i_file_ai.svg);}
.a-file.csv:before{background-image:url(../../images/common/i_file_csv.svg);}
.a-file.docx:before{background-image:url(../../images/common/i_file_docx.svg);}
.a-file.etc:before{background-image:url(../../images/common/i_file_etc.svg);}
.a-file.hwp:before{background-image:url(../../images/common/i_file_hwp.svg);}
.a-file.jpg:before{background-image:url(../../images/common/i_file_jpg.svg);}
.a-file.pdf:before{background-image:url(../../images/common/i_file_pdf.svg);}
.a-file.ppt:before{background-image:url(../../images/common/i_file_ppt.svg);}
.a-file.txt:before{background-image:url(../../images/common/i_file_txt.svg);}
.a-file.xlsx:before{background-image:url(../../images/common/i_file_xlsx.svg);}
.a-file.zip:before{background-image:url(../../images/common/i_file_zip.svg);}

.a-file.zoom:before{background-image:url(../../images/common/ic_zoom.gif);}
.a-file.fax:before{background-image:url(../../images/common/ic_fax.gif);}
.a-file.email:before{background-image:url(../../images/common/ic_email.gif);}

/* 등록 */
.data-regist{position:relative;}
.data-regist table{width:100%; table-layout:fixed; border-top:0.1rem solid var(--line-dark); border-bottom:0.1rem solid var(--line);}
.data-regist th,
.data-regist td{border-bottom:0.1rem solid var(--line); background-color:#fff; padding:1.5rem 2rem; text-align:left; box-sizing:border-box; height:6.1rem;}
.data-regist thead th{background-color:var(--bg-gray);}
.data-regist tbody th{background-color:var(--bg-gray);}
.data-regist tbody td.no-padding{padding:0;}
.data-regist .keyboard-exe{border-bottom:0.1rem solid var(--line); background-color:var(--bg-gray); padding:2rem; text-align:left; box-sizing:border-box; }
.data-regist .macKeyboard ~ table{ border-top:0.1rem solid var(--line);}
.data-regist.top-mg{margin-top:4rem;}

.data-regist.type-col th,
.data-regist.type-col td{text-align:center; padding:1.5rem;}

.required-guide{font-size:1.4rem; margin:1rem 0;}
.required-mark{color:var(--point-60); font-weight:700;}
.con-title-wrap .required-guide{margin:0;}

.saved-file{margin-top:1rem; display:flex; align-items: center;}
.saved-file .file-name{margin-right:1rem; background:url(../../images/common/ic_file.svg) left top no-repeat; padding-left:2rem; line-height:2rem;}
.saved-file .btn-delete{width:2rem; height:2rem; background:var(--bg-gray) url(../../images/common/ic_delete.svg) center no-repeat; overflow:hidden; text-align:left; text-indent:-9999rem; border-radius:50%;}

.inp-guide{font-size:1.4rem;}
.inp-guide.after{margin-top:0.8rem;}

.input-guide{font-size:1.4rem;}
.input-guide.before{margin-bottom:1rem;}
.input-guide.after{margin-top:1rem;}

.input-row > .lb-row{font-weight:700; margin-right:1rem;}
.input-row + .input-row{margin-top:1.6rem;}
.input-row + .input-row:empty{margin-top:0;}
.input-row + .input-row,
.input-row + .input-row-group,
.input-row-group + .input-row{margin-top:0.4rem;}
.input-row-group.label-w60px .input-row > label{display:inline-block; width:6rem;}
.input-row-group.label-w80px .input-row > label{display:inline-block; width:8rem;}
.input-row-group.label-w100px .input-row > label{display:inline-block; width:10rem;}

.input-group .input-row + .input-row{margin-top:0;}

.macKeyboard{background-color:var(--bg-gray); padding:1.5rem 2rem; display:flex; align-items: center; border-radius:1rem; border:0.1rem solid var(--line); margin-bottom:1rem; flex-wrap:wrap;}
.macKeyboard label{margin-right:2rem;}

.data-regist .inner-table{width:100%; border-top:none;}
.data-regist .inner-table tr:last-child td{border-bottom:none;}
.data-regist .inner-table td{padding:0.4rem !important;}

.data-regist-row{border-top:0.1rem solid var(--primary); }
.data-regist-row .regist-item{padding:1rem 0; border-bottom:0.1rem solid var(--line); box-sizing:border-box; display:flex; flex-wrap:wrap;}
.data-regist-row .regist-item > li{display:flex; align-items: center; padding:0.5rem 0; box-sizing:border-box; width:100%;}
.data-regist-row .regist-item > li > label{width:13rem; flex-shrink: 0; box-sizing:border-box; padding:0 1rem 0 3rem;}
.data-regist-row .regist-item > li .inputs{flex:1; padding-right:2rem;}
.data-regist-row .regist-item > li.half{width:50%;}

.data-regist-row.career .regist-item > li > label{width:16rem;}

/* 동의 */
.agree-box{border:0.1rem solid var(--line); padding:3rem; border-radius:2rem;}
.agree-box .agree-contents{margin-bottom:3rem;}
.agree-box .agree-contents .front-msg{margin-bottom:2rem;}
.agree-box .agree-contents:last-child{margin-bottom:0;}
.agree-box .agree-check{background-color:var(--bg-gray); border-radius:1rem; padding:1.5rem 2rem; font-weight:700; display:flex; align-items:center; flex-wrap:wrap; margin:2rem 0;}
.agree-box .agree-check:first-child{margin-top:0;}
.agree-box .agree-check:last-child{margin-bottom:0;}
.agree-box .agree-check + .agree-contents{margin-top:3rem;}
.agree-box .agree-check .q{display:inline-block; margin-right:3rem;}
.agree-box .agree-check .q .go-detail{white-space:nowrap; margin-left:1rem;}
.agree-box .agree-check .check-group{display:inline-block; padding:0; min-height:0;}
.list-agree-items dt{font-weight:500; margin-bottom:1.6rem;}
.list-agree-items dd{padding-left:2rem; color:var(--gray-50);}
.list-agree-items dd + dt{margin-top:2rem;}
.list-agree-items dd > p,
.list-agree-items dd > ul{margin-bottom:1.2rem;}
.list-agree-items dd > :last-child{margin-bottom:0;}


/* accordion */
.accWrap .accDetail{display:none;}
.accWrap .accItem.active .accDetail{display:block;}


/* title */
.big-title{font-size:2.4rem; font-weight: 700; position:relative; margin-bottom: 2.4rem;}
.con-title{margin:5.6rem 0 1.6rem; font-size:2.4rem; font-weight:700; color: var(--black); display:block;}
.con-title:first-child{margin-top:0;}
.md-title{margin:2.4rem 0 1.2rem; font-size:1.9rem; font-weight: 700; color: var(--black); display:block;}
.md-title:first-child{margin-top:0;}
.sm-title{margin:2.4rem 0 1.2rem; font-size:1.7rem; font-weight: 700; color: var(--black); display:block;}
.sm-title span{color: var(--gray-50); font-weight: 400;}
.sm-title:first-child{margin-top:0;}
.dot-title{margin:2.4rem 0 1.2rem; font-weight: 700; position:relative; padding-left:1.2rem; color: var(--black); font-size:1.7rem;}
.dot-title:before{display:block; content:''; position:absolute; top:0.8rem ;left:0; width: 0.4rem; height: 0.4rem; background-color: var(--black); border-radius: 50%;}

.big-title + .con-title{margin-top:2.4rem;}

.con-title-wrap{display:flex; align-items: center; margin:5.6rem 0 2.4rem;}
.con-title-wrap.md{margin:2.4rem 0 1.6rem;}
.con-title-wrap.sm{margin:2.4rem 0 1.6rem;}
.con-title-wrap > .right{margin-left:auto;}
.con-title-wrap .con-title,
.con-title-wrap .md-title,
.con-title-wrap .sm-title{margin:0;}

h6.txt-dot{margin: 2.4rem 0 1.6rem; font-weight: 700; color: var(--black);}


/* wrap */
.con-wrap + .con-wrap{margin-top:5.6rem;}

.con-sub{margin:2.4rem 0;}
.con-sub:first-child{margin-top:0;}
.con-sub:last-child{margin-bottom:0;}

.md-wrap{margin:2.4rem 0;}
.md-wrap:first-child{margin-top:0;}
.md-wrap:last-child{margin-bottom:0;}

/* 서브내용 아래 버튼들 */
.con-btns{margin:1.6rem 0;}
.con-btns:first-child{margin-top:0;}
.con-btns:last-child{margin-bottom:0;}

.line-box{border:0.1rem solid var(--line-gray); padding:3.2rem; border-radius:1rem;}


/* modal */
.modal{position:fixed; left:0; top:0; right:0; bottom:0; display:flex; align-items: center; justify-content: center; z-index:999; display:none;}
.modal.dim{background-color:rgba(0,0,0,0.3);}
.modalWrap{background-color:#fff; box-sizing:border-box; max-width:calc(100vw - 4.8rem); border-radius:1rem; border:0.1rem solid var(--black); display:flex; flex-direction: column; max-height:calc(100vh - 4.8rem); z-index:999; position:relative;}
.modalWrap .modal-header{min-height:4.8rem; padding:1.2rem 5.6rem 1.2rem 2.4rem; display:flex; align-items: center; position:relative; background-color:var(--black); color:#fff; border-radius:0.9rem 0.9rem 0 0; flex-shrink: 0;}
.modalWrap .modal-title h3{font-size:2rem; color:#fff; line-height:1.16;}
.modalWrap .modal-header .modal-close{position:absolute; right:2.4rem; top:50%; margin-top:-1.2rem; width:2.4rem; height:2.4rem; background:url(../../images/common/ic_modal_close.png) 0 0 no-repeat; text-align:left; text-indent:-9999rem; overflow:hidden; border-radius:0.3rem;}
.modalWrap .modal-header .modal-close[disabled]{background-position:0 -2.4rem;}
.modalWrap .modal-body{padding:2.4rem; min-height:6rem; overflow-y:auto;}
.modalWrap .modal-body.center{display:flex; align-items: center; justify-content: center;}
.modalWrap .modal-action{display:flex; align-items: center; justify-content: center; padding:1.2rem 2.4rem 2.4rem 2.4rem; flex-shrink: 0; position:relative;}
.modalWrap .modal-action .btn + *{margin-left:0.4rem;}
.modalWrap .modal-action .left{margin-right:auto;}
.modalWrap .modal-action .right{margin-left:auto;}
.modal.active{display:flex;}

.modal-noframe{border:none; border-radius:0; background:none;}
.modal-noframe .modal-action{text-align:center; }

.alert-msg{text-align:center;}


/* 비밀번호입력 */
.pw-wrap{text-align:center; padding:1rem 0;}
.pw-wrap .pw-guide{margin-bottom:2rem;}
.pw-wrap .pw-form{display:flex; align-items: center; justify-content: center;}
.pw-wrap .pw-form .pw-input label{margin-right:0.5rem;}
.pw-wrap .pw-form .pw-input input{width:15rem;}
.pw-wrap .pw-form .btn-ok{margin-left:0.5rem;}
#popPwd .modalWrap{width:36rem;}


/* massage popup */
.msgPop{position:fixed; left:0; top:0; right:0; bottom:0; display:flex; align-items: center; justify-content: center; z-index:9999;}
.msgPop.dim{background-color:rgba(0,0,0,0.3);}
.msgPopWrap{background-color:#fff; box-sizing:border-box; min-width:32rem; border-radius:1rem; border:0.1rem solid var(--black); display:flex; flex-direction: column; max-height:calc(100vh - 4.8rem);}
.msgPopWrap .msgPop-header{height:4rem; padding:0 2.4rem; display:flex; align-items: center; position:relative; background-color:var(--black); color:#fff; border-radius:0.9rem 0.9rem 0 0; flex-shrink: 0;}
.msgPopWrap .msgPop-header h3{font-size:1.8rem; color:#fff;}
.msgPopWrap .msgPop-body{padding:2.4rem; min-height:6rem; display:flex; align-items: center; justify-content: center; text-align:center;}
.msgPopWrap .msgPop-action{display:flex; align-items: center; justify-content: center; padding:0 2.4rem 1.6rem 2.4rem; flex-shrink: 0;}
.msgPopWrap .msgPop-action .btn + .btn{margin-left:0.4rem;}

.vaildToastPop{background-color:var(--black); color:#fff; padding:1rem 1.5rem; border-radius:0.3rem; font-size:1.5rem; position:absolute; z-index:999;}
.vaildToastPop:before{background-color:var(--black); display:block; content:''; width:1.2rem; height:1.2rem; transform:rotate(45deg); position:absolute; left:2.5rem;top:-0.6rem;}

/* 공지팝업 */
.main-noticePop{position:fixed; left:4rem; top:4rem; z-index:9999; display:none; max-width:calc(100vw - 8rem); min-width:30rem;}
.noticePop-wrap{background-color:#fff; max-height:calc(100vh - 8rem); width: 100%; box-shadow:0 0.2rem 1rem rgba(0,0,0,0.2); border-radius:1.2rem; display:flex; flex-direction:column; overflow:hidden;}
.noticePop-wrap .pop-header{background-color:var(--gray-10); height:4.8rem; padding:0 2.4rem; flex-shrink:0;}
.noticePop-wrap .pop-header .pop-title{color:var(--gray-90); font-size:1.7rem; line-height:4.8rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.noticePop-wrap .pop-container{padding:2.4rem; overflow-y:auto; flex-grow: 1}
.noticePop-wrap .pop-container img{max-width:100%; height: auto !important;}
.noticePop-wrap .pop-footer{height:3.6rem; border-top:0.1rem solid var(--line); padding:0 2.4rem; font-size:1.5rem; flex-shrink:0; position:relative; display:flex; align-items: center;}
.noticePop-wrap .pop-footer .inp-checkbox{margin-right:1.2rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.noticePop-wrap .btn-noticePop-close{height:3.6rem; text-align:left; background:url(/images/common/i_pop_close.svg) left center / 1.2rem auto no-repeat; padding-left:1.8rem; font-size:1.5rem; margin-left:auto;}

.main-noticePop:nth-of-type(2){max-width:calc(100vw - 12rem);}
.main-noticePop:nth-of-type(3){max-width:calc(100vw - 16rem);}
.main-noticePop:nth-of-type(4){max-width:calc(100vw - 20rem);}
.main-noticePop:nth-of-type(5){max-width:calc(100vw - 24rem);}

.boxtype_001 {border:1px solid #f3f4f6; background:#f9fafc; padding:2rem; border-radius:2rem;}
.boxtype_002 {border:1px solid #f4f2f1; background:#FCFAF9; padding:2rem; border-radius:2rem; margin-top:1rem;}

.boxtype_003 {border:1px solid #e8e8e8; background:#f9fafc; padding:2rem; border-radius:2rem; margin-bottom:1rem;}

/* 반응형------------------------------------------------------------------------ */

@media all and (max-width:1024px) {

    .big-title{font-size:2rem}

    a.btn, input.btn, button.btn{padding:0 1.5rem;}
    .btns-wrap .btn{margin: 0.2rem 0; min-width:10rem;}

    .tab-base .tabNav{margin:-0.4rem; margin-bottom:2.4rem; display: block;}
    .tab-base .tabNav li{margin:0; width:100%;}
    .tab-base .tabNav li + li{margin: 0.8rem 0 0 0;}
    .tab-base .tabNav a{padding:1.6rem;}

    .data-view .data-left dd{padding-top:0.8rem;}
    .data-view .view-contents{min-height:16rem;}

    .prev-next-list{display:flex; flex-wrap:wrap;}
    .prev-next-list dt{width:8rem; text-align:left; font-size:1.4rem;}
    .prev-next-list dd{width:calc(100% - 8rem); padding:1.5rem 1.5rem 1.5rem 0;}

    .list-search{display:block; width: 100%;}
    .list-search .inp-keyword{display:flex; width:100%;}
    .list-search .inp-form{display:flex; width:100%;}
    .list-search .inp-form .select{width:100%;}

    .album-list ul{display: block; margin-left: 0;}
    .album-list li{width: 100%; min-height: 24rem; margin-left: 0;}
    .album-list li + li{margin-top: 2.4rem;}

    /* form */
    .input-email{flex-wrap:wrap;}
	.input-email .email-id{width:calc(50% - 2rem);}
	.input-email .email-domain{width:50%;}
	.input-email .email-domain-opt{width:100%; margin:0.4rem 0 0 0;}

    .input-zipcode{width:auto;}
    .input-zipcode input{width:8rem;}
    .input-addr-detail{display:block;}
    .input-addr-detail input{width:100%; margin:0 0 0.4rem 0;}
    .input-addr-detail input:last-child{margin:0;}

    .input-data-check{max-width:100%;}
    .input-data-check .input-text{width:100%; flex:1;}

    .input-group.m-full{display:flex;}
    .input-group.m-wrap{flex-wrap:wrap;}
    .input-group .input-row + .input-row{margin-top:0.8rem;}

    /* 게시판 */
    .data-list.m-data-list colgroup,
    .data-list.m-data-list thead{display:none;}
    .data-list.m-data-list table,
    .data-list.m-data-list tbody,
    .data-list.m-data-list tr,
    .data-list.m-data-list th{display:block; border:none; padding:0; text-align:left; height:auto;}
    .data-list.m-data-list td{display:inline-block; border:none; padding:0; text-align:left; margin:0.4rem 1.6rem 0.4rem 0; height:auto; min-height:2rem; vertical-align:middle;}
    .data-list.m-data-list td:empty{display:none;}
    .data-list.m-data-list tr{border-bottom:0.1rem solid var(--line); padding:1.6rem 1.2rem; position:relative;}
    .data-list.m-data-list .no{display:none;}
    .data-list.m-data-list .title{display:block; font-size:1.8rem; font-weight:700; margin:0 0 0.8rem 0; white-space:normal;}
    .data-list.m-data-list .title a{white-space:normal;}
    .data-list.m-data-list .file img{vertical-align:middle;}
    .data-list.m-data-list td[data-label]{ display:inline-block; margin-right:2rem;}
    .data-list.m-data-list td[data-label]:before{content:attr(data-label); margin-right:0.8rem;}
    .data-list.m-data-list td.m-full{display:block; margin-top:0.4rem;}
    .data-list.m-data-list .hit:before{content:'조회수 ';}
    .data-list.m-data-list .cmd{width:100%; margin-top:1rem;}
    .data-list.m-data-list label.radio{min-height:0;}

    /* data-view */
    .data-view{display: block;}
    .data-view > div{border-top: 0.3rem solid var(--line-dark); box-sizing: border-box;}
    .data-view .data-left{width: 100%;}
    .data-view .data-left .title{margin-top: 2.4rem; font-size: 3.2rem;color: var(--black);}
    .data-view .data-right{width: 100%; margin-top: 4rem;}

    .data-view-info colgroup{display:none;}
    .data-view-info table,
    .data-view-info tbody,
    .data-view-info tr,
    .data-view-info th,
    .data-view-info td{display:block; height:auto !important;}
    .data-view-info th,
    .data-view-info td{padding:1rem;}
    .data-view-info tr{display:flex; flex-wrap:wrap; border:none;}
    .data-view-info tbody th{padding:0.8rem 1rem; font-size:1.4rem; width:10rem; display:flex; align-items: center;}
    .data-view-info tbody td{padding:0.8rem 1rem; width:calc(100% - 10rem);}
    .data-view-info .row-view-title th{display:none;}
    .data-view-info .row-view-title td{width:100%;}
    .data-view-info .view-title{font-size:1.6rem; padding:1.5rem 1rem;}
    .data-view-info .row-view-contents th{width:100%;}
    .data-view-info .row-view-contents td{width:100%; padding:1.5rem 1rem;}
    .data-view-info .row-view-attachfile th{display:none;}
    .data-view-info .row-view-attachfile td{width:100%;}
    .data-view-info .row-type th{width:100%;}
    .data-view-info .row-type td{width:100%; padding:1.5rem 1rem;}
    .data-view-contents{height:auto; padding:2rem 1rem; width:100% !important; min-height:20rem;}

    .data-regist table{display:block;}
    .data-regist tbody,
    .data-regist tr,
    .data-regist th,
    .data-regist td{display:block; border:none;}
    .data-regist tbody th{padding:1.6rem 1rem 0 1rem; height:auto; border:none; background:none; font-size:1.5rem; overflow-wrap:break-word;}
    .data-regist tbody th[rowspan]{font-weight:700;}
    .data-regist tbody th br{display:none;}
    .data-regist tbody td{padding:0.8rem 1rem 0 1rem; height:auto;}
    .data-regist tbody{padding-bottom:1.6rem;}

    .data-regist-row .regist-item{padding:1rem 0; display:flex; flex-wrap:wrap;}
    .data-regist-row .regist-item > li{display:block; width:100%; padding:1rem;}
    .data-regist-row .regist-item > li > label{width:auto; padding:0; margin-bottom:0.5rem; display:block;}
    .data-regist-row .regist-item > li .inputs{flex:1; padding:0;}
    .data-regist-row .regist-item > li.half{width:100%;}

    .data-regist .input-row > .lb-row{display:block; margin:0 0 0.5rem 0;}

    /* agree */
    .agree-box{padding:2rem 1.5rem;}
    .agree-box .agree-check .q{margin-bottom:1rem;}
    .list-agree-items dd{padding-left:0;}
    .inner-agree-list > li{display:block;}
    .inner-agree-list .item-agree-check{margin-top:1rem;}

}

@media all and (max-width:600px) {

    .inp-group-email{flex-wrap:wrap;}
    .inp-group-email input{width:calc(50% - 1rem); max-width:100%;}
    .inp-group-email .email-domain-opt{width:100%; max-width:100%; margin:0.4rem 0 0 0;}

    .data-list-top .list-search .inp-item{width:100%;}
    .data-list-top .list-search .inp-item select{width:100%;}
    .list-search > * + *{margin:0.8rem 0 0 0; width:100%;}

    .tab-base .tabNav a {line-height: 1.25; word-break: break-all; padding:1.4rem 0.5rem;}

    .con-table th,
    .con-table td{padding:0.8rem; height:5.6rem;}
    .con-table .ic-handle{left:2rem; top:2rem;}

    .input-data-check.phone{flex-wrap:wrap;}
    .input-data-check.phone input{width:100%;}
    .input-data-check.phone .btn{width:100%; margin:0.4rem 0 0 0;}

    .input-row-group.label-w60px .input-row > label,
    .input-row-group.label-w80px .input-row > label ,
    .input-row-group.label-w100px .input-row > label{display:block; width:100%; margin:0 0 0.5rem 0;}

    .pw-wrap .pw-form .pw-input label{display:none;}

    .modalWrap{max-width:calc(100vw - 3.2rem);}

}