/* swiper */
:root { --swiper-navigation-size: 44px;}
.swiper-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px,0,0);}
.swiper-wrapper {position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.swiper-slide { flex-shrink: 0; /*width: 100%;*/ height: 100%; position: relative; transition-property: transform;}
.swiper-notification{display:none;}

.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity;}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}

img {max-width: 100%;}


.page-top {
  border: 1px solid #c4cceb;
  background-color: #f9fafc;
  text-align: center;
  font-size: 2rem;
  padding: 4rem;
  border-radius: 2rem;
  margin-bottom: 10rem;
}

.page-top p+p {
  margin-top: 1.2rem;
}

/* 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; font-weight:700;}
a.btn{display:inline-flex; align-items:center; justify-content:center; }

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

.btn.outlined{border:0.1rem solid var(--gray-50); color:var(--gray-50); background-color:#fff;}
.btn.outlined.primary{border-color:var(--primary); color:var(--primary);}
.btn.outlined.secondary{border-color:var(--secondary); color:var(--secondary);}

.btn.text{min-width:0; padding:0 0.5rem;}
.btn.text.primary{color:var(--primary);}
.btn.text.secondary{color:var(--secondary);}

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

.btn.small{height:3rem; font-size:1.3rem; padding:0 1rem; min-width:0;}
.btn.large{height:5rem; padding:0 2.4rem; 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;}

.btn[class*='i-']:after{display:inline-block; content:''; width:1.2rem; height:1.2rem; margin-left:0.8rem; margin-right:-0.4rem; background-position:center center; background-size:cover; background-repeat:no-repeat;}

.btn.i-go:after{background-image:url(/images/common/ic_go.png);}
.btn.contained.i-go:after{background-image:url(/images/common/ic_go_w.png);}

.btn.outlined.i-download:after{background-image:url(/images/common/ic_download_w.png);}
.btn.outlined.primary.i-download:after{width:18px; height:18px; background-image:url(/images/common/ic_download_primary.svg);}
.btn.contained.i-download:after{background-image:url(/images/common/ic_download_w.png);}

.btn:hover{box-shadow:0 0.4rem 1.2rem rgba(0,0,0,0.1);}
.btn.text:hover{box-shadow:none;}

.btn.contained:hover{background-color:#fff; color:var(--gray-50); border:0.1rem solid var(--gray-50); padding:0 1.9rem;}
.btn.contained.primary:hover{color:var(--primary); border-color:var(--primary);}
.btn.contained.small:hover{padding:0 0.9rem;}
.btn.contained.large:hover{padding:0 2.3rem;}
.btn.contained.i-download:hover:after{background-image:url(/images/common/ic_download_gray.png);}
.btn.contained.primary.i-download:hover:after{background-image:url(/images/common/ic_download.png);}

.btns-wrap{text-align:center; margin:4rem 0;}
.btns-wrap:last-child{margin-bottom:0;}
.btns-wrap:first-child{margin-top:0;}
.btns-wrap .btn{margin:0 0.4rem; vertical-align:middle; min-width:16rem;}
.btns-wrap.bottom{margin-bottom:4rem;}

/* text */
.txt-primary{color:var(--primary) !important;}
.txt-secondary{color:var(--secondary) !important;}
.txt-red{color:var(--red) !important;}

.txt-xsmall{font-size:1.3rem; line-height:1.5;}
.txt-small{font-size:1.5rem; line-height:1.5;}
.txt-large{font-size:1.9rem; line-height:1.5;}
.txt-xlarge{font-size:2.4rem; line-height:1.5;}

.txt-bold{font-weight:700;}
.txt-semiBold{font-weight:600;}
.txt-medium{font-weight:500;}
.txt-normal{font-weight:400;}

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

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

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

.txt-list.gap > li{margin-bottom:1.6rem;}
.txt-list.gap > li:last-child{margin-bottom:0;}

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

.txt-list.dash > li{ padding-left:1rem;}
.txt-list.dash > li:before{display:block; content:''; width:0.4rem; height:0.1rem; position:absolute; top:0.66em; left:0; background-color:var(--color-base);}

.txt-list.square > li{position:relative; padding-left:1.5rem;}
.txt-list.square > li:before{content: ""; display: block; position: absolute; top: 0.58em; left: 0; width: 0.6rem; height: 0.6rem; border: 0.1rem solid var(--color-base); box-sizing:border-box;}

.txt-list.num-bracket{counter-reset: bracket;}
.txt-list.num-bracket > li{padding-left:1.5em; position:relative;}
.txt-list.num-bracket > li:before{
    position: absolute;
    top: 0;
    left: 0;
    counter-increment: bracket 1;
    content: "(" counter(bracket) ")";
    line-height:1.5;

    font-size:0.95em;
    display: inline-block;
    text-align:center;
    width: 1.25em;
    height: 1.5em;
}

.txt-list.num-circle{counter-reset: circle;}
.txt-list.num-circle > li{padding-left:1.5em; position:relative;}
.txt-list.num-circle > li:before{
  position: absolute;
	top: 0.33em;
	left: 0;
	counter-increment: circle 1;
	content: counter(circle);
	font-size: 0.75em;
	line-height:1.25em;

	display: inline-block;
	text-align:center;
	border: 0.1rem solid var(--line-gray);
	border-radius: 50%;
	width: 1.25em;
	height: 1.25em;
}

