@charset "utf-8"; /****** SUB LAYOUT ******/ div.sub-layout{width:100%;} div.sub-layout div.thema{width:100%; height:26rem; position:relative; background:rgb(0,45,122); background:linear-gradient(90deg, rgba(0,45,122,1) 45%, rgba(242,82,22,1) 100%); overflow:hidden;} div.sub-layout div.thema:after{content:''; display:block; width:100%; height:100%; opacity:.15; z-index:10; animation:scaleDown 5s cubic-bezier(0.33, 0.88, 0.23, 1);} div.sub-layout div.thema div.inner{position:absolute; top:58%; left:50%; width:100%; text-align:center; transform:translate(-50%, -50%); color:#fff; z-index:20;} div.sub-layout div.thema div.inner p.eng{font-family:'Montserrat_L','Pretendard-Light',sans-serif; letter-spacing:5px; margin-bottom:0.5rem; margin-left:5px; animation:movetoDown 2s forwards;} div.sub-layout div.thema div.inner h2.tit{font-size:2.8rem; font-family:'Pretendard-SemiBold',sans-serif; animation:movetoUp 2s forwards;} div.sub-layout div.thema div.scroll-down{width:2px; height:6rem; position:absolute; background:rgba(255,255,255,0.2); bottom:0; left:50%; transform:translateX(-50%);} div.sub-layout div.thema div.scroll-down span.move-bar{width:2px; height:0.5rem; background:#fff; position:absolute; top:0; left:0; animation:scrollDown 3s infinite ease-out;} div.sub-layout div.thema01:after{background:url("/fro_end_eng/img/thema01.jpg")center/cover no-repeat;} div.sub-layout div.thema02:after{background:url("/fro_end_eng/img/thema02.jpg")center/cover no-repeat;} div.sub-layout div.thema03:after{background:url("/fro_end_eng/img/thema03.jpg")center 25%/cover no-repeat; } div.sub-layout div.thema04:after{background:url("/fro_end_eng/img/thema04.jpg")center/cover no-repeat; } div.sub-layout div.thema05:after{background:url("/fro_end_eng/img/thema05.jpg")center/cover no-repeat; } div.sub-layout div.thema06:after{background:url("/fro_end_eng/img/thema06.jpg")center/cover no-repeat; } div.sub-layout div.menu{width:100%; height:5rem; border-bottom:1px solid #ddd;} div.sub-layout div.menu.m6{height:6rem;} div.sub-layout div.menu ul{width:100%; height:100%; display:flex; align-items:center;} div.sub-layout div.menu ul li{width:100%; height:100%; font-size:1.2rem; word-break:keep-all; text-align:center; color:#777; letter-spacing:-0.3px;} div.sub-layout div.menu ul li a{width:100%; height:100%; display:flex; justify-content:center; align-items:center; position:relative; padding:0 1rem;} div.sub-layout div.menu ul li a:after{display:none; content:''; width:100%; height:3px; background:var(--color-main01); position:absolute; bottom:-1px; left:50%; transform:translateX(-50%);} div.sub-layout div.menu ul li.on{color:var(--color-main01); font-family:"Pretendard-Bold",sans-serif;} div.sub-layout div.menu ul li.on a:after{display:block;} div.sub-layout div.menu.m3 ul li{width:calc(100% / 3);} div.sub-layout div.menu.m4 ul li{width:calc(100% / 4);} div.sub-layout div.menu.m5 ul li{width:calc(100% / 5);} div.sub-layout div.menu.m6 ul li{width:calc(100% / 6);} div.sub-layout div.menu.m6 ul li:nth-child(4){font-size:1rem;} div.sub-layout div.menu.m6 ul li:nth-child(6){font-size:1rem;} div.sub-layout div.menu.m7 ul li{width:calc(100% / 7);} div.sub-layout div.sub-title{margin:7rem 0;} div.sub-layout div.sub-title ul.breadcrumb{display:flex; justify-content:center; align-items:center; margin-bottom:1rem; gap:1.5rem; font-size:0.95rem;} div.sub-layout div.sub-title ul.breadcrumb li{color:#999; position:relative;} div.sub-layout div.sub-title ul.breadcrumb li:after{content:''; display:block; width:4px; height:4px; background:#ccc; border-radius:50%; position:absolute; top:50%; right:-0.8rem; transform:translateY(-50%);} div.sub-layout div.sub-title ul.breadcrumb li.home{width:1rem; height:1rem; font-size:0; color:transparent; background:url("/fro_end_eng/img/ico_home.svg")center/100% auto no-repeat; opacity:.5;} div.sub-layout div.sub-title ul.breadcrumb li.last{color:var(--color-main01); font-family:"Pretendard-Bold",sans-serif;} div.sub-layout div.sub-title ul.breadcrumb li.last:after{display:none;} div.sub-layout div.sub-tab{width:1600px; margin:0 auto; margin-top:5rem;} div.sub-layout div.sub-tab ul{width:fit-content; margin:0 auto; gap:0.5rem; padding:0.5rem; display:flex; align-items:center; justify-content:center; border:1px solid #eee; background:#f7f7f7; border-radius:50px;} div.sub-layout div.sub-tab ul li{font-size:1.125rem; color:#777; border-radius:50px;} div.sub-layout div.sub-tab ul li a{width:100%; height:100%; padding:1rem 2rem;} div.sub-layout div.sub-tab ul li.on{background:var(--color-main01); color:#fff; font-family:"Pretendard-Bold",sans-serif;} /* D7100 sub-tab 영역 */ div.sub-layout div.sub-tab.D7100-subtab ul{width:80%; border:none; background:none; flex-wrap:wrap; column-gap:2rem; row-gap:1rem;} div.sub-layout div.sub-tab.D7100-subtab ul li{background:#f7f7f7; border:1px solid #eee;} div.sub-layout div.sub-tab.D7100-subtab ul li a{text-align:center; padding:1rem;} div.sub-layout div.sub-tab.D7100-subtab ul li.on{background:var(--color-main01);} div.sub-layout ul.sub-tab2{display:flex; align-items:Center; justify-content:center; margin-bottom:4rem; border-top:1px solid #ddd; border-bottom:1px solid #ddd;} div.sub-layout ul.sub-tab2 li{font-size:1.125rem; text-align:center; color:#777; transition:0.3s; -webkit-transition:0.3s;} div.sub-layout ul.sub-tab2 li a{padding:1.25rem 0; width:100%;} div.sub-layout ul.sub-tab2 li.on{font-family:'Pretendard-Bold',sans-serif; color:var(--color-main01);} div.sub-layout ul.sub-tab2 li.on a{position:relative;} div.sub-layout ul.sub-tab2 li.on a:before{content:''; display:block; width:100%; height:2px; background:var(--color-main01); position:absolute; top:-1px; left:0;} div.sub-layout ul.sub-tab2 li.on a:after{content:''; display:block; width:100%; height:2px; background:var(--color-main01); position:absolute; bottom:-1px; left:0;} div.sub-layout ul.sub-tab2.item2 li{width:calc(100% / 2);} div.sub-layout ul.sub-tab2.item3 li{width:calc(100% / 3);} div.sub-layout ul.sub-tab2.item4 li{width:calc(100% / 4);} div.sub-layout ul.sub-tab2.item5 li{width:calc(100% / 5);} @media(hover:hover){ div.sub-layout div.menu ul li:not(.on):hover{background:#f7f7f7; color:#333;} div.sub-layout div.sub-tab ul li:not(.on):hover{background:#eee;} div.sub-layout ul.sub-tab2 li:not(.on):hover{color:#333; font-family:'Pretendard-Bold',sans-serif;} } /****** SUB CONTAINER ******/ div.wrap.sub div.quick-menu{display:none;} div.wrap.sub div.container{margin-bottom:7rem;} /* title */ h3.sub-tit{font-size:3rem; font-family:'Pretendard-Bold',sans-serif; text-align:center; padding:0 1rem;} h3.sect-tit{font-size:2.25rem; font-family:'Pretendard-Bold',sans-serif; margin-bottom:2.25rem;} h4.sect-tit{font-size:1.5rem; font-family:'Pretendard-SemiBold',sans-serif; margin-bottom:0.65rem; padding-left:0.8rem; position:relative; color:var(--color-main01);} h4.sect-tit:before{content:''; display:block; width:3px; height:80%; background:var(--color-main01); position:absolute; top:10%; left:0;} /* Call For Application 하단 문구 추가 */ div.sub-layout div.sub-title p.sm-tit{text-align:center; margin-top:1rem;} /* list */ ul.list01{} ul.list01 > li{text-align:left; padding-left:0.8rem; margin-bottom:0.8rem; position:relative; font-size:1.125rem;} ul.list01 > li:before{content:''; display:block; width:4px; height:4px; background:var(--color-main01); border-radius:50%; position:absolute; top:0.5rem; left:0;} ul.list01 > li:last-child{margin-bottom:0;} ul.list02{} ul.list02 > li{text-align:left; font-size:1rem; position:relative; padding-left:1em; margin-bottom:0.5rem;} ul.list02 > li:last-child{margin-bottom:0;} ul.list02 > li:before{content:'-'; display:block; color:#777; font-size:1em; position:absolute; top:0; left:0;} ul.numlist01{} ul.numlist01 > li{text-align:left; position:relative; padding-left:2rem; margin-bottom:1.125rem; font-size:1rem;} ul.numlist01 > li:last-child{margin-bottom:0;} ul.numlist01 > li:before{content:''; display:block; width:1.5rem; height:1.5rem; line-height:1.5rem; font-size:0.8rem; font-family:'Montserrat_SB','Pretendard-SemiBold',sans-serif; text-align:center; color:#fff; background:#333; border-radius:50%; position:absolute; top:-1.5px; left:0;} ul[class*="numlist"] > li:nth-child(1):before{content:'1';} ul[class*="numlist"] > li:nth-child(2):before{content:'2';} ul[class*="numlist"] > li:nth-child(3):before{content:'3';} ul[class*="numlist"] > li:nth-child(4):before{content:'4';} ul[class*="numlist"] > li:nth-child(5):before{content:'5';} ul[class*="numlist"] > li:nth-child(6):before{content:'6';} ul[class*="numlist"] > li:nth-child(7):before{content:'7';} ul[class*="numlist"] > li:nth-child(8):before{content:'8';} ul[class*="numlist"] > li:nth-child(9):before{content:'9';} ul[class*="numlist"] > li:nth-child(10):before{content:'10';} /* 서브 공통 */ div.contents section.sect{position:relative; margin-bottom:7rem;} div.contents section.sect div.poster-wrap{padding-bottom:5rem; width:1024px; margin:0 auto;} div.contents section.sect div.poster-wrap > img{max-width:100%; margin:0 auto; display:block; vertical-align:bottom; box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;} /* D1100 */ div.D1100 section.sect01{padding:6rem 0 0;} div.D1100 section.sect01:before{content: ''; position: absolute; left: 0; top: 0; width: 100%; height:30rem; background: linear-gradient(90deg, rgba(0,45,122,1) 0%, rgba(0,204,255,1) 100%); background-size:400% 400%; animation:gradiBg 10s infinite linear;} div.D1100 section.sect01:after{content: ''; position: absolute; right:-7rem; top:1rem; width:30rem; height:30rem; background: url("/fro_end_eng/img/symbol.png")center/contain no-repeat; opacity:0.1; z-index:1;} div.D1100 section.sect01 div.greet-wrap{position: relative; display: flex; justify-content: flex-end; flex-wrap: wrap;} div.D1100 section.sect01 div.greet-img{position: absolute; left: 0; top: 0; width:26rem; height:32rem; border-radius:1rem; box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; background:#000; overflow:hidden; z-index:2;} div.D1100 section.sect01 div.greet-img img{width:100%; height:100%; object-fit:cover; opacity:.9;} div.D1100 section.sect01 div.greet-cont{padding-top:8rem; width:64%;} div.D1100 section.sect01 div.greet-cont div.greet-top{margin-bottom:5rem;} div.D1100 section.sect01 div.greet-cont div.greet-bot{padding-top:2rem;} div.D1100 section.sect01 div.greet-cont div.greet-top p{color: #fff;} div.D1100 section.sect01 div.greet-cont div.greet-top p.gt-big{font-family:'Pretendard-Bold',sans-serif; font-size:2.5rem; line-height:1.5;} div.D1100 section.sect01 div.greet-cont div.greet-top p.gt-small{margin-top:2.5rem; font-family:'Pretendard-Light',sans-serif; font-size: 1.5rem; letter-spacing:0.3px;} div.D1100 section.sect01 p.greet-txt{margin-top:2.5rem; font-size:1.25rem; line-height:1.6; word-break:keep-all;} div.D1100 section.sect01 div.greet-cont div.greet-bot p.greet-txt:first-child{margin-top: 0;} div.D1100 section.sect01 div.greet-txt-bot{width: 100%;} div.D1100 section.sect01 div.greet-txt-bot p.greet-name{margin-top:5rem; font-family:'Pretendard-ExtraBold',sans-serif; font-size:2rem; text-align:right;} div.D1100 section.sect01 div.greet-txt-bot p.greet-name span.small{display: inline-block; margin-right: 1rem; font-family:'Pretendard-Light',sans-serif; font-size:1.25rem; color:#777;} /* D1200 */ div.D1200 section.sect div.sect-intro{width:100%; height:17rem; position:relative; border-radius:2rem; overflow:hidden; background:#000;} div.D1200 section.sect div.sect-intro:before{content:''; display:block; width:100%; height:100%; background:url("/fro_end_eng/img/D1200_sect_intro.jpg")center 30%/cover no-repeat; opacity:.6; position:absolute; top:0; left:0;} div.D1200 section.sect div.sect-intro ul.hash-btn{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%;} div.D1200 section.sect div.sect-intro ul.hash-btn li{font-size:1.6rem; color:#fff; opacity:.7; font-family:'Pretendard-Medium',sans-serif; text-align:center; margin-bottom:1rem;} div.D1200 section.sect div.sect-intro ul.hash-btn li.on{opacity:1; transform:scale(1.3); font-family:'Pretendard-Bold',sans-serif;} div.D1200 section.sect02 div.plan-list{} div.D1200 section.sect02 div.plan-list div.plan{display:flex; align-items:center; justify-content:space-between; padding:4rem 3rem;} div.D1200 section.sect02 div.plan-list div.plan:nth-child(even){background:#f7f7f7; border-radius:2rem;} div.D1200 section.sect02 div.plan-list div.plan div.left{width:30%;} div.D1200 section.sect02 div.plan-list div.plan div.left p.year{margin-bottom:0.25rem; font-size:1.125rem; font-family:'Montserrat_B','Pretendard-Bold',sans-serif; color:var(--color-main01);} div.D1200 section.sect02 div.plan-list div.plan div.left p.tit{font-family:'Pretendard-Bold',sans-serif; font-size:1.8rem;} div.D1200 section.sect02 div.plan-list div.plan div.left p.inf{margin-top:3rem; color:#777; line-height:1.5;} div.D1200 section.sect02 div.plan-list div.plan div.right{width:70%; padding-left:2rem;} div.D1200 section.sect02 div.plan-list div.plan div.right ul.cir-list{display:flex; align-items:center; justify-content:space-between;} /*div.D1200 section.sect02 div.plan-list div.plan div.right ul.cir-list > li.cir{width:15rem; height:15rem; border:4px solid var(--color-main01); background:#fff; border-radius:50%; padding-top:2rem; position:relative; display:flex; align-items:center; justify-content:center;}*/ div.D1200 section.sect02 div.plan-list div.plan div.right ul.cir-list > li.cir{width:18rem; height:18rem; border:4px solid var(--color-main01); background:#fff; border-radius:50%; padding-top:2rem; position:relative; display:flex; justify-content:center; align-items:center;} div.D1200 section.sect02 div.plan-list div.plan div.right ul.cir-list > li.cir p.lab{color:var(--color-main01); position:absolute; top:2rem; left:50%; transform:translateX(-50%); width:80%; text-align:center; font-family:'Pretendard-Bold',sans-serif; font-size:1rem;} div.D1200 section.sect02 div.plan-list div.plan div.right ul.cir-list > li.cir ul.detail-con{width:90%;} div.D1200 section.sect02 div.plan-list div.plan div.right ul.cir-list > li.cir ul.detail-con li{text-align:center; margin-bottom:0.5rem; padding-bottom:0.5rem; border-bottom:1px dashed #ddd;} div.D1200 section.sect02 div.plan-list div.plan div.right ul.cir-list > li.cir ul.detail-con li:last-child{margin-bottom:0; padding-bottom:0; border-bottom:0;} div.D1200 section.sect02 div.plan-list div.plan div.right ul.cir-list > li.cir.cir02{border-color:var(--color-main03);} div.D1200 section.sect02 div.plan-list div.plan div.right ul.cir-list > li.cir.cir02 p.lab{color:var(--color-main03);} div.D1200 section.sect02 div.plan-list div.plan div.right ul.cir-list > li.cir.cir03{border-color:var(--color-main04);} div.D1200 section.sect02 div.plan-list div.plan div.right ul.cir-list > li.cir.cir03 p.lab{color:var(--color-main04);} div.D1200 section.sect02 div.plan-list div.plan2026 div.right ul.cir-list{justify-content:flex-end;} div.D1200 section.sect03 div.hist-wrap{} div.D1200 section.sect03 div.hist-wrap div.hist{display:flex; justify-content:space-between; padding:4rem 3rem;} div.D1200 section.sect03 div.hist-wrap div.hist:nth-child(even){background:#f7f7f7; border-radius:2rem;} div.D1200 section.sect03 div.hist-wrap div.hist div.year{width:35%; margin-top:-1rem;} div.D1200 section.sect03 div.hist-wrap div.hist div.year p.num{font-family:'Montserrat_B','Pretendard-Bold',sans-serif; color:var(--color-main01); font-size:5rem; letter-spacing:-0.5px;} div.D1200 section.sect03 div.hist-wrap div.hist div.year p.num > span.Mont_M{opacity:.2;} div.D1200 section.sect03 div.hist-wrap div.hist div.year div.compl{margin-top:0.5rem;} div.D1200 section.sect03 div.hist-wrap div.hist div.year div.compl p.tit{font-family:'Pretendard-SemiBold',sans-serif; font-size:1.5rem; display:flex; align-items:center; gap:0.5rem;} div.D1200 section.sect03 div.hist-wrap div.hist div.year div.compl p.tit a.compl-con-arrow{width:1em; height:1em; background:url("/fro_end_eng/img/ico_next.svg")center/100% auto no-repeat; transform:rotate(90deg);} div.D1200 section.sect03 div.hist-wrap div.hist div.year div.compl p.tit.on a.compl-con-arrow{transform:rotate(-90deg);} div.D1200 section.sect03 div.hist-wrap div.hist div.year div.compl div.con{font-size:0.9rem; margin-top:3rem; opacity:.8; display:none;} div.D1200 section.sect03 div.hist-wrap div.hist div.year div.compl div.con div.set{margin-bottom:1rem;} div.D1200 section.sect03 div.hist-wrap div.hist div.year div.compl div.con div.set:last-child{margin-bottom:0;} div.D1200 section.sect03 div.hist-wrap div.hist div.year div.compl div.con div.set p{margin-bottom:0.5rem; font-family:'Pretendard-SemiBold',sans-serif;} div.D1200 section.sect03 div.hist-wrap div.hist div.year div.compl div.con div.set ul.list02{} div.D1200 section.sect03 div.hist-wrap div.hist div.year div.compl div.con div.set ul.list02 li{font-size:0.85rem;} div.D1200 section.sect03 div.hist-wrap div.hist div.hist-list{width:60%;} div.D1200 section.sect03 div.hist-wrap div.hist div.hist-list div.list{display:flex; align-items:flex-start; font-size:1.125rem; padding-bottom:1rem; margin-bottom:1rem; border-bottom:1px dashed #ddd;} div.D1200 section.sect03 div.hist-wrap div.hist div.hist-list div.list:last-child{padding-bottom:0; border-bottom:0; margin-bottom:0;} div.D1200 section.sect03 div.hist-wrap div.hist div.hist-list div.list span.month{width:3rem; min-width:3rem; font-family:'Pretendard-Bold',sans-serif; padding-left:0.5rem; color:var(--color-main01);} div.D1200 section.sect03 div.hist-wrap div.hist div.hist-list div.list ul.history{} div.D1200 section.sect03 div.hist-wrap div.hist div.hist-list div.list ul.history li{margin-bottom:1rem;} div.D1200 section.sect03 div.hist-wrap div.hist div.hist-list div.list ul.history li:last-child{margin-bottom:0;} @media(hover:hover){ div.D1200 section.sect div.sect-intro ul.hash-btn li:not(.on):hover{opacity:1;} } /* D1300 */ div.D1300 section.sect01{text-align:center;} div.D1300 section.sect01 p.txt01{font-family:'Pretendard-Bold',sans-serif; font-size:2.25rem; margin-bottom:2rem; word-break:keep-all;} div.D1300 section.sect01 p.txt02{font-size:1.25rem; line-height:1.6;} div.D1300 section.sect02{padding:8rem 0; position:relative; background:#000;} div.D1300 section.sect02:before{content:''; display:block; width:2px; height:7rem; background:var(--color-main01); position:absolute; top:0; left:50%; transform:translateY(-50%);} div.D1300 section.sect02 div.fixed-bg{width:100%; height:100%; position:absolute; top:0; left:0; clip-path:inset(0);} div.D1300 section.sect02 div.fixed-bg div.bg{position:fixed; top:0; left:0; width:100%; height:100%; background:url("/fro_end_eng/img/D1300_sect02_bg.jpg")center/cover no-repeat; opacity:.5;} div.D1300 section.sect02 div.inner{position:relative; z-index:2;} div.D1300 section.sect02 div.inner div.sect-top{text-align:center; color:#fff;} div.D1300 section.sect02 div.inner div.sect-top p.eng{margin-bottom:1rem; font-family:'Montserrat_M',sans-serif; font-size:1.25rem; letter-spacing:1px;} div.D1300 section.sect02 div.inner div.sect-top h3.sect-tit{} div.D1300 section.sect02 div.inner div.sect-bot{margin:6rem 0 3rem 0;} div.D1300 section.sect02 div.inner div.sect-bot ul.box-list{display:flex; justify-content:space-between;} div.D1300 section.sect02 div.inner div.sect-bot ul.box-list li{width:23%; border:2px solid rgba(255,255,255,0.5); padding:3rem 1.5rem; border-radius:1rem; transition:0.3s; -webkit-transition:0.3s;} div.D1300 section.sect02 div.inner div.sect-bot ul.box-list li:hover{border-color:#fff;} div.D1300 section.sect02 div.inner div.sect-bot ul.box-list li div.ico{width:2.5rem; height:2.5rem; margin:0 auto; margin-bottom:2rem;} div.D1300 section.sect02 div.inner div.sect-bot ul.box-list li div.txt{text-align:center; color:#fff; font-size:1.125rem; line-height:1.4;} div.D1300 section.sect02 div.inner div.sect-bot ul.box-list li div.txt p{font-family:'Pretendard-Medium',sans-serif;} div.D1300 section.sect02 div.inner div.sect-bot ul.box-list li:nth-child(1) div.ico{background:url("/fro_end_eng/img/D1300_sect02_ico01.svg")center/100% auto no-repeat;} div.D1300 section.sect02 div.inner div.sect-bot ul.box-list li:nth-child(2) div.ico{background:url("/fro_end_eng/img/D1300_sect02_ico02.svg")center/100% auto no-repeat;} div.D1300 section.sect02 div.inner div.sect-bot ul.box-list li:nth-child(3) div.ico{background:url("/fro_end_eng/img/D1300_sect02_ico03.svg")center/100% auto no-repeat;} div.D1300 section.sect02 div.inner div.sect-bot ul.box-list li:nth-child(4) div.ico{background:url("/fro_end_eng/img/D1300_sect02_ico04.svg")center/100% auto no-repeat;} div.D1300 section.sect03 div.sect-con{} div.D1300 section.sect03 div.sect-con div.step-wrap{display:flex; align-items:flex-start; justify-content:space-between; position:relative;} div.D1300 section.sect03 div.sect-con div.step-wrap:before{content:''; display:block; width:100%; height:1px; border-bottom:1px dashed #aaa; position:absolute; top:11rem; left:0;} div.D1300 section.sect03 div.sect-con div.step-wrap div.step{width:33.33%;} div.D1300 section.sect03 div.sect-con div.step-wrap div.step div.circle{width:16rem; height:16rem; margin:3rem 0; background:#fff; margin-bottom:4rem; border-radius:50%; text-align:center; position:relative; border:4px solid var(--color-main01);} div.D1300 section.sect03 div.sect-con div.step-wrap div.step div.circle:after{content:''; display:block; width:1rem; height:1rem; background:#3f89ba; border-radius:50%; position:absolute; top:50%; right:-0.7rem; transform:translateY(-50%);} div.D1300 section.sect03 div.sect-con div.step-wrap div.step div.circle > p{width:100%; text-align:center; position:absolute; left:0; transform:translateY(-50%);} div.D1300 section.sect03 div.sect-con div.step-wrap div.step div.circle p.num{font-family:'Montserrat_B',sans-serif; color:#ccc; top:25%;} div.D1300 section.sect03 div.sect-con div.step-wrap div.step div.circle p.kor{font-size:1.5rem; font-family:'Pretendard-Bold',sans-serif; top:48%; height:4rem;} div.D1300 section.sect03 div.sect-con div.step-wrap div.step div.circle p.date{font-size:0.9rem; font-family:'Montserrat_R',sans-serif; top:80%;} div.D1300 section.sect03 div.sect-con div.step-wrap div.step ul.list01{padding-left:3rem;} div.D1300 section.sect03 div.sect-con div.step-wrap div.step.step01 div.circle{border-color:#3f89ba; box-shadow:0 0 0 8px rgba(0,45,122,0.08);} div.D1300 section.sect03 div.sect-con div.step-wrap div.step.step02 div.circle{border-color:#375fad; box-shadow:0 0 0 12px rgba(55,95,173,0.08);} div.D1300 section.sect03 div.sect-con div.step-wrap div.step.step02 div.circle:after{background:#375fad;} div.D1300 section.sect03 div.sect-con div.step-wrap div.step.step03 div.circle{box-shadow:0 0 0 20px rgba(0,45,122,0.08);} div.D1300 section.sect03 div.sect-con div.step-wrap div.step.step03 div.circle:after{display:none;} /* D1400 */ div.D1400 section.sect01{position:relative;} div.D1400 section.sect01:before{content:'K-NIBRT'; color:var(--color-main02); opacity:.08; position:absolute; top:-6rem; left:0; font-size:8rem; font-family:'Montserrat_B',sans-serif; width:100%; text-align:center; z-index:-1; letter-spacing:0.3px;} div.D1400 section.sect01 div.sect-con{} div.D1400 section.sect01 div.sect-con div.organ{} div.D1400 section.sect01 div.sect-con div.organ div.row{margin-bottom:3rem; display:flex; justify-content:center;} div.D1400 section.sect01 div.sect-con div.organ div.row div.top{background:#e5eaf1; font-size:1.125rem; font-family:'Pretendard-Medium',sans-serif; padding:1.5rem 1rem; border-radius:0.6rem; text-align:center; word-break:keep-all;} div.D1400 section.sect01 div.sect-con div.organ div.row div.top.gray{background:#f2f2f2; color:#6f6f6f;} div.D1400 section.sect01 div.sect-con div.organ div.row div.box{padding:1rem; border:1px solid #ddd; background:#fff; border-radius:0.8rem; margin-top:0.5rem;} div.D1400 section.sect01 div.sect-con div.organ div.row div.box ul.pos-list{} div.D1400 section.sect01 div.sect-con div.organ div.row div.box ul.pos-list li{display:flex; flex-wrap:wrap; margin-bottom:0.8rem; padding-bottom:0.8rem; border-bottom:1px dashed #ddd;} div.D1400 section.sect01 div.sect-con div.organ div.row div.box ul.pos-list li:last-child{margin-bottom:0; padding-bottom:0; border-bottom:0;} div.D1400 section.sect01 div.sect-con div.organ div.row div.box ul.pos-list li span.pos{font-family:'Pretendard-Bold',sans-serif; text-wrap:nowrap; width:100%; min-width:5rem;} div.D1400 section.sect01 div.sect-con div.organ div.row div.box ul.work-list{display:flex; flex-wrap:wrap;} div.D1400 section.sect01 div.sect-con div.organ div.row div.box ul.work-list li{font-size:0.85rem; width:50%; padding:0.125rem; position:relative; padding-left:0.45rem;} div.D1400 section.sect01 div.sect-con div.organ div.row div.box ul.work-list li.long{width:100%;} div.D1400 section.sect01 div.sect-con div.organ div.row div.box ul.work-list li:before{content:''; display:block; width:3px; height:3px; background:#aaa; position:absolute; top:0.3rem; left:0;} div.D1400 section.sect01 div.sect-con div.organ div.row.row01{display:block; width:30%; margin:0 auto; margin-bottom:3rem; position:relative;} div.D1400 section.sect01 div.sect-con div.organ div.row.row01:before{content:''; display:block; width:1px; height:100%; background:#ccc; position:absolute; top:87%; left:50%; transform:translateX(-50%); z-index:-1;} div.D1400 section.sect01 div.sect-con div.organ div.row.row01 div.top{font-size:1.3rem; padding:1.5rem 1rem; font-family:'Pretendard-Bold',sans-serif; color:#fff; background: rgb(0,45,122); background: linear-gradient(60deg, rgba(0,45,122,1) 0%, rgba(4,191,174,1) 100%);} div.D1400 section.sect01 div.sect-con div.organ div.row.row01 div.box{padding:1.5rem; border:2px solid #555;} div.D1400 section.sect01 div.sect-con div.organ div.row.row02{margin-left:50%; position:relative;} div.D1400 section.sect01 div.sect-con div.organ div.row.row02:before{content:''; display:block; width:50%; height:1px; background:#ccc; position:absolute; top:50%; left:0; transform:translateY(-50%); z-index:-1;} div.D1400 section.sect01 div.sect-con div.organ div.row.row02 div.top{font-family:'Pretendard-Bold',sans-serif; padding:1.25rem; border:2px solid var(--color-main01); background:#fff; font-size:1.125rem;} div.D1400 section.sect01 div.sect-con div.organ div.row.row03{position:relative;} div.D1400 section.sect01 div.sect-con div.organ div.row.row03:before{content:''; display:block; width:1px; height:100%; background:#ccc; position:absolute; top:116%; left:50%; transform:translateX(-50%); z-index:-1;} div.D1400 section.sect01 div.sect-con div.organ div.row.row03 div.top{font-family:'Pretendard-Bold',sans-serif; width:30%; background:var(--color-main01); color:#fff; padding:1.5rem 1rem; font-size:1.125rem;} div.D1400 section.sect01 div.sect-con div.organ div.row.row04{justify-content:space-between; align-items:flex-start; position:relative;} div.D1400 section.sect01 div.sect-con div.organ div.row.row04:before{content:''; display:block; width:100%; height:1px; background:#ccc; position:absolute; top:2rem; left:0;} div.D1400 section.sect01 div.sect-con div.organ div.row.row04 div.col{width:22%; position:relative;} div.D1400 section.sect01 div.sect-con div.organ div.row.row04 div.col:before{content:''; display:block; width:1px; height:90%; background:#ccc; position:absolute; top:0; left:50%; transform:translateX(-50%); z-index:-1;} div.D1400 section.sect01 div.sect-con div.organ div.row.row04 div.col div.item{margin-bottom:1rem;} div.D1400 section.sect02 div.sect-con div.table-wrap table.def-table tbody tr:hover{background:#f5f5f5;} div.D1400 section.sect02 div.sect-con div.table-wrap table.def-table tbody tr td:last-child{text-align:left;} /* D1500 */ div.D1500 section.sect01{} div.D1500 section.sect01 div.facility-wrap{} div.D1500 section.sect01 div.facility-wrap div.facility{display:flex; justify-content:space-between; margin-bottom:10rem;} div.D1500 section.sect01 div.facility-wrap div.facility:nth-child(even){flex-direction:row-reverse;} div.D1500 section.sect01 div.facility-wrap div.facility div.left-img{width:50%; height:28rem;} div.D1500 section.sect01 div.facility-wrap div.facility div.left-img div.img-slider div.slick-list, div.D1500 section.sect01 div.facility-wrap div.facility div.left-img div.img-slider div.slick-track{width:100%; height:100%;} div.D1500 section.sect01 div.facility-wrap div.facility div.left-img div.img-slider{width:100%; height:100%; position:relative;} div.D1500 section.sect01 div.facility-wrap div.facility div.left-img div.img-slider button.slick-arrow{width:3rem; height:100%; background:rgba(0,0,0,0.2); position:absolute; top:0; left:0; z-index:3; font-size:0; cursor:pointer; opacity:0; visibility:hidden; transition:0.4s; -webkit-transition:0.4s;} div.D1500 section.sect01 div.facility-wrap div.facility div.left-img div.img-slider button.slick-arrow.slick-next{left:unset; right:0;} div.D1500 section.sect01 div.facility-wrap div.facility div.left-img div.img-slider button.slick-arrow:after{content:''; display:block; width:1.5rem; height:1.5rem; background:url("/fro_end/img/ico_next_wh.svg")center/100% auto no-repeat; opacity:.8; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);} div.D1500 section.sect01 div.facility-wrap div.facility div.left-img div.img-slider button.slick-arrow.slick-prev:after{transform:translate(-50%, -50%) rotate(180deg);} div.D1500 section.sect01 div.facility-wrap div.facility div.left-img div.img-slider div.img{width:100%; height:100%;} div.D1500 section.sect01 div.facility-wrap div.facility div.left-img div.img-slider div.img img{width:100%; height:100%; object-fit:cover;} div.D1500 section.sect01 div.facility-wrap div.facility div.right-txt{width:45%; display:flex; flex-direction:column; justify-content:space-between;} div.D1500 section.sect01 div.facility-wrap div.facility div.right-txt div.top{margin-bottom:1rem;} div.D1500 section.sect01 div.facility-wrap div.facility div.right-txt div.top p.txt01{margin-bottom:1rem; font-size:1.65rem; font-family:'Pretendard-Bold',sans-serif;} div.D1500 section.sect01 div.facility-wrap div.facility div.right-txt div.top p.txt02{color:#6f6f6f; line-height:1.6; word-break:keep-all;} div.D1500 section.sect01 div.facility-wrap div.facility div.right-txt div.bot{} div.D1500 section.sect01 div.facility-wrap div.facility div.right-txt div.bot ul.etc-list{} div.D1500 section.sect01 div.facility-wrap div.facility div.right-txt div.bot ul.etc-list li{display:flex; justify-content:space-between; padding:0 0.25rem; margin-bottom:1rem; padding-bottom:1rem; border-bottom:1px dashed #ddd;} div.D1500 section.sect01 div.facility-wrap div.facility div.right-txt div.bot ul.etc-list li:last-child{margin-bottom:0; padding-bottom:0; border-bottom:none;} div.D1500 section.sect01 div.facility-wrap div.facility div.right-txt div.bot ul.etc-list li span.lab{width:25%;} div.D1500 section.sect01 div.facility-wrap div.facility div.right-txt div.bot ul.etc-list li span.con{width:75%; text-align:right; font-family:'Pretendard-Bold',sans-serif;} div.D1500 section.sect01 div.facility-wrap div.facility div.right-txt div.bot ul.floor-list{text-align:right; background:#f5f5f5; padding:0.5rem; margin-top:0.5rem; border-radius:5px;} div.D1500 section.sect01 div.facility-wrap div.facility div.right-txt div.bot ul.floor-list li{font-size:0.9rem; padding-bottom:0.5rem; margin-bottom:0.5rem; border-bottom:1px solid #ddd; display:flex; justify-content:space-between;} div.D1500 section.sect01 div.facility-wrap div.facility div.right-txt div.bot ul.floor-list li:last-child{border-bottom:none; padding-bottom:0; margin-bottom:0;} div.D1500 section.sect01 div.facility-wrap div.facility div.right-txt div.bot ul.floor-list li span.floor{font-family:'Pretendard-Bold',sans-serif; text-wrap:nowrap;} @media(hover:hover){ div.D1500 section.sect01 div.facility-wrap div.facility div.left-img div.img-slider:hover button.slick-arrow{opacity:1; visibility:visible;} } /* D1510 */ div.D1510 section.sect01 div.sect-con{padding-top:5rem;} div.D1510 section.sect01 div.sect-con.sect-con01{padding-top:0;} div.D1510 section.sect01 div.sect-con.sect-con02{padding-top:2rem;} div.D1510 section.sect01 div.sect-con.sect-con02 div.ycrf-box{display:flex; justify-content:center; align-items:center; padding:3rem; border-radius:2rem; background:rgba(0,45,122,0.04);} div.D1510 section.sect01 div.sect-con.sect-con02 div.ycrf-box div.img{} div.D1510 section.sect01 div.sect-con.sect-con02 div.ycrf-box div.img img{width:100%; height:100%; object-fit:contain;} div.D1510 section.sect01 div.sect-con.sect-con02 div.ycrf-box div.txt{padding-left:5rem;} div.D1510 section.sect01 div.sect-con.sect-con02 div.ycrf-box div.txt p{} div.D1510 section.sect01 div.sect-con.sect-con02 div.ycrf-box div.txt p.txt01{font-size:1.25rem; color:var(--color-main01); font-family:'Pretendard-Bold',sans-serif; margin-bottom:0.5rem;} div.D1510 section.sect01 div.sect-con.sect-con02 div.ycrf-box div.txt p.txt02{font-size:1.4rem;} div.D1510 section.sect01 div.sect-con.sect-con02 ul.sect-con-tab{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:0.5rem; margin-top:2rem;} div.D1510 section.sect01 div.sect-con.sect-con02 ul.sect-con-tab li{border:2px solid #ddd; color:#777; border-radius:5px; font-family:'Pretendard-Medium',sans-serif;} div.D1510 section.sect01 div.sect-con.sect-con02 ul.sect-con-tab li a{padding:0.4rem 0.8rem;} @media(hover:hover){ div.D1510 section.sect01 div.sect-con.sect-con02 ul.sect-con-tab li:hover{border-color:var(--color-main01); color:var(--color-main01);} } /* D1600 */ div.D1600 section.sect01{} div.D1600 section.sect01 div.map-wrap{display:flex; justify-content:space-between;} div.D1600 section.sect01 div.map-wrap div.left{width:29%;} div.D1600 section.sect01 div.map-wrap div.left ul.center-list{} div.D1600 section.sect01 div.map-wrap div.left ul.center-list li.list{border-radius:1rem; overflow:hidden; height:9rem; margin-bottom:0.8rem; position:relative; cursor:pointer; transition:0.3s; -webkit-transition:height 0.3s;} div.D1600 section.sect01 div.map-wrap div.left ul.center-list li.list span.prepare{position:absolute; top:1.5rem; left:1.5rem; color:#fff; z-index:3; font-size:12px; background:rgba(255,255,255,0.2); border-radius:50px; padding:5px 10px;} div.D1600 section.sect01 div.map-wrap div.left ul.center-list li.list div.img{width:100%; height:100%;} div.D1600 section.sect01 div.map-wrap div.left ul.center-list li.list div.img img{width:100%; height:100%; object-fit:cover;} div.D1600 section.sect01 div.map-wrap div.left ul.center-list li.list div.lab{display:flex; padding:1.5rem; width:100%; justify-content:flex-end; flex-direction:column; position:absolute; bottom:0; left:0; background:rgba(51,51,51,0.8); width:100%; height:100%; color:#fff;} div.D1600 section.sect01 div.map-wrap div.left ul.center-list li.list div.lab p.name{font-size:1.25rem; font-family:'Pretendard-Bold',sans-serif; position:relative; padding-right:1em;} div.D1600 section.sect01 div.map-wrap div.left ul.center-list li.list div.lab p.name:after{content:''; display:block; width:1em; height:1em; background:url("/fro_end_eng/img/ico_next_wh.svg")center/100% auto no-repeat; position:absolute; top:2px; right:0; opacity:.5;} div.D1600 section.sect01 div.map-wrap div.left ul.center-list li.list div.lab p.txt{opacity:0.8; font-size:0.9rem; display:none; margin-top:0.3rem;} div.D1600 section.sect01 div.map-wrap div.left ul.center-list li.list.on{height:16.5rem;} div.D1600 section.sect01 div.map-wrap div.left ul.center-list li.list.on div.lab{padding:1rem 1.5rem; height:35%; background:rgba(0,45,122,0.65); justify-content:center;} div.D1600 section.sect01 div.map-wrap div.left ul.center-list li.list.on div.lab p.name{padding-right:0;} div.D1600 section.sect01 div.map-wrap div.left ul.center-list li.list.on div.lab p.name:after{display:none;} div.D1600 section.sect01 div.map-wrap div.left ul.center-list li.list.on div.lab p.txt{display:block;} div.D1600 section.sect01 div.map-wrap div.right{width:70%;} div.D1600 section.sect01 div.map-wrap div.right div.center{width:100%; display:none;} div.D1600 section.sect01 div.map-wrap div.right div.center.on{display:block;} div.D1600 section.sect01 div.map-wrap div.right div.center div.map-box{width:100%; height:30rem; border-radius:1rem; overflow:hidden; margin-bottom:0.8rem;} div.D1600 section.sect01 div.map-wrap div.right div.center div.map-box iframe{width:100%; height:100%;} div.D1600 section.sect01 div.map-wrap div.right div.center div.map-box img{width:100%; height:100%; object-fit:cover;} div.D1600 section.sect01 div.map-wrap div.right div.center div.addr-box{display:flex; justify-content:space-between; align-items:center; padding:0 2rem; width:100%; height:5.2rem; color:#fff; border-radius:0.8rem; background:rgb(0,45,122); background:linear-gradient(60deg, rgba(0,45,122,1) 0%, rgba(4,191,174,1) 100%);} div.D1600 section.sect01 div.map-wrap div.right div.center div.addr-box div.addr{font-size:1.125rem;} div.D1600 section.sect01 div.map-wrap div.right div.center div.addr-box div.addr span.lab{font-family:'Pretendard-Bold',sans-serif; position:relative; padding-right:1rem; margin-right:1rem;} div.D1600 section.sect01 div.map-wrap div.right div.center div.addr-box div.addr span.lab:after{content:''; display:block; width:1px; height:80%; position:absolute; top:10%; right:0; background:#fff; opacity:.5;} div.D1600 section.sect01 div.map-wrap div.right div.center div.addr-box a.btn-gilsearch{padding:0.5rem 1rem; border:1px solid #fff; border-radius:5px; font-family:'Pretendard-Medium',sans-serif;} div.D1600 section.sect02{background:#f5f5f5; margin-bottom:0; padding:6rem 0; position:relative;} div.D1600 section.sect02:before{content:'DIRECTIONS'; font-size:8rem; font-family:'Montserrat_B','Pretendard-Bold',sans-serif; opacity:.1; color:#aaa; position:absolute; bottom:-2rem; left:0; width:100%;} div.D1600 section.sect02 div.inner{} div.D1600 section.sect02 div.inner ul.trans-list{display:flex; align-items:center; justify-content:space-between;} div.D1600 section.sect02 div.inner ul.trans-list li.trans{width:32%; background:#fff; border-radius:1rem; padding:2.5rem 3rem; text-align:center; box-shadow:rgba(51, 51, 51, 0.1) 0px 45px 80px 0px;} div.D1600 section.sect02 div.inner ul.trans-list li.trans div.ico{width:6rem; height:6rem; margin:0 auto; border-radius:50%; background:rgba(0,45,122,0.08); position:relative;} div.D1600 section.sect02 div.inner ul.trans-list li.trans div.ico img{width:35%; height:35%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);} div.D1600 section.sect02 div.inner ul.trans-list li.trans div.tit{margin-top:1rem; font-size:1.25rem; color:var(--color-main01);} div.D1600 section.sect02 div.inner ul.trans-list li.trans ul.how-list{margin-top:2rem;} div.D1600 section.sect02 div.inner ul.trans-list li.trans ul.how-list li{text-align:center; padding:0.65rem 0; word-break:keep-all; border-bottom:1px dashed #ddd; line-height:1.6;} div.D1600 section.sect02 div.inner ul.trans-list li.trans ul.how-list li:last-child{padding-bottom:0; border-bottom:0;} div.D1600 section.sect02 div.inner ul.trans-list li.trans.car div.ico{background:rgba(242,82,22,0.08);} div.D1600 section.sect02 div.inner ul.trans-list li.trans.car div.tit{color:var(--color-main02);} /* D1700 */ div.D1700 section.sect01{position:relative; color:#fff;} div.D1700 section.sect01:before{content:''; display:block; width:100%; height:77%; background:var(--color-main01); background:linear-gradient(60deg, rgba(0,45,122,1) 0%, rgba(4,191,174,1) 100%); background-size:400% 400%; animation:gradiBg 18s infinite linear; position:absolute; bottom:0; left:0; z-index:-1;} div.D1700 section.sect01 div.inner{} div.D1700 section.sect01 div.inner div.img-box{width:100%; height:20rem; border-radius:1.5rem; overflow:hidden; box-shadow:rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;} div.D1700 section.sect01 div.inner div.img-box img{width:100%; height:100%; object-fit:cover;} div.D1700 section.sect01 div.inner div.txt-box{padding:4rem 0 6rem 0; display:flex; justify-content:space-between;} div.D1700 section.sect01 div.inner div.txt-box div.left{width:40%; display:flex; flex-direction:column; justify-content:space-between;} div.D1700 section.sect01 div.inner div.txt-box div.left div.top{} div.D1700 section.sect01 div.inner div.txt-box div.left div.top p{} div.D1700 section.sect01 div.inner div.txt-box div.left div.top p.sm-t{font-family:'Montserrat_R',sans-serif; letter-spacing:1px; margin-bottom:0.5rem;} div.D1700 section.sect01 div.inner div.txt-box div.left div.top p.lg-t{font-size:1.7rem; font-family:'Montserrat_B',sans-serif;} div.D1700 section.sect01 div.inner div.txt-box div.left a.line-btn{background:#fff; font-size:1.125rem; color:var(--color-main01); font-family:'Pretendard-Medium',sans-serif; border-radius:0.5rem; padding:1rem 2rem; width:fit-content; position:relative; padding-right:4rem;} div.D1700 section.sect01 div.inner div.txt-box div.left a.line-btn:after{content:''; display:block; width:1em; height:1em; background:url("/fro_end_eng/img/ico_link_blue.svg")center/90% auto no-repeat; position:absolute; top:50%; right:2rem; transform:translateY(-50%);} div.D1700 section.sect01 div.inner div.txt-box div.right{width:56%; margin-top:2.5rem;} div.D1700 section.sect01 div.inner div.txt-box div.right ul.list01{} div.D1700 section.sect01 div.inner div.txt-box div.right ul.list01 li{margin-bottom:1.8rem; line-height:1.6; font-family:'Montserrat_M',sans-serif;} div.D1700 section.sect01 div.inner div.txt-box div.right ul.list01 li:last-child{margin-bottom:0;} div.D1700 section.sect01 div.inner div.txt-box div.right ul.list01 li:before{background:#fff; top:0.7rem;} div.D1700 section.sect02 div.sect-box{display:flex; justify-content:space-between; margin-bottom:7rem;} div.D1700 section.sect02 div.sect-box div.img{width:33%; height:19rem; border-radius:1rem; overflow:hidden;box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;} div.D1700 section.sect02 div.sect-box div.img img{width:100%; height:100%; object-fit:cover;} div.D1700 section.sect02 div.sect-box div.txt{width:56%;} div.D1700 section.sect02 div.sect-box div.txt h3.sect-tit{} div.D1700 section.sect02 div.sect-box div.txt div.txt-wrap{} div.D1700 section.sect02 div.sect-box div.txt div.txt-wrap > p{font-size:1.125rem; line-height:1.5; margin-bottom:1.5rem;} div.D1700 section.sect02 div.sect-box div.txt div.txt-wrap div.gray-box{background:#f5f5f5; padding:1rem; margin:-1rem 0 1rem 0;} div.D1700 section.sect02 div.sect-box div.txt div.txt-wrap div.gray-box ul.list01{display:flex; flex-wrap:wrap;} div.D1700 section.sect02 div.sect-box div.txt div.txt-wrap div.gray-box ul.list01 li{width:50%; font-size:1rem;} div.D1700 section.sect02 div.sect-box div.txt div.txt-wrap div.gray-box ul.list01 li:before{top:0.45rem;} /* D2100 */ div.D2100 section.sect01{position:relative; overflow:hidden;} div.D2100 section.sect01 div.grapic{} div.D2100 section.sect01 div.grapic div.item{width:25rem; height:25rem; background:url("/fro_end_eng/img/D2100_grapic.png")center/contain no-repeat; position:absolute;} div.D2100 section.sect01 div.grapic div.item1{opacity:.06; top:15%; left:-5%; animation:rotateGrapic 40s infinite linear;} div.D2100 section.sect01 div.grapic div.item2{opacity:.04; top:60%; left:80%; animation:rotateGrapic 20s infinite linear; transform:rotate(45deg) scale(1.35);} @keyframes rotateGrapic{ 0%{transform:rotate(0deg);} 100%{transform:rotate(180deg);} } div.D2100 section.sect01 div.inner div.sect-con div.develop-wrap{} div.D2100 section.sect01 div.inner div.sect-con div.develop-wrap div.develop{display:flex; justify-content:flex-end; margin:3rem 0; position:relative;} div.D2100 section.sect01 div.inner div.sect-con div.develop-wrap div.develop:before{content:''; display:block; width:70%; height:1px; background:#ddd; position:absolute; top:4rem; right:0; z-index:-1;} div.D2100 section.sect01 div.inner div.sect-con div.develop-wrap div.develop div.circle{width:13rem; min-width:13rem; height:13rem; border-radius:50%; font-size:1.125rem; line-height:1.5; margin:0 3rem; box-shadow:0 0 0 0.65rem rgba(242,82,22,0.1); padding:0 1rem; background:var(--color-main02); color:#fff; word-break:keep-all; display:flex; text-align:center; flex-direction:column; align-items:center; justify-content:center;} div.D2100 section.sect01 div.inner div.sect-con div.develop-wrap div.develop div.step{width:55%; padding-top:1.5rem;} div.D2100 section.sect01 div.inner div.sect-con div.develop-wrap div.develop div.step div.step-tit{font-size:1.5rem; font-family:'Pretendard-Bold',sans-serif; color:var(--color-main02); margin-bottom:2rem;} div.D2100 section.sect01 div.inner div.sect-con div.develop-wrap div.develop div.step div.step-tit span.num{ font-family:'Montserrat_B',sans-serif; margin-right:0.5rem; opacity:.3;} div.D2100 section.sect01 div.inner div.sect-con div.develop-wrap div.develop div.step div.step-con{padding-left:2.8rem;} div.D2100 section.sect01 div.inner div.sect-con div.develop-wrap div.develop div.step div.step-con div.row{margin-top:1rem;} div.D2100 section.sect01 div.inner div.sect-con div.develop-wrap div.develop div.step div.step-con div.row p{font-family:'Pretendard-Bold',sans-serif; font-size:1rem; margin-bottom:0.5rem;} div.D2100 section.sect01 div.inner div.sect-con div.develop-wrap div.develop div.step div.step-con div.row ul.list02 li{font-size:0.95rem; color:#777;} div.D2100 section.sect01 div.inner div.sect-con div.develop-wrap div.develop.develop01{margin-left:0;} div.D2100 section.sect01 div.inner div.sect-con div.develop-wrap div.develop.develop01:before{width:100%;} div.D2100 section.sect01 div.inner div.sect-con div.develop-wrap div.develop.develop01 div.circle{order:2; background:#3f89ba; box-shadow:0 0 0 0.65rem rgba(63,137,186,0.1);} div.D2100 section.sect01 div.inner div.sect-con div.develop-wrap div.develop.develop01 div.step01{order:1; width:26%;} div.D2100 section.sect01 div.inner div.sect-con div.develop-wrap div.develop.develop01 div.step01 div.step-tit{color:#9f9f9f;} div.D2100 section.sect01 div.inner div.sect-con div.develop-wrap div.develop.develop01 div.step02{order:3;} div.D2100 section.sect01 div.inner div.sect-con div.develop-wrap div.develop.develop01 div.step02 div.step-tit{color:#3f89ba;} div.D2100 section.sect01 div.inner div.sect-con div.develop-wrap div.develop.develop02 div.circle{background:var(--color-main01); box-shadow:0 0 0 0.65rem rgba(0,45,122,0.1);} div.D2100 section.sect01 div.inner div.sect-con div.develop-wrap div.develop.develop02 div.step03 div.step-tit{color:var(--color-main01);} div.D2100 section.sect01 div.inner div.sect-con div.develop-wrap div.concect-end{background:#eee; font-size:1.125rem; margin:5rem 0; display:block; width:100%; text-align:center; padding:1rem 2rem; border-radius:50px;} div.D2100 section.sect02{background:#000; color:#fff; padding:6rem 0; position:relative; margin-bottom:0;} div.D2100 section.sect02 div.fixed-bg{width:100%; height:100%; position:absolute; top:0; left:0; clip-path:inset(0);} div.D2100 section.sect02 div.fixed-bg div.bg{position:fixed; top:0; left:0; width:100%; height:100%; background:url("/fro_end_eng/img/D2100_sect02_bg.jpg")center/cover no-repeat; opacity:.4;} div.D2100 section.sect02 div.inner{position:relative; z-index:2;} div.D2100 section.sect02 div.inner h3.sect-tit > span.Pretd_L{display:block; margin-bottom:0.5rem;} div.D2100 section.sect02 div.inner div.sect-con div.diagram-wrap{position:relative; display:flex; flex-wrap:wrap;} div.D2100 section.sect02 div.inner div.sect-con div.diagram-wrap div.center{display:flex; align-items:center; text-shadow:0 2px 4px rgba(0,0,0,0.2); justify-content:center; text-align:center; line-height:1.5; box-shadow:0 0 0 2rem rgba(255,255,255,0.1); animation:centerShadow 4s infinite; font-size:1.5rem; font-family:'Pretendard-Bold',sans-serif; width:15rem; height:15rem; border-radius:50%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background:rgba(255,255,255,0.25);} div.D2100 section.sect02 div.inner div.sect-con div.diagram-wrap div.diagram{display:flex; align-items:center; transform:translateY(-3rem); width:50%; position:relative; z-index:3;} div.D2100 section.sect02 div.inner div.sect-con div.diagram-wrap div.diagram div.cir-tit{font-size:0.95rem; word-break:keep-all; text-align:center; display:flex; padding:0 1rem; line-height:1.5; align-items:center; justify-content:center; width:10rem; min-width:10rem; height:10rem; font-family:'Pretendard-SemiBold',sans-serif; background:var(--color-main01); border-radius:50%; color:#fff; box-shadow: rgba(0, 0, 0, 0.25) 0px 15px 50px -12px;} div.D2100 section.sect02 div.inner div.sect-con div.diagram-wrap div.diagram ul.txt-list{margin-left:2rem;} div.D2100 section.sect02 div.inner div.sect-con div.diagram-wrap div.diagram ul.txt-list li{font-size:0.95rem; margin-bottom:0.65rem; padding-bottom:0.65rem; border-bottom:1px dashed rgba(255,255,255,0.2); word-break:keep-all;} div.D2100 section.sect02 div.inner div.sect-con div.diagram-wrap div.diagram ul.txt-list li:last-child{margin-bottom:0; border-bottom:0; padding-bottom:0;} div.D2100 section.sect02 div.inner div.sect-con div.diagram-wrap div.diagram01{width:100%; margin-bottom:10rem; margin-left:40rem; transform:translateY(0);} div.D2100 section.sect02 div.inner div.sect-con div.diagram-wrap div.diagram02{flex-direction:row-reverse; padding-right:4rem;} div.D2100 section.sect02 div.inner div.sect-con div.diagram-wrap div.diagram02 div.cir-tit{background:var(--color-main02);} div.D2100 section.sect02 div.inner div.sect-con div.diagram-wrap div.diagram02 ul.txt-list{margin-left:0; margin-right:2rem; text-align:right;} div.D2100 section.sect02 div.inner div.sect-con div.diagram-wrap div.diagram03{padding-left:4rem;} div.D2100 section.sect02 div.inner div.sect-con div.diagram-wrap div.diagram03 div.cir-tit{background:var(--color-main03);} @keyframes centerShadow{ 0%{box-shadow:0 0 0 1rem rgba(255,255,255,0.1);} 100%{box-shadow:0 0 0 5rem rgba(255,255,255,0.1);} } /* D2110 */ div.D2110 section.sect01 div.network-wrap{display:flex; justify-content:space-between;} div.D2110 section.sect01 div.network-wrap div.network{width:32%;} div.D2110 section.sect01 div.network-wrap div.network div.top{padding:1.5rem; background:var(--color-main01); border-radius:0.5rem; margin-bottom:0.5rem; position:relative;} div.D2110 section.sect01 div.network-wrap div.network div.top div.ico{width:1.8rem; height:1.8rem; margin:0 auto; margin-bottom:0.5rem; position:absolute; top:50%; right:1.5rem; transform:translateY(-50%);} div.D2110 section.sect01 div.network-wrap div.network div.top p{font-size:1.25rem; font-family:'Pretendard-Bold',sans-serif; color:#fff;} div.D2110 section.sect01 div.network-wrap div.network div.bot{padding:1.5rem; border:1px solid #ddd; border-radius:0.5rem;} div.D2110 section.sect01 div.network-wrap div.network.network01 div.top div.ico{background:url("/fro_end_eng/img/D2110_sect01_ico01.svg")center/100% auto no-repeat;} div.D2110 section.sect01 div.network-wrap div.network.network02 div.top div.ico{background:url("/fro_end_eng/img/D2110_sect01_ico02.svg")center/100% auto no-repeat;} div.D2110 section.sect01 div.network-wrap div.network.network03 div.top div.ico{background:url("/fro_end_eng/img/D2110_sect01_ico03.svg")center/100% auto no-repeat;} div.D2110 section.sect02 div.logo-wrap{margin-bottom:2rem; background:linear-gradient(60deg, rgba(0,45,122,1) 0%, rgba(4,191,174,1) 100%); background-size:400% 400%; animation:gradiBg 10s infinite; padding:2.5rem 0; position:relative; overflow:hidden;} div.D2110 section.sect02 div.logo-wrap:before{content:'K-NIBRT'; color:#fff; position:absolute; bottom:-3rem; right:0; letter-spacing:-0.3px; font-size:9rem; font-family:'Montserrat_EB',sans-serif; opacity:0.2;} div.D2110 section.sect02 div.logo-wrap div.inner{} div.D2110 section.sect02 div.logo-wrap div.inner ul.logo-list{display:flex; flex-wrap:wrap; justify-content:center;} div.D2110 section.sect02 div.logo-wrap div.inner ul.logo-list li{width:13.4%; margin:0.8rem 0; margin-right:1%; border-radius:0.5rem; height:4rem; background:rgba(255,255,255,0.8); position:relative; transition:0.3s; -webkit-transition:0.3s;} div.D2110 section.sect02 div.logo-wrap div.inner ul.logo-list li:hover{background:#fff;} div.D2110 section.sect02 div.logo-wrap div.inner ul.logo-list li:nth-child(7n){margin-right:0;} div.D2110 section.sect02 div.logo-wrap div.inner ul.logo-list li img{width:80%; height:100%; object-fit:contain; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);} div.D2110 section.sect03 div.sect-con div.world-wrap{position:relative; height:37rem;} div.D2110 section.sect03 div.sect-con div.world-wrap div.world-bg{width:100%; height:100%;} div.D2110 section.sect03 div.sect-con div.world-wrap div.world-bg img{width:100%; height:100%; object-fit:contain;} div.D2110 section.sect03 div.sect-con div.world-wrap div.world-txt{position:absolute; top:0; left:0; width:100%; height:100%;} div.D2110 section.sect03 div.sect-con div.world-wrap div.world-txt div.wt{position:absolute; width:22rem; border:3px solid; padding:1rem; border-radius:0.5rem; background:#fff;} div.D2110 section.sect03 div.sect-con div.world-wrap div.world-txt div.wt ul.list02{} div.D2110 section.sect03 div.sect-con div.world-wrap div.world-txt div.wt ul.list02 li{font-size:0.95rem;} div.D2110 section.sect03 div.sect-con div.world-wrap div.world-txt div.wt.wt01{top:10%; left:12%; border-color:var(--color-main03);} div.D2110 section.sect03 div.sect-con div.world-wrap div.world-txt div.wt.wt01:after{content:''; display:block; width:2px; height:2rem; background:var(--color-main03); position:absolute; bottom:-2rem; left:10rem;} div.D2110 section.sect03 div.sect-con div.world-wrap div.world-txt div.wt.wt02{top:65%; left:35%; border-color:var(--color-main02);} div.D2110 section.sect03 div.sect-con div.world-wrap div.world-txt div.wt.wt02:after{content:''; display:block; width:2px; height:2rem; background:var(--color-main02); position:absolute; top:-2rem; left:2.5rem;} div.D2110 section.sect03 div.sect-con div.world-wrap div.world-txt div.wt.wt03{top:25%; left:76%; border-color:var(--color-main04);} div.D2110 section.sect03 div.sect-con div.world-wrap div.world-txt div.wt.wt03:after{content:''; display:block; width:2rem; height:2px; background:var(--color-main04); position:absolute; top:4rem; left:-2rem;} /* D2120 */ div.D2120 section.sect01 div.sect-con{} div.D2120 section.sect01 div.sect-con div.lab-field{display:flex; flex-wrap:wrap; justify-content:space-between; position:relative; margin-top:4rem;} div.D2120 section.sect01 div.sect-con div.lab-field:before{content:''; display:block; width:12rem; height:12rem; background:url("/fro_end_eng/img/logo.png")center/contain no-repeat; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);} div.D2120 section.sect01 div.sect-con div.lab-field div.lab{width:40%; background:#000; color:#fff; padding:2.5rem; border-radius:2rem; position:relative; overflow:hidden; min-height:20rem; margin-bottom:8rem;} div.D2120 section.sect01 div.sect-con div.lab-field div.lab:before{content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0; opacity:.3; transition:0.3s; -webkit-transition:0.3s;} div.D2120 section.sect01 div.sect-con div.lab-field div.lab div.lab-inner{position:relative; z-index:2;} div.D2120 section.sect01 div.sect-con div.lab-field div.lab div.lab-inner div.top{padding-bottom:1rem; border-bottom:1px solid rgba(255,255,255,0.2);} div.D2120 section.sect01 div.sect-con div.lab-field div.lab div.lab-inner div.top p.eng{font-family:'Montserrat_R',sans-serif; margin-bottom:0.5rem; opacity:.6; letter-spacing:2px;} div.D2120 section.sect01 div.sect-con div.lab-field div.lab div.lab-inner div.top p.kor{text-shadow:0 3px 5px rgba(0,0,0,0.3); font-size:1.5rem; font-family:'Pretendard-Bold',sans-serif; line-height:1.4;} div.D2120 section.sect01 div.sect-con div.lab-field div.lab div.lab-inner div.bot{} div.D2120 section.sect01 div.sect-con div.lab-field div.lab div.lab-inner div.bot ul.lab-detail{display:flex; flex-wrap:wrap;} div.D2120 section.sect01 div.sect-con div.lab-field div.lab div.lab-inner div.bot ul.lab-detail li{width:50%; padding:0 0.5rem; padding-left:1rem; margin-top:1rem; font-family:'Pretendard-Light',sans-serif; position:relative;} div.D2120 section.sect01 div.sect-con div.lab-field div.lab div.lab-inner div.bot ul.lab-detail li:before{content:''; display:block; width:4px; height:4px; background:#fff; border-radius:50%; position:absolute; top:0.4rem; left:0.2rem; opacity:.4;} div.D2120 section.sect01 div.sect-con div.lab-field div.lab.lab01:before{background:url("/fro_end_eng/img/D2120_sect01_img01.jpg")center/cover no-repeat;} div.D2120 section.sect01 div.sect-con div.lab-field div.lab.lab02:before{background:url("/fro_end_eng/img/D2120_sect01_img02.jpg")center/cover no-repeat;} div.D2120 section.sect01 div.sect-con div.lab-field div.lab.lab03{margin-bottom:0;} div.D2120 section.sect01 div.sect-con div.lab-field div.lab.lab03:before{background:url("/fro_end_eng/img/D2120_sect01_img03.jpg")center/cover no-repeat;} div.D2120 section.sect01 div.sect-con div.lab-field div.lab.lab04{margin-bottom:0;} div.D2120 section.sect01 div.sect-con div.lab-field div.lab.lab04:before{background:url("/fro_end_eng/img/D2120_sect01_img04.jpg")center/cover no-repeat;} div.D2120 section.sect01 div.sect-con div.lab-field div.line-wrap{position:absolute; top:0; left:0; width:100%; height:100%;} div.D2120 section.sect01 div.sect-con div.lab-field div.line-wrap div.line{position:absolute; background:#f2f5fa; text-align:center; color:var(--color-main01); font-size:1.125rem; display:flex; justify-content:center; align-items:center;} div.D2120 section.sect01 div.sect-con div.lab-field div.line-wrap div.line.top{width:100%; height:6rem; left:0; top:7rem;} div.D2120 section.sect01 div.sect-con div.lab-field div.line-wrap div.line.top div.inner-t{width:20%;} div.D2120 section.sect01 div.sect-con div.lab-field div.line-wrap div.line.bot{width:100%; height:6rem; left:0; bottom:7rem;} div.D2120 section.sect01 div.sect-con div.lab-field div.line-wrap div.line.bot div.inner-t{width:20%;} div.D2120 section.sect01 div.sect-con div.lab-field div.line-wrap div.line.left{width:6rem; height:100%; top:0; left:14rem;} div.D2120 section.sect01 div.sect-con div.lab-field div.line-wrap div.line.right{width:6rem; height:100%; top:0; right:14rem;} @media(hover:hover){ div.D2120 section.sect01 div.sect-con div.lab-field div.lab:hover{} div.D2120 section.sect01 div.sect-con div.lab-field div.lab:hover:before{opacity:0.5; transform:scale(1.2);} } div.D2120 section.sect02{margin-bottom:0; background:#f5f5f5; padding:6rem 0;} div.D2120 section.sect02 div.inner{} div.D2120 section.sect02 div.inner div.other-lab{} div.D2120 section.sect02 div.inner div.other-lab div.box{background:#fff; border:1px solid #eee; border-radius:1rem; padding:3rem; display:flex; align-items:center; margin-bottom:1rem; justify-content:space-between; overflow:hidden; position:relative;} div.D2120 section.sect02 div.inner div.other-lab div.box:last-child{margin-bottom:0;} div.D2120 section.sect02 div.inner div.other-lab div.box:before{content:''; display:block; width:12rem; height:12rem; position:absolute; bottom:-2rem; left:-2rem; opacity:.03; transform:rotate(20deg);} div.D2120 section.sect02 div.inner div.other-lab div.box div.top{width:25%;} div.D2120 section.sect02 div.inner div.other-lab div.box div.top p.num{font-size:1.2rem; font-family:'Montserrat_B',sans-serif; color:var(--color-main01); margin-bottom:1rem;} div.D2120 section.sect02 div.inner div.other-lab div.box div.top p.name{font-size:1.5rem; font-family:'Pretendard-Bold',sans-serif;} div.D2120 section.sect02 div.inner div.other-lab div.box div.bot{width:73%;} div.D2120 section.sect02 div.inner div.other-lab div.box div.bot ul.list01{} div.D2120 section.sect02 div.inner div.other-lab div.box div.bot ul.list01 li{} div.D2120 section.sect02 div.inner div.other-lab div.box.box01:before{background:url("/fro_end_eng/img/D2120_sect02_ico01.svg")center/contain no-repeat;} div.D2120 section.sect02 div.inner div.other-lab div.box.box02:before{background:url("/fro_end_eng/img/D2120_sect02_ico02.svg")center/contain no-repeat;} div.D2120 section.sect02 div.inner div.other-lab div.box.box03:before{background:url("/fro_end_eng/img/D2120_sect02_ico03.svg")center/contain no-repeat;} /* D2130 */ div.D2130 section.sect01{} div.D2130 section.sect01 div.sect-con{margin-top:4rem; display:flex; justify-content:space-between; align-items:center;} div.D2130 section.sect01 div.sect-con div.rel-wrap{display:flex; flex-direction:column; align-items:center; width:30%;} div.D2130 section.sect01 div.sect-con div.rel-wrap div.circle{width:13rem; height:13rem; min-width:13rem; background:#fff; color:var(--color-main01); text-align:center; display:flex; flex-direction:column; align-items:center; justify-content:center; border:5px solid var(--color-main01); border-radius:50%;} div.D2130 section.sect01 div.sect-con div.rel-wrap div.circle p.txt01{font-family:'Pretendard-bold',sans-serif; font-size:1.8rem;} div.D2130 section.sect01 div.sect-con div.rel-wrap div.circle p.txt02{margin-top:0.25rem; opacity:.8; letter-spacing:-0.3px;} div.D2130 section.sect01 div.sect-con div.rel-wrap div.circle.circle02{background:var(--color-main01); color:#fff;} div.D2130 section.sect01 div.sect-con div.rel-wrap div.circle.circle02 p.txt01{font-size:1.5rem;} div.D2130 section.sect01 div.sect-con div.rel-wrap div.between{width:100%; height:12rem; display:flex; justify-content:space-between; gap:1rem;} div.D2130 section.sect01 div.sect-con div.rel-wrap div.between span.txt{display:block; height:100%; width:50%; font-family:'Pretendard-Medium',sans-serif; position:relative; word-break:keep-all; display:flex; align-items:center;} div.D2130 section.sect01 div.sect-con div.rel-wrap div.between span.txt:before{content:''; display:block; width:3px; height:80%; background:#999; position:absolute; top:10%;} div.D2130 section.sect01 div.sect-con div.rel-wrap div.between span.txt:after{content:''; display:block; width:3px; height:1rem; background:#999; position:absolute; transform:rotate(30deg);} div.D2130 section.sect01 div.sect-con div.rel-wrap div.between span.txt.t-left{text-align:right; justify-content:flex-end; padding-right:1rem;} div.D2130 section.sect01 div.sect-con div.rel-wrap div.between span.txt.t-left:before{right:0;} div.D2130 section.sect01 div.sect-con div.rel-wrap div.between span.txt.t-left:after{top:10%; right:4px;} div.D2130 section.sect01 div.sect-con div.rel-wrap div.between span.txt.t-right{padding-left:1rem; color:var(--color-main01);} div.D2130 section.sect01 div.sect-con div.rel-wrap div.between span.txt.t-right:before{left:0; background:var(--color-main01);} div.D2130 section.sect01 div.sect-con div.rel-wrap div.between span.txt.t-right:after{bottom:10%; left:4px; background:var(--color-main01);} div.D2130 section.sect01 div.sect-con div.goal-wrap{width:60%; background:#f5f5f5; border-radius:2rem; overflow:hidden;} div.D2130 section.sect01 div.sect-con div.goal-wrap p.goal-tit{text-align:center; padding:1.25rem; background:var(--color-main01); letter-spacing:0.5px; color:#fff; font-size:1.5rem;} div.D2130 section.sect01 div.sect-con div.goal-wrap div.goal-con{padding:3rem;} div.D2130 section.sect01 div.sect-con div.goal-wrap div.goal-con div.goal{display:flex; justify-content:space-between; align-items:center; margin-bottom:1.5rem; padding-bottom:1.5rem; border-bottom:1px solid #ddd;} div.D2130 section.sect01 div.sect-con div.goal-wrap div.goal-con div.goal:last-child{margin-bottom:0; padding-bottom:0; border-bottom:none;} div.D2130 section.sect01 div.sect-con div.goal-wrap div.goal-con div.goal div.lab{width:20%; text-align:center;} div.D2130 section.sect01 div.sect-con div.goal-wrap div.goal-con div.goal div.lab p.lab-t{font-family:'Pretendard-Bold',sans-serif; font-size:1.25rem;} div.D2130 section.sect01 div.sect-con div.goal-wrap div.goal-con div.goal div.lab p.lab-t:before{content:''; display:block; width:2rem; height:2rem; margin:0 auto; margin-bottom:0.5rem;} div.D2130 section.sect01 div.sect-con div.goal-wrap div.goal-con div.goal div.lab p.lab-c{color:#777; margin-top:0.25rem; font-size:0.9rem;} div.D2130 section.sect01 div.sect-con div.goal-wrap div.goal-con div.goal.goal01 div.lab p.lab-t:before{background:url("/fro_end_eng/img/D2130_sect01_ico01.svg")center/100% auto no-repeat;} div.D2130 section.sect01 div.sect-con div.goal-wrap div.goal-con div.goal.goal02 div.lab p.lab-t:before{background:url("/fro_end_eng/img/D2130_sect01_ico02.svg")center/100% auto no-repeat;} div.D2130 section.sect01 div.sect-con div.goal-wrap div.goal-con div.goal.goal03 div.lab p.lab-t:before{background:url("/fro_end_eng/img/D2130_sect01_ico03.svg")center/100% auto no-repeat;} div.D2130 section.sect01 div.sect-con div.goal-wrap div.goal-con div.goal ul.chart{width:75%; display:flex; align-items:flex-end;} div.D2130 section.sect01 div.sect-con div.goal-wrap div.goal-con div.goal ul.chart li{width:30%;} div.D2130 section.sect01 div.sect-con div.goal-wrap div.goal-con div.goal ul.chart li div.count{width:50%; margin:0 auto; border-radius:5px; font-family:'Pretendard-Medium',sans-serif; color:#fff; height:2rem; text-align:center; padding-top:3px;} div.D2130 section.sect01 div.sect-con div.goal-wrap div.goal-con div.goal ul.chart li p.year{text-align:center; font-family:'Montserrat_SB',sans-serif; font-size:0.95rem; margin-top:0.15rem;} div.D2130 section.sect01 div.sect-con div.goal-wrap div.goal-con div.goal ul.chart li:nth-child(1) div.count{background:#3f89ba;} div.D2130 section.sect01 div.sect-con div.goal-wrap div.goal-con div.goal ul.chart li:nth-child(2) div.count{background:var(--color-main03);} div.D2130 section.sect01 div.sect-con div.goal-wrap div.goal-con div.goal ul.chart li:nth-child(3) div.count{background:var(--color-main02);} div.D2130 section.sect01 div.sect-con div.goal-wrap div.goal-con div.goal.goal01 ul.chart li:nth-child(1) div.count{height:1.5rem; padding-top:0;} div.D2130 section.sect01 div.sect-con div.goal-wrap div.goal-con div.goal.goal01 ul.chart li:nth-child(2) div.count{height:5rem;} div.D2130 section.sect01 div.sect-con div.goal-wrap div.goal-con div.goal.goal01 ul.chart li:nth-child(3) div.count{height:7rem;} div.D2130 section.sect01 div.sect-con div.goal-wrap div.goal-con div.goal.goal02 ul.chart li:nth-child(1) div.count{height:2.5rem;} div.D2130 section.sect01 div.sect-con div.goal-wrap div.goal-con div.goal.goal02 ul.chart li:nth-child(2) div.count{height:5rem;} div.D2130 section.sect01 div.sect-con div.goal-wrap div.goal-con div.goal.goal02 ul.chart li:nth-child(3) div.count{height:8rem;} div.D2130 section.sect01 div.sect-con div.goal-wrap div.goal-con div.goal.goal03 ul.chart li:nth-child(1) div.count{height:2rem;} div.D2130 section.sect01 div.sect-con div.goal-wrap div.goal-con div.goal.goal03 ul.chart li:nth-child(2) div.count{height:4rem;} div.D2130 section.sect01 div.sect-con div.goal-wrap div.goal-con div.goal.goal03 ul.chart li:nth-child(3) div.count{height:8rem;} div.D2130 section.sect02 div.sect-con div.system-wrap{margin-top:4rem;} div.D2130 section.sect02 div.sect-con div.system-wrap div.row:not(.row01, .row04, .row05){padding:1rem 2rem; border-left:4px solid var(--color-main01); border-right:4px solid var(--color-main01);} div.D2130 section.sect02 div.sect-con div.system-wrap div.row div.circle{width:100%; padding:2rem 0; background:#fff; color:var(--color-main01); text-align:center; display:flex; flex-direction:column; align-items:center; justify-content:center; border:4px solid var(--color-main01); border-radius:2rem 2rem 0 0; margin:0 auto; border-bottom:0;} div.D2130 section.sect02 div.sect-con div.system-wrap div.row div.circle p.txt01{font-family:'Pretendard-bold',sans-serif; font-size:2.25rem;} div.D2130 section.sect02 div.sect-con div.system-wrap div.row div.circle p.txt02{margin-top:0.5rem; opacity:.5; font-size:1.25rem; letter-spacing:-0.3px;} div.D2130 section.sect02 div.sect-con div.system-wrap div.row div.circle.circle02{width:45%; margin:0 0 0 auto; border-radius:0 0 2rem 2rem; background:var(--color-main01); color:#fff;} div.D2130 section.sect02 div.sect-con div.system-wrap div.row div.circle.circle02 p.txt01{font-size:1.5rem;} div.D2130 section.sect02 div.sect-con div.system-wrap div.row.row02{} div.D2130 section.sect02 div.sect-con div.system-wrap div.row.row02 ul.rel-list{display:flex; align-items:center; justify-content:space-between;} div.D2130 section.sect02 div.sect-con div.system-wrap div.row.row02 ul.rel-list li{width:22%; height:8rem; background:var(--color-main03); font-size:1.25rem; font-family:'Pretendard-Bold',sans-serif; display:flex; flex-wrap:wrap; /*align-items:center;*/ justify-content:center; padding:1rem 1.5rem; color:#fff; border-radius:1rem; text-align:center; align-content:baseline;} div.D2130 section.sect02 div.sect-con div.system-wrap div.row.row02 ul.rel-list li span.rel-t{width:100%; height:2rem; border-radius:1rem; background:#fff; color:var(--color-main03); line-height:2rem; text-align:center; font-family:'Pretendard-Medium',sans-serif; margin-bottom:1rem;} div.D2130 section.sect02 div.sect-con div.system-wrap div.row.row02 ul.rel-list li:nth-child(even){background:var(--color-main02);} div.D2130 section.sect02 div.sect-con div.system-wrap div.row.row02 ul.rel-list li:nth-child(even) span.rel-t{color:var(--color-main02);} div.D2130 section.sect02 div.sect-con div.system-wrap div.row.row03{} div.D2130 section.sect02 div.sect-con div.system-wrap div.row.row03 div.campus-current{background:#f5f5f5; padding:2rem; border-radius:2rem; border:2px dashed #ddd;} div.D2130 section.sect02 div.sect-con div.system-wrap div.row.row03 div.campus-current p.lab{font-family:'Pretendard-Medium',sans-serif; text-align:center; font-size:1.125rem; color:#9f9f9f; margin-bottom:2rem;} div.D2130 section.sect02 div.sect-con div.system-wrap div.row.row03 div.campus-current ul.cur-list{display:flex; justify-content:center;} div.D2130 section.sect02 div.sect-con div.system-wrap div.row.row03 div.campus-current ul.cur-list li{display:flex; align-items:center; box-shadow:0 6px 20px rgba(0,0,0,0.08); font-family:'Pretendard-Medium',sans-serif; justify-content:center; text-align:center; font-size:0.95rem; word-break:break-word; padding:0 1rem; margin-right:1.95rem; border-radius:50%; background:#fff; width:8rem; height:8rem;} div.D2130 section.sect02 div.sect-con div.system-wrap div.row.row03 div.campus-current ul.cur-list li:last-child{margin-right:0;} div.D2130 section.sect02 div.sect-con div.system-wrap div.row.row04{padding:1rem 0;} div.D2130 section.sect02 div.sect-con div.system-wrap div.row.row04 div.item{display:flex; align-items:center; justify-content:space-between; text-align:center; font-family:'Pretendard-Medium',sans-serif; font-size:1.125rem; margin-bottom:1rem; position:relative;} div.D2130 section.sect02 div.sect-con div.system-wrap div.row.row04 div.item > div{width:45%; padding:1rem 0; border:3px solid var(--color-main01); border-radius:0.5rem;} div.D2130 section.sect02 div.sect-con div.system-wrap div.row.row04 div.item:before{content:''; display:block; width:3rem; height:3rem; background:url("/fro_end_eng/img/D2130_sect02_arrow.png")center/contain no-repeat; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);} div.D2130 section.sect02 div.sect-con div.system-wrap div.row.row04 div.item div.left{background:#fff; color:var(--color-main01);} div.D2130 section.sect02 div.sect-con div.system-wrap div.row.row04 div.item div.right{background:#e5eaf1; border-color:#e5eaf1; color:var(--color-main01);} div.D2130 section.sect03{padding:6rem 0; position:relative; background:#333; margin-bottom:0; color:#fff;} div.D2130 section.sect03 div.fixed-bg{width:100%; height:100%; position:absolute; top:0; left:0; clip-path:inset(0);} div.D2130 section.sect03 div.fixed-bg div.bg{position:fixed; top:0; left:0; width:100%; height:100%; background:url("/fro_end_eng/img/D2130_sect03_bg.jpg")center/cover no-repeat; opacity:.2;} div.D2130 section.sect03 div.inner{position:relative; z-index:3;} div.D2130 section.sect03 div.inner div.sect-con{} div.D2130 section.sect03 div.inner div.sect-con div.campus-infa{display:flex; flex-wrap:wrap;} div.D2130 section.sect03 div.inner div.sect-con div.campus-infa div.infa{width:23%; margin:1rem 0; margin-right:2.666%; border:2px solid rgba(255,255,255,0.8); border-radius:1rem; padding:1.5rem;} div.D2130 section.sect03 div.inner div.sect-con div.campus-infa div.infa:nth-child(4n){margin-right:0;} div.D2130 section.sect03 div.inner div.sect-con div.campus-infa div.infa p.tit{font-size:1.3rem; font-family:'Pretendard-Bold',sans-serif; margin-bottom:1rem; padding-bottom:1rem; border-bottom:2px solid rgba(255,255,255,0.4); position:relative;} div.D2130 section.sect03 div.inner div.sect-con div.campus-infa div.infa p.tit:before{content:''; display:block; width:1.6rem; height:1.6rem; position:absolute; top:-2px; right:0;} div.D2130 section.sect03 div.inner div.sect-con div.campus-infa div.infa ul.con{} div.D2130 section.sect03 div.inner div.sect-con div.campus-infa div.infa ul.con li{margin-bottom:0.5rem; padding-bottom:0.5rem; border-bottom:1px dashed rgba(255,255,255,0.2); color:#fefefe; word-break:keep-all; line-height:1.5; font-family:'Pretendard-Light',sans-serif;} div.D2130 section.sect03 div.inner div.sect-con div.campus-infa div.infa ul.con li:last-child{padding-bottom:0; margin-bottom:0; border-bottom:none;} div.D2130 section.sect03 div.inner div.sect-con div.campus-infa div.infa.infa01 p.tit:before{background:url("/fro_end_eng/img/D2130_sect03_ico01.svg")center/contain no-repeat;} div.D2130 section.sect03 div.inner div.sect-con div.campus-infa div.infa.infa02 p.tit:before{background:url("/fro_end_eng/img/D2130_sect03_ico02.svg")center/contain no-repeat;} div.D2130 section.sect03 div.inner div.sect-con div.campus-infa div.infa.infa03 p.tit:before{background:url("/fro_end_eng/img/D2130_sect03_ico03.svg")center/contain no-repeat;} div.D2130 section.sect03 div.inner div.sect-con div.campus-infa div.infa.infa04 p.tit:before{background:url("/fro_end_eng/img/D2130_sect03_ico04.svg")center/contain no-repeat;} div.D2130 section.sect03 div.inner div.sect-con div.campus-infa div.infa.infa05 p.tit:before{background:url("/fro_end_eng/img/D2130_sect03_ico05.svg")center/contain no-repeat;} div.D2130 section.sect03 div.inner div.sect-con div.campus-infa div.infa.infa06 p.tit:before{background:url("/fro_end_eng/img/D2130_sect03_ico06.svg")center/contain no-repeat;} div.D2130 section.sect03 div.inner div.sect-con div.campus-infa div.infa.infa07 p.tit:before{background:url("/fro_end_eng/img/D2130_sect03_ico07.svg")center/contain no-repeat;} div.D2130 section.sect03 div.inner div.sect-con div.campus-infa div.infa.infa08 p.tit:before{background:url("/fro_end_eng/img/D2130_sect03_ico08.svg")center/contain no-repeat;} /* D3300 */ div.D3300 section.sect01 div.sect-con div.table-wrap table.def-table div.modules-list{padding:1.5rem; background:#f2f5fa; border-radius:1rem; margin-top:1rem;} div.D3300 section.sect01 div.sect-con div.table-wrap table.def-table div.modules-list p.lab{text-align:center; font-family:'Pretendard-Medium',sans-serif; margin-bottom:1rem; color:var(--color-main01);} div.D3300 section.sect01 div.sect-con div.table-wrap table.def-table div.modules-list ul.modules{display:flex; align-items:center; justify-content:center; gap:0.5rem; flex-wrap:wrap;} div.D3300 section.sect01 div.sect-con div.table-wrap table.def-table div.modules-list ul.modules li{background:var(--color-main01); color:#fff; border-radius:50px; padding:0.5rem; font-size:0.9rem; padding-right:1rem; font-family:'Pretendard-Medium',sans-serif;} div.D3300 section.sect01 div.sect-con div.table-wrap table.def-table div.modules-list ul.modules li span.num{display:inline-block; margin-right:0.3rem; color:var(--color-main01); width:2rem; height:2rem; line-height:2rem; font-family:'Montserrat_B',sans-serif; background:#fff; font-size:0.8em; border-radius:50%; text-align:center; vertical-align:middle;} div.D3300 section.sect01 div.sect-con div.table-wrap table.def-table div.modules-list ul.modules li.c02{background:var(--color-main02);} div.D3300 section.sect01 div.sect-con div.table-wrap table.def-table div.modules-list ul.modules li.c02 span.num{color:var(--color-main02);} div.D3300 section.sect01 div.sect-con div.table-wrap table.def-table div.modules-list ul.modules li.c03{background:var(--color-main03);} div.D3300 section.sect01 div.sect-con div.table-wrap table.def-table div.modules-list ul.modules li.c03 span.num{color:var(--color-main03);} div.D3300 section.sect02{} div.D3300 section.sect02 div.sect-con{} div.D3300 section.sect02 div.sect-con div.training-course{position:relative;} div.D3300 section.sect02 div.sect-con div.training-course div.arrow{width:8rem; background:rgb(255,255,255); background:linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(210,210,210,1) 100%); position:absolute; top:50%; left:2rem; transform:translateY(-50%);} div.D3300 section.sect02 div.sect-con div.training-course div.arrow:after{content:''; display:block; width:10rem; height:3rem; background:#d2d2d2; clip-path: polygon(50% 100%, 0 0, 100% 0); position:absolute; bottom:-3rem; left:50%; transform:translateX(-50%);} div.D3300 section.sect02 div.sect-con div.training-course div.arrow p.ver-txt{width:100%; padding:1rem 1rem 2rem 1rem; word-break:keep-all; line-height:1.5; color:#6f6f6f; font-family:'Pretendard-Medium',sans-serif; text-align:center;} div.D3300 section.sect02 div.sect-con div.training-course div.train{display:flex; justify-content:space-between; align-items:center; margin:4rem 0;} div.D3300 section.sect02 div.sect-con div.training-course div.train div.circle-tit{width:12rem; min-width:12rem; height:12rem; border-radius:50%; display:flex; align-items:center; text-align:center; justify-content:center; background:#3f89ba; color:#fff; font-size:1.3rem; font-family:'Pretendard-Bold',sans-serif; line-height:1.3;} div.D3300 section.sect02 div.sect-con div.training-course div.train div.grapic-box{background:#eef6fb; width:calc(100% - 18rem); border-radius:2rem; overflow:hidden; font-family:'Pretendard-Medium',sans-serif;} div.D3300 section.sect02 div.sect-con div.training-course div.train div.grapic-box div.gb-tit{background:#3f89ba; color:#fff; text-align:center; font-size:1.2rem; padding:1rem 0; font-family:'Pretendard-Bold',sans-serif;} div.D3300 section.sect02 div.sect-con div.training-course div.train div.grapic-box div.gb-con{padding:3rem; display:flex; align-items:center; justify-content:space-between; position:relative;} div.D3300 section.sect02 div.sect-con div.training-course div.train div.grapic-box div.gb-con div.col{text-align:center; display:flex; flex-direction:column;} div.D3300 section.sect02 div.sect-con div.training-course div.train div.grapic-box div.gb-con div.col p.box01{height:100%; background:#fff; border-radius:1rem; color:var(--color-main01); border:2px solid var(--color-main01); padding:7.5rem 0; font-family:'Pretendard-Bold',sans-serif; font-size:1.25rem;} div.D3300 section.sect02 div.sect-con div.training-course div.train div.grapic-box div.gb-con div.col p.box02{background:#3f89ba; color:#fff; border-radius:0.5rem; padding:1.2rem 1rem; position:relative; margin-bottom:1.5rem;} div.D3300 section.sect02 div.sect-con div.training-course div.train div.grapic-box div.gb-con div.col p.box03{background:#60b8f3; color:#fff; border-radius:0.5rem; padding:1.2rem 1rem; position:relative; margin-bottom:1.5rem;} div.D3300 section.sect02 div.sect-con div.training-course div.train div.grapic-box div.gb-con div.col p.box04{background:var(--color-main03); color:#fff; border-radius:0.5rem; padding:1.2rem 1rem; position:relative; margin-bottom:1rem;} div.D3300 section.sect02 div.sect-con div.training-course div.train div.grapic-box div.gb-con div.col ul.ncs-list{display:flex; align-items:center; justify-content:space-between;} div.D3300 section.sect02 div.sect-con div.training-course div.train div.grapic-box div.gb-con div.col ul.ncs-list li{width:18%; background:#fff; padding:0.8rem 0; border-radius:5px; position:relative;} div.D3300 section.sect02 div.sect-con div.training-course div.train div.grapic-box div.gb-con div.col ul.ncs-list li:before{content:''; display:block; width:2rem; height:2rem; background:url("/fro_end_eng/img/ico_next2.svg")center/50% auto no-repeat; position:absolute; top:-1.5rem; left:50%; transform:translateX(-50%) rotate(-90deg);} div.D3300 section.sect02 div.sect-con div.training-course div.train div.grapic-box div.gb-con div.col.col01{width:20%;} div.D3300 section.sect02 div.sect-con div.training-course div.train div.grapic-box div.gb-con div.col.col02{width:50%;} div.D3300 section.sect02 div.sect-con div.training-course div.train div.grapic-box div.gb-con div.col.col02 p[class^="box"]:before, div.D3300 section.sect02 div.sect-con div.training-course div.train div.grapic-box div.gb-con div.col.col02 p[class^="box"]:after{content:''; display:block; width:2rem; height:2rem; background:url("/fro_end_eng/img/ico_next2.svg")center/50% auto no-repeat; position:absolute; z-index:2;} div.D3300 section.sect02 div.sect-con div.training-course div.train div.grapic-box div.gb-con div.col.col02 p.box02:before{display:none;} div.D3300 section.sect02 div.sect-con div.training-course div.train div.grapic-box div.gb-con div.col.col02 p.box02:after{top:50%; right:-2.65rem; transform:translateY(-50%) scaleX(-1);} div.D3300 section.sect02 div.sect-con div.training-course div.train div.grapic-box div.gb-con div.col.col02 p.box03:before{top:-1.8rem; left:50%; transform:translateX(-50%) rotate(-90deg);} div.D3300 section.sect02 div.sect-con div.training-course div.train div.grapic-box div.gb-con div.col.col02 p.box03:after{top:50%; right:-2.65rem; transform:translateY(-50%) scaleX(-1);} div.D3300 section.sect02 div.sect-con div.training-course div.train div.grapic-box div.gb-con div.col.col02 p.box04:before{top:50%; left:-2.65rem; transform:translateY(-50%);} div.D3300 section.sect02 div.sect-con div.training-course div.train div.grapic-box div.gb-con div.col.col02 p.box04:after{top:50%; right:-2.65rem; transform:translateY(-50%);} div.D3300 section.sect02 div.sect-con div.training-course div.train div.grapic-box div.gb-con div.col.col03{width:20%;} div.D3300 section.sect02 div.sect-con div.training-course div.train div.grapic-box div.gb-con p.source-txt{position:absolute; bottom:1rem; left:0; width:100%; text-align:center; font-size:0.8rem; color:#7f7f7f;} div.D3300 section.sect02 div.sect-con div.training-course div.train.start div.grapic-box div.gb-con{padding-bottom:4rem;} div.D3300 section.sect02 div.sect-con div.training-course div.train.end div.circle-tit{background:var(--color-main01);} div.D3300 section.sect02 div.sect-con div.training-course div.train.end div.grapic-box{background:#f6faff;} div.D3300 section.sect02 div.sect-con div.training-course div.train.end div.grapic-box div.gb-tit{background:var(--color-main01);} div.D3300 section.sect02 div.sect-con div.training-course div.train.end div.grapic-box div.gb-con{} div.D3300 section.sect02 div.sect-con div.training-course div.train.end div.grapic-box div.gb-con ul.list01{} div.D3300 section.sect02 div.sect-con div.training-course div.train.end div.grapic-box div.gb-con ul.list01 li{margin-bottom:1.5rem; padding-bottom:1.5rem; border-bottom:1px dashed #ddd;} div.D3300 section.sect02 div.sect-con div.training-course div.train.end div.grapic-box div.gb-con ul.list01 li:last-child{margin-bottom:0; padding-bottom:0; border-bottom:none;} /* D3310 */ div.D3310 section.sect div.tab-wrap div.tab-con div.con div.con-row{margin-bottom:5rem;} div.D3310 section.sect div.tab-wrap div.tab-con div.con div.table-wrap table.def-table ul.list02 li > ul{} div.D3310 section.sect div.tab-wrap div.tab-con div.con div.table-wrap table.def-table ul.list02 li > ul li{margin-top:0.5rem; position:relative; padding-left:1.4rem; color:#7f7f7f;} div.D3310 section.sect div.tab-wrap div.tab-con div.con div.table-wrap table.def-table ul.list02 li > ul li:before{content:''; display:block; width:1rem; height:1rem; background:url("/fro_end_eng/img/D3310_curve_arrow.svg")center/80% auto no-repeat; position:absolute; top:0; left:0; opacity:.5;} /* D3400 */ div.D3400 section.sect02 div.sect-con div.table-wrap table.def-table tbody th.th2{} /* D3500 */ div.D3500 section.sect01 div.sect-con div.def-box{margin-bottom:1rem;} div.D3500 section.sect01 div.sect-con div.def-box span.highlight{font-family:'Pretendard-Bold',sans-serif; position:relative; color:var(--color-main01); padding:0 0.25rem;} div.D3500 section.sect01 div.sect-con div.def-box span.highlight:before{content:''; display:block; background:rgba(0,45,122,0.1); position:absolute; bottom:0; left:0; width:100%; height:100%;} div.D3500 section.sect01 div.sect-con div.def-box span.highlight.green{color:var(--color-main03);} div.D3500 section.sect01 div.sect-con div.def-box span.highlight.green:before{background:rgba(4,191,174,0.1);} div.D3500 section.sect01 div.sect-con div.course-sort{} div.D3500 section.sect01 div.sect-con div.course-sort div.course{display:flex; align-items:center; margin-bottom:1rem; border-bottom:1px dashed #ddd; padding-bottom:1rem;} div.D3500 section.sect01 div.sect-con div.course-sort div.course p.tit{font-family:'Pretendard-Bold',sans-serif; color:var(--color-main01); font-size:1.125rem; text-align:center; background:rgba(0,45,122,0.1); width:8rem; min-width:8rem; height:8rem; display:flex; align-items:center; justify-content:center; border-radius:50%;} div.D3500 section.sect01 div.sect-con div.course-sort div.course p.txt{font-size:1.125rem; word-break:keep-all; line-height:1.5; margin-left:1.5rem;} div.D3500 section.sect01 div.sect-con div.course-sort div.course.course02 p.tit{background:rgba(4,191,174,0.1); color:var(--color-main03);} div.D3500 section.sect01 div.sect-con div.btn-wrap{text-align:center; margin-top:3rem;} div.D3500 section.sect02 div.sect-con div.table-wrap table.def-table tbody td p.topic{display:flex; align-items:center; gap:0.5rem; flex-wrap:wrap; font-family:'Pretendard-Bold',sans-serif; text-align:left; margin-bottom:0.5rem;} div.D3500 section.sect02 div.sect-con div.table-wrap table.def-table tbody td p.topic span.lab{background:rgba(0,45,122,0.1); color:var(--color-main01); font-size:0.8em; border-radius:50px; padding:0.25rem 0.5rem; display:inline-block;} div.D3500 section.sect02 div.sect-con div.table-wrap table.def-table tbody td ul.list02{margin-left:3rem;} /* D2200 */ div.D2200 section.sect div.sect-con div.prof-wrap{display:flex; flex-wrap:wrap;} div.D2200 section.sect div.sect-con div.prof-wrap div.prof{width:22%; padding:2rem; margin:1.5rem 0; margin-right:4%; background:#f4f6fb; border-radius:0.8rem;} div.D2200 section.sect div.sect-con div.prof-wrap div.prof:nth-child(4n){margin-right:0;} div.D2200 section.sect div.sect-con div.prof-wrap div.prof div.prof-img{width:100%; height:16rem; margin-bottom:1.25rem;} div.D2200 section.sect div.sect-con div.prof-wrap div.prof div.prof-img a{width:100%; height:100%; position:relative; z-index:2;} div.D2200 section.sect div.sect-con div.prof-wrap div.prof div.prof-img a:before{content:''; display:block; width:100%; height:100%; background:#000; opacity:0; position:absolute; top:0; left:0; transition:0.3s; -webkit-transition:0.3s;} div.D2200 section.sect div.sect-con div.prof-wrap div.prof div.prof-img a:after{content:''; display:block; width:2.5rem; height:2.5rem; background:url("/fro_end_eng/img/ico_close_wh.svg")center/100% auto no-repeat; position:absolute; opacity:0; top:50%; left:50%; transform:translate(-50%, -50%) rotate(45deg); transition:0.3s; -webkit-transition:0.3s;} div.D2200 section.sect div.sect-con div.prof-wrap div.prof div.prof-img a img{width:100%; height:100%; display:block; object-fit:cover;} div.D2200 section.sect div.sect-con div.prof-wrap div.prof div.prof-name{margin-bottom:1rem; padding-bottom:1rem; border-bottom:1px solid #ddd;} div.D2200 section.sect div.sect-con div.prof-wrap div.prof div.prof-name p.kor{display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; font-size:1.8rem; font-family:'Pretendard-Bold',sans-serif;} div.D2200 section.sect div.sect-con div.prof-wrap div.prof div.prof-name p.kor span.pos{display:inline-block; font-family:'Pretendard-Medium',sans-serif; font-size:1.125rem; color:var(--color-main01); letter-spacing:-0.3px;} div.D2200 section.sect div.sect-con div.prof-wrap div.prof div.prof-name p.eng{color:#777; margin-top:0.5rem; font-size:0.95rem; font-family:'Montserrat_R',sans-serif; letter-spacing:-0.3px;} div.D2200 section.sect div.sect-con div.prof-wrap div.prof div.prof-inf{} div.D2200 section.sect div.sect-con div.prof-wrap div.prof div.prof-inf ul{} div.D2200 section.sect div.sect-con div.prof-wrap div.prof div.prof-inf ul li{position:relative; padding-left:1.5rem; margin-bottom:0.8rem; word-break:break-all;} div.D2200 section.sect div.sect-con div.prof-wrap div.prof div.prof-inf ul li:last-child{margin-bottom:0;} div.D2200 section.sect div.sect-con div.prof-wrap div.prof div.prof-inf ul li:before{content:''; display:block; width:1.15em; height:1.15em; position:absolute; top:1px; left:0; opacity:.6;} div.D2200 section.sect div.sect-con div.prof-wrap div.prof div.prof-inf ul li.mail:before{background:url("/fro_end_eng/img/ico_mail.svg")center/100% auto no-repeat;} div.D2200 section.sect div.sect-con div.prof-wrap div.prof div.prof-inf ul li.tel:before{background:url("/fro_end_eng/img/ico_phone.svg")center/100% auto no-repeat;} div.D2200 section.sect div.sect-con div.prof-wrap div.prof div.prof-inf ul li.loca:before{background:url("/fro_end_eng/img/ico_location.svg")center/100% auto no-repeat;} div.D2200 section.sect div.sect-con div.prof-wrap.gray div.prof{background:#f5f5f5;} div.D2200 section.sect div.sect-con div.prof-wrap.gray div.prof div.prof-name p.kor span.pos{color:#6f6f6f; font-size:1rem;} @media(hover:hover){ div.D2200 section.sect div.sect-con div.prof-wrap div.prof div.prof-img a:hover:before{opacity:0.5;} div.D2200 section.sect div.sect-con div.prof-wrap div.prof div.prof-img a:hover:after{opacity:1;} } /* 교수진 소개 모달창 */ div.prof-modal-wrap{} div.prof-modal-wrap div.prof-modal{display:none; width:100%; height:100%; position:fixed; top:0; left:0; z-index:900;} div.prof-modal-wrap div.prof-modal div.bg{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4);} div.prof-modal-wrap div.prof-modal div.modal{background:#fff; width:50rem; max-height:88%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); border-radius:2rem; overflow:hidden; display:block; box-shadow:none;} div.prof-modal-wrap div.prof-modal div.modal div.mhead{display:flex; background:var(--color-main01); padding:0 2rem; height:4rem; align-items:center; justify-content:space-between;} div.prof-modal-wrap div.prof-modal div.modal div.mhead p.title{color:#fff; font-size:1.3rem; font-family:'Pretendard-Bold',sans-serif;} div.prof-modal-wrap div.prof-modal div.modal div.mhead a.modal-close{width:2rem;height:2rem; background:url("/fro_end_eng/img/ico_close_wh.svg")center/100% auto no-repeat;} div.prof-modal-wrap div.prof-modal div.modal div.mbody{} div.prof-modal-wrap div.prof-modal div.modal div.mbody div.top{display:flex; padding:1.5rem 2rem; background:#f4f6fb;} div.prof-modal-wrap div.prof-modal div.modal div.mbody div.top div.img{width:9rem; height:10rem; border:1px solid #ddd;} div.prof-modal-wrap div.prof-modal div.modal div.mbody div.top div.img img{width:100%; height:100%; object-fit:cover; vertical-align:bottom;} div.prof-modal-wrap div.prof-modal div.modal div.mbody div.top div.con{width:calc(100% - 9rem); padding-left:2rem;} div.prof-modal-wrap div.prof-modal div.modal div.mbody div.top div.con div.name{margin-bottom:0.8rem; padding-bottom:0.8rem; border-bottom:1px solid #ddd;} div.prof-modal-wrap div.prof-modal div.modal div.mbody div.top div.con div.name p.kor{display:flex; align-items:center; flex-wrap:wrap; gap:0.65rem; font-size:1.5rem; font-family:'Pretendard-bold',sans-serif;} div.prof-modal-wrap div.prof-modal div.modal div.mbody div.top div.con div.name p.kor span.pos{font-size:1rem; font-family:'Pretendard-Medium',sans-serif; color:var(--color-main01);} div.prof-modal-wrap div.prof-modal div.modal div.mbody div.top div.con div.name p.eng{font-size:0.9rem; font-family:'Montserrat_R',sans-serif; letter-spacing:-0.3px; margin-top:0.35rem; color:#777;} div.prof-modal-wrap div.prof-modal div.modal div.mbody div.top div.con ul.info{} div.prof-modal-wrap div.prof-modal div.modal div.mbody div.top div.con ul.info li{padding-left:1.5rem; margin-bottom:0.5rem; position:relative; min-height:1rem;} div.prof-modal-wrap div.prof-modal div.modal div.mbody div.top div.con ul.info li:last-child{margin-bottom:0;} div.prof-modal-wrap div.prof-modal div.modal div.mbody div.top div.con ul.info li:before{content:''; display:block; width:1.15em; height:1.15em; position:absolute; top:1px; left:0; opacity:.6;} div.prof-modal-wrap div.prof-modal div.modal div.mbody div.top div.con ul.info li.email:before{background:url("/fro_end_eng/img/ico_mail.svg")center/100% auto no-repeat;} div.prof-modal-wrap div.prof-modal div.modal div.mbody div.top div.con ul.info li.tel:before{background:url("/fro_end_eng/img/ico_phone.svg")center/100% auto no-repeat;} div.prof-modal-wrap div.prof-modal div.modal div.mbody div.top div.con ul.info li.loca:before{background:url("/fro_end_eng/img/ico_location.svg")center/100% auto no-repeat;} div.prof-modal-wrap div.prof-modal div.modal div.mbody div.bot{padding:2rem 2.5rem; max-height:28rem; overflow-y:auto;} div.prof-modal-wrap div.prof-modal div.modal div.mbody div.bot div.career{margin-bottom:1rem;} div.prof-modal-wrap div.prof-modal div.modal div.mbody div.bot div.career div.c-tit{font-family:'Pretendard-Bold',sans-serif; font-size:1.25rem; margin-bottom:0.5rem; padding-bottom:0.5rem; border-bottom:2px solid #333;} div.prof-modal-wrap div.prof-modal div.modal div.mbody div.bot div.career div.c-con{padding:0.25rem; font-size:1rem;} div.prof-modal-wrap div.prof-modal div.modal div.mbody div.bot div.career div.c-con ul.list li{font-size:1em; display:flex; margin-bottom:0.65rem; padding-bottom:0.65rem; border-bottom:1px dashed #ddd;} div.prof-modal-wrap div.prof-modal div.modal div.mbody div.bot div.career div.c-con ul.list li.list-t{border-bottom:none; border-bottom:1px solid #bbb; font-size:1rem; position:relative; padding-left:0.8rem;} div.prof-modal-wrap div.prof-modal div.modal div.mbody div.bot div.career div.c-con ul.list li.list-t:before{content:''; display:block; width:5px; height:5px; background:#333; border-radius:50%; position:absolute; top:7px; left:0;} div.prof-modal-wrap div.prof-modal div.modal div.mbody div.bot div.career div.c-con ul.list li span.period{min-width:8rem; font-size:0.95rem; font-family:'Montserrat_SB','Pretendard-SemiBold',sans-serif; color:var(--color-main01); margin-right:0.5rem;} div.prof-modal-wrap div.prof-modal div.modal div.mbody div.bot div.career div.c-con ul.list.block > li{display:block;} /* D7100 */ div.D7100{background:url("/fro_end_eng/img/D7100_bg.png") center bottom / 100% no-repeat;} div.D7100 section.sect{margin-bottom:0; padding-bottom:7rem;} div.D7100 section.sect div.txt-box{background:rgba(255, 255, 255, 0.9); padding:3rem 2rem; border:3px solid var(--color-main01); border-radius:1rem; box-shadow:rgba(0, 0, 0, 0.2) 0px 20px 25px 0px;} div.D7100 section.sect div.txt-box p{margin-bottom:1rem; line-height:1.5;} div.D7100 section.sect div.txt-box p:last-child{margin-bottom:0;} /* D7100 2025-07-04 문구 추가*/ div.def-box.w1440.popup{padding:2rem 1rem; margin-top:1rem;} div.def-box.w1440.popup p:nth-child(1){font-family:'Pretendard-Bold',sans-serif; margin-bottom:0.5rem;} /* D7110 */ div.D7110 section.sect div.def-box{font-size:1.125rem; text-align:left;} div.D7110 section.sect div.def-box p{margin-bottom:1rem;} div.D7110 section.sect div.def-box p:last-child{margin-bottom:0;} div.D7110 section.sect div.sect-con div.note-con{margin-top:1rem;} div.D7110 section.sect div.sect-con div.note-con span.color04{display:block; margin-bottom:0.5rem;} div.D7110 section.sect div.sect-con div.note-con span.color04:last-child{margin-bottom:0;} div.D7110 section.sect.sect02 div.sect-con div.table-wrap table tr td p{margin-bottom:0.5rem;} div.D7110 section.sect.sect02 div.sect-con div.table-wrap table tr td p:last-child{margin-bottom:0;} div.D7110 section.sect.sect02 div.sect-con ul.list01{margin-top:1rem;} div.D7110 section.sect.sect03 div.sect-con{} /*div.D7110 section.sect.sect03 div.sect-con div.img-box{width:37%; box-shadow:rgba(0, 0, 0, 0.2) 5px 15px 30px 0px; overflow: hidden; border-radius:1rem;}*/ /*div.D7110 section.sect.sect03 div.sect-con div.img-box img{width:100%; height:100%; object-fit:cover; border-radius: inherit;}*/ div.D7110 section.sect.sect03 div.sect-con div.right-box{width:100%; height:fit-content; font-size:1.1rem; line-height:1.5; padding:2rem 1rem; border-radius:1rem; border:2px dashed var(--color-main01);} /* D7120 */ div.D7120 section.sect div.sect-con div.info-box{width:100%; margin-bottom:2.5rem;} div.D7120 section.sect.sect01 div.sect-con div.info-box{margin-bottom:0;} div.D7120 section.sect div.sect-con div.info-box div.top-con{padding:1.5rem; border-radius:0.5rem; margin-bottom:0.5rem;} div.D7120 section.sect div.sect-con div.info-box div.top-con p{color:#fff; font-family:'Pretendard-Bold',sans-serif; font-size:1.25rem;} div.D7120 section.sect div.sect-con div.info-box.box01 div.top-con{background: var(--color-main01);} div.D7120 section.sect div.sect-con div.info-box.box02 div.top-con{background: var(--color-main02);} div.D7120 section.sect div.sect-con div.info-box.box03 div.top-con{background: var(--color-main03);} div.D7120 section.sect div.sect-con div.info-box div.bot-con{border:2px solid #ddd; border-radius:0.5rem; padding:1.5rem;} div.D7120 section.sect.sect02 div.sect-con div.info-box ul li a.link{display:inline-block; word-break: break-all; padding-bottom:0.2rem;} div.D7120 section.sect.sect02 div.sect-con div.info-box ul li a.link span{border-bottom:1px solid #333; font-family:'Pretendard-Bold',sans-serif;} div.D7120 section.sect.sect04 div.sect-con{} /*div.D7120 section.sect.sect04 div.sect-con div.img-box{width:37%; box-shadow:rgba(0, 0, 0, 0.2) 5px 15px 30px 0px; overflow: hidden; border-radius:1rem;}*/ /*div.D7120 section.sect.sect04 div.sect-con div.img-box img{width:100%; height:100%; object-fit:cover; border-radius: inherit;}*/ div.D7120 section.sect.sect04 div.sect-con div.right-box{width:100%; height:fit-content; font-size:1.1rem; line-height:1.5; padding:2rem 1rem; border-radius:1rem; border:2px dashed var(--color-main01);} /* D7130 */ div.D7130 div.def-box{border:2px solid #ddd;} div.D7130 section.sect div.sect-con div.def-box ul li span{border-bottom:2px solid var(--color-main04);} /* D7140 */ div.D7140 section.sect.sect01 ul{margin-bottom:1.25rem;} div.D7140 section.sect.sect01 ul li a.email{border-bottom:1px solid var(--color-main01); padding-bottom:0.2rem;} /* D7150 */ div.D7150 section.sect div.sect-con p.module-tit{background:var(--color-main01); padding:1rem; color:#fff; font-family:'Pretendard-Medium',sans-serif; font-size:1.125rem; text-align:center; border-radius:0.5rem; margin:4rem 0 0.5rem 0;} div.D7150 section.sect div.sect-con div.con.con01 div.con01-table:first-of-type p.module-tit, div.D7150 section.sect div.sect-con div.con.con02 div.con02-table:first-of-type p.module-tit{margin-top:2rem;} div.D7150 section.sect div.sect-con div.table-wrap table tr td p.list-tit{margin-bottom:0.5rem;} div.D7150 section.sect div.sect-con div.note-con{margin-top:1rem;} /* D7200 */ div.D7200 section.sect div.sect-con div.note-con{margin-top:1rem;} div.D7200 section.sect div.sect-con div.note-con span.color04{display:block; margin-bottom:0.5rem;} div.D7200 section.sect div.sect-con div.note-con span.color04:last-child{margin-bottom:0;} div.D7200 section.sect div.sect-con div.table-wrap table tr td p.list-tit{text-align:left; margin-bottom:0.5rem;} div.D7200 section.sect.sect03 ul li a.email{border-bottom:1px solid var(--color-main01); padding-bottom:0.2rem;} div.D7200 section.sect.sect05 ul{margin-bottom:1.25rem;} @media screen and (max-width:1600px){ /* tab */ div.sub-layout div.sub-tab{width:90%;} } @media screen and (max-width:1440px){ /* D1100 */ div.D1100 section.sect01 div.greet-cont div.greet-bot{padding-top:0;} div.D1100 section.sect01 div.greet-cont{padding-top:6rem;} div.D1100 section.sect01 div.greet-cont div.greet-top p.gt-small{margin-top:2rem;} div.D1100 section.sect01 div.greet-img{width:24rem;} /* D1300 */ div.D1300 section.sect03 div.sect-con div.step-wrap:before{top:10.4rem;} div.D1300 section.sect03 div.sect-con div.step-wrap div.step div.circle{width:15rem; height:15rem;} div.D1300 section.sect03 div.sect-con div.step-wrap div.step ul.list01{padding-left:1rem;} /* D2100 */ div.D2100 section.sect01 div.inner div.sect-con div.develop-wrap div.develop div.circle{width:11rem; height:11rem; min-width:11rem;} div.D2100 section.sect01 div.inner div.sect-con div.develop-wrap div.develop.develop01 div.step01{width:24%;} div.D2100 section.sect02 div.inner div.sect-con div.diagram-wrap div.diagram01{margin-left:35rem;} /* D2200 */ div.D2200 section.sect div.sect-con div.prof-wrap div.prof{width:24%; margin-right:1.333%;} } @media screen and (max-width:1280px){ /* thema */ div.sub-layout div.thema div.inner p.eng{font-size:0.9rem;} div.sub-layout div.thema div.inner h2.tit{font-size:2.5rem;} div.sub-layout div.menu.m6{height:15rem;} div.sub-layout div.menu.m6 ul{flex-wrap:wrap;} div.sub-layout div.menu.m6 ul li{font-size:1.125rem; width:calc(100% / 3); height:7.5rem;} h3.sub-tit{font-size:2.5rem;} /* D7100 sub-tab 영역 */ div.sub-layout div.sub-tab.D7100-subtab ul li{font-size:1rem;} div.sub-layout div.sub-tab.D7100-subtab ul li a{padding:1rem 0.5rem;} /* D1100 */ div.D1100 section.sect01:before{height:23rem;} div.D1100 section.sect01:after{top:-5rem;} div.D1100 section.sect01 div.greet-img{width:22rem; height:28rem;} div.D1100 section.sect01 div.greet-cont{padding-top:6rem;} div.D1100 section.sect01 div.greet-cont div.greet-top p.gt-big{font-size:1.8rem;} div.D1100 section.sect01 div.greet-cont div.greet-top p.gt-small{font-size:1.25rem; margin-bottom:0; margin-top: 1rem;} /* D1200 */ div.D1200 section.sect div.sect-intro{height:15rem;} div.D1200 section.sect02 div.plan-list div.plan{display:block; padding:3rem;} div.D1200 section.sect02 div.plan-list div.plan div.left{width:100%; margin-bottom:2rem;} div.D1200 section.sect02 div.plan-list div.plan div.left p.inf{margin-top:1rem;} div.D1200 section.sect02 div.plan-list div.plan div.right{width:100%; padding-left:0;} div.D1200 section.sect03 div.hist-wrap div.hist{padding:3rem;} div.D1200 section.sect03 div.hist-wrap div.hist div.year p.num{font-size:4rem;} div.D1200 section.sect03 div.hist-wrap div.hist div.year div.compl p.tit{font-size:1.3rem;} div.D1200 section.sect03 div.hist-wrap div.hist div.hist-list div.list{font-size:1.1rem;} /* D1400 */ div.D1400 section.sect01 div.sect-con div.organ div.row div.top{font-size:1rem;} div.D1400 section.sect01 div.sect-con div.organ div.row div.box ul.work-list li{width:100%;} div.D1400 section.sect01 div.sect-con div.organ div.row.row01 div.box{padding:1rem;} div.D1400 section.sect01 div.sect-con div.organ div.row.row03:before{height:120%; top:100%;} /* D1500 */ div.D1500 section.sect01 div.facility-wrap div.facility div.left-img{height:25rem;} div.D1500 section.sect01 div.facility-wrap div.facility div.right-txt div.top p.txt02{word-break:unset; line-height:1.5;} /* D1700 */ div.D1700 section.sect02 div.sect-box div.img{width:39%;} /* D2100 */ div.D2100 section.sect01 div.inner div.sect-con div.develop-wrap div.develop.develop01 div.step01{width:22%;} div.D2100 section.sect02 div.inner div.sect-con div.diagram-wrap div.diagram01{margin-left:33rem;} /* D2110 */ div.D2110 section.sect03 div.sect-con div.world-wrap div.world-txt div.wt.wt03{top:0; left:60%;} div.D2110 section.sect03 div.sect-con div.world-wrap div.world-txt div.wt.wt03:after{width:2px; height:2rem; top:unset; bottom:-2rem; left:8rem;} /* D2120 */ div.D2120 section.sect01 div.sect-con div.lab-field div.lab{padding:2rem; min-height:18rem; margin-bottom:6rem;} div.D2120 section.sect02 div.inner div.other-lab div.box div.top{width:30%;} div.D2120 section.sect02 div.inner div.other-lab div.box div.bot{width:70%;} /* D2130 */ div.D2130 section.sect01 div.sect-con div.goal-wrap div.goal-con{padding:2rem;} div.D2130 section.sect01 div.sect-con div.goal-wrap div.goal-con div.goal{margin-bottom:1rem; padding-bottom:1rem;} div.D2130 section.sect02 div.sect-con div.system-wrap div.row:not(.row01, .row04, .row05){padding:1rem;} div.D2130 section.sect02 div.sect-con div.system-wrap div.row.row02 ul.rel-list li{width:24%; padding:1rem;} div.D2130 section.sect02 div.sect-con div.system-wrap div.row.row03 div.campus-current{padding:1rem;} div.D2130 section.sect02 div.sect-con div.system-wrap div.row.row03 div.campus-current ul.cur-list li{margin-right:1rem;} /* D3300 */ div.D3300 section.sect02 div.sect-con div.training-course div.train div.grapic-box{width:calc(100% - 14rem);} /* D2200 */ div.D2200 section.sect div.sect-con div.prof-wrap div.prof div.prof-img{height:14rem;} } @media screen and (max-width:1024px){ /* thema */ div.sub-layout div.thema{height:22rem;} div.sub-layout div.menu{height:4rem;} div.sub-layout div.menu ul li{font-size:1.125rem;} div.sub-layout div.sub-tab{width:95%;} div.sub-layout div.sub-tab ul li{font-size:1.025rem;} div.sub-layout div.sub-tab ul li a{padding:0.9rem 1.8rem;} div.contents section.sect div.poster-wrap{width:90%;} div.sub-layout div.sub-tab.D7100-subtab{margin-top:3rem;} div.sub-layout div.sub-tab.D7100-subtab ul{flex-wrap:wrap; border:0; background:#fff;} div.sub-layout div.sub-tab.D7100-subtab ul li{background:#f9f9f9; border:1px solid #ddd;} div.sub-layout div.sub-tab.D7100-subtab ul li a{padding:0.8rem 1.6rem;} div.sub-layout div.sub-tab.D7100-subtab ul li.on{box-shadow:0 8px 18px rgba(0,45,122,0.18); border-color:var(--color-main01);} /* D1100 */ div.D1100 section.sect01:before{height:18rem;} div.D1100 section.sect01:after{width:25rem; height:25rem;} div.D1100 section.sect01 p.greet-txt{font-size:1.125rem; word-break:initial;} div.D1100 section.sect01 div.greet-img{width:17rem; height:23rem;} div.D1100 section.sect01 div.greet-cont{padding-top:0;} div.D1100 section.sect01 div.greet-cont div.greet-top{margin-bottom:0;} div.D1100 section.sect01 div.greet-cont div.greet-bot{padding-top:3rem;} /* D1200 */ /*div.D1200 section.sect div.sect-intro{height:15rem;}*/ /*div.D1200 section.sect02 div.plan-list div.plan{display:block; padding:3rem;}*/ /*div.D1200 section.sect02 div.plan-list div.plan div.left{width:100%; margin-bottom:2rem;}*/ /*div.D1200 section.sect02 div.plan-list div.plan div.left p.inf{margin-top:1rem;}*/ /*div.D1200 section.sect02 div.plan-list div.plan div.right{width:100%; padding-left:0;}*/ /*div.D1200 section.sect03 div.hist-wrap div.hist{padding:3rem;}*/ /*div.D1200 section.sect03 div.hist-wrap div.hist div.year p.num{font-size:4rem;}*/ /*div.D1200 section.sect03 div.hist-wrap div.hist div.year div.compl p.tit{font-size:1.3rem;}*/ /*div.D1200 section.sect03 div.hist-wrap div.hist div.hist-list div.list{font-size:1.1rem;}*/ div.D1200 section.sect02 div.plan-list div.plan div.right ul.cir-list > li.cir ul.detail-con li{font-size: 0.9rem;} /* D1300 */ div.D1300 section.sect01 p.txt01{font-size:2rem; margin-bottom:1.5rem;} div.D1300 section.sect01 p.txt02{font-size:1.125rem; word-break:keep-all;} div.D1300 section.sect01 p.txt02 > br{display:none;} div.D1300 section.sect02{padding:6rem 0;} div.D1300 section.sect02 div.inner div.sect-bot{margin:4rem 0 0 0;} div.D1300 section.sect02 div.inner div.sect-bot ul.box-list{flex-wrap:wrap;} div.D1300 section.sect02 div.inner div.sect-bot ul.box-list li{width:47%; padding:2rem; margin:1rem 0;} div.D1300 section.sect03 div.sect-con div.step-wrap:before{top:9.4rem;} div.D1300 section.sect03 div.sect-con div.step-wrap div.step div.circle{width:13rem; height:13rem;} div.D1300 section.sect03 div.sect-con div.step-wrap div.step div.circle p.kor{font-size:1.2rem;} /* D1400 */ div.D1400 section.sect01 div.sect-con div.organ div.row div.box ul.pos-list li{margin-bottom:0.5rem; padding-bottom:0.5rem;} div.D1400 section.sect01 div.sect-con div.organ div.row.row01{width:50%;} div.D1400 section.sect01 div.sect-con div.organ div.row.row03 div.top{width:50%;} /* D1500 */ div.D1500 section.sect01 div.facility-wrap div.facility{position:relative; padding-bottom:12rem;} div.D1500 section.sect01 div.facility-wrap div.facility div.left-img{width:40%; height:16rem;} div.D1500 section.sect01 div.facility-wrap div.facility div.right-txt{width:56%;} div.D1500 section.sect01 div.facility-wrap div.facility div.right-txt div.top p.txt01{font-size:1.5rem; margin-bottom:1rem;} div.D1500 section.sect01 div.facility-wrap div.facility div.right-txt div.bot ul.etc-list{width:100%; position:absolute; bottom:0; left:0;} /* D1600 */ div.D1600 section.sect01 div.map-wrap div.left ul.center-list li.list{height:8rem;} div.D1600 section.sect01 div.map-wrap div.left ul.center-list li.list span.prepare{top:1rem; left:1rem;} div.D1600 section.sect01 div.map-wrap div.left ul.center-list li.list div.lab p.name{font-size:1.125rem;} div.D1600 section.sect01 div.map-wrap div.left ul.center-list li.list.on{height:15rem;} div.D1600 section.sect01 div.map-wrap div.left ul.center-list li.list.on div.lab{height:45%; padding:1rem;} div.D1600 section.sect01 div.map-wrap div.right div.center div.map-box{height:25.5rem;} div.D1600 section.sect01 div.map-wrap div.right div.center div.addr-box{height:6rem;} div.D1600 section.sect01 div.map-wrap div.right div.center div.addr-box div.addr span.lab{display:block; margin-bottom:0.2rem;} div.D1600 section.sect01 div.map-wrap div.right div.center div.addr-box div.addr span.lab:after{display:none;} div.D1600 section.sect02 div.inner ul.trans-list li.trans{padding:2rem;} /* D1700 */ div.D1700 section.sect01 div.inner div.txt-box{padding:3rem 0 4rem 0;} div.D1700 section.sect02 div.sect-box div.img{height:15rem; box-shadow:0 10px 20px rgba(0,0,0,0.1);} /* D2100 */ div.D2100 section.sect01 div.inner div.sect-con div.develop-wrap div.develop{flex-wrap:wrap;} div.D2100 section.sect01 div.inner div.sect-con div.develop-wrap div.develop:before{display:none;} div.D2100 section.sect01 div.inner div.sect-con div.develop-wrap div.develop div.circle{margin:0; margin-right:3.5rem;} div.D2100 section.sect01 div.inner div.sect-con div.develop-wrap div.develop div.step{width:69%;} div.D2100 section.sect01 div.inner div.sect-con div.develop-wrap div.develop div.step div.step-tit{margin-bottom:1rem; padding-bottom:1rem; border-bottom:1px solid #ddd;} div.D2100 section.sect01 div.inner div.sect-con div.develop-wrap div.concect-end{margin:4rem 0;} div.D2100 section.sect01 div.inner div.sect-con div.develop-wrap div.develop.develop01:before{display:none;} div.D2100 section.sect01 div.inner div.sect-con div.develop-wrap div.develop.develop01 div.circle{order:1;} div.D2100 section.sect01 div.inner div.sect-con div.develop-wrap div.develop.develop01 div.step01{order:2; width:69%;} div.D2100 section.sect01 div.inner div.sect-con div.develop-wrap div.develop.develop01 div.step02{order:3; width:69%;} div.D2100 section.sect02 div.inner div.sect-con div.diagram-wrap div.diagram01{margin-left:26rem;} /* D2110 */ div.D2110 section.sect01 div.network-wrap div.network div.top{padding:1.125rem 1rem;} div.D2110 section.sect01 div.network-wrap div.network div.top p{font-size:1.125rem;} div.D2110 section.sect01 div.network-wrap div.network div.bot{padding:1rem;} div.D2110 section.sect02 div.logo-wrap:before{font-size:8rem;} div.D2110 section.sect02 div.logo-wrap div.inner ul.logo-list{gap:0.6rem;} div.D2110 section.sect02 div.logo-wrap div.inner ul.logo-list li{width:19%; margin:0;} div.D2110 section.sect02 div.logo-wrap div.inner ul.logo-list li img{width:85%;} div.D2110 section.sect03 div.sect-con div.world-wrap div.world-txt div.wt{width:18rem;} div.D2110 section.sect03 div.sect-con div.world-wrap div.world-txt div.wt.wt01{top:14%; left:3%;} div.D2110 section.sect03 div.sect-con div.world-wrap div.world-txt div.wt.wt02{left:32%;} div.D2110 section.sect03 div.sect-con div.world-wrap div.world-txt div.wt.wt03{top:2%; left:58%;} /* D2120 */ div.D2120 section.sect01 div.sect-con div.lab-field div.line-wrap div.line{font-size:1rem;} div.D2120 section.sect01 div.sect-con div.lab-field div.line-wrap div.line.top{height:5rem; top:5.5rem;} div.D2120 section.sect01 div.sect-con div.lab-field div.line-wrap div.line.bot{height:5rem; bottom:5.5rem;} div.D2120 section.sect01 div.sect-con div.lab-field div.line-wrap div.line.left{width:5rem; left:9rem;} div.D2120 section.sect01 div.sect-con div.lab-field div.line-wrap div.line.right{width:5rem; right:9rem;} div.D2120 section.sect01 div.sect-con div.lab-field div.lab{border-radius:1.5rem; min-height:16rem; margin-bottom:5rem;} div.D2120 section.sect01 div.sect-con div.lab-field div.lab div.lab-inner div.top p.eng{margin-bottom:0.25rem;} div.D2120 section.sect01 div.sect-con div.lab-field div.lab div.lab-inner div.top p.kor{font-size:1.35rem;} div.D2120 section.sect01 div.sect-con div.lab-field div.lab div.lab-inner div.bot ul.lab-detail li{margin-top:0.65rem;} div.D2120 section.sect02 div.inner div.other-lab div.box{padding:2.5rem;} div.D2120 section.sect02 div.inner div.other-lab div.box div.top p.name{font-size:1.35rem;} div.D2100 section.sect02 div.inner div.sect-con div.diagram-wrap div.center{top:43%;} div.D2100 section.sect02 div.inner div.sect-con div.diagram-wrap div.diagram01{margin-bottom:10rem; flex-direction:column-reverse; margin-left:0; margin-top:2rem; gap:1rem} div.D2100 section.sect02 div.inner div.sect-con div.diagram-wrap div.diagram02{flex-direction:column; align-items:flex-end; padding-right:4rem; gap:1rem;} div.D2100 section.sect02 div.inner div.sect-con div.diagram-wrap div.diagram03{flex-direction:column; align-items:flex-start; padding-right:4rem; gap:1rem;} /* D2130 */ div.D2130 section.sect01 div.sect-con div.rel-wrap{width:35%;} div.D2130 section.sect01 div.sect-con div.rel-wrap div.circle p.txt01{font-size:1.5rem;} div.D2130 section.sect01 div.sect-con div.rel-wrap div.circle.circle02 p.txt01{font-size:1.35rem;} div.D2130 section.sect01 div.sect-con div.goal-wrap p.goal-tit{font-size:1.35rem;} div.D2130 section.sect01 div.sect-con div.goal-wrap div.goal-con div.goal div.lab p.lab-t{font-size:1.125rem;} div.D2130 section.sect02 div.sect-con div.system-wrap div.row div.circle p.txt01{font-size:2rem;} div.D2130 section.sect02 div.sect-con div.system-wrap div.row div.circle.circle02{padding:1.25rem 0;} div.D2130 section.sect02 div.sect-con div.system-wrap div.row div.circle.circle02 p.txt01{font-size:1.25rem;} div.D2130 section.sect02 div.sect-con div.system-wrap div.row.row02 ul.rel-list li{font-size:1.125rem;} div.D2130 section.sect02 div.sect-con div.system-wrap div.row.row03 div.campus-current ul.cur-list{flex-wrap:wrap;} div.D2130 section.sect02 div.sect-con div.system-wrap div.row.row03 div.campus-current ul.cur-list li{margin:0.5rem 2.5rem;} div.D2130 section.sect02 div.sect-con div.system-wrap div.row.row03 div.campus-current ul.cur-list li:last-child{margin:0.5rem 2.5rem;} div.D2130 section.sect02 div.sect-con div.system-wrap div.row.row04 div.item{font-size:1rem;} div.D2130 section.sect02 div.sect-con div.system-wrap div.row.row04 div.item:last-child{margin-bottom:0;} /* D3300 */ div.D3300 section.sect02 div.sect-con div.training-course div.arrow{width:7rem; left:1.5rem;} div.D3300 section.sect02 div.sect-con div.training-course div.arrow:after{bottom:-2.9rem;} div.D3300 section.sect02 div.sect-con div.training-course div.train div.circle-tit{width:10rem; height:10rem; min-width:10rem; font-size:1.2rem;} div.D3300 section.sect02 div.sect-con div.training-course div.train div.grapic-box div.gb-con{padding:2rem;} div.D3300 section.sect02 div.sect-con div.training-course div.train div.grapic-box div.gb-con div.col p.box01{padding:7rem 0;} div.D3300 section.sect02 div.sect-con div.training-course div.train div.grapic-box div.gb-con div.col p.box02{padding:1rem 0.5rem; margin-bottom:1rem;} div.D3300 section.sect02 div.sect-con div.training-course div.train div.grapic-box div.gb-con div.col p.box03{padding:1rem 0.5rem; margin-bottom:1rem;} div.D3300 section.sect02 div.sect-con div.training-course div.train div.grapic-box div.gb-con div.col p.box04{padding:1rem 0.5rem; margin-bottom:1rem;} /* D2200 */ div.D2200 section.sect div.sect-con div.prof-wrap div.prof{width:32%; margin-right:2%;} div.D2200 section.sect div.sect-con div.prof-wrap div.prof:nth-child(4n){margin-right:2%;} div.D2200 section.sect div.sect-con div.prof-wrap div.prof:nth-child(3n){margin-right:0;} div.D2200 section.sect div.sect-con div.prof-wrap div.prof div.prof-name p.kor{font-size:1.65rem;} div.D2200 section.sect div.sect-con div.prof-wrap div.prof div.prof-name p.kor span.pos{font-size:1.1rem;} div.D2200 section.sect div.sect-con div.prof-wrap div.prof div.prof-name p.eng{font-size:0.9rem;} } @media screen and (max-width:890px){ /* thema */ div.sub-layout div.sub-title ul.breadcrumb li.last{max-width:50%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} div.D1100 section.sect01{margin-top:10rem; padding:0;} div.D1100 section.sect01:before{height:27rem;} div.D1100 section.sect01 div.greet-img{width:40%; height:24rem; top:-8rem; left:50%; transform:translateX(-50%); box-shadow:rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.15) 0px 20px 80px -10px, rgba(0, 0, 0, 0.2) 0px 20px 40px -10px} div.D1100 section.sect01 div.greet-cont{width:100%; padding-top:18rem;} div.D1100 section.sect01 div.greet-cont div.greet-top{text-align:center;} div.D1100 section.sect01 div.greet-cont div.greet-bot{padding-top:4rem;} } @media screen and (max-width:800px){ /* thema */ div.sub-layout div.sub-tab{margin-top:3rem;} div.sub-layout div.sub-tab ul{flex-wrap:wrap; border:0; background:#fff;} div.sub-layout div.sub-tab ul li{background:#f9f9f9; border:1px solid #ddd;} div.sub-layout div.sub-tab ul li a{padding:0.8rem 1.6rem;} div.sub-layout div.sub-tab ul li.on{box-shadow:0 8px 18px rgba(0,45,122,0.18); border-color:var(--color-main01);} div.contents section.sect{margin-bottom:5rem;} h3.sect-tit{font-size:2rem;} /* D1100 */ div.D1100 section.sect01 div.greet-cont div.greet-top p.gt-big{word-break:keep-all; font-size:1.5rem;} div.D1100 section.sect01 div.greet-cont div.greet-top p.gt-small{word-break:keep-all; font-size:1rem; margin-top:1rem; line-height:1.5;} div.D1100 section.sect01 div.greet-txt-bot p.greet-name{margin-top:3rem; font-size:1.8rem;} div.D1100 section.sect01 div.greet-txt-bot p.greet-name span.small{font-size:1.15rem; margin-right:0.5rem;} /* D1200 */ /*div.D1200 section.sect div.sect-intro{height:14rem;}*/ /*div.D1200 section.sect div.sect-intro ul.hash-btn{gap:3rem;}*/ /*div.D1200 section.sect div.sect-intro ul.hash-btn li{font-size:1.4rem;}*/ /*div.D1200 section.sect02 div.plan-list div.plan{padding:2rem;}*/ /*div.D1200 section.sect02 div.plan-list div.plan div.left p.year{font-size:1rem;}*/ /*div.D1200 section.sect02 div.plan-list div.plan div.left p.tit{font-size:1.6rem;}*/ /*div.D1200 section.sect02 div.plan-list div.plan div.right ul.cir-list > li.cir{width:18rem; height:18rem; padding-top:5rem;}*/ div.D1200 section.sect div.sect-intro{height:12rem; border-radius:1.5rem;} div.D1200 section.sect div.sect-intro ul.hash-btn li{font-size:1rem;} div.D1200 section.sect02 div.plan-list div.plan div.left{margin-bottom:0;} div.D1200 section.sect02 div.plan-list div.plan div.right ul.cir-list{display:block;} div.D1200 section.sect02 div.plan-list div.plan div.right ul.cir-list > li.cir{width:100%; height:auto; border:0; border-radius:0; display:flex; align-items:center; justify-content:space-between; background:transparent;} div.D1200 section.sect02 div.plan-list div.plan div.right ul.cir-list > li.cir p.lab{position:static; transform:none; width:8rem; height:8rem; border-radius:50%; background:#fff; border:4px solid var(--color-main01); display:flex; align-items:center; justify-content:center; word-break:keep-all; text-align:center;} div.D1200 section.sect02 div.plan-list div.plan div.right ul.cir-list > li.cir.cir02 p.lab{border-color:var(--color-main03);} div.D1200 section.sect02 div.plan-list div.plan div.right ul.cir-list > li.cir.cir03 p.lab{border-color:var(--color-main04);} div.D1200 section.sect02 div.plan-list div.plan div.right ul.cir-list > li.cir ul.detail-con{width:70%;} div.D1200 section.sect02 div.plan-list div.plan div.right ul.cir-list > li.cir ul.detail-con li{text-align:left;} div.D1200 section.sect03 div.hist-wrap{margin-top:3rem;} div.D1200 section.sect03 div.hist-wrap div.hist{display:block; padding:0; margin-bottom:6rem;} div.D1200 section.sect03 div.hist-wrap div.hist:nth-child(even){background:#fff;} div.D1200 section.sect03 div.hist-wrap div.hist div.year{width:100%; margin-bottom:0; display:flex; align-items:flex-end; justify-content:space-between;} div.D1200 section.sect03 div.hist-wrap div.hist div.year p.num{font-size:3rem; transform:translateY(8px);} div.D1200 section.sect03 div.hist-wrap div.hist div.year div.compl{position:relative;} div.D1200 section.sect03 div.hist-wrap div.hist div.year div.compl p.tit{font-size:1.125rem; justify-content:flex-end;} div.D1200 section.sect03 div.hist-wrap div.hist div.year div.compl div.con{background:#fff; padding:1rem; margin-top:1rem; border-radius:1rem; border:1px solid #333; width:480px; top:1rem; right:0; position:absolute; opacity:1; box-shadow:0 20px 40px rgba(0,0,0,0.1); z-index:1;} div.D1200 section.sect03 div.hist-wrap div.hist div.hist-list{width:100%; margin-top:1rem; padding-top:1rem; border-top:2px solid var(--color-main01);} /* D1300 */ div.D1300 section.sect03 div.sect-con div.step-wrap{display:block;} div.D1300 section.sect03 div.sect-con div.step-wrap:before{width:3rem; height:80%; border:0; background:#f5f5f5; left:4.3rem; top:50%; transform:translateY(-50%);} div.D1300 section.sect03 div.sect-con div.step-wrap div.step{width:100%; display:flex; align-items:center; margin:3rem 0;} div.D1300 section.sect03 div.sect-con div.step-wrap div.step:last-child{margin-bottom:0;} div.D1300 section.sect03 div.sect-con div.step-wrap div.step div.circle{margin:0; width:12rem; height:12rem; min-width:12rem;} div.D1300 section.sect03 div.sect-con div.step-wrap div.step div.circle:after{display:none;} div.D1300 section.sect03 div.sect-con div.step-wrap div.step div.circle p.num{top:20%;} div.D1300 section.sect03 div.sect-con div.step-wrap div.step ul.list01{padding-left:3rem;} div.D1300 section.sect03 div.sect-con div.step-wrap div.step.step01 div.circle{box-shadow:0 0 0 10px rgba(0,45,122,0.1);} div.D1300 section.sect03 div.sect-con div.step-wrap div.step.step02 div.circle{box-shadow:0 0 0 10px rgba(55, 95, 173, 0.1);} div.D1300 section.sect03 div.sect-con div.step-wrap div.step.step03 div.circle{box-shadow:0 0 0 10px rgba(0,45,122,0.1);} /* D1400 */ div.D1400 section.sect01:before{top:-5rem; font-size:7rem;} div.D1400 section.sect01 div.sect-con div.organ div.row div.top{padding:1.25rem 0.8rem;} div.D1400 section.sect01 div.sect-con div.organ div.row div.box{padding:0.65rem;} div.D1400 section.sect01 div.sect-con div.organ div.row.row04 div.col{width:23.5%;} /* D1510 */ div.D1510 section.sect01 div.sect-con.sect-con02 div.ycrf-box div.txt{padding-left:2.5rem;} div.D1510 section.sect01 div.sect-con.sect-con02 div.ycrf-box div.txt p.txt02{font-size:1.125rem;} /* D1600 */ div.D1600 section.sect01 div.map-wrap{display:block;} div.D1600 section.sect01 div.map-wrap div.left{width:100%; margin-bottom:1rem;} div.D1600 section.sect01 div.map-wrap div.left ul.center-list{display:flex; align-items:center; justify-content:space-between;} div.D1600 section.sect01 div.map-wrap div.left ul.center-list li.list{width:29%; height:10rem; margin:0;} div.D1600 section.sect01 div.map-wrap div.left ul.center-list li.list div.lab{padding:1.5rem 1.25rem;} div.D1600 section.sect01 div.map-wrap div.left ul.center-list li.list div.lab p.name{font-size:1rem;} div.D1600 section.sect01 div.map-wrap div.left ul.center-list li.list div.lab p.txt{font-size:0.8rem;} div.D1600 section.sect01 div.map-wrap div.left ul.center-list li.list.on{width:40%; height:10rem;} div.D1600 section.sect01 div.map-wrap div.left ul.center-list li.list.on div.lab{height:50%;} div.D1600 section.sect01 div.map-wrap div.right{width:100%;} div.D1600 section.sect02{margin-bottom:0;} div.D1600 section.sect02 div.inner ul.trans-list{flex-wrap:wrap;} div.D1600 section.sect02 div.inner ul.trans-list li.trans{width:48%;} div.D1600 section.sect02 div.inner ul.trans-list li.trans div.ico{width:5rem; height:5rem;} div.D1600 section.sect02 div.inner ul.trans-list li.trans div.tit{margin-top:0.5rem;} div.D1600 section.sect02 div.inner ul.trans-list li.trans ul.how-list{margin-top:1rem;} div.D1600 section.sect02 div.inner ul.trans-list li.trans.car{width:100%; margin-top:2rem;} /* D1700 */ div.D1700 section.sect01 div.inner div.img-box{height:15rem; border-radius:1rem;} div.D1700 section.sect01 div.inner div.txt-box{display:block; position:relative; padding-bottom:10rem;} div.D1700 section.sect01 div.inner div.txt-box div.left{width:100%;} div.D1700 section.sect01 div.inner div.txt-box div.left a.line-btn{position:absolute; bottom:3rem; left:50%; transform:translateX(-50%);} div.D1700 section.sect01 div.inner div.txt-box div.right{width:100%;} div.D1700 section.sect01 div.inner div.txt-box div.right ul.list01 li{margin-bottom:1rem; line-height:1.5;} div.D1700 section.sect02 div.sect-box{display:block;} div.D1700 section.sect02 div.sect-box div.img{width:100%; margin-bottom:1rem;} div.D1700 section.sect02 div.sect-box div.txt{width:100%;} /* D2100 */ div.D2100 section.sect02 div.inner div.sect-con div.diagram-wrap div.center{top:43%;} div.D2100 section.sect01 div.inner div.sect-con div.develop-wrap div.develop div.circle{width:10rem; min-width:10rem; height:10rem; font-size:1rem;} div.D2100 section.sect01 div.inner div.sect-con div.develop-wrap div.develop div.step{padding-top:1rem; width:65%;} div.D2100 section.sect01 div.inner div.sect-con div.develop-wrap div.develop div.step div.step-tit{font-size:1.3rem;} div.D2100 section.sect01 div.inner div.sect-con div.develop-wrap div.develop.develop01 div.step01{width:65%;} div.D2100 section.sect01 div.inner div.sect-con div.develop-wrap div.develop.develop01 div.step02{width:65%;} div.D2100 section.sect02{padding:4rem 0; margin-bottom:0;} div.D2100 section.sect02 div.inner div.sect-con div.diagram-wrap div.diagram{flex-direction:column; gap:1rem; margin-top:8rem;} div.D2100 section.sect02 div.inner div.sect-con div.diagram-wrap div.diagram01{margin-left:0; flex-direction:column-reverse; margin-top:5rem; margin-bottom:2rem;} div.D2100 section.sect02 div.inner div.sect-con div.diagram-wrap div.diagram02{align-items:flex-end;} div.D2100 section.sect02 div.inner div.sect-con div.diagram-wrap div.diagram03{align-items:flex-start;} div.D2100 section.sect02 div.inner div.sect-con div.diagram-wrap div.diagram ul.txt-list li{font-size:0.9rem;} /* D2120 */ div.D2120 section.sect01 div.sect-con div.lab-field{margin:7rem 0; margin-bottom:10rem;} div.D2120 section.sect01 div.sect-con div.lab-field:before{display:none;} div.D2120 section.sect01 div.sect-con div.lab-field div.line-wrap div.line{border-radius:1rem; font-size:1.125rem; background:var(--color-main01); color:#fff;} div.D2120 section.sect01 div.sect-con div.lab-field div.line-wrap div.line div.inner-t > br{display:none;} div.D2120 section.sect01 div.sect-con div.lab-field div.line-wrap div.line.top{top:-5.5rem;} div.D2120 section.sect01 div.sect-con div.lab-field div.line-wrap div.line.top div.inner-t{width:100%;} div.D2120 section.sect01 div.sect-con div.lab-field div.line-wrap div.line.bot div.inner-t{width:100%;} div.D2120 section.sect01 div.sect-con div.lab-field div.line-wrap div.line.bot{bottom:-5.5rem;} div.D2120 section.sect01 div.sect-con div.lab-field div.line-wrap div.line.right{display:none;} div.D2120 section.sect01 div.sect-con div.lab-field div.line-wrap div.line.left{display:none;} div.D2120 section.sect01 div.sect-con div.lab-field div.lab{min-height:unset; height:auto; width:49%; padding:1.65rem; margin-bottom:1rem;} div.D2120 section.sect01 div.sect-con div.lab-field div.lab div.lab-inner div.top p.eng{font-size:0.9rem;} div.D2120 section.sect01 div.sect-con div.lab-field div.lab div.lab-inner div.top p.kor{font-size:1.25rem;} div.D2120 section.sect01 div.sect-con div.lab-field div.lab div.lab-inner div.bot ul.lab-detail li{width:100%;} div.D2120 section.sect02{margin-bottom:0;} div.D2120 section.sect02 div.inner div.other-lab div.box{display:block; border:0; padding:2rem; margin-bottom:2rem; box-shadow:0 10px 20px rgba(0,0,0,0.08);} div.D2120 section.sect02 div.inner div.other-lab div.box:before{top:-2rem; right:-2rem; bottom:unset; left:unset;} div.D2120 section.sect02 div.inner div.other-lab div.box div.top{width:100%; margin-bottom:1rem; border-bottom:1px solid #333; padding-bottom:1rem; display:flex; gap:1rem;} div.D2120 section.sect02 div.inner div.other-lab div.box div.top p.num{margin-bottom:0;} div.D2120 section.sect02 div.inner div.other-lab div.box div.top p.name{font-size:1.25rem;} div.D2120 section.sect02 div.inner div.other-lab div.box div.top p.name > br{display:none;} div.D2120 section.sect02 div.inner div.other-lab div.box div.bot{width:100%;} /* D2130 */ div.D2130 section.sect01 div.sect-con{display:block;} div.D2130 section.sect01 div.sect-con div.rel-wrap{width:100%; flex-direction:row; justify-content:space-between; margin-bottom:2rem;} div.D2130 section.sect01 div.sect-con div.rel-wrap div.between{flex-direction:column; width:30%; gap:0;} div.D2130 section.sect01 div.sect-con div.rel-wrap div.between span.txt{width:100%;} div.D2130 section.sect01 div.sect-con div.rel-wrap div.between span.txt:before{width:100%; height:3px;} div.D2130 section.sect01 div.sect-con div.rel-wrap div.between span.txt:after{transform:rotate(55deg);} div.D2130 section.sect01 div.sect-con div.rel-wrap div.between span.txt.t-left{padding:0;} div.D2130 section.sect01 div.sect-con div.rel-wrap div.between span.txt.t-left:before{top:unset; bottom:10%;} div.D2130 section.sect01 div.sect-con div.rel-wrap div.between span.txt.t-left:after{top:unset; bottom:7px; left:6px; right:unset;} div.D2130 section.sect01 div.sect-con div.rel-wrap div.between span.txt.t-right{padding:0;} div.D2130 section.sect01 div.sect-con div.rel-wrap div.between span.txt.t-right:after{right:5px; top:7px; bottom:unset; left:unset;} div.D2130 section.sect01 div.sect-con div.goal-wrap{width:100%; border-radius:0; background:#fff;} div.D2130 section.sect01 div.sect-con div.goal-wrap p.goal-tit{font-size:1.25rem; border-radius:1rem; margin-bottom:0.5rem;} div.D2130 section.sect01 div.sect-con div.goal-wrap div.goal-con{border-radius:1rem; border:1px solid #ddd;} div.D2130 section.sect02 div.sect-con div.system-wrap div.row.row02{padding:0 1rem;} div.D2130 section.sect02 div.sect-con div.system-wrap div.row.row02 ul.rel-list{flex-wrap:wrap;} div.D2130 section.sect02 div.sect-con div.system-wrap div.row.row02 ul.rel-list li{width:48%; height:7rem; margin-bottom:1rem;} div.D2130 section.sect02 div.sect-con div.system-wrap div.row.row03 div.campus-current ul.cur-list li{margin:0.5rem 1.5rem; font-size:0.9rem;} div.D2130 section.sect02 div.sect-con div.system-wrap div.row.row03 div.campus-current ul.cur-list li:last-child{margin:0.5rem 1.5rem;} div.D2130 section.sect03{margin-bottom:0;} div.D2130 section.sect03 div.inner div.sect-con div.campus-infa{justify-content:space-between;} div.D2130 section.sect03 div.inner div.sect-con div.campus-infa div.infa{width:48%; margin:0; margin-bottom:2rem; padding:1.25rem;} div.D2130 section.sect03 div.inner div.sect-con div.campus-infa div.infa p.tit{font-size:1.2rem;} /* D3300 */ div.D3300 section.sect01 div.sect-con div.table-wrap table.def-table div.modules-list{padding:1rem;} div.D3300 section.sect01 div.sect-con div.table-wrap table.def-table div.modules-list ul.modules{gap:0.3rem;} div.D3300 section.sect01 div.sect-con div.table-wrap table.def-table div.modules-list ul.modules li{padding:0.4rem 0.5rem 0.4rem 0.4rem;} div.D3300 section.sect01 div.sect-con div.table-wrap table.def-table div.modules-list ul.modules li span.num{width:1.8rem; height:1.8rem; line-height:1.8rem;} div.D3300 section.sect02 div.sect-con div.training-course div.train{margin:0;} div.D3300 section.sect02 div.sect-con div.training-course div.train div.circle-tit{display:none;} div.D3300 section.sect02 div.sect-con div.training-course div.train div.grapic-box{width:100%; border-radius:0; background:#fff;} div.D3300 section.sect02 div.sect-con div.training-course div.train div.grapic-box div.gb-tit{border-radius:0.8rem; margin-bottom:0.5rem;} div.D3300 section.sect02 div.sect-con div.training-course div.train div.grapic-box div.gb-con{background:#eef6fb; border-radius:1rem;} div.D3300 section.sect02 div.sect-con div.training-course div.train div.grapic-box div.gb-con div.col p.box01{font-size:1.125rem;} div.D3300 section.sect02 div.sect-con div.training-course div.train div.grapic-box div.gb-con div.col ul.ncs-list li{font-size:0.9rem;} div.D3300 section.sect02 div.sect-con div.training-course div.train.start{margin-bottom:12rem;} div.D3300 section.sect02 div.sect-con div.training-course div.train.end div.grapic-box{background:#fff;} div.D3300 section.sect02 div.sect-con div.training-course div.train.end div.grapic-box div.gb-con{background:#f6faff;} div.D3300 section.sect02 div.sect-con div.training-course div.arrow{left:50%; transform:translate(-50%, -50%); top:42%;} div.D3300 section.sect02 div.sect-con div.training-course div.arrow p.ver-txt{padding:1rem 0.5rem; font-size:0.9rem;} /* D2200 */ div.D2200 section.sect div.sect-con div.prof-wrap{justify-content:space-between;} div.D2200 section.sect div.sect-con div.prof-wrap div.prof{width:48%; margin-right:0 !important; margin:1rem 0;} /* modal */ div.prof-modal-wrap div.prof-modal div.modal{width:90%;} /* D7100 */ div.D7100 section.sect{margin-bottom:0;} /* D7110 */ div.D7110 section.sect.sect03 div.sect-con{flex-wrap: wrap; row-gap: 1.5rem;} div.D7110 section.sect.sect03 div.sect-con div.img-box{width:100%; height:22rem;} div.D7110 section.sect.sect03 div.sect-con div.right-box{width:100%;} /* D7120 */ div.D7120 section.sect.sect04 div.sect-con{flex-wrap: wrap; row-gap: 1.5rem;} div.D7120 section.sect.sect04 div.sect-con div.img-box{width:100%; height:22rem;} div.D7120 section.sect.sect04 div.sect-con div.right-box{width:100%;} } @media screen and (max-width:640px){ /* thema */ div.sub-layout div.thema div.inner p.eng{font-size:0.85rem; letter-spacing:2px; margin-bottom:0.3rem;} div.sub-layout div.thema div.inner h2.tit{font-size:2.5rem;} div.sub-layout div.thema div.scroll-down{height:3.5rem;} div.sub-layout div.menu{display:none;} div.sub-layout div.sub-title{margin:4rem 0;} div.sub-layout div.sub-title ul.breadcrumb{margin-bottom:0.65rem; font-size:0.9rem;} div.sub-layout div.sub-tab ul li{font-size:1rem;} h3.sub-tit{font-size:2.25rem;} h3.sect-tit{font-size:1.85rem;} ul.list01 > li{font-size:1.1rem;} /* D1100 */ div.D1100 section.sect01{margin-top:10rem; padding:0;} div.D1100 section.sect01:before{height:29rem;} div.D1100 section.sect01:after{top:3rem;} div.D1100 section.sect01 div.greet-img{width:50%; height:24rem; top:-8rem; left:50%; transform:translateX(-50%);} div.D1100 section.sect01 div.greet-cont{width:100%; margin-top:18rem; padding-top:0;} div.D1100 section.sect01 div.greet-cont div.greet-top p.gt-big{text-align:center;} div.D1100 section.sect01 div.greet-cont div.greet-top p.gt-small{text-align:center;} div.D1100 section.sect01 div.greet-txt-bot p.greet-name{text-align:center; padding-top:2rem; margin-top:2rem; font-size:1.6rem; border-top:1px solid #ddd;} div.D1100 section.sect01 div.greet-txt-bot p.greet-name span.small{display:block; margin-bottom:0.5rem; font-size:1rem;} div.D1100 section.sect01 div.greet-cont div.greet-bot{padding-top:4rem;} div.D1100 section.sect01:before{height: 27rem;} /* D1200 */ /*div.D1200 section.sect div.sect-intro{height:12rem; border-radius:1.5rem;}*/ /*div.D1200 section.sect div.sect-intro ul.hash-btn li{font-size:1rem;}*/ /*div.D1200 section.sect02 div.plan-list div.plan div.left{margin-bottom:0;}*/ /*div.D1200 section.sect02 div.plan-list div.plan div.right ul.cir-list{display:block;}*/ /*div.D1200 section.sect02 div.plan-list div.plan div.right ul.cir-list > li.cir{width:100%; height:auto; border:0; border-radius:0; display:flex; align-items:center; justify-content:space-between; background:transparent;}*/ /*div.D1200 section.sect02 div.plan-list div.plan div.right ul.cir-list > li.cir p.lab{position:static; transform:none; width:8rem; height:8rem; border-radius:50%; background:#fff; border:4px solid var(--color-main01); display:flex; align-items:center; justify-content:center; word-break:keep-all; text-align:center;}*/ /*div.D1200 section.sect02 div.plan-list div.plan div.right ul.cir-list > li.cir.cir02 p.lab{border-color:var(--color-main03);}*/ /*div.D1200 section.sect02 div.plan-list div.plan div.right ul.cir-list > li.cir.cir03 p.lab{border-color:var(--color-main04);}*/ /*div.D1200 section.sect02 div.plan-list div.plan div.right ul.cir-list > li.cir ul.detail-con{width:70%;}*/ /*div.D1200 section.sect02 div.plan-list div.plan div.right ul.cir-list > li.cir ul.detail-con li{text-align:left;}*/ /*div.D1200 section.sect03 div.hist-wrap{margin-top:3rem;}*/ /*div.D1200 section.sect03 div.hist-wrap div.hist{display:block; padding:0; margin-bottom:6rem;}*/ /*div.D1200 section.sect03 div.hist-wrap div.hist:nth-child(even){background:#fff;}*/ /*div.D1200 section.sect03 div.hist-wrap div.hist div.year{width:100%; margin-bottom:0; display:flex; align-items:flex-end; justify-content:space-between;}*/ /*div.D1200 section.sect03 div.hist-wrap div.hist div.year p.num{font-size:3rem; transform:translateY(8px);}*/ /*div.D1200 section.sect03 div.hist-wrap div.hist div.year div.compl{position:relative;}*/ /*div.D1200 section.sect03 div.hist-wrap div.hist div.year div.compl p.tit{font-size:1.125rem; justify-content:flex-end;}*/ /*div.D1200 section.sect03 div.hist-wrap div.hist div.year div.compl div.con{background:#fff; padding:1rem; margin-top:1rem; border-radius:1rem; border:1px solid #333; width:480px; top:1rem; right:0; position:absolute; opacity:1; box-shadow:0 20px 40px rgba(0,0,0,0.1); z-index:1;}*/ /*div.D1200 section.sect03 div.hist-wrap div.hist div.hist-list{width:100%; margin-top:1rem; padding-top:1rem; border-top:2px solid var(--color-main01);}*/ /* D1400 */ div.D1400 section.sect01 div.sect-con div.organ div.row div.top{padding:1rem 0.5rem; word-break:initial; font-size:0.9rem;} div.D1400 section.sect01 div.sect-con div.organ div.row.row01{width:80%;} div.D1400 section.sect01 div.sect-con div.organ div.row.row01 div.top{font-size:1.25rem; padding:1.25rem 1rem;} div.D1400 section.sect01 div.sect-con div.organ div.row.row02 div.top{padding:1rem; font-size:1.1rem;} div.D1400 section.sect01 div.sect-con div.organ div.row.row03 div.top{width:80%; padding:1.25rem 1rem; font-size:1.1rem;} /* D1500 */ div.D1500 section.sect01 div.facility-wrap div.facility{display:block; padding-bottom:0;} div.D1500 section.sect01 div.facility-wrap div.facility div.left-img{width:100%; height:21rem;} div.D1500 section.sect01 div.facility-wrap div.facility div.right-txt{width:100%; margin-top:1.5rem;} div.D1500 section.sect01 div.facility-wrap div.facility div.right-txt div.bot ul.etc-list{position:static; margin-top:2rem;} div.D1500 section.sect01 div.facility-wrap div.facility div.right-txt div.bot ul.etc-list li{padding-left:0; padding-right:0;} /* D1510 */ div.D1510 section.sect01 div.sect-con.sect-con02 div.ycrf-box{border-radius:1.5rem;} /* D1600 */ div.D1600 section.sect01 div.map-wrap div.left ul.center-list li.list{border-radius:0.8rem; width:27%;} div.D1600 section.sect01 div.map-wrap div.left ul.center-list li.list span.prepare{font-size:10px; top:0.6rem; left:0.6rem; padding:4px 8px;} div.D1600 section.sect01 div.map-wrap div.left ul.center-list li.list div.lab{padding:1.25rem 1rem;} div.D1600 section.sect01 div.map-wrap div.left ul.center-list li.list div.lab p.name{padding:0; font-size: 0.8rem; word-break:break-word;} div.D1600 section.sect01 div.map-wrap div.left ul.center-list li.list div.lab p.name:after{display:none;} div.D1600 section.sect01 div.map-wrap div.left ul.center-list li.list.on{width:44%;} div.D1600 section.sect01 div.map-wrap div.left ul.center-list li.list.on div.lab{height:40%;} div.D1600 section.sect01 div.map-wrap div.left ul.center-list li.list.on div.lab p.txt{display:none;} div.D1600 section.sect01 div.map-wrap div.right div.center div.map-box{height:21rem;} div.D1600 section.sect01 div.map-wrap div.right div.center div.addr-box{height:auto; padding:1.5rem;} div.D1600 section.sect01 div.map-wrap div.right div.center div.addr-box div.addr{margin-right:0.5rem;} div.D1600 section.sect01 div.map-wrap div.right div.center div.addr-box div.addr span.lab{font-size:0.9rem; opacity:.5;} div.D1600 section.sect01 div.map-wrap div.right div.center div.addr-box a.btn-gilsearch{word-break:keep-all;} div.D1600 section.sect02 div.inner ul.trans-list li.trans{padding:2rem 1.5rem;} div.D1600 section.sect02 div.inner ul.trans-list li.trans div.ico{width:4.5rem; height:4.5rem;} div.D1600 section.sect02 div.inner ul.trans-list li.trans div.ico img{width:40%; height:40%;} div.D1600 section.sect02 div.inner ul.trans-list li.trans ul.how-list li{padding:0.5rem 0;} /* D2100 */ div.D2100 section.sect01 div.inner div.sect-con div.develop-wrap div.develop{justify-content:center;} div.D2100 section.sect02 div.inner div.sect-con div.diagram-wrap div.center{top:37%;} div.D2100 section.sect01 div.inner div.sect-con div.develop-wrap div.develop div.circle{margin:0; margin-bottom:0.5rem; width:100%; box-shadow:none !important; height:auto; border-radius:0.65rem; height:auto; padding:1rem; font-size:1.25rem;} div.D2100 section.sect01 div.inner div.sect-con div.develop-wrap div.develop div.step{width:100%; padding:1.5rem; border-radius:1rem;} div.D2100 section.sect01 div.inner div.sect-con div.develop-wrap div.develop div.step div.step-con{padding:0; line-height:1.5;} div.D2100 section.sect01 div.inner div.sect-con div.develop-wrap div.develop div.step div.step-tit{font-size:1.2rem;} div.D2100 section.sect01 div.inner div.sect-con div.develop-wrap div.develop div.step div.step-tit span.num{margin-right:0.2rem;} div.D2100 section.sect01 div.inner div.sect-con div.develop-wrap div.concect-end{background:#fff; border-radius:0; margin:0; color:#7f7f7f;} div.D2100 section.sect01 div.inner div.sect-con div.develop-wrap div.concect-end:before{content:''; display:block; width:1px; height:1rem; border-left:3px dashed #ccc; margin:0 auto; margin-bottom:1rem;} div.D2100 section.sect01 div.inner div.sect-con div.develop-wrap div.concect-end:after{content:''; display:block; width:1px; height:1rem; border-left:3px dashed #ccc; margin:0 auto; margin-top:1rem;} div.D2100 section.sect01 div.inner div.sect-con div.develop-wrap div.develop.develop01 div.step01{width:100%; background:#f5f5f5;} div.D2100 section.sect01 div.inner div.sect-con div.develop-wrap div.develop.develop01 div.step01 div.step-tit{border-color:#ddd;} div.D2100 section.sect01 div.inner div.sect-con div.develop-wrap div.develop.develop01 div.step02{width:100%; background:#ebf3f8; margin-top:0.5rem;} div.D2100 section.sect01 div.inner div.sect-con div.develop-wrap div.develop.develop01 div.step02 div.step-tit{border-color:#3f89ba;} div.D2100 section.sect01 div.inner div.sect-con div.develop-wrap div.develop.develop02 div.step03{background:#ecf1f9;} div.D2100 section.sect01 div.inner div.sect-con div.develop-wrap div.develop.develop02 div.step03 div.step-tit{border-color:var(--color-main01);} div.D2100 section.sect01 div.inner div.sect-con div.develop-wrap div.develop.develop03 div.step04{background:#fff6f0;} div.D2100 section.sect01 div.inner div.sect-con div.develop-wrap div.develop.develop03 div.step04 div.step-tit{border-color:var(--color-main02);} /* D2110 */ div.D2110 section.sect01 div.network-wrap{display:block;} div.D2110 section.sect01 div.network-wrap div.network{width:100%; display:flex; align-items:center; justify-content:space-between; margin-bottom:1rem; padding-bottom:1rem; border-bottom:1px solid #ddd;} div.D2110 section.sect01 div.network-wrap div.network:last-child{border-bottom:none; margin-bottom:0; padding-bottom:0;} div.D2110 section.sect01 div.network-wrap div.network div.top{width:8rem; height:8rem; border-radius:50%; padding:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:0.2rem; margin:0;} div.D2110 section.sect01 div.network-wrap div.network div.top div.ico{position:static; transform:none;} div.D2110 section.sect01 div.network-wrap div.network div.top p{text-align:center;} div.D2110 section.sect01 div.network-wrap div.network div.bot{width:calc(100% - 10rem); border:none; padding:0;} div.D2110 section.sect02 div.logo-wrap:before{font-size:7rem; bottom:-2rem;} div.D2110 section.sect02 div.logo-wrap div.inner ul.logo-list li{width:32%;} div.D2110 section.sect03 div.sect-con div.world-wrap div.world-txt div.wt{width:14rem; padding:0.8rem;} div.D2110 section.sect03 div.sect-con div.world-wrap div.world-txt div.wt:after{display:none !important;} div.D2110 section.sect03 div.sect-con div.world-wrap div.world-txt div.wt.wt01{top:23%; left:1%;} div.D2110 section.sect03 div.sect-con div.world-wrap div.world-txt div.wt.wt02{top:60%; left:21%;} /* D2130 */ div.D2130 section.sect01 div.sect-con div.rel-wrap div.circle{width:10rem; height:10rem; min-width:10rem;} div.D2130 section.sect01 div.sect-con div.rel-wrap div.circle p.txt01{font-size:1.25rem;} div.D2130 section.sect01 div.sect-con div.rel-wrap div.circle p.txt02{font-size:0.9rem;} div.D2130 section.sect01 div.sect-con div.rel-wrap div.circle.circle02 p.txt01{font-size:1.125rem;} div.D2130 section.sect02 div.sect-con div.system-wrap div.row:not(.row01, .row04, .row05){padding:0; border:0;} div.D2130 section.sect02 div.sect-con div.system-wrap div.row div.circle{border:0; background:var(--color-main01); color:#fff; border-radius:1rem; padding:1.25rem 0;} div.D2130 section.sect02 div.sect-con div.system-wrap div.row div.circle p.txt01{font-size:1.5rem;} div.D2130 section.sect02 div.sect-con div.system-wrap div.row div.circle p.txt02{font-size:1rem;} div.D2130 section.sect02 div.sect-con div.system-wrap div.row.row01{margin-bottom:1rem;} div.D2130 section.sect02 div.sect-con div.system-wrap div.row.row02{padding:0;} div.D2130 section.sect02 div.sect-con div.system-wrap div.row.row02 ul.rel-list li{/*height: 4rem;*/ border-radius:0.8rem; flex-wrap:wrap; justify-content:center; /*align-items:center; text-align:right;*/} div.D2130 section.sect02 div.sect-con div.system-wrap div.row.row02 ul.rel-list li span.rel-t{width:100%; height:2rem; line-height:2rem;} div.D2130 section.sect02 div.sect-con div.system-wrap div.row.row03{margin-bottom:1rem;} div.D2130 section.sect02 div.sect-con div.system-wrap div.row.row03 div.campus-current p.lab{font-size:1rem; margin-bottom:1rem;} div.D2130 section.sect02 div.sect-con div.system-wrap div.row.row03 div.campus-current ul.cur-list li{width:7rem; height:7rem; margin:0.5rem 1rem; padding:0 0.5rem;} div.D2130 section.sect02 div.sect-con div.system-wrap div.row.row03 div.campus-current ul.cur-list li:last-child{margin:0.5rem 1rem;} div.D2130 section.sect02 div.sect-con div.system-wrap div.row.row04{padding:0; margin-bottom:0.5rem;} div.D2130 section.sect02 div.sect-con div.system-wrap div.row.row04 div.item{margin-bottom:0.5rem;} div.D2130 section.sect02 div.sect-con div.system-wrap div.row.row04 div.item:before{width:2rem; height:2rem;} div.D2130 section.sect02 div.sect-con div.system-wrap div.row.row04 div.item > div{padding:0.65rem;} div.D2130 section.sect02 div.sect-con div.system-wrap div.row div.circle.circle02{border-radius:0.5rem; padding:1rem 0;} div.D2130 section.sect02 div.sect-con div.system-wrap div.row div.circle.circle02 p.txt01{font-size:1.125rem;} /* D3210 */ div.sub-layout ul.sub-tab2{flex-wrap:wrap;} div.sub-layout ul.sub-tab2.item5 li{width:calc(100% / 3);} /* D3300 */ div.D3300 section.sect02 div.sect-con div.training-course div.train div.grapic-box div.gb-con{padding:1.65rem;} div.D3300 section.sect02 div.sect-con div.training-course div.train div.grapic-box div.gb-con div.col.col01{width:22%;} div.D3300 section.sect02 div.sect-con div.training-course div.train div.grapic-box div.gb-con div.col.col03{width:22%;} div.D3300 section.sect02 div.sect-con div.training-course div.train div.grapic-box div.gb-con div.col.col02 p.box03:before{top:-1.5rem;} div.D3300 section.sect02 div.sect-con div.training-course div.train div.grapic-box div.gb-con div.col.col02 p.box02:after{right:-1.5rem;} div.D3300 section.sect02 div.sect-con div.training-course div.train div.grapic-box div.gb-con div.col.col02 p.box04:before{left:-1.5rem;} div.D3300 section.sect02 div.sect-con div.training-course div.train div.grapic-box div.gb-con div.col.col02 p.box03:after{right:-1.5rem;} div.D3300 section.sect02 div.sect-con div.training-course div.train div.grapic-box div.gb-con div.col.col02 p.box04:after{right:-1.5rem;} div.D3300 section.sect02 div.sect-con div.training-course div.arrow{top:40%;} /* D3500 */ div.D3500 section.sect01 div.sect-con div.course-sort div.course p.tit{width:7rem; height:7rem; min-width:7rem; font-size:1rem;} div.D3500 section.sect01 div.sect-con div.course-sort div.course p.txt{font-size:1rem;} div.D3500 section.sect02 div.sect-con div.table-wrap table.def-table tbody td ul.list02{margin-left:0;} /* D7100 */ div.sub-layout div.sub-tab.D7100-subtab ul{width:fit-content; column-gap:1rem; row-gap:0.8rem;} div.D7100 section.sect div.txt-box{padding:2rem;} /* D7110 */ div.D7110 section.sect.sect03 div.sect-con div.img-box{height:20rem;} /* D7120 */ div.D7120 section.sect.sect04 div.sect-con div.img-box{height:20rem;} div.D7120 section.sect div.sect-con div.info-box div.top-con{padding:1.25rem;} div.D7120 section.sect div.sect-con div.info-box div.top-con p{font-size:1.125rem;} } @media screen and (max-width:480px){ /* thema */ div.sub-layout div.thema{height:25rem;} div.sub-layout div.sub-tab ul li a{padding:0.625rem 1.2rem;} div.sub-layout div.sub-tab.D7100-subtab ul li a{padding:0.625rem 1.2rem;} h3.sub-tit{font-size:1.8rem;} h3.sect-tit{font-size:1.75rem;} h4.sect-tit{font-size:1.35rem;} div.sub-layout ul.sub-tab2 li{font-size:1rem;} div.sub-layout ul.sub-tab2 li a{padding:1rem 0;} div.contents section.sect div.poster-wrap img{box-shadow:0 10px 20px rgba(0,0,0,0.1);} /* D1100 */ div.D1100 section.sect01 div.greet-img{width:60%; height:23rem; top:-7rem;} div.D1100 section.sect01 div.greet-cont div.greet-top p.gt-big{font-size:1.5rem; line-height:1.4;} div.D1100 section.sect01 div.greet-cont div.greet-top p.gt-small{font-size:1.125rem; line-height:1.4; margin-top:0.65rem;} div.D1100 section.sect01 p.greet-txt{margin-top:2rem;} div.D1100 section.sect01:before{height: 29rem;} div.D1100 section.sect01 div.greet-cont div.greet-bot{padding-top: 2rem;} /* D1200 */ div.D1200 section.sect div.sect-intro{height:10rem;} div.D1200 section.sect02 div.plan-list div.plan div.right ul.cir-list > li.cir ul.detail-con{width:65%;} div.D1200 section.sect03 div.hist-wrap{margin-top:2rem;} div.D1200 section.sect03 div.hist-wrap div.hist div.year div.compl div.con{width:380px;} /* D1300 */ div.D1300 section.sect01 p.txt01{font-size:1.6rem; margin-bottom:1rem;} div.D1300 section.sect01 p.txt02{font-size:1.1rem;} div.D1300 section.sect02 div.inner div.sect-bot{margin:2rem 0 0 0;} div.D1300 section.sect02 div.inner div.sect-bot ul.box-list li{width:100%; display:flex; align-items:center; justify-content:space-around;} div.D1300 section.sect02 div.inner div.sect-bot ul.box-list li div.ico{margin:0;} div.D1300 section.sect02 div.inner div.sect-bot ul.box-list li div.txt{text-align:left; width:70%;} div.D1300 section.sect02 div.inner div.sect-bot ul.box-list li div.txt > p{display:inline; word-break:keep-all;} div.D1300 section.sect03 div.sect-con div.step-wrap:before{width:2rem; left:4rem;} div.D1300 section.sect03 div.sect-con div.step-wrap div.step div.circle{width:10rem; height:10rem; min-width:10rem;} div.D1300 section.sect03 div.sect-con div.step-wrap div.step div.circle p.num{font-size:0.9rem;} div.D1300 section.sect03 div.sect-con div.step-wrap div.step div.circle p.kor{font-size:1rem; top:52%;} div.D1300 section.sect03 div.sect-con div.step-wrap div.step div.circle p.date{font-size:0.8rem;} div.D1300 section.sect03 div.sect-con div.step-wrap div.step ul.list01{padding-left:2rem;} /* D1400 */ div.D1400 section.sect01:before{font-size:6rem;} div.D1400 section.sect01 div.sect-con div.organ div.row div.top{padding:0.8rem 0.5rem; font-size:0.85rem; word-break: break-word;} div.D1400 section.sect01 div.sect-con div.organ div.row div.box ul.work-list li{font-size:0.8rem; padding:0; padding-bottom:0.25rem; margin-bottom:0.25rem; border-bottom:1px dashed #ddd; word-break: break-word;} div.D1400 section.sect01 div.sect-con div.organ div.row div.box ul.work-list li:last-child{padding-bottom:0; margin-bottom:0; border-bottom:none;} div.D1400 section.sect01 div.sect-con div.organ div.row div.box ul.work-list li:before{display:none;} div.D1400 section.sect01 div.sect-con div.organ div.row.row02 div.top{font-size:1rem;} div.D1400 section.sect01 div.sect-con div.organ div.row.row03:before{height:137%;} div.D1400 section.sect01 div.sect-con div.organ div.row.row03 div.top{font-size:1rem;} div.D1400 section.sect02 div.sect-con div.table-wrap table.def-table colgroup{display:none;} div.D1400 section.sect02 div.sect-con div.table-wrap table.def-table tbody tr{background:#fff !important;} /* D1500 */ div.D1500 section.sect01 div.facility-wrap div.facility div.left-img{height:18rem;} div.D1500 section.sect01 div.facility-wrap div.facility div.right-txt{margin-top:1rem;} div.D1500 section.sect01 div.facility-wrap div.facility div.right-txt div.top p.txt01{font-size:1.4rem; margin-bottom:0.65rem;} /* D1510 */ div.D1510 section.sect01 div.sect-con.sect-con02 div.ycrf-box{padding:2rem;} div.D1510 section.sect01 div.sect-con.sect-con02 div.ycrf-box div.img{width:16rem;} div.D1510 section.sect01 div.sect-con.sect-con02 div.ycrf-box div.txt{padding-left:2rem;} div.D1510 section.sect01 div.sect-con.sect-con02 div.ycrf-box div.txt p.txt01{font-size:1.125rem;} div.D1510 section.sect01 div.sect-con.sect-con02 div.ycrf-box div.txt p.txt02{font-size:1rem;} /* D1600 */ div.D1600 section.sect02 div.inner ul.trans-list li.trans{width:100%; margin-bottom:1rem; box-shadow:0 10px 20px rgba(0,0,0,0.1);} div.D1600 section.sect02 div.inner ul.trans-list li.trans:last-child{margin-bottom:0;} div.D1600 section.sect02 div.inner ul.trans-list li.trans.car{margin-top:0;} /* D1700 */ div.D1700 section.sect01:before{height:86%;} div.D1700 section.sect01 div.inner div.img-box{height:12rem;} div.D1700 section.sect01 div.inner div.txt-box div.left div.top p.lg-t{font-size:1.5rem;} div.D1700 section.sect01 div.inner div.txt-box div.right{margin-top:2rem;} div.D1700 section.sect01 div.inner div.txt-box div.left a.line-btn{width:100%;} /* D2100 */ div.D2100 section.sect01 div.inner div.sect-con div.develop-wrap div.develop{margin:2rem 0;} div.D2100 section.sect02 div.inner div.sect-con div.diagram-wrap div.center{top:40%;} div.D2100 section.sect02 div.inner div.sect-con div.diagram-wrap div.diagram{margin:0; margin-top:8rem;} div.D2100 section.sect02 div.inner div.sect-con div.diagram-wrap div.diagram div.cir-tit{width:10rem; height:10rem; min-width:10rem; line-height:1.3;} div.D2100 section.sect02 div.inner div.sect-con div.diagram-wrap div.diagram01{margin-top:5rem;} div.D2100 section.sect02 div.inner div.sect-con div.diagram-wrap div.diagram02{padding-right:2.5rem;} div.D2100 section.sect02 div.inner div.sect-con div.diagram-wrap div.diagram03{padding-left:2.5rem;} /* D2110 */ div.D2110 section.sect01 div.network-wrap div.network div.top{width:7rem; height:7rem;} div.D2110 section.sect01 div.network-wrap div.network div.top p{font-size:1.05rem;} div.D2110 section.sect01 div.network-wrap div.network div.bot{width:calc(100% - 8.5rem);} div.D2110 section.sect03 div.sect-con div.world-wrap div.world-txt div.wt{width:40%; padding:0.65rem; border:2px solid; font-size:0.9rem;} div.D2110 section.sect03 div.sect-con div.world-wrap div.world-txt div.wt.wt02{top:58%; left:16%;} div.D2110 section.sect03 div.sect-con div.world-wrap div.world-txt div.wt.wt03{top:58%; left:58%;} /* D2120 */ div.D2120 section.sect01 div.sect-con div.lab-field div.lab{width:100%;} div.D2120 section.sect01 div.sect-con div.lab-field div.lab.lab03{margin-bottom:1rem;} /* D2130 */ div.D2130 section.sect01 div.sect-con div.rel-wrap div.between{width:25%; font-size:0.9rem;} div.D2130 section.sect01 div.sect-con div.goal-wrap div.goal-con{padding:1.5rem 1.25rem;} div.D2130 section.sect01 div.sect-con div.goal-wrap div.goal-con div.goal ul.chart li div.count{width:75%;} div.D2130 section.sect02 div.sect-con div.system-wrap div.row.row03 div.campus-current ul.cur-list li{margin-right:0.8rem; width:8rem; height:8rem;} div.D2130 section.sect02 div.sect-con div.system-wrap div.row.row04 div.item div.left{border-width:2px;} div.D2130 section.sect03 div.inner div.sect-con div.campus-infa div.infa{padding:1rem;} div.D2130 section.sect03 div.inner div.sect-con div.campus-infa div.infa p.tit{font-size:1.125rem; margin-bottom:0.6rem; padding-bottom:0.6rem;} /* D2130 */ div.D2130 section.sect01 div.sect-con div.rel-wrap div.circle{width:8rem; height:8rem; min-width:8rem;} div.D2130 section.sect01 div.sect-con div.rel-wrap div.between{font-size:0.8rem;} div.D2130 section.sect02 div.sect-con div.system-wrap div.row.row02 ul.rel-list li{font-size:1rem;} /* D3300 */ div.D3300 section.sect01 div.sect-con div.table-wrap table.def-table div.modules-list{padding:0.65rem;} div.D3300 section.sect01 div.sect-con div.table-wrap table.def-table div.modules-list ul.modules li span.num{width:1.5rem; height:1.5rem; line-height:1.5rem;} div.D3300 section.sect02 div.sect-con div.training-course div.train div.grapic-box div.gb-con div.col.col01{width:20%;} div.D3300 section.sect02 div.sect-con div.training-course div.train div.grapic-box div.gb-con div.col.col02{width:53%;} div.D3300 section.sect02 div.sect-con div.training-course div.train div.grapic-box div.gb-con div.col.col03{width:20%;} div.D3300 section.sect02 div.sect-con div.training-course div.train div.grapic-box div.gb-con div.col p.box01{font-size:1rem; padding:0; height:19rem; writing-mode:vertical-lr; line-height:5;} div.D3300 section.sect02 div.sect-con div.training-course div.train div.grapic-box div.gb-con div.col p.box01 > br{display:none;} div.D3300 section.sect02 div.sect-con div.training-course div.train div.grapic-box div.gb-con div.col p.box02{font-size:0.9rem;} div.D3300 section.sect02 div.sect-con div.training-course div.train div.grapic-box div.gb-con div.col p.box04{font-size:0.9rem;} div.D3300 section.sect02 div.sect-con div.training-course div.train div.grapic-box div.gb-con div.col p.box01{border-radius:0.5rem;} div.D3300 section.sect02 div.sect-con div.training-course div.train div.grapic-box div.gb-con div.col ul.ncs-list li{writing-mode:vertical-lr; line-height:2.6;} /* D2200 */ div.D2200 section.sect div.sect-con div.prof-wrap div.prof{padding:1.25rem;} div.D2200 section.sect div.sect-con div.prof-wrap div.prof div.prof-img{height:12rem;} div.D2200 section.sect div.sect-con div.prof-wrap div.prof div.prof-name p.kor span.pos{font-size:1rem;} /* modal */ div.prof-modal-wrap div.prof-modal div.modal div.mhead{padding:0 1.5rem;} div.prof-modal-wrap div.prof-modal div.modal div.mbody div.top{padding:1.25rem 1.5rem;} div.prof-modal-wrap div.prof-modal div.modal div.mbody div.bot{padding:2rem 1.5rem;} div.prof-modal-wrap div.prof-modal div.modal div.mbody div.bot div.career div.c-con ul.list li{display:block;} div.prof-modal-wrap div.prof-modal div.modal div.mbody div.bot div.career div.c-con ul.list li span.period{display:block; margin-bottom:0.25rem;} /* D7100 */ div.D7100{background:url("/fro_end_eng/img/D7100_bg.png") center bottom / 400% no-repeat;} div.D7100 section.sect div.txt-box{padding:1.5rem 1.25rem;} /* D7110 */ div.D7110 section.sect div.def-box{font-size:1rem;} div.D7110 section.sect.sect03 div.sect-con div.right-box{font-size:1rem;} /*div.D7110 section.sect.sect03 div.sect-con div.img-box{height:16rem;}*/ /* D7120 */ div.D7120 section.sect.sect03 div.sect-con div.right-box{font-size:1rem;} /*div.D7120 section.sect.sect04 div.sect-con div.img-box{height:16rem;}*/ /* D7150 */ div.D7150 section.sect div.sect-con p.module-tit{margin:4rem 0 1.5rem 0;} div.D7150 section.sect div.sect-con div.con03-table{margin-top:1.5rem;} } @media screen and (max-width:400px){ /* thema */ /****** SUB LAYOUT ******/ div.sub-layout div.sub-title ul.breadcrumb{flex-wrap:wrap; row-gap:0.5rem;} /* D1100 */ div.D1100 section.sect01 div.greet-img{width:70%;} /* D1200 */ div.D1200 section.sect div.sect-intro ul.hash-btn{gap:2rem;} div.D1200 section.sect02 div.plan-list div.plan{padding:2rem 1.5rem;} div.D1200 section.sect02 div.plan-list div.plan div.right ul.cir-list > li.cir p.lab{width:7rem; height:7rem;} div.D1200 section.sect03 div.hist-wrap div.hist div.year p.num{font-size:2.5rem;} div.D1200 section.sect03 div.hist-wrap div.hist div.year div.compl p.tit{font-size:1rem;} div.D1200 section.sect03 div.hist-wrap div.hist div.year div.compl div.con{width:320px;} div.D1100 section.sect01 div.greet-cont div.greet-bot{padding-top:2rem;} div.D1100 section.sect01:before{height:29rem;} /* D1300 */ div.D1300 section.sect03 div.sect-con div.step-wrap:before{left:3.5rem;} div.D1300 section.sect03 div.sect-con div.step-wrap div.step{margin:0; margin-bottom:4rem;} div.D1300 section.sect03 div.sect-con div.step-wrap div.step div.circle{width:9rem; height:9rem; min-width:9rem;} div.D1300 section.sect03 div.sect-con div.step-wrap div.step.step01 div.circle{box-shadow:0 0 0 5px rgba(0,45,122,0.1);} div.D1300 section.sect03 div.sect-con div.step-wrap div.step.step02 div.circle{box-shadow:0 0 0 5px rgba(55, 95, 173, 0.1);} div.D1300 section.sect03 div.sect-con div.step-wrap div.step.step03 div.circle{box-shadow:0 0 0 5px rgba(0,45,122,0.1);} /* D1400 */ div.D1400 section.sect01:before{font-size:5rem; top:-4rem;} div.D1400 section.sect01 div.sect-con div.organ div.row div.box{padding:0.5rem;} div.D1400 section.sect01 div.sect-con div.organ div.row.row03:before{height:132%;} /* D1500 */ div.D1500 section.sect01 div.facility-wrap div.facility div.left-img{height:15rem;} /* D2100 */ div.D2100 section.sect01 div.inner div.sect-con div.develop-wrap div.develop div.step div.step-tit span.num{display:block; margin-bottom:0.25rem;} div.D2100 section.sect02 div.inner div.sect-con div.diagram-wrap div.center{top:36%;} /* D2110 */ div.D2110 section.sect02 div.logo-wrap div.inner ul.logo-list li{width:48%;} /* D2130 */ div.D2130 section.sect02 div.sect-con div.system-wrap div.row.row02 ul.rel-list li{font-size:0.9rem;} /* D3300 */ div.D3300 section.sect02 div.sect-con div.training-course div.train div.grapic-box div.gb-con{padding:1rem;} div.D3300 section.sect02 div.sect-con div.training-course div.train div.grapic-box div.gb-con div.col p.box01{line-height:4.5;} /* D2200 */ div.D2200 section.sect div.sect-con div.prof-wrap div.prof{width:100%; display:flex; flex-wrap:wrap; align-items:flex-end; border:1px solid var(--color-main01);} div.D2200 section.sect div.sect-con div.prof-wrap.gray div.prof{border-color:#ccc;} div.D2200 section.sect div.sect-con div.prof-wrap div.prof div.prof-img{width:42%; height:12rem; margin-bottom:0; margin-right:8%;} div.D2200 section.sect div.sect-con div.prof-wrap div.prof div.prof-name{width:50%; border:0; margin:0; padding:0;} div.D2200 section.sect div.sect-con div.prof-wrap div.prof div.prof-name p.kor{font-size:1.8rem; flex-direction:column-reverse; align-items:flex-start; gap:0.25rem;} div.D2200 section.sect div.sect-con div.prof-wrap div.prof div.prof-name p.kor span.pos{font-size:1.15rem;} div.D2200 section.sect div.sect-con div.prof-wrap div.prof div.prof-name p.eng{margin-top:1rem;} div.D2200 section.sect div.sect-con div.prof-wrap div.prof div.prof-inf{width:100%; margin-top:1rem; padding-top:1rem; border-top:1px solid #ddd;} /* modal */ div.prof-modal-wrap div.prof-modal div.modal div.mbody div.top div.con ul.info li{font-size:0.9rem;} div.prof-modal-wrap div.prof-modal div.modal div.mbody div.top div.con ul.info li:before{top:2px;} /* D7110 */ div.D7110 section.sect.sect03 div.sect-con div.img-box{height:14rem;} /* D7120 */ div.D7120 section.sect.sect04 div.sect-con div.img-box{height:14rem;} } @media screen and (max-width:320px){ /* D1200 */ div.D1200 section.sect03 div.hist-wrap div.hist div.year div.compl div.con{width:280px;} }