@font-face { font-family: 'Isamanru'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicLight.woff') format('woff'); font-weight: 300; font-display: swap; }
@font-face { font-family: 'Isamanru'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicMedium.woff') format('woff'); font-weight: normal; font-display: swap; }
@font-face { font-family: 'Isamanru'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicBold.woff') format('woff'); font-weight: 700; font-display: swap; }

/*******************************************************************************
                                                                        layout
*******************************************************************************/
.study01 { background: #1D1D1E; }
.study02 { background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/art-study/srt-study02-bg01-211215.png") no-repeat; background-size: cover; }
.study03 { background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/art-study/srt-study03-bg01-211215.jpg") no-repeat; background-size: cover; }
.study04 { background: #fff; }
.study05 { background: #0B102F; }
.study06 { background: #1D1D1E; }
.study07 { background: #000000; }
.art-study .main-video .videoWrap { border-radius: 0; isolation: isolate; }
.art-study > section, .art-study > article{padding: 100rem 0;}
/*******************************************************************************
                                                                        수강문의
*******************************************************************************/
.art-study .study02{padding: 60rem 0;}
.study02 > div > p { margin-bottom: 30rem; font-size: 30rem; color: #fff; }
.study02 > div > p > span { font-weight: 700; color: #FFEE76; }
.study02 > div > div { text-align: center; }
.study02 > div > div > a { display: inline-block; padding: 10rem 60rem; box-shadow: 3rem 3rem 2rem #943F12; background: #FF5F09; font-size: 28rem; color: #fff; transition: background 0.5s; -webkit-border-radius: 8rem; isolation: isolate; -moz-border-radius: 8rem; isolation: isolate; border-radius: 8rem; isolation: isolate; }
.study02 > div > div > a:hover { background: #943F12; transition: background 0.5s; }
/*******************************************************************************
                                                                        하지만
*******************************************************************************/
.art-study .study03{padding-bottom: 200rem;}
.study03 > div .study03-text { margin-bottom: 70rem; font-size: 30rem; }
.study03 > div .study03-text > p { margin-bottom: 40rem; color: #fff; }
.study03 > div .study03-text > p > span { color: #A6FFAF; }
.study03 > div .study03-text > span { display: inline-block; margin-bottom: 16rem; padding: 0 16rem; background: #A6FFAF; color: #000; }
.study03 > div .study03-con { padding: 100rem 0; position: relative; width: 100%; background: #000; }
.study03 > div .study03-con > h4 { position: absolute; top: 0; left: 50%; width: 100%; font-family: "Times New Roman", serif; font-size: 70rem; font-style: italic; font-weight: 300; color: #fff; text-shadow: 0 0 20rem #f7a489; transform: translate(-50%,-50%); }
.study03 > div .study03-con > dl { margin: 0 auto 70rem; width: 660rem; text-align: left; }
.study03 > div .study03-con > dl > dt { margin-bottom: 16rem; position: relative; font-size: 26rem; color: #FD256C; }
.study03 > div .study03-con > dl > dt::before { display: inline-block; margin-top: -2rem; font-size: 26rem; color: #FD256C; text-indent: -28rem; content: 'Q.'; }
.study03 > div .study03-con > dl > dd { font-family: 'Isamanru'; font-size: 22rem; font-weight: 300; color: #fff; }
.study03 > div .study03-con > dl > dd > span { color: #FFC8B6; }
/*******************************************************************************
                                                            비전공자 실제 합격 사례
*******************************************************************************/
.art-study .study04{padding: 0 0 60rem;}
.study04 > div .study04-text { margin: 0 auto; padding: 44rem 0 0; width: 760rem; background: #fff; text-align: center; transform: translateY(-50%); -webkit-border-radius: 8rem 8rem 0 0; isolation: isolate; -moz-border-radius: 8rem 8rem 0 0; isolation: isolate; border-radius: 8rem 8rem 0 0; isolation: isolate; }
.study04 > div .study04-text > h2 { margin-bottom: 26rem; font-size: 46rem; color: #FF0084; }
.study04 > div .study04-text > p { font-size: 26rem; color: #333333; }
.study04 > div > .study04-con { display: flex; align-items: center; justify-content: space-between; margin-bottom: 30rem; width: 100%; }
.study04 > div > .study04-con > figure { position: relative; width: 55%; }
.study04 > div > .study04-con > figure > img { width: 100%; }
.study04 > div > .study04-con > figure > figcaption { padding: 10rem 0; position: absolute; right: 0; bottom: 0; width: 170rem; background: #00000070; text-align: center; }
.study04 > div > .study04-con > figure > figcaption > span { font-size: 18rem; color: #fff; }
.study04 > div > .study04-con > div { width: 40%; text-align: left; }
.study04 > div > .study04-con > div > h4, .study04-con2-row > h4 { display: flex; gap: 4rem; align-items: flex-start; flex-direction: column; margin-bottom: 20rem; padding-bottom: 16rem; border-bottom: 2rem solid #D2D2D2; font-size: 34rem; }
.study04 > div > .study04-con > div > h4 > span, .study04-con2-row > h4 > span { display: flex; align-items: center; }
.study04 > div > .study04-con > div > h4 > span > img, .study04-con2-row > h4 > span > img { display: inline-block; margin-right: 16rem; width: 30rem; }
.study04 > div > .study04-con > div > h4 > span > span , .study04-con2-row > h4 > span > span { font-size: 20rem; color: #555555; }
.study04 > div > .study04-con > div > p , .study04-con2-row > p { margin-bottom: 24rem; font-size: 22rem; }
.study04 > div > .study04-con > div > ul > li, .study04-con2-row > ul > li { margin-bottom: 8rem; font-size: 18rem; color: #000; }
.study04 > div > .study04-con > div > ul > li > i, .study04-con2-row > ul > li > i { color: #008B7A; }
.study04-con2 { margin-top: 60rem; padding: 60rem 40rem; background: #EEEEEE; }
.study04-con2-row { margin-bottom: 60rem; text-align: left; }
.study04-con2-row:last-child { margin-bottom: 0; }
.study04-con2-row > ul { margin-bottom: 60rem; }
.study04-con2-video > iframe { border: none; width: 100%; height: 100%; }
/*******************************************************************************
                                                            비전공자 아트유학 프로세스
*******************************************************************************/
.art-study .study05{padding: 80rem 0;}
.study05 > div > h2 { margin-bottom: 30rem; font-size: 46rem; color: #fff; text-align: center; }
.study05 > div > p { margin-bottom: 70rem; font-size: 26rem; color: #fff; text-align: center; }
.study05 > div > p > span { color: #FFEE76; }
.study05 > div .study05-con-box { padding: 80rem; background: #fff; text-align: left; }
/* 추천 대상, 과정 목표 */
.study05 > div .study05-con-box .study05-con1 { border-bottom: 1rem dashed; }
.study05 > div .study05-con-box .study05-con1> dl { display: flex; justify-content: space-between; margin-bottom: 35rem; }
.study05 > div .study05-con-box .study05-con1> dl > dt { width: 20%; font-size: 22rem; font-weight: 700; }
.study05 > div .study05-con-box .study05-con1> dl > dd { width: 80%; font-size: 22rem; }
.study05 > div .study05-con-box .study05-con1> dl > dd > ul { list-style: square; }
.study05 > div .study05-con-box .study05-con1> dl > dd > ul > li { margin-bottom: 8rem; }
/* step */
.study05 > div .study05-con-box .study05-con2 { padding: 30rem 0; border-bottom: 1rem dashed; }
.study05 > div .study05-con-box .study05-con2 > dl { display: flex; align-items: center; margin: 0 auto 20rem; width: 80%; }
.study05 > div .study05-con-box .study05-con2 > dl > dt { display: flex; align-items: center; justify-content: center; width: 20%; }
.study05 > div .study05-con-box .study05-con2 > dl > dt > p { margin-right: 16rem; font-size: 16rem; font-weight: 700; }
.study05 > div .study05-con-box .study05-con2 > dl > dt > span { display: inline-block; width: 35rem; height: 35rem; background: #0C1D43; font-size: 16rem; font-weight: 700; line-height: 35rem; color: #FFFFFF; text-align: center; -webkit-border-radius: 50%; isolation: isolate; -moz-border-radius: 50%; isolation: isolate; border-radius: 50%; isolation: isolate; }
.study05 > div .study05-con-box .study05-con2 > dl > dd { width: 70%; font-size: 18rem; color: #555555; }
/*강의 시간*/
.study05 > div .study05-con-box .study05-con3 { padding: 40rem 0; }
.study05 > div .study05-con-box .study05-con3 > h3 { margin-bottom: 27rem; font-size: 22rem; font-weight: 700; }
.study05 > div .study05-con-box .study05-con3 > div { display: flex; justify-content: space-between; margin-bottom: 18rem; padding: 40rem 0; border: 1rem solid #959595; }
.study05 > div .study05-con-box .study05-con3 > div > div { padding: 0 20rem; border-left: 1rem dotted #959595; width: 33.3333%; }
.study05 > div .study05-con-box .study05-con3 > div > div:first-child { border-left: none; }
.study05 > div .study05-con-box .study05-con3 > div > div > h4 { margin-bottom: 36rem; font-size: 18rem; color: #5e7cbe; text-align: center; }
.study05 > div .study05-con-box .study05-con3 > div > div > ul { margin-bottom: 26rem; }
.study05 > div .study05-con-box .study05-con3 > div > div > ul > li { margin-bottom: 8rem; font-size: 18rem; color: #000; }
.study05 > div .study05-con-box .study05-con3 > div > div > ul > li:first-child { font-weight: 700; color: #5E7CBE; }
.study05 > div .study05-con-box .study05-con3 > p { font-size: 16rem; color: #666666; }
/* 할인 혜택 */
.study05 > div .study05-con-box .study05-con4 { margin-bottom: 70rem; }
.study05 > div .study05-con-box .study05-con4 > h3 { font-size: 22rem; }
.study05 > div .study05-con-box .study05-con4 > span { display: inline-block; margin-bottom: 16rem; width: 40%; max-width: 368rem;}
.study05 > div .study05-con-box .study05-con4 > span > img { width: 100%; }
.study05 > div .study05-con-box .study05-con4 > p { font-size: 16rem; color: #666666; }
/* 수강 문의 */
.study05 > div .study05-con-box .study05-con5 { text-align: center; }
.study05 > div .study05-con-box .study05-con5 > a { display: inline-block; padding: 10rem 0 18rem; box-shadow: 3rem 3rem 2rem #943F12; width: 50%; background: #FF5F09; font-family: 'Isamanru'; font-size: 28rem; font-weight: 500; line-height: 1.2; color: #fff; -webkit-border-radius: 16rem; isolation: isolate; -moz-border-radius: 16rem; isolation: isolate; border-radius: 16rem; isolation: isolate; max-width: 460rem;}
.study05 > div .study05-con-box .study05-con5 > a:hover { background: #943F12; }
.study05 > div .study05-con-box .study05-con5 > a > span { font-size: 18rem; font-weight: 500; color: #48FF00; }
/*******************************************************************************
                                                                아트유학 포트폴리오
*******************************************************************************/
.study06 > div { display: flex; align-items: center; justify-content: center; margin: 0 auto; padding: 30rem 0; width: 1080rem; box-sizing: border-box; }
.study06 > div > span { display: inline-block; width: 15%; }
.study06 > div > span > img { width: 100%; }
.study06 > div > div { margin-left: 20rem; color: #fff; }
.study06 > div > div > h2 { margin-bottom: 20rem; font-size: 40rem; }
.study06 > div > div > h2 > span { color: #69A82C; }
.study06 > div > div > p { font-size: 20rem; font-weight: 500; color: #fff; }
/*******************************************************************************
                                                                    강남점, 홍대점
*******************************************************************************/
.study07 > div { display: flex; align-items: center; justify-content: center; padding: 40rem 0; }
.study07 > div > p { margin: 0 20rem; font-size: 28rem; color: #fff; }











@media screen and (max-width: 991px) {
	.art-study .study02{padding: 15rem 0;}
    .study02 > div > p { margin-bottom: 8rem; font: var(--edm-f-h5); letter-spacing: var(--edm-f-h5-ls); font-weight: 400;}
    .study02 > div > div > a { padding: 0 21rem; font: var(--edm-f-body2); letter-spacing: var(--edm-f-body2-ls); font-weight: 500; height: 28rem; line-height: 28rem; border-radius: var(--edm-radius1); isolation: isolate;}

	.art-study .study03{padding: 40rem 0 80rem;}
	.study03 > div .study03-text { margin-bottom: 21rem; font: var(--edm-f-h5); letter-spacing: var(--edm-f-h5-ls); font-weight: 400; }
    .study03 > div .study03-text > p { margin-bottom: 10rem; }
    .study03 > div .study03-text > span { margin-bottom: 4rem; padding: 0 4rem; }
    .study03 > div .study03-con { padding: 30rem 0; }
    .study03 > div .study03-con > h4 { width: 100%; font-size: 25rem; letter-spacing: -0.5rem; text-shadow: 0 0 12rem #f7a489; }
    .study03 > div .study03-con > dl { margin: 0 auto 15rem; padding: 0 13rem; width: 100%; line-height: 150%;}
	.study03 > div .study03-con > dl:last-child { margin-bottom: 0;}
    .study03 > div .study03-con > dl > dt { margin-bottom: 5rem; padding-left: 20rem; font: var(--edm-f-body2); letter-spacing: var(--edm-f-body2-ls); font-weight: 500;}
    .study03 > div .study03-con > dl > dt::before { font-size: inherit; letter-spacing: inherit; text-indent: -16rem; margin: 0;}
    .study03 > div .study03-con > dl > dd { padding-left: 20rem; font: var(--edm-f-body2); letter-spacing: var(--edm-f-body2-ls); font-weight: 300;}

	.art-study .study04{padding-bottom: 30rem;}
	.study04 > div .study04-text { padding: 11rem 0 0; width: 100%; }
    .study04 > div .study04-text > h2 { margin-bottom: 8rem; padding: 0; font: var(--edm-f-h4); letter-spacing: var(--edm-f-h4-ls); }
    .study04 > div .study04-text > p { font-size: 14rem; }
    .study04 > div > .study04-con {margin-bottom: 15rem; }
    .study04 > div > .study04-con > figure { margin-bottom: 14rem; width: 50%; }
    .study04 > div > .study04-con > figure > figcaption { padding: 5rem 10rem; width: auto; }
    .study04 > div > .study04-con > figure > figcaption > span { font-size: 12rem; letter-spacing: -0.12rem; }
    .study04 > div > .study04-con > div { width: 50%; padding-left: 16rem;}
	.study04-con2-row{margin-bottom: 39rem;}
    .study04 > div > .study04-con > div > h4, 
	.study04-con2-row > h4 { margin-bottom: 10rem; padding-bottom: 8rem; font: var(--edm-f-h4); letter-spacing: var(--edm-f-h4-ls); }
    .study04 > div > .study04-con > div > h4 > span { margin-left: 0;}
    .study04 > div > .study04-con > div > h4 > span > img, 
	.study04-con2-row > h4 > span > img { margin-right: 6rem; margin-left: 0; width: 20rem; }
    .study04 > div > .study04-con > div > h4 > span > span, 
	.study04-con2-row > h4 > span > span { font: var(--edm-f-detail); letter-spacing: var(--edm-f-detail-ls); font-weight: 500;}
    .study04 > div > .study04-con > div > p, 
	.study04-con2-row > p { margin-bottom: 12rem; font: var(--edm-f-h5); letter-spacing: var(--edm-f-h5-ls); font-weight: 400;}
	.study04-con2-row > ul{margin-bottom: 39rem;}
    .study04 > div > .study04-con > div > ul > li, 
	.study04-con2-row > ul > li { margin-bottom: 4rem; font: var(--edm-f-body2); letter-spacing: var(--edm-f-body2-ls); font-weight: 400;}
	.study04 > div > .study04-con > div > ul > li:last-child, 
	.study04-con2-row > ul > li:last-child { margin-bottom: 0;}
    .study04 > div > .study04-con > div > ul > li, 
	.study04-con2-row > ul > li { display: flex; gap: 8rem; align-items: center; }
    .study04 > div > .study04-con > div > ul > li > i, 
	.study04-con2-row > ul > li > i { width: 12rem; height: 12rem; }
    .study04-con2 { padding: 16rem; margin-top: 39rem;}
    .study04-con2-video { width: 100%; height: auto; aspect-ratio: 16 / 9; }

	.art-study .study05{padding: 20rem 0;}
	.study05 > div { margin: 0 auto; width: 100%; }
    .study05 > div > h2 { margin-bottom: 14rem; font: var(--edm-f-h1); letter-spacing: var(--edm-f-h1-ls); }
    .study05 > div > p { margin-bottom: 25rem; font: var(--edm-f-h5); letter-spacing: var(--edm-f-h5-ls); font-weight: 400;}
    .study05 > div .study05-con-box { padding: 16rem; width: 100%; box-sizing: border-box; }
    /* 추천 대상, 과정 목표 */
    .study05 > div .study05-con-box .study05-con1> dl { display: block; margin-bottom: 18rem; }
    .study05 > div .study05-con-box .study05-con1> dl > dt { margin-bottom: 5rem; width: 100%; font: var(--edm-f-h5); letter-spacing: var(--edm-f-h5-ls);}
    .study05 > div .study05-con-box .study05-con1> dl > dd { margin-left: 16rem; width: 100%; font: var(--edm-f-body2); letter-spacing: var(--edm-f-body2-ls); font-weight: 400;}
    .study05 > div .study05-con-box .study05-con1> dl > dd > ul > li { margin-bottom: 2rem; }
    /* step */
    .study05 > div .study05-con-box .study05-con2 { padding: 18rem 0; }
    .study05 > div .study05-con-box .study05-con2 > dl { display: flex; gap: 4rem; margin: 0 auto 10rem; width: 100%; }
    .study05 > div .study05-con-box .study05-con2 > dl > dt { width: 20%; }
    .study05 > div .study05-con-box .study05-con2 > dl > dt > p { margin-right: 0; font: var(--edm-f-detail); letter-spacing: var(--edm-f-detail-ls); font-weight: 700;}
    .study05 > div .study05-con-box .study05-con2 > dl > dt > span { margin: 0 6rem; width: 22rem; height: 22rem; font-size: 12rem; letter-spacing: -0.12rem; line-height: 22rem; display: inline-block; flex-shrink: 0;}
    .study05 > div .study05-con-box .study05-con2 > dl > dd { font: var(--edm-f-detail); letter-spacing: var(--edm-f-detail-ls); font-weight: 400;}
    /*강의 시간*/
    .study05 > div .study05-con-box .study05-con3 { padding: 18rem 0; }
    .study05 > div .study05-con-box .study05-con3 > h3 { margin-bottom: 10rem; font: var(--edm-f-h5); letter-spacing: var(--edm-f-h5-ls);}
    .study05 > div .study05-con-box .study05-con3 > div {margin-bottom: 5rem; padding: 16rem;}
    .study05 > div .study05-con-box .study05-con3 > div > div:last-child { padding-bottom: 0; border-bottom: none; margin-bottom: 0;}
    .study05 > div .study05-con-box .study05-con3 > div > div > h4 { margin-bottom: 10rem; font: var(--edm-f-h5); letter-spacing: var(--edm-f-h5-ls);}
    .study05 > div .study05-con-box .study05-con3 > div > div > ul { margin-bottom: 10rem;}
    .study05 > div .study05-con-box .study05-con3 > div > div > ul:last-child { margin-bottom: 0; }
    .study05 > div .study05-con-box .study05-con3 > div > div > ul > li { margin-bottom: 4rem; font: var(--edm-f-body2); letter-spacing: var(--edm-f-body2-ls); font-weight: 400;}
	.study05 > div .study05-con-box .study05-con3 > div > div > ul > li:last-child { margin-bottom: 0;}
    .study05 > div .study05-con-box .study05-con3 > p { font-size: 12rem; letter-spacing: -0.12rem;}
    /* 할인 혜택 */
    .study05 > div .study05-con-box .study05-con4 { margin-bottom: 35rem; }
    .study05 > div .study05-con-box .study05-con4 > h3 { font: var(--edm-f-h5); letter-spacing: var(--edm-f-h5-ls);}
    .study05 > div .study05-con-box .study05-con4 > span { margin-bottom: 8rem; width: 100%; }
    .study05 > div .study05-con-box .study05-con4 > p { font-size: 12rem; letter-spacing: -0.12rem; }
	.study05 > div .study05-con-box .study05-con4 > span > img{max-width: 359rem;}
    /* 수강 문의 */
    .study05 > div .study05-con-box .study05-con5 > a { padding: 7rem 0; font-size: 14rem; letter-spacing: -0.14rem; width: 100%; height: 48rem; border-radius: var(--edm-radius3); isolation: isolate;}
    .study05 > div .study05-con-box .study05-con5 > a > span { font-size: 13rem; letter-spacing: -0.13rem; }

	.study06 > div { padding: 21rem; width: 100%; }
    .study06 > div > div { margin-left: 14rem; }
    .study06 > div > div > h2 { margin-bottom: 14rem; font-size: 28rem; }
    .study06 > div > div > p { font-size: 14rem; }

	.study07 > div { padding: 28rem 0; }
    .study07 > div > p { margin: 0 14rem; font-size: 19rem; }
}

@media screen and (max-width: 575px) {
	.study04 > div > .study04-con{display: block;}
	.study04 > div > .study04-con > figure{width: 100%;}
	.study04 > div > .study04-con > div { width: 100%; }

	.study05 > div .study05-con-box .study05-con3 > div{display: block;}
	.study05 > div .study05-con-box .study05-con3 > div > div{margin-bottom: 24rem; padding: 0 0 10rem; border-bottom: 1rem dotted #959595; border-left: none; width: 100%; text-align: center;}
}