@charset "UTF-8";
/*******************************************************************************
                            패션디자인 - 레이아웃
********************************************************************************/
.fashion-design-section3 { background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/fashion-design/fashion-design-center-bg.jpg") no-repeat center center; background-size: cover; }
.fashion-design-section6, .fashion-design-section4 { background: #EFF1F6; }
.fashion-design-title { margin-bottom: 40rem; font-size: 26rem; line-height: 1.2; }
.fashion-design-title strong { display: block; color: #EC6925; line-height: 1.2;}

.fashion-design h2{font-size: 26rem; line-height: 1.2;}
.fashion-design > article, .fashion-design > section{padding: 65rem 0;}
@media (min-width: 992px) {
    .fashion-design-title { margin-bottom: 80rem; }
    .fashion-design-title * { font-size: 60rem; }

	.fashion-design h2{font-size: 60rem;}
	.fashion-design > article, .fashion-design > section{padding: 100rem 0;}
}

/*******************************************************************************
                        패션디자인 - 의상 제작 노하우 습득!
********************************************************************************/
.fashion-design-section2-img { margin-bottom: 40rem; width: 100%; }
.fashion-design-section2-img1 { background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/fashion-design/fashion-design-img01.jpg") no-repeat center center; background-size: cover; aspect-ratio: 106 / 59; }
.fashion-design-section2-img2 { background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/fashion-design/fashion-design-img02.jpg") no-repeat center center; background-size: cover; aspect-ratio: 80 / 37; }
.fashion-design-section2-con { margin-bottom: 30rem; font-size: 15rem; color: #767676; text-align: left; }
.fashion-design-section2-con > h3 { margin-bottom: 20rem; font-size: 18rem; color: #333333; }
.fashion-design-section2-con > h3 > strong { position: relative; z-index: 2; }
.fashion-design-section2-con > h3 > strong::before { position: absolute; top: 45%; left: 50%; z-index: -1; width: 102%; height: 55%; background: #EC692520; content: ''; transform: translateX(-50%); }
.fashion-design-section2-con > p { margin-bottom: 10rem; }
.fashion-design-section2-con > p:last-child { margin-bottom: 0; }
.fashion-design-section2-con span { color: #CE1126; }
.fashion-design-section2-con > ul { margin-bottom: 10rem; }
.fashion-design-section2-con > ul:last-child { margin-bottom: 0; }
.fashion-design-section2-con > ul > li { padding-left: 10rem; position: relative; }
.fashion-design-section2-con > ul > li::before { position: absolute; top: 0; left: 0; content: 'ㆍ'; transform: translateX(-20%); }
.fashion-design-section2-con > table { margin-bottom: 30rem; width: 100%; text-align: center; border-collapse: collapse; }
.fashion-design-section2-con > table:last-child { margin-bottom: 0; }
.fashion-design-section2-con > table caption { margin-bottom: 10rem; text-align: left; }
.fashion-design-section2-con > table caption > strong { display: inline-block; padding: 4rem 10rem; background: #EC6925; font-size: 14rem; font-weight: 400; color: #fff; -webkit-border-radius: 40rem; isolation: isolate; -moz-border-radius: 40rem; isolation: isolate; border-radius: 40rem; isolation: isolate; }
.fashion-design-section2-con > table th, .fashion-design-section2-con > table td { padding: 10rem; color: #767676;}
.fashion-design-section2-con > table th { background: #F8F8F8; font-size: 16rem; font-weight: 700;}
.fashion-design-section2-con > table td { border-top: 1rem solid #C5C5C5; border-bottom: 1rem solid #C5C5C5; width: 40%; font-size: 13rem; }
.fashion-design-section2-con > table td:last-child { width: 45%; }
.fashion-design-section2-con > table td:first-child { width: 15%; }
.fashion-design-section2-con > table td + td, .border-left { border-left: 1rem solid #c5c5c5; }
.fashion-design-section2-con > table td > ul { text-align: left; }
.fashion-design-section2-con > table td > ul > li { padding-left: 16rem; position: relative; }
.fashion-design-section2-con > table td > ul > li::before { position: absolute; top: 0; left: 0; content: 'ㆍ'; }
.fashion-design-section2-con small { display: block; padding-left: 20rem; position: relative; font-size: 13rem; color: #767676; }
.fashion-design-section2-con small::before { position: absolute; top: 0; left: 0; content: '※'; }
@media (min-width: 992px) {
    .fashion-design-section2-img { margin-bottom: 80rem; }
    .fashion-design-section2-con { margin-bottom: 60rem; font-size: 20rem; }
    .fashion-design-section2-con > h3 { font-size: 36rem; }
    .fashion-design-section2-con > h3 > strong { position: relative; z-index: 2; }
    .fashion-design-section2-con > p { margin-bottom: 20rem; }
    .fashion-design-section2-con > ul { margin-bottom: 20rem; }
    .fashion-design-section2-con > ul > li { padding-left: 20rem; }
    .fashion-design-section2-con > table { margin-bottom: 60rem; }
    .fashion-design-section2-con > table caption { margin-bottom: 20rem; }
    .fashion-design-section2-con > table caption > strong { padding: 0 20rem; font-size: 20rem; height: 46rem; line-height: 46rem;}
    .fashion-design-section2-con > table th, .fashion-design-section2-con > table td { padding: 20rem; }
    .fashion-design-section2-con > table th { font-size: 18rem; }
    .fashion-design-section2-con > table td { font-size: 16rem; }
    .fashion-design-section2-con > table td > ul > li { padding-left: 20rem ; }
    .fashion-design-section2-con small { padding-left: 16rem; font-size: 16rem; }
}
/*******************************************************************************
                        패션디자인 - 의상 제작 노하우 습득!
********************************************************************************/
.fashion-design-section3 .art-logo { margin-bottom: 20rem; }
.fashion-design-section3 p { margin-bottom: 20rem; font-size: 15rem; color: #767676; }
.fashion-design-section3-con { display: grid; padding: 30rem 40rem; background: #FFFFFF; grid-template-columns: repeat(2,1fr); }
.fashion-design-section3-con li { display: flex; align-items: center; justify-content: center; height: 50rem; }
.fashion-design-section3-con .img1 { height: 50rem; }
.fashion-design-section3-con .img2 { height: 50rem; }
.fashion-design-section3-con .img3 { height: 21rem; }
.fashion-design-section3-con .img4 { height: 18rem; }
@media (min-width: 992px) {
    .fashion-design-section3 .art-logo { margin-bottom: 20rem; width: 400rem; display: block; margin-left: auto; margin-right: auto; }
    .fashion-design-section3 p { margin-bottom: 40rem; font-size: 20rem; }
    .fashion-design-section3-con { padding: 0 100rem; grid-template-columns: repeat(4,1fr); }
    .fashion-design-section3-con li { height: 150rem; }
    .fashion-design-section3-con .img1 { height: 89rem; }
    .fashion-design-section3-con .img2 { height: 91rem; }
    .fashion-design-section3-con .img3 { height: 40rem; }
    .fashion-design-section3-con .img4 { height: 34rem; }
}
/*******************************************************************************
                            패션디자인 - 합격 후기
********************************************************************************/
.fashion-design-section4-con { margin-bottom: 40rem; text-align: left; }
.fashion-design-section4-imgBox { margin-bottom: 20rem; width: 100%; background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/fashion-design/fashion-design-img03.jpg"); background-repeat: no-repeat; background-position: 0 0; background-size: 400%; aspect-ratio: 52 / 35; }
.fashion-design-section4-img2 { background-position: 33.3% 0; }
.fashion-design-section4-img3 { background-position: 66.7% 0; }
.fashion-design-section4-img4 { background-position: 100% 0; }
.fashion-design-section4-textBox > h3 { font-size: 18rem; }
.fashion-design-section4-textBox > h3::after { display: inline-block; margin-left: 4rem; padding: 0 6rem; background: #CE1126; font-size: 14rem; color: #fff; content: '합격'; -webkit-border-radius: 50rem; isolation: isolate; -moz-border-radius: 50rem; isolation: isolate; border-radius: 50rem; isolation: isolate; height: 21rem; line-height: 21rem;}
.fashion-design-section4-textBox > p { margin-bottom: 20rem; font-size: 14rem; color: #767676; }
.fashion-design-section4-textBox-con > p:last-child { margin-bottom: 0; }
.fashion-design-section4-textBox-con { padding: 20rem 20rem 20rem 40rem; background: #fff; -webkit-border-radius: 15rem; isolation: isolate; -moz-border-radius: 15rem; isolation: isolate; border-radius: 15rem; isolation: isolate; }
.fashion-design-section4-textBox-con > p { margin-bottom: 16rem; position: relative; font-size: 15rem; color: #767676; }
.fashion-design-section4-textBox-con > p::before { position: absolute; top: 0; right: 100%; font-size: 18rem; font-weight: 700; color: #000; content: '"'; transform: translate(-10rem, -10rem); }
.fashion-design-section4 .fashion-design-section4-title { margin-bottom: 0; font-size: 22rem; }
.fashion-design-section4 .fashion-design-section4-title h2{font-size: 22rem;}
@media (min-width: 992px) {
    .fashion-design-section4-con { display: flex; justify-content: space-between; margin-bottom: 60rem; }
    .fashion-design-section4-imgBox { margin-bottom: 0; width: calc(50% - 20rem); }
    .fashion-design-section4-textBox { width: calc(50% - 20rem); }
    .fashion-design-section4-textBox > h3 { font-size: 28rem; display: flex; align-items: center; }
    .fashion-design-section4-textBox > h3::after { margin-left: 10rem; padding: 0 12rem; font-size: 18rem; height: 27rem; line-height: 27rem;}
    .fashion-design-section4-textBox > p { font-size: 20rem; }
    .fashion-design-section4-textBox-con { padding: 30rem 20rem 30rem 46rem; background: #fff; }
    .fashion-design-section4-textBox-con > p { font-size: 18rem; }
    .fashion-design-section4-textBox-con > p::before { font-size: 28rem; }
	.fashion-design-section4 .fashion-design-section4-title h2{font-size: 40rem;}
    .fashion-design-section4 .fashion-design-section4-title * { font-size: 40rem; }
}

/*******************************************************************************
                            패션 스튜디오 완비 - 230331 추가
********************************************************************************/
.fashion-design-section6-con { margin-bottom: 40rem; text-align: left; }
.fashion-design-section6-con:last-of-type { margin-bottom: 0; }
.fashion-design-section6-con h3 { font-size: 18rem; margin-bottom: 20rem;}
.fashion-design-section6-con p { margin-bottom: 20rem; font-size: 15rem; }
.fashion-design-section6-imgBox.img1 { background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/fashion-design/fashion-design-section3-img01.jpg") no-repeat center center; background-size: cover; aspect-ratio: 9 / 5; }
.fashion-design-section6-imgBox.img2 { background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/fashion-design/fashion-design-section3-img02.jpg") no-repeat center center; background-size: cover; aspect-ratio: 54 / 25; }
.fashion-design-section6-imgBox.img3 { background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/fashion-design/fashion-design-section3-img03.jpg") no-repeat center center; background-size: cover; aspect-ratio: 108 / 29; }
.fashion-design-section6-imgBox.img4 { background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/fashion-design/fashion-design-section3-img04.jpg") no-repeat center center; background-size: cover; aspect-ratio: 54 / 25; }
@media (min-width: 992px) {
    .fashion-design-section6-con { margin-bottom: 80rem; }
    .fashion-design-section6-con h3 { font-size: 36rem; margin-bottom: 22rem;}
    .fashion-design-section6-con p { margin-bottom: 22rem; font-size: 20rem; }
}