.txt-list.ganada > li{padding-left:1.33em;}
.txt-list.ganada > li:before{position:absolute; left:0; top:0;}
.txt-list.ganada > li:nth-child(1):before{content:'가.';}
.txt-list.ganada > li:nth-child(2):before{content:'나.';}
.txt-list.ganada > li:nth-child(3):before{content:'다.';}
.txt-list.ganada > li:nth-child(4):before{content:'라.';}
.txt-list.ganada > li:nth-child(5):before{content:'마.';}
.txt-list.ganada > li:nth-child(6):before{content:'바.';}
.txt-list.ganada > li:nth-child(7):before{content:'사.';}
.txt-list.ganada > li:nth-child(8):before{content:'아.';}
.txt-list.ganada > li:nth-child(9):before{content:'자.';}
.txt-list.ganada > li:nth-child(10):before{content:'차.';}
.txt-list.ganada > li:nth-child(11):before{content:'카.';}
.txt-list.ganada > li:nth-child(12):before{content:'타.';}
.txt-list.ganada > li:nth-child(13):before{content:'파.';}
.txt-list.ganada > li:nth-child(14):before{content:'하.';}

.txt-dot{position:relative; padding-left:1rem; margin:0.8rem 0;}
.txt-dot:before{display:block; content:'ㆍ'; position:absolute; top:0; left:-0.4rem;}
.txt-dash{position:relative; padding-left:1rem;  margin:0.8rem 0;}
.txt-dash:before{display:block; content:''; width:0.4rem; height:0.1rem; position:absolute; top:0.66em; left:0; background-color:var(--color-base);}
.txt-refer{position:relative; padding-left:1.2em;  margin:0.8rem 0;}
.txt-refer:before{position:absolute; left:0; top:0; content:'※';}
.txt-star{position:relative; padding-left:1.2rem;  margin:0.8rem 0;}
.txt-star:before{position:absolute; left:0; top:0; content:'*';}

.txt-flex{display:flex;}
.txt-flex .fixed{flex-shrink: 0;}
.txt-flex .fixed + *{margin-left:0.5rem;}

/* tables */
.con-table{position:relative; overflow-x:auto; margin:1.6rem 0; border-top: 0.1rem solid var(--primary);}
.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 2rem; border: 0.1rem solid var(--line); overflow-wrap: break-word;}
.con-table th:last-child,
.con-table td:last-child{border-right-width:0;}
.con-table th:first-child,
.con-table td:first-child{border-left-width:0;}
.con-table thead th{font-weight:700;}
.con-table tbody th{font-weight:700;}

.con-table.all-center th,
.con-table.all-center td{text-align:center; padding-left:1.2rem; padding-right:1.2rem;}
.con-table.all-right td{text-align:right;}

.con-table.type-row th,
.con-table.type-row td{border-width:0.1rem 0; padding:2.4rem 2rem; height:7rem;}
.con-table.thin th,
.con-table.thin td{padding:1.6rem 1.2rem; letter-spacing:-0.05em;}

.con-table .ic-handle{display:block; width:5rem; height:5rem; border-radius:50%; background:url(/images/common/ic_hand.png) center center / cover no-repeat; position:absolute;right:1rem;top:5.5rem; box-shadow:0 0.4rem 1.2rem rgba(0,0,0,0.1); display:none;}
.con-table.table-scrolled .ic-handle{display:block;}
.con-table.table-scrolled{overflow-x:scroll;}

.con-table .sum th,
.con-table .sum td{background-color:var(--bg-blue);}
.con-table .sum2 th,
.con-table .sum2 td{background-color:var(--bg-yellow); font-weight:600;}

