@charset "UTF-8"; 

/* font */
html {font-size:62.5%; }
body,
body * {font-family:-apple-system, BlinkMacSystemFont,"Pretendard", sans-serif;font-weight:400;font-size:1.6rem;letter-spacing: -0.01em;color:#000; 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:980px)
	{
		html {font-size:53.5%;}		
	}
	@media screen and (max-width:640px)
	{
		html {font-size:50%;}		
	}
	@media screen and (max-width:480px)
	{
		html {font-size:45%;}		
	}

.f16 {font-size:1.6rem;}
.fw_bold{font-weight:700 !important;}
.noScroll { overflow: hidden;}

/* color */
:root {
  --point-color: #0084FF;
  --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;}
.mt10{margin-top:10rem;}
.mb2{margin-bottom:2rem;}
.mb3{margin-bottom:3rem;}


/* 스킵네비게이션 */
#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"] {color:#fff; font-size:1.8rem; padding-bottom:1.2rem; background: none;border:0;border-bottom: 2px solid #fff;width: 100%;}
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="text"]:placeholder,
textarea:placeholder{color:rgba(255,255,255,0.5);}
textarea {width:100%; min-height:15rem; resize:none;border:1px solid rgba(255,255,255,0.5);background: none;padding: 2rem;color: #fff;font-size: 1.8rem;}

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: 1.6rem;height: 1.6rem;border: 1px solid #555;cursor: pointer;}
input[type='checkbox']:checked{background-color: #fff;border: 5px solid #000;box-shadow: 0 0 0 0.1rem #fff;}
input:-webkit-autofill {box-shadow: 0 0 0px 1000px #000 inset !important; -webkit-text-fill-color: #fff !important; color: #fff !important; background-color: #000 !important;}

/*--------------------- 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;}


/*--------------------- board ---------------------*/
.board_wrap{margin:12rem 0;}
.board_wrap .searchbox{ position:relative; display: flex;  align-items: center; justify-content: flex-end; margin-bottom:5rem;}
.board_wrap .searchbox .select{background: url(../img/default/ico_arrow_bottom.svg) no-repeat right 1rem center / 2.4rem; width: 12rem;color: #000; border-bottom: 1px solid #000;  padding: 1.2rem 1rem;}
.board_wrap .searchbox .input{color:#000; max-width:32rem; padding:1.2rem 1rem; border-bottom: 1px solid #000;}
.board_wrap .searchbox .input::placeholder{color:#000;}
.board_wrap .searchbox .schBtn{width: 2.4rem;height: 2.4rem;display:flex;align-items:center;justify-content:center;background: url(../img/default/ico_search.svg) no-repeat center center / 2.4rem;position: absolute;right: 1rem;}
.board_wrap .boardLst{width:100%;display:flex;flex-wrap: wrap;gap: 4rem;}
.board_wrap .boardLst li{width: calc(100% / 2 - 2rem);  border: 1px solid #eaeaea;  padding: 4rem;}
.board_wrap .boardLst li a{display:flex;align-items:center;gap: 4rem;}
.board_wrap .boardLst .img{position: relative;padding-bottom:44%;border-radius: 2rem;background:#ddd;width: 28rem;}
.board_wrap .boardLst .img 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_wrap .boardLst .article{width: calc(100% - 32rem); }
.board_wrap .boardLst .article .tit{min-height:6.3rem; font-size:2.4rem; font-weight:600; margin-bottom:4rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.board_wrap .boardLst .article .txt{min-height:8.1rem; font-size:1.8rem; font-weight:500; line-height:1.5; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.board_wrap .boardLst .article .date{color:#888; margin-top:2rem;}
.board_wrap .boardLst02{border: 1px solid #e2e2e2; border-left: 0;  border-right: 0;}
.board_wrap .boardLst02 li{width:100%; display:flex; align-items:center; justify-content:space-between; gap:2rem; padding:5rem;}
.board_wrap .boardLst02 li + li{border-top:1px solid #e2e2e2;}
.board_wrap .boardLst02 li .tit{font-size:2.4rem; font-weight:600; transition:all .3s;}
.board_wrap .boardLst02 li .link{width:2.8rem; height:2.8rem; filter: invert(1);  background: url(../img/default/ico_arrow_right-top_sm.svg) no-repeat center center / 2.8rem; transition:all .3s;}
	
	@media screen and (min-width:1200px)	{
		.board_wrap .boardLst02 li:hover,
		.board_wrap .boardLst02 li:focus{background: #FAFAFD;}
		.board_wrap .boardLst02 li:hover .tit,
		.board_wrap .boardLst02 li:focus .tit{color:var(--point-color);}
		.board_wrap .boardLst02 li:hover .link,
		.board_wrap .boardLst02 li:focus .link{transform: translateX(1rem); filter:none; background: url(../img/default/ico_arrow_right-top_sm_b.svg) no-repeat center center / 2.8rem;}
	}
	@media screen and (max-width:1200px)	{
		.board_wrap .boardLst{flex-direction: column;}
		.board_wrap .boardLst li{width:100%;}
		.board_wrap .boardLst .img{padding-bottom:20vw; min-height:20rem;}
		.board_wrap .boardLst .article .tit{min-height:100%;}
	}
	@media screen and (max-width:640px)	{
		.board_wrap .boardLst li a{flex-direction: column;}
		.board_wrap .boardLst .article{width:100%;}
	}



.board_wrap .boardView{border-top: 2px solid #000; }
.board_wrap .boardView .viewhead{width: 100%;padding: 5rem 2rem;    border-bottom: 1px solid #eaeaea;}
.board_wrap .boardView .viewhead .title{font-size: 2.6rem;font-weight: 700;text-align: center;}
.board_wrap .boardView .viewhead .title_desc{text-align: center; margin-top: 4rem;}
.board_wrap .boardView .viewhead .title_desc .date{font-size: 1.8rem;color: #888;}
.board_wrap .boardView .viewmain{padding: 5rem 2rem;}
.board_wrap .boardView .viewmain .txtcont{ font-size: 1.8rem; line-height: 1.5;}
.board_wrap .boardView .viewmain img{padding:1rem 0; max-width:100%;}
.board_wrap .btnwrap{margin-top:4rem;}
.board_wrap .btnwrap .listbtn{display: flex; align-items: center;  justify-content: center;  background: #000; color: #fff;  max-width: 18rem;  padding: 1.5rem; margin: 0 auto;}


	@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);}		
	}

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

	}

	@media screen and (max-width:980px)	{
		.board_body .boardList li{width: calc(100% / 2 - 1rem);}			
	}

	@media screen and (max-width:640px)	{
		.board_body .boardList li{width:100%;}
		.board_body .boardList .thumbnail{padding-bottom:52%;}
		.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 2rem;}
		.board_view .viewmain .cm_view_sldTumb{ height: 36vw;}
		.board_body .boardTblList th, .board_body .boardTblList td{padding: 2.5rem 1rem;}
		.board_body .boardTblList .subject{width:17rem; max-width:100%;}
		.board_body.online{overflow: auto;}
	}

	@media screen and (max-width:480px)	{
		.board_body .boardTblList{width:48rem;}
		.tb_scroll{overflow-x:auto;}
	}


.ip_item{display:flex;align-items: baseline; gap:4.5rem;}
.ip_item + .ip_item{margin-top:2rem;}
.ip_item .title{font-size:2.6rem; 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: 19rem; 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 .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 ;}
	
	@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 (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:4rem;height:4rem;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/ico_arrow_right.svg) no-repeat center center / 2rem; filter: grayscale(1);}
.board-paging .act-btn.prev{transform:rotate(180deg);}
.board-paging .num .over a {background:#000;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;}

	@media screen and (max-width:1200px){
		.common-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;}
	}

/*--------------------- 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;}
	}

/* 첨부파일 */
.fileBox {position:relative;}
.fileBox .upload-name {border: none;border-bottom: 2px solid #fff;width: 100%;margin-top: 1rem;padding: 1.2rem 0;background: none;color: rgba(255,255,255,0.5);}
.fileBox .file-btn {width: 10.5rem;height: 4rem;color: #fff;background: #262626;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;display: flex;align-items: center;justify-content: center;cursor: pointer;position: absolute;top: 1rem;right: 0;}
.fileBox .upload-hidden {width: 10.5rem;height: 4rem;display: block;position: absolute;top: 1rem;right: 0;opacity: 0;padding: 0;cursor: pointer;z-index: -1;margin: 0;border: none;}
.fileBox .txt {font-size: 1.4rem;color: rgba(255,255,255,0.5);font-weight: 300;text-align: right;margin: 1rem 0;}

/* 인풋 검색 */
.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 .okbtn{font-size: 1.8rem; border-radius: 1.5rem;  padding: 1.2rem;  background: var(--point-color);  color: #fff;  width: 12rem;  margin: 0 auto;}

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