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

:root{
	/* 공통 */
	--pointC: #009DC7;
}

/* ============================================
각각의 css는 기본, 변수, 호버로 나뉘어있습니다.
변수 부분은 root를 변경해주세요
============================================ */

/* ===================================== 페이징 기본 =========================================== */

:root{
	/* 페이지버튼 */
	--pagingFontStyle: 'Red Hat Display', sans-serif;
	--pagingNumC : #333;
	--pagingArrowC: #666;
	--aSize : 30px;
	--pagingMarTop: 70px;
}

/* ======== 페이징 기본 ======== */

/* 기본 */
.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 .arr{display:flex;}
.paging .arr a.last,
.paging .arr a.first{letter-spacing:-10px;}
.paging .arr a.last i,
.paging .arr a.first i{-webkit-transform:translateX(-5px);transform:translateX(-5px);}
.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 5px;}
.paging .arr a:not(:last-child),.paging ul li:not(:last-child){margin-right:5px;}

/* 커스텀 */
.paging{margin-top: var(--pagingMarTop);}
.paging a{width:var(--aSize); height:var(--aSize); color: var(--pagingNumC); font-family: var(--pagingFontStyle);  line-height: var(--aSize); font-weight: 600; font-size:16px; border-radius:50%; border:none;}
.paging ul li.on a {
  color:#fff;
  background: var(--pointC);
  border-color: var(--pointC);
}
.paging .arr a{border:none; color: var(--pagingArrowC);}
.paging .arr a.first i{transform:translateX(-6px);}
.paging .arr a.last i{transform:translateX(-4px);}
.paging .arr a.first i:first-of-type{transform:translateX(-5px);}
.paging .arr a.last i:last-of-type{transform:translateX(-5px);}

@media (max-width:600px) {
	:root{
		--pagingMarTop: 50px;
	}
	.paging a{font-size: 15px;}
	.paging .arr a:not(:last-child), .paging ul li:not(:last-child){margin-right: 0;}
}

/* ===================================== 검색창 =========================================== */

:root{
	/* 검색창 */
	--sfontSiez: 17px;
	--sfontColor: #111;
	--sHeight: 60px;
	--sLetter: -0.02em;
	--sPadding: 0 30px;
	--sborderR: 5px;
}

/* ======== 검색 ======== */

