@charset "UTF-8";

.contents {padding: 70px 0 200px; background: #FAFAFA;}

.contents .title2 {text-align: left; margin-bottom: 20px; line-height: 1.3;}
.contents .text2 {text-align: left; margin-bottom: 70px;}

.sub-tab-wrap {margin-bottom: 20px;}
.sub-tab {width: 100%; display: -webkit-flex; display: flex; justify-content: start; align-items: start;}
.sub-tab .item {width: calc(100%/3); height: 54px; background: #F5F5F5; border-top: var(--border-solid); border-bottom: var(--border-solid); text-align: center; font-weight: 500; font-size: 1.250em; color: rgba(112,112,112,1);}
.sub-tab .item a {color: rgba(112,112,112,1); display: -webkit-flex; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; padding: 11px 6px;}
.sub-tab .item.on {border-top: 3px solid var(--highlight); border-left: var(--border-solid); border-right: var(--border-solid); border-bottom: 0; background: var(--white); color: #111111;}
.sub-tab .item.on a {color: #111111;}

/* .third-tab {width: 100%; height: 54px; padding: 11px 30px; border: 1px solid #D4C5FF; border-radius: 6px; background: #FAF8FF; display: -webkit-flex; display: flex; justify-content: start; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.third-tab .tit {font-weight: 500; font-size: 1.125em; color: rgba(61,61,61,1); display: -webkit-flex; display: flex; justify-content: start; align-items: center;}
.third-tab .tit::after {display: inline-block; content: '\f0da'; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 18px; margin-left: 12px; margin-right: 40px; color: var(--highlight);}
.third-tab .item {font-weight: 500; font-size: 1.125em; color: rgba(61,61,61,1); display: -webkit-flex; display: flex; justify-content: start; align-items: center;}
.third-tab .item a {color: rgba(61,61,61,1);}
.third-tab .item::after {display: inline-block; content: ''; width: 1px; height: 10px; background: #DFDFDF; margin: 0 16px;}
.third-tab .item:last-child::after {display: none;}
.third-tab .item.on {color: var(--highlight);}
.third-tab .item.on a {color: var(--highlight);} */

.third-tab {width: 100%; height: 54px; padding: 11px 30px; border: 1px solid #D4C5FF; border-radius: 6px; background: #FAF8FF; display: -webkit-flex; display: flex; justify-content: start; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.third-tab .item {font-weight: 500; font-size: 1.125em; color: rgba(61,61,61,1); display: -webkit-flex; display: flex; justify-content: start; align-items: center;}
.third-tab .item a {color: rgba(61,61,61,1);}
.third-tab .item::after {display: inline-block; content: ''; width: 1px; height: 10px; background: #DFDFDF; margin: 0 16px;}
.third-tab .item:last-child::after {display: none;}
.third-tab .item.on {color: var(--highlight);}
.third-tab .item.on::before {display: inline-block; content: '\f0da'; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 18px; margin-right: 12px;}
.third-tab .item.on a {color: var(--highlight);}

.overflow-x {overflow-x: auto;}

.scroll::-webkit-scrollbar {width: 16px; height: 16px;}
.scroll::-webkit-scrollbar-thumb {border: 5px solid transparent;}

.select_area {margin-top: 40px; margin-bottom: 30px;}
.className {font-weight: 600; font-size: 1.313em; color: rgba(61,61,61,1); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}


/* FAQ(자주하는 질문) 시작 */
.FAQ .third-tab {margin-bottom: 30px;}

.ul-faqList_wrap .th_area {border-top: 2px solid var(--highlight);}
.ul-faqList_wrap .td_area:first-child {border-top: 2px solid var(--highlight);}
.ul-faqList {display: grid; grid-template-columns: 16fr 84fr; grid-template-rows: auto;}
.ul-faqList .item {border-bottom: var(--border-solid); background: var(--white);}
.ul-faqList .th {height: 54px; padding: 13px 0; background: #F7F5FF; border-right: var(--border-solid); display: -webkit-flex; display: flex; justify-content: center; align-items: center; font-size: 1em;}
.ul-faqList .th:nth-child(2n) {border-right: 0;}
.ul-faqList .td {width: 100%; height: 100%; padding: 0 20px; display: -webkit-flex; display: flex; justify-content: start; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; text-align: left; font-size: 1.125em;}
.ul-faqList .td_type {padding: 0; padding-left: 20px;}
.ul-faqList .td_type img {margin-right: 12px; display: block;}
.ul-faqList .td_subject {padding: 0; justify-content: start; text-align: left; color: rgba(51,51,51,1);}
.ul-faqList .td_subject .question {width: 100%; padding: 20px 40px; font-weight: 600; color: rgba(81,81,81,1); display: block; width: 100%; display: -webkit-flex; display: flex; justify-content: start; align-items: center; color: rgba(51,51,51,1); text-align: left; font-size: 1em;}
.ul-faqList .td_subject .question .txt {margin-right: auto; padding-right: 30px;}
.ul-faqList .td_subject .question i {color: var(--highlight);}
.ul-faqList .td_answer {grid-column: 1 / span 2; padding: 40px 50px; justify-content: start; text-align: left; background: #EFE9FF; display: none;}
.answer_slide {display: -webkit-flex; display: flex; justify-content: start; align-items: start;}
.answer_slide img {margin-right: 12px; display: block;}
/* FAQ(자주하는 질문) */


/* 전문가칼럼 List 시작 */
.ul-columnList_wrap .th_area {border-top: 2px solid var(--highlight);}
.ul-columnList {display: grid; grid-template-columns: 5fr 95fr; grid-template-rows: auto;}
.ul-columnList .item {border-bottom: var(--border-solid); border-right: var(--border-solid); background: var(--white);}
.ul-columnList .item:nth-child(2n) {border-right: 0;}
.ul-columnList .th {height: 54px; padding: 13px 0; background: #F7F5FF; display: -webkit-flex; display: flex; justify-content: center; align-items: center; font-size: 1em;}
.ul-columnList .td {width: 100%; height: 100%; display: -webkit-flex; display: flex; justify-content: center; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; text-align: center; font-size: 1.125em;}
.ul-columnList .td_subject {justify-content: start; text-align: left; color: rgba(51,51,51,1);}
.ul-columnList .td_subject a {width: 100%; padding: 20px 40px; font-weight: 600; color: rgba(51,51,51,1);}
/* 전문가칼럼 List 끝 */

/* 게시판 View 시작 */
.boradView_area {width: 100%; border: var(--border-solid); background: var(--white);}
.boradView_area .viewTop {width: 100%; padding: 50px 70px 30px; border-bottom: var(--border-solid);}
.boradView_area .viewTop .subject {margin-bottom: 16px;}
.boradView_area .viewTop .date {font-size: 1em; color: #3D3D3D;}
.boradView_area .content {width: 100%; padding: 30px 70px 50px; border-bottom: var(--border-solid);}
.boradView_area .content img {width: 100%; max-width: 800px;}
.boradView_area .viewBottom {width: 100%; padding: 20px 70px 50px;}
.boradView_area .viewBottom .link_area {display: -webkit-flex; display: flex; justify-content: start; align-items: center; font-size: 0.938em; margin-bottom: 12px;}
.boradView_area .viewBottom .link_area i {color: var(--highlight); margin-right: 10px;}
.boradView_area .viewBottom .link_area.file_area {margin-bottom: 80px;}
.boradView_area .viewBottom .link_area .link {display: inline-block;}
.boradView_area .viewBottom .btn_area {width: 100%; text-align: center;}
.boradView_area .viewBottom .btn_area .btn_list {width: 60px; height: 32px; background: var(--highlight); font-weight: 300; color: var(--white); display: -webkit-flex; display: flex; justify-content: center; align-items: center; margin: 0 auto;}
/* 게시판 View 끝 */


/* 공지사항 List 시작 */
.ul-noticeList_wrap .th_area {border-top: 2px solid var(--highlight);}
.ul-noticeList {display: grid; grid-template-columns: 5fr 75fr 20fr; grid-template-rows: auto;}
.ul-noticeList .item {border-bottom: var(--border-solid); border-right: var(--border-solid); background: var(--white);}
.ul-noticeList .item:nth-child(3n) {border-right: 0;}
.ul-noticeList .th {height: 54px; padding: 13px 0; background: #F7F5FF; display: -webkit-flex; display: flex; justify-content: center; align-items: center; font-size: 1em;}
.ul-noticeList .td {width: 100%; height: 100%; display: -webkit-flex; display: flex; justify-content: center; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; text-align: center; font-size: 1.125em;}
.ul-noticeList .td_subject {justify-content: start; text-align: left; color: rgba(51,51,51,1);}
.ul-noticeList .td_subject a {width: 100%; padding: 20px 40px; font-weight: 600; color: rgba(51,51,51,1);}
/* 공지사항 List 끝 */


/* 상담 문의 시작 */
.ul-contactList_wrap .top {display: -webkit-flex; display: flex; justify-content: space-between; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 20px;}
.ul-contactList_wrap .top .btn_area .btn_move {width: 160px; height: 40px; padding: 7px 0; border-radius: 999px; font-weight: 700; font-size: 1.063em; color: rgba(255,255,255,1); display: -webkit-flex; display: flex; justify-content: center; align-items: center;}

.ul-contactList {display: grid; grid-template-columns: repeat(6, 1fr); grid-auto-columns: 1fr 1fr; grid-template-rows: auto; gap: 20px 40px; margin-bottom: 20px;}
.ul-contactList .td select {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.ul-contactList .td_type {grid-column: 1 / span 2;}
.ul-contactList .td_name {grid-column: 3 / span 2;}
.ul-contactList .td_tell {grid-column: 5/ span 2;}
.ul-contactList .td_email {grid-column: 1 / span 3;}
.ul-contactList .td_emailSelect {grid-column: 4 / span 3;}
.ul-contactList .td_title {grid-column: 1 / span 6;}
.ul-contactList .td_content {grid-column: 1 / span 6;}
.ul-contactList .td_content .textarea_content {width: 100%; height: 254px; padding: 12.5px 30px; resize: none;}

.contact .btn_area {display: -webkit-flex; display: flex; justify-content: center; align-items: center;}
.contact .btn_area button {width: 200px; height: 50px; padding: 11px 10px; border-radius: 999px; font-size: 1.125em;}
.contact .btn_area .btn_submit {background: var(--highlight); font-weight: 700; color: var(--white); margin-top: 80px;}
/* 상담 문의 끝 */





@media screen and (max-width:1200px){
    .contents {padding: 70px 50px 200px;}

    .ul-columnList {grid-template-columns: 6fr 94fr;}

    .ul-noticeList {grid-template-columns: 6fr 74fr 20fr;}
}

@media screen and (min-width:993px){

}

@media screen and (max-width:992px){
    .contents {padding: 60px 50px 100px;}
    .contents .text2 {margin-bottom: 60px;}
    .sub-tab .item {font-size: 1.125em;}
    .third-tab .item {font-size: 1em;}

    .ul-faqList {grid-template-columns: 20fr 80fr;}
    .ul-faqList .td_type {padding-left: 16px;}
    .ul-faqList .td_subject .question {padding: 20px 16px;}
    .ul-faqList .td_answer {padding: 20px 16px;}

    .ul-columnList {grid-template-columns: auto;}
    .ul-columnList .item:first-child {display: none;}
    .ul-columnList .td_subject a {padding: 20px 16px;}

    .boradView_area .viewTop {padding: 30px 30px 20px;}
	.boradView_area .content {padding: 30px 30px 50px;}
	.boradView_area .viewBottom {padding: 20px 30px 50px;}

    .ul-noticeList .td_subject a {padding: 20px 16px;}

    .ul-contactList_wrap .top .btn_area .btn_move {height: auto;}
    .contact .btn_area button {height: auto;}
    .contact .btn_area .btn_submit {margin-top: 60px;}
}

@media screen and (max-width:768px){
    /* .third-tab {min-width: -webkit-max-content; min-width: -moz-max-content; min-width: max-content; height: auto;} */
    .third-tab {height: auto;}
    .third-tab .item::after {margin: 0 10px;}
    .third-tab .item.on::before {margin-right: 10px; font-size: 16px;}

    .ul-faqList {grid-template-columns: 28fr 72fr;}
    .ul-faqList .td_type img {width: 20px; margin-right: 8px;}
    .answer_slide img {width: 20px; margin-right: 8px;}


    .ul-contactList {grid-template-columns: repeat(2, 1fr); gap: 20px 16px;}
    .ul-contactList .td {grid-column: unset;}
    .ul-contactList .td input {padding: 0 16px;}
    .ul-contactList .td select {padding: 0 16px; padding-right: 56px;}
    .ul-contactList .td_title {grid-column: 1 / span 2;}
    .ul-contactList .td_type {grid-column: 1 / span 2;}
    .ul-contactList .td_content {grid-column: 1 / span 2;}
    .ul-contactList .td_content .textarea_content {padding: 12.5px 16px;}

    .contact .btn_area .btn_submit {margin-top: 50px;}
}

@media screen and (min-width:481px) {
    .contents .text2 br {display: none;}
}

@media screen and (max-width:480px){
    .contents {padding: 50px 16px 100px;}
    .contents .text2 {margin-bottom: 50px;}

    .sub-tab .item:first-child a {word-break: break-all;}

    .third-tab {padding: 11px 16px;}
    .third-tab .item::after {margin: 0 6px;}
    .third-tab .item.on::before {margin-right: 6px;}

    .ul-faqList .td {font-size: 1em;}
    .ul-faqList .td_type {padding: 6px 10px;}
    .ul-faqList .td_type img {width: 20px;}
    .answer_slide img {width: 20px;}

    /* .ul-columnList {grid-template-columns: 12fr 88fr;} */

    .boradView_area .viewTop {padding: 20px 16px 10px;}
	.boradView_area .content {padding: 20px 16px 40px;}
	.boradView_area .viewBottom {padding: 20px 16px 40px;}
    .boradView_area .viewBottom .link_area.file_area {margin-bottom: 50px;}

    .ul-noticeList {grid-template-columns: 12fr 58fr 30fr;}

    .ul-contactList_wrap .top .btn_area .btn_move {margin-top: 10px;}
    .ul-contactList {grid-template-columns: repeat(1, 1fr); gap: 20px 16px;}
    .ul-contactList .td {grid-column: unset;}
    .contact .btn_area .btn_submit {margin-top: 40px;}
}