@charset "UTF-8";

:root{

	--height-header:6.75rem; /* Çì´õ ³ôÀÌ */
	--height-gnb:14rem; /* gnb ³ôÀÌ */

	--width-logo:25rem; /* Çì´õ,ǪÅÍ ·Î°í Å©±â */
}

html{width:100%; scroll-behavior:smooth; -webkit-text-size-adjust: none;}
body{overflow-x:hidden;}

body.no-scroll{overflow: hidden;}

/****** HEADER ******/
header.header{width:100%; height:var(--height-header); display:flex; padding:0 3rem; color:#fff; align-items:center; justify-content:space-between; position:fixed; top:0; left:0; z-index:100; transition:0.3s; -webkit-transition:0.3s;}
header.header div.h-left{display:flex; align-items:center;}
header.header div.logo{width:var(--width-logo); height:auto;}
header.header div.logo a{width:100%; height:100%;}
header.header div.logo a img{width:100%; height:100%; object-fit:contain;}
header.header div.logo a img.hover{display:none;}
header.header div.gnb{position:absolute; top:50%; left:50%; height:100%; width:auto; transform:translate(-50%, -50%); z-index:2;}
header.header div.gnb ul.dep01{display:flex; align-items:center; height:100%;}
header.header div.gnb ul.dep01 > li{height:100%; font-size:1.125rem; font-family:'Pretendard-SemiBold',sans-serif; text-align:center; }
header.header div.gnb ul.dep01 > li > a{width:100%; height:100%; color:#fff; padding:0 1.5rem; position:relative; display:flex; align-items:center; justify-content:center; transition:all 0.3s; -webkit-transition:all 0.3s;}
header.header div.gnb ul.dep01 > li > a:before{content:''; position:absolute; left:0; bottom:-1px; width:100%; transform:scaleX(0); height:2px; background:var(--color-main01); transition:all 0.4s;}
header.header div.gnb ul.dep01 > li > ul.dep02{height:0; overflow:hidden; opacity:0; transition:height 0.3s; -webkit-transition:height 0.3s; border-right:1px solid #ddd;}
header.header div.gnb ul.dep01 li:first-child ul.dep02{border-left:1px solid #ddd;}
header.header div.gnb ul.dep01 > li > ul.dep02 li{font-size:1rem; font-family:'Pretendard-Regular',sans-serif; color:#555; word-break:keep-all;}
header.header div.gnb ul.dep01 > li > ul.dep02 li a{width:100%; padding:0.85rem 0; color:#2b2b2b;}
header.header div.gnb-open-bg{width:100%; height:0; opacity:0; background:#fff; position:absolute; top:var(--height-header); left:0; z-index:1; border-top:1px solid #ddd; box-shadow:0 18px 18px rgba(0,0,0,0.15); transition:height 0.3s; -webkit-transition:height 0.3s;}
header.header div.other{display:flex; align-items:center; gap:2.625rem; font-size:0.95em;}
header.header div.other ul.btn-member{display:flex; align-items:center; gap:1.5rem;}
header.header div.other ul.btn-member li[class*="bm-"]{position:relative;}
header.header div.other ul.btn-member li[class*="bm-"]:after{content:''; display:block; width:4px; height:4px; background:#fff; position:absolute; top:50%; right:-0.75rem; transform:translateY(-50%);}
header.header div.other ul.btn-member li[class*="bm-"] a{}
header.header div.other ul.btn-member li[class*="bm-"]:last-child:after{display:none;}
header.header div.other ul.btn-member li.bm-time{font-weight:initial !important;}
header.header div.other ul.btn-member li.bm-time a.btn_reset{font-family:'Pretendard-Medium',sans-serif; color:#fff; background:var(--color-main02); margin-left:0.15rem; padding:0.2rem 0.5rem; border-radius:50px;}
header.header div.other div.btn-icon{display:flex; align-items:center; gap:1.125rem;}
header.header div.other div.btn-icon div[class*="bi-"]{}
header.header div.other div.btn-icon div[class*="bi-"] > a{width:2rem; height:2rem;}
header.header div.other div.btn-icon div[class*="bi-"] > a img{width:100%; height:100%; object-fit:contain;}
header.header div.other div.btn-icon div[class*="bi-"] > a img.hover{display:none;}
@media(hover:hover){
	header.header div.other ul.btn-member li[class*="bm-"]:hover{font-weight:700;}
	header.header div.gnb ul.dep01 > li:hover > a:before {transform: scaleX(100%);}
}


/****************************
  * header »óź° css(¼ø¼­º¯°æX)
  * hide,sticky´Â ¸ð¹ÙÀÏ¿¡¼­ ÀÛµ¿ X
****************************/
@media screen and (min-width:480px){
	/* hide */
	header.header.hide{height:0; overflow:hidden; opacity:0; pointer-events:none;}
	/* sticky */
	header.header.sticky{height:calc(var(--height-header) - 1rem); background:rgba(255,255,255,0.925); color:#333; backdrop-filter:blur(5px); box-shadow:0 10px 10px rgba(0,0,0,0.08);}
	header.header.sticky div.logo{width:calc(var(--width-logo) - 1rem);}
	header.header.sticky div.logo a img{display:none;}
	header.header.sticky div.logo a img.hover{display:block;}
	header.header.sticky div.gnb-open-bg{top:calc(var(--height-header) - 1rem);}
	header.header.sticky div.gnb ul.dep01 > li > a{color:#333;}
	header.header.sticky div.other ul.btn-member li[class*="bm-"]:after{background:#ddd;}
	header.header.sticky div.other div.btn-icon div[class*="bi-"] > a img{display:none;}
	header.header.sticky div.other div.btn-icon div[class*="bi-"] > a img.hover{display:block;}
	header.header.sticky div.main-search{top:calc(var(--height-header) - 1rem);}
}

/* hover */
header.header.hover{background:#fff; color:#333;}
header.header.hover div.logo a img{display:none;}
header.header.hover div.logo a img.hover{display:block;}
header.header.hover div.other ul.btn-member li[class*="bm-"]:after{background:#ddd;}
header.header.hover div.other div.btn-icon div[class*="bi-"] > a img{display:none;}
header.header.hover div.other div.btn-icon div[class*="bi-"] > a img.hover{display:block;}
header.header.hover div.gnb ul.dep01 > li > a{color:#333;}

/* active */
header.header div.gnb.active{}
header.header div.gnb.active ul.dep01{}
header.header div.gnb.active ul.dep01 > li{} 
header.header div.gnb.active ul.dep01 > li > a{padding:0 1.8rem;}
header.header div.gnb.active ul.dep01 > li ul.dep02{height:var(--height-gnb); opacity:1;}
header.header div.gnb.active ul.dep01 > li ul.dep02 li{height:auto;}
header.header div.gnb.active ul.dep01 > li:hover ul.dep02{}
header.header div.gnb.active ul.dep01 > li:hover ul.dep02 li{color:#fff;}
header.header div.gnb.active ul.dep01 > li:hover ul.dep02 li:hover{background:rgba(0,45,122,0.1);}
header.header div.gnb.active ul.dep01 > li:hover ul.dep02 li:hover a{color:var(--color-main01); }
header.header div.gnb.active + div.gnb-open-bg{height:var(--height-gnb); opacity:1;}


/* search */
header.header div.main-search{display:none; width:100%; height:auto; background:var(--color-main01); color:#fff; position:absolute; top:var(--height-header); left:0; box-shadow:0 18px 18px rgba(0,0,0,0.15);}
header.header div.main-search div.inner{width:800px; margin:0 auto; padding:5rem 0; display:flex; align-items:center;}
header.header div.main-search div.inner span.lab{display:inline-block; font-size:1.25rem; font-family:'Montserrat_M', 'Pretendard-Medium',sans-serif; letter-spacing:3px;}
header.header div.main-search div.inner div.search-area{width:70%; position:relative; padding-right:2rem; margin:0 2rem; border-bottom:1px solid #fff;}
header.header div.main-search div.inner div.search-area input[type="text"]{height:3rem; line-height:3rem; padding:0; background:var(--color-main01); border:0; color:#fff;}
header.header div.main-search div.inner div.search-area input[type="text"]::placeholder{color:rgba(255,255,255,0.3); font-weight:100;}
header.header div.main-search div.inner div.search-area a.btn-search{width:3rem; height:3rem; background:url("/fro_end_bioall/img/ico_search_wh.svg")center/45% auto no-repeat; position:absolute; top:50%; right:0; transform:translateY(-50%);}
header.header div.main-search div.inner a.btn-close{min-width:3rem; height:3rem; font-size:0; color:transparent; border-radius:5px; background:rgba(255,255,255,0) url("/fro_end_bioall/img/ico_close_wh.svg")center/50% auto no-repeat; transition:0.3s; -webkit-transition:0.3s;}
@media(hover:hover){
	header.header div.main-search div.inner a.btn-close:hover{background:rgba(255,255,255,0.1) url("/fro_end_bioall/img/ico_close_wh.svg")center/60% auto no-repeat;}
}

/* sitemap */
div.sitemap-wrap{width:100%; position:fixed; top:0; left:0; z-index:-9; opacity:0; transition:0.4s;}
div.sitemap-wrap.on{z-index:9999; opacity:1;}
div.sitemap-wrap div.bg{width:100%; height:100vh; background:#222; opacity:0.5;}
div.sitemap-wrap div.inner{position:absolute; top:45%; left:50%; transform:translate(-50%, -50%); z-index:99999; width:1440px;}
div.sitemap-wrap div.inner div.btn-wrap{margin-bottom:1rem; position:relative; display:flex; align-items:center; justify-content:flex-end;}
div.sitemap-wrap div.inner div.btn-wrap a.cir-btn{display:inline-block; width:4rem; height:4rem; border-radius:50%; box-shadow:0 0 30px rgba(0,0,0,0.2); color:#fff; margin-right:1rem; transition:0.4s;}
div.sitemap-wrap div.inner div.btn-wrap a.cir-btn.close{background:#fff url("/fro_end_bioall/img/ico_plus.svg")center/50% auto no-repeat; transform:rotate(45deg); margin-right:0; margin-left:1rem;}
div.sitemap-wrap div.inner div.btn-wrap a.cir-btn span.cir-label{position:absolute; text-align:center; font-family:'Pretendard-SemiBold'; left:50%; top:0; opacity:0; transform:translateX(-50%); transition:0.4s; width:calc(100% + 1rem);}
div.sitemap-wrap div.inner div.btn-wrap div.mo-logo{display:none;  width:var(--width-logo);}
div.sitemap-wrap div.inner div.btn-wrap div.mo-logo img{width:100%; height:100%; object-fit:contain;}
div.sitemap-wrap div.inner div.sitemap-list{width:100%; background:#fff; padding:3.5rem; border-radius:2rem 0 2rem 0; border:1px solid #ddd; box-shadow:0 20px 50px rgba(0,0,0,0.4); display:flex;}
div.sitemap-wrap div.inner div.sitemap-list ul.dep{width:22%; margin-right:4%;}
div.sitemap-wrap div.inner div.sitemap-list ul.dep:last-child{margin-right:0 !important;}
div.sitemap-wrap div.inner div.sitemap-list ul.dep > li{border-bottom:1px dashed #ddd;}
div.sitemap-wrap div.inner div.sitemap-list ul.dep > li:last-child{border:none;}
div.sitemap-wrap div.inner div.sitemap-list ul.dep > li.top-label{font-size:1.8rem; letter-spacing:-1px; font-family:'Pretendard-Bold'; color:var(--color-main01); padding-bottom:5px; border-bottom:2px solid var(--color-main01);}
div.sitemap-wrap div.inner div.sitemap-list ul.dep > li > a{display:block; width:100%; font-size:1.3rem; font-family:'Pretendard-Medium'; padding:0.6rem 0; position:relative; word-break:keep-all;}
div.sitemap-wrap div.inner div.sitemap-list ul.dep > li > a:after{content:''; display:block; width:1.2rem; height:1.2rem; transition:0.4s; background:url("/fro_end_bioall/img/ico_arrow.svg")center/100% auto no-repeat; opacity:0.1; position:absolute; top:0.8rem; right:0; transform:rotate(-45deg);}
/*div.sitemap-wrap div.inner div.sitemap-list ul.dep > li.link > a:after{background:url("/fro_end_bioall/img/ico_arrow.svg")center/60% auto no-repeat; transform:rotate(0);}*/
div.sitemap-wrap div.inner div.sitemap-list ul.dep > li:first-child a{padding-top:0 !important;}
div.sitemap-wrap div.inner div.sitemap-list ul.dep > li ul.in-dep{padding-bottom:0.6rem;}
div.sitemap-wrap div.inner div.sitemap-list ul.dep > li ul.in-dep > li{}
div.sitemap-wrap div.inner div.sitemap-list ul.dep > li ul.in-dep > li > a{font-family:'Pretendard-Regular'; font-size:1rem; color:#222; opacity:0.65; position:relative; padding-left:0.8rem; display:block; padding-bottom:0.4rem;}
div.sitemap-wrap div.inner div.sitemap-list ul.dep > li ul.in-dep > li > a:before{content:''; display:block; width:6px; height:1px; background:#222; position:absolute; top:0.5rem; left:0;}
div.sitemap-wrap div.inner div.sitemap-list ul.dep > li ul.in-dep > li:last-child > a{padding-bottom:0;}
@media (hover:hover){
	div.sitemap-wrap div.inner div.btn-wrap a.cir-btn:hover{transform:translateY(-6px) rotate(45deg);; box-shadow:0 10px 50px rgba(0,0,0,0.6);}
	div.sitemap-wrap div.inner div.btn-wrap a.cir-btn:not(.close):hover span.cir-label{top:-1.5rem; opacity:1;}	
	div.sitemap-wrap div.inner div.sitemap-list ul.dep > li > a:hover{color:var(--color-main03);}
	div.sitemap-wrap div.inner div.sitemap-list ul.dep > li > a:hover:after{background-image:url("/fro_end_bioall/img/ico_arrow03.svg"); opacity:1; transform:translateY(3px);}
	/*div.sitemap-wrap div.inner div.sitemap-list ul.dep > li.link > a:hover:after{background-image:url("/fro_end/img/ic_link02.svg");}*/
	div.sitemap-wrap div.inner div.sitemap-list ul.dep > li ul.in-dep > li > a:hover{color:var(--color-main03);}
	div.sitemap-wrap div.inner div.sitemap-list ul.dep > li ul.in-dep > li > a:hover:before{background:var(--color-main03);}
}

/******* °øÅë section *******/
section[class*="main"]{padding:7.5rem 0; overflow:hidden;}
section[class*="main"] div.sect-tit{margin-bottom: 5rem; text-align:center;}
section[class*="main"] div.sect-tit h3.tit{font-size: 3rem; word-break: keep-all; font-family:'Pretendard-Bold',sans-serif; margin-bottom:2rem;}
section[class*="main"] div.sect-tit p.txt{font-size: 1.5rem; word-break: keep-all;}

/******* °øÅë btn *******/
section[class*="main"] a.view-btn{font-size:1.125rem; padding:1rem 3.5rem 1rem 1.25rem; border:1px solid #333; border-radius:50px; position:relative; transition:0.3s; -webkit-transition:0.3s;}
section[class*="main"] a.view-btn:after{position:absolute; content:''; width:1.25rem; height:1.25rem; right:1.25rem; top:50%; transform:translateY(-50%); background:url("/fro_end_bioall/img/ico_plus.svg")center/cover no-repeat; transition:0.3s; -webkit-transition:0.3s;}
@media(hover:hover){
	section[class*="main"] a.view-btn:hover{background:var(--color-main01); color:#fff;}
	section[class*="main"] a.view-btn:hover:after{background:url("/fro_end_bioall/img/ico_plus_wh.svg")center/cover no-repeat;}
}

/******* main-visual*******/
section.main-visual{width:100%;   height:100svh; overflow:hidden; padding:0; overflow:hidden;}
section.main-visual div.main-slider{width:100%; height:100%; overflow:hidden;}
section.main-visual div.main-slider div.slick-slider{width:100%; height:100%;}
section.main-visual div.main-slider div.slick-slider div.slick-list,
section.main-visual div.main-slider div.slick-slider div.slick-track{width:100%; height:100%;}

/* ½½¶óÀÌµå ³»¿ë */
section.main-visual div.main-slider div.slick-slider div.slider{width:100%; height:100%; position:relative; background:#000;}
section.main-visual div.main-slider div.slick-slider div.slider:after{content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0; opacity:.8; z-index:1;}
section.main-visual div.main-slider div.slick-slider div.slider01:after{background:url("/fro_end_bioall/img/main_slider01.jpg")center/cover no-repeat;}
section.main-visual div.main-slider div.slick-slider div.slider02:after{background:url("/fro_end_bioall/img/main_slider02.jpg")center/cover no-repeat;}
section.main-visual div.main-slider div.main-visual-inner{position:absolute; top:45%; left:10%; transform:translateY(-50%); z-index:2;}
section.main-visual div.main-slider div.main-visual-inner div.main-txt{color:#fff; margin-bottom:3.5rem;}
section.main-visual div.main-slider div.main-visual-inner div.main-txt p.txt01{font-family:'Pretendard-Bold',sans-serif; font-size:5rem; margin-bottom:1.25rem; word-break:keep-all;}
section.main-visual div.main-slider div.main-visual-inner div.main-txt p.txt02{font-family:'Pretendard-Medium',sans-serif; font-size:2rem;}
/* È­»ìÇ¥ */
section.main-visual div.main-slider div.main-visual-inner div.custom-nav{display:flex; align-items:center; color:#fff; z-index:10;}
section.main-visual div.main-slider div.main-visual-inner div.custom-nav div.slide-info{display:flex; align-items:center; margin-right:1.25rem; font-family:'Montserrat_B','Pretendard-Bold',sans-serif; font-size:1.25rem; letter-spacing:0.05em;}
section.main-visual div.main-slider div.main-visual-inner div.custom-nav div.slide-info span{color:#fff;}
section.main-visual div.main-slider div.main-visual-inner div.custom-nav div.slide-info div.progress-bar{width:5rem; height:2px; margin:0 0.625rem; background:rgba(255,255,255,0.5); position:relative; overflow:hidden;}
section.main-visual div.main-slider div.main-visual-inner div.custom-nav div.slide-info div.progress-bar span.progress{position:absolute; left:0; top:0; height:100%; width:0%; background:#fff;}
section.main-visual div.main-slider div.main-visual-inner div.custom-nav button.arrow{width:1rem; height:1rem; cursor:pointer; background:url("/fro_end_bioall/img/ico_next_wh.svg")center/cover no-repeat;}
section.main-visual div.main-slider div.main-visual-inner div.custom-nav button.arrow.prev{transform:rotate(180deg); margin-right:1rem;}
/* main-qucikmenu */
section.main-visual div.main-slider div.quick-wrap{width:100%; position:absolute; bottom:0; left:50%; transform:translateX(-50%); background: linear-gradient(to right, transparent 0, transparent 50%, #fff 50%, #fff 100%);}
section.main-visual div.main-slider div.main-quickmenu{ background:#fff; display:flex; align-items:center; border-radius:4rem 0 0 0;}
section.main-visual div.main-slider div.main-quickmenu div.qm-tit{width:22%; text-align:center; font-size:1.75rem; font-family:'Montserrat_B', 'Pretendard-Bold',sans-serif; color:var(--color-main01);}
section.main-visual div.main-slider div.main-quickmenu ul.mq-menu-wrap{display:flex; width:calc(100% - 22%);}
section.main-visual div.main-slider div.main-quickmenu ul.mq-menu-wrap li{position:relative; width:calc(100% / 4); text-align:center; font-size:1.25rem; font-family:'Pretendard-Bold',sans-serif; background:#fff; transition:0.3s; -webkit-transition:0.3s;}
section.main-visual div.main-slider div.main-quickmenu ul.mq-menu-wrap li:before{width:100%; height:100%; left:0; right:0; position:absolute; content:''; background:#fff; opacity:0; transition: opacity 0.3s ease;}
section.main-visual div.main-slider div.main-quickmenu ul.mq-menu-wrap li a{position:relative; display:block; width:100%; height:100%; padding:2rem 0; word-break:keep-all;} 
section.main-visual div.main-slider div.main-quickmenu ul.mq-menu-wrap li a:before{content:''; display:block; margin:0 auto; margin-bottom:1rem; width:1.75rem; height:1.75rem; background:url('/fro_end_bioall/img/main_qucik_menu01.png') no-repeat center/100%; opacity:.5;}
section.main-visual div.main-slider div.main-quickmenu ul.mq-menu-wrap li:nth-child(2) a:before{background:url('/fro_end_bioall/img/main_qucik_menu02.png') no-repeat center/100%;}
section.main-visual div.main-slider div.main-quickmenu ul.mq-menu-wrap li:nth-child(3) a:before{background:url('/fro_end_bioall/img/main_qucik_menu03.png') no-repeat center/100%;}
section.main-visual div.main-slider div.main-quickmenu ul.mq-menu-wrap li:nth-child(4) a:before{background:url('/fro_end_bioall/img/main_qucik_menu04.png') no-repeat center/100%;}
@media(hover:hover){
	section.main-visual div.main-slider div.main-quickmenu ul.mq-menu-wrap li:hover{color:#fff;}
	section.main-visual div.main-slider div.main-quickmenu ul.mq-menu-wrap li:hover:before{background: linear-gradient(120deg, #002D7A, #00C3A4); color:#fff; opacity:1;}
	section.main-visual div.main-slider div.main-quickmenu ul.mq-menu-wrap li:hover a:before{background:url('/fro_end_bioall/img/main_qucik_menu01_wh.png') no-repeat center/100%; opacity:1;}
	section.main-visual div.main-slider div.main-quickmenu ul.mq-menu-wrap li:nth-child(2):hover a:before{background:url('/fro_end_bioall/img/main_qucik_menu02_wh.png') no-repeat center/100%; opacity:1;}
	section.main-visual div.main-slider div.main-quickmenu ul.mq-menu-wrap li:nth-child(3):hover a:before{background:url('/fro_end_bioall/img/main_qucik_menu03_wh.png') no-repeat center/100%; opacity:1;}
	section.main-visual div.main-slider div.main-quickmenu ul.mq-menu-wrap li:nth-child(4):hover a:before{background:url('/fro_end_bioall/img/main_qucik_menu04_wh.png') no-repeat center/100%; opacity:1;}
}

/******* main-intro*******/
section.main-intro{position:relative; width:100%; background:linear-gradient(to bottom, #fff, #F8F7FE); z-index:1; overflow:visible;}
section.main-intro:after{content:''; position:absolute; width:50%; height:100%; bottom:0; right:0; background:url('/fro_end_bioall/img/main_intro_bg.png') no-repeat center/ cover; z-index:-1;}
section.main-intro div.inner{display:flex; justify-content:space-between; position:relative; align-items:flex-start;}
section.main-intro div.inner div.left-con{position:sticky; top:2.5rem; width:40%; padding-top:3.5rem;}
section.main-intro div.inner div.left-con div.sect-tit{margin-bottom:3rem; text-align:left;}
section.main-intro div.inner div.left-con div.intro-txt{}
section.main-intro div.inner div.left-con div.intro-txt p.txt01{font-size:1.5rem; margin-bottom:1.5rem; word-break:keep-all;}
section.main-intro div.inner div.left-con div.intro-txt p.txt02{font-size:1.125rem; margin-bottom:1rem; line-height:1.5; word-break:keep-all;}
section.main-intro div.inner div.left-con div.intro-txt p.txt02:last-child{margin-bottom:0;}
section.main-intro div.inner div.left-con div.intro-txt a.view-btn{margin-top:2rem;}
section.main-intro div.inner div.right-con{width:55%; display:flex; justify-content:space-between; align-items:flex-start;}
section.main-intro div.inner div.right-con ul.card-list{width:45%; display:flex; flex-wrap:wrap; grid-row-gap:10rem;}
section.main-intro div.inner div.right-con ul.card-list.right{margin-top:19.5rem;}
section.main-intro div.inner div.right-con ul.card-list li.card{width:100%; height:29rem; border-radius:4rem 0 4rem 0; position:relative; overflow:hidden; padding:2rem; display:flex; align-items:flex-end; box-shadow:15px 15px 20px rgba(0,0,0,0.15);}
section.main-intro div.inner div.right-con ul.card-list li.card:after{content:''; position:absolute; width:100%; height:100%; top:0; left:0; background:linear-gradient(to bottom, rgba(0,0,0,0) 34%, rgba(0,0,0,0.8) 100%);}
section.main-intro div.inner div.right-con ul.card-list li.card01{background:url('/fro_end_bioall/img/main_intro_img01.jpg') no-repeat center/ cover;}
section.main-intro div.inner div.right-con ul.card-list li.card02{background:url('/fro_end_bioall/img/main_intro_img02.png') no-repeat center/ cover;}
section.main-intro div.inner div.right-con ul.card-list li.card03{background:url('/fro_end_bioall/img/main_intro_img03.jpg') no-repeat center/ cover;}
section.main-intro div.inner div.right-con ul.card-list li.card div.card-inn{position:relative; z-index:1; color:#fff; position:relative; padding-left:0.8rem; word-break:keep-all;}
section.main-intro div.inner div.right-con ul.card-list li.card div.card-inn:before{content:''; position:absolute; width:2px; height:100%; top:0; left:0; background:#fff;}
section.main-intro div.inner div.right-con ul.card-list li.card div.card-inn p.c-tit{font-size:1.5rem; font-family:'Pretendard-Bold',sans-serif; margin-bottom:0.5rem;}
section.main-intro div.inner div.right-con ul.card-list li.card div.card-inn p.c-txt{}

/******* main-course *******/
section.main-course{position:relative; width:100%; }
section.main-course:after{content:''; position:absolute; width:100%; height:100%; top:0; left:0; background:url('/fro_end_bioall/img/main_course_bg.jpg') no-repeat center/cover; z-index:-1;}
section.main-course div.sect-tit{color:#fff;}
section.main-course div.inner div.course-wrap{position:relative;}
section.main-course div.inner div.course-wrap ul{display:flex; gap:2.5rem;}
section.main-course div.inner div.course-wrap ul li.course{position:relative; width:25%; min-height:26.25rem; padding:2rem; border-radius:4rem 0 4rem 0; display:flex; flex-direction:column; align-items:center; justify-content:center; border:2px solid #fff; background:rgba(255,255,255,0.2); transition:0.3s; -webkit-transition:0.3s;} 
section.main-course div.inner div.course-wrap ul li.course:after{content: ''; position: absolute; inset: -6px; border: 8px solid var(--color-main03); border-radius: 4rem 0 4rem 0; opacity: 0; pointer-events: none; transition: opacity 0.3s;}
section.main-course div.inner div.course-wrap ul li.course div.ico-con{width:5rem; height:5rem; margin:0 auto; background:url('/fro_end_bioall/img/main_course_ico01_wh.png') no-repeat center/cover;}
section.main-course div.inner div.course-wrap ul li.course.course02 div.ico-con{background:url('/fro_end_bioall/img/main_course_ico02_wh.png') no-repeat center/cover;}
section.main-course div.inner div.course-wrap ul li.course.course03 div.ico-con{background:url('/fro_end_bioall/img/main_course_ico03_wh.png') no-repeat center/cover;}
section.main-course div.inner div.course-wrap ul li.course.course04 div.ico-con{background:url('/fro_end_bioall/img/main_course_ico04_wh.png') no-repeat center/cover;}
section.main-course div.inner div.course-wrap ul li.course div.txt-wrap{margin-top:3rem; text-align:center; color:#fff; font-size:1.125rem; word-break:keep-all; }
section.main-course div.inner div.course-wrap ul li.course div.txt-wrap p.c-name{font-size:2rem; font-family:'Pretendard-Bold',sans-serif; margin-bottom:1rem;}
section.main-course div.inner a.view-btn{border-color:#fff; color:#fff; }
section.main-course div.inner a.view-btn:after{background:url("/fro_end_bioall/img/ico_plus_wh.svg")center/cover no-repeat;}
section.main-course div.inner div.bg-txt{width:100%; position:absolute; left:-2%; bottom:-1.9rem; font-size:7.5rem; font-family:'Montserrat_B', 'Pretendard-Bold',sans-serif; color:rgba(255,255,255,0.15); text-transform:uppercase; white-space:nowrap;}
@media(hover:hover){
	section.main-course div.inner div.course-wrap ul li.course:hover{background:rgba(255,255,255,1);}
	section.main-course div.inner div.course-wrap ul li.course:hover:after{opacity: 1;}
	section.main-course div.inner div.course-wrap ul li.course.course01:hover div.ico-con{background:url('/fro_end_bioall/img/main_course_ico01.png') no-repeat center/cover;}
	section.main-course div.inner div.course-wrap ul li.course.course02:hover div.ico-con{background:url('/fro_end_bioall/img/main_course_ico02.png') no-repeat center/cover;}
	section.main-course div.inner div.course-wrap ul li.course.course03:hover div.ico-con{background:url('/fro_end_bioall/img/main_course_ico03.png') no-repeat center/cover;}
	section.main-course div.inner div.course-wrap ul li.course.course04:hover div.ico-con{background:url('/fro_end_bioall/img/main_course_ico04.png') no-repeat center/cover;}
	section.main-course div.inner div.course-wrap ul li.course:hover div.txt-wrap{color:#333;}
	section.main-course div.inner div.course-wrap ul li.course:hover div.txt-wrap p.c-name{color:var(--color-main03);}
	section.main-course div.inner a.view-btn:hover{border-color:var(--color-main01);}
}

/******* main-company *******/
section.main-company div.inner div.company-wrap{display:flex; justify-content:space-between; align-items:center; margin-bottom:3.75rem;}
section.main-company div.inner div.company-wrap > img{display:block; width:22%; box-shadow:0 8px 25px rgba(0,0,0,0.15);}
section.main-company div.company-marquee{width:100%; overflow:hidden;}
section.main-company div.company-marquee div.marquee-track{width:100%; display: flex; white-space: nowrap;}
section.main-company div.company-marquee div.marquee-track div.item{ border-radius:2rem 0 2rem 0; font-size:1.25rem; font-family:'Pretendard-Medium',sans-serif; background:var(--color-main02-20); margin-right:2rem; padding:2rem;}
section.main-company div.company-marquee div.marquee-track div.item span{position:relative; padding-left:3rem;}
section.main-company div.company-marquee div.marquee-track div.item span:before{content:''; position:absolute; width:2rem; height:2rem; top:50%; left:0; transform:translateY(-50%); background:url('/fro_end_bioall/img/main_company_ico01.png') no-repeat center/cover;}
section.main-company div.company-marquee div.marquee-track div.item02 span:before{background:url('/fro_end_bioall/img/main_company_ico02.png') no-repeat center/cover;}
section.main-company div.company-marquee div.marquee-track div.item03 span:before{background:url('/fro_end_bioall/img/main_company_ico03.png') no-repeat center/cover;}
section.main-company div.company-marquee div.marquee-track div.item04 span:before{background:url('/fro_end_bioall/img/main_company_ico04.png') no-repeat center/cover;}
section.main-company div.company-marquee div.marquee-track div.item05 span:before{background:url('/fro_end_bioall/img/main_company_ico05.png') no-repeat center/cover;}

/******* main-review *******/
section.main-review{position:relative; width:100%;}
section.main-review:after{content:''; position:absolute; width:100%; height:100%; bottom:0; left:0; background:url('/fro_end_bioall/img/main_review_bg.png') no-repeat center/ cover; z-index:-1;}
section.main-review div.inner{display:flex; justify-content:space-between;}
section.main-review div.inner div.sect-tit{text-align:left; margin-bottom:2.875rem;}
section.main-review div.inner div.sect-left{width:25%;}
section.main-review div.inner div.sect-left a.view-btn{white-space:nowrap;}
section.main-review div.inner div.sect-right{width:70%; min-width: 0;}
section.main-review div.inner div.sect-right div.review-slider-wrap{display:block; position:relative;}
section.main-review div.inner div.sect-right div.review-slider-wrap div.review-slider{margin: 0 -1.25rem;}
section.main-review div.inner div.sect-right div.review-slider-wrap div.review-slider .slick-list{padding: 1.25rem 0; margin:-1.25rem 0;}
section.main-review div.inner div.sect-right div.review-slider-wrap div.review-slider a.slider{width:100%; height:fit-content; padding:2rem; margin:0 1.25rem; background:#fff; box-shadow:0 0 20px rgba(0,0,0,0.15); border-radius:2rem 0 2rem 0; transition:0.3s; -webkit-transition:0.3s;}
section.main-review div.inner div.sect-right div.review-slider-wrap div.review-slider a.slider:nth-of-type(odd){margin-top:2rem;}
section.main-review div.inner div.sect-right div.review-slider-wrap div.review-slider a.slider div.top-con p.name{font-size:1.75rem; font-family:'Pretendard-Bold',sans-serif; margin-bottom:2rem;}
section.main-review div.inner div.sect-right div.review-slider-wrap div.review-slider a.slider div.top-con p.name span{font-family:'Pretendard-Regualr',sans-serif; font-size:1.25rem;}
section.main-review div.inner div.sect-right div.review-slider-wrap div.review-slider a.slider div.top-con p.txt-con{line-height:1.5; font-size:1.125rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; margin-bottom:1.25rem; }
section.main-review div.inner div.sect-right div.review-slider-wrap div.review-slider a.slider span.date{position:relative; display:inline-block; width:100%; color:#aaa; border-top:1px solid #ddd; padding-top:1.25rem;}
section.main-review div.inner div.sect-right div.review-slider-wrap div.review-slider a.slider span.date:after{position:absolute; content:''; width:1.75rem; height:1.75rem; bottom:0; right:0; box-sizing:border-box; background:url('/fro_end_bioall/img/ico_arrow_wh.svg') no-repeat center/cover;}
section.main-review div.inner div.sect-right div.review-slider-wrap div.review-arrows{display:flex; justify-content:center; gap:1.25rem; margin-top:2.5rem;}
section.main-review div.inner div.sect-right div.review-slider-wrap div.review-arrows button{width:2.625rem; height:2.625rem; background:none; border:1px solid #333; border-radius:100%; cursor: pointer; position:relative; transition:0.3s; -webkit-transition:0.3s;}
section.main-review div.inner div.sect-right div.review-slider-wrap div.review-arrows button:after{position:absolute; content:''; width:1rem; height:1rem; top:50%; left:50%; transform:translate(-50%, -50%); background:url('/fro_end_bioall/img/ico_next.svg') no-repeat center/cover; transition:0.3s; -webkit-transition:0.3s;}
section.main-review div.inner div.sect-right div.review-slider-wrap div.review-arrows button.prev:after{transform:translate(-50%, -50%) rotate(180deg);}
@media(hover:hover){
	section.main-review div.inner div.sect-right div.review-slider-wrap div.review-slider a.slider:hover{background:var(--color-main01); color:#fff;}
	section.main-review div.inner div.sect-right div.review-slider-wrap div.review-slider a.slider:hover span.date{color:#fff; border-color:#fff;}
	section.main-review div.inner div.sect-right div.review-slider-wrap div.review-arrows button:hover{background:var(--color-main01); border-color:var(--color-main01);}
	section.main-review div.inner div.sect-right div.review-slider-wrap div.review-arrows button:hover:after{background:url('/fro_end_bioall/img/ico_next_wh.svg') no-repeat center/cover;}
}

/******* main-board *******/
section.main-board{}
section.main-board div.inner div.sect-con{display:flex; justify-content:space-between;}
section.main-board div.inner div.sect-con div.board{width:48%; }
section.main-board div.inner div.sect-con div.board div.board-top{display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #333; padding-bottom:2rem;}
section.main-board div.inner div.sect-con div.board div.board-top h4.tit{font-size:2rem; font-family:'Pretendard-Bold',sans-serif;}
section.main-board div.inner div.sect-con div.board div.board-top a.btn-plus{display:inline-block; width:2rem; height:2rem; background:url("/fro_end_bioall/img/ico_plus.svg")center/100% auto no-repeat; transition:0.3s; -webkit-transition:0.3s;}
section.main-board div.inner div.sect-con div.board div.board-list ul li{display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #ddd; transition:0.3s; -webkit-transition:0.3s;}
section.main-board div.inner div.sect-con div.board div.board-list ul li.noti-mark a.li-con div.li-txt{width:92%;}
section.main-board div.inner div.sect-con div.board div.board-list ul li.noti-mark a.li-con div.li-txt p.txt{font-family:'Pretendard-Bold',sans-serif;}
section.main-board div.inner div.sect-con div.board div.board-list ul li.noti-mark span.noti-label{display:inline-block; min-width:fit-content; width:6%; margin-right:0.5rem; background:var(--color-main02); border-radius:50px; color:#fff; padding:0.5rem 0.8rem; font-size:0.9rem;}
section.main-board div.inner div.sect-con div.board div.board-list ul li a.li-con{padding:1.75rem 0; font-size:1.125rem; width:100%; display:flex; align-items:center; justify-content:space-between;}
section.main-board div.inner div.sect-con div.board div.board-list ul li a.li-con div.li-txt{position:relative; display:flex; width:100%; justify-content:space-between; align-items:center;}
section.main-board div.inner div.sect-con div.board div.board-list ul li a.li-con div.li-txt p.txt{max-width:80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
section.main-board div.inner div.sect-con div.board div.board-list ul li a.li-con div.li-txt span.date{color:#aaa; font-size:1rem; min-width:fit-content;}
@media(hover:hover){
	section.main-board div.inner div.sect-con div.board div.board-list ul li:hover{color:var(--color-main01);}
	section.main-board div.inner div.sect-con div.board div.board-top a.btn-plus:hover{transform:rotate(180deg);}
}

/******* footer *******/
footer.footer div.f-top{background:var(--color-main01); padding:1.25rem 0;}
footer.footer div.f-top div.inner ul.btn-term{display:flex; gap:1.75rem;}
footer.footer div.f-top div.inner ul.btn-term li{position:relative;}
footer.footer div.f-top div.inner ul.btn-term li:after{content:''; position:absolute; display:block; width:4px; height:4px; background:#fff; right:-0.875rem; top:50%; transform:translateY(-50%);}
footer.footer div.f-top div.inner ul.btn-term li:last-child:after{display:none;}
footer.footer div.f-top div.inner ul.btn-term li a{color:#fff;}
footer.footer div.f-bot{background:#1E1E1E;}
footer.footer div.f-bot div.inner{display:flex; flex-direction:column; padding-bottom:3.75rem;}
footer.footer div.f-bot div.inner div.f-logo{width:var(--width-logo); opacity:0.5;}
footer.footer div.f-bot div.inner div.f-logo img{width:100%; height:100%; object-fit:contain;}
footer.footer div.f-bot div.inner div.f-mid{width:100%; display:flex; justify-content:space-between; align-items:flex-start; color:rgba(255,255,255,0.5); margin-bottom:1.5rem;}
footer.footer div.f-bot div.inner div.f-mid ul.f-info li{margin-bottom:0.5rem;}
footer.footer div.f-bot div.inner div.f-mid a.link-btn{position:relative; border:1px solid #fff; color:#fff; border-radius:0.5rem; padding:1.25rem 3.25rem 1.25rem 1rem;}
footer.footer div.f-bot div.inner div.f-mid a.link-btn:after{content:''; position:absolute; width:1.25rem; height:1.25rem; top:50%; right:1.25rem; transform:translateY(-50%); background:url("/fro_end_bioall/img/ico_link_wh.svg")center/100% auto no-repeat;}
footer.footer div.f-bot div.inner p.copy{color:rgba(255,255,255,0.5);}

/******* quick-menu *******/
div.quick-menu{position:fixed; bottom:10%; right:1%; z-index:100; text-align:center; display:flex; flex-direction:column; align-items:center; opacity:0; transition: 0.3s; -webkit-transition:0.3s;}
div.quick-menu.active{opacity:1;}
div.quick-menu a.apply-btn{position:relative; width:5.5rem; height:5.5rem; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:0.5rem; font-family:'Pretendard-Bold',sans-serif; background: linear-gradient(120deg, #002D7A, #00C3A4); font-size:0.9rem; color:#fff; border-radius:100%; margin-bottom:1.25rem;}
div.quick-menu a.apply-btn img{display:block; width:1.25rem; height:1.25rem;}
div.quick-menu a.scroll-top{position:relative; width:4rem; height:4rem; border-radius:1rem 0 1rem 0; background:var(--color-main01); box-shadow:0 4px 20px rgba(0,0,0,0.25);}
div.quick-menu a.scroll-top:before{content:''; position:absolute; display:block; width:2rem; height:2rem; left:50%; top:50%; background:url("/fro_end_bioall/img/ico_arrow_wh.svg")center/100% auto no-repeat; transform:translate(-50%, -50%) rotate(-90deg);}
@media(hover:hover){
	div.quick-menu a.apply-btn:hover img{animation:swing 0.65s;}
}

/* ¾Ö´Ï¸ÞÀÌ¼Ç */
@keyframes swing{
    20% {-webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@media screen and (max-width: 1600px) {
	/* header */
	header.header div.other{flex-direction:column; gap:0.5rem; align-items:flex-end;}
	header.header div.other ul.btn-member{font-size:0.85rem;}

	/******* °øÅë *******/
	section[class*="main"] div.sect-tit h3.tit{font-size:2.5rem;}
}
@media screen and (max-width: 1440px) {
    :root {
        --width-logo: 22rem;
		--height-header:6rem;
    }

	/* header */
	header.header{padding:0 1.5rem;}



	/******* sitemap *******/
	div.sitemap-wrap div.inner{width:85%;}
	div.sitemap-wrap div.inner div.sitemap-list{padding: 2.8rem;}
	div.sitemap-wrap div.inner div.sitemap-list ul.dep > li.top-label{font-size: 1.5rem;}
	div.sitemap-wrap div.inner div.sitemap-list ul.dep > li > a{font-size: 1.2rem;}

	/******* main-intro*******/
	section.main-intro div.inner div.right-con ul.card-list li.card{height:26rem;}
}
@media screen and (max-width: 1280px) {
	/* header */
	header.header div.gnb{display:none;}
	header.header div.other{flex-direction:row; gap:2rem; align-items:center;}

	/******* main-visual*******/
	section.main-visual div.main-slider div.main-visual-inner div.main-txt p.txt01{font-size:4rem;}
	section.main-visual div.main-slider div.main-visual-inner div.main-txt p.txt02{font-size:1.8rem;}

	/******* main-intro*******/
	section.main-intro div.inner div.right-con ul.card-list li.card{height:24rem;}

	/******* main-review*******/
	section.main-review div.inner div.sect-right div.review-slider-wrap div.review-slider a.slider div.top-con p.name{font-size:1.5rem; margin-bottom:1.25rem;}
	section.main-review div.inner div.sect-right div.review-slider-wrap div.review-slider a.slider div.top-con p.name span{font-size:1.125rem;}

	/******* main-board*******/
	section.main-board div.inner div.sect-con div.board div.board-list ul li a.li-con{align-items:baseline; justify-content:space-between;}
	section.main-board div.inner div.sect-con div.board div.board-list ul li.noti-mark a.li-con div.li-txt{width:90%;}
	section.main-board div.inner div.sect-con div.board div.board-list ul li a.li-con div.li-txt{flex-wrap:wrap; gap:0.5rem;}
	section.main-board div.inner div.sect-con div.board div.board-list ul li a.li-con div.li-txt p.txt{width:100%; max-width:none; }
}
@media screen and (max-width: 1024px) {
    :root {
        --width-logo: 18rem;
		--height-header:5rem;
    }

	/******* sitemap *******/
	div.sitemap-wrap div.inner{width:100%; height:100%; top:0; left:0; transform:none; background:#fff; overflow-y:auto; overflow-x:hidden;}
	div.sitemap-wrap div.inner div.btn-wrap{border-bottom:2px solid var(--color-main01); margin-bottom:0; height:5rem; justify-content:space-between; padding-left:5%;}
	div.sitemap-wrap div.inner div.btn-wrap div.mo-logo{display:block;}	
	div.sitemap-wrap div.inner div.btn-wrap a.cir-btn.close{width:5rem; min-width:3rem; height:100%; background:var(--color-main01) url("/fro_end_bioall/img/ico_close_wh.svg")center/50% auto no-repeat; transform:rotate(0deg); margin:0; border-radius:0; box-shadow:none;}
	div.sitemap-wrap div.inner div.btn-wrap a.cir-btn.close span.cir-label{display: none;}
	div.sitemap-wrap div.inner div.sitemap-list{border: 0; box-shadow: none; padding: 0; display: block; position: relative; background: var(--color-main01); height: calc(100vh - 5rem); border-radius: 0; overflow-y:auto; overflow-x:hidden;}
	div.sitemap-wrap div.inner div.sitemap-list ul.dep{width: 100%; height: 100vh; background: #fff; margin-right: 0; position: relative; position: absolute; top: 0;left: 30%;}
	div.sitemap-wrap div.inner div.sitemap-list ul.dep > li:not(.top-label){width: 70%; opacity: 0;}
	div.sitemap-wrap div.inner div.sitemap-list ul.dep > li.top-label{height: 4rem; line-height: 4rem; padding: 0 1rem; cursor: pointer; position: absolute; font-size: 1.3rem; left: -30%; top: 0; width: 30%; color: #fff; border-bottom: 1px solid rgba(255,255,255,0.3);}
	div.sitemap-wrap div.inner div.sitemap-list ul.dep > li > a{padding: 1.3rem; font-size:1.1rem;}
	div.sitemap-wrap div.inner div.sitemap-list ul.dep > li > a:after{right:1rem; top:50%; transform:translateY(-50%) rotate(-45deg);}
	div.sitemap-wrap div.inner div.sitemap-list ul.dep > li ul.in-dep{background: #f5f5f5; padding-bottom: 0;}
	div.sitemap-wrap div.inner div.sitemap-list ul.dep > li ul.in-dep > li > a{padding: 1rem 1.5rem; opacity: 0.8; border-bottom: 1px dashed #ddd;}
    div.sitemap-wrap div.inner div.sitemap-list ul.dep > li ul.in-dep > li:last-child > a{padding-bottom: 1rem; border-bottom: 0;}
    div.sitemap-wrap div.inner div.sitemap-list ul.dep > li ul.in-dep > li > a:before {display: none;}
    div.sitemap-wrap div.inner div.sitemap-list ul.dep.on{z-index:99;} 
	div.sitemap-wrap div.inner div.sitemap-list ul.dep.on > li{opacity: 1; border-bottom: 1px solid #d3d3d3; background:#fff;}
	div.sitemap-wrap div.inner div.sitemap-list ul.dep.on > li.top-label {background: #fff; color: var(--color-main01);}
    div.sitemap-wrap div.inner div.sitemap-list ul.dep:nth-child(1) > li.top-label{top: 0;}
    div.sitemap-wrap div.inner div.sitemap-list ul.dep:nth-child(2) > li.top-label{top: 4rem;}
    div.sitemap-wrap div.inner div.sitemap-list ul.dep:nth-child(3) > li.top-label{top: 8rem;}
    div.sitemap-wrap div.inner div.sitemap-list ul.dep:nth-child(4) > li.top-label{top: 12rem;}
    div.sitemap-wrap div.inner div.sitemap-list ul.dep:nth-child(5) > li.top-label{top: 16rem;}
    @media (hover: hover){
        div.sitemap-wrap div.inner div.btn-wrap a.cir-btn:hover { transform:translateY(0); box-shadow: unset;}
        div.sitemap-wrap div.inner div.btn-wrap a.cir-btn:not(.close):hover span.cir-label {top: 50%; opacity: 1;}
    }

	/* main-qucikmenu */
	section.main-visual div.main-slider div.main-quickmenu div.qm-tit{font-size:1.5rem; padding:0 1rem;}

	/******* °øÅë *******/
	section[class*="main"] div.sect-tit h3.tit{font-size:2.25rem;}

	/******* main-intro*******/
	section.main-intro::after{width:100%;}
	section.main-intro div.inner div.left-con{width:35%; }
	section.main-intro div.inner div.right-con{width:60%;}
	section.main-intro div.inner div.right-con ul.card-list{width:47%;}
	section.main-intro div.inner div.right-con ul.card-list.right{margin-top:14rem;}
	section.main-intro div.inner div.right-con ul.card-list li.card{padding:1.5rem;}
	section.main-intro div.inner div.right-con ul.card-list li.card div.card-inn p.c-tit{font-size:1.4rem;}

	/******* main-course*******/
	section.main-course div.inner div.course-wrap{margin-bottom:6rem;}
	section.main-course div.inner div.course-wrap ul{gap:1.25rem;}
	section.main-course div.inner div.course-wrap ul li.course{padding:1rem; min-height:22rem;}
	section.main-course div.inner div.course-wrap ul li.course div.ico-con{width:3rem; height:3rem;}
	section.main-course div.inner div.course-wrap ul li.course div.txt-wrap{margin-top:2rem;}
	section.main-course div.inner div.course-wrap ul li.course div.txt-wrap p.c-name{font-size:1.625rem;}

	/******* main-board*******/
	section.main-board div.inner div.sect-con div.board div.board-top{padding-bottom:1.5rem;}
	section.main-board div.inner div.sect-con div.board div.board-top h4.tit{font-size:1.8rem;}
}
@media screen and (max-width: 800px) {
	/* header */
	header.header div.main-search div.inner{width:80%;}
	header.header div.other{gap:1.25rem;}
	header.header div.other div.btn-icon{gap:1rem;}
	header.header div.other div.btn-icon div[class*="bi-"] > a{width:1.5rem; height:1.5rem;}

	/******* main-visual*******/
	section.main-visual div.main-slider div.main-visual-inner div.main-txt p.txt01{font-size:2.5rem;}
	section.main-visual div.main-slider div.main-visual-inner div.main-txt p.txt02{font-size:1.25rem;}
	section.main-visual div.main-slider div.main-visual-inner div.custom-nav div.slide-info{font-size:1.125rem;}

	/* main-qucikmenu */
	section.main-visual div.main-slider div.main-quickmenu ul.mq-menu-wrap li{font-size:1.125rem;}
	section.main-visual div.main-slider div.main-quickmenu ul.mq-menu-wrap li a:before{width:1.5rem; height:1.5rem;}

	/******* °øÅë *******/
	section[class*="main"] div.sect-tit{margin-bottom:4rem;}
	section[class*="main"] div.sect-tit h3.tit{font-size:2rem;}
	section[class*="main"] div.sect-tit p.txt{font-size:1.25rem;}


	/******* main-intro*******/
	section.main-intro div.inner{flex-wrap:wrap;}
	section.main-intro div.inner div.left-con{width:100%; padding-top:0; position:relative; top:0; margin-bottom:2.5rem;}
	section.main-intro div.inner div.left-con div.sect-tit{margin-bottom:2rem;}
	section.main-intro div.inner div.left-con div.intro-txt a.view-btn{margin-top:1rem;}
	section.main-intro div.inner div.right-con{flex-wrap:wrap; width:100%;}
	section.main-intro div.inner div.right-con ul.card-list{width:100%; gap:2rem;}
	section.main-intro div.inner div.right-con ul.card-list.right{margin-top:2rem;}
	section.main-intro div.inner div.right-con ul.card-list li.card{height:20rem;}

	/******* main-course*******/
	section.main-course div.inner div.course-wrap ul{flex-wrap:wrap; justify-content:space-between; gap:2%; row-gap:1.25rem;}
	section.main-course div.inner div.course-wrap ul li.course{width:48%; min-height:21rem;}

	/******* main-board*******/
	section.main-board div.inner div.sect-con div.board div.board-list ul li a.li-con{flex-wrap:wrap; gap:0.5rem;}
	section.main-board div.inner div.sect-con div.board div.board-list ul li.noti-mark a.li-con div.li-txt{width:100%;}

	/******* quick-menu *******/
	footer.footer div.f-bot div.inner div.f-mid{flex-wrap:wrap; gap:1rem;}
}
@media screen and (max-width: 640px) {
	:root {
		--height-member: 3rem;
		--height-mob-header:calc(var(--height-member) + var(--height-header));
	}

	/* header */
    header.header{height: var(--height-mob-header); padding-bottom: var(--height-member); position: absolute;  top: 0; left: 0;}
	header.header div.other{gap: 2rem;}
	header.header div.other ul.btn-member{ gap: 0; position: absolute; left: 0; bottom: 0; width: 100%; height: var(--height-member); border-top: 1px solid rgba(255,255,255,0.2); border-bottom: 1px solid rgba(255,255,255,0.2); }
    header.header div.other ul.btn-member li[class*="bm-"]{width: 33.33%; height: 100%; border-right: 1px solid rgba(255,255,255,0.2); display: flex; align-items: center; justify-content: center;}
    header.header div.other ul.btn-member li[class*="bm-"]:last-child{border-right: 0;}
    header.header div.other ul.btn-member li[class*="bm-"]:after{display: none;}
    header.header div.other div.btn-icon div[class*="bi-"] > a{ width: 1.3rem; height: 1.3rem;}
    header.header div.other div.btn-icon div.bi-mypage > a {width: 1.4rem; height: 1.4rem;}
    header.header.hover div.other ul.btn-member{border-top-color: rgba(0,0,0,0.1);}
    header.header.hover div.other ul.btn-member li{border-right-color: rgba(0,0,0,0.1);}

	/* search */
	header.header div.main-search div.inner{flex-direction:column; gap:0.5rem; padding-top:4rem; padding-bottom:6rem;}
	header.header div.main-search div.inner a.btn-close{position:absolute; bottom:0; left:0; width:100%; font-size:1rem; text-align:center; color:#fff; background:rgba(255,255,255,0.2); display:flex; align-items:center; justify-content:center;}

	/* main-qucikmenu */
	section.main-visual div.main-slider div.main-quickmenu div.qm-tit{font-size:1.25rem;}
	section.main-visual div.main-slider div.main-quickmenu ul.mq-menu-wrap li{font-size:1.1rem;}

	/******* main-intro*******/
	section.main-intro div.inner div.left-con div.intro-txt p.txt01{font-size:1.25rem; margin-bottom:1rem;}
	section.main-intro div.inner div.left-con div.intro-txt p.txt02{font-size:1.1rem;}
	section.main-intro div.inner div.right-con ul.card-list{width:100%; gap:1.25rem;}
	section.main-intro div.inner div.right-con ul.card-list.right{margin-top:1.25rem;}

	/******* main-course*******/
	section.main-course div.inner div.course-wrap{margin-bottom:4rem;}
	section.main-course div.inner div.bg-txt{font-size:5rem; bottom:-1.5rem; left:-6%;}

	/******* main-company*******/
	section.main-company div.inner div.company-wrap{flex-wrap:wrap; row-gap:1.5rem;}
	section.main-company div.inner div.company-wrap > img{width:48%;}
	section.main-company div.company-marquee div.marquee-track div.item{font-size:1.125rem; font-size:1.25rem; padding:1.5rem;}

	/******* main-review*******/
	section.main-review div.inner{flex-wrap:wrap; }
	section.main-review div.inner div.sect-tit{text-align:center; margin-bottom:2rem;}
	section.main-review div.inner div.sect-left{width:100%; text-align:center; margin-bottom:4rem;}
	section.main-review div.inner div.sect-right{width:100%;}
	section.main-review div.inner div.sect-right div.review-slider-wrap div.review-slider a.slider:nth-of-type(odd){margin-top:0;}
	section.main-review div.inner div.sect-right div.review-slider-wrap div.review-arrows{margin-top:2rem;}

	/******* main-board*******/
	section.main-board div.inner div.sect-con{flex-wrap:wrap; gap:2rem;}
	section.main-board div.inner div.sect-con div.board{width:100%;}
}
@media screen and (max-width: 480px) {
	/******* °øÅë *******/
	section[class*="main"]{padding:6rem 0;}
	section[class*="main"] div.sect-tit h3.tit{margin-bottom:1.5rem;}

	section.main-visual{padding:0;}

	/******* sitemap *******/
	div.sitemap-wrap div.inner div.sitemap-list ul.dep > li.top-label{font-size:1.125rem; padding:0 0.5rem;}

	/* main-qucikmenu */
	section.main-visual{padding-top:0;}
	section.main-visual div.main-slider div.quick-wrap{background:#fff;}
	section.main-visual div.main-slider div.main-quickmenu div.qm-tit{display:none;}
	section.main-visual div.main-slider div.main-quickmenu ul.mq-menu-wrap{width:100%;}
	section.main-visual div.main-slider div.main-quickmenu ul.mq-menu-wrap li a{padding:1.5rem 0;}

	/******* main-intro*******/
	section.main-intro div.inner div.right-con ul.card-list li.card{height:14rem;}


	/******* main-review*******/
	section.main-review div.inner div.sect-left{margin-bottom:2.5rem;}

	/******* quick-menu *******/
	div.quick-menu{bottom:5%;}
	div.quick-menu a.apply-btn{width:5rem; height:5rem;}
}
@media screen and (max-width: 400px) {

	/******* °øÅë *******/
	section[class*="main"] div.sect-tit h3.tit{font-size:1.8rem;}
}
@media screen and (max-width: 320px) {

}