.bg-gray,
.bg-gray th,
.bg-gray td{background-color:var(--bg-gray) !important;}
.bg-blue,
.bg-blue th,
.bg-blue td{background-color:var(--bg-blue) !important;}
.bg-green,
.bg-green th,
.bg-green td{background-color:var(--bg-green) !important; }
.bg-yellow,
.bg-yellow th,
.bg-yellow td{background-color:var(--bg-yeloow) !important;}
.bg-red,
.bg-red th,
.bg-red td{background-color:var(--bg-red) !important;}
.bg-white,
.bg-white th,
.bg-white td{background-color:#fff !important;}

.con-table-header{margin:1.6rem 0; 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-bottom: 4rem; border-bottom: 0.1rem solid var(--line-gray);}
.tab-base .tabNav li{flex:1 1 auto;}
.tab-base .tabNav a{display:flex; align-items: center; justify-content: center; height:6rem; font-size:1.9rem; padding:1rem 2rem; box-sizing:border-box; text-align:center; position:relative; color:var(--gray-90);}
.tab-base .tabNav a.active{color:var(--primary); font-weight:700;}
.tab-base .tabNav a.active:before{content: ""; display: block; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 0.7rem; width: 0.6rem; height: 0.6rem; border-radius: 50%; background-color: var(--primary);}
.tab-base .tabNav a.active:after{content: ""; display: block; position: absolute; width: 100%;  height: 0.2rem; bottom: -0.1rem; background-color: var(--primary); left: 0;}

/* 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{box-sizing:border-box; appearance: none; -webkit-appearance:none; border:0.1rem solid var(--line-input); height:4rem; background:#fff url(/images/common/select_arr.svg) right 0.5rem center / 1.8rem auto no-repeat; padding:0 3.6rem 0 1rem; border-radius:0.6rem;}
select::-ms-expand {display: none;}
option{font-size:1em;}
select:disabled{background-color:var(--gray-50); opacity:0.5;}

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-50); opacity:0.5;}

/* checkbox / radio */
input[type=radio]:checked,
input[type=checkbox]:checked{accent-color: var(--primary);}

.inp-radio{box-sizing:border-box; min-height:2rem; min-width:2rem; display:inline-block; vertical-align:middle; cursor:pointer; line-height:2rem; cursor:pointer; position:relative; padding-left:2rem; padding-right:0.8rem; margin:0.8rem 0;}
.inp-radio input{width:2rem;height:2rem; cursor:pointer; position:absolute; left:0; top:0; border-radius:50%;}
.inp-radio input + span{display:block; margin-left:0.8rem; line-height:2rem; flex-shrink: 0;}
.inp-radio input + .blind{margin-left:0;}
.inp-radio input:disabled{background-color:var(--gray-50); opacity:0.5;}
.inp-radio input:disabled + span{opacity:0.5;}
.inp-radio input:checked{border-color:var(--primary);}

.inp-checkbox{box-sizing:border-box; min-height:2rem; min-width:2rem; display:inline-block; vertical-align:middle; cursor:pointer; line-height:2rem; cursor:pointer; position:relative; padding-left:2rem; padding-right:0.8rem; margin:0.8rem 0;}
.inp-checkbox input{position:relative; width:2rem; height:2rem; appearance: none; -webkit-appearance:none; background-color:#fff; border:0.1rem solid var(--line-input); cursor:pointer; position:absolute; left:0; top:0;}
.inp-checkbox input + span{display:block; margin-left:0.8rem; line-height:2rem; flex-shrink: 0;}
.inp-checkbox input:disabled{background-color:var(--gray-50); opacity:0.5;}
.inp-checkbox input:disabled + span{opacity:0.5;}
.inp-checkbox input:checked{background-color:var(--primary); border:none;}
.inp-checkbox input:checked:after{display:block;content:'';
	width: 1rem;
    height: 0.7rem;
    background: none;
    border-left: 0.2rem solid #fff;
    border-bottom: 0.2rem solid #fff;
    transform: rotate(-45deg);
	position:absolute; left:0.5rem; top:0.5rem;
	box-sizing:border-box;
}

.inp-check-list{display:flex; flex-wrap:wrap; align-items: center;}
.inp-check-list.col2 label{width:calc(50% - 1.6rem);}
.inp-check-list.col3 label{width:calc(100% / 3 - 1.6rem);}
.inp-check-list.col4 label{width:calc(25% - 1.6rem);}
.inp-check-list.col5 label{width:calc(20% - 1.6rem);}
.inp-check-list.type-row label{width:100%;}

/* form patterns */
.form-item{display:flex;}
.form-item > label{line-height:3.6rem; margin-right:1rem; font-weight:700; flex-shrink: 0;}

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

.inp-group-address .inp-text{width:100%;}
.inp-group-address .inp-zipcode{width:12rem;}
.inp-group-row + .inp-group-row{margin-top:0.5rem;}

.inp-split{display: inline-block; min-width: 2rem; line-height: 3.6rem; text-align: center;}

.inp-group-tel{display:flex;}
.inp-group-tel select,
.inp-group-tel input {width:12rem; max-width:33%;}
.inp-group-tel .inp-split{fLex:0 0;}
.inp-group-tel.full select,
.inp-group-tel.full input{width:33%;}

.inp-group-email{display:flex;}
.inp-group-email select,
.inp-group-email input {width:16rem; max-width:33%;}
.inp-group-email .inp-split{fLex:0 0;}
.inp-group-email .email-domain-opt{margin-left:0.5rem;}
.inp-group-email.full input,
.inp-group-email.full select{width:33%;}

.inp-group-txt{display:inline-flex; align-items: center;}
.inp-group-txt > label{flex-shrink: 0; margin-right:1rem;}
.inp-group-txt .inp-text{max-width:100%;}
.inp-group-txt .txt-unit{flex-shrink: 0;}
.inp-group-txt .txt-unit:first-child{margin-right:1rem;}
.inp-group-txt .txt-unit:last-child{margin-left:1rem;}
.inp-group-txt.full{display:flex;}
.inp-group-txt.full .inp-text{flex:1; width:100%;}
.inp-group-txt.box{position:relative; border:0.1rem solid var(--line-input); border-radius:0.6rem;}
.inp-group-txt.box label{margin:0 1rem;}
.inp-group-txt.box .inp-text{flex:1; border:none;}
.inp-group-txt.box .txt-unit{margin:0 1rem;}

.inp-group-check{display:inline-flex; align-items:center;}
.inp-group-check > label{margin-right:1rem;}
.inp-group-check > label:last-child{margin-right:0;}

.inp-group-items{display:flex; flex-wrap:wrap;}
.inp-group-items > li{margin:0.5rem 2rem 0.5rem 0;}
.inp-group-items.col2 > li{width:50%; margin:0.5rem 0;}
.inp-group-items.col3 > li{width:calc(100% / 3); margin:0.5rem 0;}

/* datepicker */
.useDatepicker{width:13rem; padding-right:3.2rem; position:relative; background:url(/images/common/ic_calendar.png) right 0 top 0 no-repeat; cursor:pointer;}
.useDatepicker:focus{background-position:right 0 top -4rem;}
.useDatepicker:disabled{background-position:right 0 top -8rem;}
.useDatepicker[readonly]{background-color:#fff !important;}

.ui-datepicker{position:relative; padding:1.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.5rem;}
.ui-datepicker th{height:3rem; color:var(--gray-90); 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-gray1); 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-50);}
.ui-datepicker .ui-state-highlight{color:var(--gray-90); 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.7rem; font-weight:normal; text-align:center; padding:0.5rem 0;}
.ui-datepicker .ui-datepicker-title select{width:auto;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:-9999em; 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.4rem;}
.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:24rem; }
#ui-datepicker-div table tbody td.date-holiday a{color:var(--red);}
#ui-datepicker-div td:first-child *{color:#eb3c3c;}
#ui-datepicker-div td:last-child *{color:#4084d2;}

