/* 공통 */
*{ box-sizing: border-box; }
figure{margin: 0;}
select::-ms-expand { display: none; }
select { 
    -webkit-appearance: none; 
    -moz-appearance: none; 
    appearance: none;
	outline: none;
}
input{outline: none; border: 1px solid #000;}
input[type="submit"],input[type="button"], input[type="file"],
input[type="text"], button { appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 0;-webkit-border-radius: 0; -moz-border-radius: 0; }
input[type="checkbox"]{ padding: 0 !important;}


/* paging */
:root{
	/* 페이지버튼 */
	--pagingFontStyle: var(--engFont);
	--pagingNumC : #AAA;
	--pagingArrowC: #666;
	--aSize : 35px;
	--pagingMarTop: 105px;
}

.paging{display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.paging a{ letter-spacing: 0; }
.paging .arr{display:flex;}
/* .paging .arr a.last,
.paging .arr a.first{letter-spacing:-10px;} */
.paging a{display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center; }
.paging ul{display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 15px;}
.paging .arr a:not(:last-child),.paging ul li:not(:last-child){margin-right: 15px;}

/* 커스텀 */
.paging{margin-top: var(--pagingMarTop);}
.paging a{width:var(--aSize); height:var(--aSize); color: var(--pagingNumC); font-family: var(--engFont);  line-height: var(--aSize); font-weight: 400; font-size:16px; border-radius:50%; border:none;}
.paging ul li.on a {
  font-weight: 600;
  color:#fff;
  background: var(--mainColor);
  border-color: var(--mainColor);
}
.paging .arr a{border:none; color: var(--pagingArrowC);}
.paging .arr a:not(.first, .last) i{ transform: translateY(-1px); }
.paging .arr a i::before{ content: url("/img/sub/paging_next.svg"); }
.paging .arr a.first i::before{ content: url("/img/sub/paging_first.svg"); }
.paging .arr a.first + a i::before{ content: url("/img/sub/paging_prev.svg"); }
.paging .arr a.last i::before{ content: url("/img/sub/paging_last.svg"); }
.paging .arr a.first i:first-of-type{ display: none; }
.paging .arr a.last i:last-of-type{ display: none; }

@media screen and (max-width: 1300px){
	:root{
		/* 페이지버튼 */
		--aSize : 30px;
		--pagingMarTop: 80px;
	}

	.paging ul{ margin:0 10px; }
	.paging .arr a:not(:last-child),.paging ul li:not(:last-child){ margin-right: 10px; }
	.paging .arr a:not(.first, .last) i{ transform: translateY(0); }
}

@media screen and (max-width:600px) {
	:root{
		--pagingMarTop: 50px;
	}

	.paging a{font-size: 15px;}
	.paging .arr a i::before{ display: inline-block; transform: scale(0.8); }
	.paging ul{ margin:0; }
	.paging .arr a:not(:last-child), .paging ul li:not(:last-child){margin-right: 0; }
}



/* search_box */ 
:root{
	/* 검색창 */
	--sfontSiez: 20px;
	--sfontColor: #111;
	--sHeight: 80px;
	--sLetter: -0.02em;
	--sPadding: 0 40px;
	--sborderR: 80px;
}

/* 기본 */
.search_box{ max-width: 1300px; display: flex; flex-wrap: wrap; gap: 10px 40px; margin: 0 auto; position: relative; z-index: 10; margin-bottom: 60px; }
.search_box .selectric-box{ width: 425px; }
.search_box .selectric-box .selectric{ background: none; border: none; }
.search_box .input{ width: calc(100% - 465px); position: relative; }
.search_box .selectric-box .selectric .label{ display: flex; align-items: center; background: #fff url("/img/sub/search_arrow.svg") no-repeat center right 40px / auto; border: 2px solid #000; margin: 0; padding-right: 75px !important; }
.search_box .selectric-box .selectric .button{ display: none; }
.search_box .selectric-box .selectric-items{ background: none; border: none; background: #fff; border: 2px solid #000; border-radius: 0 0 40px 40px; overflow: hidden; }
.search_box .selectric-box .selectric-items .selectric-scroll{ background: #fff; }
.search_box .selectric-box .selectric-items li{ border: none; padding: 20px 40px; }
.search_box .selectric-box .selectric-items li.highlighted, .search_box .selectric-box .selectric-items li.selected{ background: var(--mainColor); color: #fff;  }
.search_box .selectric-box .selectric-items li:hover{ background: var(--mainColor); color: #fff; }
.search_box input{width: 100%; border: 2px solid #000; padding-right: 90px !important; outline: none; }
.search_box input::placeholder{color: #ccc;}
.search_box button{ width: 90px; background: none; border: none; position: absolute; top: 0; right: 0; outline: none; cursor: pointer; margin: 0; padding-right: 40px; text-align: right; }

/* 변수(:root) */
.search_box *{ font-size: var(--sfontSiez) !important; font-weight: 600; color: #111; }
.search_box *{letter-spacing: var(--sLetter);}
.search_box .selectric-box .selectric{height: var(--sHeight); font-size: var(--sfontSiez); color: var(--sfontColor);}
.search_box .selectric-box .selectric .label{ height: var(--sHeight); padding: var(--sPadding); border-radius: var(--sborderR); }
.search_box input{height: var(--sHeight); color: var(--sfontColor); padding: var(--sPadding);  border-radius:var(--sborderR);}
.search_box button{height: var(--sHeight); }

/* 셀렉트 열렸을 때 */
.search_box .selectric-box .selectric-open .selectric .label{ border-radius: 40px 40px 0 0; border-bottom: none; }

/* 미디어 */
@media screen and (max-width:1700px) {
	:root{
		--sHeight: 70px;
	}

	.search_box .selectric-box .selectric-open .selectric .label{ border-radius: 30px 30px 0 0; }
	.search_box .selectric-box .selectric-items{ border-radius: 0 0 30px 30px; }
}

@media screen and (max-width:1280px) {
	:root{
		/* 검색창 */
		--sHeight: 60px;
		--sfontSiez: 16px;
		--sPadding: 0 20px;
	}
	.search_box{ gap: 10px 20px; margin-bottom: 40px; }
	.search_box .selectric-box{ width: 300px; }
	.search_box .selectric-box .selectric .label{ background-position: center right 20px; padding-right: 55px !important; }
	.search_box .selectric-box .selectric-items li{ padding: 10px 20px; }

	.search_box .input{ width: calc(100% - 320px); position: relative; }
	.search_box input{ padding-right: 60px !important; }
	.search_box button{ width: 60px; padding-right: 20px; }
}

@media screen and (max-width: 650px) {
	.search_box .selectric-box{ width: 100%; }
	.search_box .input{ width: 100%; }
}


/* .board_box */
:root{
	/* 게시판-기본(공통) */
	--marginTop:60px;
	--tableLine: #EEE;
	--noticeBg: #FFF7F8;
	--thBg: #f9f9f9;
	--thPadding: 40px 0;
	--thFontSize: 18px;
	--thFontC: #111;
	--tdFontSize: 16px;
	--tdFontC: #888;
	--tdLinkC: #222;
	--tdLinkPadding: 40px 30px;
	/* 게시판-채용 */
	--defaultIngBg: #999;
}

/* 기본 */
.board_box{border-top: 1px solid #000;}
.board_box colgroup col{ width: 100%; }
.board_box colgroup col.small{ width: 150px; }
.board_box colgroup col.medium{ width: 200px; }
.board_box table tr{position: relative;}
.board_box table th{position: relative;}
.board_box table td{text-align: center; }
.board_box table td h6{width: 100%; display: inline-block; vertical-align: top; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; font-weight: 400; color: #111;}

/* 변수(:root) */
.board_box table th{ padding: var(--thPadding); font-size: var(--thFontSize); color: var(--thFontC); border-bottom: 1px solid var(--tableLine);}
.board_box table th::after{background: var(--tableLine);}
.board_box table td{  padding: var(--tdLinkPadding); font-family: var(--engFont); font-size: var(--tdFontSize); color: var(--tdFontC); border-bottom: 1px solid var(--tableLine);}
.board_box table td h6{ font-family: var(--baseFont); font-size: var(--thFontSize); }
.board_box table td a{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 20; }
.board_box table td span{ display: inline-block; color: #333; }
.board_box .notice td h6{ font-weight: 600; }
.board_box .notice td span{  background: var(--mainColor); border-radius: 35px; font-size: 1.5rem; font-weight: 600; color: #fff; line-height: 1; padding: 10px 20px; }

@media screen and (max-width: 1700px){
	:root{
		--thPadding: 30px 0;
		--tdLinkPadding: 30px;
	}
}

@media screen and (max-width: 1280px){
	:root{
		--thPadding: 20px 0;
		--tdLinkPadding: 20px;
		--thFontSize: 17px;
	}

	.board_box colgroup col.small{ width: 120px; }
	.board_box colgroup col.medium{ width: 150px; }
}

@media screen and (max-width: 950px){
	:root{
		--tdLinkPadding: 15px 10px;
	}
	
	.board_box.basic colgroup, .board_box.basic thead{ display: none; }
	.board_box.basic tr{ display: flex; flex-wrap: wrap; border-bottom: 1px solid var(--tableLine); }
	.board_box.basic td{ border-bottom: none; }
	.board_box.basic tr td:nth-of-type(1){ display: none; }
	.board_box.basic tr td:nth-of-type(2){ width: 100%; }
	.board_box.basic tr td:nth-of-type(3), .board_box.basic tr td:nth-of-type(4){ padding-top: 0; }
	.board_box.basic tr td:nth-of-type(3)::before, .board_box.basic tr td:nth-of-type(4)::before{ content: attr(data-txt); font-weight: 500; }
	.board_box .notice td span{ padding: 7px 10px; }

	.board_box.basic .notice td:nth-of-type(1){ display: block; position: absolute; top: 15px; left: 10px; padding: 0; }
	.board_box.basic .notice td:nth-of-type(2){ padding-top: 18px; padding-left: 90px; }

	/* 공시정보 */
	.board_box.gongsi tr td:nth-of-type(1){ order: 3; display: block; padding-top: 0; padding-left: 0; }
	.board_box.gongsi tr td:nth-of-type(1)::before{ content: attr(data-txt); font-weight: 500; line-height: inherit; }
}




/* 이미지 게시판 (세로) */
.img_borad_list{display: flex; flex-wrap:wrap; gap: 80px 40px;}
.img_borad_list .item{ width: calc((100% - 120px) / 4); position: relative; cursor: pointer;}
.img_borad_list .item a{position: absolute;top: 0; left: 0; right: 0;bottom: 0;}
.img_borad_list .item figure{ width: 100%; position: relative; overflow: hidden; border-radius: 20px; padding-bottom: 68.5%;}
.img_borad_list .item figure img{ width: 100%; min-height: 100%; object-fit: cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: transform 0.5s;}
.img_borad_list .item .txt{padding-top: 25px;}
.img_borad_list .item .txt span{display: inline-block; line-height: 30px; border: 1px solid var(--mainColor); color: var(--mainColor); border-radius: 15px; font-weight: 600; font-size: 1.4rem; text-align: center; margin-bottom: 15px; padding: 0 14px;}
.img_borad_list .item .txt h2{font-weight: 600; font-size: 2rem; color: #222; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.img_borad_list .item .txt p{font-size: 1.7rem; line-height: 1.58824em; margin-top: 10px; white-space: normal; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; /*높이값 라인하이트 x 2*/ height: 3.17648em}
.img_borad_list .item .txt ul{display:flex; justify-content: space-between; margin-top: 10px; }
.img_borad_list .item .txt ul li{ font-family: var(--engFont); font-size: 1.6rem; color: #888; }

@media screen and (hover: hover){
	.img_borad_list .item:hover figure img{ transform: translate(-50%,-50%) scale(1.1); }
}

@media screen and (max-width: 1600px){
	.img_borad_list .item .txt h2{ font-size: 1.9rem; }
}

@media screen and (max-width: 1280px){
	.img_borad_list{ gap: 50px 20px; }
	.img_borad_list .item{ width: calc((100% - 60px) / 4); }
	.img_borad_list .item .txt{padding-top: 15px;}
	.img_borad_list .item .txt h2{ font-size: 1.8rem; }
	.img_borad_list .item .txt ul{ padding-top: 10px; margin-top: 10px; }
	.img_borad_list .item .txt ul li{ font-size: 1.5rem; }
}

@media screen and (max-width: 1200px){
	.img_borad_list .item{ width: calc((100% - 40px) / 3); }
}

@media screen and (max-width: 900px){
	.img_borad_list .item{ width: calc((100% - 20px) / 2); }
	.img_borad_list .item .txt h2{ font-size: 1.7rem; }
}



/* 인증서 리스트 */
.certify-list ul{ display: flex; flex-wrap: wrap; gap: 100px 30px; }
.certify-list ul li{ width: calc((100% - 120px) / 5); }
.certify-list ul li figure{ width: 100%; overflow: hidden; padding-bottom: 129.7%; position: relative; border: 1px solid #EEE; border-radius: 20px; margin-bottom: -4px; }
.certify-list ul li figure::after{ content: ""; width: 100%; height: 100%; border: 2px solid var(--mainColor); border-radius: inherit; position: absolute; top: 0; left: 0; box-sizing: border-box; opacity: 0; transition: opacity 0.5s; }
.certify-list ul li figure img{ max-width: calc(100% - 30px); max-height: calc(100% - 30px); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.certify-list ul li p{ font-size: 1.8rem; font-weight: 500; color: #333; margin-top: 20px; text-align: center; word-break: break-all; }

@media screen and (hover: hover){
	.certify-list ul li:hover figure::after{ opacity: 1; }
}

@media screen and (max-width: 1700px){
	.certify-list ul li p{ font-size: 1.7rem; }
}

@media screen and (max-width: 1400px){
	.certify-list ul{ gap: 70px 30px; }
	.certify-list ul li{ width: calc((100% - 90px) / 4); }
}

@media screen and (max-width: 1280px){
	.certify-list ul li p{ font-size: 1.7rem; }
}

@media screen and (max-width: 1100px){
	.certify-list ul{ gap: 50px 30px; }
	.certify-list ul li{ width: calc((100% - 60px) / 3); }
}

@media screen and (max-width: 700px){
	.certify-list ul{ gap: 50px 20px; }
	.certify-list ul li{ width: calc((100% - 20px) / 2); }
	.certify-list ul li figure img{ max-width: calc(100% - 20px); max-height: calc(100% - 20px); }
}



/* 상세 페이지 */
:root{
	--titCommonMargin: 20px;
	--pagesBg: #F8F8F8;
	--dtWidth: 120px;
	--dtColor: #333;
	--ddWidth: calc(100% - var(--dtWidth));
	--ddColor: #666;
	--lightLineC: #EEE;
	--dtPage: 145px;
	--ddPage: calc(100% - var(--dtPage));
}

/* 기본 */
#view.sub-content::before{ display: none; }
.view_ctn{border-top: 1px solid #000;}
.view_ctn .tit{padding: 60px 100px;}
.view_ctn .tit .tag{display: inline-block; padding: 0 23px; line-height: 35px; border-radius:20px; font-weight: 500; font-size: 1.5rem; color: #fff; min-width: 85px}
.view_ctn .tit h2{font-weight: 600; font-size: 3.2rem; color: #222;}
.view_ctn .tit ul{display:flex;}
.view_ctn .tit ul li{ font-family: var(--engFont); font-size: 1.8rem; font-weight: 400; color: #888; padding-right: 120px; position: relative; }
.view_ctn .tit ul li::after{ content: ""; width: 1px; height: 12px; background: #DDD; position: absolute; top: 50%; right: 60px; transform: translate(50%, -50%); }
.view_ctn .tit ul li:last-of-type{ padding-right: 0;}
.view_ctn .tit ul li:last-of-type::after{ display: none; }
.view_ctn .tit ul li span{ display: inline-block; font-family: var(--baseFont); font-weight: 600; color: #222; padding-right: 30px;}
.view_ctn .info{padding: 100px; font-size: 1.7rem; }
.view_ctn .file_box{padding: 30px 100px;}
.view_ctn .file_box dl{display:flex;}
.view_ctn .file_box dl dt{position: relative; font-weight: 600; font-size: 1.8rem; padding: 10px 0; }
.view_ctn .file_box dl dd a{position: relative; display: inline-block; vertical-align: top; width: 100%; transition: 0.3s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 10px 0; font-size: 1.8rem; font-weight: 400; color: #888; line-height: 1.3; text-decoration: underline; text-underline-position: under; }
.view_ctn .file_box dl dd a span{position: absolute; top: 50%; right: 30px; transform: translateY(-50%);}
.view_ctn .file_box dl dd a i{margin-right: 8px;}
.view_ctn .file_box + .pages{margin-top: 60px;}
.view_ctn .pages{  }
.view_ctn .pages dl{display: flex; align-items: center; padding: 0 100px;}
.view_ctn .pages dl:not(:last-of-type){ border-bottom: none !important; }
.view_ctn .pages dl dt{position: relative; padding: 30px 0; font-weight: 500; font-size: 1.8rem;}
.view_ctn .pages dl dt::after{ content: ""; width: 1px; height: 12px; background: #DDD; position: absolute; top: 50%; right: 0; transform: translate(50%, -50%); }
.view_ctn .pages dl dt i{margin-right: 15px;}
.view_ctn .pages dl dd a{display: inline-block; vertical-align: top; width: 100%; padding: 30px; padding-right: 0 !important; font-size: 1.8rem; font-weight: 400; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.view_ctn .list_btn{ margin-top: 100px; }
.view_ctn .list_btn a{ margin: 0 auto; }

/* 변수 */
.view_ctn .tit{border-bottom: 1px solid var(--lightLineC);}
.view_ctn .tit .tag{background: var(--mainColor); margin: 0 auto var(--titCommonMargin);}
.view_ctn .tit ul{margin-top: var(--titCommonMargin);}
.view_ctn .file_box{border-bottom: 1px solid var(--lightLineC);}
.view_ctn .file_box dl dt{width:var(--dtWidth); color: var(--dtColor);}
.view_ctn .file_box dl dd{width: var(--ddWidth); }
.view_ctn .file_box dl dd a{color: var(--ddColor);}
.view_ctn .pages dl{ border-top: 1px solid var(--lightLineC); border-bottom: 1px solid var(--lightLineC);}
.view_ctn .pages dl dt{width: var(--dtPage); color: var(--dtColor);}
.view_ctn .pages dl dd{width: var(--ddPage);}
.view_ctn .pages dl dd a{color: var(--ddColor);}

/* 호버 */
@media screen and (hover: hover){
	.view_ctn .file_box dl dd a:hover{color: var(--mainColor);}
}

@media screen and (max-width: 1700px){
	:root{
		--dtPage: 120px;
	}

	.view_ctn .tit{ padding: 60px; }
	.view_ctn .tit h2{ font-size: 3rem; }
	.view_ctn .tit ul li{ padding-right: 80px; }
	.view_ctn .tit ul li::after{ right: 40px; }

	.view_ctn .info{padding: 60px; }

	.view_ctn .file_box{ padding: 30px 60px; }
	.view_ctn .pages dl{ padding: 0 60px; }

	.view_ctn .list_btn{ margin-top: 60px; }
}

@media screen and (max-width: 1280px){
	:root{
		--dtWidth: 100px;
		--dtPage: 80px;
	}

	.view_ctn .tit{ padding: 30px; }
	.view_ctn .tit h2{ font-size: 2.5rem; }
	.view_ctn .tit ul li{ font-size: 1.7rem; padding-right: 40px; }
	.view_ctn .tit ul li::after{ right: 20px; }
	.view_ctn .tit ul li span{ padding-right: 15px; }

	.view_ctn .info{padding: 30px; }

	.view_ctn .file_box{ padding: 30px; }
	.view_ctn .file_box dl dt{ font-size: 1.7rem; }
	.view_ctn .file_box dl dd a{ font-size: 1.7rem; }

	.view_ctn .pages dl{ padding: 0 30px; }
	.view_ctn .pages dl dt{ font-size: 1.7rem; padding: 20px 0; }
	.view_ctn .pages dl dd a{ font-size: 1.7rem; padding: 20px; }

	.view_ctn .list_btn{ margin-top: 40px; }
	.view_ctn .list_btn .round-btn{ --left: -20px; }
}

@media screen and (max-width: 900px){
	:root{
		--dtWidth: 90px;
		--dtPage: 70px;
	}
	.view_ctn .tit{ padding: 20px; }

	.view_ctn .info{padding: 30px 20px; }

	.view_ctn .file_box{ padding: 15px 20px; }
	.view_ctn .file_box dl dt{ font-size: 1.6rem; padding: 7px 0; }
	.view_ctn .file_box dl dd a{ font-size: 1.6rem; padding: 7px; }

	.view_ctn .pages dl{ padding: 0 20px; }
	.view_ctn .pages dl dt{ font-size: 1.6rem; }
	.view_ctn .pages dl dd a{ font-size: 1.6rem; }
}