@charset "utf-8";
/* 공통 */
.tabItem {display:none;}
.tabItem.on {display:block;}

.table.type1 {width:100%;}
.table.type1 tr th:last-of-type,.table.type1 tr td:last-of-type {border-right:0;}
.table.type1 tr th p {transform:rotate(0.03deg);}
.table.type1 thead tr {border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.table.type1 thead tr th {color:#fff; font-weight:500; text-align:center; padding:10px; background:var(--bluegray); border-right:1px solid #ddd;}
.table.type1 tbody tr {border-bottom:1px solid #ddd;}
.table.type1 tbody tr td {text-align:center; padding:10px; color:#000; border-right:1px solid #ddd;}
.table.type1 tfoot tr {border-bottom:1px solid #ddd;}
.table.type1 tfoot tr td {text-align:center; background:#f4f4f4; border-right:1px solid #ddd; padding:10px;}

.padding50 {display:inline-block; height:50px;}

@media screen and (max-width:768px){
	.tableWrap {overflow-x:auto;}
	.table.type1 {min-width:600px;}
	.padding50 {display:inline-block; height:50px;}
}

.table.type3 {width:100%;}
.table.type3 thead tr {border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;}
.table.type3 thead tr:first-child {border-top:2px solid #000;}
.table.type3 thead tr th {color:#000; font-weight:500; text-align:center; padding:12px; background:#f5f5f5; border-left:1px solid #e6e6e6;}
.table.type3 thead tr th p {transform:var(--textRotate);}
.table.type3 thead tr td {text-align:center; padding:12px;}
.table.type3 thead tr th.no-bd {border-left:0;}
.table.type3 tbody tr {border-bottom:1px solid #e6e6e6;}
.table.type3 tbody tr td {text-align:left; padding:12px; color:#000;}
.table.type3 tr td~td {border-left:1px solid #e6e6e6;}
.table.type3 tbody tr td.bd {border-left:1px solid #e6e6e6;}
.table.type3 .txt-center td {text-align:center;}
@media screen and (max-width:768px){
	.tableWrap {overflow-x:auto;}
	.table.type3 {min-width:600px;}
}

.subTitType1 {position:relative; padding:20px 0 !important; font-size:24px; color:#000; line-height:1; transform:var(--textRotate);}
.subTitType1:before {width:20px; height:4px; background:var(--orange); left:0; top:5px; content:''; display:block; position:absolute;}
.subTitType1 span.c_red {font-size:16px; position:absolute; right:0; top:20px; font-weight:500; transform:var(--textRotate);}


/* 교육과정 개요 */
.course h2 {font-size:34px; color:#000; transform:var(--textRotate);} 
h2+.cont_box {margin-top:40px;}
.cont_box+.cont_box {margin-top:50px;}
.course .cont_box img {max-width:100%;}
.course .cont_box > ul {margin-top:25px;}
.course .cont_box > ul li {position:relative; padding-left:20px; font-size:17px;}
.course .cont_box > ul li+li {margin-top:10px;}
.course .cont_box > ul li:before {content:""; display:block; width:5px; height:5px; background:#ccc; border-radius:50%; position:absolute; top:10px; left:5px;}
.course .cont_box strong {font-weight:400; color:var(--orange);}
.course .route_box {position:relative; margin-bottom:20px; background:#fafafa; padding:20px;}
.course .route_box a {position: relative; display: inline-block; font-weight:500;
font-size:1rem; transition:all .3s; transform:var(--textRotate);}
.course .route_box a span+span {position:relative; padding-left:25px;}
.course .route_box a span+span:before {content:""; display:block; position:absolute; left:8px; top:2px; background:url(/images/course/i-route.png) no-repeat center / contain; width:9px; height:13px;}
.course .route_box a:hover {text-decoration:underline!important;}
.course .route_box a:before {content: ''; display:inline-block; width:35px; height:30px;
margin-right:15px; vertical-align:middle; background:url(/images/course/i-view.svg) no-repeat center/contain;}
.course .route_box a:after {content: ''; display:inline-block; transform:translateY(2px);
margin-left:8px; width:15px; height:15px; background:url(/images/course/ico_link.png) no-repeat;}
.course .faq_box .tabWrap ul {display:flex; align-items:inherit; flex-wrap:wrap; margin-bottom:30px;}
.course .faq_box .tabWrap ul li {display:flex
; align-items:center; justify-content: center; height:100%; width:calc(20% - 10px);
min-height:65px; text-align:center; background:#f9f9f9;
color:#555; border:1px solid #ececec; margin:5px; cursor:pointer;}
.course .faq_box .tabWrap ul li.on {background: #fff; border: 1px solid #EA5514 !important; box-shadow: 0px 0 15px rgba(234, 85, 20, .1);}
.course .faq_box .tabWrap ul li span {transform:var(--textRotate); color:#333;}
.course .faq_box .tabWrap ul li.on span {color:#EA5514; font-weight: 600;}
.course .faq_box h4:first-child {border-top:1px solid #333;}
.course .faq_box h4 {position:relative; font-size:17px; padding:30px 20px;
cursor:pointer; border-bottom:1px solid #ddd; font-weight:500; transform:var(--textRotate);}
.course .faq_box h4 span {display: inline-block; font-size:20px; color:#f29300; padding-right:10px; font-weight:600;}
.course .faq-inner li h4:after {content: ''; background:url(/images/course/arrow_down.svg) no-repeat center center; background-size:cover;
position:absolute; right:30px; width:19px; height:13px; top:50%; transform:translateY(-50%);}
.course .faq-inner li.on h4:after{background: url(/images/course/arrow_up.svg) no-repeat center center;}
.course .faq-inner .answer span {display: inline-block; font-weight:600; font-size:20px; color:#333; padding-right: 10px;}
.course .faq-inner .answer {font-size:17px; overflow: hidden; background-color:#f7f7f7;
padding:30px 38px; color:#333; transform:var(--textRotate);}
.course .faq-inner .answer > p {display:inline-block; font-size:17px;}
.course .faq-inner ol {padding-left:30px; margin-top:15px;}
.course .faq-inner ol>li {color:#333;}
.course .faq-inner ol>li+li {margin-top:10px;}
.course .faq-inner ul.small {margin-top:5px; color:#555;}
.course .faq-inner ul.small li {position:relative; padding-left:30px;}
.course .faq-inner ul.small li:before {content:""; display:block; width:8px; height:2px; background:#555; position:absolute; top:11px; left:13px;}
.course .faq-inner .answer .tableWrap {margin-top:10px;}

.course2 .cont_box {}
.course2 .subTitType1 {line-height:1.4;}
.course2 .title {text-align:center; font-size:20px; color:var(--orange); font-weight:700; background: #fff6eb; padding: 20px 0;}
.course2 .plus {text-align:center; font-size:20px; color:#000; font-weight:700; padding: 20px 0;}
.course2 .caption {display:grid; grid-template-columns:500px auto; gap:50px; margin-top:50px; padding:60px; border:1px solid #ddd; border-radius:20px;}
.course2 .caption .con p {font-size: 20px; color: var(--orange); font-weight: 700; margin-bottom:15px;}
.course2 .caption span {display:block;}
.course2 .tableContain {display:grid; grid-template-columns:auto 50px auto;}
.course2 .tableContain .plus {line-height: 160px;}





/* 커리큘럼 */
.course3 .comment article {}
.course3 .comment article~article {margin-top:20px;}
.course3 .comment article h5 {font-size:18px; font-weight:400; color:#fff; background:var(--bluegray); transform:var(--textRotate); padding:12px 20px; display:flex; justify-content:space-between; line-height:1.4;}
.course3 .comment article h5>div {}
.course3 .comment article h5 span {padding-right:20px;}
.course3 .comment article h5 p {display:inline-block; font-weight:500;}
.course3 .comment article>div {border:1px solid #ddd; border-top:0; padding:30px;}
.course3 .comment article>div p~p {margin-top:20px; color:#666;}
.course3 .spacing {height:40px; background:url(/images/course/arr_down.png)no-repeat center;}
.course3 .table.type3 {border-top:2px solid #000; border-bottom:1px solid #e6e6e6;}
.course3 .table.type3 .tit {background:#f5f5f5; text-align:center;}
.course3 .table.type3 .tit p {font-weight:500; transform:var(--textRotate);}
.course3 .table.type3 tr .bar p {position:relative; padding-left:10px;}
.course3 .table.type3 tr .bar p:before {display:block; position:absolute; left:0; top:10px; width:5px; height:2px; background:#999; content:'';}

/* 졸업기준 */
.course4 .etc {margin-top:20px;}
.course4 .etc h4 {font-size:16px; color:#000; font-weight:500; transform:var(--textRotate); background:#f5f5f5; padding:12px; text-align:center; border:1px solid #e6e6e6; border-bottom:0;}
.course4 .etc article {padding:30px 20px; border:1px solid #e6e6e6;}
.course4 .etc article p {position:relative; padding-left:10px; line-height:1.6;}
.course4 .etc article p~p {margin-top:20px;}
.course4 .etc article p:before {display:block; position:absolute; left:0; top:10px; width:5px; height:2px; background:#999; content:'';}

/* ************************ 태블릿 이하(~1199) ************************ */
@media (max-width: 1199px) {
.course h2 {font-size:24px;}
.course h4.cont_tit {margin:40px 0 20px; font-size:1.3rem;}

}

/* ************************ 태블릿 이하(~991) ************************ */
@media (max-width: 991px) {
.course .route_box {padding:30px 40px;}
.course .route_box a:before {position:absolute; top:-5px; left:-25px;}
.course .route_box a {padding-left:30px;}

.course3 .comment article h5 {font-size:16px;}


.course2 .caption {grid-template-columns: auto;}
}

/* ************************ 모바일 ************************ */
@media (max-width: 767px) { 
.subTitType1 {position:relative; padding:20px 0 !important; font-size:20px; color:#000; line-height:1;}
.subTitType1:before {width:15px; height:3px; background:var(--orange); left:0; top:5px; content:''; display:block; position:absolute;}

.table.type3 * {font-size:14px;}
.table.type3 thead tr th,.table.type3 thead tr td,.table.type3 tbody tr td {padding:8px;}

.course .faq_box .tabWrap ul li {width:calc(50% - 10px);}
.course .faq-inner .answer {padding:30px 25px;}
.course .faq-inner ol {padding-left:0;}
.course .faq-inner ul.small li {padding-left:20px; font-size:15px;}
.course .faq-inner ul.small li:before {left:2px;}

.course2 .tableContain {grid-template-columns: auto;}
.course2 .tableContain .plus {line-height:1;}

.course3 .comment article h5 {flex-direction:column; gap:5px;}
.course3 .comment article h5 i {font-size:15px; opacity:0.8;}
.course3 .comment article>div {padding:20px;}

.course4 .etc article {padding:20px 10px;}
.course4 .etc article p~p {margin-top:15px;}
}

/* ************************ 모바일 ************************ */
@media (max-width: 500px) { 

}