/******************************************* 해외대학교 입학/편입 설명회 *******************************************/ #programs-detail .contents .program-intro.ad .box h2{font: var(--edm-f-h3); letter-spacing: var(--edm-f-h3-ls); font-weight: 600; color: var(--edm-color-text-2);} #programs-detail .contents .program-intro.ad .box h2 strong{font: var(--edm-f-h2); letter-spacing: var(--edm-f-h2-ls); color: var(--edm-brand-red); display: block;} #programs-detail .contents .program-intro.ad .box h2 em{font: var(--edm-f-h4); letter-spacing: var(--edm-f-h4-ls); font-weight: 400; display: block; margin: 4rem 0 16rem;} .value-language-study .major-guide{margin-top: 100rem;} .value-language-study .major-guide .titleWrap{text-align: center;} .value-language-study .major-guide .inner .itemWrap li{position: relative; padding-top: 62rem; box-shadow: 0 0 0 1px var(--edm-color-border-blue);} .value-language-study .major-guide .inner .itemWrap li::before{border-radius: var(--edm-radius1); background: linear-gradient(90deg, #FC1D01 0%, #FDA245 100%); color: #fff; position: absolute; left: 24rem; top: 24rem; padding: 0 6rem; font: var(--edm-f-detail); letter-spacing: var(--edm-f-detail-ls); font-weight: 600; height: 26rem; line-height: 26rem; } .value-language-study .major-guide .inner .itemWrap li:nth-child(1)::before{content: '포인트 1'; } .value-language-study .major-guide .inner .itemWrap li:nth-child(2)::before{content: '포인트 2'; } .value-language-study .major-guide .inner .itemWrap li:nth-child(3)::before{content: '포인트 3'; } .value-language-study .major-guide .inner .itemWrap li .tit{font: var(--edm-f-h4); letter-spacing: var(--edm-f-h4-ls); color: var(--edm-color-text-1);} .value-language-study .major-guide .inner .itemWrap li .desc{margin-top: 4rem;} #programs-detail .value-language-study .contents .program-panels .titleWrap{text-align: center;} #programs-detail .value-language-study .contents .program-panels .listType > li > em{background: var(--edm-brand-blue); display: flex; align-items: center; justify-content: center; gap: 8rem;} #programs-detail .value-language-study .contents .program-panels .listType > li > em i{width: 27rem; height: 20rem; background-size: contain; background-repeat: no-repeat; background-position: center;} #programs-detail .value-language-study .contents .program-panels .listType > li > em i + i{margin-left: -4rem;} #programs-detail .value-language-study .contents .program-panels .listType > li > em i.ca{background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/value-language-study/flag-ca.svg');} #programs-detail .value-language-study .contents .program-panels .listType > li > em i.uk{background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/value-language-study/flag-uk.svg');} #programs-detail .value-language-study .contents .program-panels .listType > li > em i.au{background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/value-language-study/flag-au.svg');} #programs-detail .value-language-study .contents .program-panels .listType > li > em i.nz{background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/value-language-study/flag-nz.svg');} #programs-detail .value-language-study .contents .program-panels .listType .textBox{padding-left: 92rem; position: relative;} #programs-detail .value-language-study .contents .program-panels .listType .textBox .logo{width: 64rem; height: 28rem; position: absolute; left: 24rem; top: 24rem;} #programs-detail .value-language-study .contents .program-panels .listType .textBox.transparent{background: transparent; padding: 12rem 0; text-align: center; box-shadow: none;} #programs-detail .value-language-study .contents .program-panels .listType .textBox.transparent strong{color: var(--edm-brand-blue); font: var(--edm-f-body2); letter-spacing: var(--edm-f-body2-ls); font-weight: 600; margin: 0;} @media screen and (max-width: 991px) { #programs-detail .contents .program-intro.ad .box h2{font: var(--edm-f-body1); letter-spacing: var(--edm-f-body1-ls);} #programs-detail .contents .program-intro.ad .box h2 strong{font: var(--edm-f-h4); letter-spacing: var(--edm-f-h4-ls);} #programs-detail .contents .program-intro.ad .box h2 em{font: var(--edm-f-body1); letter-spacing: var(--edm-f-body1-ls); font-weight: 400; margin: 4rem 0 12rem;} .value-language-study .major-guide{margin-top: 50rem;} .value-language-study .major-guide .inner .itemWrap li{padding-top: 50rem;} .value-language-study .major-guide .inner .itemWrap li::before{top: 16rem; left: 16rem; font: var(--edm-f-body2); letter-spacing: var(--edm-f-body2-ls); font-weight: 600; height: 26rem; line-height: 26rem; } .value-language-study .major-guide .inner .itemWrap li .desc{font: var(--edm-f-h5); letter-spacing: var(--edm-f-h5-ls); font-weight: 400;} #programs-detail .value-language-study .contents .program-panels.panel-tabs .program-panels__tab-wrap .listType > li > em{height: 100%; background: #C5C5C5;} #programs-detail .value-language-study .contents .program-panels.panel-tabs .program-panels__tab-wrap .listType > li > em i{display: none;} #programs-detail .value-language-study .contents .program-panels.panel-tabs .program-panels__tab-wrap .listType > li.active > em{background: var(--edm-brand-blue);} #programs-detail .value-language-study .contents .program-panels.panel-tabs .program-panels__tab-wrap .program-panels__tab-panel > .textBox.transparent{background: transparent; padding: 12rem 0; text-align: center; box-shadow: none;} #programs-detail .value-language-study .contents .program-panels.panel-tabs .program-panels__tab-wrap .program-panels__tab-panel > .textBox.transparent strong{color: var(--edm-brand-blue); font: var(--edm-f-body2); letter-spacing: var(--edm-f-body2-ls); font-weight: 600; margin: 0;} #programs-detail .value-language-study .contents .program-panels.panel-tabs .program-panels__tab-wrap .program-panels__tab-panel > .textBox{padding-left: 70rem; position: relative;} #programs-detail .value-language-study .contents .program-panels.panel-tabs .program-panels__tab-wrap .program-panels__tab-panel > .textBox .logo{position: absolute; left: 16rem; top: 16rem; width: 50rem; height: 22rem;} }