/* main */
.main-vs {margin-bottom: 20px;}

.cmbody {display: table; width: 100%; border: 1px solid #ddd; border-bottom: 0;}
.cmbody a {width: 16.666666666666%; height: 100px; padding-top: 60px; display: inline-block; text-align: center; font-size: 16px; font-weight: 400; float: left;}
.cmbody a:nth-child(1) {background: #444 url(/files/images/tap-ico1.png) no-repeat center 25px; color: #fff;}
.cmbody a:nth-child(2) {background: #fff url(/files/images/tap-ico2.png) no-repeat center 25px;}
.cmbody a:nth-child(3) {background: #fff url(/files/images/tap-ico3.png) no-repeat center 25px;}
.cmbody a:nth-child(4) {background: #fff url(/files/images/tap-ico4.png) no-repeat center 25px;}
.cmbody a:nth-child(5) {background: #fff url(/files/images/tap-ico5.png) no-repeat center 25px;}
.cmbody a:nth-child(6) {background: #fff url(/files/images/tap-ico6.png) no-repeat center 25px;}

.cmbody a:nth-child(1):hover, .cmbody a:nth-child(1).active {background: #ff0009 url(/files/images/tap-ico1.png) no-repeat center 25px; color: #fff;}
.cmbody a:nth-child(2):hover, .cmbody a:nth-child(2).active {background: #ff0009 url(/files/images/tap-ico2_h.png) no-repeat center 25px; color: #fff;}
.cmbody a:nth-child(3):hover, .cmbody a:nth-child(3).active {background: #ff0009 url(/files/images/tap-ico3_h.png) no-repeat center 25px; color: #fff;}
.cmbody a:nth-child(4):hover, .cmbody a:nth-child(4).active {background: #ff0009 url(/files/images/tap-ico4_h.png) no-repeat center 25px; color: #fff;}
.cmbody a:nth-child(5):hover, .cmbody a:nth-child(5).active {background: #ff0009 url(/files/images/tap-ico5_h.png) no-repeat center 25px; color: #fff;}
.cmbody a:nth-child(6):hover, .cmbody a:nth-child(6).active {background: #ff0009 url(/files/images/tap-ico6_h.png) no-repeat center 25px; color: #fff;}

.main-vs .tapMore {width: 16.8%; position: absolute; top: 0; left: 0; display: block; text-align: center; height: 100px; padding-top: 60px; font-size: 16px; font-weight: 400; background: #444 url(/files/images/tap-ico1.png) no-repeat center 25px; color: #fff; border-left: 1px solid #ddd; border-top: 1px solid #ddd;}
.courseBox ul {display: inline-block; width: 100%; display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;}
.courseBox ul li {width: 24%; float: left; margin: 10px 0; min-height:350px;}
.courseBox ul li + li {margin-left: 1.2%;}
.courseBox ul li:nth-child(5) {margin-left: 0;}
.courseBox ul li:nth-child(9) {margin-left: 0;}
.courseBox ul li:nth-child(13) {margin-left: 0;}
.courseBox ul li:nth-child(17) {margin-left: 0;}
.courseBox ul li:nth-child(21) {margin-left: 0;}
.NoneCourse img{display:none;}
.course_1 {padding-bottom: 0px;}
.main-2 {background: #ffffff;}
.m-title {padding-left: 25px; font-size: 26px; font-weight: 900; position: relative; color: #000; margin-bottom: 10px;}
.m-title:before {content:''; display: block; width: 10px; height: 14px; background: url(/files/images/m-blt.png) no-repeat center; position: absolute; top: 12px; left: 0;}
.m-txt {padding-top: 15px;}
.m-txt p {font-size: 14px; font-weight: 400; color: #095fb2; margin-bottom: 5px;}
.m-txt h2 {
	font-size: 17px; line-height: 20px;
	display: -webkit-box;
    -webkit-line-clamp: 2;   /* 2줄까지만 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.4;
    height: calc(1.4em * 2);
}
.banner13 {margin-top: 0px;}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{bottom:10px;}
.main-event {background: #f6f6f6;}
.slider_boxphoto {display: inline-block; width: 100%;}
.slider_boxphoto .btext {float: left; width: 23%; max-width: 280px;}
.slider_boxphoto .btext + .btext {margin-left: 2.2%;}
.slider_boxphoto .btext img {width: 100%;}
.book_1Box {padding: 25px 50px; border: 1px solid #ddd; position: relative;}
.m-book {height: 0; overflow: hidden; padding-top: 140%; position: relative;}
.m-book img {position: absolute; top: 0;}
.book_1 p {font-size: 16px; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; width: 100%; height: 40px; letter-spacing: -1px; line-height: 1.3;}
.bx-wrapper .bx-prev {background: url(/files/images/prev.png) no-repeat center; left: -107px; opacity: 0.1;}
.bx-wrapper .bx-next {background: url(/files/images/next.png) no-repeat center; right: -107px; opacity: 0.1;}
.bx-wrapper .bx-controls-direction a {width: 30px; height: 90px; margin-top: -45px;}
.bx-wrapper .bx-prev:hover, .bx-wrapper .bx-prev:focus {background: url(/files/images/prev.png) no-repeat center; opacity: 1;}
.bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus {background: url(/files/images/next.png) no-repeat center; opacity: 1;}
.mBnner-bottom {margin-top: 60px; display: inline-block; width: 100%;}
.mBnner-bottom > div {width: 49%; float: left;}
.mBnner-bottom > div + div {margin-left: 2%;}
.banner img {width: auto; max-width: 100%;}
.customer {background: #f6f6f6;}
.customer > .section {display: table;}
.customer > .section > div {float: left; width: 49%;}
.customer > .section > div + div {margin-left: 2%;}
.customer .custArea {background: #fff; border: 1px solid #ddd;}
.customer .custArea .inlineblock {padding: 30px 25px;;}
.customer .custArea .inlineblock li {float: left;}
.customer .custArea .inlineblock li:first-child {font-size: 32px; font-weight: 900; color: #000; letter-spacing: -1px;}
.customer .custArea .inlineblock li:last-child {font-size: 16px; font-weight: 400; padding-left: 20px;}
.customer .custArea .dtable li {width: 50%; float: left; height: 60px; line-height: 60px; padding: 0 25px; border-top: 1px solid #ddd; font-size: 16px; color: #444; font-weight: 500; position: relative; cursor: pointer; transition: background .2s;}
.customer .custArea .dtable li:nth-child(even) {border-left: 1px solid #ddd;}
.customer .custArea .dtable li:last-child:nth-child(odd) {width: 100%;}
.customer .custArea .dtable li:hover {background: #f7f8fb;}
.customer .custArea .dtable li a {display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; padding: 0 40px 0 25px; line-height: 60px; color: #444; z-index: 1;}
.customer .custArea .dtable li:hover a {color: #061f5c;}
.customer .custArea .dtable li:after {content:''; display:block; width: 10px; height: 16px; position: absolute; right: 15px; top: 20px; background: url(/files/images/arrow-r.png) no-repeat center; z-index: 2; pointer-events: none;}
.main-vs .bx-wrapper .bx-prev {left: 0;}
.main-vs .bx-wrapper .bx-next {right: 0;}
.m-img img, .NoneCourse img {width: 100%; height:200px;  border-radius:7px;}
.banner13 .banner:last-child {width: 100%;}



/* sub */
.topvisual {text-align: center; position: relative; height: 250px; display: none;}
.sub_bg {height: 250px; text-align: center; margin-top: -27px; /* position: relative; */}
.topvisual p {text-align: center; font-size: 18px; color: #fff; position: relative; top: 80px;}
.sub_img {display: block; font-size: 38px; color: #fff; font-weight: bold; text-align: center; top: 110px; position: relative;}
#sub-container {padding: 40px 0;}
.sub-title {margin: 0 0 50px; text-align: center; border-bottom: 1px solid #ddd;}
.sub-title h3 {letter-spacing: -1px; display: inline-block; border-bottom: 4px solid #52618a; padding-bottom: 10px;}



.tchDet {}
.tchDet .section {display: table;}
.tchDet .section .right {width: 60%; max-width: 672px; float: left;}
.tchDet .section .left {width: 40%; float: left; height: 450px; position: relative; text-align: center;}
.tchDet .section .left img {width: auto; max-width: 100%; position: absolute; bottom: 0; height: auto; max-height: 450px; right: 10%;}
.tchDet .tcstit {font-size: 60px; font-weight: 900; color: #000; margin-bottom: 40px;}
.tchDet .tcstit span {color: #ff0009;}
.tchDet .tcstit p {font-size: 30px; font-weight: 500; color: #666;}
.tchDet .coursetit {font-size: 26px; font-weight: 500; padding-left: 20px; position: relative; margin-bottom: 10px; display: inline-block; margin-left: 42%;}
.tchDet .coursetit:before {content: ""; display: block; width: 0; height: 0; border-top: 7px solid transparent; border-right: 10px solid transparent; border-bottom: 7px solid transparent; border-left: 10px solid #ff0009; position: absolute; top: 11px; left: 0;}
.tchDet .tabArea {position: relative; background: #fff; border: 1px solid #ddd;}
.tchDet .tab {display: table; width: 100%;}
.tchDet .tab button {width: 25%; float: left; background: #fff; font-size: 15px; color: #666; font-weight: 400; border-bottom: 1px solid #ddd; padding: 0; height: 50px; line-height: 50px;}
.tchDet .tab button + button {border-left: 1px solid #ddd;}
.tchDet .tablinks.active {background: #000; color: #fff; font-weight: 500;}
.tchDet .tabcontent {padding: 15px;}
.tchDet .tabcontent .youtubeWrap {margin: 0;}
.tchDet .tabcontent .txtArea {font-size: 16px; padding: 25px;}
.tchDet .tabcontent .txtArea p, .tchDet .tabcontent .txtArea li {text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:100%; overflow:hidden; padding: 6px 0;}
.tcbottom {}
.bottomtab {background: #000; width: 100%;}
.bottomtab ul {display: table; width: 100%; text-align: center; height: 76px; line-height: 76px;}
.bottomtab ul li {width: 25%; float: left; background: #222; border-left: 1px solid #666; color: #fff; font-size: 18px; font-weight: 400;}
.bottomtab ul li:last-child {border-right: 1px solid #666;}
.bottomtab ul li.active, .bottomtab ul li:hover {background: #0859a8;}
.bottomtab ul li a {display: block;}
.bottomtabCon {padding-top: 50px;}



.teacherview-tap ul li {border: 0; border-left: 1px solid #666; height: 76px; line-height: 76px;}
.teacher_kate_con {padding-top: 80px; background: #f8f8f8 url(/files/images/tchDet_bg.jpg) no-repeat bottom center; margin-bottom: 0;}
.teacherTop .right {width: 40%; float: right; padding-left: 20px;}
.teacherTop .right img {width: auto; max-width: 100%;}
.dtable .table-th.tcTab {width: 20%; background: #fff; text-align: center; padding: 0; height: 50px; line-height: 50px; font-size: 15px; font-weight: 400; border-top: 0; cursor: pointer; border-bottom: 1px solid #ddd;}
.dtable .table-th.tcTab + .table-th.tcTab {border-left: 1px solid #ddd;}
.dtable.tcContent {position: relative; padding: 35px; background: #fff;}
.tabArea .dtable.tcContent:nth-child(2) {padding: 15px;}
.dtable.tcContent:last-child {border-bottom: 0;}
.dtable.tcContent .youtubeWrap {margin: 0;}
.bottomtab .teacherview-tap {margin: 0 auto;}
.teacherview-tap ul li + li {margin-left: 0;}
.teacherview-tap ul li a {font-weight: 400; color: #fff; font-size: 18px; font-weight: 400;}
.teacherview-tap ul {border-bottom: 0;}
.section.bottomcon {margin: 50px auto;}


.bg_21 {background: url(/files/images/sub-bg6.jpg) no-repeat center;}
.bg_3, .bg_56 {background: url(/files/images/sub-bg1.jpg) no-repeat center;}
.bg_1 {background: url(/files/images/sub-bg2.jpg) no-repeat center;}
.bg_2 {background: url(/files/images/sub-bg3.jpg) no-repeat center;}
.bg_5 {background: url(/files/images/sub-bg4.jpg) no-repeat center;}
.bg_6, .bg_34, .bg_0 {background: url(/files/images/sub-bg5.jpg) no-repeat center;}

.depth3_list a {width: 20%; text-align: center; padding: 0; height: 50px; line-height: 50px; white-space: nowrap; font-size: 16px; font-weight: 400;}
.btn-depth3.focus, .depth3_list a:hover {line-height: 50px;}
.photo-txt .title {height: 40px;}
.padding-wrap {padding-bottom: 65%;}
.padding-wrap.utbThumbWrap {padding-bottom: 55%;}
.utbThumbWrap .img-wrap img {margin-top: -10%;}
.book-cate {display: none;}
.dtable.tcContent {display: block; max-height: 379px; overflow: auto;}
.teacher_box > a > .techer-img img {width: 100%;}

/* .bg_21:before {content:'진정한 디지털 혁신을 위한 가장 강력한 디자인 동력'; display: block; position: absolute; text-align: center; width: 100%; font-size: 18px; color: #fff; top: 80px;} */


/* 메인배너 */
.bannerWrap.banner13 .banner:last-child {display: none;}


.myorder-tab li:nth-child(2), .myorder-tab li:nth-child(3) {display: none;}



/* progrma download */
a.pop_con_download {display:block; margin:20px; background:#000; color:#fff; padding:20px;}
a.pop_con_download:nth-child(1) {background:#ea5867;}
a.pop_con_download:nth-child(2) {background:#7e00ff;}
a.pop_con_download:nth-child(3) {background:#008891;}
a.pop_con_download:nth-child(4) {background:#0092ff;}
.pop_con_arrow {float:right; position:relative; top:8px;}
.pop_con_down {width:30px; height:30px; margin-right:10px;}
.pop_top {background:#222; color:#fff; padding:30px 20px;}
.pop_top h1 {font-size:24px; color:#fff;}
.pop_con {padding:10px 20px;}
.pop_con p {padding:10px 0;}
.pop_con h2 {padding-top:20px;}
.btn_closed a {display:block; max-width:200px; text-align:center; margin:0 auto; background:#222; color:#fff; padding:15px 0; border-radius:50px;}


.c-List-Type ul li:nth-child(1) {width: 250px; position: relative;}
.stateBtn {position: absolute; top: 0; left: 0; color: #fff; letter-spacing: -1px; font-size: 12px; white-space: nowrap; padding: 3px 6px; border-radius: 5px; margin: 5px;}
.state1 {background: #2196f3;}
.state2 {background: #ff0000;}
.state3 {background: #000;}
.state4 {background: #795548;}
.icon-Box {display: none;}
.c-List-Type ul li {font-size: 14px;}
.appDate {color: #3c3c3c; font-weight: 500;}
.m-img {position: relative;}
.maxcount {color: #FF5722;padding: 0 5px;white-space: nowrap;font-size: 13px;font-weight: 500;}
.m-txt .appDate {font-size: 14px;margin-top: 10px;padding-top: 5px;border-top: 1px solid #ddd;}
.m-txt .maxcount {text-align: right;}
.detail-top .left {position: relative;}
.detail-top .right table {font-size: 14px;}
.select_dsg::after {top: 8px; font-size: 10px;}

.bannerWrap.banner16 .banner:last-child {display: none;}
.card-req {padding: 50px; font-size: 18px; width: 100%;}
.card-req td {padding: 10px 0; border-bottom: 1px solid #ddd; width: auto;}
.card-req td:first-child {width: 150px;}

.mbsList ul, .mbsDetail {display: inline-block; width: 100%;}
.mbsList ul li {float: left; width: 23.5%;}
.mbsList ul li + li {margin-left: 2%;}
.mbsList ul li:nth-child(5), .mbsList ul li:nth-child(9), .mbsList ul li:nth-child(13), .mbsList ul li:nth-child(17) {margin-left: 0;}
.mbsList ul .mbs-img {position: relative; overflow: hidden; padding-top: 56%;}
.mbsList ul li img {width: 100%; position: absolute; top: 0;}
.mbsList ul li h2 {font-weight: 400; color: #000; margin-top: 10px; height: 54px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;word-wrap:break-word; margin-bottom: 40px;}
.mbsDetail .img {width: 50%; float: left;}
.mbsDetail .img img {width: 100%;}
.mbsDetail .detBox {width: 50%; float: left; padding-left: 20px;} 
.mbsCourse ul {display: table;}
.mbsCourse ul li {display: table-cell;}
.mbsDetail {margin-bottom: 30px;}
.mbsCourse h2 {margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #333;}
.mbsCourse ul {padding: 10px; border-bottom: 1px solid #ddd; display: table; width: 100%;}
.mbsCourse ul li {display: middle; vertical-align: middle; font-size: 16px;}
.mbsCourse ul li:nth-child(1) {width: 60px;}
.mbsCourse ul li:nth-child(2) {width: auto;}
.mbsCourse ul li:nth-child(3) {width: 100px;}
.mbsCourse ul li:nth-child(4) {width: 100px;}
.mbsCourse ul li button {background: #fff;    border: 1px solid #000;    color: #000;    height: 27px;    margin: 2px;    min-height: auto;}
.mbsTabs {display: inline-block; width: 100%; margin-bottom: 40px; border-bottom: 1px solid #ddd;}
.mbsTabs a {display: block; width: 16%; float: left; padding: 10px; text-align: center; background: #f9f9f9; color: #333; font-size: 16px; font-weight: 500; border: 1px solid #ddd; border-bottom: 0;}
.mbsTabs a:hover {background: #f3f3f3;}
.mbsTabs a + a {margin-left: 0.5%;}
.mbsTabs a.active {background: #ff0009; color: #fff;}


.utbThumbWrap .utbThumb {top: 0;}
.utbThumb {margin-top: 0;}


@media (min-width: 835px){

}

@media (min-width: 481px){
	
}

@media (max-width:1024px) {
	.companyInfo li:last-child {padding:5% 0 0 10%;}
	.companyBox {height:412px;}
	.companyPicture {bottom:-106px;}
}

@media all and (min-width:481px) and (max-width:767px){
	.memberJoin-li li {width:100%; max-width:380px; margin:0 auto; float:none;}
	.memberJoin-li li:first-child {margin:0 auto;}
	.memberJoin-box-bottom {border:1px solid #ddd; height:auto; padding:55px 0 75px;}
	a.memberJoin-box-button {margin-bottom:20px;}
	.membershipPay-box-title {letter-spacing:-2px;}
}

@media (max-width: 834px) {
	.topNoti {width: 60%; padding-left: 10px;}
	.snsArea {width: 40%;}
	.customer .custArea .inlineblock li:last-child {padding-left: 0;}
	.customer .custArea .dtable li {width: 100%;}
	.bx-wrapper .bx-prev {left: -10px;}
	.bx-wrapper .bx-next {right: -10px;}
	.book_1Box {padding: 25px 10px;}
	.customer .custArea .dtable li:nth-child(even) {border-left: 0;}
	.top-logo {margin-left: 10px;}
	.tchDet .section .left {height: auto; position: relative;}
	.tchDet .section .left img {height: auto; right: 0; position: relative;}
	.companyBox {height:300px;}
	.companyText {font-size:22px;}
	.locationInfo li {height:200px;}
	.myMembership-box {padding:60px 40px 50px;}
	.memberJoin-box-price {font-size:24px;}
	.memberJoin-box-sale {font-size:18px;}
	.memberJoin-box-text {font-size:14px;}
	.memberJoin-box-bold {font-size:16px; letter-spacing:-1px;}
	.mbsTabs a {width: 32.8%; margin-bottom: 3px; border: 1px solid #ddd;}
	.mbsTabs a:nth-child(4) {margin-left: 0;}
	.mbsTabs {border-bottom: 0;}
}

@media (max-width: 768px){
	.companyTitle {font-size:45px;}
	.companyBox {height:270px;}
	.companyText {font-size:20px;}
	.mobileInfotext {padding:10px;}
	.membershipPay-box {padding:50px 60px;}
	.membershipPay-box-title {font-size:30px;}
	.membershipPay-table li {font-size:15px;}
}

@media (max-width: 480px) {
	.calenBody .weekLine li {display: block; width: 100%; border-top: 1px solid #ddd;}
	.calenBody .weekLine li + li {border-left: 0;}
	.courseBox ul li, .slider_boxphoto .btext {width: 49%; min-height:auto;}
	.courseBox ul li + li, .slider_boxphoto .btext + .btext {margin-left: 0;}
	.courseBox ul li:nth-child(even) {margin-left: 2%;}
	.slider_boxphoto .btext:nth-child(even) {margin-left: 2%; margin-bottom: 10px;}
	.banner13 .banner:nth-child(1) {display: none;}
	.bannerWrap.banner13 .banner:last-child {display: block;}
	.mBnner-bottom > div, .customer > .section > div {width: 100%;}
	.mBnner-bottom > div + div, .customer > .section > div + div {margin-left: 0; margin-top: 10px;}
	.customer > .section > div + div {margin-top: 30px;}
	.pd80 {padding: 40px 0;}
	.course_1 {padding-bottom: 0px;}
	.m-title {font-size: 22px;}
	.m-txt .appDate{margin-top:5px; padding-top:5px; }
	.m-txt h2 {font-size: 14px;}
	.m-txt p {font-size: 12px;}
	.m-img img, .NoneCourse img {width: 100%; height:140px;  border-radius:7px;}
	.top-logo {width: 260px;}
	.top-logo img {width: 100%;}
	.cmbody a {width: 33.33333333%; font-size: 14px;}
	.topNoti, .snsArea {width: 100%; padding: 0 10px;}
	.notiBar {height: auto;}
	.snsArea {margin-top: -15px;}
	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {bottom: 15px;}
	.m-txt {padding-top: 7px;}
	.foot-privit {height: auto; line-height: 40px;}
	.company {letter-spacing: -1px;}
	.depth3_list a {width: 50%; margin-top: -1px;}
	.tchDet .section .left {width: 100%; float: none;}
	.tchDet .section .right {width: 100%; float: none; padding: 0; margin: 0;}
	.tchDet .tcstit p {font-size: 18px;}
	.tchDet .tcstit {font-size: 32px;}
	.teacher_kate_con {padding: 40px 2%;}
	.bottomtab .teacherview-tap {width: 100%;}
	.teacherview-tap ul li a {font-size: 15px;}
	.companyInfo li {width:100%;}
	.companyInfo li:last-child {width:100%; padding:0;}
	.companyPicture {position:relative; right:0; bottom:0;}
	.companyBox {height:auto; border:none; border-top:10px solid #0056b8; border-bottom:1px solid #ddd; padding-bottom:30px; margin-bottom:40px;}
	.locationInfo li {width:100%; height:auto;} 
	.bannerWrap.banner16 .banner:first-child {display: none;}
	.bannerWrap.banner16 .banner:last-child {display: block;}
	.mobileInfoimg {border:none;}
	.c-List-Type ul li:nth-child(1) {width: 100%;}
	.membershipPay-box {padding:50px 30px;}
	.membershipPay-box-title {font-size:28px;}
	.membershipPay-table li {font-size:14px;}
	.membershipPay-table li.membershipPay-th {width:40%;}
	.membershipPay-table li.membershipPay-td {padding-left:15px; width:60%;}
	.membershipPay-button {padding-top:20px;}
	.membershipPay-button a {max-width:480px; margin:10px 0; width:90%;}
	.memberJoin-li li {width:100%; margin:0;}
	.memberJoin-box-bottom {padding:50px 0 45px; height:auto;}
	a.memberJoin-box-button {bottom:0; margin-bottom:40px; max-width:480px;}
	.mbsTabs a {font-size: 14px;}
	.mbsList ul li {width: 48%; margin-bottom: 20px;}
	.mbsList ul li + li {margin-left: 0;}
	.mbsList ul li:nth-child(even) {margin-left: 4%;}
	.mbsList ul li h2 {font-size: 15px; height: 48px;}
}

/* FAQ 아코디언 */
.faqAcc {border-top: 2px solid #000; border-bottom: 1px solid #e5e7ee;}
.faqAcc-list {list-style: none; margin: 0; padding: 0;}
.faqAcc-item + .faqAcc-item {border-top: 1px solid #edeff5;}
.faqAcc-question {display: flex; align-items: center; padding: 18px 20px; color: #333; transition: background .2s, color .2s;}
.faqAcc-question:hover, .faqAcc-question:focus {background: #f7f8fb; color: #061f5c; text-decoration: none;}
.faqAcc-badge {flex: 0 0 32px; width: 32px; height: 32px; margin-right: 14px; border-radius: 50%; background: #061f5c; color: #fff; font-size: 15px; font-weight: 700; line-height: 32px; text-align: center;}
.faqAcc-badge-a {background: #eaeef7; color: #52618a;}
.faqAcc-subject {flex: 1 1 auto; min-width: 0; font-size: 16px; line-height: 1.5; letter-spacing: -0.5px; word-break: keep-all;}
.faqAcc-arrow {flex: 0 0 10px; width: 10px; height: 10px; margin: -4px 4px 0 16px; border-right: 2px solid #a0a5b3; border-bottom: 2px solid #a0a5b3; transform: rotate(45deg); transition: transform .25s, border-color .25s;}
.faqAcc-item.on .faqAcc-question {background: #f7f8fb; color: #061f5c; font-weight: 600;}
.faqAcc-item.on .faqAcc-arrow {margin-top: 4px; transform: rotate(-135deg); border-color: #061f5c;}
.faqAcc-answer {display: none; background: #fbfcfe; border-top: 1px dashed #dfe3ee;}
.faqAcc-answer-inner {display: flex; padding: 25px 20px;}
.faqAcc-content {flex: 1 1 auto; min-width: 0; font-size: 15px; line-height: 1.75; color: #555;}
.faqAcc-content img {max-width: 100%; height: auto;}
.faqAcc-content iframe {width: 100%; max-width: 800px; height: auto; aspect-ratio: 16 / 9;}
.faqAcc-content a {color: #2a5bd7; text-decoration: underline; word-break: break-all;}
.faqAcc-empty {padding: 70px 20px; font-size: 15px; color: #a0a5b3; text-align: center;}
.faq_search {margin-top: 10px;}

@media (max-width: 768px){
	.faqAcc-question {padding: 15px 12px;}
	.faqAcc-badge {flex: 0 0 26px; width: 26px; height: 26px; margin-right: 10px; font-size: 13px; line-height: 26px;}
	.faqAcc-subject {font-size: 15px;}
	.faqAcc-arrow {margin-left: 10px;}
	.faqAcc-answer-inner {padding: 20px 12px;}
	.faqAcc-content {font-size: 14px;}
	.faqAcc-empty {padding: 50px 12px; font-size: 14px;}
}