<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">body,html{overflow-x: hidden;background:#f6f6f8;}
html{scroll-behavior: smooth;}

html.on{overflow-y: hidden;}

/*�곷떒�앹뾽*/
div.popup-bg{display:none;}
div.popup-wrap{position:relative; width:100%; height:10rem; background:#3c4153; z-index:9999;}
div.popup-wrap div.top-popup{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:70%; }
div.popup-wrap div.top-popup div.t-pop{position:relative;}
div.popup-wrap div.top-popup div.t-pop div.txt{float:left; width:80%;}
div.popup-wrap div.top-popup div.t-pop div.txt &gt; div{color:#fff; overflow:hidden;}
div.popup-wrap div.top-popup div.t-pop div.txt &gt; div.tit{margin-bottom:0.5rem; color:#0adcc3; font-size:1.75rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-family:"NotoKr_B"; letter-spacing:-0.025rem;}
div.popup-wrap div.top-popup div.t-pop div.txt &gt; div.con{font-size:1rem;}
div.popup-wrap div.top-popup div.t-pop div.txt &gt; div.con span.txt-line{display:block; width:100%; height:1.5rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
div.popup-wrap div.top-popup div.t-pop a.link-btn{float:right; position:absolute; top:50%; right:0.3rem; transform:translateY(-50%); display:inline-block; width:9rem; height:2.5rem; line-height:2.5rem; background:#0adcc3; color:#001437; text-align:center; font-family:"Notokr_B";}
div.popup-wrap div.top-popup button.slick-arrow{position:absolute; top:50%; transform:translateY(-50%); width:2rem; height:2rem; border-radius:50%; background:rgba(255, 255, 255, 0.2); font-size:0; text-indent:-9999px;}
div.popup-wrap div.top-popup button.slick-arrow:after{content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); display:block; width:1rem; height:1rem; background:url("/fro_end_kor/img/section04-arrow-off.png") center no-repeat;}
div.popup-wrap div.top-popup button.slick-arrow.slick-prev{left:-14rem; }
div.popup-wrap div.top-popup button.slick-arrow.slick-prev:after{transform:translate(-50%, -50%) rotate(180deg);}
div.popup-wrap div.top-popup button.slick-arrow.slick-next{left:-11rem;}
div.popup-wrap div.close{position:absolute; top:50%; right:3rem; transform:translateY(-50%);}
div.popup-wrap div.close label{margin-right:0.5rem; color:#fff; font-size:0.9rem;}
div.popup-wrap div.close label input[type="checkbox"]{-webkit-appearance:checkbox; appearance:checkbox;}
div.popup-wrap div.close a.close-btn{display:inline-block; vertical-align:middle;}
div.popup-wrap div.close a.close-btn img{display:inline-block; width:2rem; height:2rem;}
/* 2023-03-08 �댁콈由� �붿껌�� �섑븳 �ㅽ��� 蹂�寃� */
div.popup-wrap{background:#b60005;}
div.popup-wrap div.top-popup div.t-pop div.txt &gt; div.tit{font-size:1.7rem; color:#fff;}
div.popup-wrap div.top-popup div.t-pop a.link-btn{background:#fff; color:#b60005;}

/*headertop*/
div.headertop{position:relative;width: 100%;z-index: 800;background: #f6f6f8;height: 3.125rem;overflow: hidden;}
div.headertop &gt; div.inner {margin: 0 3.125rem;height: 100%;}
div.headertop &gt; div.inner div.headertopmenu {float:left; border-left:1px solid #eeeeee; border-right:1px solid #eeeeee; } 
div.headertop &gt; div.inner div.headertopmenu li {float:left;}
div.headertop &gt; div.inner div.headertopmenu li a {display:block; line-height: 3.125rem; text-align:center; width:100px; background-color:#fff; border-left: 1px solid #eeeeee; font-size:0.875rem; font-weight: 600; color:#666666; border-top: 2px solid #fff;font-family: 'Montserrat_SB', sans-serif;}
div.headertop &gt; div.inner div.headertopmenu li:first-child a {border-top: 2px solid #222222; border-left: 0; color:#222222; line-height: 3.125rem;}

div.headertop &gt; div.inner div.headerlang{float:right;}
div.headertop &gt; div.inner div.headerlang li {float:left;position:relative; padding-right: 0.625rem; margin-right:0.625rem; }
div.headertop &gt; div.inner div.headerlang li:after {content:""; position:absolute; width:1px; height:0.625rem; right:0; top:50%;transform:translateY(-50%); background-color:#E1DCD8;}
div.headertop &gt; div.inner div.headerlang li:last-child{margin-right: 0;}
div.headertop &gt; div.inner div.headerlang li:last-child:after{display: none;}
div.headertop &gt; div.inner div.headerlang li a {display:block;font-size:13px;line-height: 3.125rem;letter-spacing: -0.25px;color:#bbbbbb;font-weight: 600;font-family: 'Montserrat_SB', sans-serif;}
div.headertop &gt; div.inner div.headerlang li.on a {color:#ff4900}

/*header*/
header.header{z-index: 500;width: 100%;height: 11.5rem;}
header div.header-wrap{position: relative;height: 100%;width: 100%;}
header div.header-wrap div.header-inner{width: 100%;height: 100%;position: relative;}
header h1.logo {width: 196px; height: 47px; position: absolute;left: 6.25rem;top: 3rem;transform: translateY(0%);z-index: 10;-webkit-transition: top 300ms;transition: top 300ms;background: url("/fro_end_eng/img/header-logo-w.png") center no-repeat;background-size: 100%;}
header h1.logo &gt; a {width: 100%;height: 100%;display: block;}
nav.menu-container {display: block;width: 100%;position: relative;font-size: 0;line-height: 1;text-align: center;z-index: 9;}
nav.menu-container  ul.menu {display: inline-block;vertical-align: top;}
nav.menu-container  ul.menu:after {content: '';display: table;clear: both;}
nav.menu-container  ul.menu a {display: block;line-height: 1.7;-webkit-transition: all 0.3s;transition: all 0.3s;color: #fff;position: relative;z-index: 2;}

/* 1depth */
nav.menu-container ul.menu &gt; li {display: inline-block;vertical-align: top;position: relative;}
nav.menu-container ul.menu &gt; li &gt; a {padding: 3rem 1.5rem 2rem;font-size: 1.125rem;font-weight: 400;}
nav.menu-container ul.menu &gt; li &gt; a &gt; span {font-weight: 400;}
nav.menu-container ul.menu &gt; li &gt; a:after,
nav.menu-container ul.menu &gt; li.current-page-ancestor &gt; a:after{content:""; position:absolute; top:2.75rem; left:50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width:0.3125rem; height:0.3125rem; background:#fff; border-radius:50%; -webkit-transition: 300ms; transition:300ms;}
nav.menu-container ul.menu &gt; li &gt; a:after{opacity:0;-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);-webkit-transform-origin: center;-ms-transform-origin: center;transform-origin: center;}
nav.menu-container ul.menu &gt; li:hover &gt; a:after,
nav.menu-container ul.menu &gt; li.current-page-ancestor &gt; a:after,
nav.menu-container ul.menu &gt; li.current-menu-item &gt; a:after {opacity:1;-webkit-transform: scale(1) translateX(-50%);-ms-transform: scale(1) translateX(-50%);transform: scale(1) translateX(-50%);}
nav.menu-container ul.menu &gt; li &gt; a:hover:after,
nav.menu-container ul.menu &gt; li.current-page-ancestor &gt; a:after{ background:#ccc;}

/* 2depth */
nav.menu-container ul.menu &gt; li &gt; ul {padding:1.25rem 0 1.75rem 0;position: absolute;left: 50%;top: 6.5rem;width: 12.5rem;background: #232428;color:#fff;transform: translateX(-50%);opacity: 0;visibility: hidden;}
nav.menu-container ul.menu &gt; li &gt; ul:after {content: '';display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;-webkit-box-shadow: 6px 2px 21px 0px rgba(0, 0, 0, 0.2);box-shadow: 6px 2px 21px 0px rgba(0, 0, 0, 0.2);z-index: 1;}
nav.menu-container ul.menu &gt; li:last-child ul {border-right: 0;}
nav.menu-container ul.menu &gt; li &gt; ul &gt; li &gt;  a{padding: 0.5rem 1.5rem;font-size: 1rem;font-weight: 400;text-align: left;color: #fff;position: relative;}
nav.menu-container ul.menu &gt; li &gt; ul &gt; li {display: block; position: relative;}
nav.menu-container ul.menu &gt; li &gt; ul &gt; li.menu-item-has-3depth &gt; a:after{content:"";position:absolute;right: 1.25rem;width: 0.875rem;height: 0.875rem;top: 50%;transform: translateY(-50%);background: url("/fro_end_eng/img/menu-item-has-3depth.svg") center no-repeat;background-size: cover;}
nav.menu-container ul.menu &gt; li &gt; ul &gt; li:hover &gt; a,
nav.menu-container ul.menu &gt; li &gt; ul &gt; li.current-menu-item &gt; a,
nav.menu-container ul.menu &gt; li &gt; ul &gt; li.current-page-ancestor &gt; a {color: #fff;}
nav.menu-container ul.menu &gt; li &gt; ul &gt; li &gt; a span{display: inline-block;padding-bottom: 2px;position: relative;}
nav.menu-container ul.menu &gt; li &gt; ul &gt; li &gt; a &gt; span:before {content: '';display: block;width: 0;height: 1px;position: absolute;left: 0;bottom: 0;background: #fff;z-index: 2;-webkit-transition: width 400ms;transition: width 400ms;-webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);}
nav.menu-container ul.menu &gt; li &gt; ul &gt; li:hover &gt; a &gt; span:before,
nav.menu-container ul.menu &gt; li &gt; ul &gt; li &gt; a:hover &gt; span:before,
nav.menu-container ul.menu &gt; li &gt; ul &gt; li.current-menu-item &gt; a &gt; span:before,
nav.menu-container ul.menu &gt; li &gt; ul &gt; li.current-page-ancestor &gt; a &gt; span:before {width: 100%;}

/* 3depth */
nav.menu-container ul.menu .sub-menu &gt; li &gt; ul.sub-menu {display:none;position: absolute;left: 200px;top: 50%;background: #fff;width: 195px;margin-top: -62px;-webkit-box-shadow: 2px 2px 21px 0px rgba(0, 0, 0, 0.08);box-shadow: 2px 2px 21px 0px rgba(0, 0, 0, 0.08);padding:1.25rem 0;}
nav.menu-container ul.menu .sub-menu &gt; li:hover &gt; ul.sub-menu {display: block;}

nav.menu-container ul.menu .sub-menu &gt; li:first-child &gt; ul.sub-menu {top: 0;margin: 0;}
nav.menu-container ul.menu .sub-menu &gt; li &gt; ul.sub-menu  a {padding: 6px 26px;font-size: 0.87rem;font-weight: 400;text-align: left; color: #999;}
nav.menu-container ul.menu .sub-menu &gt; li &gt; ul.sub-menu {overflow: hidden;}
nav.menu-container ul.menu .sub-menu &gt; li &gt; ul.sub-menu a:hover,
nav.menu-container ul.menu .sub-menu &gt; li &gt; ul.sub-menu  li.current-menu-item a {color: #232428;}
nav.menu-container ul.menu .sub-menu &gt; li &gt; ul.sub-menu a &gt; span {display: inline-block;position: relative;}
nav.menu-container ul.menu .sub-menu &gt; li &gt; ul.sub-menu a &gt; span:before {content: '';display: block;width: 0;height: 1px;position: absolute;left: 0;bottom: 0;background: #232428;z-index: 2;-webkit-transition: width 400ms;transition: width 400ms;-webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);}
nav.menu-container ul.menu .sub-menu &gt; li &gt; ul.sub-menu a:hover &gt; span:before,
nav.menu-container ul.menu .sub-menu &gt; li &gt; ul.sub-menu  li.current-menu-item a &gt; span:before {width: 100%;}

/*gnb*/
ul.gnb{position: absolute;right: 6.25rem;top: 50%;transform: translateY(-50%);z-index: 10;}
ul.gnb &gt; li{float:left;}
ul.gnb li:nth-of-type(1){margin-right: 0.5rem;}
ul.gnb &gt; li &gt; a{padding: 0 0.75rem;display: block;border: 1px solid #b5b5b5;transition: 0.3s;-webkit-transition: 0.3s;-o-transition: 0.3s;-ms-transition: 0.3s;-moz-transition: 0.3s;height: 2.5rem;line-height: 2.5rem;font-size: 0.875rem;text-align: center;opacity: 0;visibility: hidden;}


/*header scroll �쒖꽦��*/
header.shrink{position:fixed; height: 4.6875rem;top: 0;padding-top: 0;background: #fff;-webkit-transition: height 800ms, top 290ms,background 600ms,padding 800ms;transition: height 800ms, top 290ms,background 600ms,padding 800ms;}
header.header.shrink div.header-wrap{ -webkit-box-shadow: 0 2px 0px -1px rgba(0, 0, 0, .05); box-shadow: 0 2px 0px -1px rgba(0, 0, 0, .05); -webkit-transition: -webkit-box-shadow 400ms; transition: -webkit-box-shadow 400ms; transition: box-shadow 400ms; transition: box-shadow 400ms, -webkit-box-shadow 400ms}
header.shrink h1.logo{top:50%;transform: translateY(-50%);background: url("/fro_end_eng/img/header-logo-b.png") center no-repeat;background-size: 100%;}
header.shrink nav.menu-container ul.menu &gt; li.menu-item &gt; a{color:#231f20;}
header.shrink nav.menu-container ul.menu &gt; li &gt; a{padding:1.5rem 1.5rem 2rem;}
header.shrink nav.menu-container ul.menu &gt; li &gt; a:after{top:1.25rem;}
header.shrink nav.menu-container ul.menu &gt; li &gt; ul{top:4.6875rem;}
/*2depth �쒖꽦��*/
nav.menu-container ul.menu &gt; li &gt; ul.on{opacity: 1;visibility: visible;}
/*gnb �쒖꽦��*/
header.shrink ul.gnb &gt; li &gt; a{opacity: 1;visibility: visible;}


/*main-bg*/
div.main-visual {position: absolute;top: 0;left:0;width: 100%;height: 37.5rem;background: rgba(0,0,0,0.8);z-index: 9;display: none;}

/*quick menu*/
div.quick div.quick-menu-wrap {position: fixed;top: 0;left: 0;width: auto;height: auto;z-index: 600;}
div.quick div.quick-menu-wrap div.quick-menu-inner {position: fixed;bottom:3rem;right: 2.5rem;transition:all 0.3s;-webkit-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; -moz-transition:all 0.3s;text-align: right;}
div.quick a.quick-btn {display: inline-block;padding:22px 0 0 0;width:5.625rem;height:5.625rem;background:url("/fro_end_eng/img/quick-menu-bg.png") center no-repeat;border-radius:50%;box-shadow:0 10px 24px rgba(0,0,0,0.4);background-size:100%;z-index: 10;transition:all 0.3s;-webkit-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; -moz-transition:all 0.3s;opacity:0;visibility: hidden;}
div.quick a.quick-btn.close{z-index: 600;background-image: none;border: 2px solid #fff;position: absolute;bottom: auto;right: 0;}
div.quick a.quick-btn.close:before {content: "";width: 2.25rem;height: 2.25rem;display: block;background: url("/fro_end_eng/img/quick-menu-close.svg") center no-repeat;background-size:cover;left: 50%;top: 50%;position: absolute;transform: translate(-50%,-50%);}
div.quick div.quick-bg{width: 100vw;height: 100vh;background: rgba(0,0,0,0.8);position: fixed;top: 0;left: 0;z-index: 500;opacity: 0;visibility: hidden;}
div.quick div.quick-menu-wrap div.quick-menu-inner &gt; ul.quick-menu{display: none;}
div.quick div.quick-menu-wrap div.quick-menu-inner &gt; ul.quick-menu li &gt; a {display: block;padding: 1.75rem 5rem 1.75rem 0;font-size: 1.125rem;color:#fff;text-align: right;position: relative;}
div.quick div.quick-menu-wrap div.quick-menu-inner &gt; ul.quick-menu li &gt; a &gt; span.ico {width: 3.75rem;height: 3.75rem;position: absolute;right: 0;border-radius: 50%;top: 50%;transform: translateY(-50%);background: #fff;transition:all 0.3s;-webkit-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; -moz-transition:all 0.3s;}
div.quick div.quick-menu-wrap div.quick-menu-inner &gt; ul.quick-menu li &gt; a &gt; span.ico:before {content: "";width: 2rem;height: 2rem;position: absolute;display: block;left: 50%;transform: translate(-50%,-50%);top: 50%;transition:all 0.3s;-webkit-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; -moz-transition:all 0.3s;}
div.quick div.quick-menu-wrap div.quick-menu-inner &gt; ul.quick-menu li &gt; a &gt; span.ico01:before{background:url("/fro_end_eng/img/quick-menu-ico01-off.svg") center no-repeat;background-size: cover;width:2.5rem;height:2.5rem;}
div.quick div.quick-menu-wrap div.quick-menu-inner &gt; ul.quick-menu li &gt; a &gt; span.ico02:before{background:url("/fro_end_eng/img/quick-menu-ico02-off.svg") center no-repeat;background-size: cover;}
div.quick div.quick-menu-wrap div.quick-menu-inner &gt; ul.quick-menu li &gt; a &gt; span.ico03:before{background:url("/fro_end_eng/img/quick-menu-ico03-off.svg") center no-repeat;background-size: cover;}
div.quick div.quick-menu-wrap div.quick-menu-inner &gt; ul.quick-menu li &gt; a &gt; span.ico04:before{background:url("/fro_end_eng/img/quick-menu-ico04-off.svg") center no-repeat;background-size: cover;}
div.quick div.quick-menu-wrap div.quick-menu-inner &gt; ul.quick-menu li &gt; a &gt; span.ico05:before{background:url("/fro_end_eng/img/quick-menu-ico05-off.svg") center no-repeat;background-size: cover;}
div.quick div.quick-menu-wrap div.quick-menu-inner &gt; ul.quick-menu li &gt; a &gt; span.ico06:before{background:url("/fro_end_eng/img/quick-menu-ico06-off.svg") center no-repeat;background-size: cover;}
div.quick div.quick-menu-wrap div.quick-menu-inner &gt; ul.quick-menu li &gt; a &gt; span.ico07:before{background:url("/fro_end_eng/img/quick-menu-ico07-off.svg") center no-repeat;background-size: cover;}
div.quick div.quick-menu-wrap div.quick-menu-inner &gt; ul.quick-menu li &gt; a &gt; span.ico08:before{background:url("/fro_end_eng/img/quick-menu-ico08-off.svg") center no-repeat;background-size: cover;}
div.quick div.quick-menu-wrap div.quick-menu-inner &gt; ul.quick-menu li &gt; a:hover &gt; span.ico{background:#ff4900;}
div.quick div.quick-menu-wrap div.quick-menu-inner &gt; ul.quick-menu li &gt; a:hover &gt; span.ico01:before{background:url("/fro_end_eng/img/quick-menu-ico01-on.svg") center no-repeat;background-size: cover;}
div.quick div.quick-menu-wrap div.quick-menu-inner &gt; ul.quick-menu li &gt; a:hover &gt; span.ico02:before{background:url("/fro_end_eng/img/quick-menu-ico02-on.svg") center no-repeat;background-size: cover;}
div.quick div.quick-menu-wrap div.quick-menu-inner &gt; ul.quick-menu li &gt; a:hover &gt; span.ico03:before{background:url("/fro_end_eng/img/quick-menu-ico03-on.svg") center no-repeat;background-size: cover;}
div.quick div.quick-menu-wrap div.quick-menu-inner &gt; ul.quick-menu li &gt; a:hover &gt; span.ico04:before{background:url("/fro_end_eng/img/quick-menu-ico04-on.svg") center no-repeat;background-size: cover;}
div.quick div.quick-menu-wrap div.quick-menu-inner &gt; ul.quick-menu li &gt; a:hover &gt; span.ico05:before{background:url("/fro_end_eng/img/quick-menu-ico05-on.svg") center no-repeat;background-size: cover;}
div.quick div.quick-menu-wrap div.quick-menu-inner &gt; ul.quick-menu li &gt; a:hover &gt; span.ico06:before{background:url("/fro_end_eng/img/quick-menu-ico06-on.svg") center no-repeat;background-size: cover;}
div.quick div.quick-menu-wrap div.quick-menu-inner &gt; ul.quick-menu li &gt; a:hover &gt; span.ico07:before{background:url("/fro_end_eng/img/quick-menu-ico07-on.svg") center no-repeat;background-size: cover;}
div.quick div.quick-menu-wrap div.quick-menu-inner &gt; ul.quick-menu li &gt; a:hover &gt; span.ico08:before{background:url("/fro_end_eng/img/quick-menu-ico08-on.svg") center no-repeat;background-size: cover;}

/* quick-kakao */
div.q-kakao{position:fixed; bottom:0; right:2.5rem; z-index:600; opacity:0; visibility:hidden; transition:0.4s;}
div.q-kakao a.kakao{display:block; width:5.625rem; height:5.625rem; border-radius:50%; background:#fae100 url("/fro_end_kor/img/ic-kakao.png") center / 50% auto no-repeat; box-shadow:0 10px 24px rgba(0, 0, 0, 0.3);}
div.q-kakao div.kakao-list{display:none; position:absolute; bottom:5.625rem; right:0; width:9rem; padding:0.5rem; background:#fff; box-shadow:0 0 10px rgba(0, 0, 0, 0.3);}
div.q-kakao div.kakao-list ul li{display:block; width:100%; margin-bottom:0.3rem;}
div.q-kakao div.kakao-list ul li:last-child{margin-bottom:0;}
div.q-kakao div.kakao-list ul li a{display:block; width:100%; height:2.5rem; line-height:2.5rem; padding-left:0.8rem; background:#fae100; font-family:"Montserrat_SB";}
div.q-kakao div.kakao-list ul li a:before{content:""; display:inline-block; width:1.25rem; height:1.25rem; margin-right:0.5rem; background:url("/fro_end_kor/img/ic-kakao.png") center / cover no-repeat; vertical-align:middle;}
div.q-kakao div.kakao-list ul li a:after{content:""; display:inline-block; width:18px; height:6px; background:url("/fro_end_kor/img/kakao-arrow.png") center no-repeat; margin-left:1.25rem; vertical-align:middle;}
div.q-kakao div.kakao-list ul li:last-child a{border-bottom:0;}
div.q-kakao.shrink{opacity:1; visibility:visible; bottom:14.5rem;}
div.q-kakao.on{z-index:0;}

/*quick �쒖꽦��*/
div.quick.shrink a.quick-btn {opacity: 1;visibility: visible;}
div.quick.shrink div.quick-menu-wrap div.quick-menu-inner{bottom:8rem;}
div.quick.on div.quick-menu-wrap{width:100vw;height: 100vh;}
div.quick.on div.quick-menu-wrap div.quick-menu-inner{position: absolute;top:7.5rem;}
div.quick.on div.quick-bg{opacity: 1;visibility: visible;}
div.quick.on div.quick-menu-wrap div.quick-menu-inner &gt; ul.quick-menu{display: block;margin-bottom:1.5rem;}

/*quick-top*/
a.js-fixed-top{position:fixed; bottom:3rem; right:3rem; display:block; width:4.5rem; height:4.5rem; line-height:4.5rem; border-radius:50%; background:#3C4153; text-align:center; font-size:13px; color:#fff; box-shadow:0 10px 24px rgba(0,0,0,0.5); z-index:600; opacity:0; transition:0.4s;}
a.js-fixed-top.shrink{opacity: 1;visibility: visible;}
a.js-fixed-top.on{z-index:0;}

/*top*/
.go-top {display: block;width: 50px;height: 52px;position: absolute;bottom: 0;right: -3.125rem;cursor: pointer;background: #fff;-webkit-transition: opacity 0.3s, background 0.3s;transition: opacity 0.3s, background 0.3s;z-index: 999;}
.go-top span {display: block;width: 100%;height: 100%;padding-top: 24px;position: relative;font-size: 0.75rem;text-align: center;color: #757e85;-webkit-transition: color 300ms;transition: color 300ms;}
.go-top span:after {content: '';display: block;width: 0.75rem;height: 0.75rem;position: absolute;top: 0.75rem;left: 1.1875rem;background: url("/fro_end_eng/img/go-top-off.svg") center no-repeat;background-size: cover;}
.go-top:hover {background: #757e85;}
.go-top:hover span {color: #fff;}
.go-top:hover span:after{background: url("/fro_end_eng/img/go-top-on.svg") center no-repeat;background-size: cover;}
.go-top.fix{position: fixed;top: inherit;bottom: 0;right: 0; z-index: 999;}
.go-top.hide {opacity: 0;z-index: -1;}

/*navigator*/
.navigator {position:fixed; left:4.6875rem; bottom:0;z-index:30;-webkit-transition: all 0.3s;transition: all 0.3s;opacity: 1;visibility: visible;}
.navigator ul li {position:relative; margin-bottom: 1.875rem; font-family: 'NotoKr_B' , sans-serif; font-size:1rem; line-height:1rem; color:#757e85;transition: all 0.9s cubic-bezier(.46,.87,.18,1.01);}
.navigator ul li a {display:inline-block;width: 100%;height: 100%;}
.navigator ul li a:before {content:''; display:block; width: 0; height: 1px; position:absolute; left:-5rem; top:50%; margin-top: -2px; background-color:#ff4900; transition: all 0.9s cubic-bezier(.46,.87,.18,1.01);}
.navigator ul li a.section03-color{color:#fff;}
.navigator ul li.on a{color:#ff4900 !important;}
.navigator ul li.on a:before {width:4rem;}
.navigator.off {opacity: 0;visibility: hidden;}


/*main*/
main.main-container{margin-top:-11.5rem;width: 100%;min-width: 1200px;position: relative;}
main.main-container div.main-wrap{margin: 0 3.125rem;position: relative;}
main.main-container div.main-wrap div.main-gnb-box{position: absolute;left: 50%;top:33.375rem;width:1600px;height:10rem;transform: translateX(-50%);background: #6b76f0;z-index: 10;box-shadow: 15px 15px 37px 0px rgba(0, 0, 0, 0.2);}
main.main-container div.main-wrap div.main-gnb-box &gt; ul{display:flex;}
main.main-container div.main-wrap div.main-gnb-box &gt; ul &gt; li {width:calc(100% / 7);height: 10rem;border-right: 1px solid rgba(255,255,255,0.3);}
main.main-container div.main-wrap div.main-gnb-box &gt; ul &gt; li:last-child{border-right: none;}
main.main-container div.main-wrap div.main-gnb-box &gt; ul &gt; li a.course-list{display:flex; flex-direction:column; font-size:1.3rem; letter-spacing:-1px;color: #fff;text-align: right;width: 100%;padding:1rem 1.25rem;font-family: 'NotoKr_B' , sans-serif; position:relative;}
main.main-container div.main-wrap div.main-gnb-box &gt; ul &gt; li a.course-list &gt; p{line-height:1.2;}
main.main-container div.main-wrap div.main-gnb-box &gt; ul &gt; li a.course-list &gt; span{display:block;font-size:1.125rem;color:rgba(255,255,255,0.8);text-transform: uppercase;padding-right: 0.1rem;font-family: 'NotoKr_R' , sans-serif; margin-top:0.5rem;}
main.main-container div.main-wrap div.main-gnb-box &gt; ul &gt; li a.course-list &gt; span.pc {display: inline-block;font-size: 1.3rem;font-family: 'NotoKr_B' , sans-serif;color:#fff;}
main.main-container div.main-wrap div.main-gnb-box &gt; ul &gt; li a.course-list div.ico{width: 3rem;height: 3rem;}
main.main-container div.main-wrap div.main-gnb-box &gt; ul &gt; li.course06{background:#0adfc1;}/* andy in korea */
main.main-container div.main-wrap div.main-gnb-box &gt; ul &gt; li.course06:before{content:''; display:block; width:1px; height:100%; background:#0adfc1; position:absolute; top:0; right:0;}
main.main-container div.main-wrap div.main-gnb-box &gt; ul &gt; li.course01 a.course-list div.ico{background: url("/fro_end_eng/img/course01.svg") center no-repeat;background-size: 100%;}
main.main-container div.main-wrap div.main-gnb-box &gt; ul &gt; li.course02 a.course-list div.ico{background: url("/fro_end_eng/img/course02.svg") center no-repeat;background-size: 100%;width:3.5rem;}
main.main-container div.main-wrap div.main-gnb-box &gt; ul &gt; li.course03 a.course-list div.ico{background: url("/fro_end_eng/img/course03.svg") center no-repeat;background-size: 100%;}
main.main-container div.main-wrap div.main-gnb-box &gt; ul &gt; li.course04 a.course-list div.ico{background: url("/fro_end_eng/img/course04.png") center no-repeat;background-size: 100%;}
main.main-container div.main-wrap div.main-gnb-box &gt; ul &gt; li.course05 a.course-list div.ico{background: url("/fro_end_eng/img/course05.svg") center no-repeat;background-size: 100%;}
main.main-container div.main-wrap div.main-gnb-box &gt; ul &gt; li.course06 a.course-list div.ico{background:url("/fro_end_kor/img/ic_youtube_wh.svg")center /100% auto no-repeat;}
main.main-container div.main-wrap div.main-gnb-box &gt; ul &gt; li.course07 a.course-list div.ico{background:url("/fro_end_eng/img/course07.png")center /auto 100% no-repeat;}
main.main-container div.main-wrap div.main-gnb-box &gt; ul &gt; li div.course-intro{position: absolute;bottom:10rem;left: 0;width:1600px;height: 24.5rem;background: #fff;display: none;}
main.main-container div.main-wrap div.main-gnb-box &gt; ul &gt; li div.course-intro &gt; h3.tit01:before {content: "";position: absolute;font-size: 7rem;color: #F6F6F8;top: -4rem;left: -1rem;z-index: -1;font-family: 'Montserrat_R', sans-serif;}
main.main-container div.main-wrap div.main-gnb-box &gt; ul &gt; li.course01 div.course-intro &gt; h3.tit01:before {content: "01";}
main.main-container div.main-wrap div.main-gnb-box &gt; ul &gt; li.course02 div.course-intro &gt; h3.tit01:before {content: "02";}
main.main-container div.main-wrap div.main-gnb-box &gt; ul &gt; li.course03 div.course-intro &gt; h3.tit01:before {content: "03";}
main.main-container div.main-wrap div.main-gnb-box &gt; ul &gt; li.course04 div.course-intro &gt; h3.tit01:before {content: "04";}
main.main-container div.main-wrap div.main-gnb-box &gt; ul &gt; li.course05 div.course-intro &gt; h3.tit01:before {content: "05";}
main.main-container div.main-wrap div.main-gnb-box &gt; ul &gt; li div.course-intro &gt; div{float:left;width: 50%;height: 100%;}
main.main-container div.main-wrap div.main-gnb-box &gt; ul &gt; li div.course-intro div.course-text{padding:6.25rem 0 0 3.75rem;}
main.main-container div.main-wrap div.main-gnb-box &gt; ul &gt; li div.course-intro div.course-text div.btn-wrap{text-align: left;}
main.main-container div.main-wrap div.main-gnb-box &gt; ul &gt; li div.course-intro div.course-text h3.tit01{font-size:2rem;}
main.main-container div.main-wrap div.main-gnb-box &gt; ul &gt; li div.course-intro div.course-text h3.tit01 &gt; span {color: #6B76F0;text-transform: uppercase;padding: 0.5rem;border: 1px solid #7d99ed;}
main.main-container div.main-wrap div.main-gnb-box &gt; ul &gt; li div.course-intro div.course-text &gt; p{color: #666;line-height:1.5;}
main.main-container div.main-wrap div.main-gnb-box &gt; ul &gt; li div.course-intro div.course-img{background: #000;}
main.main-container div.main-wrap div.main-gnb-box &gt; ul &gt; li.course07 div.course-intro div.course-text{padding:3rem 0 0 3.75rem;}
main.main-container div.main-wrap div.main-gnb-box &gt; ul &gt; li.course01 div.course-intro div.course-img{background: url("/fro_end_eng/img/course01-img.png") center no-repeat;background-size: cover;}
main.main-container div.main-wrap div.main-gnb-box &gt; ul &gt; li.course02 div.course-intro div.course-img{background: url("/fro_end_eng/img/course02-img.png") center no-repeat;background-size: cover;}
main.main-container div.main-wrap div.main-gnb-box &gt; ul &gt; li.course03 div.course-intro div.course-img{background: url("/fro_end_eng/img/course03-img.png") center no-repeat;background-size: cover;}
main.main-container div.main-wrap div.main-gnb-box &gt; ul &gt; li.course04 div.course-intro div.course-img{background: url("/fro_end_eng/img/course04-img.png") center no-repeat;background-size: cover;}
main.main-container div.main-wrap div.main-gnb-box &gt; ul &gt; li.course05 div.course-intro div.course-img{background: url("/fro_end_eng/img/course05-img.png") center no-repeat;background-size: cover;}
main.main-container div.main-wrap div.main-gnb-box &gt; ul &gt; li.course06 div.course-intro div.course-img{background:url("/fro_end_kor/img/course06-img02.png") center /cover no-repeat;}
main.main-container div.main-wrap div.main-gnb-box &gt; ul &gt; li.course07 div.course-intro div.course-img{background: url("/fro_end_eng/img/course07-img.jpg") center no-repeat;background-size: cover;}



main.main-container div.main-wrap div.main-gnb-box &gt; ul &gt; li.on {background: #f1f5fd;border-bottom: 5px solid #6B76F0;}
main.main-container div.main-wrap div.main-gnb-box &gt; ul &gt; li.on a.course-list {color: #6B76F0;}
main.main-container div.main-wrap div.main-gnb-box &gt; ul &gt; li.on a.course-list span {color: #6B76F0;}
main.main-container div.main-wrap div.main-gnb-box &gt; ul &gt; li.course01.on a.course-list div.ico{background: url("/fro_end_eng/img/course01-on.svg") center no-repeat;background-size: cover;}
main.main-container div.main-wrap div.main-gnb-box &gt; ul &gt; li.course02.on a.course-list div.ico{background: url("/fro_end_eng/img/course02-on.svg") center no-repeat;background-size: cover;}
main.main-container div.main-wrap div.main-gnb-box &gt; ul &gt; li.course03.on a.course-list div.ico{background: url("/fro_end_eng/img/course03-on.svg") center no-repeat;background-size: cover;}
main.main-container div.main-wrap div.main-gnb-box &gt; ul &gt; li.course04.on a.course-list div.ico{background: url("/fro_end_eng/img/course04-on.svg") center no-repeat;background-size: cover;}
main.main-container div.main-wrap div.main-gnb-box &gt; ul &gt; li.course05.on a.course-list div.ico{background: url("/fro_end_eng/img/course05-on.svg") center no-repeat;background-size: cover;}




main.main-container div.main-wrap div.main-banner{position: relative;width: 100%;min-width: 1200px;height: 37.5rem;overflow: hidden;margin: 0 auto;text-align: center;z-index: 1;}
main.main-container div.main-wrap div.main-banner div.slider{height: 37.5rem;}
main.main-container div.main-wrap div.main-banner div.slider div.slide{position: relative;height: 37.5rem;overflow: hidden;}
main.main-container div.main-wrap div.main-banner div.slider div.slide div.slide-img{width: 100%;height: auto;overflow: hidden;position: absolute;top: 50%;left: 0;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);-moz-transform: translateY(-50%); transform: translateY(-50%);}
main.main-container div.main-wrap div.main-banner div.slider div.slide div.slide-img img{max-width: 100%;height: auto;opacity: 1 !important;-webkit-animation-duration: 3s;-ms-animation-duration: 3s;-o-animation-duration: 3s;-moz-animation-duration: 3s;animation-duration: 3s;-webkit-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;-moz-transition: all 1s ease;transition: all 1s ease;-webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);}
.slider [data-animation-in] {opacity: 0;-webkit-animation-duration: 1800ms;-ms-animation-duration: 1800ms;-o-animation-duration: 1800ms;-moz-animation-duration: 1800ms;animation-duration: 1800ms;-webkit-transition: opacity 0.5s ease 0.3s;-ms-transition: opacity 0.5s ease 0.3s;-o-transition: opacity 0.5s ease 0.3s;-moz-transition: opacity 0.5s ease 0.3s;transition: opacity 0.5s ease 0.3s; }
@-webkit-keyframes zoomInImage {
    from {-webkit-transform: scale3d(1, 1, 1);-moz-transform: scale3d(1, 1, 1);-ms-transform: scale3d(1, 1, 1);-o-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);
    }
    to {-webkit-transform: scale3d(1.1, 1.1, 1.1);-ms-transform: scale3d(1.1, 1.1, 1.1);-o-transform: scale3d(1.1, 1.1, 1.1);-moz-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);
    }
}

@-ms-keyframes zoomInImage {
    from {-webkit-transform: scale3d(1, 1, 1);-moz-transform: scale3d(1, 1, 1);-ms-transform: scale3d(1, 1, 1);-o-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);
    }
    to {-webkit-transform: scale3d(1.1, 1.1, 1.1);-ms-transform: scale3d(1.1, 1.1, 1.1);-o-transform: scale3d(1.1, 1.1, 1.1);-moz-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);
    }
}

@-o-keyframes zoomInImage {
    from {-webkit-transform: scale3d(1, 1, 1);-moz-transform: scale3d(1, 1, 1);-ms-transform: scale3d(1, 1, 1);-o-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);
    }
    to {-webkit-transform: scale3d(1.1, 1.1, 1.1);-ms-transform: scale3d(1.1, 1.1, 1.1);-o-transform: scale3d(1.1, 1.1, 1.1);-moz-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);
    }
}

@-moz-keyframes zoomInImage {
    from {-webkit-transform: scale3d(1, 1, 1);-moz-transform: scale3d(1, 1, 1);-ms-transform: scale3d(1, 1, 1);-o-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);
    }
    to {-webkit-transform: scale3d(1.1, 1.1, 1.1);-ms-transform: scale3d(1.1, 1.1, 1.1);-o-transform: scale3d(1.1, 1.1, 1.1);-moz-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);
    }
}

@keyframes zoomInImage {
    from {-webkit-transform: scale3d(1, 1, 1);-moz-transform: scale3d(1, 1, 1);-ms-transform: scale3d(1, 1, 1);-o-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);
    }
    to {-webkit-transform: scale3d(1.1, 1.1, 1.1);-ms-transform: scale3d(1.1, 1.1, 1.1);-o-transform: scale3d(1.1, 1.1, 1.1);-moz-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);
    }
}
.zoomInImage {-webkit-animation-name: zoomInImage;-ms-animation-name: zoomInImage;-o-animation-name: zoomInImage;-moz-animation-name: zoomInImage;animation-name: zoomInImage;}

main.main-container div.main-wrap div.main-banner div.slide-arrow-wrap{position:absolute;top: 50%;transform: translateY(-50%);width:100%;}
main.main-container div.main-wrap div.main-banner div.slide-arrow-wrap button.slide-arrow{color:#eee;position: absolute;font-family:'Montserrat_R', sans-serif;font-size: 1rem;letter-spacing: 0.05rem;}
main.main-container div.main-wrap div.main-banner div.slide-arrow-wrap button.slide-arrow.prev-arrow{left:0;}
main.main-container div.main-wrap div.main-banner div.slide-arrow-wrap button.slide-arrow.next-arrow{right:0;}
main.main-container div.main-wrap div.main-banner div.slide-arrow-wrap button.slide-arrow.prev-arrow:before{content:"";display:inline-block;margin-right:1rem;height:1px;width: 3.75rem;vertical-align: middle;background: #eee;}
main.main-container div.main-wrap div.main-banner div.slide-arrow-wrap button.slide-arrow.next-arrow:after{content:"";display:inline-block;margin-left:1rem;height:1px;width: 3.75rem;vertical-align: middle;background: #eee;}

main.main-container div.main-wrap div.main-gnb-box &gt; ul &gt; li div.course-intro.on{display:block;}
div.main-visual.on{display:block;}

/*section01*/
section.section01{padding-top:14rem;position: relative;width: 100%;min-width: 1200px;height: auto;overflow: hidden;margin: 0 auto;text-align: center;z-index: 9;background: #fff;}
section.section01 ul.main-con01-list{margin-top:4.375rem;margin-bottom: 6.25rem;}
section.section01 ul.main-con01-list &gt; li{padding:0 1.5rem;text-align: center;display: inline-block;vertical-align: top;}
section.section01 ul.main-con01-list &gt; li &gt; a {display: block;}
section.section01 ul.main-con01-list &gt; li figure{background: #f8f8f8; border-radius: 50%; width: 12.875rem; height: 12.875rem; position: relative; margin: 0 auto;overflow:hidden;}
section.section01 ul.main-con01-list &gt; li figure &gt; img{display:block;width:100%;transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;}
section.section01 ul.main-con01-list &gt; li div.tit {margin-top: 1.3rem;position:relative;display:inline-block;}
section.section01 ul.main-con01-list &gt; li div.tit:before {content: '';display: block;width: 0;height: 42%;position: absolute;left: 0;bottom: 0;background: #86c981;background: rgba(107, 118, 240, .25);opacity: 0;transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;}
section.section01 ul.main-con01-list &gt; li div.txt {color: #4f5158;}
section.section01 ul.main-con01-list &gt; li figure.on &gt; img{transform:scale(1.05);}
section.section01 ul.main-con01-list &gt; li div.tit.on:before {width: 100%;opacity: 1;}

/*section02*/
section.section02 div.apply-wrap {padding: 6.25rem 0;position: relative;width: 100%;background: #009de5;}
section.section02 div.apply-wrap:before{width: 0;height: 0;content: '';display: block;position: absolute;right: 0;bottom: 0;border-bottom: 5rem solid #f6f6f8;border-left: 5rem solid transparent;z-index: 7;}
section.section02 div.apply-wrap a.apply{margin: 0 auto;width:100%;height:4.375rem;padding:0 2rem;position: relative;display:block;}
section.section02 div.apply-wrap a.apply &gt; div.tit {width: 30rem;text-align: right;color: #fff;padding-top: 1rem;padding-right:2.5rem;margin:0 auto;position:relative;}
section.section02 div.apply-wrap a.apply &gt; span.img {width:100%;height:100%;}
section.section02 div.apply-wrap a.apply &gt; span.img &gt; img {display: block;width: 32.375rem;height: 6rem;top: 0.25rem;position: absolute;left:50%;transform:translateX(-50%);}
section.section02 div.apply-wrap a.apply &gt; div.tit:before {content: "";width: 4rem;height: 6rem;background: url("/fro_end_eng/img/section02-mark.png") center no-repeat;background-size: 100%;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
section.section02 div.apply-list{position: relative;background: #f6f6f8;}
section.section02 div.apply-list ul.inner{display:flex; justify-content:center; width:100%; padding:5rem;}
section.section02 div.apply-list ul.inner &gt; li{width:33.333%;}
section.section02 div.apply-list ul.inner &gt; li &gt; a {display: block;padding:0 1rem;}
section.section02 div.apply-list ul.inner &gt; li &gt; a div.course-list{padding:2rem;box-shadow: 0 10px 24px rgba(0,0,0,0.15);position:relative;}
section.section02 div.apply-list ul.inner &gt; li &gt; a div.course-list div.course-kind{min-width:10rem; padding:0 1rem; width:auto; height:4rem;line-height:4rem;position: absolute;top: 0;left: -5px;color:#fff;text-align:center; font-size:1.125rem;}
section.section02 div.apply-list ul.inner &gt; li &gt; a div.course-list div.day {position: absolute;right: 1.5rem;top: 1.5rem;padding: 0.25rem 0.5rem;background: #fff;box-shadow: 0 10px 24px rgb(0 0 0 / 15%);border-radius:30px;}
section.section02 div.apply-list ul.inner &gt; li &gt; a div.course-list div.course-tit {min-height:5rem; height:auto; margin-top:3.5rem;font-size: 2rem; letter-spacing:-0.05rem; overflow:hidden;}
section.section02 div.apply-list ul.inner &gt; li &gt; a div.course-list ul.cousrse-text {margin-top: 1.5rem;}
section.section02 div.apply-list ul.inner &gt; li &gt; a div.course-list ul.cousrse-text &gt; li &gt; div.text-tit {width:4rem; border-bottom: 1px solid #3c4153;color: #3c4153;padding-top: 0.25rem;}
section.section02 div.apply-list ul.inner &gt; li &gt; a div.course-list ul.cousrse-text &gt; li &gt; div.text-con {margin-top:0.25rem; font-size:1.35rem; font-family:"Montserrat_B";}
section.section02 div.apply-list ul.inner &gt; li &gt; a div.course-list ul.cousrse-text &gt; li &gt; div.text-con span.extension{display:block; color:#6A82EE; font-family:'Montserrat_R'; font-size:1.2rem; letter-spacing:-1px;}
section.section02 div.apply-list ul.inner &gt; li &gt; a div.course-list01{border: 5px solid #6A82EE;background: #fafaff;}
section.section02 div.apply-list ul.inner &gt; li &gt; a div.course-list01 div.course-kind{background: #6A82EE;}
section.section02 div.apply-list ul.inner &gt; li &gt; a div.course-list01 div.day{border: 1px solid #6a82ee;color:  #6a82ee;}
section.section02 div.apply-list ul.inner &gt; li &gt; a div.course-list02{border: 5px solid #FF4900;background: #fffcfb;}
section.section02 div.apply-list ul.inner &gt; li &gt; a div.course-list02 div.course-kind{background: #FF4900;}
section.section02 div.apply-list ul.inner &gt; li &gt; a div.course-list02 div.day{border: 1px solid #FF4900;color:  #FF4900;}
section.section02 div.apply-list ul.inner &gt; li &gt; a div.course-list03{border: 5px solid #0ADFC1;background: #f7fffe;}
section.section02 div.apply-list ul.inner &gt; li &gt; a div.course-list03 div.course-kind{background: #0ADFC1;}
section.section02 div.apply-list ul.inner &gt; li &gt; a div.course-list03 div.day{border: 1px solid #0ADFC1;color:  #0ADFC1;}
section.section02 div.apply-list ul.inner &gt; li &gt; a div.course-list04{border: 5px solid #08a0e3;background: #fafaff;}
section.section02 div.apply-list ul.inner &gt; li &gt; a div.course-list04 div.course-kind{background: #08a0e3;}
section.section02 div.apply-list ul.inner &gt; li &gt; a div.course-list04 div.day{border: 1px solid #08a0e3;color:  #08a0e3;}


/*section03*/
section.section03 {margin-bottom: 3.125rem;background: #3c4153;position: relative;}
section.section03 div.inner{margin: 0 auto;width: 100%;height: 36.25rem;padding: 0 11.34rem;position: relative;}
section.section03 div.inner:before{width: 0;height: 0;content: '';display: block;position: absolute;right: 0;bottom: 0;border-bottom: 4rem solid #F6F6F8;border-left: 4rem solid transparent;z-index: 7;}
section.section03 div.inner &gt; div {float: left;height: 100%;}
section.section03 div.inner &gt; div .tit{font-size:2rem;}
section.section03 div.inner &gt; div.schedule {width: 33.3333%;border-right: 1px solid rgba(255,255,255,0.2);padding:6.25rem 1.8rem 6.25rem 0;}
section.section03 div.inner &gt; div.schedule ul.schedule-top{position: relative;}
section.section03 div.inner &gt; div.schedule ul.schedule-top &gt; li.tit{color:#fff;}
section.section03 div.inner &gt; div.schedule ul.schedule-top &gt; li.tit br{display:none;}
section.section03 div.inner &gt; div.schedule ul.schedule-top &gt; li.more &gt; a{display:inline-block; position:absolute; top:0; right:0px; padding:10px; font-weight:400; color:#0adfc1; letter-spacing:0.05rem;}
section.section03 div.inner &gt; div.schedule ul.schedule-top &gt; li.more &gt; a:before{content:'';display:block;position:absolute;right: -7px;background:url("/fro_end_eng/img/section03-arrow-line-mint.png") 0 0 no-repeat;width: 7rem;height: 2.5rem;background-size:100%;}
section.section03 div.inner &gt; div.schedule ul.schedule-list{margin-top:2.5rem;}
section.section03 div.inner &gt; div.schedule ul.schedule-list li{position:relative; margin-top:1.5rem;color: rgba(255,255,255,0.75);}
section.section03 div.inner &gt; div.schedule ul.schedule-list li a{display:block; width:70%; font-weight:300; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:0.3s ease;color:rgba(255,255,255,0.75);}
section.section03 div.inner &gt; div.schedule ul.schedule-list li a:hover{color:rgba(255,255,255,1);}
section.section03 div.inner &gt; div.schedule ul.schedule-list li span{display:block; position:absolute; right:0px; top:0; color:#999; font-weight:400; letter-spacing:0.05rem;}
section.section03 div.inner &gt; div.schedule ul.schedule-list li span i:before{content:'.'; display:inline;}
section.section03 div.inner &gt; div.schedule ul.schedule-list li.today{margin-top:0px; border:2px solid #0adfc1;background: #fff;}
section.section03 div.inner &gt; div.schedule ul.schedule-list li.today a{width:auto; padding:1rem 0.25rem 1rem 8.25rem;color: #010101;box-shadow:15px 15px 37px 0px rgba(0, 0, 0, 0.2); overflow:inherit; text-overflow:inherit; white-space:inherit;}
section.section03 div.inner &gt; div.schedule ul.schedule-list li.today span{top:50%; width:7rem; display:flex; flex-direction:column; justify-content:center; position:absolute; left:0px; height:100%; background:#0adfc1; text-align:center; color:#fff; line-height:1.2; transform:translateY(-50%);}
section.section03 div.inner &gt; div.schedule ul.schedule-list li.today span i{display:block; font-size:1.25rem;}
section.section03 div.inner &gt; div.schedule ul.schedule-list li.today span i:before{display:none;}
section.section03 div.inner &gt; div.schedule ul.schedule-list li.today + li{margin-top:1rem;}
section.section03 div.inner &gt; div.news{position:relative;width: 33.3333%;padding:6.25rem 1.8rem; border-right:1px solid rgba(255,255,255,0.2);}
section.section03 div.inner &gt; div.news div.tit{font-size:2rem;color:#fff;position:relative; margin-bottom:3.75rem;}
section.section03 div.inner &gt; div.news div.tit a.more{display:inline-block; position:absolute; top:0; right:0px; padding:10px; font-weight:400; color:#6A82EE; letter-spacing:0.05rem;}
section.section03 div.inner &gt; div.news div.tit a.more:before{content:'';display:block;position:absolute;right: -7px;background:url("/fro_end_eng/img/section03-arrow-line-purple.png") 0 0 no-repeat;width: 7rem;height: 2.5rem;background-size:100%;}
section.section03 div.inner &gt; div.news p.text {margin-top:3.75rem;color: rgba(255,255,255,0.8);word-break: keep-all;height:6.25rem;}
section.section03 div.inner &gt; div.news div.news-slider-wrap div.news-slider{position:relative;-webkit-box-shadow:0px 5px 10px 0px rgba(0,0,0,0.05);-moz-box-shadow:0px 5px 10px 0px rgba(0,0,0,0.05);-ms-box-shadow:0px 5px 10px 0px rgba(0,0,0,0.05);-o-box-shadow:0px 5px 10px 0px rgba(0,0,0,0.05);box-shadow:0px 5px 10px 0px rgba(0,0,0,0.05);}
section.section03 div.inner &gt; div.news div.news-slider-wrap div.news-slider div.news-slide{height:20rem;width:100%;}
section.section03 div.inner &gt; div.news div.news-slider-wrap div.news-slide{overflow:hidden; background:rgba(0, 0, 0, 0.2);}
section.section03 div.inner &gt; div.news div.news-slider-wrap div.news-slide img{width:100% !important; height:100% !important;}
section.section03 div.inner &gt; div.news div.news-slider-wrap div.news-slider ul.slick-dots {position:absolute;bottom:-3rem;left: 50%;transform:translateX(-50%);}
section.section03 div.inner &gt; div.news div.news-slider-wrap div.news-slider ul.slick-dots li {display: inline-block;margin: 0 0.25rem;}
section.section03 div.inner &gt; div.news div.news-slider-wrap div.news-slider ul.slick-dots button {display: block;width: 0.6rem;height: 0.6rem;padding: 0;border: 1px solid #fff;border-radius: 100%;background-color: transparent;text-indent: -9999px;}
section.section03 div.inner &gt; div.news div.news-slider-wrap div.news-slider ul.slick-dots li.slick-active button {width:2rem;border-radius:10px;background:#fff;}
section.section03 div.inner &gt; div.video{width:33.333%; padding:6.25rem 0 6.25rem 1.8rem;}
section.section03 div.inner &gt; div.video div.tit{color:#fff; margin-bottom:3.75rem;}
section.section03 div.inner &gt; div.video div.video-slider ul.slick-dots {position:absolute;bottom:-3rem;left: 50%;transform:translateX(-50%);}
section.section03 div.inner &gt; div.video div.video-slider ul.slick-dots li {display: inline-block;margin: 0 0.25rem;}
section.section03 div.inner &gt; div.video div.video-slider ul.slick-dots button {display: block;width: 0.6rem;height: 0.6rem;padding: 0;border: 1px solid #fff;border-radius: 100%;background-color: transparent;text-indent: -9999px;}
section.section03 div.inner &gt; div.video div.video-slider ul.slick-dots li.slick-active button {width:2rem;border-radius:10px;background:#fff;}
section.section03 div.inner &gt; div.video iframe{width:100%; height:20rem;}

/*section04*/
section.section04 {padding: 8rem 0 6.25rem;text-align: center;background: #fff;margin-bottom: 3.125rem;}
section.section04 div.notice-list {width: 1200px;margin: 0 auto;}
section.section04 div.notice-list div.notice-item {cursor: pointer;max-width: 1000px; margin:0 auto; padding: 2rem 0 1.5rem;-webkit-transition: border 300ms;transition: border 300ms;position:relative;}
section.section04 div.notice-list div.notice-item:before {content: "";position: absolute;width: 0;height: 1px;background: #FF4900;bottom: 0;left: 0;transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;z-index:10;}
section.section04 div.notice-list div.notice-item:after {content: "";position: absolute;width: 100%;height: 1px;background: #ddd;bottom: 0;left: 0;}
section.section04 div.notice-list div.notice-item &gt; a {width:100%;display: block; font-size: 0;}
section.section04 div.notice-list div.notice-item time {display:inline-block;vertical-align:middle;margin-top: -0.375rem;letter-spacing:0.1rem;font-weight: 600;color: #ddd;-webkit-transition: color 300ms;transition: color 300ms;width: 14.7%;text-align: center;line-height: 1;position:relative;transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;}
section.section04 div.notice-list div.notice-item time span.day {display:block;margin-bottom: 0.5rem; position: absolute; display: block; left: 50%; top:0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
section.section04 div.notice-list div.notice-item time span.day i {display:none;}
section.section04 div.notice-list div.notice-item time span.month {padding-top: 3.5rem; display: block;}
section.section04 div.notice-list div.notice-item div.notice-content {display:inline-block;vertical-align:middle;width: 60%;margin-right: 8.3%;text-align: left;}
section.section04 div.notice-list div.notice-item div.notice-content span.notice-mark{display: inline-block;vertical-align: middle;width: auto;height: 1.8125rem;padding: 0 1rem;margin-right: 1rem;line-height: 1.8125rem;text-align: center;;color: #fff;background: #FF4900;font-weight: 400;}
section.section04 div.notice-list div.notice-item div.notice-content h4 {margin-bottom: 0.5625rem;margin-top: -0.3125rem;font-weight: 600;color:#222;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;}
section.section04 div.notice-list div.notice-item div.notice-content p {color: #666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;}
 section.section04 div.notice-list div.notice-item div.notice-arrow {display:inline-block;vertical-align:middle;width: 17%;max-width: 170px;}
section.section04 div.notice-list div.notice-item div.notice-arrow &gt; div {position:relative;float: right;width: 3.5rem;height: 3.5rem;border-radius: 100%;font-size: 0;border:1px solid #dddddd;transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;}
section.section04 div.notice-list div.notice-item div.notice-arrow &gt; div:before{content: "";position:absolute;width: 1.5rem;height: 1.5rem;background: url("/fro_end_eng/img/section04-arrow-off.png") center no-repeat;left: 50%;top: 50%;transform: translate(-50%,-50%);background-position-x: 2px;background-size:100%;}
section.section04 div.notice-more {text-align: center;}
section.section04 div.notice-more &gt; a {padding: 1.25rem 1.75rem 1.25rem 1.25rem;border: 1px solid #000;display: inline-block;width: auto;transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;}
section.section04 div.notice-more &gt; a &gt; span {padding-left: 1.75rem;position: relative;}
section.section04 div.notice-more &gt; a &gt; span:before {content: "";width: 1rem;height: 1rem;background: url("/fro_end_eng/img/section04-list-ico.svg") center no-repeat;background-size:100%;position: absolute;left: 0;top: 50%;transform: translateY(-50%);transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;}
section.section04 div.notice-more &gt; a:hover{border: 1px solid #3C4153;background:#3C4153;color:#fff;}
section.section04 div.notice-more &gt; a:hover &gt; span:before{background: url("/fro_end_eng/img/section04-list-ico-on.svg") center no-repeat;background-size:100%;}
section.section04 div.notice-list div.notice-item div.notice-content p.date{display:none;}
section.section04 div.notice-list div.notice-item.on:before{width:100%;}
section.section04 div.notice-list div.notice-item.on div.notice-arrow &gt; div{border:1px solid #FF4900;}
section.section04 div.notice-list div.notice-item.on time{color:#FF4900;}
section.section04 div.notice-list div.notice-item.on div.notice-arrow &gt; div:before{background: url("/fro_end_eng/img/section04-arrow-on.png") center no-repeat;background-size:100%;background-position-x: 2px;}

/*section05*/
section.section05 {padding: 5rem 0;text-align: center;}
section.section05 div.inner {position: relative;width: 100%;max-width:1200px;height:100%;margin: 0 auto;}
section.section05 div.inner div.sns-wrap {text-align: center;height:100%;position: relative;}
section.section05 div.inner div.sns-wrap div.sns{width: 100%;height: 5.375rem;padding:0 6.5rem;}
section.section05 div.inner div.sns-wrap div.sns &gt; a {display: block;width: 100%;height: 100%;position: relative;}
section.section05 div.inner div.sns-wrap div.sns &gt; a div.sns-logo {width: 8.75rem;height: 1.875rem;position: absolute;top: 50%;transform: translateY(-50%);left: 0;margin-right: 2.5rem;}
section.section05 div.inner div.sns-wrap div.sns01 &gt; a div.sns-logo{background: url("/fro_end_eng/img/sns-logo01.png") center no-repeat;background-size: cover;}
section.section05 div.inner div.sns-wrap div.sns02 &gt; a div.sns-logo{background: url("/fro_end_eng/img/sns-logo02.png") center no-repeat;background-size: cover;}
section.section05 div.inner div.sns-wrap div.sns03 &gt; a div.sns-logo{background: url("/fro_end_eng/img/sns-logo03.png") center no-repeat;background-size: cover;}
section.section05 div.inner div.sns-wrap div.sns &gt; a div.sns-txt-wrap {padding-left:2.5rem;position: absolute;right: 0;height: 100%;width: calc(100% - 11.25rem);border-left:1px solid #ddd;}
section.section05 div.inner div.sns-wrap div.sns &gt; a div.sns-txt-wrap &gt; div {float: left;} 
section.section05 div.inner div.sns-wrap div.sns &gt; a div.sns-txt-wrap &gt; div.sns-img {width: 7.5rem;height: 100%;}
section.section05 div.inner div.sns-wrap div.sns &gt; a div.sns-txt-wrap &gt; div.sns-img &gt; img{width: 100%;display: block;}
section.section05 div.inner div.sns-wrap div.sns &gt; a div.sns-txt-wrap &gt; div.sns-txt {width: calc(100% - 8.75rem);text-align: left;position: absolute;top: 50%;transform:translateY(-50%);left:11.25rem;}
section.section05 div.inner div.sns-wrap div.sns &gt; a div.sns-txt-wrap &gt; div.sns-txt &gt; p {margin-top:1rem; color: #666;overflow: hidden;word-break:keep-all;}
section.section05 div.inner div.sns-arrow-wrap{position:absolute;top: 50%;transform: translateY(-50%);width:100%;}
section.section05 div.inner div.sns-arrow-wrap button.sns-arrow{position: absolute;font-size: 0;width: 6rem;height: 6rem;top: 50%;transform: translateY(-50%);}
section.section05 div.inner div.sns-arrow-wrap button.sns-arrow.prev-arrow{left: -6.5rem;background: url("/fro_end_eng/img/left-arrow.svg") center no-repeat;background-size: 100%;transition:0.3s ease;}
section.section05 div.inner div.sns-arrow-wrap button.sns-arrow.next-arrow{right: -6.5rem;background: url("/fro_end_eng/img/right-arrow.svg") center no-repeat;background-size: 100%;transition:0.3s ease;}
section.section05 div.inner div.sns-arrow-wrap button.sns-arrow.prev-arrow:hover{background: url("/fro_end_eng/img/left-arrow-on.svg") center no-repeat;background-size: 100%;}
section.section05 div.inner div.sns-arrow-wrap button.sns-arrow.next-arrow:hover{background: url("/fro_end_eng/img/right-arrow-on.svg") center no-repeat;background-size: 100%;}
section.section05 div.inner div.sns-wrap ul.slick-dots {position: absolute;top: -3.75rem;left: 50%;transform: translateX(-50%);text-align: center;}
section.section05 div.inner div.sns-wrap ul.slick-dots &gt; li {display: inline-block;    }
section.section05 div.inner div.sns-wrap ul.slick-dots &gt; li &gt; button {font-size: 1.5rem;position: relative;font-family: 'NanumSquare_B', sans-serif;transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;}
section.section05 div.inner div.sns-wrap ul.slick-dots &gt; li &gt; button:before {content: "";display: block;margin: 0 1rem;display:inline-block;width:0.3rem;height:0.3rem;border-radius:50%;background:#ddd;top: 50%;transform: translateY(-50%);}
section.section05 div.inner div.sns-wrap ul.slick-dots &gt; li:first-child &gt; button:before {display: none;}
section.section05 div.inner div.sns-wrap ul.slick-dots &gt; li &gt; button:hover,
section.section05 div.inner div.sns-wrap ul.slick-dots li.slick-active button{color:#6B76F0;}


/*section06*/
section.section06{position: relative;z-index: 100;margin-bottom:3.125rem;}
section.section06 &gt; div {float: left;width: 50%;}
section.section06 div.box &gt; a{display: block; height:25rem;position: relative;overflow:hidden;}
section.section06 div.box &gt; a &gt; div{float:left;width: 50%;height: 100%;}
section.section06 div.box &gt; a div.txt-box{position: relative;z-index:10;}
section.section06 div.box &gt; a div.txt-box:before,
section.section06 div.box &gt; a div.txt-box:after{content:"";display:block;position:absolute;top:50%;transform: translateY(-50%); width:0;height:0;z-index:10;}
section.section06 div.box &gt; a div.txt-box div.inner{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);text-align: center;color: #fff;width:100%;}
section.section06 div.box &gt; a div.txt-box div.inner &gt; p{color:#f6f6f8;}
section.section06 div.box &gt; a div.txt-box div.inner &gt; div.txt-box-arrow{width: 1.8rem;height: 0.75rem; background: url("/fro_end_eng/img/section06-arrow-line.png") center no-repeat;background-size:100%;-webkit-transition: 0.6s cubic-bezier(0.21, 0.41, 0.52, 0.94); -o-transition: 0.6s cubic-bezier(0.21, 0.41, 0.52, 0.94); transition: 0.6s cubic-bezier(0.21, 0.41, 0.52, 0.94);position:absolute;left:50%;transform:translateX(-50%);}
section.section06 div.box &gt; a div.txt-box div.inner &gt; div.txt-box-arrow.on{left:55%;}
section.section06 div.box &gt; a div.img-box{background:#ddd;object-fit:cover;transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;}
section.section06 div.box &gt; a div.img-box:hover{transform:scale(1.05);}
section.section06 div.box.box01 &gt; a div.img-box{background: url("/fro_end_eng/img/section06-img-box01.png") center no-repeat;background-size:cover;}
section.section06 div.box.box01 &gt; a div.txt-box{background:#6a82ee;}
section.section06 div.box.box01 &gt; a div.txt-box:before{left: 100%;border-top:1rem solid transparent;border-bottom:1rem solid transparent;border-left:2rem solid #6a82ee;}
section.section06 div.box.box02 &gt; a div.img-box{background: url("/fro_end_eng/img/section06-img-box02.png") center no-repeat;background-size:cover;}
section.section06 div.box.box02 &gt; a div.txt-box{background:#0adfc1;}
section.section06 div.box.box02 &gt; a div.txt-box:before{left: 100%;border-top:1rem solid transparent;border-bottom:1rem solid transparent;border-left:2rem solid #0adfc1;}
section.section06 div.box.box03 &gt; a div.img-box{background: url("/fro_end_eng/img/section06-img-box03.png") center no-repeat;background-size:cover;}
section.section06 div.box.box03 &gt; a div.txt-box{background:#08a0e3;}
section.section06 div.box.box03 &gt; a div.txt-box:after{right: 100%;border-top:1rem solid transparent;border-bottom:1rem solid transparent;border-right: 2rem solid #08a0e3;}
section.section06 div.box.box04 &gt; a div.img-box{background: url("/fro_end_eng/img/section06-img-box04.png") center no-repeat;background-size:cover;}
section.section06 div.box.box04 &gt; a div.txt-box{background:#ff4900;}
section.section06 div.box.box04 &gt; a div.txt-box:after{right: 100%;border-top:1rem solid transparent;border-bottom:1rem solid transparent;border-right: 2rem solid #ff4900;}


/*footer*/
footer.footer{margin: 0;position: relative;text-align: center;background: #232428;z-index: 100;}
footer.footer div.footer-top {border-bottom: 1px solid rgba(255,255,255,0.15);height:4.375rem;}
footer.footer div.footer-top &gt; div.inner{max-width: 1440px;margin: 0 auto;height: 100%;}
footer.footer div.footer-top &gt; div.inner &gt; ul.site-link{float:left;width:100%;height: 100%;}
footer.footer div.footer-top &gt; div.inner ul.site-link &gt; li {float: left;width: 14.28%;text-align: center;padding: 1.5rem 0;}
footer.footer div.footer-top &gt; div.inner ul.site-link &gt; li &gt; a{color: #979499;font-family: 'NanumSquare_R', sans-serif;}
footer.footer div.footer-top &gt; div.inner ul.site-link &gt; li:first-child &gt; a{color: #fff;}
footer.footer div.footer-top &gt; div.inner &gt; a.top{display:block;float:right;width:4.375rem;height: 100%;background: #333;color: #fffefe;position: relative;padding-top: 2.2rem;-webkit-transition: all 0.3s;transition: all 0.3s;}
footer.footer div.footer-top &gt; div.inner &gt; a.top:hover{background:#6A82EE;}
footer.footer div.footer-bottom {padding:4.375rem 0;}
footer.footer div.footer-top &gt; div.inner &gt; a.top:before{content: "";position: absolute;left: 50%;transform: translateX(-50%);background: url("/fro_end_eng/img/top-arrow.png") center no-repeat;width: 1rem;height: 0.625rem;top: 1rem;background-size:100%;}
footer.footer div.footer-bottom ul.footer-menu {font-size: 0;}
footer.footer div.footer-bottom ul.footer-menu li {display: inline-block;}
footer.footer div.footer-bottom ul.footer-menu li a {display: inline-block;padding: 0 1rem;position: relative;font-size: 1rem;color: #888;-webkit-transition: color 300ms;transition: color 300ms;}
footer.footer div.footer-bottom ul.footer-menu li a:after {content: '';display: block;width: 1px;height: 14px;position: absolute;right: 0;top: 50%;margin-top: -6px;background: #ddd;}
footer.footer div.footer-bottom ul.footer-menu li:first-child a{color: #fff;}
footer.footer div.footer-bottom ul.footer-menu li:last-child a:after {display: none;}
footer.footer div.footer-bottom ul.footer-menu li a:hover {color: #fff;}
footer.footer div.footer-bottom p.footer-info span {display: inline-block;padding: 0 0.6rem 0 0.5rem;position: relative;vertical-align: middle;line-height:1.75;color: #666;}
footer.footer div.footer-bottom p.footer-info span:last-child {padding-right: 0;}
footer.footer div.footer-bottom p.footer-info span:after {content: '';display: block;width: 1px;height: 0.8rem;position: absolute;right: 0;top: 50%;margin-top: -6px;background: #666;}
footer.footer div.footer-bottom p.footer-info span:last-child:after{display: none;}
footer.footer div.footer-bottom p.footer-info.footer-info01 span {color: #bbb;}
footer.footer div.footer-bottom div.footer-btn{display:inline-block; margin:0 auto; margin-top:0.5rem;}
footer.footer div.footer-bottom div.footer-btn &gt; a{color:#aaa; display:block; padding:0.5rem 1.5rem; border:1px solid #aaa; font-size:0.8rem; transition:0.4s;}
footer.footer div.footer-bottom div.footer-btn &gt; a:hover{background:#444; border-color:#444; color:#fff; box-shadow:0 5px 20px rgba(0,0,0,0.8); transform:translateY(-5px);}
footer.footer div.footer-bottom p.copy{color: #666;}


@media screen and (max-width:1440px){
	div.popup-wrap div.top-popup{left:10%; transform:translateY(-50%);}
	div.popup-wrap div.top-popup button.slick-arrow.slick-prev{left:-7rem;}
	div.popup-wrap div.top-popup button.slick-arrow.slick-next{left:-4rem;}

	header h1.logo{left:5rem; width:12rem;}

	main.main-container div.main-wrap div.main-gnb-box{width:95%; height:auto;}
	main.main-container div.main-wrap div.main-gnb-box &gt; ul &gt; li{height:auto;}
	main.main-container div.main-wrap div.main-gnb-box &gt; ul &gt; li div.course-intro{width:100%;}
	main.main-container div.main-wrap div.main-gnb-box &gt; ul &gt; li div.course-intro div.course-text{padding-top:3.25rem;}
	main.main-container div.main-wrap div.main-gnb-box &gt; ul &gt; li div.course-intro div.course-text h3.tit01 &gt; span{display:inline-block; margin-top:0.5rem; font-size:1.75rem;}

	/*section02*/
	section.section02 div.apply-list ul.inner{padding:5rem 2rem;}
	section.section02 div.apply-list ul.inner &gt; li &gt; a div.course-list{padding:2.5rem 1.5rem;}
	section.section02 div.apply-list ul.inner &gt; li &gt; a div.course-list div.course-tit{font-size:1.7rem; letter-spacing:-0.1rem;}
	section.section02 div.apply-list ul.inner &gt; li &gt; a div.course-list ul.cousrse-text &gt; li &gt; div.text-con{font-size:1.25rem;}


	/*section03*/
	section.section03 div.inner{height:30rem;padding:0 2rem;}
	section.section03 div.inner &gt; div .tit{font-size:1.75rem;}
	section.section03 div.inner &gt; div.schedule{padding:3rem 2rem 3rem 0;}
	section.section03 div.inner &gt; div.schedule ul.schedule-top &gt; li.tit{margin-bottom:2rem;}
	section.section03 div.inner &gt; div.schedule ul.schedule-list{margin-top:2rem;}
	section.section03 div.inner &gt; div.news{padding:3rem 2rem;}
	section.section03 div.inner &gt; div.news div.tit{margin-bottom:2rem; font-size:1.75rem;}
	section.section03 div.inner &gt; div.news p.text{margin-top:2rem;height:4.25rem;}
	section.section03 div.inner &gt; div.video{padding:3rem 0 3rem 2rem;}
	section.section03 div.inner &gt; div.video div.tit{margin-bottom:2rem;}
	
	

	/*section05*/
	section.section05 div.inner div.sns-arrow-wrap button.sns-arrow.prev-arrow{left:0;}
	section.section05 div.inner div.sns-arrow-wrap button.sns-arrow.next-arrow{right:0;}
	section.section05 div.inner div.sns-wrap div.sns &gt; a div.sns-logo{margin-right:0;left:2rem;}
	section.section05 div.inner div.sns-wrap div.sns &gt; a div.sns-txt-wrap{padding-left:1.5rem;}
	section.section05 div.inner div.sns-wrap div.sns &gt; a div.sns-txt-wrap &gt; div.sns-txt{width:calc(100% - 16rem);}

	/*section06*/
	section.section06 div.box &gt; a{height:20rem;}
}

@media screen and (max-width:1280px){
    html{font-size:15px;}
    
    /*header*/
    div.headertop &gt; div.inner{margin: 0;}
	header h1.logo{left:3rem;}
	ul.gnb{right:3rem;}

	/*main*/
	main.main-container{min-width:100%;}
	main.main-container div.main-wrap{margin:0;}
	main.main-container div.main-wrap div.main-banner{min-width:100%;}

	/*section04*/
	section.section04 div.notice-list{width:100%;}

	/*section05*/
	section.section05{padding:5rem 2rem;}
}

@media screen and (max-width:1024px){
	html{font-size:14px;}

	.navigator{display:none;}

	/*header*/
	div.headertop{display:none;}
	header div.header-wrap.pc{display:none;}
	header div.header-wrap.mob{display:inline-block !important;}
	header.header{padding-top:0;height:3.125rem;background: #fff;border-bottom: 1px solid #ddd;}
	header div.header-wrap.mob h1.logo{top:0;transform:translateY(0%);left:1rem;width:10rem;background:url("/fro_end_eng/img/header-logo-b.png") center no-repeat;background-size:100%;}
	header div.header-wrap.mob div.gnb{width: 100%;height: 100%;position: relative;}
	header div.header-wrap.mob div.gnb div.site-map{position: absolute;right: 1rem;top: 50%;width:1.4rem;height:1.4rem;background: url("/fro_end_eng/img/header_sitemap_ico.svg") center no-repeat;background-size:100%;transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s;-ms-transition:0.3s;-moz-transition:0.3s;cursor: pointer;transform: translateY(-50%);}	
	header div.header-wrap.mob a.gnb-btn{position:absolute;padding:0 0.5rem;height:2rem;line-height:2rem;font-size:0.8rem;top:50%;bottom:auto;transform: translateY(-50%);border:1px solid #b5b5b5;}
	header div.header-wrap.mob div.gnb a.gnb-btn.login-btn{right:9rem;}
	header div.header-wrap.mob div.gnb a.gnb-btn.logout-btn{right:8rem;}
	header div.header-wrap.mob div.gnb a.gnb-btn.my-btn{right:4rem;}

	nav.mob-menu-container{position:absolute;top:3.125rem;left:-100%;z-index:100;display: none;max-width:100vw;width:100%;height:100vh;background:#ffffff;overflow-y:auto;transition:all 0.5s;-webkit-transition:all 0.5s; -o-transition:all 0.5s; -ms-transition:all 0.5s; -moz-transition:all 0.5s;}
	nav.mob-menu-container div.menu-list{width: 100%;height: 100%;background:#eee;}
    nav.mob-menu-container div.menu-list &gt; ul &gt; li &gt; a.dep01{width: 12rem;height:3.75rem;padding:1rem 0;display: table;text-align: center;font-size: 1.15rem;color: #666;}
	nav.mob-menu-container div.menu-list &gt; ul &gt; li:nth-of-type(3) &gt; a.dep01{padding:0.3rem 0;}
    nav.mob-menu-container div.menu-list &gt; ul &gt; li:first-child &gt; a.dep01{border-top: none;}
    nav.mob-menu-container div.menu-list &gt; ul &gt; li.open &gt; a.dep01{position: relative;background: #6B76F0;box-shadow:-3px 3px 5px rgba(0,0,0,.1);color: #fff;z-index: 10;}
    nav.mob-menu-container div.menu-list &gt; ul &gt; li.open &gt; a.dep01 &gt; span{display: table-cell;width: 100%;font-family:'NotoKr_B' , sans-serif; }
    nav.mob-menu-container ul.dep02{width:calc(100% - 12rem);height:100%;position: fixed;top: 3.125rem;left: 12rem;overflow-y: auto;overflow-x: hidden;display:none;background: #fff;box-shadow:0px 5px 10px rgba(0,0,0,.1);}
    nav.mob-menu-container ul.dep02 &gt; li{font-size: 1.15rem;border-bottom: 1px solid #ddd;width: 100%;height: 3.75rem;line-height: 3.75rem;padding:0 1rem;}
    nav.mob-menu-container ul.dep02 &gt; li a{position: relative;display: block;width: 100%;font-family:'NotoKr_M' , sans-serif; }
    nav.mob-menu-container ul.dep02 &gt; li a.has-dep03 span.dep03-arrow{content: "";position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 1.25rem;height: 1.25rem;background:url('/fro_end_eng/img/dep03_arrow_off.svg') center no-repeat;background-size: cover;}
    nav.mob-menu-container ul.dep02 &gt; li a.has-dep03 span.dep03-arrow.on{background:url('/fro_end_eng/img/dep03_arrow_on.svg') center no-repeat;background-size: cover;}
    nav.mob-menu-container ul.dep02 &gt; li ul.dep03{margin-top:0;position: relative;overflow: hidden;height:0;background:#f8f8f8;transition:all 0.5s;-webkit-transition:all 0.5s; -o-transition:all 0.5s; -ms-transition:all 0.5s; -moz-transition:all 0.5s;opacity: 0;}
    nav.mob-menu-container ul.dep02 &gt; li ul.dep03 li a{padding:1rem 0 1rem 2rem;position:relative;display:block;width:100%;font-size:1rem;line-height:2rem;color:#333;border-bottom:1px solid #ddd;}
    nav.mob-menu-container ul.dep02 &gt; li ul.dep03 li:last-child a{border-bottom:none;}
    nav.mob-menu-container ul.dep02 &gt; li ul.dep03 li a:before{content: "";position:absolute;top:50%;left:1rem;display:block;width:5px;height: 5px;background:#6B76F0;border-radius:50%;}
    nav.mob-menu-container ul.dep02 &gt; li ul.dep03.show{margin-bottom:1rem;opacity: 1;overflow: visible;height: auto;}
    header div.menu-container-bg{display:none;}
	header ul.lang{top:50%;transform:translateY(-50%);bottom:auto;right:14rem;}

    /*�쒖꽦��*/
	header div.header-wrap.mob div.gnb div.site-map.on{background:url('/fro_end_eng/img/header_sitemap_ico_on.svg') center no-repeat;background-size: cover;}
	div.quick.off a.quick-btn {opacity: 0;visibility: hidden;}
    nav.mob-menu-container.on{left:0;display:block;z-index:20;}
    nav.mob-menu-container ul.dep02.on{display:block;}
    nav.mob-menu-container ul.dep02.on &gt; li{height: auto;}
    nav.mob-menu-container ul.dep02 &gt; li ul.dep03.on{overflow: visible;height:auto;margin-top:1.25rem;background:#f8f8f8;}

	/*main*/
	main.main-container{margin-top:0;}
	main.main-container div.main-wrap div.main-banner{height:28rem;}
	main.main-container div.main-wrap div.main-banner div.slider{height:28rem;}
	main.main-container div.main-wrap div.main-banner div.slider div.slide{height:28rem;}
	main.main-container div.main-wrap div.main-banner div.slider div.slide div.slide-img img{max-width:100%;height:auto;top:0;-webkit-transform: translateY(0%);-ms-transform: translateY(0%);-o-transform: translateY(0%);-moz-transform: translateY(0%);transform: translateY(0%);}    
	main.main-container div.main-wrap div.main-gnb-box{width:100%;top:25rem;height:auto;}
	main.main-container div.main-wrap div.main-gnb-box &gt; ul &gt; li{height:auto;}
	main.main-container div.main-wrap div.main-gnb-box &gt; ul &gt; li a.course-list{padding:1.5rem; font-size:1.25rem; height:100%;}
	/* main.main-container div.main-wrap div.main-gnb-box &gt; ul &gt; li a.course-list br{display:none;} */
	main.main-container div.main-wrap div.main-gnb-box &gt; ul &gt; li a.course-list div.ico{width:2.5rem;height:2.5rem;}
	main.main-container div.main-wrap div.main-gnb-box &gt; ul &gt; li.course01 a.course-list div.ico{width:2.25rem;}
	main.main-container div.main-wrap div.main-gnb-box &gt; ul &gt; li.course02 a.course-list div.ico{width:3rem;}
	div.main-visual.on{display:none;}
	main.main-container div.main-wrap div.main-gnb-box &gt; ul &gt; li div.course-intro.on{display:none;}

	/*section01*/
	section.section01{min-width:100%;}
	section.section01 ul.main-con01-list &gt; li figure{width:10.875rem;height:10.875rem;}

	/*section02*/
	section.section02 div.apply-list ul.inner{flex-wrap:wrap; padding:4rem 2rem;}
	section.section02 div.apply-list ul.inner &gt; li{width:50%; margin:1rem 0;}
	section.section02 div.apply-list ul.inner &gt; li &gt; a div.course-list{padding:1.5rem;}
	section.section02 div.apply-list ul.inner &gt; li &gt; a div.course-list div.course-kind{height:4rem; line-height:4rem;}
	section.section02 div.apply-list ul.inner &gt; li &gt; a div.course-list div.course-tit{min-height:4rem; font-size:1.5rem; letter-spacing:-0.05rem;}
	section.section02 div.apply-list ul.inner &gt; li &gt; a div.course-list ul.cousrse-text &gt; li &gt; div.text-con{font-size:1rem;}
	section.section02 div.apply-list ul.inner &gt; li &gt; a div.course-list ul.cousrse-text &gt; li &gt; div.text-con span.extension{display:inline; font-size:1rem;}
	section.section02 div.apply-wrap a.apply &gt; div.tit{width:24rem;padding-top:0;}
	section.section02 div.apply-wrap a.apply &gt; div.tit:before{width:2rem;left:1rem;}
	section.section02 div.apply-wrap a.apply &gt; span.img &gt; img{width:auto;height:4.5rem;}


	/*section03*/
	section.section03{margin-bottom:1.5rem;}
	section.section03 div.inner{padding:0;}
	section.section03 div.inner &gt; div.schedule{padding:3rem 2rem 3rem 2rem;}
	section.section03 div.inner &gt; div.news:before{bottom:-1rem;}
	section.section03 div.inner &gt; div.schedule ul.schedule-list li{margin-top:1rem;}
	section.section03 div.inner &gt; div.schedule ul.schedule-list li.today + li{margin-top:1rem;}
	section.section03 div.inner &gt; div.schedule ul.schedule-top &gt; li.tit br{display:block;}
	section.section03 div.inner &gt; div.video{padding:3rem 2rem 3rem 2rem;}


	/*section04*/
	section.section04{padding:5rem 2rem 3rem;}
	section.section04 div.notice-list div.notice-item{max-width:100%;margin:0;}
	section.section04 div.notice-list div.notice-item div.notice-arrow &gt; div:before{width:1.15rem;height:1.15rem;}
	
	/*section06*/
	section.section06 div.box &gt; a{height:16rem;}
	
	header div.header-wrap.mob div.gnb div.headerlang{position:absolute;right: 13rem;top: 0.5rem;z-index:25;overflow:hidden;width: 6.5rem;vertical-align: middle;text-align: center;border: solid 1px transparent;max-height: 2rem;transition: all 0.3s ease;font-size: 0.87rem;transform: translateY(0%);}
	header div.header-wrap.mob div.gnb div.headerlang.on {border: 1px solid rgb(221, 221, 221);max-height: 50rem;background: #fff;}
	header div.header-wrap.mob div.gnb div.headerlang .now {position:relative;display:block;padding-right: 1rem;line-height: 2rem;font-weight:bold;color:#222222;text-align:center;}
	header div.header-wrap.mob div.gnb div.headerlang .now:before{content:"";background: url('/fro_end_eng/img/headerlang-ico.svg')  center no-repeat;background-size:cover;width: 0.87rem;height: 0.87rem;display: inline-block;position: absolute;right: 0.25rem;top: 50%;transform: translateY(-50%);}
	header div.header-wrap.mob div.gnb div.headerlang .lang-box {display:block; text-align:center; }
	header div.header-wrap.mob div.gnb div.headerlang .lang-box a {padding:0.5rem 0px;display:block;}
	header div.header-wrap.mob div.gnb div.headerlang .lang-box ul {padding-bottom: 0.5rem; }
	header div.header-wrap.mob div.gnb div.headerlang .lang-box li {transition: all 0.1s ease;}
	header div.header-wrap.mob div.gnb div.headerlang .lang-box li:hover {background: #f3f3f3; color:#000; font-weight:500; }
}

@media screen and (max-width:768px){
    html{font-size:13px;}

	div.popup-bg{display:block; position:fixed; top:0; left:0; width:100%; height:100vh; background:rgba(0, 0, 0, 0.75); z-index:600;}
	div.popup-wrap{position:fixed; bottom:0; left:0; height:auto; padding:3rem; box-shadow:0 -20px 30px rgba(0, 0, 0, 0.4); z-index:700;}
	div.popup-wrap div.top-popup{position:relative; top:auto; left:auto; transform:none; width:100%; margin-top:3rem;}
	div.popup-wrap div.top-popup button.slick-arrow{top:-3rem; transform:none;}
	div.popup-wrap div.top-popup button.slick-arrow.slick-prev{left:0;}
	div.popup-wrap div.top-popup button.slick-arrow.slick-next{left:3rem;}
	div.popup-wrap div.top-popup div.t-pop{padding:0 0.5rem; text-align:center;}
	div.popup-wrap div.top-popup div.t-pop div.txt{float:none; width:100%;}
	div.popup-wrap div.top-popup div.t-pop div.txt &gt; div.con{height:3.5rem; white-space:inherit; text-overflow:inherit;}
	div.popup-wrap div.top-popup div.t-pop a.link-btn{float:none; position:inherit; top:auto; right:auto; transform:none; margin-top:1.5rem;}
	div.popup-wrap div.close{top:3rem; transform:none;}
	div.popup-wrap div.close a.close-btn img{width:1.25rem; height:1.25rem;}
	
	main.main-container div.main-wrap div.main-gnb-box &gt; ul{flex-wrap:wrap;}
	main.main-container div.main-wrap div.main-gnb-box &gt; ul &gt; li{width:20%; border-bottom:1px solid rgba(255,255,255,0.3);}
	main.main-container div.main-wrap div.main-gnb-box &gt; ul &gt; li:nth-child(6){width:50%;}
	main.main-container div.main-wrap div.main-gnb-box &gt; ul &gt; li:nth-child(6) br{display:none;}
	main.main-container div.main-wrap div.main-gnb-box &gt; ul &gt; li:nth-child(7){width:50%;}
	main.main-container div.main-wrap div.main-gnb-box &gt; ul &gt; li:nth-child(7) br{display:none;}
	main.main-container div.main-wrap div.main-gnb-box &gt; ul &gt; li a.course-list{line-height:1.25;text-align:center; letter-spacing:-0.025rem;}
	main.main-container div.main-wrap div.main-gnb-box &gt; ul &gt; li a.course-list div.ico{width:2rem;height:2rem;margin:0 auto;margin-bottom:0.5rem;float:none;}
	main.main-container div.main-wrap div.main-gnb-box &gt; ul &gt; li.course01 a.course-list div.ico{width:2rem;}
	main.main-container div.main-wrap div.main-gnb-box &gt; ul &gt; li.course02 a.course-list div.ico{width:2.5rem;}
	
	section.section01{padding-top:20rem;}

	/*section02*/
	section.section02 div.apply-list ul.inner{display:block;}
	section.section02 div.apply-list ul.inner &gt; li{width:100%;}
	section.section02 div.apply-list ul.inner &gt; li &gt; a{padding:0;}
	section.section02 div.apply-list ul.inner &gt; li &gt; a div.course-list div.course-tit{min-height:auto; margin-top:4.5rem;}
	section.section02 div.apply-list ul.inner &gt; li &gt; a div.course-list ul.cousrse-text &gt; li &gt; div.text-con{font-size:1.25rem;}

	/*section03*/
	section.section03 div.inner{height:auto;}
	section.section03 div.inner:before{bottom:-0.5rem;}
	section.section03 div.inner &gt; div.schedule{width:100%; border-bottom:1px solid rgba(255,255,255,0.2); border-right:0;}
	section.section03 div.inner &gt; div.schedule ul.schedule-top &gt; li.tit br{display:none;}
	section.section03 div.inner &gt; div.news{width:50%; height:30.5rem; /* border-top:1px solid rgba(255,255,255,0.1); */}
	section.section03 div.inner &gt; div.video{width:50%;}

	/*section05*/
	section.section05{padding:5rem 0 3rem 0;}
	section.section05 div.inner{max-width:100%;}
	section.section05 div.inner div.sns-wrap div.sns{padding:0 2rem;height:auto;}
	section.section05 div.inner div.sns-wrap div.sns &gt; a div.sns-logo{margin-right:0;left: 0;top: 0;transform: translateY(0);position:relative;margin-bottom:3rem;}
	section.section05 div.inner div.sns-wrap div.sns &gt; a div.sns-txt-wrap{padding-left:0;padding:2rem;position:relative;width:100%;right:auto;border:1px solid #ddd;background:#fff;}
	section.section05 div.inner div.sns-wrap div.sns &gt; a div.sns-txt-wrap &gt; div{float:none;}
	section.section05 div.inner div.sns-wrap div.sns &gt; a div.sns-txt-wrap &gt; div.sns-img{width:7.5rem;height:6rem;margin:1rem auto;}
	section.section05 div.inner div.sns-wrap div.sns &gt; a div.sns-txt-wrap &gt; div.sns-img &gt; img{width: auto;display: block;height: 100%;}
	section.section05 div.inner div.sns-wrap ul.slick-dots{width:100%;}
	section.section05 div.inner div.sns-wrap ul.slick-dots &gt; li &gt; button{font-size:1.3rem;}
	section.section05 div.inner div.sns-wrap div.sns &gt; a div.sns-txt-wrap &gt; div.sns-txt{width: 100%;position: relative;left: 0;top: 0;transform: translateY(0%);}
	section.section05 div.inner div.sns-wrap div.sns &gt; a div.sns-txt-wrap &gt; div.sns-txt &gt; p.mt15 {margin-top: 0 !important;}
	section.section05 div.inner div.sns-arrow-wrap{width:auto;top:0;transform:translateY(0%);right:2rem;}
	section.section05 div.inner div.sns-arrow-wrap button.sns-arrow{position: relative;font-size: 0;width: 3rem;height: 3rem;top: 0;transform: translateY(0%);right: 0;}

	/*section06*/
	section.section06 div.box &gt; a{height:14rem;}

	/*footer*/
	footer.footer div.footer-bottom{padding:3rem 0;}
	footer.footer div.footer-top &gt; div.inner ul.site-link &gt; li{display:inline-block; width:auto; margin:0 0.75rem;}
}

@media screen and (max-width:480px){
	div.popup-wrap{padding:1rem;}
	div.popup-wrap div.top-popup div.t-pop div.txt &gt; div.tit{font-size:1.25rem;}
	div.popup-wrap div.top-popup div.t-pop div.txt &gt; div.con{height:auto;}
	div.popup-wrap div.top-popup div.t-pop div.txt &gt; div.con span.txt-line{height:auto; overflow:inherit; white-space:inherit; text-overflow:inherit;}
	div.popup-wrap div.top-popup div.t-pop a.link-btn{margin-top:1rem;}
	div.popup-wrap div.close{top:1rem; right:1rem;}

	header div.header-wrap.mob div.gnb a.gnb-btn.my-btn{right:3rem;}
	header div.header-wrap.mob div.gnb a.gnb-btn.login-btn{right:8rem;}

	main.main-container div.main-wrap div.main-gnb-box{top:14.5rem;}
	main.main-container div.main-wrap div.main-banner{height:15rem;}
	main.main-container div.main-wrap div.main-banner div.slider{height:15rem;}
	main.main-container div.main-wrap div.main-banner div.slider div.slide{height:15rem;}
	main.main-container div.main-wrap div.main-gnb-box &gt; ul &gt; li a.course-list{padding:1rem 0.5rem;font-size:1rem;}
	main.main-container div.main-wrap div.main-gnb-box &gt; ul &gt; li a.course-list &gt; span{font-size:1.05rem;}
	main.main-container div.main-wrap div.main-banner div.slide-arrow-wrap{display:none;}

	/*section01*/
	section.section01 ul.main-con01-list{margin-top:1.5rem;margin-bottom:3rem;}
	section.section01 ul.main-con01-list &gt; li{padding:0 0.5rem;}
	section.section01 ul.main-con01-list &gt; li figure{width:8.875rem;height:8.875rem;}

	/*section02*/
	section.section02 div.apply-list ul.inner{padding:3rem 2rem;}
	section.section02 div.apply-list ul.inner &gt; li &gt; a div.course-list div.course-tit{height:auto;}
	section.section02 div.apply-list ul.inner &gt; li &gt; a div.course-list03 div.course-tit{font-size:1.8rem; letter-spacing:-0.12rem;}
	
	/*section03*/
	section.section03 div.inner &gt; div.news{width:100%; height:auto; min-height:23rem; border-bottom:1px solid rgba(255,255,255,0.2);}
	section.section03 div.inner &gt; div.video{width:100%;}
	
	/*section04*/
	section.section04 div.notice-list div.notice-item time{display:none;}
	section.section04 div.notice-list div.notice-item div.notice-arrow{display:none;}
	section.section04 div.notice-list div.notice-item div.notice-arrow &gt; div:before{background-position-x:0;}
	section.section04 div.notice-list div.notice-item div.notice-content{width:100%;margin-right:0;}
	section.section04 div.notice-list div.notice-item div.notice-content p.date {display:block;color: #aaa;margin-top: 0.5rem;letter-spacing: 0.05rem;}

	/*section06*/
	section.section06 &gt; div{width:100%;}
	section.section06 div.box &gt; a div.txt-box div.inner &gt; div.txt-box-arrow{top:0;}

	/*footer*/
	footer.footer div.footer-top &gt; div.inner &gt; ul.site-link{position:relative; width:100%;}
	footer.footer div.footer-top &gt; div.inner &gt; ul.site-link:before{content:"Link"; position:absolute; top:50%; left:1.5rem; transform:translateY(-50%); display:inline-block; color:#fff;}
	footer.footer div.footer-top &gt; div.inner &gt; ul.site-link:after{content:""; position:absolute; top:50%; right:1.5rem; transform:translateY(-50%); width:1rem; height:1rem; background:url("/fro_end_eng/img/site-arrow.svg") center / cover no-repeat; -webkit-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
	footer.footer div.footer-top &gt; div.inner &gt; ul.site-link li{display:none;}
	footer.footer div.footer-top &gt; div.inner &gt; ul.site-link.active:after{transform:translateY(-50%) rotate(-90deg);}
	footer.footer div.footer-top &gt; div.inner &gt; ul.site-link.active li{position:absolute; display:block; float:none; width:100%; height:2.5rem; line-height:2.5rem; margin:0; border-bottom:1px solid rgba(255, 255, 255, 0.1); padding:0; background:#3c4153; z-index:1;}
	footer.footer div.footer-top &gt; div.inner &gt; ul.site-link.active li:nth-of-type(1){top:-2.5rem;}
	footer.footer div.footer-top &gt; div.inner &gt; ul.site-link.active li:nth-of-type(2){top:-5rem;}
	footer.footer div.footer-top &gt; div.inner &gt; ul.site-link.active li:nth-of-type(3){top:-7.5rem;}
	footer.footer div.footer-top &gt; div.inner &gt; ul.site-link.active li:nth-of-type(4){top:-10rem;}
	footer.footer div.footer-top &gt; div.inner &gt; ul.site-link.active li:nth-of-type(5){top:-12.5rem;}
	footer.footer div.footer-top &gt; div.inner &gt; ul.site-link.active li:nth-of-type(6){top:-15rem;}
	footer.footer div.footer-top &gt; div.inner &gt; ul.site-link.active li a{color:#fff; font-family:"NotoKr_R";}
	footer.footer div.footer-top &gt; div.inner &gt; a.top{width:100%;}
	footer.footer div.footer-top &gt; div.inner &gt; a.kakao{padding:1.5rem;width:100%;background:linear-gradient(180deg,#ffd200,#ffc600);font-size:1rem;font-family:'NotoKr_M' , sans-serif;}
}

@media screen and (max-width:375px){
	html{font-size:12px;}

	/*section01*/
	section.section01 ul.main-con01-list &gt; li figure{width:6.875rem;height:6.875rem;}

	/*section06*/
	section.section06 div.box &gt; a{height:12rem;}
	
}

@media screen and (max-width:320px){
	header div.header-wrap.mob h1.logo{width:8rem;}	
}





</pre></body></html>