.useMonthpicker{width:10rem; padding-right:3.2rem; position:relative; background:url(/images/common/ic_calendar.png) right 5px top 0 no-repeat; cursor:pointer;}
.useMonthpicker[readonly]{background-color:#fff !important;}

#ui-monthpicker-div{width:16rem; display:none;}
#ui-monthpicker-div .ui-datepicker-header{margin-bottom:0.8rem;}
#ui-monthpicker-div .ui-datepicker-title .ui-datepicker-year{min-width:7.5rem; padding:0 0 0 1rem;}

/* title */
.con-title{display: flex;align-items: flex-end;justify-content: space-between;width: 100%;font-size:2.4rem; font-weight:700; line-height:1.5; color:var(--gray-90); margin:4rem 0 2.4rem;}
.con-title:first-child{margin-top:0;}
.con-title .btn{margin-left:1.2rem; vertical-align:middle;}

.md-title{font-size:1.9rem; font-weight:700; line-height:1.5; color:var(--gray-90); margin:2.4rem 0 1.6rem;}
.md-title:first-child{margin-top:0;}
.md-title.primary{color:var(--primary);}
.md-title.dot{position:relative; padding-left:1.2rem;}
.md-title.dot:before{display:block; content:'ㆍ'; position:absolute; top:0; left:-0.4rem;}

.con-title-wrap{display:flex; flex-wrap:wrap; justify-content: space-between; align-items: flex-end; margin:4rem 0 2.4rem;}
.con-title-wrap:first-child{margin-top:0;}
.con-title-wrap .con-title{margin:0;}

.md-title-wrap{display:flex; flex-wrap:wrap; justify-content: space-between; align-items: flex-end; margin:2.4rem 0 1.6rem;}
.md-title-wrap:first-child{margin-top:0;}
.md-title-wrap .md-title{margin:0;}

.data-unit{font-size:1.3rem;}

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

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

.img-box{border:0.1rem solid var(--line-gray); text-align:center; margin:2.4rem 0;}
.img-box:first-child{margin-top:0;}
.img-box:last-child{margin-bottom:0;}
.img-box img{max-width:100%;}
.img-box.round{border-radius:1.6rem;}

.con-box{padding:3.2rem 2.4rem; border-radius: 1.6rem; border: 0.1rem solid var(--line); margin:2.4rem 0; background-color:var(--bg-blue);}
.con-box:first-child{margin-top:0;}
.con-box:last-child{margin-bottom:0;}
.con-box .box-title{font-size:1.9rem; font-weight:600; line-height:1.5; margin:1.6rem 0; display:block;}
.con-box .box-title:first-child{margin-top:0;}
.con-box.square{border-radius:0; border-width:0.1rem 0;}

.g-txt{margin:1.2rem 0;}
.g-txt:first-child{margin-top:0;}
.g-txt:last-child{margin-bottom:0;}

.txt-link{font-weight:600; color:var(--primary);}

.con-bottom{margin-top:2rem;}
.con-bottom.flex{display:flex; justify-content: space-between; flex-wrap:wrap;}
.con-bottom.flex > .start{margin-right:3rem;}
.con-bottom.flex > .end{margin-left:auto;}

/* board */
.data-list-top{display:flex; align-items: center; margin-bottom:1.6rem;}

.list-title{font-size:2.4rem; color:var(--gray-90);}

.list-acount{color:var(--gray-90);}
.list-acount .total{margin-right:3rem;}
.list-acount .total em{color:var(--pink); font-weight:700;}
.list-acount .list-title{display:inline; margin-right:2rem;}

.list-search{display:flex; flex-wrap:wrap;}
.list-search > * + *{margin-left:0.5rem;}
.list-search .inp-item input,
.list-search .inp-item select{max-width:100%; width:100%; padding-left:1.2rem;}
.list-search .inp-keyword{display:inline-flex; max-width:100%; width:36rem; flex:1;}
.list-search .keyword{width:100%; margin-right:0.5rem; flex:1;}
.list-search .btn-search{height:4rem;background-color:var(--gray-90); color:#fff; flex-shrink: 0;}

.data-list-top .list-search{margin-left:auto;}

.label-notice{font-weight:600; color:var(--primary);}
.label-new{width:1.6rem; font-size:1rem; font-weight:500; 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;}

.data-list{border-top:0.1rem solid var(--line-dark);}
.data-list table{width:100%;}
.data-list th{height:6.2rem; text-align:center; padding:1.6rem 0.5rem; background-color:var(--bg-gray); border-bottom:0.1rem solid var(--line-gray); font-weight:500;}
.data-list td{height:6.2rem; text-align:center; padding:1.2rem 0.5rem; border-bottom:0.1rem solid var(--line-gray);}
.data-list .title{text-align:left;}
.data-list .title a{display:inline-block; max-width:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; position:relative; padding-right:2.6rem; box-sizing:border-box; vertical-align:middle;}
.data-list .title .label-new{position:absolute; right:0; top:0.3rem;}
.data-list td img{vertical-align:middle;}
.data-list tr.notice td{font-weight:500;}
.data-list .data-none{text-align:center; height:20rem;}

.m-data-list.in-labels .td-label{display:none;}

/* .paging{margin:2.4rem 0; display:flex; justify-content:center;}
.paging:last-child{margin-bottom:0;}
.paging a{margin:0 0.4rem; position:relative;}
.paging a{display:inline-flex; align-items: center; justify-content: center; min-width:2.8rem; height:2.8rem; text-align:Center; font-size:1.5rem;}
.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-size:cover; background-repeat:no-repeat; background-color:var(--bg-gray); 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 .current{color:var(--primary); font-weight:600;} */

/* paging new */
.paging{text-align:center; display:flex; align-items:center; justify-content:center; margin:2.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 .disabled {color: #e4e4e4;pointer-events: none;}
.paging .page-prev.disabled:before {background:url(/images/common/page_prev_disabled.svg) center no-repeat;} 
.paging .page-next.disabled:after {background:url(/images/common/page_next_disabled.svg) center no-repeat;}
.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 8px 0 4px;}
.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(--primary); color:#fff; font-weight:600;}
.paging .page-num .page-dot{background:url(/images/common/page_dot.svg) center no-repeat;}
.paging a:hover{background-color:var(--bg-blue);}

.data-view .view-info{clear:both; width:100%; border-top:0.1rem solid var(--line-dark);}
.data-view .view-info th,
.data-view .view-info td{border-bottom:0.1rem solid var(--line-gray); padding:1.6rem; overflow-wrap:break-word;}
.data-view .view-info th:first-child{border-left:none;}
.data-view .view-info td:last-child{border-right:none;}
.data-view .view-info th{text-align:center; font-weight:500; background-color:var(--bg-gray); color:var(--gray-90);}
.data-view .view-info td{text-align:left;}
.data-view .view-title{color:var(--gray-90); font-size:1.9rem; line-height:1.5; font-weight:700; margin-bottom:2.4rem;}
.data-view .view-contents{min-height:25rem; padding:4rem; border-bottom:0.1rem solid var(--line-gray); box-sizing:border-box;}
.data-view .view-contents img{max-width:100%;}
.data-view .view-contents + .prev-next-list{border-top:none;}
.data-view-header{border-bottom: 0.1rem solid var(--line-gray); padding:0 2rem 2.4rem 2rem;}
.data-view-header .view-title{margin-bottom:1.2rem;}
.data-view-header .base-info{display:flex; flex-wrap:wrap;}
.data-view-header .base-info li{margin-right:2.4rem;}
.data-view-header + .view-info{border-top:none;}

.data-view-table{border-top:0.1rem solid var(--line-dark);}
.data-view-table table{width:100%;}
.data-view-table th,
.data-view-table td{border-bottom:0.1rem solid var(--line-gray); padding:1.6rem; overflow-wrap:break-word;}
.data-view-table th:first-child{border-left:none;}
.data-view-table td:last-child{border-right:none;}
.data-view-table th{text-align:center; font-weight:500; background-color:var(--bg-gray); color:var(--gray-90);}
.data-view-table td{text-align:left;}

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

.prev-next-list{border-top:0.1rem solid var(--line-gray); display:flex; flex-wrap:wrap;}
.prev-next-list dt{width:15%; padding:1.6rem 2.4rem; box-sizing:border-box; flex-shrink:0; border-bottom:0.1rem solid var(--line-gray); text-align:center; color:var(--gray-90); font-weight:500;}
.prev-next-list dd{width:85%; padding:1.6rem 2.4rem; box-sizing:border-box; border-bottom:0.1rem solid var(--line-gray);}
.prev-next-list dd a{color:var(--gray-90);}

.view-attachfile-list .item-file{padding:0 0 0 2.8rem; background:url(/images/common/ic_file.svg) 0 0 no-repeat; margin-bottom:0.6rem; display:block; line-height:2rem;}
.view-attachfile-list .item-file:last-child{margin-bottom:0;}
.view-attachfile-list .item-file.ai{background-image:url(/images/common/i_file_ai.svg);}
.view-attachfile-list .item-file.csv{background-image:url(/images/common/i_file_csv.svg);}
.view-attachfile-list .item-file.docx{background-image:url(/images/common/i_file_docx.svg);}
.view-attachfile-list .item-file.hwp{background-image:url(/images/common/i_file_hwp.svg);}
.view-attachfile-list .item-file.jpg{background-image:url(/images/common/i_file_jpg.svg);}
.view-attachfile-list .item-file.pdf{background-image:url(/images/common/i_file_pdf.svg);}
.view-attachfile-list .item-file.ppt{background-image:url(/images/common/i_file_ppt.svg);}
.view-attachfile-list .item-file.txt{background-image:url(/images/common/i_file_txt.svg);}
.view-attachfile-list .item-file.xlsx{background-image:url(/images/common/i_file_xlsx.svg);}
.view-attachfile-list .item-file.zip{background-image:url(/images/common/i_file_zip.svg);}
.view-attachfile-list .item-file.etc{background-image:url(/images/common/i_file_etc.svg);}

.view-attachfile-list{margin:0.8rem 0;}
.view-attachfile-list .file-item{margin:0.8rem 0; display:flex; align-items:center; min-height:2rem; line-height:2rem;}
.view-attachfile-list .file-item .file-action{margin-left:auto; display:flex; align-items:center;}
.view-attachfile-list .file-item .file-action a{display:inline-flex; align-items:center; justify-content:center; height:3.6rem; box-sizing:border-box; border:0.1rem solid var(--primary); color:var(--primary); padding:0 0.8rem; border-radius:0.5rem; font-size:1.5rem; font-weight:500;}
.view-attachfile-list .file-item .file-action a + a{margin-left:0.4rem;}
.view-attachfile-list .file-item .file-action .btn-file-down:after{display:inline-block;content:'';width:1.4rem;height:1.4rem; margin-left:0.4rem; background:url(/images/common/ic_down_attachfile.svg) center no-repeat;}
.view-attachfile-list .file-item .file-action .btn-file-preview:after{display:inline-block;content:'';width:1.4rem;height:1.4rem; margin-left:0.4rem; background:url(/images/common/ic_preview_attachfile.svg) center no-repeat;}
.view-attachfile-list .file-item > label{flex-shrink: 0; margin-right:1rem; align-items: flex-start;}


.data-regist table{width:100%; border-top:0.1rem solid var(--line-gray);}
.data-regist th,
.data-regist td{position:relative; padding:1.2rem 2.4rem; border-bottom:0.1rem solid var(--line-gray); text-align:left; height:6.2rem;}
.data-regist th{text-align:left; font-weight:500; background-color:var(--bg-blue); color:var(--gray-90);}
.data-regist th .required-mark{margin-left:0.4rem;}
.data-regist td input{max-width:100%;}
.data-regist .regist-contents textarea{vertical-align:top; width:100%; height:40rem;}

.required-mark{color:var(--point-60); font-weight:700;}
.required-guide{font-size:1.5rem; line-height:1.5; margin-bottom:1.2rem;}

.inp-guide{font-size:1.5rem; line-height:1.5;}
.inp-guide.after{margin-top:0.8rem;}
.inp-guide.before{margin-bottom:0.8rem;}

.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%;}

/* modal */
.modal{position:fixed; left:0; top:0; right:0; bottom:0; display:flex; align-items: center; justify-content: center; display:none; z-index:100;}
.modal.dim{background-color:rgba(0,0,0,0.3);}
.modalWrap{background-color:#fff; box-sizing:border-box; box-shadow:0 0.3rem 1.5rem rgba(0,0,0,0.1);  min-width:32rem; max-width:calc(100vw - 3.2rem); border-radius:1rem; max-height:calc(100vh - 3.2rem);}
.modalWrap .modal-header{height:5rem; padding:0 2.4rem; display:flex; align-items: center; position:relative; border-bottom:0.1rem solid var(--line);}
.modalWrap .modal-title h3{font-size:1.9rem; color:var(--gray-90);}
.modalWrap .modal-header .btn-close{position:absolute; right:0; top:0; width:5rem; height:5rem; background:url(/images/common/ic_modal_close.svg) center center no-repeat; text-align:left; text-indent:-9999rem; overflow:hidden;}
.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:0 2.4rem 2rem 2.4rem;}
.modalWrap .modal-action .btn + .btn{margin-left:0.4rem;}
.modal.active{display:flex;}

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

.chart-box svg{width:100%;}
.chart-box.two-circle svg.sbchart-chart-svg{width:55rem; height:55rem;} 
.chart-box text{font-size:12px; font-family:var(--font-base);}
.data-unit-wrap{display:flex; justify-content: }

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

/* 공지팝업 */
.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 2px 10px 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:36px; 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);}

