@charset "utf-8";

:root{

    /* 그라데이션 */
    --bg-gradi:linear-gradient(90deg, rgba(0,45,122,1) 30%, rgba(0,195,164,1) 100%);
    --bg-gradi-re:linear-gradient(90deg, rgba(0,195,164,1) 30%,  rgba(0,45,122,1) 100%);
    --bg-gradi-blue:linear-gradient(90deg,rgba(0, 48, 123, 1) 0%, rgba(0, 88, 134, 1) 100%);
    --bg-gradi-blue2:linear-gradient(90deg,rgba(0, 88, 134, 1) 0%, rgba(0,195,164,1) 100%);

    /* 영문폰트 */
    --ft-eng-b:'Montserrat_B','Pretendard-Bold',sans-serif;

    /* 투명도 10 */
    --color-main01-10:#e5eaf1;
    --color-main02-10:#f0effd;
    --color-main03-10:#e5f9f6;
    --color-main04-10:#f3e5ff;

}

/****** SUB CONTAINER ******/
div.wrap.sub div.container{margin-bottom:7rem;}

/****** SUB LAYOUT ******/
div.sub-layout-new{width:100%;}
div.sub-layout-new div.thema{width:100%; height:30rem; position:relative; background:var(--bg-gradi-re); overflow:hidden;}
div.sub-layout-new div.thema:after{content:''; display:block; width:100%; height:100%; opacity:.15; z-index:1; position:absolute; top:0; left:0;}
div.sub-layout-new div.thema01:after{background:url("/fro_end_bioall/img/sub/thema01.jpg")center/cover no-repeat;}
div.sub-layout-new div.thema02:after{background:url("/fro_end_bioall/img/sub/thema02.jpg")center/cover no-repeat;}
div.sub-layout-new div.thema03:after{background:url("/fro_end_bioall/img/sub/thema03.jpg")center/cover no-repeat;}
div.sub-layout-new div.thema04:after{background:url("/fro_end_bioall/img/sub/thema04.jpg")center/cover no-repeat;}
div.sub-layout-new div.thema05:after{background:url("/fro_end_bioall/img/sub/thema05.jpg")center/cover no-repeat;}
div.sub-layout-new div.thema06:after{background:url("/fro_end_bioall/img/sub/thema06.jpg")center/cover no-repeat;}
div.sub-layout-new div.thema p.edu-name{position:absolute; top:50%; left:0; transform:translateY(-50%); font-size:6rem; line-height:1em; font-family:var(--ft-eng-b); color:rgba(255,255,255,0.1); z-index:0;}
div.sub-layout-new div.thema div.inner{display:flex; align-items:center; justify-content:space-between; position:absolute; top:50%; left:50%; width:85%; transform:translate(-50%, -50%); color:#fff; z-index:10;}
div.sub-layout-new div.thema div.inner h2.tit{font-family:'Pretendard-Bold',sans-serif; font-size:2.8rem; text-shadow:0 5px 10px rgba(0,0,0,0.2);}
div.sub-layout-new div.thema div.inner ul.breadcrumb{display:flex; align-items:center;}
div.sub-layout-new div.thema div.inner ul.breadcrumb li{position:relative; margin-right:2rem; font-family:'Pretendard-Light',sans-serif;}
div.sub-layout-new div.thema div.inner ul.breadcrumb li:after{content:''; display:block; width:4px; height:4px; background:#fff; position:absolute; top:50%; left:-1rem; transform:translateY(-50%); opacity:.5;}
div.sub-layout-new div.thema div.inner ul.breadcrumb li.home{width:1rem; height:1rem; background:url("../img/sub/ico_home_wh.svg")center/90% auto no-repeat; font-size:0;}
div.sub-layout-new div.thema div.inner ul.breadcrumb li.home:after{display:none;}
div.sub-layout-new div.thema div.inner ul.breadcrumb li.last{opacity:1; font-family:'Pretendard-SemiBold',sans-serif; margin-right:0 !important;}


/****** SUB MENU ******/
div.sub-menu{background:#fff; height:4rem; margin-top:-4rem; position:relative; z-index:50; border-radius:2rem 0 0 0; border-bottom:1px solid #ddd;}
div.sub-menu div.inner{width:1440px; height:100%; margin:0 auto;}
div.sub-menu div.inner ul{width:100%; height:100%; display:flex; border-left:1px solid #ddd;}
div.sub-menu div.inner ul > li{border-right:1px solid #ddd; font-size:1.2rem; transition:0.2s;}
div.sub-menu div.inner ul > li > a{display:flex; align-items:center; justify-content:center; width:100%; height:100%;}
div.sub-menu.m2 div.inner ul > li{width:calc(100% / 2);}
div.sub-menu.m3 div.inner ul > li{width:calc(100% / 3);}
div.sub-menu.m4 div.inner ul > li{width:calc(100% / 4);}
div.sub-menu.m5 div.inner ul > li{width:calc(100% / 5);}
div.sub-menu.m6 div.inner ul > li{width:calc(100% / 6);}
div.sub-menu div.inner ul > li.on{background:var(--bg-gradi); color:#fff; font-family:'Pretendard-Medium',sans-serif; box-shadow:0 8px 20px rgba(0,25,66,0.3);}
@media(hover:hover){
    div.sub-menu div.inner ul > li:not(.on):hover{background:#f5f5f5;}
}



/****** SUB TITLE ******/
div.sub-title{margin:5rem 0;}
div.sub-title h3.sub-tit{font-size:2.5rem; font-family:'Pretendard-Bold',sans-serif; text-align:center;}
div.sub-title ul.sub-tab{width:fit-content; margin:0 auto; margin-top:3rem; display:flex; align-items:center; justify-content:center; border-radius:50px; padding:0.5rem; background:#f5f5f5;}
div.sub-title ul.sub-tab li{color:#777; font-size:1.125rem; border-radius:50px; transition:0.2s;}
div.sub-title ul.sub-tab li a{display:inline-block; padding:0.8rem 2rem;}
div.sub-title ul.sub-tab li.on{background:var(--bg-gradi-blue); color:#fff; font-family:'Pretendard-Medium',sans-serif; box-shadow:0 10px 20px rgba(0,25,66,0.2);}
@media(hover:hover){
    div.sub-title ul.sub-tab li:not(.on):hover{background:#eee;}
}



/****** SUB CONTENTS ******/
div.sub-contents{}
div.sub-contents > section.sub-sect{width:1440px; margin:0 auto; margin-bottom:7rem;}
div.sub-contents > section.sub-sect:last-of-type{margin-bottom:0;}
div.sub-contents > section.sub-sect > div.sub-sect-in{margin-top:5rem;}
div.sub-contents > section.sub-sect > div.sub-sect-in div.h4-sect-con{padding-left:3rem;}


/* new title & text(제목 밑 텍스트 스타일) */
h3.sect-tit{font-size:2.25rem; font-family:'Pretendard-Bold',sans-serif; margin-bottom:1em;}
h4.sect-tit{font-size:1.5rem; font-family:'Pretendard-Medium',sans-serif; padding-top:0.25rem; margin-bottom:1rem; padding-left:3rem; position:relative; color:var(--color-main04);}
h4.sect-tit:before{content:'!'; display:block; width:2.25rem; height:2.25rem; line-height:2.25rem; text-align:center; font-family:var(--ft-eng-b); background:var(--color-main04); color:#fff; position:absolute; top:0; left:0; border-radius:1rem 1rem 0 1rem; font-size:1rem;}
.sect-txt{font-size:1.25rem; margin-bottom:1.5rem; padding-bottom:1.5rem; border-bottom:1px solid #ddd;}
.sect-txt02{font-size:1.125rem; margin-bottom:1.5rem;}


/* label */
[class^="label0"]{font-size:1rem; display:inline-block; padding:0.4rem 1.2rem; border-radius:50px;}
.label01{background:var(--color-main01-10); color:var(--color-main01);}
.label02{background:var(--color-main02-10); color:var(--color-main02);}
.label03{background:var(--color-main03-10); color:var(--color-main03);}
.label04{background:var(--color-main04-10); color:var(--color-main04);}


/* list(숫자형) */
ul.nlist01{}
ul.nlist01 > li{font-size:1.125rem; margin-bottom:2.5rem; padding-left:3.25rem; position:relative;}
ul.nlist01 > li:before{content:''; display:block; background:var(--bg-gradi-blue); width:2.5rem; height:2.5rem; line-height:2.5rem; text-align:center; color:#fff; font-family:var(--ft-eng-b); font-size:1rem; border-radius:50%; position:absolute; top:-0.5rem; left:0;}
ul.nlist01 > li:nth-child(1):before{content:'1';}
ul.nlist01 > li:nth-child(2):before{content:'2';}
ul.nlist01 > li:nth-child(3):before{content:'3';}
ul.nlist01 > li:nth-child(4):before{content:'4';}
ul.nlist01 > li:nth-child(5):before{content:'5';}
ul.nlist01 > li:nth-child(6):before{content:'6';}
ul.nlist01 > li:nth-child(7):before{content:'7';}
ul.nlist01 > li:nth-child(8):before{content:'8';}
ul.nlist01 > li:nth-child(9):before{content:'9';}


/* list(도트,점) */
ul.dlist01{}
ul.dlist01 li{font-size:1.125rem; margin-bottom:1rem; position:relative; padding-left:1rem; text-align:left;}
ul.dlist01 li:before{content:''; display:block; width:4px; height:4px; background:#333; border-radius:50%; position:absolute; top:0.5rem; left:0;}
ul.dlist02{}
ul.dlist02 li{color:#666; font-size:1rem; margin-bottom:0.5rem; position:relative; padding-left:1rem; text-align:left;}
ul.dlist02 li:before{content:''; display:block; width:4px; height:4px; background:#777; border-radius:50%; position:absolute; top:0.5rem; left:0;}


/* inf-list */
ul.inf-list{}
ul.inf-list > li{font-size: 1rem; position: relative;  padding-left: 1.65rem; line-height: 1.5; margin-top: 0.6rem;}
ul.inf-list > li:before{content: '';  background: url('/fro_end_bioall/img/ico_info.svg') center / 100% auto no-repeat; display: block;width: 1.25rem; height: 1.25rem; position: absolute;  top: 2px; left: 0;}


/* table */
div.table-round-wrap{border-radius:1rem 1rem 0 0; overflow:hidden;}
table.table01{text-align:left; border-bottom:2px solid var(--color-main01);}
table.table01 tr{border-bottom:1px solid #bbb;}
table.table01 th{font-family:'Pretendard-Bold',sans-serif; padding:1.125rem; border-right:1px solid #bbb;}
table.table01 th:last-child{border-right:0;}
table.table01 td{padding:1.125rem; border-right:1px solid #bbb;}
table.table01 td:last-child{border-right:0;}
table.table01 thead{background:var(--color-main01); color:#efefef;}
table.table01 thead th{border-color:rgba(255,255,255,0.2); font-size:1.125rem; padding:1.5rem;}


/* button */
a.sub-btn{min-width:15rem; padding:1rem 2rem; padding-right:4rem; border-radius:50px; border:1px solid #ddd; background:#fff; font-family:'Pretendard-Medium',sans-serif; position:relative; transition:0.2s; font-size:1.125rem;}
a.sub-btn:after{content:''; display:block; width:2rem; height:2rem; transition:0.2s; background:#333 url("../img/sub/ico_arrow_wh.svg")center/30% auto no-repeat; border-radius:50%; position:absolute; top:50%; right:1rem; transform:translateY(-50%);}
a.sub-btn:hover{border-color:#333;}
a.sub-btn:hover:after{box-shadow:0 0 20px rgba(0,0,0,0.3); transform:translateY(-50%) scale(1.15);}
a.sub-btn.--wh{border-color:rgba(255,255,255,0.8); color:#fff; background:transparent;}
a.sub-btn.--wh:after{background:#fff url("../img/sub/ico_arrow.svg")center/30% auto no-repeat;}


/* D1100(사업소개) */
div.D1100{margin-bottom:0 !important;}
div.D1100 section.sect01{}
div.D1100 section.sect01 div.intro-main{background:var(--bg-gradi-blue); border-radius:3rem 3rem 0 3rem; position:relative; overflow:hidden;}
div.D1100 section.sect01 div.intro-main:after{content:''; display:block; width:100%; height:100%; background:url("../img/sub/D1100_sect01_intro.jpg")center/cover no-repeat; position:absolute; inset:0; opacity:.1; z-index:0;}
div.D1100 section.sect01 div.intro-main div.inner{padding:6rem 1rem; text-align:center; color:#fff; line-height:1.8; position:relative; z-index:1;}
div.D1100 section.sect01 div.intro-main div.inner p.txt01{font-size:2rem; font-family:'Pretendard-Bold',sans-serif;}
div.D1100 section.sect01 div.intro-main div.inner p.txt02{font-size:1.5rem; word-break:keep-all;}
div.D1100 section.sect01 div.intro-detail{}
div.D1100 section.sect01 div.intro-detail div.detail-row{font-size:1.125rem; display:flex; align-items:center; gap:1rem; margin-top:1.5rem; padding-top:1.5rem; border-top:1px solid #ddd;}
div.D1100 section.sect01 div.intro-detail div.detail-row:first-child{border-top:0; padding-top:0;}
div.D1100 section.sect01 div.intro-detail div.detail-row span.dr-tit{display:inline-block; min-width:12rem; padding:1rem; text-align:center; font-family:'Pretendard-Bold',sans-serif; border-radius:100px; background:var(--color-main01-10); color:var(--color-main01);}
div.D1100 section.sect01 div.intro-detail div.detail-row span.dr-con{display:block; word-break:keep-all;}
div.D1100 section.sect01 div.intro-detail div.detail-row:nth-child(2n) span.dr-tit{background:var(--color-main02-10); color:var(--color-main02);}
div.D1100 section.sect01 div.intro-detail div.detail-row:nth-child(3n) span.dr-tit{background:var(--color-main03-10); color:var(--color-main03);}
div.D1100 section.sect02{color:#fff; width:100%; margin:0; position:relative; background:#000;}
div.D1100 section.sect02 div.bg-fixed{width:100%; height:100%; position:absolute; inset:0; z-index:0;} /* background-attachment:fixed 모바일 호환 보완 */
div.D1100 section.sect02 div.bg-fixed div.bg-wrap{clip:rect(0, auto, auto, 0); position:absolute; top:0; left:0; width:100%; height:100%;}
div.D1100 section.sect02 div.bg-fixed div.bg-wrap div.bg{position:fixed; display:block; top:0; left:0; width:100%; height:100%; background:url("../img/sub/D1100_sect02_bg.jpg")center/cover no-repeat; opacity:.2;}
div.D1100 section.sect02 div.about-bioall{display:flex; justify-content:space-between; position:relative; z-index:1; padding:5rem 0;}
div.D1100 section.sect02 div.about-bioall div.ab-left{display:flex; flex-direction:column; justify-content:space-between; padding:2rem 0;}
div.D1100 section.sect02 div.about-bioall div.ab-left div.edu-symbol{width:5rem; height:5rem;}
div.D1100 section.sect02 div.about-bioall div.ab-left div.edu-symbol img{width:100%; height:100%; object-fit:contain;}
div.D1100 section.sect02 div.about-bioall div.ab-left div.edu-name{font-family:'Pretendard-Bold',sans-serif; font-size:2rem; line-height:1.5em;}
div.D1100 section.sect02 div.about-bioall div.ab-right{padding:2.5rem 3rem; border-radius:3rem 3rem 0 3rem; background:rgba(255,255,255,0.1); backdrop-filter:blur(5px);}
div.D1100 section.sect02 div.about-bioall div.ab-right ul.about-list{}
div.D1100 section.sect02 div.about-bioall div.ab-right ul.about-list li{display:flex; gap:1rem; margin-bottom:1rem; padding-bottom:1rem; color:#fff; border-bottom:1px solid rgba(255,255,255,0.1);}
div.D1100 section.sect02 div.about-bioall div.ab-right ul.about-list li:last-child{margin-bottom:0; padding-bottom:0; border-bottom:0;}
div.D1100 section.sect02 div.about-bioall div.ab-right ul.about-list li span.list-t{font-family:'Pretendard-Bold',sans-serif; text-wrap:nowrap;}
div.D1100 section.sect02 div.about-bioall div.ab-right ul.about-list li span.list-c{}


/* D1110(비전및목표) */
div.D1110 section.sect01{}
div.D1110 section.sect01 div.edu-name{text-align:center; padding-top:4rem;}
div.D1110 section.sect01 div.edu-name p.lg-name{font-size:4rem; font-family:var(--ft-eng-b); margin-bottom:1.5rem; padding:2rem; display:inline-block; position:relative;}
div.D1110 section.sect01 div.edu-name p.lg-name:after{content:''; display:block; width:100%; height:1px; background:#ddd; position:absolute; bottom:0; left:50%; transform:translateX(-50%);}
div.D1110 section.sect01 div.edu-name p.sm-name{font-size:2rem; color:#777;}
div.D1110 section.sect02{background:var(--bg-gradi-blue); color:#fff; width:100%; position:relative;}
div.D1110 section.sect02:after{content:''; display:block; width:100%; height:100%; background:url("../img/sub/D1110_sect02_bg.png")right/auto 100% no-repeat; z-index:0; position:absolute; top:0; right:0;}
div.D1110 section.sect02 div.edu-vision{padding:8rem 0; position:relative; z-index:1;}
div.D1110 section.sect02 div.edu-vision p.vision-t{font-size:2.5rem; font-family:var(--ft-eng-b); margin-bottom:3rem;}
div.D1110 section.sect02 div.edu-vision p.vision-c{width:80%; line-height:1.5; font-size:1.5rem; word-break:keep-all;}
div.D1110 section.sect03{}
div.D1110 section.sect03 div.edu-mission{}
div.D1110 section.sect03 div.edu-mission ul.mission-list{display:flex; flex-wrap:wrap; gap:2.5rem 3.33%; justify-content:space-between;}
div.D1110 section.sect03 div.edu-mission ul.mission-list li{width:31%; min-height:20rem;}
div.D1110 section.sect03 div.edu-mission ul.mission-list li.mtit{font-size:2rem; color:#333; font-family:var(--ft-eng-b);}
div.D1110 section.sect03 div.edu-mission ul.mission-list li.mbox{background:var(--color-main02); color:#fff; padding:3rem; border-radius:3rem 3rem 0 3rem; position:relative; overflow:hidden;}
div.D1110 section.sect03 div.edu-mission ul.mission-list li.mbox:nth-child(odd){background:var(--color-main03);}
div.D1110 section.sect03 div.edu-mission ul.mission-list li.mbox:after{content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0; z-index:0; opacity:.2;}
div.D1110 section.sect03 div.edu-mission ul.mission-list li.mbox:nth-child(2):after{background:url("../img/sub/D1110_sect03_box01.jpg")center/cover no-repeat;}
div.D1110 section.sect03 div.edu-mission ul.mission-list li.mbox:nth-child(3):after{background:url("../img/sub/D1110_sect03_box02.jpg")center/cover no-repeat;}
div.D1110 section.sect03 div.edu-mission ul.mission-list li.mbox:nth-child(4):after{background:url("../img/sub/D1110_sect03_box03.jpg")center/cover no-repeat;}
div.D1110 section.sect03 div.edu-mission ul.mission-list li.mbox:nth-child(5):after{background:url("../img/sub/D1110_sect03_box04.jpg")center/cover no-repeat;}
div.D1110 section.sect03 div.edu-mission ul.mission-list li.mbox:nth-child(6):after{background:url("../img/sub/D1110_sect03_box05.jpg")center/cover no-repeat;}
div.D1110 section.sect03 div.edu-mission ul.mission-list li.mbox > div{position:relative; z-index:1;}
div.D1110 section.sect03 div.edu-mission ul.mission-list li.mbox div.in-txt{font-size:1.2rem;}
div.D1110 section.sect03 div.edu-mission ul.mission-list li.mbox div.in-txt p.point{font-size:1.5em; font-family:'Pretendard-Bold',sans-serif; margin-top:0.5rem; text-shadow:0 3px 8px rgba(0,0,0,0.1);}
div.D1110 section.sect03 div.edu-mission ul.mission-list li.mbox div.in-ico{width:3.5rem; height:3.5rem; position:absolute; bottom:3rem; right:3rem; opacity:.8;}
div.D1110 section.sect03 div.edu-mission ul.mission-list li.mbox div.in-ico img{display:block; width:100%; height:100%; object-fit:contain;}


/* D1120(핵심경쟁력) */
div.D1120 section.sect01{}
div.D1120 section.sect01 div.edu-comp{}
div.D1120 section.sect01 div.edu-comp ul.comp-list{display:flex; gap:2rem 2.666%; flex-wrap:wrap;}
div.D1120 section.sect01 div.edu-comp ul.comp-list li{width:23%;}
div.D1120 section.sect01 div.edu-comp ul.comp-list li div.c-img{height:17rem; border-radius:2rem 2rem 0 2rem; overflow:hidden; background:#000; position:relative;}
div.D1120 section.sect01 div.edu-comp ul.comp-list li div.c-img img{display:block; width:100%; height:100%; object-fit:cover; opacity:.7;}
div.D1120 section.sect01 div.edu-comp ul.comp-list li div.c-img span.img-lab{color:#fff; background: var(--bg-gradi-blue2); max-width:90%; position:absolute; font-family:'Pretendard-Bold',sans-serif; bottom:1rem; left:1rem; border-radius:100px; padding:1rem 1.25rem; backdrop-filter:blur(5px); word-break: keep-all;}
div.D1120 section.sect01 div.edu-comp ul.comp-list li div.c-txt{padding:1rem 0.5rem;}
div.D1120 section.sect01 div.edu-comp ul.comp-list li div.c-txt p.txt01{font-family:'Pretendard-Bold',sans-serif; font-size:1.4rem; margin-bottom:0.5rem; min-height:4rem; word-break:keep-all;}
div.D1120 section.sect01 div.edu-comp ul.comp-list li div.c-txt p.txt02{font-size:1.125rem; color:#777; line-height:1.5;}


/* D1130(기대효과) */
div.D1130 section.sect01{}
div.D1130 section.sect01 div.edu-effect{display:flex; justify-content:space-between;}
div.D1130 section.sect01 div.edu-effect div.effect-img{width:40%; height:30rem; border-radius:3rem 3rem 0 3rem; overflow:hidden; position:relative;}
div.D1130 section.sect01 div.edu-effect div.effect-img:after{content:''; display:block; width:100%; height:100%; background:#000; position:absolute; inset:0; opacity:.2;}
div.D1130 section.sect01 div.edu-effect div.effect-img img{display:block; width:100%; height:100%; object-fit:cover;}
div.D1130 section.sect01 div.edu-effect div.effect-txt{width:50%; display:flex; flex-direction:column; justify-content:space-between;}
div.D1130 section.sect01 div.edu-effect div.effect-txt h3.sect-tit{}
div.D1130 section.sect01 div.edu-effect div.effect-txt ul.nlist01{}


/* D1140(참여기업소개) */
div.D1140 section.sect01{width:100%; position:relative;}
div.D1140 section.sect01:before,div.D1140 section.sect01:after{content:''; display:block; width:100%; height:70%; position:absolute; inset:0; z-index:-1;}
div.D1140 section.sect01:before{background:var(--bg-gradi-blue);}
div.D1140 section.sect01:after{background:url("../img/sub/D1140_sect01_bg.jpg")center/cover no-repeat; opacity:.1;}
div.D1140 section.sect01 div.edu-company{padding:5rem 0 4rem 0;}
div.D1140 section.sect01 div.edu-company p.tit{text-align:center; color:rgba(255,255,255,0.9); font-family:'Pretendard-Light',sans-serif; font-size:2.5rem; margin-bottom:4rem;}
div.D1140 section.sect01 div.edu-company p.tit span.txt-b{color:#fff; font-family:'Pretendard-Bold',sans-serif;} 
div.D1140 section.sect01 div.edu-company ul.logo-list{display:flex; gap:2rem; justify-content:center; flex-wrap:wrap;}
div.D1140 section.sect01 div.edu-company ul.logo-list li{height:6.5rem; box-shadow:0 20px 30px rgba(0,0,0,0.2); transition:0.2s;}
div.D1140 section.sect01 div.edu-company ul.logo-list li a{display:block; width:100%; height:100%;}
div.D1140 section.sect01 div.edu-company ul.logo-list li a img{display:block; width:100%; height:100%; object-fit:cover;}
@media(hover:hover){
    div.D1140 section.sect01 div.edu-company ul.logo-list li:hover{transform:translateY(-0.5rem); box-shadow:0 20px 35px rgba(0,0,0,0.3);}
}
div.D1140 section.sect02{position:relative;}
div.D1140 section.sect02 div.sect-left{position:sticky; top:3rem; left:0; width:50%;}
div.D1140 section.sect02 div.sect-left h3.sect-tit{word-break:keep-all;}
div.D1140 section.sect02 div.sect-right{width:45%; margin:0 0 0 auto; margin-top:-3rem;}
div.D1140 section.sect02 div.sect-right div.coo-point{}
div.D1140 section.sect02 div.sect-right div.coo-point div.cp-box{background:var(--color-main01); padding:2rem; color:#fff; border-radius:2rem 2rem 0 2rem; margin-bottom:2rem;}
div.D1140 section.sect02 div.sect-right div.coo-point div.cp-box:nth-child(odd){transform:translateX(-10%);}
div.D1140 section.sect02 div.sect-right div.coo-point div.cp-box:nth-child(even){background:var(--color-main03);}
div.D1140 section.sect02 div.sect-right div.coo-point div.cp-box span.lab{display:inline-block; font-family:var(--ft-eng-b); background:rgba(255,255,255,0.2); font-size:0.9rem; color:#fff; padding:0.8rem 1.5rem; border-radius:50px;}
div.D1140 section.sect02 div.sect-right div.coo-point div.cp-box p.point-tit{font-size:1.5rem; font-family:'Pretendard-Bold',sans-serif; margin:2rem 0 1rem 0; word-break:keep-all;}
div.D1140 section.sect02 div.sect-right div.coo-point div.cp-box ul.dlist01{opacity:.9;}
div.D1140 section.sect02 div.sect-right div.coo-point div.cp-box ul.dlist01 li{}
div.D1140 section.sect02 div.sect-right div.coo-point div.cp-box ul.dlist01 li:before{background:#fff;}


/* D1200(과정개요) */
div.D1200 section.sect01{}
div.D1200 section.sect01 div.intro-main{background:var(--bg-gradi); border-radius:3rem 3rem 0 3rem; position:relative; overflow:hidden;}
div.D1200 section.sect01 div.intro-main:after{content:''; display:block; width:100%; height:100%; background:url("../img/sub/D1200_sect01_intro.jpg")center/cover no-repeat; position:absolute; inset:0; opacity:.1; z-index:0;}
div.D1200 section.sect01 div.intro-main div.inner{padding:6rem 2rem; text-align:center; color:#fff; line-height:1.8; position:relative; z-index:1; word-break:keep-all;}
div.D1200 section.sect01 div.intro-main div.inner p.txt01{font-size:2rem; font-family:'Pretendard-Bold',sans-serif;}
div.D1200 section.sect01 div.intro-main div.inner p.txt02{font-size:1.25rem;}
div.D1200 section.sect02{}
div.D1200 section.sect02 div.edu-organ-time{}
div.D1200 section.sect02 div.edu-organ-time div.organ-top{}
div.D1200 section.sect02 div.edu-organ-time div.organ-top ul.time-each{display:flex; gap:3.5%; flex-wrap:wrap;}
div.D1200 section.sect02 div.edu-organ-time div.organ-top ul.time-each li{width:31%; background:#f5f5f5; text-align:center; margin-bottom:1rem; padding:2rem; border-radius:2rem 2rem 0 2rem; position:relative;}
div.D1200 section.sect02 div.edu-organ-time div.organ-top ul.time-each li:after{content:'+'; display:block; width:auto; height:fit-content; position:absolute; top:50%; right:-8%; transform:translateY(-50%); font-size:2rem; color:#aaa;}
div.D1200 section.sect02 div.edu-organ-time div.organ-top ul.time-each li:last-child:after{display:none;}
div.D1200 section.sect02 div.edu-organ-time div.organ-top ul.time-each li span.edu-type{display:inline-block; color:#fff; padding:0.8rem 1.5rem; font-family:'Pretendard-Bold',sans-serif; margin-bottom:1rem; border-radius:50px;}
div.D1200 section.sect02 div.edu-organ-time div.organ-top ul.time-each li span.edu-type.type01{background:var(--color-main01);}
div.D1200 section.sect02 div.edu-organ-time div.organ-top ul.time-each li span.edu-type.type02{background:var(--color-main03);}
div.D1200 section.sect02 div.edu-organ-time div.organ-top ul.time-each li span.edu-type.type03{background:var(--color-main02);}
div.D1200 section.sect02 div.edu-organ-time div.organ-top ul.time-each li p.edu-con{font-size:1.125rem; font-family:'Pretendard-SemiBold',sans-serif;}
div.D1200 section.sect02 div.edu-organ-time div.organ-top ul.time-each li p.edu-time{padding:1rem; margin-top:2rem; background:#fff; border-radius:10px; border:1px solid #ddd; color:#777;}
div.D1200 section.sect02 div.edu-organ-time div.organ-bot{border-top:1px solid #ddd;}
div.D1200 section.sect02 div.edu-organ-time div.organ-bot p.time-total{display:flex; align-items:center; justify-content:center; font-size:1.5rem; font-family:'Pretendard-Bold',sans-serif; padding:1rem 0;}
div.D1200 section.sect02 div.edu-organ-time div.organ-bot p.time-total:before{content:'='; width:2rem; height:2rem; display:inline-block; border-radius:50%; background:#333; color:#fff; line-height:2rem; text-align:center; margin:0.5rem; font-size:1rem;}
div.D1200 section.sect03{}
div.D1200 section.sect03 div.place-box{background:#000; padding:5rem 0; border-radius:2rem 2rem 0 2rem; position:relative; overflow:hidden;}
div.D1200 section.sect03 div.place-box:after{content:''; display:block; width:100%; height:100%; background:url("../img/sub/D1200_sect03_bg.jpg")center 40%/cover no-repeat; position:absolute; top:0; left:0; z-index:0; opacity:.4;}
div.D1200 section.sect03 div.place-box div.inner{display:flex; justify-content:center; align-items:center; gap:1rem; flex-wrap:wrap; position:relative; z-index:1;}
div.D1200 section.sect03 div.place-box div.inner span.place{backdrop-filter:blur(5px); padding:1.125rem 2rem; font-size:1.125rem; border-radius:50px; background:rgba(255,255,255,0.2); color:#fff; position:relative; padding-left:4rem;}
div.D1200 section.sect03 div.place-box div.inner span.place:before{content:''; display:block; width:1em; height:1em; background:url("../img/sub/ico_pin_wh.svg")center/contain no-repeat; position:absolute; top:50%; left:2rem; transform:translateY(-50%);}
div.D1200 section.sect03 div.place-box div.inner a.sub-btn{}
div.D1200 section.sect04{}
div.D1200 section.sect04 ul.edu-way{display:flex; flex-wrap:wrap; gap:2rem 2.5%;}
div.D1200 section.sect04 ul.edu-way li{width:18%; word-break:keep-all; border:2px solid var(--color-main01); padding:2rem; border-radius:2rem 2rem 0 2rem;}
div.D1200 section.sect04 ul.edu-way li span.num{display:inline-block;  border-radius:50%; width:2.5rem; height:2.5rem;  margin-bottom:2rem; text-align:center; line-height:2.5rem; font-size:1rem; font-family:var(--ft-eng-b); background:var(--color-main01-10); color:var(--color-main01);}
div.D1200 section.sect04 ul.edu-way li p.txt01{font-family:'Pretendard-Bold',sans-serif; color:var(--color-main01); font-size:1.25rem; margin-bottom:0.5rem;}
div.D1200 section.sect04 ul.edu-way li p.txt02{font-size:1rem; line-height:1.6;}
div.D1200 section.sect04 ul.edu-way li:nth-child(even){border-color:var(--color-main03);}
div.D1200 section.sect04 ul.edu-way li:nth-child(even) span.num{background:var(--color-main03-10); color:var(--color-main03);}
div.D1200 section.sect04 ul.edu-way li:nth-child(even) p.txt01{color:var(--color-main03);}
div.D1200 section.sect06{}
div.D1200 section.sect06 div.course-project-box{background:#f5f5f5; border-radius:2rem 2rem 0 2rem; padding:2rem;}
div.D1200 section.sect06 div.course-project-box p.cp-tit{font-size:1.35rem; margin-bottom:2rem; opacity: 0.3; font-family:'Pretendard-Bold',sans-serif;}
div.D1200 section.sect06 div.course-project-box ul.cp-list{}
div.D1200 section.sect06 div.course-project-box ul.cp-list > li{margin-bottom:1rem; padding-bottom:1rem; border-bottom:1px solid #ddd;  display:flex; gap:1rem; align-items:flex-start;}
div.D1200 section.sect06 div.course-project-box ul.cp-list > li:last-child{margin-bottom:0; padding-bottom:0; border-bottom:none;}
div.D1200 section.sect06 div.course-project-box ul.cp-list > li span.cp-tit{display:inline-block; word-break:keep-all; padding:1rem 2.5rem; font-family:'Pretendard-Bold',sans-serif; background:var(--color-main01); color:#fff; border-radius:50px;}
div.D1200 section.sect06 div.course-project-box ul.cp-list > li:nth-child(2) span.cp-tit{background:var(--color-main02);}
div.D1200 section.sect06 div.course-project-box ul.cp-list > li:nth-child(3) span.cp-tit{background:var(--color-main03);}
div.D1200 section.sect06 div.course-project-box ul.cp-list > li div.cp-con{margin-top:1rem;}
div.D1200 section.sect06 div.course-project-box ul.cp-list > li div.cp-con p.txt01{font-size:1.125rem;}
div.D1200 section.sect06 div.course-project-box ul.cp-list > li div.cp-con ul.dlist02{margin-top:1rem;}


/* D1210(과정구성) */
div.D1210 section.sect01{}
div.D1210 section.sect01 div.course-detail-table{}
div.D1210 section.sect01 div.course-detail-table table.table01{}
div.D1210 section.sect01 div.course-detail-table table.table01 tbody th{text-align:center; font-size:1.35rem; line-height:1.6; word-break:keep-all;}
div.D1210 section.sect01 div.course-detail-table table.table01 span[class^="label"]{margin:0.5rem;}
div.D1210 section.sect01 div.course-detail-table table.table01 div.course-main{text-align:left; display:flex; font-size:1.125rem;}
div.D1210 section.sect01 div.course-detail-table table.table01 div.course-main.block{display:block;}
div.D1210 section.sect01 div.course-detail-table table.table01 div.course-main span.week{background:#333; display:inline-block; word-break:keep-all; padding:0.5rem 2rem; border-radius:50px; color:#fff; font-size:1rem;}
div.D1210 section.sect01 div.course-detail-table table.table01 div.course-main p{padding:0.5rem; font-family:'Pretendard-SemiBold',sans-serif;}
div.D1210 section.sect01 div.course-detail-table table.table01 ul.dlist02{margin:1rem;}


/* D1220(지원안내) */
div.D1220 div.info-box{display:flex; gap:2rem 2%; flex-wrap:wrap;}
div.D1220 div.info-box div.box{width:49%; background:#f5f5f5; border-radius:2rem 2rem 0 2rem; border:1px solid #ddd; padding:2rem;}
div.D1220 div.info-box div.box p.b-tit{font-size:1.125rem; font-family:'Pretendard-Bold',sans-serif; margin-bottom:1.5rem;}
div.D1220 div.info-box div.box p.b-txt{color:#777; font-size:1rem;}


/* D1400(찾아오시는 길) */
div.D1400{}
div.D1400 div.map-route-wrap{}
div.D1400 div.map-route-wrap img{display:block; width:100%; height:100%;}
div.D1400 div.map-route-wrap div.map-route{display:flex;}
div.D1400 div.map-route-wrap div.map-route div.map-img{width:50%;}
div.D1400 div.map-route-wrap div.map-route div.route-img{width:50%; display:flex; flex-wrap:wrap;}
div.D1400 div.map-route-wrap div.map-route div.route-img div.img{width:50%; height:50%; position:relative;}
div.D1400 div.map-route-wrap div.map-route div.route-img div.img:before{content:'1'; display:block; width:2rem; height:2rem; border-radius:50%; box-shadow:0 5px 10px rgba(0,0,0,0.2); text-align:center; font-size:0.8rem; color:#fff; font-family:var(--ft-eng-b); line-height:2rem; background:var(--color-main01); position:absolute; top:0m; left:0;}
div.D1400 div.map-route-wrap div.map-route div.route-img div.img.img02:before{content:'2'; background:var(--color-main02);}
div.D1400 div.map-route-wrap div.map-route div.route-img div.img.img03:before{content:'3'; background:var(--color-main03);}
div.D1400 div.map-route-wrap div.map-route div.route-img div.img.img04:before{content:'4'; background:var(--color-main04);}
div.D1400 div.map-route-wrap div.route-table{width:50%; margin:0 0 0 auto;}
div.D1400 div.map-route-wrap div.route-table span.cir-num{width:2rem; height:2rem; margin:0 auto; text-align:center; border-radius:50%; line-height:2rem; background:var(--color-main01); color:#fff; font-family:var(--ft-eng-b); font-size:0.8rem; display:block;}
div.D1400 div.map-route-wrap div.route-table span.cir-num.num02{background:var(--color-main02);}
div.D1400 div.map-route-wrap div.route-table span.cir-num.num03{background:var(--color-main03);}
div.D1400 div.map-route-wrap div.route-table span.cir-num.num04{background:var(--color-main04);}


/* D4100(운영팀연락처) */
div.D4100{position:relative;}
div.D4100:before{content:'K-NIBRT Bio-All'; width:100%; font-family:var(--ft-eng-b); font-size:10rem; position:absolute; bottom:-9rem; left:0; color:#777; text-align:right; z-index:-1; opacity:.1;}
div.D4100 div.contact-wrap{display:flex; justify-content:center; gap:2rem 2rem; flex-wrap:wrap;}
div.D4100 div.contact-wrap div.contact{min-width:35%; padding:3rem; border-radius:3rem 3rem 0 3rem; background:var(--bg-gradi); color:#fff; box-shadow:5px 20px 30px rgba(0,0,0,0.3);}
div.D4100 div.contact-wrap div.contact p.tit{font-size:1rem; margin-bottom:1rem; opacity:.8;}
div.D4100 div.contact-wrap div.contact p.tit:before{content:''; display:block; width:3.5rem; height:3.5rem; border-radius:50%; margin-bottom:3rem;}
div.D4100 div.contact-wrap div.contact p.con{font-size:1.8rem; letter-spacing:1px; font-family:var(--ft-eng-b);}
div.D4100 div.contact-wrap div.contact.mail{background:var(--bg-gradi-blue);}
div.D4100 div.contact-wrap div.contact.mail p.tit:before{background:rgba(255,255,255,0.1) url("../img/sub/D1400_mail_wh.svg")center/40% auto no-repeat;}
div.D4100 div.contact-wrap div.contact.tel{background:var(--bg-gradi-blue2);}
div.D4100 div.contact-wrap div.contact.tel p.tit:before{background:rgba(255,255,255,0.1) url("../img/sub/D1400_tel_wh.svg")center/43% auto no-repeat;}




/****** 반응형 ******/
@media screen and (max-width:1600px){}
@media screen and (max-width:1440px){

    /* sub layout & menu */
    div.sub-menu div.inner{width:100%;}
    div.sub-contents > section.sub-sect{width:100%; padding:0 5%;}
    div.sub-contents > section.sub-sect .w1440{width:100% !important;}
    div.sub-menu div.inner ul{border-left:0;}
    div.sub-menu div.inner ul > li:last-child{border-right:0;}

}
@media screen and (max-width:1280px){

    /* sub layout & menu */
    div.sub-layout-new div.thema{height:27rem;}
    div.sub-layout-new div.thema p.edu-name{font-size:5rem;}
    div.sub-layout-new div.thema div.inner{width:90%;}

    /* D1110 */
    div.D1110 section.sect01 div.edu-name p.lg-name{font-size:3rem;}
    div.D1110 section.sect01 div.edu-name p.sm-name{font-size:1.8rem;}

}
@media screen and (max-width:1024px){

    /* sub layout & menu */
    div.sub-layout-new div.thema{height:25rem;}
    div.sub-layout-new div.thema div.inner h2.tit{font-size:2.5rem;}
    div.sub-title h3.sub-tit{font-size:2.25rem;}

    /* title */
    h3.sect-tit{font-size:2rem;}

    /* D1100 */
    div.D1100 section.sect01 div.intro-main div.inner{padding:5rem 3rem;}
    div.D1100 section.sect01 div.intro-main div.inner p.txt01{font-size:1.8rem;}
    div.D1100 section.sect01 div.intro-main div.inner p.txt02{font-size:1.3rem;}
    div.D1100 section.sect02 div.about-bioall div.ab-left div.edu-name{font-size:1.8rem;}
    div.D1100 section.sect02 div.about-bioall div.ab-right{padding:2rem;}
    div.D1100 section.sect02 div.about-bioall div.ab-right ul.about-list li{display:block;}
    div.D1100 section.sect02 div.about-bioall div.ab-right ul.about-list li span{display:block;}
    div.D1100 section.sect02 div.about-bioall div.ab-right ul.about-list li span.list-t{margin-bottom:0.5rem;}

    /* D1110 */
    div.D1110 section.sect01 div.edu-name{padding-top:0;}
    div.D1110 section.sect02 div.edu-vision{padding:6rem 0;}
    div.D1110 section.sect02 div.edu-vision p.vision-c{font-size:1.3rem;}
    div.D1110 section.sect03 div.edu-mission ul.mission-list{gap:1.5rem 2%}
    div.D1110 section.sect03 div.edu-mission ul.mission-list li{min-height:18rem; width:49%;}
    div.D1110 section.sect03 div.edu-mission ul.mission-list li.mbox div.in-txt{font-size:1.125rem;}

    /* D1120 */
    div.D1120 section.sect01 div.edu-comp ul.comp-list{gap:4rem 4%;}
    div.D1120 section.sect01 div.edu-comp ul.comp-list li{width:48%;}
    div.D1120 section.sect01 div.edu-comp ul.comp-list li div.c-txt p.txt01{min-height:unset;}

    /* D1130 */
    div.D1130 section.sect01 div.edu-effect{display:block; position:relative;}
    div.D1130 section.sect01 div.edu-effect div.effect-img{width:100%; height:15rem; border-radius:2rem 2rem 0 2rem;}
    div.D1130 section.sect01 div.edu-effect div.effect-img:after{opacity:.5;}
    div.D1130 section.sect01 div.edu-effect div.effect-txt{display:block; width:100%; padding:1rem; margin-top:1rem;}
    div.D1130 section.sect01 div.edu-effect div.effect-txt h3.sect-tit{position:absolute; top:6.5rem; left:0; width:100%; text-align:center; color:#fff; margin:0;}

    /* D1140 */
    div.D1140 section.sect01 div.edu-company{padding:3rem 0;}
    div.D1140 section.sect01 div.edu-company p.tit{font-size:2rem; margin-bottom:3rem;}

    /* D1200 */
    div.D1200 section.sect01 div.intro-main div.inner{padding:5rem 3rem;}
    div.D1200 section.sect01 div.intro-main div.inner p.txt01{font-size:1.8rem;}
    div.D1200 section.sect01 div.intro-main div.inner p.txt02{font-size:1.15rem;}
    div.D1200 section.sect04 ul.edu-way{gap:2rem 3.5%;}
    div.D1200 section.sect04 ul.edu-way li{width:31%;}

    /* D1210 */
    div.D1210 section.sect01 div.course-detail-table table.table01 tbody th{font-size:1.125rem;}

    /* D4100 */
    div.D4100:before{font-size:8rem;}
    div.D4100 div.contact-wrap{gap:2rem 4%;}
    div.D4100 div.contact-wrap div.contact{min-width:unset; width:48%;}
    div.D4100 div.contact-wrap div.contact p.con{font-size:1.6rem;}

}
@media screen and (max-width:960px){

    /* sub layout & menu(메뉴 셀렉트박스 형태로 변경) */
    div.sub-menu{height:auto; position:absolute; width:100%; border-bottom:0;}
    div.sub-menu div.inner ul{display:block; width:100%; position:relative; padding-top:4rem; overflow:hidden;}
    div.sub-menu div.inner ul li{display:block; width:100% !important; height:4rem; text-align:left; position:relative; border-right:0; border-bottom:1px solid #ddd;}
    div.sub-menu div.inner ul > li > a{justify-content:flex-start; padding:0 2rem; padding-right:4rem;}
    div.sub-menu div.inner ul li.on{position:absolute; top:0; box-shadow:none; background:#fff; color:var(--color-main01); font-family:'Pretendard-Bold'; border-radius:2rem 0 0 0;}
    div.sub-menu div.inner ul li.on:after{content:''; display:block; width:4rem; height:4rem;background:var(--color-main01) url("../img/sub/ico_arrow_down_wh.svg")center/35% auto no-repeat; position:absolute; top:0; right:0;}
    div.sub-menu div.inner ul li.on a{pointer-events:none; /* 디폴트 클릭이벤트를 막음 > Jquery로 li펼치기 */}
    div.sub-menu div.inner ul li:not(.on){display:none;}
    div.sub-menu div.inner ul.open{box-shadow:0 20px 20px rgba(0,0,0,0.1); overflow:visible;}
    div.sub-menu div.inner ul.open li.on:after{transform:scaleY(-1);}


}
@media screen and (max-width:800px){

    /* sub layout & menu */
    div.sub-layout-new div.thema div.inner{display:block;}
    div.sub-layout-new div.thema div.inner h2.tit{font-size:2.25rem;}
    div.sub-layout-new div.thema div.inner ul.breadcrumb{margin-top:1rem;}
    div.sub-title h3.sub-tit{font-size:2rem;}

    /* sub tab */
    div.sub-title ul.sub-tab{width:95%; background:transparent; border-radius:0; padding:0; gap:0.5rem; flex-wrap:wrap;}
    div.sub-title ul.sub-tab li{background:#f5f5f5; border-radius:50px; font-size:1rem;}

    /* title */
    h3.sect-tit{font-size:1.85rem;}

    /* list */
    ul.nlist01 > li{padding-left:2.8rem; margin-bottom:2.2rem;}
    ul.nlist01 > li:before{width:2.2rem; height:2.2rem; line-height:2.2rem; font-size:0.9rem; top:-0.4rem;}


    /* D1100 */
    div.D1100 section.sect01 div.intro-main div.inner p.txt01{font-size:1.6rem;}
    div.D1100 section.sect01 div.intro-main div.inner p.txt02{font-size:1.15rem;}
    div.D1100 section.sect01 div.intro-main div.inner p.txt02 > br{display:none;}
    div.D1100 section.sect01 div.intro-detail div.detail-row{display:block; font-size:1rem; padding-top:0; border-top:0;}
    div.D1100 section.sect01 div.intro-detail div.detail-row span.dr-tit{min-width:unset; width:100%; text-align:left; padding:1rem; border-radius:1rem 1rem 0 1rem;}
    div.D1100 section.sect01 div.intro-detail div.detail-row span.dr-con{margin:0.5rem 0 0 1rem; word-break:normal;}
    div.D1100 section.sect02 div.about-bioall{display:block;}
    div.D1100 section.sect02 div.about-bioall div.ab-left{flex-direction:row; align-items:center; padding-top:0; justify-content:flex-start; gap:1rem; border-bottom:1px solid #fff; margin-bottom:2rem;}
    div.D1100 section.sect02 div.about-bioall div.ab-left div.edu-name{font-size:1.5rem;}
    div.D1100 section.sect02 div.about-bioall div.ab-right{padding:0 1rem; border-radius:0; background:transparent; backdrop-filter:unset;}
    div.D1100 section.sect02 div.about-bioall div.ab-right ul.about-list li span.list-t{opacity:.6;}

    /* D1110 */
    div.D1110 section.sect02:after{opacity:.5;}
    div.D1110 section.sect02 div.edu-vision p.vision-t{font-size:2rem; margin-bottom:2rem;}
    div.D1110 section.sect01 div.edu-name p.lg-name{font-size:2.8rem;}
    div.D1110 section.sect01 div.edu-name p.sm-name{font-size:1.6rem;}

    /* D1120 */
    div.D1120 section.sect01 div.edu-comp ul.comp-list li div.c-txt p.txt01{font-size:1.3rem;}
    div.D1120 section.sect01 div.edu-comp ul.comp-list li div.c-txt p.txt02{font-size:1rem;}

    /* D1140 */
    div.D1140 section.sect02 div.sect-left{position:static; width:100%; margin-bottom:2rem;}
    div.D1140 section.sect01 div.edu-company ul.logo-list li{height:5.5rem;}
    div.D1140 section.sect02 div.sect-right{width:100%; margin:0;}
    div.D1140 section.sect02 div.sect-right div.coo-point div.cp-box:nth-child(odd){transform:unset;}

    /* D1200 */
    div.D1200 section.sect01 div.intro-main div.inner p.txt01{font-size:1.6rem;}
    div.D1200 section.sect02 div.edu-organ-time div.organ-top ul.time-each{display:block;}
    div.D1200 section.sect02 div.edu-organ-time div.organ-top ul.time-each li{width:100%; margin-bottom:2rem;}
    div.D1200 section.sect02 div.edu-organ-time div.organ-top ul.time-each li:after{top:unset; right:unset; bottom:-2rem; left:50%; transform:translateX(-50%);}
    div.D1200 section.sect06 div.course-project-box ul.cp-list > li{display:block;}
    div.D1200 section.sect06 div.course-project-box ul.cp-list > li div.cp-con{margin-top:0; padding:1rem; padding-bottom:0;}

    /* D1210 */
    div.D1210 section.sect01 div.course-detail-table table.table01 div.course-main{display:block;}
    div.D1210 section.sect01 div.course-detail-table table.table01 div.course-main p{padding:0.5rem 0 1rem 0;}
    div.D1210 section.sect01 div.course-detail-table table.table01 ul.dlist02{margin:0;}

    /* D1400 */
    div.D1400 div.map-route-wrap div.map-route{display:block;}
    div.D1400 div.map-route-wrap div.map-route div.map-img{width:100%; height:fit-content;}
    div.D1400 div.map-route-wrap div.map-route div.route-img{width:100%;}
	div.D1400 div.map-route-wrap div.map-route div.route-img div.img{height:auto;}
    div.D1400 div.map-route-wrap div.route-table{width:100%;}

    /* D4100 */
    div.D4100 div.contact-wrap div.contact{width:100%;}

}
@media screen and (max-width:640px){

    /* sub layout & menu */
    div.sub-layout-new div.thema div.inner{top:55%;}

    /* D1110 */
    div.D1110 section.sect01 div.edu-name p.lg-name{font-size:2.5rem; padding:0; padding-bottom:1.5rem;}
    div.D1110 section.sect01 div.edu-name p.sm-name{font-size:1.5rem;}
    div.D1110 section.sect03 div.edu-mission ul.mission-list li{min-height:16rem;}
    div.D1110 section.sect03 div.edu-mission ul.mission-list li.mbox{padding:2.5rem;}
    div.D1110 section.sect03 div.edu-mission ul.mission-list li.mbox div.in-ico{width:3rem; height:3rem; bottom:2.5rem; right:2.5rem;}

    /* D1200 */
    div.D1200 section.sect04 ul.edu-way{gap:2rem 4%;}
    div.D1200 section.sect04 ul.edu-way li{width:48%; padding:1.5rem;}

    /* D1220 */
    div.D1220 div.info-box{gap:1rem;}
    div.D1220 div.info-box div.box{width:100%; padding:1.5rem; border-radius:1.5rem 1.5rem 0 1.5rem;}

}
@media screen and (max-width:480px){

    /* title */
    h4.sect-tit{font-size:1.35rem;}
    h4.sect-tit:before{width:2rem; height:2rem; line-height:2rem; border-radius:12px 12px 0 12px;}

    /* table */
    table.table01 thead th{padding:1.125rem;}
    table.table01 td{padding:1rem;}

    /* D1100 */
    div.D1100 section.sect01 div.intro-main div.inner{padding:4rem 2rem;}
    div.D1100 section.sect02 div.about-bioall div.ab-left div.edu-symbol{width:4rem; height:4rem;}
    div.D1100 section.sect02 div.about-bioall div.ab-left div.edu-name{font-size:1.3rem;}

    /* D1110 */
    div.D1110 section.sect03 div.edu-mission ul.mission-list li{width:100%;}
    div.D1110 section.sect03 div.edu-mission ul.mission-list li.mtit{height:auto; min-height:unset;}

    /* D1120 */
    div.D1120 section.sect01 div.edu-comp ul.comp-list{display:block;}
    div.D1120 section.sect01 div.edu-comp ul.comp-list li{width:100%; margin-bottom:2rem; padding-bottom:1rem; border-bottom:1px solid #ddd;}
    div.D1120 section.sect01 div.edu-comp ul.comp-list li:last-child{margin-bottom:0; padding-bottom:0; border-bottom:0;}
    div.D1120 section.sect01 div.edu-comp ul.comp-list li div.c-img{height:15rem;}

    /* D1130 */
    div.D1130 section.sect01 div.edu-effect div.effect-img{height:12rem;}
    div.D1130 section.sect01 div.edu-effect div.effect-txt h3.sect-tit{top:5rem;}

    /* D1140 */
    div.D1140 section.sect01 div.edu-company p.tit{font-size:1.8rem;}
    div.D1140 section.sect01 div.edu-company ul.logo-list{gap:1.5rem;}
    div.D1140 section.sect01 div.edu-company ul.logo-list li{height:5rem;}

    /* D1200 */
    div.D1200 section.sect01 div.intro-main div.inner{padding:4rem 2rem;}
    div.D1200 section.sect03 div.place-box{padding:3rem 0;}

}
@media screen and (max-width:400px){

    /* sub layout & menu */
    div.sub-layout-new div.thema p.edu-name{font-size:4rem;}
    div.sub-layout-new div.thema div.inner ul.breadcrumb{font-size:0.9rem;}

}
@media screen and (max-width:320px){

    /* sub layout & menu */
    div.sub-layout-new div.thema div.inner ul.breadcrumb{display:none;}

}