@charset "UTF-8"; 

/* font */
html {font-size:62.5%;}
body,
body * {font-family:-apple-system, BlinkMacSystemFont,"SUIT","Montserrat","Pretendard", "NotoSansKR", sans-serif;font-weight:400;font-size:1.6rem;letter-spacing: -0.05em;color:#555; line-height:1.3; -webkit-font-smoothing: antialiased;word-wrap:break-word;word-break:keep-all;}
strong {font-weight:700;}

	@media screen and (max-width:1200px)
	{
		html {font-size:56.5%;}		
	}
	@media screen and (max-width:640px)
	{
		html {font-size:50%;}		
	}

.f16 {font-size:1.6rem;}
.fw_bold{font-weight:700 !important;}
body::selection {background-color:var(--point-color); color:#fff;}

/* color */
:root {
  --point-color: #72103d;
  --point-color2: #d07ea6;
  --point-color3: #8e3474;
  --point-color4:#823055;
  --black-color: #222;
  --border-gray: #bbbbbb;
  --border-line: #f0f0f0;
  --border-line2: #d2d2d2;
  --bg-gray: #ededed;
  --bg-gray2: #f0f1f5;
}

/* padding */
.pt0{padding-top:0 !important;}
.pb0{padding-bottom:0 !important;}
.pt8{padding-top:8rem;}
.pt10{padding-top:10rem;}
.pb1{padding-bottom:1rem;}
.mt1{margin-top:1rem;}
.mt3{margin-top:3rem;}
.mt5{margin-top:5rem;}
.mt10{margin-top:10rem;}
.mb2{margin-bottom:2rem;}
.mb3{margin-bottom:3rem;}

.posi_r{position:relative;}

/* 스킵네비게이션 */
#skipNavi {height:0;}
#skipNavi .skipLink {position:absolute;top:-1000px;left:-1000px;overflow:hidden;z-index:5000;}
#skipNavi .skipLink:focus, #skipNavi .skipLink:active {top:0;left:0;padding:10px 20px;background:#1e64ba;color:#fff;}


/*--------------------- input ---------------------*/
select,
input[type="text"],
input[type="password"],
input[type="tel"]{font-size:1.8rem; height:4.2rem;border:1px solid var(--border-gray);border-radius:4px;padding:0 1.5rem;}
select {padding-right:calc(3rem + 2px);}
input[type="text"]:disabled,
input[type="text"]:read-only,
input[type="password"]:disabled,
input[type="password"]:read-only {background:var(--bg-gray);}
input[type="date"] {font-size:1.8rem; height:4.2rem;border:1px solid var(--border-gray);border-radius:4px;padding:0 1.5rem;}
textarea {border-radius:4px;border:1px solid var(--border-gray);}

input[type="radio"]{-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 2rem;height: 2rem;border: 1px solid #555;border-radius: 50%;cursor: pointer;}
input[type='radio']:checked{background-color: var(--point-color);border: 4px solid #fff;box-shadow: 0 0 0 0.1rem var(--point-color);}
input[type="checkbox"]{-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 2rem;height: 2rem;border: 1px solid #555;cursor: pointer;}
input[type='checkbox']:checked{background-color: var(--point-color);border: 4px solid #fff;box-shadow: 0 0 0 0.1rem var(--point-color);}

/*--------------------- btn ---------------------*/
.btn {border:none;cursor:pointer;line-height:normal;text-align:center;transition:all 0.3s;border-radius:3px;max-width:100%;display: inline-flex;align-items: center;justify-content: center;}
.btn span {display:inline-block;max-width:100%;position:relative;transition:color .3s;line-height:140%;}
.btn.noclick {cursor:default;}
.writebtn{ color: #fff;   background: var(--point-color);}
.applybtn{ color: #fff;   background: var(--point-color);}
.delbtn{ color: #fff;   background:#646464;}
.listbtn{color: #fff;   background:#646464;}
.modifybtn{ color: #fff;   background: var(--point-color);}
.delbtn2{color: #fff; background: var(--point-color2);}

/*--------------------- board ---------------------*/
.board_wrap{}
.board_wrap .board_head{ width: 100%; display: flex; align-items: center; justify-content: space-between;  gap: 3rem; margin-bottom: 3rem;}
.board_wrap .searchBox{ display: flex;  align-items: center;  gap: 1rem;}
.board_wrap .searchBox .select{background: url(../img/default/icon_select_dropdown.png) no-repeat right 1rem center / 2rem;border: 0;width: 10rem;}
.board_wrap .searchBox .input{border:0;}
.board_wrap .searchBox .schBtn{width:2rem; height:2rem; display:flex; align-items:center; justify-content:center; background:url(../img/content/icon_search.png) no-repeat center center / 2rem; }
.board_wrap .searchBox.only{margin-left:auto; margin-top:3rem;}
.board_body{ width: 100%;  border-top: 3px solid #000;}
.board_body .boardList{width:100%;display:flex;flex-wrap: wrap;gap: 4rem 2rem;padding: 5rem 1rem;}
.board_body .boardList li{width: calc(100% / 4 - 1.5rem);}
.board_body .boardList li a{position: relative;  width: 100%;  height: 100%;  border-radius:2rem; display: block; overflow:hidden; transition:all .3s;}
.board_body .boardList .thumbnail{ position: relative; width: 100%;  padding-bottom: 113%;  border-radius: 2rem;  overflow: hidden;}
.board_body .boardList .thumbnail img{ display: block; position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  width: 100%;  height: 100%;   object-fit: cover;  transition: all 0.2s ease;}
.board_body .boardList .desc{position: absolute;left: 0;bottom: -100%;background: rgba(0, 0, 0, 0.5);width: 100%;height: 100%;border-radius: 2rem;display: flex;flex-direction: column;justify-content: center;align-items: center;transition:all .3s;padding: 4rem 2rem;}
.board_body .boardList .desc > div{color:#fff;}
.board_body .boardList .desc .category{font-size:1.8rem;font-weight:500;margin-top: 5rem;}
.board_body .boardList .desc .title{font-size:2.4rem; font-weight:600; text-align:center; margin:2rem 0 1.5rem;}
.board_body .boardList .desc .date{font-size:1.6rem;font-weight:500;margin-top: auto;}

.board_body .boardTblList{width:100%;word-break:break-all; line-height:1.3; }
.board_body .boardTblList th,
.board_body .boardTblList td{padding:2.5rem 2rem; border-bottom:1px solid var(--border-line2);}
.board_body .boardTblList th{font-size:2.2rem; font-weight:800; }
.board_body .boardTblList td{font-size:2rem; font-weight:600; text-align:center; }
.board_body .boardTblList .subjectItem{display: flex;  align-items: center;  gap: 1rem;}
.board_body .boardTblList .lockIcon{width:1.8rem; height:1.8rem; background:url(../img/content/icon_lock.png) no-repeat center center / 1.8rem;}
.board_body .boardTblList .subject{width:calc(100% - 2.8rem);  max-width: 75rem;  overflow: hidden; text-overflow: ellipsis;  white-space: nowrap; font-size:2rem; font-weight:600; line-height:1.3;}
.board_body .boardTblList .ta_l{text-align:left;}
.board_write{width: 100%;  max-width: 110rem;  margin: 6rem auto;}
.tb_scrollTxt{display:none;}

.board_view .viewhead{width: 100%;display: flex;align-items: center;border-bottom: 1px solid var(--border-line2);padding: 3.5rem 2.5rem;justify-content: center;gap: 5rem;}
.board_view .viewhead .title{font-size: 2.6rem;font-weight: 800;width: calc(100% - 29rem);text-align: center;padding-left: 24rem;}
.board_view .viewhead .title_desc{margin-left: auto;display: flex;align-items: center;gap: 4rem;width: 24rem;}
.board_view .viewhead .title_desc .author{display: flex; align-items: center;  gap: 2rem;}
.board_view .viewhead .title_desc .author span:first-child{ font-size: 2rem; font-weight: 700;}
.board_view .viewhead .title_desc .author span:last-child{ font-size: 1.8rem; font-weight: 500;}
.board_view .viewhead .title_desc .date{ font-size: 1.8rem; color: #c1c1c1;}
.board_view .viewmain .txtcont{ min-height: 20rem; padding: 3.5rem 2.5rem; text-align: center; font-size: 2.4rem;  line-height: 1.5;}
.board_view .viewmain .txtcont *{text-align: center;  line-height: 1.5;}
.board_view .viewmain .txtcont img{padding:1rem 0; max-width:100%;}
.board_view .viewmain .txtcont b,
.board_view .viewmain .txtcont strong { font-weight: 800;}
.board_view .viewmain .answerbox{min-height:20rem; background: #f3f3f3;  padding: 2.5rem 3rem;  display: flex;  gap: 6rem;}
.board_view .viewmain .answerbox .tit{font-size: 2rem;font-weight: 700;width: 3.5rem;}
.board_view .viewmain .answerbox .txts{font-size: 2rem;width: calc(100% - 9.5rem);}
.board_view .viewfooter{border: 1px solid var(--border-line2);  border-left: 0;  border-right: 0;}
.board_view .viewfooter li{ display: flex;  align-items: center;  padding: 2rem 0; gap: 1rem;}
.board_view .viewfooter li + li{border-top: 1px solid var(--border-line2);}
.board_view .viewfooter .tit_txt{ font-size: 1.8rem; font-weight: 700; text-align: center; width: 10rem;}
.board_view .viewfooter a{ display: block; width: calc(100% - 11rem);}
.board_view.ty01 .viewhead .title{width: calc(100% - 14rem);padding-left: 9rem;}
.board_view.ty01 .viewhead .title_desc{width: 9rem;}
.board_view.slideType .viewhead .title{ width: 100%;  padding: 0; display: flex; align-items: center; gap: 1rem;  justify-content: center;}
.board_view.slideType .viewhead .title .label{font-size: 1.4rem; font-weight: 600;  border-radius: 3rem;  padding: 0.5rem 1rem;}
.board_view.slideType .viewhead .title .label.c01{background:#fdafca;}
.board_view.slideType .viewhead .title .label.c02{background:#99e7f8;}
.board_view.slideType .viewhead .title .label.c03{background:#85d7d5;}
.board_view.slideType .viewhead .title .label.c04{background:#d6a4e1;}
.board_view.slideType .viewhead .title .label.c05{background:#e1a4d5;}
.board_view.slideType .viewhead .title .label.c06{background:#f8d299;}
.board_view.slideType .viewhead .title_desc{display:none;}
.board_view .viewmain .sldcont{padding:5rem;}
.board_view .viewmain .cm_view_sld{width: 100%;max-width: 82rem;text-align: center;}
.board_view .viewmain .cm_view_sld .swiper-slide{padding: 0 7rem;} 
.board_view .viewmain .cm_view_sld .swiper-slide .sldimgbox{ }
.board_view .viewmain .cm_view_sld .swiper-slide .sldimgbox img{ width: 100%; height: 100%;}
.board_view .viewmain .cm_view_sldTumb{width:100%; height:16vw;  margin-top: 8rem;}
.board_view .viewmain .cm_view_sldTumb .swiper-slide{border-radius: 2rem;  overflow: hidden;}
.board_view .viewmain .cm_view_sldTumb .swiper-slide-thumb-active{border:5px solid var(--point-color);}
.board_view .viewmain .cm_view_sldTumb .swiper-slide .sldimgbox{ position: relative;  height: 100%;}
.board_view .viewmain .cm_view_sldTumb .swiper-slide img{    position: absolute; width: 100%; height: 100%;  object-fit: cover;}
.board_view .viewmain  .cm_controler{position:relative; bottom:35.5rem;}
.board_view .viewmain  button{position: absolute;top: 50%; width: 4.6rem;height: 4.6rem;border-radius: 50%;background: url(../img/default/icon_arrow_btn.png) no-repeat center center / 2.5rem #fff;z-index: 2;box-shadow: 0 0px 7px 2px rgba(0 0 0 / 0.2);}
.board_view .viewmain  .slideArrow_next{right:0.5rem; transform: rotate(180deg);}
.board_view .viewmain  .slideArrow_prev{left:0.5rem;}

	@media screen and (min-width:1200px){
		.board_body .boardList a:hover{border: 5px solid var(--point-color);}
		.board_body .boardList a:hover .thumbnail{border-radius:1rem;}
		.board_body .boardList a:hover .desc{bottom:0; border-radius:1rem;}
		
	}
	
	@media screen and (max-width:1200px){
		.board_wrap .board_head{ flex-direction: column-reverse;}
		.board_wrap .searchBox .input{border: 1px solid #e8e8e8; border-radius: 2rem;}
		.board_wrap .searchBox .schBtn{position:relative; width:4rem; height:4rem; border-radius:50%; background:var(--point-color) url(../img/content/icon_search_w.png) no-repeat center center / 2rem;}
		.board_body .boardList li{width: calc(100% / 3 - 1.35rem);}		
		.board_body .boardList li a{box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.2); }
		.board_body .boardList .thumbnail{border-radius: 2rem 2rem 0 0;}
		.board_body .boardList .desc{ position: static;  padding:2.5rem 2rem;  border-radius: 0 0 2rem 2rem;  background: #fff;  flex-direction: row;  height: auto;  justify-content: space-between;}
		.board_body .boardList .desc > div{color:#555;}
		.board_body .boardList .desc .category{margin-top:0;}
		.board_body .boardList .desc .title{display:none;}
		.board_body .boardList .desc .date{font-size:1.8rem;}
	}

	@media screen and (max-width:1024px)	{
		.board_view .viewhead{flex-direction: column; gap: 2rem;  padding: 2.5rem;}
		.board_view.ty01 .viewhead .title{ width: 100%; padding: 0; font-size: 2.5rem;}
		.board_view.slideType .viewhead{flex-direction: initial; justify-content: space-between;}
		.board_view.slideType .viewhead .title{ justify-content: center;  padding-left: 0; text-align: center;}
		.board_view .viewmain .sldcont{padding:5rem 0;}
		.board_view .viewmain .cm_view_sldTumb{ height: 24vw; padding: 0 2rem; margin-top:6rem;}
		.board_body.online .board_view .viewhead{padding:0; gap:0;}
		.board_body.online .board_view .viewhead .title{width: 100%; padding:2rem;}
		.board_body.online .board_view .viewhead .title_desc{width: 100%; padding: 2rem;  justify-content: space-between; border-top:1px solid var(--border-line2);}
	
	}

	@media screen and (max-width:980px)	{
		.board_body .boardList li{width: calc(100% / 2 - 1rem);}			
	}
	
	@media screen and (max-width:768px){
		
		.board_wrap .searchBox.only{margin: 3rem auto 0;}		
		.tb_scroll{overflow-x:auto;}
		.tb_scrollTxt{display:block; width: 100%; background: var(--border-line); padding: 1.5rem; text-align: center; font-size: 1.8rem; font-weight: 500;}
	}

	@media screen and (max-width:640px)	{
		
		.board_view .viewmain .txtcont *{ font-size: 2.2rem;}
		.board_view .viewhead .title{font-size:2.4rem;}
		.board_view .viewmain .cm_view_sld .swiper-slide{padding:0;}
		.board_view .viewmain .cm_view_sldTumb{ height: 20vw; padding: 0 1.5rem;}		
		.board_view .viewmain .answerbox{flex-wrap:wrap; gap:2rem;}
		.board_view .viewmain .answerbox .tit{width:100%;}
		.board_view .viewmain .answerbox .txts{width:100%;}
		.board_view .viewmain button{position: static; margin:1.5rem 0 1rem;}
		.board_view .viewmain .slideArrow_prev{margin-right:1rem;}
		.board_view .viewmain .slideArrow_next{margin-left:1rem;}
		.board_body.online{overflow: auto;}
		.board_view.slideType .viewhead .title_desc{display:none;}
		.board_view.slideType .viewhead .title{flex-direction: column;}

		
	}

	@media screen and (max-width:390px)	{
		.board_view .viewmain .cm_view_sldTumb{ height: 19vw; padding:0 1rem;}	
	}


.ip_item{display:flex;align-items: baseline; gap:4.5rem;}
.ip_item + .ip_item{margin-top:2rem;}
.ip_item .title{font-size:2.4rem; font-weight:500; width:13rem; line-height:1.3;}
.ip_item .title .t_tit{font-size:2.6rem; font-weight:500;line-height:1.3;}
.ip_item .title .b_tit{font-size:2.2rem; font-weight:300; line-height:1.3;}
.ip_item .cont_item{width:calc(100% - 17.5rem);}
.ip_item .select{background: url(../img/default/icon_select_dropdown.png) no-repeat right 3rem center / 2rem; border-radius: 1.5rem;  width: 20rem; height: 6rem;  font-size: 2rem; font-weight: 300; padding: 0 3rem;}
.ip_item .input{border-radius: 1.5rem; width:100%; height: 6rem;  font-size: 2rem; font-weight: 300; padding: 0 3rem;}
.ip_item .input:focus{border-color:#c79fb1;}
.ip_item .phone{ display: flex;  align-items: center;  gap: 1rem;}
.ip_item .phone .input{width:16rem;}
.ip_item .email{ display: flex;  align-items: center;  gap: 1rem;}
.ip_item .email .input{}
.ip_item .login .input{width:35rem;}
.ip_item .login .chktxt{margin-left: 2rem; font-size: 2.2rem;  font-weight: 300;  color: var(--point-color);}
.ip_item .textarea{ width: 100%;  border-radius: 1.5rem;  height: 17rem; resize: none;  padding: 2rem;  font-size: 2rem; font-weight:300;}
.ip_item .textarea:focus{border-color:#c79fb1;}
.ip_item .stxt{ font-size: 2rem;  line-height: 1.3;  margin-top: 1rem;  font-weight: 300;}
.ip_item .agreeTxtbox{width: 100%;  height: 20rem;  overflow-y: scroll; border: 1px solid var(--border-gray);  border-radius: 1rem; padding: 2rem 3rem;}
.ip_item .agreeTxt > p{font-size:1.7rem; line-height:1.3;}
.ip_item .checkBox{margin:2rem 1rem 0.5rem;} 
.ip_item .ss_txt{color:var(--point-color); font-weight:300; font-size: 1.7rem;  line-height: 1.3;  padding-left: 4.5rem;}
.ip_item.f_start{align-items:flex-start;}
.radioBox{display:flex; align-items:center; gap:4rem;}
.radio_label{display:flex; align-items:center;  gap: 1rem;}
.radio_text{font-size:2.2rem;  line-height:1.3; cursor:pointer;}
.checkBox{display:flex; align-items:center; gap:4rem; }
.check_label{display:flex; align-items:center;  gap: 1rem;}
.check_text{font-size:2.2rem; line-height:1.3; cursor:pointer;}
.addip{ gap: 2rem;}
.addip .input{width:20rem;}
.ip_item .input.ip_w48{width:48rem ;}
.custom_select{position:relative;}
.custom_select .select_box{display: flex;align-items: center;background: url(../img/default/icon_select_dropdown.png) no-repeat right 3rem center / 2rem;border-radius: 1.5rem;border: 1px solid var(--border-gray);width: 20rem;height: 6rem;font-size: 2rem;font-weight: 300;padding: 0 3rem;cursor: context-menu;}
.custom_select .select_box:focus{border-color:#c79fb1;}
.custom_select .options{display:none; position: absolute; width: 100%;  max-width: 20rem; border-radius: 1.5rem; top: 6.1rem; left: 0; border: 1px solid var(--border-gray);  background: #fff; z-index: 1;}
.custom_select .options .option{font-size: 2rem;padding: 0.8rem 3rem;cursor: context-menu;}
.custom_select .options .option:hover{color:#fff; background:var(--point-color);}
.custom_select .options .option:first-child:hover{border-radius:1.5rem 1.5rem 0 0; }	
.custom_select .options .option:last-child:hover{border-radius:0 0 1.5rem 1.5rem; }	
.captchabox{margin-bottom:0.5rem;}
.captchabox img{width:18rem; height:6rem;}
.captchabox .btn{height: 6rem; margin-left: 0.5rem; background:url(../img/default/icon_refresh.svg) no-repeat center center; border: 1px solid var(--point-color); width: 6rem;}


	@media screen and (max-width:980px){
		.ip_item .title{font-size:2.2rem;}
		.ip_item .input{padding:0 2rem;}
		.ip_item .select{ padding:0 2rem;}
		.radio_text, .check_text{font-size:2rem;}
		.ip_item .agreeTxtbox{padding:2rem;}
		.ip_item .phone .input{font-size:1.4rem; width:14rem;}
	}
	@media screen and (max-width:640px){
		.ip_item{flex-direction: column; gap: 1rem;}
		.ip_item + .ip_item{margin-top:3rem;}
		.ip_item .title{width:100%;}
		.ip_item .cont_item{width:100%;}
		.ip_item .phone .input{width:100%;}
		.ip_item .stxt{font-size:1.8rem;}
		.ip_item .input.ip_w48{width:100%;}
	}

.btn_wrap{width: 100%; margin: 2rem 0;  display: flex;  align-items: center;  justify-content: space-between;}
.btn_wrap .left{}
.btn_wrap .right{margin-left:auto;}
.btn_wrap .btn{ font-size: 2.6rem;  border-radius: 1.5rem;  padding: 1.2rem; width: 16rem;}
.btn_wrap.center{justify-content:center; gap:1rem;}
.btn_wrap.center .btn{ width: 40rem;  padding: 2rem 1.2rem;}

	@media screen and (min-width:1200px){
		.btn_wrap .btn:hover{ margin-top: -0.3rem;}
	}
	@media screen and (max-width:640px){
		.btn_wrap .btn{font-size:2rem; padding: 1.8rem 1.2rem;}
		.btn_wrap.center .btn{padding: 1.8rem 1.2rem;}
	}

/* paging */
.board-paging {margin-top:6rem;}
.board-paging ul {display:flex;gap:1rem 0.4rem;justify-content:center;flex-wrap:wrap;}
.board-paging a {display:block;width:4.2rem;height:4.2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:500;}
.board-paging .act-btn a:before {content:"";display:block;}
.board-paging .act-btn.prev a:before,
.board-paging .act-btn.next a:before {width: 2rem;height: 2rem;background: url(../img/default/icon_arrow_btn.png) no-repeat center center / 2rem; filter: grayscale(1);}
.board-paging .act-btn.next{transform:rotate(180deg);}
.board-paging .num .over a {background:var(--point-color);color:#fff;}

/*--------------------- tab ---------------------*/
.common-tab .tab-nav {}
.common-tab .tab-nav ul {display:flex;flex-wrap:wrap;gap: 1rem;}
.common-tab .tab-nav ul li {padding: 1.5rem;}
.common-tab .tab-nav ul li a {position:relative; font-size: 2.4rem; font-weight: 600;color: #c1c1c1;display: block;width: 100%;height: 100%;}
.common-tab .tab-nav ul li.active a{color:#444; font-weight:800; padding-left:3.5rem; }
.common-tab .tab-nav ul li.active a:before{content:''; display:block; background:url(../img/content/icon_bullet.png) no-repeat center center / 3rem; width:3rem; height:2rem; position:absolute; top:0; left:0; }
.tab-container .tab-content{display:none;}
.tab-container .tab-content.active{display:block;}
.style-tab .tab-nav {}
.style-tab .tab-nav ul {display:flex;flex-wrap:wrap;gap: 1rem;}
.style-tab .tab-nav ul li {padding: 1.5rem;}
.style-tab .tab-nav ul li a {position:relative; font-size: 2.4rem; font-weight: 600;color: #c1c1c1;display: block;width: 100%;height: 100%;}
.style-tab .tab-nav ul li.active a{color:#444; font-weight:800; padding-left:3.5rem; }
.style-tab .tab-nav ul li.active a:before{content:''; display:block; background:url(../img/content/icon_bullet.png) no-repeat center center / 3rem; width:3rem; height:2rem; position:absolute; top:0; left:0; }


	@media screen and (max-width:1200px){
		.common-tab .tab-nav {width:100%;}
		.style-tab .tab-nav {width:100%;}
	}
	@media screen and (max-width:768px){
		.common-tab .tab-nav{width:100%;  overflow-y: auto}
		.common-tab .tab-nav ul{width:78rem;}
		.style-tab .tab-nav{width:100%;  overflow-y: auto}
		.style-tab .tab-nav ul{width:78rem;}
	}

/*--------------------- table ---------------------*/
.tbl-01 {width:100%;border-top:2px solid #222; border-bottom:2px solid #222;}
.tbl-01 th, 
.tbl-01 td {padding:4rem 3rem;border-bottom:1px solid #ddd;border-left:1px solid #ddd;line-height:130%;word-break:break-all;}
.tbl-01 th {font-size:2rem; font-weight:700; background:#f9f9f9;}
.tbl-01 td {font-size:2rem;}
tr.bg-gray th {background:#eee;}
.tbl-01 td ul li{font-size:2rem;}
.tbl-01 td ul li + li{margin-top:1rem;}
.tbl-01 .tb_t{font-size:2.8rem; font-weight:800;}
.tbl-01 .tb_st{font-size:2.4rem; font-weight:800;}
.tbl-01 .l_nline{border-left:0;}
.tbl-01 .ta_l{text-align:left;}

	@media screen and (max-width:640px){
		.tbl-01 th, .tbl-01 td {padding: 3rem 2rem;}		
	}
	@media screen and (max-width:480px){
		.tbl-01 th, .tbl-01 td {padding: 2rem; display: block; border-right: 1px solid #ddd;}		
		.tbl-01 colgroup{display:none;}
	}

/* 첨부파일 */
.input-file + .input-file {margin-top:0.5rem;}
.input-file {width:68rem;max-width:100%;position:relative;display: flex;align-items: center;border:1px solid var(--border-gray);border-radius:3px;padding:2px;}
.input-file-wrap.w100p .input-file {width:100%;}
.input-file .fileNm {flex:1;border:none;padding: 0 1.5rem;height: 3.6rem;vertical-align: middle;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.input-file input[type="file"] {position:absolute;width:0px;height:0px;padding:0;overflow:hidden;border:none;}
.file-label {vertical-align: middle;margin-left:5px;width:4.6rem;height:3.6rem;background:url(../img/default/file_label.svg) no-repeat center center var(--bg-gray);border:1px solid var(--border-gray);border-radius:3px;cursor:pointer;}
.input-file input[type="file"]:disabled ~ .file-label {background:#f6f8fb;cursor:default;border-color:#f6f8fb;}
.input-file input[type="file"]:disabled ~ .file-label span {color:#a8aaab;}
.input-file .icoBtn {margin-left:15px;}

.input-file-btn {display:flex;gap:0 0.4rem;}
.input-file-btn button {background:var(--black-color);border-radius:3px;}
.input-file-btn button .ico {display:block;width:2rem;height:2rem;position:relative;}
.input-file-btn button .ico:before,
.input-file-btn button .ico:after {content:"";display:block;width:8px;height:2px;background:#fff;position:absolute;top:50%;left:50%;margin:-1px 0 0 -4px;}
.input-file-addbtn .ico:after {transform:rotate(90deg);}
.input-file-delbtn .ico:after {display:none;}

/* 인풋 검색 */
.input-searchbox {position:relative;}
.input-searchbox input[type="text"] {padding-right:4rem;}
.input-searchbtn {width:1.4rem;height:1.4rem;background:url(../img/default/input_searchbtn.svg) no-repeat center center /100% 100%;position:absolute;top:50%;right:2rem;margin-top:-7px;}



/*--------------------- info-ex ---------------------*/
.info-ex {text-indent:-25px;padding-left:25px;}
.info-ex:before {content:url(../img/default/info-ex.svg);display:inline-block;margin-right:5px;vertical-align:middle;text-align:center;text-indent:0;}
.info-ex .txt {vertical-align:middle;font-size:1.6rem;line-height:160%;}
.info-ex .txt i {font-style:normal;font-size:1.6rem;}



/*--------------------- 스크롤 박스 ---------------------*/
.rspvn-box {overflow: hidden;}

	@media screen and (max-width: 980px) {
		.rspvn-box .rspvn-tb {width:1024px !important}
		.rspvn-box {overflow-x:scroll;padding-bottom:15px; position:relative; padding-top:60px;}
		.rspvn-box:after{width:100%; ; height:50px; position:absolute; left:0px ;  top:0; display:block; content:"";background:#6a7789; z-index:1}
		.rspvn-box:before {width: 212px; background: url('../img/default/mobile-scroll.svg') no-repeat center center; position: absolute; margin-left: 0; left: 50%; top: 3px; transform: translateX(-50%); display: block; height:44px; content: ""; box-sizing: border-box;z-index:2;}
	}



/* 레이어 팝업 */
.open-lp {border:1px solid #ddd;width:200px;height:50px;}

.layerpop-wrap {display:none;position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.7);z-index:999;}
.layerpop-flex {width:calc(100% - 4rem);height:calc(100% - 6rem);margin:3rem auto;display:flex;align-items:center;justify-content:center;}
.layerpop {max-width:100%;max-height:100%;margin:0 auto;position:relative;display:flex;flex-direction:column;}
.layerpop .layerpop-title {flex:0 0 6rem;width:100%;height:6rem;background:blue;padding:5px 6rem 5px 2rem;display:flex;align-items:center;flex-wrap:wrap;}
.layerpop .layerpop-title:focus-visible {outline:auto;}
.layerpop .layerpop-title h2 {color:#fff;font-weight:bold;}
.layerpop .layerpop-content {width:100%;max-height:calc(100% - 6rem);border-radius: 2rem;overflow:auto;background:#fff;}
.layerpop .layerpop-content:focus-visible {outline:auto;}
.layerpop .layerpop-content-inwrap {padding:2rem; width:48rem; min-height:26rem;  display: flex; flex-direction: column;  justify-content: center; gap:3rem;}
.layerpop .layerpop-content img {max-width:100%;}
.layerpop .layerpop-content .conttxt{text-align: center; font-size: 2rem; line-height: 1.3;}
.layerpop .layerpop-content .ip_w input{border-radius: 1.5rem; width: 100%; height: 6rem; font-size: 2rem; font-weight: 300; padding: 0 3rem;}
.layerpop .layerpop-content .btn_other{width: 100%; display: flex;  align-items: center;  justify-content: center;  gap: 1rem;}
.layerpop .layerpop-content .btn_other .btn{margin: inherit;}
.layerpop .layerpop-content .okbtn{font-size: 1.8rem; border-radius: 1.5rem;  padding: 1.2rem;  background: var(--point-color);  color: #fff;  width: 12rem;  margin: 0 auto;}
.layerpop .layerpop-content .cancelbtn{font-size: 1.8rem; border-radius: 1.5rem;  padding: 1.2rem;  background: #646464;  color: #fff;  width: 12rem;  margin: 0 auto;}



	@media screen and (max-width:480px){
		.layerpop .layerpop-content-inwrap{width:100%;}
	}