/* 기본 */
.search_box{display:flex; align-items:center; gap:15px; padding: 60px; background: #F8F8F8; margin-bottom:60px;}
.search_box select{width: calc(35% - 90px); border:none; background:#fff url(/img/board/icon_select.png) no-repeat calc(100% - 30px) 50%; outline: none;}
.search_box input{width: calc(65% - 90px); border:none; outline: none; }
.search_box input::placeholder{color: #ccc;}
.search_box button{width: 180px; font-weight: bold; color: #fff; background: #000000; border: none; outline: none; cursor: pointer; transition: background-color 0.3s;}
/* 변수(:root) */
.search_box *{letter-spacing: var(--sLetter);}
.search_box select{height: var(--sHeight); font-size: var(--sfontSiez); color: var(--sfontColor); padding: var(--sPadding); border-radius:var(--sborderR);}
.search_box input{height: var(--sHeight); font-size: var(--sfontSiez); color: var(--sfontColor); padding: var(--sPadding);  border-radius:var(--sborderR);}
.search_box button{height: var(--sHeight); font-size: var(--sfontSiez); border-radius:var(--sborderR);}
/* 호버 */
.search_box button:hover{background: var(--pointC);}

/* 미디어 */
@media (max-width:1200px) {
	:root{
		/* 검색창 */
		--sPadding: 0 15px
	}
	.search_box{padding: 30px;}
}

@media (max-width:800px) {
	:root{
		/* 검색창 */
		--sHeight: 50px;
		--sfontSiez: 16px;
	}
	.search_box{flex-wrap: wrap; margin-bottom:40px;}
	.search_box select{width: 100%; background:#fff url(/img/board/icon_select.png) no-repeat calc(100% - 15px) 50%;}
	.search_box input{width: calc(100% - 145px);}
	.search_box button{width: 130px;}
}

/* ===================================== 게시판 =========================================== */

:root{
	/* 게시판-기본(공통) */
	--marginTop:60px;
	--tableLine: #e0e0e0;
	--noticeBg: #FFF7F8;
	--thBg: #F8F8F8;
	--thPadding: 26px 0;
	--thFontSize: 16px;
	--thFontC: #111;
	--tdFontSize: 16px;
	--tdFontC: #999;
	--tdLinkC: #111;
	--tdLinkPadding: 26px 0;
	/* 게시판-채용 */
	--defaultIngBg: #999;
}

/* ======== 게시판 - 기본 ======== */

/* 기본 */
.board_box{border-top: 1px solid #000;}
.board_box table tr{position: relative;}
.board_box table tr:not(:first-child)::after{content:""; position: absolute; bottom: 0; left: 0; width: 0; height: 1px; transition: 0.7s;}
.board_box table th{position: relative;}
.board_box table th::after{content:""; position: absolute; top: 50%; right: 0; width: 1px; height: 15px; transform: translateY(-50%);}
.board_box table th:last-of-type::after{display: none;}
.board_box table td{text-align: center;}
.board_box table td a{width: 100%; display: inline-block; vertical-align: top; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; font-weight: 600; font-size: 17px; color: #111;}
/* 변수(:root) */
.board_box{margin-top: var(--marginTop);}
.board_box table tr:not(:first-child)::after{background: var(--pointC);}
.board_box table th{background: var(--thBg); 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{font-size: var(--tdFontSize); color: var(--tdFontC); border-bottom: 1px solid var(--tableLine);}
.board_box table td a{padding: var(--tdLinkPadding);}
.board_box .notice td{}
.board_box .notice td i{color: var(--pointC); transform:translateY(2px);}
/* 호버 */
.board_box table tr:hover:not(:first-child)::after{width: 100%;}

/* ======== 게시판 - 채용 ======== */

/* 기본 */
.board_box.employment table td span{display: inline-block; vertical-align: top; padding: 0 23px; min-width: 85px; line-height: 35px; border-radius:5px; font-weight: 500; font-size: 15px; color: #fff;}
/* 변수(:root) */
.board_box.employment table td span{background: var(--defaultIngBg);}
.board_box.employment table td span.ing{background: var(--pointC);}

@media (max-width:1000px){
	/* 스크롤 */
	.board_box.scroll{overflow-x: scroll;}
	.board_box.scroll table{width: 1000px;}
}
@media (max-width:800px){
	:root{
		/* 검색창 */
		--thPadding: 24px 10px;
		--tdLinkPadding: 24px 10px;

		--marginTop:40px;
	}
	/* 파괴 */
	.board_box.destroy{width: 100%; }
	.board_box.destroy table colgroup{display: none;}
	.board_box.destroy table tr{display:flex; flex-wrap:wrap; align-items: center;}
	.board_box.destroy table th{display: none;}
	.board_box.destroy table td{position: relative; display: inline-block; vertical-align: top; width: 27%; padding: 10px 0;}
	.board_box.destroy table td::before{content:attr(data-txt); color: #222; font-weight: 500; display: inline-block; vertical-align: top; margin-right: 4px;}
	.board_box.destroy table td:nth-of-type(1){width: 50px; text-align: center; padding: 25px 0; border-bottom: none;}
	.board_box.destroy table td:nth-of-type(2){width: calc(100% - 50px); padding: 0; border-bottom: none;}
	.board_box.destroy table td:nth-of-type(4){width: 46%;}
	.board_box.destroy table td:nth-of-type(2)::before,
	.board_box.destroy table td:nth-of-type(1)::before{display: none;}

	/* 기본 원하는 크기 직접 지정하는 것 추천(항목이 다를시) */
	.board_box.default table colgroup{display: none;}
	.board_box.default table th{font-size: 16px; padding: 20px 0;}
	.board_box.default table th:nth-of-type(1){width: 10%;}
	.board_box.default table th:nth-of-type(2){width: 48%;}
	.board_box.default table th:nth-of-type(3){width: 14%;}
	.board_box.default table th:nth-of-type(4){width: 18%;}
	.board_box.default table th:nth-of-type(5){width: 10%;}
	.board_box.default table td{font-size: 14px;}
	.board_box.default table td a{font-size: 15px;}

	/* 게시판 채용 */
	.board_box.employment table td span{min-width: 65px; padding: 0 14px; line-height: 30px; font-size: 14px;}
	.board_box.employment.default table th:nth-of-type(2){width: 47%;}
	.board_box.employment.default table th:nth-of-type(3){width: 25%;}

	/* 채용 */
	.board_box.employment.destroy table tr{align-items:unset}
	.board_box.employment.destroy table td span{margin-top: -5px; margin-left: 6px;}
	.board_box.employment.destroy table td:nth-of-type(4){width: 40%;}
	.board_box.employment.destroy table td:nth-of-type(3){width: 60%;}

}

/* ===================================== 게시판 상세 =========================================== */

:root{
	/* 게시판-상세 */
	--titCommonMargin: 30px;
	--pagesBg: #F8F8F8;
	--dtWidth: 140px;
	--dtColor: #222;
	--ddWidth: calc(100% - 140px);
	--ddColor: #666;
	--lightLineC: #e0e0e0;
}

/* ======== 게시판 상세 - 채용포함 ======== */

/* 기본 */
.view_ctn{border-top: 1px solid #000;}
.view_ctn .tit{text-align: center; padding: 60px 0;}
.view_ctn .tit .tag{display: inline-block; padding: 0 23px; line-height: 35px; border-radius:20px; font-weight: 500; font-size: 15px; color: #fff; min-width: 85px}
.view_ctn .tit h2{font-weight: 600; font-size: 32px; color: #222;}
.view_ctn .tit ul{display:flex; justify-content: center;}
.view_ctn .tit ul li{font-size: 16px; font-weight:600; color: var(--pointC); margin-right: 40px;}
.view_ctn .tit ul li:last-of-type{margin-right: 0;}
.view_ctn .tit ul li.e{font-family: var(--enF02); font-weight:400; color: #999;}
.view_ctn .tit ul li span{font-weight: 600; color: #222;}
.view_ctn .tit ul li span.kr{font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;}
.view_ctn .info{padding: 65px 0;}
.view_ctn .file_box{padding: 5px 0;}
.view_ctn .file_box dl{display:flex; flex-wrap:wrap; align-items:center;}
.view_ctn .file_box dl dt{position: relative; font-weight: 500; font-size: 16px; padding: 20px 30px; }
.view_ctn .file_box dl dd{ font-size: 16px;}
.view_ctn .file_box dl dd a{position: relative; display: inline-block; vertical-align: top; width: 100%; padding: 20px 30px; transition: 0.3s;}
.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 .pages{margin-top: 60px;}
.view_ctn .pages dl{display: flex; align-items: center; margin-bottom: 10px;}
.view_ctn .pages dl:last-of-type{margin-bottom: 0;}
.view_ctn .pages dl dt{position: relative; padding: 24px 30px; font-weight: 500; font-size: 16px;}
.view_ctn .pages dl dt i{margin-right: 15px;}
.view_ctn .pages dl dd a{display: inline-block; vertical-align: top; width: 100%; padding: 24px 30px; font-size: 16px;}
.view_ctn .pages dl dt::after,
.view_ctn .file_box dl dt::after{content:""; position: absolute; top: 50%; right: -1px; width: 1px; height: 20px; background: #e0e0e0; transform: translateY(-50%);}
.view_ctn .list_btn{margin-top: 130px; text-align: center;}
.view_ctn .list_btn a{display: inline-block; width: 180px; line-height: 60px; vertical-align: top; background: #000; font-weight: bold; font-size: 17px; color: #fff; border-radius: 5px; letter-spacing: -0.02em; transition: 0.3s;}
.view_ctn .list_btn a i{margin-right: 10px; transform: translateY(1px);}
/* 변수 */
.view_ctn .tit{border-bottom: 1px solid var(--lightLineC);}
.view_ctn .tit .tag{background: var(--pointC); margin: 0 auto var(--titCommonMargin);}
.view_ctn .tit ul{margin-top: var(--titCommonMargin);}
.view_ctn .file_box{border-top: 1px solid var(--lightLineC); 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{background: var(--pagesBg); border-top: 1px solid var(--lightLineC); border-bottom: 1px solid var(--lightLineC);}
.view_ctn .pages dl dt{width: var(--dtWidth); color: var(--dtColor);}
.view_ctn .pages dl dd{width: var(--ddWidth);}
.view_ctn .pages dl dd a{color: var(--ddColor);}

/* 호버 */
.view_ctn .file_box dl dd:hover a{color: var(--pointC);}
.view_ctn .list_btn a:hover{background: var(--pointC);}

/* 미디어 */
@media (max-width:1200px){
	:root{
		--titCommonMargin: 20px;
	}
	.view_ctn .tit{padding: 30px 0;}
	.view_ctn .tit h2{font-size: 27px;}
}
@media (max-width:1000px){
	:root{
		--dtWidth: 120px;
		--ddWidth: calc(100% - 120px);
	}
	.view_ctn .tit .tag{min-width: 70px; padding: 0 15px;}
	.view_ctn .file_box dl dd a,
	.view_ctn .file_box dl dt{padding: 15px 20px;}
	.view_ctn .pages dl dd a,
	.view_ctn .pages dl dt{padding: 20px;}
	.view_ctn .list_btn{margin-top: 60px;}
	
}

/* ===================================== 이미지 게시판 =========================================== */

:root{
	/* 이미지 게시판 - 세로형 */
	--itemMargin: 60px 35px;
	--itemWidth: calc((100% - 105px) / 4);
	/* 각 디자인 inner값에 따라 변경될 수 있습니다 (작업기준 1600px)*/
	--imgHeight: 67%;
	/* 이미지 게시판 - 가로형 */
	/* 각 디자인 inner값에 따라 변경될 수 있습니다 (작업기준 1600px)*/
	--imgHeight02: 270px;
}

/* ======== 이미지 게시판 팝업 ======== */

/* 기본 */
.popup_ctn{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); display: flex; align-items: center; justify-content: center; z-index: 500;}
.popup_ctn .popup_box{position: relative;}
.popup_ctn .popup_box .close{position: absolute; top: -30px; right: -55px; cursor: pointer; width: 45px; height: 45px; text-align: center;}
.popup_ctn .popup_box .close img{margin: 10px 0;}
.popup_ctn .popup_box figure{ text-align: center;}
.popup_ctn .popup_box figure img{height: 100%; max-height: 700px;}
/* 비디오 */
.popup_ctn.v .popup_box{width: 100%; max-width: 1000px;}
.popup_ctn .popup_box .video{position:relative; padding-bottom:54%; overflow: hidden;}
.popup_ctn .popup_box .video iframe{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); width: 100%; height: 100%;}

/* 미디어 */
@media (max-width:1400px){
	.popup_ctn .popup_box .close{top: -65px; right: 0;}
}
@media (max-width:1200px){
	.popup_ctn .popup_box .close{right: 16px;}
	.popup_ctn .popup_box{padding: 0 16px;}
}

/* ======== 이미지 게시판 - 세로형 ======== */

/* 기본 */
.img_borad_list{display: flex; flex-wrap:wrap;}
.img_borad_list .item{position: relative; cursor: pointer;}
.img_borad_list .item a{position: absolute;top: 0; left: 0; right: 0;bottom: 0;}
.img_borad_list .item figure{position: relative; overflow: hidden;}
.img_borad_list .item figure img{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: inherit; max-height: 102%; transition: 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(--pointC); color: var(--pointC); border-radius: 15px; font-weight: 600; font-size: 14px; text-align: center; margin-bottom: 15px; padding: 0 14px;}
.img_borad_list .item .txt h2{font-weight: 600; font-size: 22px;color: #222; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.img_borad_list .item .txt p{font-size: 17px; 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; padding-bottom: 6px; margin-bottom: 10px;  border-bottom: 1px solid #E8E8E8; }
.img_borad_list .item .txt ul li{font-weight:600; font-size: 16px; color: var(--pointC);}
.img_borad_list .item .txt ul li:last-of-type{font-family: var(--enF02); font-weight:400; color: #999;}
.img_borad_list .item .txt ul li img{margin-right: 3px; transform: translateY(2px);}
.img_borad_list.r .item .txt ul{justify-content:flex-end}
/* 비디오 */
.img_borad_list .item.v_pop figure::after{content:""; position:absolute; top: 50%; left: 50%; width: 60px; height: 60px; transform:translate(-50%,-50%); background:url(/img/sub/icon_media.svg) 50% 50% /contain no-repeat;}

/* 태그 + 제목 + 설명 + 날짜  */
.img_borad_list.style02 .item{border: 1px solid #e0e0e0;}
.img_borad_list.style02 .item .txt{padding: 40px 40px 55px;}
.img_borad_list.style02 .item .txt ul{border-top: none;}

/* 변수 */
.img_borad_list{ gap:var(--itemMargin);}
.img_borad_list .item{width: var(--itemWidth);}
.img_borad_list .item figure{padding-bottom: var(--imgHeight);}
/* 호버 */
.img_borad_list .item:hover figure img{transform: translate(-50%,-50%) scale(1.2);}

/* ======== 이미지 게시판 - 가로형 ======== */
/* 기본 */
.img_borad_list.horizontal{border-top: 1px solid #000;  gap:0}
.img_borad_list.horizontal .item{position: relative; display:flex; align-items: flex-start; width: 100%; padding: 50px 30px; border-bottom: 1px solid #e0e0e0;}
.img_borad_list.horizontal .item::after{content:""; position:absolute; bottom: -1px; left: 0; width: 0; height: 1px; transition: 0.6s;}
.img_borad_list.horizontal .item figure{width: 460px;}
.img_borad_list.horizontal .item .txt{width: calc(100% - 460px); padding: 30px 0 0 63px ;}
.img_borad_list.horizontal .item .txt h2{font-weight: 600; font-size: 28px; color: #222;}
.img_borad_list.horizontal .item .txt p:not(.date){margin-top: 25px; line-height: 1.64706em; height: 4.94118em;  -webkit-line-clamp: 3;}
.img_borad_list.horizontal .item .txt .date{font-size: 17px; color: #666; margin-top: 46px; height: auto; line-height: 1.3; }
/* 변수 */
.img_borad_list.horizontal .item::after{background: var(--pointC);}
.img_borad_list.horizontal .item figure{padding-bottom: var(--imgHeight02);}
/* 호버 */
.img_borad_list.horizontal .item:hover::after{width: 100%;}

/* 미디어 */
@media (max-width:1200px){
	/* 세로형+설명 */
	.img_borad_list.style02 .item .txt{padding:20px;}

	/* 가로형 */
	.img_borad_list.horizontal .item{padding: 30px 16px;}
	.img_borad_list.horizontal .item figure{width: 340px;}
	.img_borad_list.horizontal .item .txt{width: calc(100% - 340px); padding: 30px 0 0 30px;}
	.img_borad_list.horizontal .item .txt h2{font-size: 24px;}
	.img_borad_list.horizontal .item .txt p:not(.date){margin-top: 14px;}
	.img_borad_list.horizontal .item .txt .date{margin-top: 30px;}
}

@media (max-width:1000px){
	:root{
		--itemMargin: 40px 20px;
		--itemWidth: calc((100% - 40px) / 3);
		--imgHeight02: 200px;
	}

	/* 가로형 */
	.img_borad_list.horizontal .item{align-items: center;}
	.img_borad_list.horizontal .item figure{width: 300px;}
	.img_borad_list.horizontal .item .txt{width: calc(100% - 300px); padding-top: 0;}
	.img_borad_list.horizontal .item .txt h2{font-size: 20px;}
	.img_borad_list.horizontal .item .txt p:not(.date){font-size: 15px;}

}
@media (max-width:800px){
	:root{
		--itemWidth: calc((100% - 20px) / 2);
	}
	/* 세로형 */
	.img_borad_list .item .txt{padding-top: 15px;}
	.img_borad_list .item .txt h2{font-size: 18px;}
	/* 세로형+설명 */
	.img_borad_list.style02 .item .txt span{font-size: 14px; padding: 0 8px; line-height: 25px;}
	/* 가로형 */
	.img_borad_list.horizontal .item{flex-wrap:wrap;}
	.img_borad_list.horizontal .item .txt{width: 100%; padding-left: 0; margin-top: 20px;}

}

@media (max-width:600px){
	:root{
		--imgHeight02: 54%
	}
	.img_borad_list.horizontal .item figure{width: 100%;}
}

/* ===================================== FAQ =========================================== */

:root{
	--faqBorderC:#E0E0E0;
	--iconFont: 35px;
}
/* 기본 */
.faq_ctn{border-top: 1px solid #000;}
.faq_ctn .item{border-bottom: 1px solid var(--faqBorderC);}
.faq_ctn .item .tit{display:flex; align-items: center; padding: 38px 60px; cursor: pointer;}
.faq_ctn .item .tit > span{display: block; width: 86px; font-weight: 700; font-size: var(--iconFont); color: #111;}
.faq_ctn .item .tit h2{position: relative; width: calc(100% - 86px); font-weight: 500; font-size: 20px; letter-spacing: -0.02em; color: #222; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.faq_ctn .item .tit h2 .icon{display: inline-block; vertical-align: top; width: 29px; height: 29px;position: absolute; top: 0; right: 0;}
.faq_ctn .item .tit h2 .icon::before{content:""; position: absolute; top: 13px; left: 0; width: 100%; height: 1px; background: #666;}
.faq_ctn .item .tit h2 .icon::after{content:""; position: absolute; top: 0; left: 14px; height: 100%; width: 1px; background: #666; transition: 0.3s;}
.faq_ctn .item .info{ align-items:center; border-top: 1px solid var(--faqBorderC); padding: 50px 60px; background: #F8F8F8; display: none; font-size: 0;}
.faq_ctn .item .info span{display: inline-block; vertical-align: middle; width: 86px; font-weight: 700; font-size: var(--iconFont); color: var(--pointC);}
.faq_ctn .item .info .txt_box{display: inline-block; vertical-align: middle; width: calc(100% - 86px); }
.faq_ctn .item .info p{font-weight: 300; font-size: 17px; letter-spacing: -0.02em; color: #333;}

/* 변수 */
.faq_ctn .item{border-bottom: 1px solid var(--faqBorderC);}
.faq_ctn .item .tit > span{font-size: var(--iconFont);}
.faq_ctn .item .info{border-top: 1px solid var(--faqBorderC);}
.faq_ctn .item .info span{ font-size: var(--iconFont); color: var(--pointC);}
/* on */
.faq_ctn .item.on .tit h2 .icon::after{opacity: 0;}
/* 미디어 */
@media (max-width:1200px){
	:root{
		--iconFont: 30px;
	}

	.faq_ctn .item .tit{padding: 24px 20px;}
	.faq_ctn .item .info span,
	.faq_ctn .item .tit span{width: 40px;}
	.faq_ctn .item .info .txt_box,
	.faq_ctn .item .tit h2{width: calc(100% - 40px); padding-right: 40px;}
	.faq_ctn .item .info .txt_box{padding-right: 0;}
	.faq_ctn .item .info{padding: 24px 20px;}

	.faq_ctn .item .tit h2 .icon{width: 20px; height: 20px;}
	.faq_ctn .item .tit h2 .icon::before{top: 10px;}
	.faq_ctn .item .tit h2 .icon::after{left: 10px;}

}

/* ===================================== 문의하기 =========================================== */

:root{
 	--borderLine: #DBDBDB;
	--fontC: #222;
}

/* 기본 */
.inquiry_box select{background:#fff url(/img/board/icon_select.png) no-repeat calc(100% - 25px) 50%;}
.inquiry_box .form_box{}
.inquiry_box .form_box > dl{display:flex;}
.inquiry_box .form_box > dl > dt{display:flex; align-items:center; width: 350px; font-weight: 500; font-size: 20px; letter-spacing: -0.02em; background: #f8f8f8; padding-left: 33px;}
.inquiry_box .form_box > dl > dd{display:flex; align-items:center; width: calc(100% - 350px); padding: 10px 15px; min-height: 80px;}
.inquiry_box .form_box > dl > dd select{width: 100%; max-width: 632px; height: 60px; padding: 0 25px; font-weight: 300; font-size: 17px; }
.inquiry_box .form_box > dl > dd input{width: 100%; max-width: 632px; height: 60px; padding: 0 25px; font-size: 17px; }
.inquiry_box .form_box > dl > dd textarea{width: 100%; height: 175px; font-size: 17px;  outline: none; padding: 25px; resize: none;}
.inquiry_box .form_box > dl > dd.radio{flex-wrap:wrap;}
.inquiry_box .form_box > dl > dd .radio_box {display:inline-block; vertical-align: top;}
.inquiry_box .form_box > dl > dd .radio_box input{display:none; }
.inquiry_box .form_box > dl > dd .radio_box label{display:flex; align-items:center; cursor: pointer; margin-right: 25px;}
.inquiry_box .form_box > dl > dd .radio_box:last-of-type label{margin-right: 0;}
.inquiry_box .form_box > dl > dd .radio_box label span{display: inline-block; width: 20px; height: 20px; background: url(/img/board/icon_radio.svg);}
.inquiry_box .form_box > dl > dd .radio_box label p{ display:inline-block; vertical-align: middle; font-weight:400; font-size:16px; letter-spacing:-0.02em; padding-left: 5px; box-sizing:border-box; line-height:1.4em; position:relative; top: 1px;}
.inquiry_box .form_box > dl > dd .radio_box input:checked + label span{background: url(/img/board/icon_radio_chk.svg);}
.inquiry_box .form_box > dl > dd .tel{display: flex; align-items: center; width: 100%;}
.inquiry_box .form_box > dl > dd .tel select{width: calc(33.33% - 23.33333333333333px);	max-width: 155px;}
.inquiry_box .form_box > dl > dd .tel span{position: relative; display: block; width: 35px;}
.inquiry_box .form_box > dl > dd .tel span::after{content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 15px; height: 1px; background: #ccc;}
.inquiry_box .form_box > dl > dd .tel input{width: calc(33.33% - 23.33333333333333px);	max-width: 155px;}
.inquiry_box .form_box > dl > dd .mail{display: flex; align-items: center; width: 100%;}
.inquiry_box .form_box > dl > dd .mail input{width: calc(33.33% - 15px); max-width: 200px;}
.inquiry_box .form_box > dl > dd .mail span{display: block; width: 35px; text-align: center; font-weight: 300; font-size: 17px;}
.inquiry_box .form_box > dl > dd .mail select{width: calc(33.33% - 15px); max-width: 200px; margin-left: 10px;}
.inquiry_box .form_box > dl > dt.ftop{align-items: flex-start; padding-top: 27px;}
.inquiry_box .form_box > dl > dd .privacy_ctn > .s_box{width: 100%; height: 175px; overflow-y: auto; padding: 25px; font-weight: 200; font-size: 16px; line-height: 1.6875em;}
.inquiry_box .form_box > dl > dd .chk_box input{display:none; }
.inquiry_box .form_box > dl > dd .chk_box label{display:flex; align-items:center; cursor: pointer; margin-top: 10px;}
.inquiry_box .form_box > dl > dd .chk_box label span{display: inline-block; width: 20px; height: 20px; background: url(/img/board/icon_radio.svg);}
.inquiry_box .form_box > dl > dd .chk_box label span i{position: absolute; top: -1px; left: -1px; color: #fff; font-size:16px; font-weight:bold;}
.inquiry_box .form_box > dl > dd .chk_box label p{width: auto; font-weight:300; font-size:14px; letter-spacing:-0.02em; color: #333; margin-left: 5px; box-sizing:border-box;  height: auto; border: none; padding: 0;}
.inquiry_box .form_box > dl > dd .chk_box input[id="privacyChk"]:checked + label span{background: url(/img/board/icon_radio_chk.svg);}

.inquiry_box .form_box > dl > dd.upload #fileName{width: 350px; height: 60px;  box-sizing:border-box; border:1px solid #ddd; padding: 0 25px; font-weight: 300; font-size:17px; color: #999;}
.inquiry_box .form_box > dl > dd.upload #fileName::placeholder{color: #999; font-weight: 300; font-size: 17px; letter-spacing: -0.02em;}
.inquiry_box .form_box > dl > dd.upload .file{width: 170px; height: 60px;  box-sizing:border-box;   cursor: pointer; margin-left: 13px;}
.inquiry_box .form_box > dl > dd.upload .file span{display:inline-block; width: 100%; height: 100%; text-align: center; line-height:60px; font-weight: 500; font-size: 17px; letter-spacing: -0.02em; background: #DBDBDB;}
.inquiry_box .form_box > dl > dd.upload .file input{display:none}
.inquiry_box .form_box > dl > dd .captcha{display: flex; align-items: center; width: 100%;}
.inquiry_box .form_box > dl > dd .captcha input{width: calc(100% - 220px); max-width: 284px; margin: 0 5px; font-weight: 300; font-size: 17px; letter-spacing: -0.02em;}
.inquiry_box .form_box > dl > dd .captcha button{width: 60px; height: 60px; background: #fff; padding: 0; border:1px solid var(--borderLine); cursor: pointer;}
.inquiry_box .submit_btn{text-align: center; margin-top: 70px;}
.inquiry_box .submit_btn button{width: 180px; height: 60px; padding: 0; background: #000; border-radius:5px; color: #fff; font-weight: bold; font-size: 17px; border:none; cursor: pointer; transition: 0.3s;}

/* 변수 */
.inquiry_box .form_box{border-top: 1px solid var(--borderLine);}
.inquiry_box .form_box > dl{border-bottom: 1px solid var(--borderLine);}
.inquiry_box .form_box > dl > dt{color: var(--fontC); border-right: 1px solid var(--borderLine); border-left: 1px solid var(--borderLine);}
.inquiry_box .form_box > dl > dt span{color: var(--pointC);}
.inquiry_box .form_box > dl > dd{border-right: 1px solid var(--borderLine);}
.inquiry_box .form_box > dl > dd select{color: var(--fontC); border-color:var(--borderLine); }
.inquiry_box .form_box > dl > dd input{ color: var(--fontC); border-color:var(--borderLine);}
.inquiry_box .form_box > dl > dd textarea{color: var(--fontC); border-color:var(--borderLine);}
.inquiry_box .form_box > dl > dd .radio_box label p{ color: var(--fontC);}
.inquiry_box .form_box > dl > dd .privacy_ctn > .s_box{border: 1px solid var(--borderLine);}
.inquiry_box .form_box > dl > dd.upload .file span{ color: var(--fontC);}
.inquiry_box .form_box > dl > dd .captcha input{color: var(--fontC);}
.inquiry_box .form_box > dl > dd .captcha button{border:1px solid var(--borderLine);}
/* 호버 */
.inquiry_box .submit_btn button:hover{background: var(--pointC);}

/* 미디어 */
@media (max-width:1200px){
	.inquiry_box .form_box > dl > dt{width: 280px;}
	.inquiry_box .form_box > dl > dd{width: calc(100% - 280px);}
	.inquiry_box .form_box > dl > dd input{max-width: none;}
}

@media (max-width:1000px){
	.inquiry_box .form_box > dl > dt{width: 200px; font-size: 18px; padding: 0 16px;}
	.inquiry_box .form_box > dl > dd{width: calc(100% - 200px);}
	
}

@media (max-width:800px){
	.inquiry_box select{background: #fff url(/img/board/icon_select.png) no-repeat calc(100% - 10px) 50%;}
	.inquiry_box .form_box > dl{flex-wrap:wrap;}
	.inquiry_box .form_box > dl > dt{width: 100%; padding: 20px 15px; border-bottom: 1px solid var(--borderLine);}
	.inquiry_box .form_box > dl > dd{width: 100%; min-height: auto; border-left: 1px solid var(--borderLine);}
	.inquiry_box .form_box > dl > dd select,
	.inquiry_box .form_box > dl > dd .mail select,
	.inquiry_box .form_box > dl > dd input{padding: 0 10px; height: 50px;}
	.inquiry_box .form_box > dl > dd .privacy_ctn p{padding: 10px; font-size: 15px;}
	.inquiry_box .form_box > dl > dd .radio_box label{align-items:flex-start}
	.inquiry_box .form_box > dl > dd .radio_box label span{transform: translateY(1px);}
	.inquiry_box .form_box > dl > dd .radio_box label p{width: calc(100% - 20px);}
	.inquiry_box .form_box > dl > dd.upload #fileName{width: calc(100% - 170px); padding: 0 10px; font-size: 16px;}
	.inquiry_box .form_box > dl > dt.ftop{padding-top:20px;}
	.inquiry_box .form_box > dl > dd .captcha input{height: 60px;}
	.inquiry_box .submit_btn{margin-top: 50px;}
}