/* 카드뉴스 검색폼 */
/* 검색폼 */
.data-search-wrap{border-radius:2rem; background-color:#f9f9f9; border:0.1rem solid #e4e4e4; padding:2rem; margin-bottom:2rem;}
.data-search-wrap.top-mg{margin-top:4rem;}

.data-search-form{display:flex; align-items:center; justify-content:center; margin:0 auto; width:100%; max-width:74rem;}
.data-search-form .data-search-input{border:0.1rem solid var(--line-gray); display:flex; align-items:center; height:4.6rem; border-radius:2.3rem; box-sizing:border-box; position:relative; width:100%;}
.data-search-form .data-search-input .keyword-opt{display:block; width:12rem; height:100%; flex-shrink:0; box-sizing:border-box; padding-right:0.1rem; position:relative; }
.data-search-form .data-search-input .keyword-opt:after{display:block; content:''; width:0.1rem; height:2rem; background-color:var(--line); position:absolute; right:0; top:50%; margin-top:-1rem;}
.data-search-form .data-search-input .keyword-opt select{height:100%; border:none; width:100%; padding-left: 2rem;}
.data-search-form .data-search-input .keyword-opt:first-child select{border-radius: 2.3rem 0 0 2.3rem;}
.data-search-form .data-search-input .keyword{height:100%; width:100%; border:none; padding:0 0 0 2rem;}
.data-search-form .data-search-input .keyword:first-child{border-radius: 2.3rem 0 0 2.3rem;}
.data-search-form .data-search-input .keyword-opt.full{flex:1; padding:0;}
.data-search-form .data-search-input .keyword-opt.full:after{display:none;}
.data-search-form .data-search-input .select-opt{height:100%; width:100%; border:none; padding-left:2rem; border-radius:2.3rem 0 0 2.3rem;}

.data-search-form .data-search-opt{display:flex; align-items:center; flex-shrink:0;}
.data-search-form .data-search-opt .opt{padding-right:1rem;}
.data-search-form .data-search-opt .opt select{border-radius:2.3rem; min-width:15.4rem; padding-left:2rem;}
.data-search-form .data-search-opt .input-period{max-width:100%;}
.data-search-form .data-search-opt .useDatepicker{border-radius:2.3rem;}

.data-search-wrap .data-search-option{display:flex; align-items:center; justify-content: center; margin:0 auto 2rem auto; width:100%; max-width:74rem;}
.data-search-wrap .data-search-option .opt-item{display:flex; align-items:center; margin-right:2rem;}
.data-search-wrap .data-search-option .opt-item-label{padding:0 1.2rem; font-weight:600; flex-shrink:0;}

.data-search-form .btn-search{width:12rem; height:100%; border-radius:2.3rem; background:var(--gray-70) url(../images/common/i_search_w.svg) 2.8rem center no-repeat; color:#fff; font-size:1.7rem; font-weight:600; display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; position:relative; box-sizing:border-box; padding-left:4.6rem;}
.data-search-form .btn-search:hover{background:#4a4a4a url(../images/common/i_search_w.svg) 2.8rem center no-repeat;}

.data-search-wrap .keyword-guide{font-size:1.4rem;}
.data-search-wrap .data-search-guide{margin:0 auto; width:100%; max-width:74rem; padding-top:0.8rem;}
.data-search-wrap .data-search-guide .keyword-guide{padding-left:2rem;}

.data-list-top{display:flex; flex-wrap:wrap; align-items:flex-end;}
.data-list-top .a-left{margin-bottom:1rem; margin-right:1rem;}
.data-list-top .a-right{margin-left:auto;}
.data-list-top .list-acount{margin-bottom:1rem;}
.data-list-top .data-search,
.data-list-top .data-filter,
.data-list-top .data-sort{margin-left:auto;}
.data-list-top .data-link-group {margin-left:.8rem}
.data-list-top .data-link-group .txt-link {text-decoration:none;margin-left:.6rem;color: var(--gray-90);}
.data-list-top .data-link-group .txt-link.active {text-decoration:underline}
.data-list-top .data-sel-group {display: flex;gap: 2rem;margin-right: 2rem;}
.data-sort{display:inline-flex; align-items:center; margin-bottom:1.2rem;}
.data-sort > *{margin-right:0.4rem;}
.data-sort > *:last-child{margin-right:0;}

.gallery-list{border-top:0.1rem solid var(--line-dark); border-bottom:0.1rem solid var(--line-gray); padding:2rem 0;}
.gallery-list ul{display:flex; flex-wrap:wrap; margin:-2rem -1rem;}
.gallery-list li{width:calc(25% - 2rem); margin:2rem 1rem;}
.gallery-list a{display:block; height:100%; display:flex; flex-direction:column;}
.gallery-list .thumb{aspect-ratio: 256/190; overflow:hidden; text-align:center;}
.gallery-list .thumb.no-img{background:var(--bg-gray) url(/images/common/ic_noThumb_photo.svg) center no-repeat; border-radius:1.5rem; text-align:left; text-indent:-9999rem;}
.gallery-list .thumb img{border-radius:1.5rem; width:100%; height:100%; object-fit: cover;}
.gallery-list .info{padding:1rem 0; text-align:left; display:flex; flex-direction:column; flex:1;}
.gallery-list .info .title{font-size:1.7rem; color:var(--gray-90); font-weight:500; width:100%; margin-bottom:1rem;}
.gallery-list .info .date{font-size:1.5rem; color:var(--gray-50); margin-top:auto;}
.gallery-list .info .hit{font-size:1.5rem; color:var(--gray-50); margin-top:1rem; margin-left:auto; position:relative; padding-left:2.8rem; min-height:2rem;}
.gallery-list .info .hit:before{display:inline-block; content:''; width:2rem; height:2rem; background:url(/images/common/ic_hits.svg) center no-repeat; position:absolute;left:0;top:50%; margin-top:-1rem;}
.gallery-list .info .label{position:absolute; margin:-0.1rem; width:0.1rem; height:0.1rem; overflow:hidden;}
.gallery-list .no-data{width:100% !important; margin:2rem 0; text-align:center;}

.gallery-list.publication .thumb{aspect-ratio: 256/304;}
.gallery-list.cardNews .thumb{aspect-ratio: 1/1;}

.gallery-list.newsletter li{width:calc(100% / 3 - 2rem);}
.gallery-list.newsletter .thumb{aspect-ratio: 220/260;}

.img-wrap.round-box {border: 1px solid var(--line);margin: 3rem 0;padding: 3rem;border-radius: 1.5rem;overflow: hidden;}
.img-wrap.risk-management {padding-left: 5.5rem;}

@media all and (max-width:768px){
	.main-noticePop{left:1.6rem !important; top:16px !important; max-width:calc(100vw - 3.2rem) !important; min-width:0;}
	.noticePop-wrap .pop-header{padding:0 1.6rem;}
	.noticePop-wrap .pop-container{padding:1.6rem;}
	.noticePop-wrap .pop-footer{padding:0 1.6rem; font-size:1.4rem;}
}

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

@media all and (max-width: 1320px) {
    .chart-box.two-circle svg.sbchart-chart-svg {
        width: 100%;
        height: 100%;
    }
}	

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

    .tab-base .tabNav{margin:-0.4rem; margin-bottom:3.2rem; border:none;}
    .tab-base .tabNav li{margin:0.4rem 0; width:calc(100% / 3); box-sizing:border-box; flex:0 0 auto; border-bottom:0.1rem solid var(--line-gray);}
    .tab-base .tabNav a{padding:1.2rem;}

    .data-view .view-info th,
    .data-view .view-info td{padding:1.6rem; font-size:1.4rem; line-height:1.5; overflow-wrap:break-word;}
    .data-view .view-info td{padding:1.6rem;}
    .data-view .view-contents{padding:2.4rem 1.6rem;}

    .inp-group-controls{display:flex;}
    .inp-group-clear{display:flex;}
    .inp-group-search{display:flex;}
    
    .gallery-list li {width:calc(50% - 2rem)}

    [class*='charLength']{width:100%;}

    .con-wrap + .con-wrap{margin-top:3.2rem;}

    .con-box{padding:2.4rem 1.6rem;}
    .con-box .box-title{font-size:1.7rem;}

    .con-table th,
    .con-table td{padding:1.6rem 1.2rem; font-size:1.5rem;}
    .con-table.type-row th,
    .con-table.type-row td{padding:2.4rem 1.2rem;}

    .con-bottom.flex .end{margin:1.2rem 0 0 0;}
    
    .con-title{font-size:2rem; margin:2.4rem 0 1.6rem;}

    /* board */
    .data-list-top{flex-wrap:wrap;}
    .data-list-top .list-search{width:100%; margin:1.2rem 0 0 0;}

    .data-list.m-data-list table{display:block;}
	.data-list.m-data-list colgroup{display:none;}
	.data-list.m-data-list thead{display:none;}
	.data-list.m-data-list tbody,
	.data-list.m-data-list tr,
	.data-list.m-data-list th,
	.data-list.m-data-list td{display:block; height:auto; padding:0; border:none;}
	.data-list.m-data-list tr{display:flex; flex-wrap:wrap; padding:2.4rem 0; border-bottom:0.1rem solid var(--line-gray); }
	.data-list.m-data-list .no{display:none;}
	.data-list.m-data-list .title{width:100%; font-weight:700; margin-bottom:1.2rem; font-size:1.7rem;}
	.data-list.m-data-list .title a{white-space:normal;}
	.data-list.m-data-list .title ~ td{position:relative; margin-right:1.6rem;}
	.data-list.m-data-list .hit:before{display:inline-block; content:''; content:'조회수'; margin-right:0.4rem;}
    .data-list.m-data-list .data-none{text-align:center; width:100%; display:flex; align-items: center; justify-content: center; height:10rem; padding:1.6rem;}

    .data-list.m-data-list td[data-label]:before{content:attr(data-label); margin-right:0.4rem; color:var(--color-gray2); font-size:1.4rem;}

    .m-data-list.in-labels tbody td{position:relative;}
    .m-data-list.in-labels tbody td{width:100%; padding-left:10rem; margin:0.4rem 0; min-height:2.5rem; box-sizing:border-box; text-align:left;}
    .m-data-list.in-labels .td-label{display:block; position:absolute; left:0; top:0; font-size:1.4rem; font-weight:normal;}
    .m-data-list.in-labels .title{margin:0.4rem 0;}
    .m-data-list.in-labels .title .td-label{padding:0.2rem 0 0 0;}
    .m-data-list.in-labels .hit:before{display:none;}

    .paging a{margin:0 0.1rem;}
    .paging a.num{min-width:2.4rem; margin:0 0.1rem;}

    .data-view .view-info{display:block;}
	.data-view .view-info colgroup{display:none;}
	.data-view .view-info thead{display:none;}
	.data-view .view-info tbody,
	.data-view .view-info tr,
	.data-view .view-info th,
	.data-view .view-info td{display:block; height:auto; padding:0;}
	.data-view .view-info tr{display:flex; flex-wrap:wrap;}
    .data-view .view-info th{padding:0.8rem 1.2rem 0.8rem 1.6rem; text-align:left; width:8rem; font-size:1.4rem;}
	.data-view .view-info td{padding:0.8rem 1.6rem; width:calc(100% - 8rem);}
    .data-view .view-contents{padding:3rem 1.6rem;}

    .prev-next-list{border-top:0.1rem solid var(--line-gray); display:flex; flex-wrap:wrap;}
    .prev-next-list dt{width:8rem; padding:1.6rem; text-align:left; font-size:1.4rem;}
    .prev-next-list dd{width:calc(100% - 8rem); padding:1.6rem 1.6rem 1.6rem 0;}

}

@media all and (max-width:600px) {
	.con-title {flex-direction: column;align-items: flex-start;gap: .3rem;}

    .btn.large{padding:0 1.6rem; height:4rem; font-size:1.5rem;}

    .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.5rem 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.5rem 0 0 0; width:100%;}

    .data-regist table{display:block; padding:2rem 1rem; border-bottom:0.1rem solid var(--line-gray);}
	.data-regist colgroup{display:none;}
	.data-regist thead{display:none;}
	.data-regist tbody,
	.data-regist tr,
	.data-regist th,
	.data-regist td{display:block; height:auto; padding:0; border:none;}
    .data-regist th{margin:1.6rem 0 0.8rem; background:none;}
    .data-regist tr:first-child th:first-child{margin-top:0;}

    .data-regist .regist-contents textarea{height:20rem;}

    .tab-base .tabNav a{overflow-wrap:break-word; padding-top:0.5rem; font-size:1.6rem; line-height: 1.16; }

    .data-list td{font-size:1.5rem;}
    .data-list.m-data-list .title{font-size:1.7rem;}
    .view-attachfile-list .file-item {flex-wrap:wrap;}
    
    .img-wrap.round-box {padding: 1rem;}
	.img-wrap.risk-management {padding-left: 0;}
}