@charset "UTF-8"; :root{ --height-thema:28rem; --height-subnav:4rem; --18px-lineheight:1.725; } /***** 레이아웃 영역 *****/ div.wrap div.sub-container{min-height:87vh;} div.wrap div.sub-container div.sub-inner{height:100%;} div.wrap.sub div.thema{width:100%; height:var(--height-thema); background:#333; position:fixed; top:0; left:0; overflow:hidden; /* 텍스트 드래그 방지 */ -webkit-user-select:none; -moz-user-select:none -ms-user-select:none; user-select:none} div.wrap.sub div.thema:before{content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0; opacity:.4; animation:scaleDown 2s cubic-bezier(0.23, 1, 0.32, 1);} div.wrap.sub div.thema h2.title{color:#fff; font-family:'NanumNeo_EB',sans-serif; font-size:2.5rem; text-shadow:0 8px 16px rgba(0,0,0,0.1); position:absolute; top:55%; width:100%; text-align:center; letter-spacing:1px; transform:translateY(-50%);} div.wrap.sub div.thema div.eng{position:absolute; bottom:0.5rem; right:0; color:rgba(255,255,255,0.08); letter-spacing:-3px;} div.wrap.sub div.thema div.eng > span{display:inline-block; font-size:10rem; font-family:'Montserrat_EB', 'NanumNeo_H', sans-serif;} div.wrap.sub div.thema01:before{background:url("/fro_end/img/thema01.jpg")center/cover no-repeat;} div.wrap.sub div.thema02:before{background:url("/fro_end/img/thema02.jpg")center/cover no-repeat;} div.wrap.sub div.thema03:before{background:url("/fro_end/img/thema03.jpg")center/cover no-repeat;} div.wrap.sub div.thema04:before{background:url("/fro_end/img/thema04.jpg")center/cover no-repeat;} div.wrap.sub div.thema05:before{background:url("/fro_end/img/thema05.jpg")center 40% /cover no-repeat;} div.wrap.sub div.sub-page{margin-top:calc(var(--height-thema) - var(--height-subnav)); position:relative; z-index:500; background:#fff; min-height:100vh; border-radius:3rem 0 0 0;} div.wrap.sub div.sub-page div.subnav{width:100%; height:var(--height-subnav); margin:0 auto; border-bottom:1px solid #eee; position:relative;} div.wrap.sub div.sub-page div.subnav ul{height:100%; display:flex; align-items:center; border-left:1px solid #eee;} div.wrap.sub div.sub-page div.subnav ul li{width:100%; height:100%; font-size:1.125rem; font-family:'NanumNeo_B',sans-serif; border-right:1px solid #eee; color:#555; text-align:center;} div.wrap.sub div.sub-page div.subnav ul li a{display:block; width:100%; height:100%; display:flex; align-items:center; justify-content:center;} div.wrap.sub div.sub-page div.subnav ul li.on{font-family:'NanumNeo_EB',sans-serif; color:#fff; background:var(--color-main01); background:linear-gradient(90deg, rgba(167, 43, 67, 1) 0%, rgb(191 71 95) 100%); box-shadow:rgba(167, 43 ,67,0.4) 0px 25px 20px -20px;} @media(hover:hover){ div.wrap.sub div.sub-page div.subnav ul li:not(.on):hover{background:#f9f9f9; color:#333;} } div.wrap.sub div.sub-page div.subnav.item2 ul li{width:calc(100% / 2);} div.wrap.sub div.sub-page div.subnav.item3 ul li{width:calc(100% / 3);} div.wrap.sub div.sub-page div.subnav.item4 ul li{width:calc(100% / 4);} div.wrap.sub div.sub-page div.subnav.item5 ul li{width:calc(100% / 5);} div.wrap.sub div.sub-page div.subnav.item6 ul li{width:calc(100% / 6);} div.wrap.sub div.sub-page div.subnav.item7 ul li{width:calc(100% / 7);} div.wrap.sub div.sub-page div.subnav.item8 ul li{width:calc(100% / 8);} div.wrap.sub div.sub-page div.subnav div.subnav-arrow{display:none;} div.wrap.sub div.sub-page div.subnav div.subnav-arrow a.arrow{width:2.5rem; height:2.5rem; background:#fff url("/fro_end/img/ico_arrow.svg")center/35% auto no-repeat; border:1px solid #ddd; border-radius:50%; box-shadow:0 6px 15px rgba(0,0,0,0.1); position:absolute; top:50%; transform:translateY(-50%);} div.wrap.sub div.sub-page div.subnav div.subnav-arrow a.arrow.prev{left:2.5%; transform:translateY(-50%) rotate(180deg); box-shadow:0 -6px 15px rgba(0,0,0,0.1);} div.wrap.sub div.sub-page div.subnav div.subnav-arrow a.arrow.next{right:2.5%;} /***** 내용영역 *****/ div.wrap.sub div.document{padding:6rem 0;} div.wrap.sub div.document section.title{text-align:center; margin-bottom:6rem;} div.wrap.sub div.document section.title h3.sub-tit{font-size:2.25rem; font-family:'NanumNeo_EB',sans-serif; animation:fadeUp 1s;} div.wrap.sub div.document section.title div.sub-tab{margin:3rem auto; display:flex; justify-content:center; margin-bottom:7rem; width:1600px;} div.wrap.sub div.document section.title div.sub-tab ul{display:flex; align-items:center; gap:0.5rem; justify-content:center;} div.wrap.sub div.document section.title div.sub-tab ul li{font-size:1.1rem; border:2px solid #ddd; border-radius:0.5rem; color:#777;} div.wrap.sub div.document section.title div.sub-tab ul li a{display:inline-block; width:100%; height:100%; padding:0.8rem 1.8rem;} div.wrap.sub div.document section.title div.sub-tab ul li.on{background:var(--color-main02); color:#fff; border-color:var(--color-main02); font-family:'NanumNeo_EB',sans-serif; box-shadow:0px 8px 20px rgba(255,155,81,0.3);} @media(hover:hover){ div.wrap.sub div.document section.title div.sub-tab ul li:not(.on):hover{background:#f5f5f5;} } /* text */ h3.sect-tit{font-size:1.8rem; font-family:'NanumNeo_EB',sans-serif; margin-bottom:2rem;} h4.sect-tit{font-size:1.35rem; font-family:'NanumNeo_B',sans-serif; margin-bottom:0.5rem; position:relative; padding-left:1.25rem;} h4.sect-tit:before{content:''; display:block; width:0.8rem; height:0.8rem; background:var(--color-main02); border-radius:50px 50px 0 50px; position:absolute; top:5%; left:0;} .highlight{color:var(--color-main01); font-family:'NanumNeo_B',sans-serif; background:var(--color-main01-10); padding:0.25rem;} span.tag{padding:3px 9px; background:#f5f5f5; border:1px solid #ccc; border-radius:50px; display:inline-block; font-size:0.9em; margin:2px;} /* box */ div.b01{border:2px solid #ccc; padding:2.5rem; border-radius:1rem; text-align:center; font-size:1.125rem; line-height:var(--18px-lineheight);} div.b02{width:100%; padding:2.5rem 2rem; border-radius:1.25rem; background:var(--color-main01-5); font-family:'NanumNeo_B',sans-serif; margin-bottom:1rem; padding-left:5rem; position:relative; font-size:1.2rem;} div.b02:before{content:''; display:block; width:2rem; height:2rem; background:url("/fro_end/img/pro_pin.png")center/100% auto no-repeat; position:absolute; top:2.35rem; left:2rem; transform:rotate(-30deg);} div.b03{border:1px solid #ddd; background:#f5f5f5; padding:2.5rem; border-radius:1rem; text-align:center; font-size:1.1rem; line-height:1.5;} /* list */ ul.num-list{} ul.num-list > li{font-size:1.125rem; line-height:var(--18px-lineheight); padding:0.8rem 0; padding-left:2.65rem; border-bottom:1px solid #ddd; position:relative; text-align:left;} ul.num-list > li:before{content:''; display:block; width:2rem; height:2rem; line-height:2rem; text-align:center; border-radius:50%; background:var(--color-main01); color:#fff; position:absolute; top:0.8rem; left:0; font-family:'Montserrat_SB',sans-serif;} ul.num-list > li:nth-child(1):before{content:'1';} ul.num-list > li:nth-child(2):before{content:'2';} ul.num-list > li:nth-child(3):before{content:'3';} ul.num-list > li:nth-child(4):before{content:'4';} ul.num-list > li:nth-child(5):before{content:'5';} ul.num-list > li:nth-child(6):before{content:'6';} ul.num-list > li:nth-child(7):before{content:'7';} ul.num-list > li:nth-child(8):before{content:'8';} ul.num-list > li:nth-child(9):before{content:'9';} ul.inf-list{} ul.inf-list > li{font-size:1rem; position:relative; padding-left:1.65rem; line-height:1.5; margin-top:0.8rem; font-family:'NanumNeo_R',sans-serif; text-align:left;} ul.inf-list > li:before{content:''; background:url("/fro_end/img/ico_info02.svg")center/100% auto no-repeat; display:block; width:1.25rem; height:1.25rem; position:absolute; top:2px; left:0;} ul.inf-list.gray{background:#f5f5f5; padding:1rem; border-radius:0.5rem; margin:0.5rem 0;} ul.inf-list.gray > li{margin-top:0; margin-bottom:0.5rem; color:#777;} ul.inf-list.gray > li:last-child{margin-bottom:0;} ul.inf-list.gray > li:before{background-image:url("/fro_end/img/ico_info.svg"); opacity:.3;} ul.list01{} ul.list01 > li{position:relative; padding-left:1rem; font-family:'NanumNeo_B',sans-serif; font-size:1.125rem; line-height:1.5; margin-bottom:1rem; text-align:left;} ul.list01 > li:last-child{margin-bottom:0;} ul.list01 > li:before{content:''; display:block; width:5px; height:5px; background:var(--color-main01); border-radius:50%; position:absolute; top:9px; left:0;} ul.list02{} ul.list02 > li{position:relative; padding-left:1rem; font-family:'NanumNeo_R',sans-serif; font-size:1.125rem; line-height:1.5; margin-bottom:0.8rem; text-align:left;} ul.list02 > li:last-child{margin-bottom:0;} ul.list02 > li:before{content:''; display:block; width:5px; height:5px; background:#333; border-radius:50%; position:absolute; top:9px; left:3px;} /* table */ .BR{border-right:1px solid #ddd !important;} .BL{border-left:1px solid #ddd !important;} div.table-wrap.round{border-radius:1rem 1rem 0 0; overflow:hidden;} table.table01{text-align:center; background:#fff; font-size:1.1rem; border-bottom:2px solid var(--color-main01);} table.table01 tr{border-bottom:1px solid #ddd;} table.table01 th{padding:1rem 0.8rem;} table.table01 td{padding:0.8rem;} table.table01 .bg{background:var(--color-main01-5);} table.table01 thead tr{background:var(--color-main01); color:#fff;} table.table01 thead tr th{position:relative;} table.table01 thead tr th:after{content:''; display:block; width:1px; height:40%; background:#fff; opacity:.5; position:absolute; right:0; top:30%;} table.table01 thead tr th:last-child:after{display:none;} table.table01 tbody th{border-right:1px solid #ddd; background:var(--color-main01-5);} table.table01 tbody td{border-right:1px solid #ddd;} table.table01 tbody th:last-child, table.table01 tbody td:last-child{border-right:none;} table.table01.hor{border-top:2px solid var(--color-main01);} table.table01.hor tbody td{text-align:left;} /***** 섹션영역 *****/ .sect-wrap > div[class*="sect0"]{margin-bottom:10rem;} .sect-wrap > div[class*="sect0"].last{margin-bottom:0;} .sect-wrap > div[class*="sect0"] > div.sect-con{margin-bottom:5rem;} /* D1100 */ div.sect-wrap.D1100 div.intro{width:100%; height:16rem; border-radius:2rem; overflow:hidden; background:url("/fro_end/img/D1100_introbg.png")center/100% 100% no-repeat; position:relative;} div.sect-wrap.D1100 div.intro div.eng-txt{position:absolute; top:50%; left:5rem; transform:translateY(-50%);} div.sect-wrap.D1100 div.intro div.eng-txt:before{content:''; display:block; width:3.2rem; height:3.2rem; background:url("/fro_end/img/symbol_wh.png")center/auto 100% no-repeat; margin-bottom:1.5rem;} div.sect-wrap.D1100 div.intro div.eng-txt p{color:#fff;} div.sect-wrap.D1100 div.intro div.eng-txt p.txt01{font-family:'Montserrat_EB','NanumNeo_B',sans-serif; font-size:1.3rem;} div.sect-wrap.D1100 div.intro div.eng-txt p.txt02{font-family:'Montserrat_R','NanumNeo_R',sans-serif; font-size:1.6rem;} div.sect-wrap.D1100 div.greeting{display:flex; margin:4rem 0; padding:0 1rem;} div.sect-wrap.D1100 div.greeting div.left{font-size:1.65rem; width:20%;} div.sect-wrap.D1100 div.greeting div.left span.univ{font-family:'NanumNeo_EB',sans-serif; color:var(--color-main01);} div.sect-wrap.D1100 div.greeting div.right{width:80%; padding-left:3rem; border-left:1px solid #ddd;} div.sect-wrap.D1100 div.greeting div.right p{font-size:1.125rem; line-height:var(--18px-lineheight); margin-bottom:2rem;} /* D1200 */ div.document.D1200{padding-bottom:0 !important;} div.sect-wrap.D1200{} div.sect-wrap.D1200 div.row01{text-align:center; margin-bottom:5rem;} div.sect-wrap.D1200 div.row01:before{content:''; display:block; width:2rem; height:2rem; background:url("/fro_end/img/D1200_quote.svg")center/100% auto no-repeat; margin:0 auto; margin-bottom:2rem;} div.sect-wrap.D1200 div.row01 p.eng{font-family:'Montserrat_R','NanumNeo_R',sans-serif; font-size:1.3rem; color:#aaa; margin-bottom:1rem; animation:fadeUp 2s; word-break:keep-all;} div.sect-wrap.D1200 div.row01 p.kor{font-family:'NanumNeo_EB',sans-serif; font-size:2.2rem; animation:fadeUp 3s; word-break:keep-all;} div.sect-wrap.D1200 div.row01 p.kor span.univ{color:var(--color-main01);} div.sect-wrap.D1200 div.row02{position:relative; overflow:hidden;} div.sect-wrap.D1200 div.row02:before{content:''; display:block; width:90%; height:100%; background:var(--color-main01-10); border-radius:2rem 0 0 0; position:absolute; top:0; right:0; z-index:-1;} div.sect-wrap.D1200 div.row02:after{content:''; display:block; width:45rem; height:45rem; background:url("/fro_end/img/symbol.png")center/auto 100% no-repeat; position:absolute; bottom:-33rem; right:0; opacity:.05;} div.sect-wrap.D1200 div.row02 div.inner{padding:6rem 4rem;} div.sect-wrap.D1200 div.row02 div.inner div.txt-area{} div.sect-wrap.D1200 div.row02 div.inner div.txt-area p{margin-bottom:2rem; font-size:1.125rem; line-height:var(--18px-lineheight); color:#000;} div.sect-wrap.D1200 div.row02 div.inner div.date{} div.sect-wrap.D1200 div.row02 div.inner div.name{text-align:right; font-size:1.3rem;} div.sect-wrap.D1200 div.row02 div.inner div.name span.univ-name{font-family:'NanumNeo_B',sans-serif; display:inline-block; margin-right:1rem;} div.sect-wrap.D1200 div.row02 div.inner div.name span.prof-name{font-family:serif; font-weight:bold; font-size:1.8rem;} /* D1300 */ div.sect-wrap.D1300{position:relative;} div.sect-wrap.D1300:before{content:'MOKWON'; color:var(--color-main01); animation:colorChange 8s ease-in-out infinite; opacity:.05; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:15rem; font-family:'Montserrat_EB','NanumNeo_H',sans-serif; z-index:-1; letter-spacing:-10px;} @keyframes colorChange{ 0%{color:var(--color-main01);} 25%{color:var(--color-main02);} 50%{color:var(--color-main03);} 75%{color:var(--color-main02);} 100%{color:var(--color-main01);} } div.sect-wrap.D1300 div.staff-row{display:flex; align-items:flex-start; justify-content:space-between;} div.sect-wrap.D1300 div.staff-box{width:30%; background:var(--color-main01); padding:1.25rem; border-radius:1.25rem;} div.sect-wrap.D1300 div.staff-box div.name{color:#fff; font-family:'NanumNeo_EB',sans-serif; font-size:1.8rem; letter-spacing:3px; display:flex; align-items:center; justify-content:center; gap:0.5rem;} div.sect-wrap.D1300 div.staff-box div.name span.posi{font-size:0.95rem; font-family:'NanumNeo_B',sans-serif; display:inline-block; padding:0.3rem 0.6rem; border-radius:0.4rem; background:rgba(255,255,255,0.2); letter-spacing:1px;} div.sect-wrap.D1300 div.staff-box div.box{margin-top:1.25rem; background:#fff; border-radius:1rem; padding:0 1rem;} div.sect-wrap.D1300 div.staff-box div.box div[class^="inf-"]{padding:1rem 0; border-bottom:1px dashed #ddd; position:relative; padding-left:4rem;} div.sect-wrap.D1300 div.staff-box div.box div[class^="inf-"]:last-child{border-bottom:0;} div.sect-wrap.D1300 div.staff-box div.box div[class^="inf-"]:before{content:''; display:block; width:3rem; height:3rem; background:var(--color-main01-10); border-radius:50%; position:absolute; top:50%; left:0; transform:translateY(-50%);} div.sect-wrap.D1300 div.staff-box div.box div[class^="inf-"] p.tit{font-size:0.87rem; color:#999; font-family:'NanumNeo_B',sans-serif; margin-bottom:0.2rem;} div.sect-wrap.D1300 div.staff-box div.box div[class^="inf-"] p.con{} div.sect-wrap.D1300 div.staff-box div.box div.inf-tel{} div.sect-wrap.D1300 div.staff-box div.box div.inf-tel:before{background:var(--color-main01-10) url("/fro_end/img/D1300_tel01.png")center/45% auto no-repeat;} div.sect-wrap.D1300 div.staff-box div.box div.inf-tel p.con{letter-spacing:0.3px;} div.sect-wrap.D1300 div.staff-box div.box div.inf-job{} div.sect-wrap.D1300 div.staff-box div.box div.inf-job:before{background:var(--color-main01-10) url("/fro_end/img/D1300_job01.png")center/45% auto no-repeat;} div.sect-wrap.D1300 div.staff-row.row01{justify-content:center; margin-bottom:5rem;} div.sect-wrap.D1300 div.staff-row.row02 div.staff-box{background:var(--color-main02);} div.sect-wrap.D1300 div.staff-row.row02 div.box div.inf-tel:before{background:var(--color-main02-10) url("/fro_end/img/D1300_tel02.png")center/45% auto no-repeat;} div.sect-wrap.D1300 div.staff-row.row02 div.box div.inf-job:before{background:var(--color-main02-10) url("/fro_end/img/D1300_job02.png")center/45% auto no-repeat;} /* D1400 */ div.sect-wrap.D1400{} div.sect-wrap.D1400 div.hist-tab{position:sticky; top:10rem; left:0; animation:fadeUp 2s; margin-top:2rem;} div.sect-wrap.D1400 div.hist-tab p{font-size:0.95rem; font-family:'Montserrat_EB','NanumNeo_B',sans-serif; letter-spacing:-0.3px; margin-bottom:0.5rem;} div.sect-wrap.D1400 div.hist-tab ul{padding-left:0.25rem;} div.sect-wrap.D1400 div.hist-tab ul li{font-size:0.9rem; position:relative; padding-left:1rem; margin-bottom:0.4rem; color:#777; transition:0.3s; -webkit-transition:0.3s;} div.sect-wrap.D1400 div.hist-tab ul li:before{content:''; display:block; width:5px; height:5px; border-radius:50%; background:#ddd; position:absolute; top:0.5rem; left:0; z-index:2; transition:0.3s; -webkit-transition:0.3s;} div.sect-wrap.D1400 div.hist-tab ul li:after{content:''; display:block; width:5px; height:5px; border-radius:50%; background:var(--color-main01-10); position:absolute; top:0.5rem; left:0; z-index:1; transition:0.3s; -webkit-transition:0.3s;} div.sect-wrap.D1400 div.hist-tab ul li a{} @media(hover:hover){ div.sect-wrap.D1400 div.hist-tab ul li:hover{color:#333; font-family:'NanumNeo_B',sans-serif;} div.sect-wrap.D1400 div.hist-tab ul li:hover:before{background:var(--color-main01);} div.sect-wrap.D1400 div.hist-tab ul li:hover:after{transform:scale(2.5);} } div.sect-wrap.D1400 div.hist-con{width:90%; margin: 0 0 0 auto; margin-top:-12rem; margin-bottom:12rem;} div.sect-wrap.D1400 div.hist-con div.hist{display:flex; justify-content:space-between; position:relative; padding-top:6rem;} div.sect-wrap.D1400 div.hist-con div.hist:before{content:''; display:block; width:1px; height:100%; background:#ddd; position:absolute; top:4rem; left:32%;} div.sect-wrap.D1400 div.hist-con div.hist:after{content:''; display:block; width:1px; height:0; background:var(--color-main01); position:absolute; top:4rem; left:32%; transition:0.3s; -webkit-transition:0.3s; z-index:1;} div.sect-wrap.D1400 div.hist-con div.hist div.left{width:30%; text-align:right;} div.sect-wrap.D1400 div.hist-con div.hist div.left p.year{font-size:2rem; font-family:'Montserrat_EB','NanumNeo_H',sans-serif; color:var(--color-main01); position:relative;} div.sect-wrap.D1400 div.hist-con div.hist div.left p.year:before{content:''; display:block; width:11px; height:11px; border-radius:50%; background:var(--color-main01-10); position:absolute; top:50%; right:-3.75rem; transform:translateY(-50%); transition:0.3s; -webkit-transition:0.3s; z-index:2;} div.sect-wrap.D1400 div.hist-con div.hist div.left p.year:after{content:''; display:block; width:11px; height:11px; border-radius:50%; background:#ddd; position:absolute; top:50%; right:-3.75rem; transform:translateY(-50%); z-index:3;} div.sect-wrap.D1400 div.hist-con div.hist div.left div.img{width:75%; height:11rem; border-radius:0.8rem; overflow:hidden; margin:0 0 0 auto; margin-top:1rem; box-shadow:-13px 13px 18px rgba(51,51,51,0.15);} div.sect-wrap.D1400 div.hist-con div.hist div.left div.img img{width:100%; height:100%; object-fit:cover;} div.sect-wrap.D1400 div.hist-con div.hist div.right{width:70%; margin-top:0.5rem; margin-left:6rem;} div.sect-wrap.D1400 div.hist-con div.hist div.right ul.year-list{} div.sect-wrap.D1400 div.hist-con div.hist div.right ul.year-list > li{display:flex; gap:0.5rem; flex-wrap:wrap; margin-bottom:1.25rem; position:relative; align-items:baseline;} div.sect-wrap.D1400 div.hist-con div.hist div.right ul.year-list > li span.date{font-family:'Montserrat_SB','NanumNeo_EB',sans-serif; width:3rem;} div.sect-wrap.D1400 div.hist-con div.hist div.right ul.year-list > li ul.txt{} div.sect-wrap.D1400 div.hist-con div.hist div.right ul.year-list > li ul.txt > li{line-height:1.5; margin-bottom:0.35rem;} div.sect-wrap.D1400 div.hist-con div.hist div.right ul.year-list > li ul.txt > li:last-child{margin-bottom:0;} div.sect-wrap.D1400 div.hist-con div.hist.on:after{height:100%;} div.sect-wrap.D1400 div.hist-con div.hist.on div.left p.year:before{transform:translateY(-50%) scale(2.5);} div.sect-wrap.D1400 div.hist-con div.hist.on div.left p.year:after{background:var(--color-main01);} /* D1500 */ div.document.D1500{padding-bottom:0 !important;} div.sect-wrap.D1500{padding-bottom:10rem; position:relative;} div.sect-wrap.D1500:before{content:''; display:block; width:100%; height:100%; background:url("/fro_end/img/D1500_bg.jpg")bottom/100% auto no-repeat; position:absolute; bottom:0; left:0; opacity:.06;} div.sect-wrap.D1500:after{content:''; display:block; width:100%; height:100%; background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); position:absolute; bottom:0; left:0;} div.sect-wrap.D1500 div.paper-box{animation:fadeUp 1.8s; width:1280px; margin:0 auto; background:#fdfdfd; border:1px solid #fff; padding:3rem; border-radius:1.5rem; position:relative; z-index:1; box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;} div.sect-wrap.D1500 div.date-list{} div.sect-wrap.D1500 div.date-list ul{} div.sect-wrap.D1500 div.date-list ul li{text-align:right; margin-bottom:0.25rem; font-size:0.9rem; color:#555;} div.sect-wrap.D1500 div.rule{margin-top:4rem;} div.sect-wrap.D1500 div.rule p.tit{font-family:'NanumNeo_EB',sans-serif; text-align:center; margin-bottom:2rem; color:var(--color-main01); font-size:1.125rem;} div.sect-wrap.D1500 div.rule.side p.tit{color:#333; font-size:1rem;} div.sect-wrap.D1500 div.rule ul.con{font-size:1rem; line-height:1.6;} div.sect-wrap.D1500 div.rule ul.con li{margin-bottom:1.25rem;} div.sect-wrap.D1500 div.rule ul.con li:last-child{margin-bottom:0 !important;} div.sect-wrap.D1500 div.rule ul.con li span.lab{font-family:'NanumNeo_EB',sans-serif;} div.sect-wrap.D1500 div.rule ul.con li ul.cir-num-list{} div.sect-wrap.D1500 div.rule ul.con li ul.cir-num-list > li{margin-bottom:0; margin-top:0.5rem; position:relative; padding-left:1.6rem;} div.sect-wrap.D1500 div.rule ul.con li ul.cir-num-list > li:before{content:'0'; display:block; width:17px; height:17px; line-height:17px; text-align:center; border:1px solid #555; border-radius:50%; font-size:12px; font-family:'NanumNeo_B',sans-serif; position:absolute; top:3px; left:0;} div.sect-wrap.D1500 div.rule ul.con li ul.cir-num-list > li:nth-child(1):before{content:'1';} div.sect-wrap.D1500 div.rule ul.con li ul.cir-num-list > li:nth-child(2):before{content:'2';} div.sect-wrap.D1500 div.rule ul.con li ul.cir-num-list > li:nth-child(3):before{content:'3';} div.sect-wrap.D1500 div.rule ul.con li ul.cir-num-list > li:nth-child(4):before{content:'4';} div.sect-wrap.D1500 div.rule ul.con li ul.cir-num-list > li:nth-child(5):before{content:'5';} div.sect-wrap.D1500 div.rule ul.con li ul.cir-num-list > li:nth-child(6):before{content:'6';} div.sect-wrap.D1500 div.rule ul.con li ul.cir-num-list > li:nth-child(7):before{content:'7';} div.sect-wrap.D1500 div.rule ul.con li ul.cir-num-list > li:nth-child(8):before{content:'8';} div.sect-wrap.D1500 div.rule ul.con li ul.cir-num-list > li:nth-child(9):before{content:'9';} div.sect-wrap.D1500 div.rule ul.con li ul.def-num-list{} div.sect-wrap.D1500 div.rule ul.con li ul.def-num-list > li{margin-bottom:0; margin-top:0.5rem; position:relative; padding-left:1.2rem;} div.sect-wrap.D1500 div.rule ul.con li ul.def-num-list > li:before{content:'0'; display:block; font-size:1em; position:absolute; top:0; left:0;} div.sect-wrap.D1500 div.rule ul.con li ul.def-num-list > li:nth-child(1):before{content:'1.';} div.sect-wrap.D1500 div.rule ul.con li ul.def-num-list > li:nth-child(2):before{content:'2.';} div.sect-wrap.D1500 div.rule ul.con li ul.def-num-list > li:nth-child(3):before{content:'3.';} div.sect-wrap.D1500 div.rule ul.con li ul.def-num-list > li:nth-child(4):before{content:'4.';} div.sect-wrap.D1500 div.rule ul.con li ul.def-num-list > li:nth-child(5):before{content:'5.';} div.sect-wrap.D1500 div.rule ul.con li ul.def-num-list > li:nth-child(6):before{content:'6.';} div.sect-wrap.D1500 div.rule ul.con li ul.def-num-list > li:nth-child(7):before{content:'7.';} div.sect-wrap.D1500 div.rule ul.con li ul.def-num-list > li:nth-child(8):before{content:'8.';} div.sect-wrap.D1500 div.rule ul.con li ul.def-num-list > li:nth-child(9):before{content:'9.';} /* D1600 */ div.sect-wrap.D1600{margin-top:8rem;} div.sect-wrap.D1600 div.sect01{position:relative;} div.sect-wrap.D1600 div.sect01:before{content:''; display:block; width:100%; height:65%; background:var(--color-main01-5); position:absolute; bottom:0; left:0; z-index:-1;} div.sect-wrap.D1600 div.sect01 div.inner{display:flex; flex-wrap:wrap;} div.sect-wrap.D1600 div.sect01 div.inner div.left{width:50%;} div.sect-wrap.D1600 div.sect01 div.inner div.left div.intro-txt{font-size:1.8rem; margin-bottom:1.5rem; line-height:1.6; word-break:keep-all;} div.sect-wrap.D1600 div.sect01 div.inner div.left div.btn-changer{display:flex; align-items:center; gap:0.5rem; flex-wrap:wrap;} div.sect-wrap.D1600 div.sect01 div.inner div.left div.btn-changer a.c-btn{padding:0.6rem 1.2rem; transition:0.3s; -webkit-transition:0.3s;} div.sect-wrap.D1600 div.sect01 div.inner div.left div.btn-changer a.c-btn.find-load{padding-right:3rem; position:relative;} div.sect-wrap.D1600 div.sect01 div.inner div.left div.btn-changer a.c-btn.find-load:after{content:''; display:block; width:1rem; height:1rem; background:url("/fro_end/img/ico_link.svg")center/90% auto no-repeat; position:absolute; top:50%; right:1.2rem; transform:translateY(-50%);} div.sect-wrap.D1600 div.sect01 div.inner div.left div.btn-changer a.c-btn.on{background:#333; color:#fff; box-shadow:0 10px 20px rgba(0,0,0,0.18);} div.sect-wrap.D1600 div.sect01 div.inner div.left div.inf-univ{padding:4rem 0; margin-top:3rem;} div.sect-wrap.D1600 div.sect01 div.inner div.left div.inf-univ div.inf{margin-bottom:2.5rem;} div.sect-wrap.D1600 div.sect01 div.inner div.left div.inf-univ div.inf:last-child{margin-bottom:0;} div.sect-wrap.D1600 div.sect01 div.inner div.left div.inf-univ div.inf p.tit{font-family:'NanumNeo_EB',sans-serif; font-size:1.125rem; position:relative; padding-left:2rem; margin-bottom:0.5rem;} div.sect-wrap.D1600 div.sect01 div.inner div.left div.inf-univ div.inf p.tit:before{content:''; display:block; width:1.4em; height:1.4em; position:absolute; top:-1px; left:0;} div.sect-wrap.D1600 div.sect01 div.inner div.left div.inf-univ div.inf.addr p.tit:before{background:url("/fro_end/img/D1600_addr.svg")center/100% auto no-repeat;} div.sect-wrap.D1600 div.sect01 div.inner div.left div.inf-univ div.inf.tel p.tit:before{background:url("/fro_end/img/D1600_tel.svg")center/90% auto no-repeat;} div.sect-wrap.D1600 div.sect01 div.inner div.left div.inf-univ div.inf.bus p.tit:before{background:url("/fro_end/img/D1600_bus.svg")center/90% auto no-repeat;} div.sect-wrap.D1600 div.sect01 div.inner div.left div.inf-univ div.inf p.con{font-size:1.25rem; padding-left:2rem;} div.sect-wrap.D1600 div.sect01 div.inner div.right{width:50%; margin-bottom:3rem; height:30rem;} div.sect-wrap.D1600 div.sect01 div.inner div.right div.img-changer{width:100%; height:100%;} div.sect-wrap.D1600 div.sect01 div.inner div.right div.img-changer div.img-target{display:none; width:100%; height:100%; background:#fff;} div.sect-wrap.D1600 div.sect01 div.inner div.right div.img-changer div.img-target.on{display:block; animation:fadeUp 0.8s;} div.sect-wrap.D1600 div.sect01 div.inner div.right div.img-changer div.img-target > img{width:100%; height:100%; box-shadow:rgb(46 12 12 / 15%) 0px 30px 60px 0px; max-width:100%; object-fit:contain;} div.sect-wrap.D1600 div.sect01 div.inner div.right div.img-changer div.img-target.img-map .mk-map{box-shadow:rgb(46 12 12 / 15%) 0px 40px 75px 0px; width:100%; height:30rem;} div.sect-wrap.D1600 div.sect02{} div.sect-wrap.D1600 div.sect02 div.trans-wrap{} div.sect-wrap.D1600 div.sect02 div.trans-wrap div.trans{position:relative; padding-left:6.5rem; margin-bottom:3rem; min-height:5rem;} div.sect-wrap.D1600 div.sect02 div.trans-wrap div.trans:before{content:''; display:block; width:5rem; height:5rem; border-radius:10px; border:1px solid #ddd; background:#f5f5f5; position:absolute; top:-4px; left:0;} div.sect-wrap.D1600 div.sect02 div.trans-wrap div.trans div.tit{font-size:1.25rem; font-family:'NanumNeo_B',sans-serif; margin-bottom:1rem;} div.sect-wrap.D1600 div.sect02 div.trans-wrap div.trans div.con{font-size:1.125rem;} div.sect-wrap.D1600 div.sect02 div.trans-wrap div.trans div.con ul{display:flex; gap:2rem; flex-wrap:wrap;} div.sect-wrap.D1600 div.sect02 div.trans-wrap div.trans div.con ul li{position:relative; line-height:1.6;} div.sect-wrap.D1600 div.sect02 div.trans-wrap div.trans div.con ul li:after{content:''; display:block; width:1px; height:70%; background:#bbb; position:absolute; top:15%; right:-1rem;} div.sect-wrap.D1600 div.sect02 div.trans-wrap div.trans div.con ul li:last-child:after{display:none;} div.sect-wrap.D1600 div.sect02 div.trans-wrap div.trans div.con span.bus-num{display:inline-block; font-size:0.85rem; color:#fff; font-family:'Montserrat_SB','NanumNeo_EB',sans-serif; min-width:3rem; text-align:center; padding:0.125rem; border-radius:3px; margin:0 0.15rem; line-height:initial;} div.sect-wrap.D1600 div.sect02 div.trans-wrap div.trans div.con span.bus-num.blue{background:#3d5bab;} div.sect-wrap.D1600 div.sect02 div.trans-wrap div.trans div.con span.bus-num.green{background:#5bb025;} div.sect-wrap.D1600 div.sect02 div.trans-wrap div.trans.bus:before{background:#f5f5f5 url("/fro_end/img/D1600_sect02_bus.svg")center/30% auto no-repeat;} div.sect-wrap.D1600 div.sect02 div.trans-wrap div.trans.subway:before{background:#f5f5f5 url("/fro_end/img/D1600_sect02_subway.svg")center/35% auto no-repeat;} div.sect-wrap.D1600 div.sect02 div.trans-wrap div.trans.car:before{background:#f5f5f5 url("/fro_end/img/D1600_sect02_car.svg")center/30% auto no-repeat;} @media(hover:hover){ div.sect-wrap.D1600 div.sect01 div.inner div.left div.btn-changer a.c-btn:hover{box-shadow:0 10px 20px rgba(0,0,0,0.18);} } /* D2100 */ div.sect-wrap.D2100{} div.sect-wrap.D2100 div.sect01{} div.sect-wrap.D2100 div.sect01 div.period-box{display:flex; justify-content:space-between;} div.sect-wrap.D2100 div.sect01 div.period-box div.box{width:46%; border:2px solid var(--color-main01); padding:2.5rem 2rem; border-radius:1.25rem; padding-left:9rem; position:relative;} div.sect-wrap.D2100 div.sect01 div.period-box div.box:before{content:''; display:block; width:5rem; height:5rem; border-radius:50%; position:absolute; top:50%; left:2rem; transform:translateY(-50%); background:var(--color-main01-10) url("/fro_end/img/D2100_calendar01.svg")center/40% auto no-repeat;} div.sect-wrap.D2100 div.sect01 div.period-box div.box p.tit{font-family:'NanumNeo_EB',sans-serif; color:var(--color-main01); margin-bottom:0.25rem; font-size:1.125rem;} div.sect-wrap.D2100 div.sect01 div.period-box div.box p.date{font-size:1.3rem;} div.sect-wrap.D2100 div.sect01 div.period-box div.box p.date > br.mob{display:none;} div.sect-wrap.D2100 div.sect01 div.period-box div.box02{border-color:var(--color-main03);} div.sect-wrap.D2100 div.sect01 div.period-box div.box02:before{background:var(--color-main03-10) url("/fro_end/img/D2100_calendar02.svg")center/40% auto no-repeat;} div.sect-wrap.D2100 div.sect01 div.period-box div.box02 p.tit{color:var(--color-main03);} div.sect-wrap.D2100 div.sect02 div.period-box{display:flex; justify-content:space-between;} div.sect-wrap.D2100 div.sect02 div.period-box div.box{width:46%; border:2px solid var(--color-main01); padding:2.5rem 2rem; border-radius:1.25rem; position:relative; padding-left:9rem;} div.sect-wrap.D2100 div.sect02 div.period-box div.box div.week{font-size:1.125rem; width:5rem; height:5rem; line-height:5rem; text-align:center; border-radius:50%; background:var(--color-main01); color:#fff; position:absolute; top:50%; left:2rem; transform:translateY(-50%); font-family:'NanumNeo_B',sans-serif;} div.sect-wrap.D2100 div.sect02 div.period-box div.box p.tit{font-family:'NanumNeo_EB',sans-serif; color:var(--color-main01); margin-bottom:0.25rem; font-size:1.125rem;} div.sect-wrap.D2100 div.sect02 div.period-box div.box p.date{font-size:1.3rem;} div.sect-wrap.D2100 div.sect02 div.period-box div.box p.date > br.mob{display:none;} div.sect-wrap.D2100 div.sect02 div.period-box div.box02{border-color:var(--color-main03);} div.sect-wrap.D2100 div.sect02 div.period-box div.box02 div.week{background:var(--color-main03);} div.sect-wrap.D2100 div.sect02 div.period-box div.box02 p.tit{color:var(--color-main03);} /* D2200 */ div.sect-wrap.D2200 div.sect01 div.apply-process{position:relative;} div.sect-wrap.D2200 div.sect01 div.apply-process div.step{display:flex; justify-content:space-between; padding-bottom:7rem; position:relative;} div.sect-wrap.D2200 div.sect01 div.apply-process div.step:before{content:''; display:block; width:1px; height:100%; background:#ddd; position:absolute; top:0; left:calc(40% + 1rem); z-index:-2;} div.sect-wrap.D2200 div.sect01 div.apply-process div.step:after{content:''; display:block; width:1px; height:0; background:var(--color-main01); position:absolute; top:0; left:calc(40% + 1rem); z-index:-1; transition:0.3s; -webkit-transition:0.3s;} div.sect-wrap.D2200 div.sect01 div.apply-process div.step div.left{width:35%;} div.sect-wrap.D2200 div.sect01 div.apply-process div.step div.left div.btn-img{width:90%; height:17rem; overflow:hidden; border-radius:1rem; position:relative; box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;} div.sect-wrap.D2200 div.sect01 div.apply-process div.step div.left div.btn-img img{width:100%; height:100%;} div.sect-wrap.D2200 div.sect01 div.apply-process div.step div.left div.btn-img div.hover-item{position:absolute; top:100%; left:0; opacity:0; width:100%; height:100%; background:rgba(0,0,0,0.7); transition:0.5s; -webkit-transition:0.5s;} div.sect-wrap.D2200 div.sect01 div.apply-process div.step div.left div.btn-img div.hover-item a{color:#fff; border:2px solid #fff; padding:0.5rem 1rem; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-family:'NanumNeo_B',sans-serif; position:relative; padding-left:3em; transition:0.3s; -webkit-transition:0.3s;} div.sect-wrap.D2200 div.sect01 div.apply-process div.step div.left div.btn-img div.hover-item a:before{content:''; display:block; width:1.2em; height:1.2em; background:url("/fro_end/img/ico_expand_wh.svg")center/100% auto no-repeat; position:absolute; top:50%; left:1rem; transform:translateY(-50%);} div.sect-wrap.D2200 div.sect01 div.apply-process div.step div.left div.btn-img div.hover-item a.btn-prepare{padding:1rem 2rem; background:rgba(255,255,255,0.3); border:0; backdrop-filter:blur(1px); pointer-events:none;} div.sect-wrap.D2200 div.sect01 div.apply-process div.step div.left div.btn-img div.hover-item a.btn-prepare:before{display:none;} div.sect-wrap.D2200 div.sect01 div.apply-process div.step div.right{width:60%; padding-top:0.5rem;} div.sect-wrap.D2200 div.sect01 div.apply-process div.step div.right div.top{display:flex; margin-bottom:2rem;} div.sect-wrap.D2200 div.sect01 div.apply-process div.step div.right div.top div.num{display:inline-block; width:2rem; height:2rem; line-height:2rem; font-size:0.9rem; outline:0 solid var(--color-main01-10); text-align:center; border-radius:50%; background:var(--color-main01); color:#fff; font-family:'Montserrat_SB','NanumNeo_EB',sans-serif; transition:0.3s; -webkit-transition:0.3s;} div.sect-wrap.D2200 div.sect01 div.apply-process div.step div.right div.top div.tit{width:calc(100% - 2.5rem); padding-left:1.5rem; font-family:'NanumNeo_EB',sans-serif;} div.sect-wrap.D2200 div.sect01 div.apply-process div.step div.right div.top div.tit p.sm-tit{font-size:1rem; color:var(--color-main01);} div.sect-wrap.D2200 div.sect01 div.apply-process div.step div.right div.top div.tit p.lg-tit{font-size:1.5rem; margin-top:0.25rem;} div.sect-wrap.D2200 div.sect01 div.apply-process div.step div.right div.con{padding-left:4rem;} div.sect-wrap.D2200 div.sect01 div.apply-process div.step div.right div.con ul.list02{} div.sect-wrap.D2200 div.sect01 div.apply-process div.step div.right div.con ul.list02 li{line-height:1.6; font-size:1rem;} div.sect-wrap.D2200 div.sect01 div.apply-process div.step div.right div.con ul.list02 li a.c-btn.underline{font-size:1em;} div.sect-wrap.D2200 div.sect01 div.apply-process div.step div.right div.con ul.list02 li ul.inf-list li{font-size:0.9em;} div.sect-wrap.D2200 div.sect01 div.apply-process div.step div.right div.con ul.list02 li ul.inf-list li:before{top:1px;} div.sect-wrap.D2200 div.sect01 div.apply-process div.step:nth-child(even):after{background:var(--color-main02);} div.sect-wrap.D2200 div.sect01 div.apply-process div.step:nth-child(even) div.right div.top div.num{background:var(--color-main02); outline-color:var(--color-main02-10);} div.sect-wrap.D2200 div.sect01 div.apply-process div.step:nth-child(even) div.right div.top div.tit p.sm-tit{color:var(--color-main02);} div.sect-wrap.D2200 div.sect01 div.apply-process div.step.on:after{height:100%;} div.sect-wrap.D2200 div.sect01 div.apply-process div.step.on div.right div.top div.num{outline-width:0.5rem;} div.sect-wrap.D2200 div.sect02 div.table-wrap table.table01 td.last{background:var(--color-main01);} div.sect-wrap.D2200 div.sect02 div.table-wrap table.table01 td.last div.univ-inf{display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:1rem;} div.sect-wrap.D2200 div.sect02 div.table-wrap table.table01 td.last div.univ-inf p.inf{font-size:1rem; color:#fff; font-family:'NanumNeo_B',sans-serif; padding-left:1.4em; position:relative;} div.sect-wrap.D2200 div.sect02 div.table-wrap table.table01 td.last div.univ-inf p.inf:before{content:''; display:block; width:1.2em; height:1.2em; position:absolute; top:1.5px; left:0;} div.sect-wrap.D2200 div.sect02 div.table-wrap table.table01 td.last div.univ-inf p.inf.tel:before{background:url("/fro_end/img/ico_tel_fill_wh.svg")center/100% auto no-repeat;} div.sect-wrap.D2200 div.sect02 div.table-wrap table.table01 td.last div.univ-inf p.inf.address:before{background:url("/fro_end/img/ico_pin_fill_wh.svg")center/100% auto no-repeat;} div.expand-modal{} div.expand-modal div.modal-wrap{} div.expand-modal div.modal-wrap div.modal{width:1300px; padding:2rem ; overflow-y:auto;} div.expand-modal div.modal-wrap div.modal div.img{width:90%; margin:0 auto; margin-bottom:1rem;} div.expand-modal div.modal-wrap div.modal div.img img{width:100%; height:100%; vertical-align:bottom;} div.expand-modal div.modal-wrap div.modal div.con{font-size:1rem; border-top:1px solid #333;} div.expand-modal div.modal-wrap div.modal div.con ul.num-list li{font-size:1em; padding-left:2rem;} div.expand-modal div.modal-wrap div.modal div.con ul.num-list li:before{width:1.5rem; height:1.5rem; line-height:1.5rem; font-size:0.9rem; top:0.95rem;} div.expand-modal div.modal-wrap div.modal a.modal-close{width:3rem; height:3rem; border-radius:50%; background:#333 url("/fro_end/img/ico_plus_wh.svg")center/50% auto no-repeat; position:absolute; top:0.5rem; right:0.5rem; transform:rotate(45deg); box-shadow:0 10px 20px rgba(0,0,0,0.2);} @media(hover:hover){ div.sect-wrap.D2200 div.sect01 div.apply-process div.step div.left div.btn-img:hover div.hover-item{top:0; opacity:1;} div.sect-wrap.D2200 div.sect01 div.apply-process div.step div.left div.btn-img div.hover-item a:hover{background:#fff; color:#333;} div.sect-wrap.D2200 div.sect01 div.apply-process div.step div.left div.btn-img div.hover-item a:hover:before{background-image:url("/fro_end/img/ico_expand.svg");} } /* D2300 */ div.sect-wrap.D2300 div.sect02 div.pay-box{display:flex; justify-content:space-between; align-items:center;} div.sect-wrap.D2300 div.sect02 div.pay-box p.or{font-size:1.25rem; color:#aaa;} div.sect-wrap.D2300 div.sect02 div.pay-box div.box{width:46%; border:2px solid #ccc; padding:2.5rem; border-radius:1rem;} div.sect-wrap.D2300 div.sect02 div.pay-box div.box p.txt{font-size:1.2rem; font-family:'NanumNeo_B',sans-serif; text-align:center;} div.sect-wrap.D2300 div.sect02 div.pay-box div.box p.txt:before{content:''; display:block; width:2.5rem; height:2.5rem; background:url("/fro_end/img/D2300_account.png")center/100% auto no-repeat; margin:0 auto; margin-bottom:0.5rem;} div.sect-wrap.D2300 div.sect02 div.pay-box div.box.card p.txt:before{background-image:url("/fro_end/img/D2300_card.png");} /* D2500 */ div.sect-wrap.D2500 div.sect04 h3.sect-tit{display:flex; align-items:flex-end; justify-content:space-between; flex-wrap:wrap;} div.sect-wrap.D2500 div.sect04 h3.sect-tit span.right-txt{font-size:1rem; font-family:'NanumNeo_R',sans-serif; color:#777;} div.sect-wrap.D2500 div.sect04 div.sect-con div.table-wrap table.refund-table{font-size:1rem;} div.sect-wrap.D2500 div.sect04 div.sect-con div.table-wrap table.refund-table tbody th > span.color01{display:block;} div.sect-wrap.D2500 div.sect04 div.sect-con div.table-wrap table.refund-table tbody td{text-align:left;} div.sect-wrap.D2500 div.sect04 div.sect-con div.table-wrap table.refund-table tbody td ul.num-list{} div.sect-wrap.D2500 div.sect04 div.sect-con div.table-wrap table.refund-table tbody td ul.num-list > li{border:none; font-size:1rem; padding:0; padding-left:2rem; margin-bottom:1rem;} div.sect-wrap.D2500 div.sect04 div.sect-con div.table-wrap table.refund-table tbody td ul.num-list > li:before{width:1.5rem; height:1.5rem; line-height:1.5rem; font-size:0.8rem; top:2px;} div.sect-wrap.D2500 div.sect04 div.sect-con div.table-wrap table.refund-table tbody td ul.num-list > li:last-child{margin-bottom:0;} /* D3110 */ div.sect-wrap.D3110{} div.sect-wrap.D3110 div.sect01{display:flex; justify-content:space-between; align-items:center;} div.sect-wrap.D3110 div.sect01 div.left{width:33%; height:19rem; border-radius:1rem; position:relative; background:#333; overflow:hidden;} div.sect-wrap.D3110 div.sect01 div.left:after{content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:url("/fro_end/img/D3110_sect01_img01.jpg")center/cover no-repeat; z-index:1; opacity:.3;} div.sect-wrap.D3110 div.sect01 div.left div.inner{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:max-content; text-align:center; color:#fff; z-index:2;} div.sect-wrap.D3110 div.sect01 div.left div.inner p.txt01{display:flex; align-items:center; gap:0.5rem; margin-bottom:0.25rem;} div.sect-wrap.D3110 div.sect01 div.left div.inner p.txt01 span.mark{display:inline-block; width:2rem; height:2rem; background:url("/fro_end/img/ico_gover.png")center/100% auto no-repeat;} div.sect-wrap.D3110 div.sect01 div.left div.inner p.txt01 span.txt{font-size:1.125rem; opacity:.8;} div.sect-wrap.D3110 div.sect01 div.left div.inner p.txt02{font-size:2rem; font-family:'NanumNeo_EB',sans-serif; text-shadow:0 8px 13px rgba(0,0,0,0.2);} div.sect-wrap.D3110 div.sect01 div.right{width:60%;} div.sect-wrap.D3110 div.sect01 div.right h3.sect-tit{} div.sect-wrap.D3110 div.sect01 div.right p.txt{font-size:1.125rem; line-height:var(--18px-lineheight);} div.sect-wrap.D3110 div.sect01 div.right div.homepage-box{margin-top:2rem; padding:2rem; background:#f7f7f7; border:1px solid #ddd; border-radius:1rem; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap;} div.sect-wrap.D3110 div.sect01 div.right div.homepage-box div.p-area p.tit{font-family:'NanumNeo_EB',sans-serif; font-size:1.125rem; margin-bottom:0.5rem;} div.sect-wrap.D3110 div.sect01 div.right div.homepage-box div.p-area p.inf{color:#777;} div.sect-wrap.D3110 div.sect01 div.right div.homepage-box a.c-btn.link{} div.sect-wrap.D3110 div.sect02 ul.subject-list{display:flex; flex-wrap:wrap; gap:0.25rem; justify-content:center; margin-top:0.25rem;} div.sect-wrap.D3110 div.sect02 ul.subject-list li{font-size:0.9rem; border:1px solid #ddd; background:#f5f5f5; padding:0.3rem 0.6rem; border-radius:50px; color:#777;} div.sect-wrap.D3110 div.sect03 h3.sect-tit{display:flex; align-items:flex-end; justify-content:space-between; flex-wrap:wrap;} div.sect-wrap.D3110 div.sect03 h3.sect-tit span.law{font-size:0.9rem; color:var(--color-main01); font-family:'NanumNeo_R',sans-serif; padding-left:2em; position:relative;} div.sect-wrap.D3110 div.sect03 h3.sect-tit span.law:before{content:''; display:block; width:1.5em; height:1.5em; background:url("/fro_end/img/D3110_law.png")center/100% auto no-repeat; position:absolute; top:0; left:0;} /* D3900 2025-08-19 추가 */ div.sect-wrap.D3910 div.sect01 div.left:after{background:url("/fro_end/img/D3910_sect01_img01.jpg")center/cover no-repeat;} div.sect-wrap.D3910 div.sect04 ul.num-list li ul.list01{background:var(--color-main01-5); margin-top:0.5rem; padding:1.5rem; border-radius:1rem;} /* D4100 */ div.sect-wrap.D4100{} div.sect-wrap.D4100 div.sect01{display:flex; align-items:center; justify-content:space-between;} div.sect-wrap.D4100 div.sect01 div.left{width:33%; height:19rem; border-radius:1rem; background:url("/fro_end/img/D4100_sect01_img01.jpg")center/cover no-repeat; position:relative; overflow:hidden;} div.sect-wrap.D4100 div.sect01 div.left:after{content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0; background:#333; opacity:.08;} div.sect-wrap.D4100 div.sect01 div.right{width:60%;} div.sect-wrap.D4100 div.sect01 div.right h3.sect-tit{margin-bottom:1rem;} div.sect-wrap.D4100 div.sect01 div.right p.txt{font-size:1.125rem; line-height:var(--18px-lineheight); word-break:keep-all; margin-bottom:2rem;} div.sect-wrap.D4100 div.sect01 div.right div.target-box{background:#f7f7f7; border:1px solid #ddd; border-radius:1rem; padding:1rem 2rem; display:flex; align-items:center;} div.sect-wrap.D4100 div.sect01 div.right div.target-box div.cir-tit{min-width:5.25rem; width:5.25rem; height:5.25rem; font-size:0.9rem; font-family:'NanumNeo_EB',sans-serif; border-radius:50%; margin-right:2rem; background:var(--color-main01); color:#fff; display:flex; align-items:center; justify-content:center;} div.sect-wrap.D4100 div.sect01 div.right div.target-box p[class^="txt"]{line-height:1.8;} div.sect-wrap.D4100 div.sect01 div.right div.target-box p.txt01{font-family:'NanumNeo_B',sans-serif; font-size:1.1rem;} div.sect-wrap.D4100 div.sect01 div.right div.target-box p.txt01 a{text-decoration:underline; text-underline-offset:6px;} div.sect-wrap.D4100 div.sect01 div.right div.target-box p.txt02{color:#777;} div.sect-wrap.D4100 div.sect02{display:flex; align-items:center; justify-content:space-between;} div.sect-wrap.D4100 div.sect02 div.left{width:33%;} div.sect-wrap.D4100 div.sect02 div.left div.triple{width:100%; height:22rem; position:relative;} div.sect-wrap.D4100 div.sect02 div.left div.triple div.cir{width:12rem; height:12rem; border:8px solid #333; border-radius:50%; display:flex; align-items:center; justify-content:center; gap:0.25rem; position:absolute; transform:translateX(-50%);} div.sect-wrap.D4100 div.sect02 div.left div.triple div.cir p.in{font-size:1.125rem; font-family:'NanumNeo_EB',sans-serif;} div.sect-wrap.D4100 div.sect02 div.left div.triple div.cir p.in:before{content:''; display:block; width:2.5rem; height:2.5rem; margin:0 auto; margin-bottom:0.5rem;} div.sect-wrap.D4100 div.sect02 div.left div.triple div.cir.cir01{border-color:var(--color-main01); top:0; left:50%;} div.sect-wrap.D4100 div.sect02 div.left div.triple div.cir.cir01 p.in span{color:var(--color-main01);} div.sect-wrap.D4100 div.sect02 div.left div.triple div.cir.cir01 p.in:before{background:url("/fro_end/img/D4100_sect02_ico01.png")center/100% auto no-repeat;} div.sect-wrap.D4100 div.sect02 div.left div.triple div.cir.cir02{border-color:var(--color-main02); bottom:0; left:30%;} div.sect-wrap.D4100 div.sect02 div.left div.triple div.cir.cir02 p.in span{color:var(--color-main02);} div.sect-wrap.D4100 div.sect02 div.left div.triple div.cir.cir02 p.in:before{background:url("/fro_end/img/D4100_sect02_ico02.png")center/100% auto no-repeat;} div.sect-wrap.D4100 div.sect02 div.left div.triple div.cir.cir03{border-color:var(--color-main03); bottom:0; left:70%;} div.sect-wrap.D4100 div.sect02 div.left div.triple div.cir.cir03 p.in span{color:var(--color-main03);} div.sect-wrap.D4100 div.sect02 div.left div.triple div.cir.cir03 p.in:before{background:url("/fro_end/img/D4100_sect02_ico03.png")center/100% auto no-repeat;} div.sect-wrap.D4100 div.sect02 div.right{width:60%;} div.sect-wrap.D4100 div.sect02 div.right h3.sect-tit{margin-bottom:2rem;} div.sect-wrap.D4100 div.sect02 div.right p.txt{font-size:1.125rem; line-height:var(--18px-lineheight); word-break:keep-all;} div.sect-wrap.D4100 div.sect03{} div.sect-wrap.D4100 div.sect03 p.target{font-size:1.125rem; font-family:'NanumNeo_B',sans-serif; padding-bottom:1rem; border-bottom:1px solid #ddd;} /* D4110 */ div.sect-wrap.D4110{} div.sect-wrap.D4110 div.sect01{} div.sect-wrap.D4110 div.sect01 div.sect-con.con01 div.b01{font-family:'NanumNeo_B',sans-serif;} div.sect-wrap.D4110 div.sect01 div.sect-con.con02 ul.num-list li ul.list01{background:var(--color-main01-5); margin-top:0.5rem; padding:1.5rem; border-radius:1rem;} div.sect-wrap.D4110 div.sect01 div.sect-con.con02 ul.num-list li ul.list01 li{font-size:1rem;} div.sect-wrap.D4110 div.sect02 div.sect-con.con01 div.b01{font-family:'NanumNeo_B',sans-serif;} /* D4120 */ div.sect-wrap.D4120 div.sect05 div.method-wrap{display:flex; align-items:flex-start; justify-content:space-between; margin-top:3rem;} div.sect-wrap.D4120 div.sect05 div.method-wrap div.method{width:30%; border:2px solid var(--color-main01); border-radius:1rem; padding:3rem 2rem; position:relative;} div.sect-wrap.D4120 div.sect05 div.method-wrap div.method div.tit{background:var(--color-main01); width:fit-content; height:2.8rem; line-height:2.8rem; padding:0 2rem; border-radius:50px; color:#fff; box-shadow:0 8px 20px var(--color-main01-20); font-family:'NanumNeo_EB',sans-serif; font-size:1.1rem; position:absolute; top:-1.4rem; left:50%; transform:translateX(-50%);} div.sect-wrap.D4120 div.sect05 div.method-wrap div.method div.con{text-align:center; font-family:'NanumNeo_B',sans-serif; font-size:1.3rem; line-height:var(--18px-lineheight);} div.sect-wrap.D4120 div.sect05 div.method-wrap div.method02{border-color:var(--color-main02);} div.sect-wrap.D4120 div.sect05 div.method-wrap div.method02 div.tit{background:var(--color-main02); box-shadow:0 8px 20px var(--color-main02-20);} div.sect-wrap.D4120 div.sect05 div.method-wrap div.method02 div.con{font-size:1.2rem;} div.sect-wrap.D4120 div.sect05 div.method-wrap div.method03{border-color:var(--color-main03);} div.sect-wrap.D4120 div.sect05 div.method-wrap div.method03 div.tit{background:var(--color-main03); box-shadow:0 8px 20px var(--color-main03-20);} /* D4130 */ div.sect-wrap.D4130 div.sect01{margin-bottom:2rem;} div.sect-wrap.D4130 div.sect01 div.quarter-wrap{display:flex; justify-content:space-between; align-items:flex-start;} div.sect-wrap.D4130 div.sect01 div.quarter-wrap div.quarter{width:23%; border:2px solid var(--color-main01); border-radius:1rem; position:relative; padding:2.5rem 1.5rem 2rem 1.5rem; background:#fff;} div.sect-wrap.D4130 div.sect01 div.quarter-wrap div.quarter div.tit{display:inline-block; width:8rem; height:2.5rem; line-height:2.5rem; font-size:1rem; box-shadow:0 3px 20px rgba(167,43,67,0.25); text-align:center; font-family:'NanumNeo_EB',sans-serif; background:var(--color-main01); color:#fff; border-radius:50px; position:absolute; top:-1.25rem; left:50%; transform:translateX(-50%);} div.sect-wrap.D4130 div.sect01 div.quarter-wrap div.quarter div.tit span.month{font-family:'NanumNeo_R',sans-serif; margin-left:0.2rem; font-size:0.9rem; vertical-align:middle;} div.sect-wrap.D4130 div.sect01 div.quarter-wrap div.quarter ul.con{text-align:center;} div.sect-wrap.D4130 div.sect01 div.quarter-wrap div.quarter ul.con li{margin-bottom:0.5rem; padding-bottom:0.5rem; border-bottom:1px dashed #ddd;} div.sect-wrap.D4130 div.sect01 div.quarter-wrap div.quarter ul.con li:last-child{margin-bottom:0; padding-bottom:0; border-bottom:0;} div.sect-wrap.D4130 div.sect01 div.quarter-wrap div.quarter ul.con li span.tag{font-size:0.8rem; padding:2px 7px; margin:0; margin-left:0.2rem;} div.sect-wrap.D4130 div.sect01 div.quarter-wrap div.quarter:nth-child(even){border-color:var(--color-main03);} div.sect-wrap.D4130 div.sect01 div.quarter-wrap div.quarter:nth-child(even) div.tit{background:var(--color-main03); box-shadow:0 3px 20px rgba(46,88,174,0.25);} div.sect-wrap.D4130 div.sect02 div.table-wrap table.table01 tbody th{padding:1em;} div.sect-wrap.D4130 div.sect02 div.table-wrap table.table01 tbody td{padding:1em;} div.sect-wrap.D4130 div.sect02 div.table-wrap table.table01 span.quarter{font-size:0.75rem; font-family:'NanumNeo_EB',sans-serif; vertical-align:middle; border-radius:50px; padding:0.25rem 0.65rem; background:var(--color-main01); color:#fff; display:block; margin:0 auto; width:fit-content; margin-top:0.2rem; text-wrap:nowrap;} div.sect-wrap.D4130 div.sect02 div.table-wrap table.table01 span.quarter02, div.sect-wrap.D4130 div.sect02 div.table-wrap table.table01 span.quarter04{background:var(--color-main03);} div.sect-wrap.D4130 div.sect02 div.table-wrap table.table01 span.label{font-size:0.85rem; font-family:'NanumNeo_B',sans-serif; background:#eee; color:#555; border-radius:5px; padding:0.2rem 0.5rem; margin:0 0.2rem; display:inline-block; vertical-align:middle;} div.sect-wrap.D4130 div.sect02 div.table-wrap table.table01 span.label.label01{background:var(--color-main01-10); color:var(--color-main01);} div.sect-wrap.D4130 div.sect02 div.table-wrap table.table01 span.label.label02{background:var(--color-main02-10); color:var(--color-main02);} div.sect-wrap.D4130 div.sect02 div.table-wrap table.table01 span.label.label03{background:var(--color-main03-10); color:var(--color-main03);} /* D4140 */ div.sect-wrap.D4140 div.file-list{margin-top:2rem;} div.sect-wrap.D4140 div.file-list ul{border-top:2px solid #333;} div.sect-wrap.D4140 div.file-list ul li{padding:2rem 1rem; border-bottom:1px solid #ddd; display:flex; align-items:center; position:relative; font-size:1.125rem;} div.sect-wrap.D4140 div.file-list ul li div.num{width:2rem; margin-right:1rem; text-align:center; font-family:'Montserrat_SB','NanumNeo_B',sans-serif; opacity:.5;} div.sect-wrap.D4140 div.file-list ul li div.tit{font-family:'NanumNeo_B',sans-serif; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:70%;} div.sect-wrap.D4140 div.file-list ul li div.btn{position:absolute; top:50%; right:1rem; transform:translateY(-50%);} div.sect-wrap.D4140 div.file-list ul li div.btn a[class*="btn-"]{border:2px solid #eee; border-radius:5px; background:#fff; padding:0.5rem 1rem; padding-left:3rem; font-size:1rem; position:relative; transition:0.3s; -webkit-transition:0.3s;} div.sect-wrap.D4140 div.file-list ul li div.btn a[class*="btn-"]:before{content:''; display:block; width:1.3em; height:1.3em; position:absolute; top:50%; left:1rem; transform:translateY(-50%);} div.sect-wrap.D4140 div.file-list ul li div.btn a.btn-preview:before{background:url("/fro_end/img/D4140_preview.svg")center/100% auto no-repeat;} div.sect-wrap.D4140 div.file-list ul li div.btn a.btn-download:before{background:url("/fro_end/img/ico_download.svg")center/80% auto no-repeat;} @media(hover:hover){ div.sect-wrap.D4140 div.file-list ul li:hover{background:#f7f7f7;} div.sect-wrap.D4140 div.file-list ul li div.btn a[class*="btn-"]:hover{box-shadow:0 10px 20px rgba(0,0,0,0.15); border-color:#ddd; transform:translateY(-3px);} } /* D4300 */ div.sect-wrap.D4300 div.course-intro{display:flex;} div.sect-wrap.D4300 div.course-intro div.left-img{width:32%; background:url("/fro_end/img/D4300_course_intro.jpg")center/cover no-repeat; height:18rem; border-radius:1rem; position:relative; overflow:hidden;} div.sect-wrap.D4300 div.course-intro div.left-img:after{content:''; display:block; width:100%; height:100%; background:#000; position:absolute; top:0; left:0; opacity:.1;} div.sect-wrap.D4300 div.course-intro div.right-txt{width:68%; padding-left:6%;} div.sect-wrap.D4300 div.course-intro div.right-txt div.name{display:flex; gap:1rem; align-items:center; margin-bottom:2rem;} div.sect-wrap.D4300 div.course-intro div.right-txt div.name span.kor{font-size:2rem; font-family:'NanumNeo_EB',sans-serif;} div.sect-wrap.D4300 div.course-intro div.right-txt div.name span.eng{font-size:1rem; color:#999; font-family:'Montserrat_M','NanumNeo_B',sans-serif;} div.sect-wrap.D4300 div.course-intro div.right-txt div.info{font-size:1.2rem; line-height:1.8; word-break:keep-all;} div.sect-wrap.D4300 div.course-intro div.right-txt div.btn-wrap{margin-top:2rem;} div.sect-wrap.D4300 div.course-intro div.right-txt div.btn-wrap > a{margin-right:0.3rem;} div.sect-wrap.D4300 div.job-wrap{} div.sect-wrap.D4300 div.job-wrap div.job{display:flex; margin-bottom:1.5rem; padding-bottom:1.5rem; border-bottom:1px dashed #ddd; align-items:center;} div.sect-wrap.D4300 div.job-wrap div.job:last-child{margin-bottom:0; padding-bottom:0; border-bottom:0;} div.sect-wrap.D4300 div.job-wrap div.job div.left-tit{width:9rem; height:9rem; border:0.5rem solid var(--color-main01); border-radius:50%; color:var(--color-main01); position:relative;} div.sect-wrap.D4300 div.job-wrap div.job div.left-tit span{width:100%; text-align:center; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-family:'NanumNeo_EB',sans-serif; font-size:1.1rem;} div.sect-wrap.D4300 div.job-wrap div.job div.right-txt{width:calc(100% - 9rem); padding-left:2rem; font-size:1.125rem; line-height:var(--18px-lineheight);} div.sect-wrap.D4300 div.job-wrap div.job02 div.left-tit{border-color:var(--color-main02); color:var(--color-main02);} div.sect-wrap.D4300 div.job-wrap div.job03 div.left-tit{border-color:var(--color-main03); color:var(--color-main03);} div.sect-wrap.D4300 div.certi-wrap{display:flex; flex-wrap:wrap; gap:2%;} div.sect-wrap.D4300 div.certi-wrap div.certi{width:32%; border:2px solid #777; padding:1.5rem; border-radius:1rem;} div.sect-wrap.D4300 div.certi-wrap div.certi div.tit{font-size:1.4rem; text-align:center; margin-bottom:1rem; font-family:'NanumNeo_EB',sans-serif; border-bottom:2px solid #777; padding-bottom:1rem;} div.sect-wrap.D4300 div.certi-wrap div.certi div.con{font-size:1.05rem;} div.sect-wrap.D4300 div.certi-wrap div.certi div.con div.txt{line-height:var(--18px-lineheight);} div.sect-wrap.D4300 div.certi-wrap div.certi div.con ul.ex{display:flex; align-items:center; flex-wrap:wrap; gap:0.5rem; margin-top:1rem;} div.sect-wrap.D4300 div.certi-wrap div.certi div.con ul.ex li{font-size:0.9rem; padding:0.25rem 0.5rem; border-radius:5px; background:#eee; color:#555;} div.sect-wrap.D4300 div.prof-wrap{display:flex;} div.sect-wrap.D4300 div.prof-wrap div.left{width:15rem;} div.sect-wrap.D4300 div.prof-wrap div.left div.img{width:100%; height:20rem; border-radius:50rem; overflow:hidden;} div.sect-wrap.D4300 div.prof-wrap div.left div.img img{width:100% !important; height:100% !important; object-fit:cover; vertical-align:bottom;} div.sect-wrap.D4300 div.prof-wrap div.left div.prof-name{font-size:1.8rem; font-family:'NanumNeo_EB',sans-serif; text-align:center; margin-top:1rem;} div.sect-wrap.D4300 div.prof-wrap div.left div.prof-name span.position{font-family:'NanumNeo_R',sans-serif; font-size:1.25rem; color:var(--color-main03);} div.sect-wrap.D4300 div.prof-wrap div.right{width:calc(100% - 15rem); padding:1rem 0 1rem 3rem;} div.sect-wrap.D4300 div.prof-wrap div.right div.prof-intro{position:relative; padding:1rem; font-size:1.125rem; line-height:1.6; font-family:'NanumNeo_R',sans-serif;} div.sect-wrap.D4300 div.prof-wrap div.right div.prof-intro:before{content:''; display:block; width:2rem; height:2rem; opacity:.1; background:url("/fro_end/img/ico_quote.svg")center/contain no-repeat; position:absolute; top:-0.5rem; left:0;} div.sect-wrap.D4300 div.prof-wrap div.right ul.prof-info{background:#f5f5f5; border-radius:1rem; padding:1.5rem;} div.sect-wrap.D4300 div.prof-wrap div.right ul.prof-info li{margin-bottom:1rem; line-height:1.5;} div.sect-wrap.D4300 div.prof-wrap div.right ul.prof-info li:last-child{margin-bottom:0;} div.sect-wrap.D4300 div.prof-wrap div.right ul.prof-info li p.info-lab{font-size:0.9rem; font-family:'NanumNeo_EB',sans-serif;} div.sect-wrap.D4300 div.prof-wrap div.right ul.prof-info li p{} /* D4310 */ div.sect-wrap.D4310 div.course-intro div.left-img{background:url("/fro_end/img/D4310_course_intro.jpg")center/cover no-repeat;} div.sect-wrap.D4310 div.course-intro div.right-txt div.info{font-size:1.1rem;} /* D4320 */ div.sect-wrap.D4320 div.course-intro div.left-img{background:url("/fro_end/img/D4320_course_intro.jpg")center/cover no-repeat;} /* D4330 */ div.sect-wrap.D4330 div.course-intro.korean-intro{position: relative; justify-content: center; align-items: center; position: relative; width: 100%; height: 22rem; border-radius: 1rem; background: url("/fro_end/img/D4330_course_intro.jpg")center/cover no-repeat;} div.sect-wrap.D4330 div.course-intro.korean-intro:before{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); border-radius: 1rem;} div.sect-wrap.D4330 div.course-intro.korean-intro div.right-txt.korean-intro-inner{position: relative; padding: 0; width: 100%; text-align: center;} div.sect-wrap.D4330 div.course-intro.korean-intro div.right-txt.korean-intro-inner div.name{display: block;} div.sect-wrap.D4330 div.course-intro.korean-intro div.right-txt.korean-intro-inner div.name span{display: block; color: #fff;} div.sect-wrap.D4330 div.course-intro.korean-intro div.right-txt.korean-intro-inner div.name span.eng{margin-top: 0.5rem; opacity: 0.7;} div.sect-wrap.D4330 div.course-intro.korean-intro div.right-txt.korean-intro-inner div.btn-wrap a{border: 2px solid #fff; color: #fff;} div.sect-wrap.D4330 div.course-intro.korean-intro div.right-txt.korean-intro-inner div.btn-wrap a.c-btn.arrow:after{background: url("/fro_end/img/ico_arrow_wh.svg")center/80% auto no-repeat} div.sect-wrap.D4330 div.job-wrap ul.list01.job-list > li{margin-bottom: 1.125rem; padding-bottom: 1.125rem; font-family: 'NanumNeo_R',sans-serif; border-bottom: 1px solid #ddd;} div.sect-wrap.D4330 div.job-wrap ul.list01.job-list > li:last-child{margin-bottom: 0;} div.sect-wrap.D4330 div.job-wrap ul.list01.job-list > li:before{top: 10px;} /* 개인정보처리방침 */ div.policy-wrap{} div.policy-wrap div.policy{margin-top:7rem;} div.policy-wrap div.policy div.tit{font-size:1.3rem; font-family:'NanumNeo_EB',sans-serif; margin-bottom:1rem; padding-bottom:1rem; border-bottom:2px solid #333;} div.policy-wrap div.policy div.con{font-size:1.125rem; line-height:var(--18px-lineheight);} div.policy-wrap div.policy div.con p.txt01{font-family:'NanumNeo_B',sans-serif; line-height:1.6;} div.policy-wrap ul.cir-num-list{} div.policy-wrap ul.cir-num-list > li{margin-bottom:2rem; position:relative; padding-left:2rem; font-family:'NanumNeo_B',sans-serif; font-size:1em; line-height:inherit;} div.policy-wrap ul.cir-num-list > li:before{content:'0'; display:block; width:1.5rem; height:1.5rem; line-height:1.5rem; text-align:center; font-size:0.9rem; background:#555; color:#fff; border-radius:50%; position:absolute; top:2px; left:0; font-family:'Montserrat_SB','NanumNeo_B',sans-serif;} div.policy-wrap ul.cir-num-list > li:nth-child(1):before{content:'1';} div.policy-wrap ul.cir-num-list > li:nth-child(2):before{content:'2';} div.policy-wrap ul.cir-num-list > li:nth-child(3):before{content:'3';} div.policy-wrap ul.cir-num-list > li:nth-child(4):before{content:'4';} div.policy-wrap ul.cir-num-list > li:nth-child(5):before{content:'5';} div.policy-wrap ul.cir-num-list > li:nth-child(6):before{content:'6';} div.policy-wrap ul.cir-num-list > li:nth-child(7):before{content:'7';} div.policy-wrap ul.cir-num-list > li:nth-child(8):before{content:'8';} div.policy-wrap ul.cir-num-list > li:nth-child(9):before{content:'9';} div.policy-wrap ul.def-num-list{} div.policy-wrap ul.def-num-list > li{margin:0.8rem 0; font-size:1rem; font-family:'NanumNeo_R',sans-serif; text-indent:-1rem; padding-left:1rem;} div.policy-wrap ul.def-num-list > li:before{content:'0.'; margin-right:0.25rem;} div.policy-wrap ul.def-num-list > li:nth-child(1):before{content:'1.';} div.policy-wrap ul.def-num-list > li:nth-child(2):before{content:'2.';} div.policy-wrap ul.def-num-list > li:nth-child(3):before{content:'3.';} div.policy-wrap ul.def-num-list > li:nth-child(4):before{content:'4.';} div.policy-wrap ul.def-num-list > li:nth-child(5):before{content:'5.';} div.policy-wrap ul.def-num-list > li:nth-child(6):before{content:'6.';} div.policy-wrap ul.def-num-list > li:nth-child(7):before{content:'7.';} div.policy-wrap ul.def-num-list > li:nth-child(8):before{content:'8.';} div.policy-wrap ul.def-num-list > li:nth-child(9):before{content:'9.';} div.policy-wrap table{width:100%; font-family:'NanumNeo_R',sans-serif; font-size:0.9em; text-align:center; border-top:1px solid #333; margin:0.5rem 0;} div.policy-wrap table thead{border-bottom:1px solid #333;} div.policy-wrap table thead th{font-family:'NanumNeo_B',sans-serif; padding:0.5rem;} div.policy-wrap table tbody tr{border-bottom:1px solid #ddd;} div.policy-wrap table tbody th{font-family:'NanumNeo_B',sans-serif; background:#f5f5f5;} div.policy-wrap table tbody td{padding:0.5rem; border-right:1px solid #ddd;} div.policy-wrap table tbody td:last-child{border-right:0;} /* 이용약관 */ div.policy-wrap.policy01{} div.policy-wrap.policy01 div.policy div.con div.set{margin-bottom:4rem; font-size:1rem;} div.policy-wrap.policy01 div.policy div.con div.set p.tit{font-family:'NanumNeo_EB',sans-serif; margin-bottom:0.5rem; color:var(--color-main01); font-size:1.125rem;} div.policy-wrap.policy01 div.policy div.con div.set p.txt{} div.policy-wrap.policy01 div.policy div.con div.set ul.cir-num-list > li{padding-left:1.8rem; margin-bottom:1rem;} div.policy-wrap.policy01 div.policy div.con div.set ul.cir-num-list > li:before{width:1.35rem; height:1.35rem; line-height:1.35rem; font-size:0.8rem;} /* 개인정보제3자제공 */ div.policy-wrap.policy03 div.policy{margin-top:0;} div.policy-wrap.policy03 div.policy div.con{padding:1rem;} /* 개인정보 처리 위탁동의 */ div.policy-wrap.policy04 div.policy{margin-top:0;} div.policy-wrap.policy04 div.policy div.con{padding:1rem;} @media screen and (max-width:1600px){ /* sub tab */ div.wrap.sub div.document section.title div.sub-tab{width:95%;} /* D1200 */ div.sect-wrap.D1200 div.row02:before{width:100%;} } @media screen and (max-width:1440px){} @media screen and (max-width:1280px){ /* thema */ div.wrap.sub div.thema h2.title{font-size:2.3rem;} div.wrap.sub div.thema div.eng > span{font-size:8.8rem;} /* sub menu */ div.wrap.sub div.sub-page div.subnav ul li{font-size:1rem;} /* document */ div.wrap.sub div.document{padding:4rem 0;} div.wrap.sub div.document section.title h3.sub-tit{font-size:2.125rem;} div.wrap.sub div.document section.title div.sub-tab{margin:2rem auto;} div.wrap.sub div.document section.title div.sub-tab ul li{font-size:1rem;} div.wrap.sub div.document section.title div.sub-tab ul li a{padding:0.65rem 1.5rem;} /* D1100 */ div.sect-wrap.D1100 div.greeting{padding:0; margin:2.5rem 0;} div.sect-wrap.D1100 div.greeting div.left{width:22%; font-size:1.5rem;} div.sect-wrap.D1100 div.greeting div.right{padding-left:2rem; width:78%;} /* D1300 */ div.sect-wrap.D1300:before{font-size:13rem;} div.sect-wrap.D1300 div.staff-box{width:32%;} div.sect-wrap.D1300 div.staff-row.row01{margin-bottom:4rem;} /* D1400 */ div.sect-wrap.D1400 div.hist-con div.hist div.left p.year:before, div.sect-wrap.D1400 div.hist-con div.hist div.left p.year:after{right:-3.5rem;} /* D1500 */ div.sect-wrap.D1500 div.paper-box{background:transparent; border:0; box-shadow:none; border-radius:0; width:100%; padding:0; width:90%;} /* D2100 */ div.sect-wrap.D2100 div.sect01 div.period-box div.box{width:48%; border-radius:1rem; padding-left:8rem;} div.sect-wrap.D2100 div.sect01 div.period-box div.box:before{left:1.65rem;} div.sect-wrap.D2100 div.sect01 div.period-box div.box p.date{font-size:1.2rem;} div.sect-wrap.D2100 div.sect02 div.period-box div.box{width:48%; border-radius:1rem; padding-left:8rem;} div.sect-wrap.D2100 div.sect02 div.period-box div.box p.date{font-size:1.2rem;} /* D2200 */ div.sect-wrap.D2200 div.sect01 div.apply-process div.step:before, div.sect-wrap.D2200 div.sect01 div.apply-process div.step:after{left:calc(35% + 1rem);} div.sect-wrap.D2200 div.sect01 div.apply-process div.step div.left{width:30%;} div.sect-wrap.D2200 div.sect01 div.apply-process div.step div.left div.btn-img{width:100%; height:14rem;} div.sect-wrap.D2200 div.sect01 div.apply-process div.step div.right{width:65%; padding-top:0;} div.sect-wrap.D2200 div.sect01 div.apply-process div.step div.right div.top{margin-bottom:1.5rem;} /* D3110 */ div.sect-wrap.D3110 div.sect01 div.left{height:16rem;} div.sect-wrap.D3110 div.sect01 div.right{width:63%;} /* D4100 */ div.sect-wrap.D4100 div.sect01 div.left{height:16rem;} div.sect-wrap.D4100 div.sect01 div.right{width:63%;} div.sect-wrap.D4100 div.sect02 div.left div.triple div.cir.cir02{left:27%;} div.sect-wrap.D4100 div.sect02 div.left div.triple div.cir.cir03{left:73%;} /* D4300 */ div.sect-wrap.D4300 div.course-intro div.left-img{height:16rem;} div.sect-wrap.D4300 div.course-intro div.right-txt div.name span.kor{font-size:1.8rem;} div.sect-wrap.D4300 div.certi-wrap div.certi div.tit{font-size:1.25rem;} div.sect-wrap.D4300 div.certi-wrap div.certi div.con{font-size:1rem;} } @media screen and (max-width:1024px){ /* thema */ :root{ --height-thema:25rem; } div.wrap.sub div.thema h2.title{font-size:2.125rem;} div.wrap.sub div.thema div.eng > span{font-size:8rem;} /* sub menu */ div.wrap.sub div.sub-page div.subnav ul:not(.def){display:block; border-right:1px solid #eee; border-left:0;} div.wrap.sub div.sub-page div.subnav ul:not(.def) li{display:inline-block; height:var(--height-subnav);} div.wrap.sub div.sub-page div.subnav ul:not(.def) li:first-child{border-left:1px solid #eee;} div.wrap.sub div.sub-page div.subnav ul:not(.def) li a{padding:0 1rem; text-wrap:nowrap;} div.wrap.sub div.sub-page div.subnav div.subnav-arrow{display:block;} /* title */ h3.sect-tit{margin-bottom:1rem;} /* table */ table.table01{font-size:1rem;} table.table01 > colgroup{display:none;} table.table01 ul li{font-size:1em;} /* list */ ul.num-list > li{padding-left:2.3rem;} ul.num-list > li:before{width:1.8rem; height:1.8rem; line-height:1.8rem; font-size:0.9rem; top:14px;} /* D1100 */ div.sect-wrap.D1100 div.intro{height:14rem; border-radius:1rem;} div.sect-wrap.D1100 div.intro div.eng-txt{left:2.5rem;} div.sect-wrap.D1100 div.intro div.eng-txt:before{width:2.8rem; height:2.8rem;} div.sect-wrap.D1100 div.greeting{display:block;} div.sect-wrap.D1100 div.greeting div.left{width:100%; margin-bottom:0.5rem;} div.sect-wrap.D1100 div.greeting div.right{width:100%; border-left:0; padding-left:0;} /* D1200 */ div.sect-wrap.D1200 div.row01{margin-bottom:4rem;} div.sect-wrap.D1200 div.row01 p.eng{font-size:1.2rem;} div.sect-wrap.D1200 div.row01 p.kor{font-size:2rem; margin-bottom:0.5rem;} div.sect-wrap.D1200 div.row02 div.inner{padding:4rem 2rem;} /* D1300 */ div.sect-wrap.D1300:before{display:none;} div.sect-wrap.D1300 div.staff-row{flex-wrap:wrap;} div.sect-wrap.D1300 div.staff-box{width:48%;} div.sect-wrap.D1300 div.staff-row.row01{margin-bottom:2rem;} div.sect-wrap.D1300 div.staff-row.row02 div.staff-box{margin-bottom:2rem;} /* D1400 */ div.sect-wrap.D1400 div.hist-con div.hist div.left p.year:before, div.sect-wrap.D1400 div.hist-con div.hist div.left p.year:after{width:10px; height:10px; right:-3.3rem;} div.sect-wrap.D1400 div.hist-con div.hist div.right ul.year-list > li{display:block;} div.sect-wrap.D1400 div.hist-con div.hist div.right ul.year-list > li span.date{width:100%; margin-bottom:0.25rem;} /* D1600 */ div.sect-wrap.D1600{margin-top:0;} div.sect-wrap.D1600 div.sect01 div.inner{flex-direction:column-reverse;} div.sect-wrap.D1600 div.sect01 div.inner div.left{width:100%;} div.sect-wrap.D1600 div.sect01 div.inner div.left div.intro-txt{margin-bottom:1rem; font-size:1.65rem;} div.sect-wrap.D1600 div.sect01 div.inner div.left div.intro-txt br{display:none;} div.sect-wrap.D1600 div.sect01 div.inner div.left div.inf-univ{margin-top:0;} div.sect-wrap.D1600 div.sect01 div.inner div.right{width:100%; margin-bottom:2rem;} div.sect-wrap.D1600 div.sect01 div.inner div.right div.img-changer div.img-target > img{box-shadow:rgb(46 12 12 / 15%) 0px 15px 40px 0px;} /* D2100 */ div.sect-wrap.D2100 div.sect01 div.period-box div.box{padding:2rem; text-align:center;} div.sect-wrap.D2100 div.sect01 div.period-box div.box:before{position:static; transform:none; margin:0 auto; margin-bottom:1rem; width:4.5rem; height:4.5rem;} div.sect-wrap.D2100 div.sect01 div.period-box div.box p.tit{margin-bottom:1rem; font-size:1.3rem;} div.sect-wrap.D2100 div.sect02 div.period-box div.box{padding:2rem; text-align:center;} div.sect-wrap.D2100 div.sect02 div.period-box div.box div.week{position:static; transform:none; margin:0 auto; margin-bottom:1rem; width:4.5rem; height:4.5rem; line-height:4.5rem;} div.sect-wrap.D2100 div.sect02 div.period-box div.box p.tit{margin-bottom:1rem; font-size:1.3rem;} /* D2200 */ div.sect-wrap.D2200 div.sect01 div.apply-process div.step div.left div.btn-img{height:12rem;} /* D2300 */ div.sect-wrap.D2300 div.sect02 div.pay-box div.box{padding:2rem;} /* D3110 */ div.sect-wrap.D3110 div.sect01 div.right p.txt > br{display:none;} div.sect-wrap.D3110 div.sect01 div.right div.homepage-box{margin-top:1rem; padding:1.8rem 1.5rem;} div.sect-wrap.D3110 div.sect02 ul.subject-list li{font-size:0.8rem;} /* D4100 */ div.sect-wrap.D4100 div.sect01{display:block;} div.sect-wrap.D4100 div.sect01 div.left{width:100%; margin-bottom:1rem;} div.sect-wrap.D4100 div.sect01 div.right{width:100%;} div.sect-wrap.D4100 div.sect02{display:block;} div.sect-wrap.D4100 div.sect02 div.left{width:100%; margin-bottom:2rem;} div.sect-wrap.D4100 div.sect02 div.left div.triple div.cir.cir02{left:40%;} div.sect-wrap.D4100 div.sect02 div.left div.triple div.cir.cir03{left:60%;} div.sect-wrap.D4100 div.sect02 div.right{width:100%;} /* D4120 */ div.sect-wrap.D4120 div.sect05 div.method-wrap div.method{padding:2.5rem 1.5rem; width:32%;} div.sect-wrap.D4120 div.sect05 div.method-wrap div.method div.tit{font-size:1rem; padding:0 1.5rem;} div.sect-wrap.D4120 div.sect05 div.method-wrap div.method div.con{font-size:1.2rem;} /* D4140 */ div.sect-wrap.D4140 div.file-list ul li div.tit{width:60%;} /* D4300 */ div.sect-wrap.D4300 div.course-intro{display:block;} div.sect-wrap.D4300 div.course-intro div.left-img{width:100%; margin-bottom:1rem;} div.sect-wrap.D4300 div.course-intro div.right-txt{width:100%; padding:0;} div.sect-wrap.D4300 div.course-intro div.right-txt div.name{margin-bottom:1rem;} div.sect-wrap.D4300 div.course-intro div.right-txt div.info{word-break:initial;} div.sect-wrap.D4300 div.b01{word-break:keep-all;} div.sect-wrap.D4300 div.b01 > br{display:none;} /* D4330 */ div.sect-wrap.D4330 div.course-intro.korean-intro{display: flex;} } @media screen and (max-width:800px){ /* thema */ div.wrap.sub div.thema div.eng{display:none;} /* document */ div.wrap.sub div.document section.title div.sub-tab ul li a{padding:0.65rem 1rem;} /* D1100 */ div.sect-wrap.D1100 div.intro{height:12rem;} div.sect-wrap.D1100 div.intro div.eng-txt{left:2rem;} div.sect-wrap.D1100 div.intro div.eng-txt:before{width:2.5rem; height:2.5rem;} div.sect-wrap.D1100 div.intro div.eng-txt p.txt01{font-size:1.2rem;} div.sect-wrap.D1100 div.intro div.eng-txt p.txt02{font-size:1.5rem;} /* D2100 */ div.sect-wrap.D2100 div.sect01 div.period-box div.box p.date > br.mob, div.sect-wrap.D2100 div.sect02 div.period-box div.box p.date > br.mob{display:block;} /* D1400 */ div.sect-wrap.D1400 div.hist-tab{display:none;} div.sect-wrap.D1400 div.hist-con{margin:0; width:100%;} div.sect-wrap.D1400 div.hist-con div.hist{padding-top:4rem;} div.sect-wrap.D1400 div.hist-con div.hist:first-child{padding-top:0;} div.sect-wrap.D1400 div.hist-con div.hist:before, div.sect-wrap.D1400 div.hist-con div.hist:after{left:24%; top:0;} div.sect-wrap.D1400 div.hist-con div.hist div.left{width:20%;} div.sect-wrap.D1400 div.hist-con div.hist div.left p.year:before, div.sect-wrap.D1400 div.hist-con div.hist div.left p.year:after{width:7px; height:7px; right:-3.4rem;} div.sect-wrap.D1400 div.hist-con div.hist div.right{width:80%;} /* D2200 */ div.sect-wrap.D2200 div.sect01 div.apply-process div.step{display:block;} div.sect-wrap.D2200 div.sect01 div.apply-process div.step:before, div.sect-wrap.D2200 div.sect01 div.apply-process div.step:after{display:none;} div.sect-wrap.D2200 div.sect01 div.apply-process div.step div.left{width:100%;} div.sect-wrap.D2200 div.sect01 div.apply-process div.step div.left div.btn-img{height:27rem;} div.sect-wrap.D2200 div.sect01 div.apply-process div.step div.right{width:100%; margin-top:2rem;} div.sect-wrap.D2200 div.sect01 div.apply-process div.step div.right div.top{margin-bottom:1rem; align-items:center;} div.sect-wrap.D2200 div.sect01 div.apply-process div.step div.right div.top div.tit{padding-left:1.2rem;} div.sect-wrap.D2200 div.sect01 div.apply-process div.step div.right div.con{padding-left:0;} div.sect-wrap.D2200 div.sect02 div.table-wrap table.table01 td.last div.univ-inf{display:block;} div.sect-wrap.D2200 div.sect02 div.table-wrap table.table01 td.last div.univ-inf p.inf{margin-bottom:1rem;} div.sect-wrap.D2200 div.sect02 div.table-wrap table.table01 td.last div.univ-inf p.inf:last-child{margin-bottom:0;} /* D3110 */ div.sect-wrap.D3110 div.sect01{display:block;} div.sect-wrap.D3110 div.sect01 div.left{width:100%; margin-bottom:2rem;} div.sect-wrap.D3110 div.sect01 div.right{width:100%;} /* D4100 */ div.sect-wrap.D4100 div.sect02 div.left div.triple div.cir.cir02{left:38%;} div.sect-wrap.D4100 div.sect02 div.left div.triple div.cir.cir03{left:62%;} /* D4110 */ div.sect-wrap.D4110 div.sect01 div.sect-con.con02 ul.num-list li ul.list01{padding:1.25rem 1.5rem;} div.sect-wrap.D4110 div.sect01 div.sect-con.con02 ul.num-list li ul.list01 > li{margin-bottom:0.5rem;} div.sect-wrap.D4110 div.sect01 div.sect-con.con02 ul.num-list li ul.list01 > li:last-child{margin-bottom:0;} div.sect-wrap.D4110 div.sect01 div.sect-con.con02 ul.num-list li ul.list01 > li:before{top:7px;} /* D4120 */ div.sect-wrap.D4120 div.sect05 div.method-wrap{display:block;} div.sect-wrap.D4120 div.sect05 div.method-wrap div.method{width:100%; margin-bottom:1rem; display:flex; padding:1.5rem; align-items:center;} div.sect-wrap.D4120 div.sect05 div.method-wrap div.method div.tit{position:static; transform:none; margin-right:1.5rem; height:2.5rem; line-height:2.5rem; border-radius:0.5rem;} div.sect-wrap.D4120 div.sect05 div.method-wrap div.method div.con{font-size:1.125rem; text-align:left;} /* D4130 */ div.sect-wrap.D4130 div.sect01 div.quarter-wrap{flex-wrap:wrap;} div.sect-wrap.D4130 div.sect01 div.quarter-wrap div.quarter{width:48%; margin-bottom:3rem;} /* D4140 */ div.sect-wrap.D4140 div.file-list ul li{flex-wrap:wrap; padding:1.5rem 1rem;} div.sect-wrap.D4140 div.file-list ul li div.tit{width:calc(100% - 3rem);} div.sect-wrap.D4140 div.file-list ul li div.btn{width:100%; padding-left:3rem; position:static; transform:none; margin-top:1rem;} /* D4300 */ div.sect-wrap.D4300 div.course-intro div.right-txt div.info{font-size:1.125rem; line-height:var(--18px-lineheight);} div.sect-wrap.D4300 div.job-wrap div.job div.left-tit{width:8rem; height:8rem;} div.sect-wrap.D4300 div.job-wrap div.job div.left-tit span{font-size:1rem;} div.sect-wrap.D4300 div.job-wrap div.job div.right-txt{width:calc(100% - 8rem); font-size:1rem; line-height:1.6;} div.sect-wrap.D4300 div.certi-wrap{gap:0; justify-content:space-between;} div.sect-wrap.D4300 div.certi-wrap div.certi{width:48%; margin-bottom:2rem;} div.sect-wrap.D4300 div.certi-wrap div.certi div.con ul.ex li{font-size:0.8rem;} } @media screen and (max-width:640px){ :root{ --height-thema:22rem; } /* sub menu */ div.wrap.sub div.sub-page{border-radius:0;} div.wrap.sub div.sub-page div.subnav div.subnav-arrow a.arrow.prev{left:1.5%;} div.wrap.sub div.sub-page div.subnav div.subnav-arrow a.arrow.next{right:1.5%;} /* document */ div.wrap.sub div.document section.title h3.sub-tit{font-size:1.95rem;} div.wrap.sub div.document section.title div.sub-tab ul{flex-wrap:wrap;} div.wrap.sub div.document section.title div.sub-tab ul li{border:2px solid #ddd;} div.wrap.sub div.document section.title div.sub-tab ul li.on{border-color:var(--color-main02);} div.wrap.sub div.document section.title div.sub-tab ul li a{padding:0.5rem 1.3rem;} /* box */ div.b02{padding:2rem; border-radius:1rem; padding-left:3.5rem; font-size:1.125rem;} div.b02:before{width:1.6rem; height:1.6rem; top:2rem; left:1.5rem;} div.b03{padding:2rem;} h4.sect-tit{font-size:1.25rem;} /* D1100 */ div.sect-wrap.D1100 div.intro{background-size:cover;} div.sect-wrap.D1100 div.intro div.eng-txt{left:0; width:100%; padding:0 2rem;} div.sect-wrap.D1100 div.intro div.eng-txt p.txt02{font-size:1.35rem;} /* D1200 */ div.sect-wrap.D1200 div.row01{margin-bottom:3rem;} div.sect-wrap.D1200 div.row02 div.inner{padding:3rem 1rem;} /* D1300 */ div.sect-wrap.D1300 div.staff-box{width:100%;} /* D1400 */ div.sect-wrap.D1400 div.hist-con div.hist div.left p.year{font-size:1.7rem;} div.sect-wrap.D1400 div.hist-con div.hist div.left p.year:before, div.sect-wrap.D1400 div.hist-con div.hist div.left p.year:after{right:-2.6rem;} div.sect-wrap.D1400 div.hist-con div.hist div.right{margin-left:4rem;} /* D1500 */ div.sect-wrap.D1500 div.rule ul.con li ul.cir-num-list > li{padding-left:1.5rem;} div.sect-wrap.D1500 div.rule ul.con li ul.cir-num-list > li:before{width:15px; height:15px; line-height:15px; font-size:10px;} /* D1600 */ div.sect-wrap.D1600 div.sect01 div.inner div.right, div.sect-wrap.D1600 div.sect01 div.inner div.right div.img-changer div.img-target.img-map .mk-map{height:23rem;} div.sect-wrap.D1600 div.sect02 div.trans-wrap div.trans div.tit{font-family:'NanumNeo_EB',sans-serif;} div.sect-wrap.D1600 div.sect02 div.trans-wrap div.trans div.con ul{display:block;} div.sect-wrap.D1600 div.sect02 div.trans-wrap div.trans div.con ul li{margin-bottom:1rem; padding-left:1rem;} div.sect-wrap.D1600 div.sect02 div.trans-wrap div.trans div.con ul li:after{width:5px; height:5px; right:unset; left:0; border-radius:50%; background:#333; top:9px;} div.sect-wrap.D1600 div.sect02 div.trans-wrap div.trans div.con ul li:last-child:after{display:block;} /* D2200 */ div.sect-wrap.D2200 div.sect01 div.apply-process div.step div.left div.btn-img{height:23rem;} div.sect-wrap.D2200 div.sect01 div.apply-process div.step div.right div.top{margin-bottom:1rem;} div.sect-wrap.D2200 div.sect01 div.apply-process div.step div.right div.top div.tit p.lg-tit{font-size:1.3rem;} /* D2300 */ div.sect-wrap.D2300 div.sect02 div.pay-box div.box{padding:1.5rem;} div.sect-wrap.D2300 div.sect02 div.pay-box div.box p.txt{font-size:1.125rem;} div.sect-wrap.D2300 div.sect02 div.pay-box div.box p.txt:before{width:2.25rem; height:2.25rem;} div.sect-wrap.D2300 div.sect02 div.pay-box p.or{font-size:1rem;} /* D3110 */ div.sect-wrap.D3110 div.sect01 div.left div.inner p.txt02{font-size:1.8rem;} /* D4100 */ div.sect-wrap.D4100 div.sect01 div.left{height:14rem;} div.sect-wrap.D4100 div.sect01 div.right p.txt{word-break:initial;} div.sect-wrap.D4100 div.sect01 div.right div.target-box{display:block; padding:1.5rem;} div.sect-wrap.D4100 div.sect01 div.right div.target-box div.cir-tit{width:auto; height:auto; line-height:initial; background:transparent; border-radius:0; color:#333; text-align:left; margin-right:0; display:block; font-size:1.2rem; margin-bottom:0.5rem;} div.sect-wrap.D4100 div.sect01 div.right div.target-box p[class^="txt"]{line-height:1.6;} div.sect-wrap.D4100 div.sect01 div.right div.target-box p.txt01{font-size:1rem;} div.sect-wrap.D4100 div.sect01 div.right div.target-box p.txt02{font-size:0.9rem;} div.sect-wrap.D4100 div.sect02 div.left div.triple div.cir.cir02{left:34%;} div.sect-wrap.D4100 div.sect02 div.left div.triple div.cir.cir03{left:64%;} div.sect-wrap.D4100 div.sect02 div.right h3.sect-tit{margin-bottom:1rem;} /* D4300 */ div.sect-wrap.D4300 div.course-intro div.left-img{height:14rem;} div.sect-wrap.D4300 div.certi-wrap div.certi{width:100%;} div.sect-wrap.D4300 div.certi-wrap div.certi div.tit{font-size:1.2rem;} div.sect-wrap.D4300 div.prof-wrap div.left{width:10rem;} div.sect-wrap.D4300 div.prof-wrap div.left div.img{height:14rem;} div.sect-wrap.D4300 div.prof-wrap div.left div.prof-name{font-size:1.5rem;} div.sect-wrap.D4300 div.prof-wrap div.left div.prof-name span.position{font-size:1.125rem;} div.sect-wrap.D4300 div.prof-wrap div.right{width:calc(100% - 10rem);} div.sect-wrap.D4300 div.prof-wrap div.right div.prof-intro{padding:0.5rem; font-size:1rem;} } @media screen and (max-width:480px){ /* thema */ div.wrap.sub div.thema h2.title{font-size:2rem;} /* document */ div.wrap.sub div.document{padding:3rem 0;} div.wrap.sub div.document section.title div.sub-tab{margin:1.5rem;} /* box */ div.b01{padding:2rem;} /* list */ ul.list02 > li:before{width:4px; height:4px; top:8px;} /* D1200 */ div.sect-wrap.D1200 div.row01 p.eng{font-size:1rem;} div.sect-wrap.D1200 div.row01 p.kor{font-size:1.8rem;} div.sect-wrap.D1200 div.row02 div.inner div.date{text-align:center;} div.sect-wrap.D1200 div.row02 div.inner div.name{text-align:center; margin-top:3rem; font-size:1.125rem;} div.sect-wrap.D1200 div.row02 div.inner div.name span.univ-name{margin-right:0.5rem;} div.sect-wrap.D1200 div.row02 div.inner div.name span.prof-name{font-size:1.5rem;} /* D1400 */ div.sect-wrap.D1400 div.hist-con div.hist div.left p.year{font-size:1.55rem;} div.sect-wrap.D1400 div.hist-con div.hist div.left p.year:before, div.sect-wrap.D1400 div.hist-con div.hist div.left p.year:after{right:-2.15rem;} div.sect-wrap.D1400 div.hist-con div.hist div.right{margin-left:3rem;} /* D1600 */ div.sect-wrap.D1600 div.sect01 div.inner div.left div.inf-univ{padding:3rem 0;} div.sect-wrap.D1600 div.sect01 div.inner div.left div.btn-changer a.c-btn{padding:0.5rem 1rem;} div.sect-wrap.D1600 div.sect01 div.inner div.right, div.sect-wrap.D1600 div.sect01 div.inner div.right div.img-changer div.img-target.img-map .mk-map{height:20rem;} div.sect-wrap.D1600 div.sect02 div.trans-wrap div.trans{padding-left:6rem;} div.sect-wrap.D1600 div.sect02 div.trans-wrap div.trans:before{width:4.5rem; height:4.5rem;} /* D2100 */ div.sect-wrap.D2100 div.sect01 div.period-box div.box p.date{font-size:1.125rem;} div.sect-wrap.D2100 div.sect02 div.period-box div.box p.date{font-size:1.125rem;} /* D2200 */ div.sect-wrap.D2200 div.sect01 div.apply-process div.step div.left div.btn-img{height:17rem;} div.sect-wrap.D2200 div.sect01 div.apply-process div.step div.right div.top div.tit p.lg-tit{font-size:1.2rem;} /* D3110 */ div.sect-wrap.D3110 div.sect01 div.left{height:14rem;} div.sect-wrap.D3110 div.sect01 div.right div.homepage-box div.p-area p.inf{margin-bottom:0.5rem;} /* D4100 */ div.sect-wrap.D4100 div.sect02 div.left div.triple{height:18rem;} div.sect-wrap.D4100 div.sect02 div.left div.triple div.cir{width:10rem; height:10rem;} div.sect-wrap.D4100 div.sect02 div.left div.triple div.cir.cir02{left:35%;} div.sect-wrap.D4100 div.sect02 div.left div.triple div.cir.cir03{left:67%;} div.sect-wrap.D4100 div.sect02 div.left div.triple div.cir p.in{font-size:1rem;} /* D4130 */ div.sect-wrap.D4130 div.sect01 div.quarter-wrap div.quarter{padding:2.5rem 1.25rem 1.5rem 1.25rem;} div.sect-wrap.D4130 div.sect01 div.quarter-wrap div.quarter ul.con li span.tag{font-size:10px;} div.sect-wrap.D4130 div.sect02 div.table-wrap table.table01 span.quarter{font-size:10px;} div.sect-wrap.D4130 div.sect02 div.table-wrap table.table01 tbody td{padding:0.65rem;} div.sect-wrap.D4130 div.sect02 div.table-wrap table.table01 tbody td ul.list02 > li{margin-bottom:0.5rem;} div.sect-wrap.D4130 div.sect02 div.table-wrap table.table01 tbody td ul.list02 > li:last-child{margin-bottom:0;} div.sect-wrap.D4130 div.sect02 div.table-wrap table.table01 span.label{font-size:11px; padding:2px 5px; margin:2px; border-radius:3px;} /* D4140 */ div.sect-wrap.D4140 div.file-list ul li div.num{width:auto;} div.sect-wrap.D4140 div.file-list ul li div.tit{width:calc(100% - 2rem);} div.sect-wrap.D4140 div.file-list ul li div.btn{padding-left:2rem;} /* D4300 */ div.sect-wrap.D4300 div.job-wrap div.job{display:block;} div.sect-wrap.D4300 div.job-wrap div.job div.left-tit{margin-bottom:1rem; width:auto; height:auto; border:0;} div.sect-wrap.D4300 div.job-wrap div.job div.left-tit span{position:static; transform:none; font-size:1.2rem; text-decoration:underline; text-underline-offset:8px; text-decoration-thickness:2px;} div.sect-wrap.D4300 div.job-wrap div.job div.left-tit span > br{display:none;} div.sect-wrap.D4300 div.job-wrap div.job div.right-txt{padding:0; width:100%;} div.sect-wrap.D4300 div.prof-wrap{display:block;} div.sect-wrap.D4300 div.prof-wrap div.left{margin:0 auto;} div.sect-wrap.D4300 div.prof-wrap div.left div.img{height:13rem;} div.sect-wrap.D4300 div.prof-wrap div.right{width:100%; padding:0; margin-top:1rem;} div.sect-wrap.D4300 div.prof-wrap div.right div.prof-intro:before{width:1.5rem; height:1.5rem; top:-1rem; text-align:center;} /* D4330 */ div.sect-wrap.D4330 div.course-intro.korean-intro{height:17rem;} /* policy */ div.policy-wrap div.policy div.con{font-size:1rem; line-height:1.6;} div.policy-wrap.policy02 div.b03 > br{display:none;} } @media screen and (max-width:400px){ /* sub menu */ div.wrap.sub div.sub-page div.subnav ul:not(.def){width:85%;} div.wrap.sub div.sub-page div.subnav div.subnav-arrow a.arrow{width:2.25rem; height:2.25rem;} div.wrap.sub div.sub-page div.subnav div.subnav-arrow a.arrow.prev{left:1%;} div.wrap.sub div.sub-page div.subnav div.subnav-arrow a.arrow.next{right:1%;} /* table */ table.table01{font-size:0.9rem;} table.table01 th{padding:0.5rem;} table.table01 td{padding:0.5rem;} /* list */ ul.num-list > li:before{top:12px;} /* D1400 */ div.sect-wrap.D1400 div.hist-con div.hist{display:block; padding-top:2rem;} div.sect-wrap.D1400 div.hist-con div.hist:before, div.sect-wrap.D1400 div.hist-con div.hist:after{display:none;} div.sect-wrap.D1400 div.hist-con div.hist div.left{width:100%;} div.sect-wrap.D1400 div.hist-con div.hist div.left p.year{text-align:left; border-bottom:2px solid var(--color-main01);} div.sect-wrap.D1400 div.hist-con div.hist div.left p.year:before, div.sect-wrap.D1400 div.hist-con div.hist div.left p.year:after{display:none;} div.sect-wrap.D1400 div.hist-con div.hist div.right{width:100%; margin-left:0;} div.sect-wrap.D1400 div.hist-con div.hist div.right ul.year-list{padding:0.25rem;} div.sect-wrap.D1400 div.hist-con div.hist div.right ul.year-list > li{border-bottom:1px dashed #ddd; padding-bottom:1rem; margin-bottom:1rem;} /* D2100 */ div.sect-wrap.D2100 div.sect01 div.period-box div.box{padding:1.25rem;} div.sect-wrap.D2100 div.sect01 div.period-box div.box p.date{font-size:1rem;} div.sect-wrap.D2100 div.sect02 div.period-box div.box{padding:1.25rem;} div.sect-wrap.D2100 div.sect02 div.period-box div.box p.date{font-size:1rem;} /* D2200 */ div.sect-wrap.D2200 div.sect01 div.apply-process div.step div.left div.btn-img{height:16rem;} /* D4100 */ div.sect-wrap.D4100 div.sect02 div.left div.triple div.cir.cir02{left:32%;} div.sect-wrap.D4100 div.sect02 div.left div.triple div.cir.cir03{left:68%;} /* D4120 */ div.sect-wrap.D4120 div.sect05 div.method-wrap div.method{display:block; padding:1.25rem;} div.sect-wrap.D4120 div.sect05 div.method-wrap div.method div.tit{margin-bottom:1rem;} } @media screen and (max-width:320px){ /* sub menu */ div.wrap.sub div.sub-page div.subnav div.subnav-arrow a.arrow{width:2rem; height:2rem;} div.wrap.sub div.sub-page div.subnav div.subnav-arrow a.arrow.prev{left:0;} div.wrap.sub div.sub-page div.subnav div.subnav-arrow a.arrow.next{right:0;} /* D2100 */ div.sect-wrap.D2100 div.sect01 div.period-box{display:block;} div.sect-wrap.D2100 div.sect01 div.period-box div.box{width:100%;} div.sect-wrap.D2100 div.sect01 div.period-box div.box01{margin-bottom:1rem;} div.sect-wrap.D2100 div.sect02 div.period-box{display:block;} div.sect-wrap.D2100 div.sect02 div.period-box div.box{width:100%;} div.sect-wrap.D2100 div.sect02 div.period-box div.box01{margin-bottom:1rem;} }