/* header */ div.header{width:100%; padding:1rem 3rem; border-bottom:1px solid rgba(255,255,255,0.3); display:flex; justify-content:space-between; align-items:center; position:fixed; top:0; left:0; z-index:99; transition:0.4s;} div.header div.logo{display:flex; align-items:center; cursor:pointer;} div.header div.logo img.logo-img{width:15rem;} div.header div.logo img.logo-img.white{display:block;} div.header div.logo img.logo-img.color{display:none;} div.header div.logo div.logo-txt{color:#e7d297; font-size:1.75rem; font-family:'Pretendard-Medium'; padding-left:1rem; margin-left:1rem; border-left:1px solid rgba(255,255,255,0.5); word-break:keep-all;} div.header div.mob-gnb-btn{display:none;} div.header div.gnb{color:#fff; font-family:'Pretendard-Medium';} div.header div.gnb ul.depth01{display:flex;} div.header div.gnb ul.depth01 > li{font-size:1.4rem; width:10rem; position:relative; text-align:center; margin-right:1rem; transition:0.4s;} div.header div.gnb ul.depth01 > li > a{padding:1rem 0;} div.header div.gnb ul.depth01 > li.arrow > a{position:relative;} div.header div.gnb ul.depth01 > li.arrow > a:after{content:''; display:block; width:1.5rem; height:1.5rem; background:#ffffff3b url("../img/intro/ic_arrow_wh.svg")center/50% auto no-repeat; position:absolute; top:1rem; right:-2.5rem; border-radius:50%; transition:0.4s;} div.header div.gnb ul.depth01 > li ul.depth02{opacity:0; word-break:keep-all; box-shadow:0 8px 40px rgba(0,0,0,0.1); position:absolute; top:2.5rem; left:1rem; width:100%; background:#fff; border-radius:1rem; color:#333; font-size:1.1rem; padding:0.5rem 1rem; transition:0.4s;} div.header div.gnb ul.depth01 > li ul.depth02 > li{padding:0.5rem 0; text-align:left; border-bottom:1px dashed #ddd;} div.header div.gnb ul.depth01 > li ul.depth02 > li:last-child{border-bottom:none;} div.header div.gnb ul.depth01 > li ul.depth02 > li > a{display:block; width:100%;} div.header.on{background:#fff; border-color:#eee; box-shadow:0 0 30px rgba(0,0,0,0.1); padding:0.5rem 3rem;} div.header.on div.logo img.logo-img{width:12rem;} div.header.on div.logo img.logo-img.white{display:none;} div.header.on div.logo img.logo-img.color{display:block;} div.header.on div.logo div.logo-txt{font-size:1.35rem; color:var(--color-main02); border-left:1px solid rgba(0,0,0,0.3); padding-left:0.8rem; margin-left:0.8rem;} div.header.on div.gnb{color:#333;} div.header.on div.gnb ul.depth01 > li{width:9rem; font-size:1.2rem;} div.header.on div.gnb ul.depth01 > li.arrow > a:after{width:1.2rem; height:1.2rem; top:1.2rem; right:-2rem; background:#00000012 url("../img/intro/ic_arrow.svg")center/50% auto no-repeat;} div.header.on div.gnb ul.depth01 > li ul.depth02{font-size:1rem; padding:0.5rem 0.8rem;} div.header div.gnb ul.depth01 > li:hover ul.depth02{opacity:1;} /* 제목 */ h2.sect-tit{font-size:3rem; font-family:'Pretendard-Bold'; position:relative; margin-bottom:1rem;} h3.sect-tit{font-size:2.5rem; font-family:'Pretendard-SemiBold'; margin-bottom:1rem;} div.sect-tit{width:100%; margin-bottom:5rem;display:flex; align-items:center; justify-content:center;} div.sect-tit div.left{text-align:right; font-size:1.4rem; opacity:0.9;} div.sect-tit div.right{font-family:'Pretendard-SemiBold'; font-size:3.5rem; margin-left:1.2rem; padding-left:1.2rem; border-left:2px solid rgba(0,0,0,0.1);} /* 리스트 */ ul.list01 > li{font-size:1.2rem; position:relative; padding-left:1rem; margin-bottom:1rem;} ul.list01 > li:before{content:''; display:block; width:6px; height:6px; background:#333; border-radius:50%; position:absolute; top:0.5rem; left:0;} ul.list01 > li:last-child{margin-bottom:0 !important;} ul.list02 > li{margin-bottom:0.5rem; font-size:1.1rem; padding-left:0.8rem; position:relative; text-align:left;} ul.list02 > li:before{content:''; display:block; width:6px; height:1px; background:#333; position:absolute; top:11px; left:0;} ul.list02 > li:last-child{margin-bottom:0 !important;} /* 테이블 */ table{width:100%; text-align:center; font-size:1.2rem;} table th{padding:0.8rem; font-weight:unset; font-family:'Pretendard-Bold';} table td{padding:0.8rem;} table[class*="hor"] td{text-align:left; padding-left:1.5rem;} table.table01{border-top:2px solid #333;} table.table01 thead tr{border-bottom:1px solid #333;} table.table01 tr{border-bottom:1px solid #ddd;} table.table01 tr:nth-child(even){background:#fafafa;} table.table01 th{border-right:1px solid #ddd;} table.table01 th:last-child{border-right:none;} table.table02{box-shadow:0 8px 40px rgba(0,0,0,0.12);} table.table02 tr:nth-child(even){background:#fafafa;} table.table02 th{background:var(--color-main01); color:#fff; border-bottom:1px solid rgba(255,255,255,0.2);} /* 레이아웃 */ div.section{padding-top:7rem;} div.section div.sect-item{padding:5rem 0;} div.section div.sect-item.item01{padding-top:0;} /* 메인슬라이드 */ #sect01{position:relative; padding-top:0;} #sect01 div.slide-wrap{position:relative;} #sect01 div.slide-wrap div.slide{width:100%; height:100vh; position:relative;} #sect01 div.slide-wrap div.slide:before{content:''; display:block; width:100%; height:100%; position:absolute; background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 80%);} #sect01 div.slide-wrap div.slide.slide01{background:url("../img/intro/main_img01.jpg")center/cover no-repeat;} #sect01 div.slide-wrap div.slide.slide02{background:url("../img/intro/main_img02.jpg")center/cover no-repeat;} #sect01 div.slide-wrap div.slide div.inner{position:absolute; z-index:2; top:50%; left:50%; width:100%; text-align:center; transform:translate(-50%, -50%); color:#fff;} #sect01 div.slide-wrap div.slide div.inner div.tit{word-break:keep-all;} #sect01 div.slide-wrap div.slide div.inner div.tit p.tit01{font-family:'Pretendard-Regular'; font-size:2.2rem; margin-bottom:1rem;} #sect01 div.slide-wrap div.slide div.inner div.tit p.tit02{font-family:'Pretendard-Bold'; font-size:4rem; text-shadow:0 10px 40px rgba(0,0,0,0.8);} #sect01 div.slide-wrap button.slick-arrow{position:absolute; top:50%; transform:translateY(-50%); z-index:5; width:5rem; height:5rem; background:rgba(255,255,255,0.1); border-radius:50%; color:#fff; cursor:pointer; font-size:0;} #sect01 div.slide-wrap button.slick-arrow:after{content:''; display:block; width:1rem; height:1rem; background:url("../img/intro/ic_arrow_wh.svg")center/100% auto no-repeat; margin:0 auto; opacity:0.5;} #sect01 div.slide-wrap button.slick-arrow.slick-prev{left:2rem;} #sect01 div.slide-wrap button.slick-arrow.slick-prev:after{transform:rotate(90deg);} #sect01 div.slide-wrap button.slick-arrow.slick-next{right:2rem;} #sect01 div.slide-wrap button.slick-arrow.slick-next:after{transform:rotate(-90deg);} #sect01 div.scroll-down{position:absolute; bottom:0; left:50%; transform:translateY(-50%); color:#fff;} #sect01 div.scroll-down p.text{font-family:'Pretendard-Light';} #sect01 div.scroll-down span.icon{display:block; width:1.25rem; height:2.25rem; border-radius:3rem; border:2px solid #fff; position:relative; margin:0 auto; margin-top:3px;} #sect01 div.scroll-down span.icon:after{content:''; display:block; width:8px; height:8px; border-radius:50%; background:#fff; position:absolute; top:60%; left:4px; animation:moveScroll 1.5s infinite;} @keyframes moveScroll{ 0%{top:10%; opacity:0.2;} 100%{top:60%; opacity:1;} } /* 과정소개 */ #sect02 div.sect-item.item01 div.top-bar{background:rgb(39,33,22); background:linear-gradient(90deg, rgba(39,33,22,1) 0%, rgba(120,99,65,1) 50%, rgba(173,142,58,1) 100%); color:#fff; font-size:1.55rem; padding:2rem 0 1.5rem 1.5rem; margin-bottom:3rem;} #sect02 div.sect-item.item01 ul.course-introduce{} #sect02 div.sect-item.item01 ul.course-introduce > li{display:flex; align-items:flex-start; margin-bottom:4rem;} #sect02 div.sect-item.item01 ul.course-introduce > li:last-child{margin-bottom:0 !important;} #sect02 div.sect-item.item01 ul.course-introduce > li div.num{width:8%; font-size:4.5rem; font-family:'Pretendard-Black';} #sect02 div.sect-item.item01 ul.course-introduce > li:nth-child(1) div.num{color:var(--color-main01);} #sect02 div.sect-item.item01 ul.course-introduce > li:nth-child(2) div.num{color:var(--color-main02);} #sect02 div.sect-item.item01 ul.course-introduce > li:nth-child(3) div.num{color:var(--color-main03);} #sect02 div.sect-item.item01 ul.course-introduce > li:nth-child(4) div.num{color:var(--color-main04);} #sect02 div.sect-item.item01 ul.course-introduce > li div.box{width:92%;} #sect02 div.sect-item.item01 ul.course-introduce > li div.box div.tit{font-family:'Pretendard-Bold'; font-size:1.6rem; margin-bottom:0.3rem; word-break:keep-all;} #sect02 div.sect-item.item01 ul.course-introduce > li:nth-child(1) div.box div.tit{color:var(--color-main01);} #sect02 div.sect-item.item01 ul.course-introduce > li:nth-child(2) div.box div.tit{color:var(--color-main02);} #sect02 div.sect-item.item01 ul.course-introduce > li:nth-child(3) div.box div.tit{color:var(--color-main03);} #sect02 div.sect-item.item01 ul.course-introduce > li:nth-child(4) div.box div.tit{color:var(--color-main04);} #sect02 div.sect-item.item01 ul.course-introduce > li div.box div.con{background:#f7f7f7; padding:1.2rem; word-break:keep-all;} #sect02 div.sect-item.item01 ul.course-introduce > li:nth-child(1) div.box div.con ul.list01 > li:before{background:var(--color-main01);} #sect02 div.sect-item.item01 ul.course-introduce > li:nth-child(2) div.box div.con ul.list01 > li:before{background:var(--color-main02);} #sect02 div.sect-item.item01 ul.course-introduce > li:nth-child(3) div.box div.con ul.list01 > li:before{background:var(--color-main03);} #sect02 div.sect-item.item01 ul.course-introduce > li:nth-child(4) div.box div.con ul.list01 > li:before{background:var(--color-main04);} /* 특징 */ #sect02 div.sect-item.item02{} #sect02 div.sect-item.item02 div.logo-tit{display:flex; justify-content:space-between; position:relative; margin-bottom:5rem; align-items:center;} #sect02 div.sect-item.item02 div.logo-tit:before{content:''; display:block; width:10rem; height:10rem; background:url("../img/intro/emblem.png")center/100% auto no-repeat; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);} #sect02 div.sect-item.item02 div.logo-tit div.left-name{width:42%; text-align:right; font-size:1.5rem;} #sect02 div.sect-item.item02 div.logo-tit div.left-name span.name{display:block; color:var(--color-main02);} #sect02 div.sect-item.item02 div.logo-tit div.right-tit{width:42%; font-size:3.5rem; font-family:'Pretendard-SemiBold';} #sect02 div.sect-item.item02 div.chara-wrap{position:relative; padding-top:3rem;} #sect02 div.sect-item.item02 div.chara-wrap:before{content:''; display:block; width:1px; height:100%; background:rgb(105,31,117); background:linear-gradient(180deg, rgba(105,31,117,1) 0%, rgba(255,255,255,1) 100%); position:absolute; top:0; left:50%; transform:translateX(-50%);} #sect02 div.sect-item.item02 div.chara-wrap div.chara{width:100%; position:relative; margin-bottom:8rem;} #sect02 div.sect-item.item02 div.chara-wrap div.chara:before{content:''; display:block; width:3rem; height:2px; background:var(--color-main01); position:absolute; top:10px; left:50%;} #sect02 div.sect-item.item02 div.chara-wrap div.chara:after{content:''; display:block; width:1rem; height:1rem; background:var(--color-main01); position:absolute; top:12px; left:49.5%; border-radius:50%; transform:translateY(-50%);} #sect02 div.sect-item.item02 div.chara-wrap div.chara div.img{position:absolute; width:22rem; height:13rem; overflow:hidden; top:0;} #sect02 div.sect-item.item02 div.chara-wrap div.chara div.img img{width:100%;} #sect02 div.sect-item.item02 div.chara-wrap div.chara div.txt{width:45%; margin:0 0 0 auto;} #sect02 div.sect-item.item02 div.chara-wrap div.chara div.txt div.tit{font-size:1.6rem; font-family:'Pretendard-Bold'; margin-bottom:0.5rem; color:var(--color-main01);} #sect02 div.sect-item.item02 div.chara-wrap div.chara div.txt div.con{font-size:1.2rem; line-height:1.6;} #sect02 div.sect-item.item02 div.chara-wrap div.chara div.txt div.con ul{} #sect02 div.sect-item.item02 div.chara-wrap div.chara div.txt div.con ul > li{border-bottom:1px dashed #ddd; word-break:keep-all;} #sect02 div.sect-item.item02 div.chara-wrap div.chara div.txt div.con ul > li:last-child{border-bottom:none;} #sect02 div.sect-item.item02 div.chara-wrap div.chara div.txt div.con02{font-size:1.1rem; line-height:1.4; background:#f7f7f7; padding:1rem; word-break:keep-all;} #sect02 div.sect-item.item02 div.chara-wrap div.chara div.txt div.con02 div.tit02{font-family:'Pretendard-Bold'; margin-bottom:0.3rem;} #sect02 div.sect-item.item02 div.chara-wrap div.chara div.txt div.con02 div.tit02 span.ic-trophy{position:relative;} #sect02 div.sect-item.item02 div.chara-wrap div.chara div.txt div.con02 div.tit02 span.ic-trophy:before{content:''; display:block; width:1rem; height:1rem; background:url("../img/intro/ic_trophy.png")center/100% auto no-repeat; position:absolute; top:3px; left:-1.3rem;} #sect02 div.sect-item.item02 div.chara-wrap div.chara:nth-child(even):before{left:47%;} #sect02 div.sect-item.item02 div.chara-wrap div.chara:nth-child(even) div.txt{margin:0; text-align:right;} #sect02 div.sect-item.item02 div.chara-wrap div.chara:nth-child(even) div.img{right:0;} #sect02 div.sect-item.item02 div.chara-wrap div.chara:nth-child(1) div.img{box-shadow:10px 10px 0 rgba(105,31,117,0.2);} #sect02 div.sect-item.item02 div.chara-wrap div.chara:nth-child(2) div.img{box-shadow:-10px 10px 0 rgba(192,163,83,0.2);} #sect02 div.sect-item.item02 div.chara-wrap div.chara:nth-child(3) div.img{box-shadow:10px 10px 0 rgba(150,145,0,0.2);} /* 특전 */ #sect02 div.sect-item.item03{} #sect02 div.sect-item.item03 div.bar-tit{width:100%; margin-bottom:5rem;} #sect02 div.sect-item.item03 div.bar-tit div.inner{display:flex; align-items:center; justify-content:center; position:relative; z-index:2;} #sect02 div.sect-item.item03 div.bar-tit div.inner div.name{text-align:right; font-size:1.4rem; opacity:0.9;} #sect02 div.sect-item.item03 div.bar-tit div.inner div.main-tit{font-family:'Pretendard-SemiBold'; font-size:3.5rem; margin-left:1.2rem; padding-left:1.2rem; border-left:2px solid rgba(0,0,0,0.1);} #sect02 div.sect-item.item03 div.benefit-wrap{display:flex; flex-wrap:wrap;} #sect02 div.sect-item.item03 div.benefit-wrap div.benefit{width:20%; text-align:center; margin:1.5rem 0;} #sect02 div.sect-item.item03 div.benefit-wrap div.benefit div.circle{width:12rem; height:12rem; overflow:hidden; background:#333; border-radius:50%; color:#fff; position:relative; margin:0 auto; margin-bottom:0.5rem;} #sect02 div.sect-item.item03 div.benefit-wrap div.benefit div.circle:before{content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0; opacity:0.3; transition:0.4s;} #sect02 div.sect-item.item03 div.benefit-wrap div.benefit div.circle > span{width:85%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); word-break:keep-all; font-size:1.6rem; font-family:'Pretendard-SemiBold'; text-shadow:0 0 30px rgba(0,0,0,0.2);} #sect02 div.sect-item.item03 div.benefit-wrap div.benefit div.detail{word-break:keep-all; width:90%; margin:0 auto; color:#aaa; font-size:1.05rem; line-height:1.4; letter-spacing:-0.5px;} #sect02 div.sect-item.item03 div.benefit-wrap div.benefit:nth-child(1) div.circle:before{background:url("../img/intro/sect02_benefit01.jpg")center/cover no-repeat;} #sect02 div.sect-item.item03 div.benefit-wrap div.benefit:nth-child(2) div.circle:before{background:url("../img/intro/sect02_benefit02.jpg")center/cover no-repeat;} #sect02 div.sect-item.item03 div.benefit-wrap div.benefit:nth-child(3) div.circle:before{background:url("../img/intro/sect02_benefit03.jpg")center/cover no-repeat;} #sect02 div.sect-item.item03 div.benefit-wrap div.benefit:nth-child(4) div.circle:before{background:url("../img/intro/sect02_benefit04.jpg")center/cover no-repeat;} #sect02 div.sect-item.item03 div.benefit-wrap div.benefit:nth-child(5) div.circle:before{background:url("../img/intro/sect02_benefit05.jpg")center/cover no-repeat;} #sect02 div.sect-item.item03 div.benefit-wrap div.benefit:nth-child(6) div.circle:before{background:url("../img/intro/sect02_benefit06.jpg")center/cover no-repeat;} #sect02 div.sect-item.item03 div.benefit-wrap div.benefit:nth-child(7) div.circle:before{background:url("../img/intro/sect02_benefit07.jpg")center/cover no-repeat;} #sect02 div.sect-item.item03 div.benefit-wrap div.benefit:nth-child(8) div.circle:before{background:url("../img/intro/sect02_benefit08.jpg")center/cover no-repeat;} #sect02 div.sect-item.item03 div.benefit-wrap div.benefit:nth-child(9) div.circle:before{background:url("../img/intro/sect02_benefit09.jpg")center/cover no-repeat;} #sect02 div.sect-item.item03 div.benefit-wrap div.benefit:nth-child(10) div.circle:before{background:url("../img/intro/sect02_benefit10.jpg")center/cover no-repeat;} @media (hover:hover){ #sect02 div.sect-item.item03 div.benefit-wrap div.benefit:hover div.circle:before{opacity:0.4; transform:scale(1.2);} #sect02 div.sect-item.item03 div.benefit-wrap div.benefit:hover div.detail{color:#000;} } /* 해외연수 프로그램 */ #sect02 div.sect-item.item04{} #sect02 div.sect-item.item04 div.inner{background:#f7f7f7; padding:0; display:flex;} #sect02 div.sect-item.item04 div.inner div.left-img{width:40%; background:url("../img/intro/sect02_img05.jpg")center 70%/100% auto no-repeat;} #sect02 div.sect-item.item04 div.inner div.right-txt{width:60%; padding:3rem;} #sect02 div.sect-item.item04 div.inner div.right-txt div.tit{font-size:2.8rem; margin-bottom:1.25rem; font-family:'Pretendard-Bold';} /* 강사진소개 공통 */ #sect03 ul.prof-list{display:flex;} #sect03 ul.prof-list > li{width:25%; padding:2rem;} #sect03 ul.prof-list > li:nth-child(even){background:rgba(105,31,117,0.03);} #sect03 ul.prof-list > li div.prof-img{width:15rem; height:13rem; border-radius:50%; overflow:hidden; margin:0 auto; margin-bottom:1rem;} #sect03 ul.prof-list > li div.prof-img img{width:100%; height:auto;} #sect03 ul.prof-list > li div.prof-name{font-size:2rem; font-family:'Pretendard-Bold'; color:var(--color-main01); border-bottom:2px solid var(--color-main01); margin-bottom:0.8rem; padding-bottom:0.2rem;} #sect03 ul.prof-list > li div.prof-hist{} #sect03 ul.prof-list > li div.prof-hist ul{} #sect03 ul.prof-list > li div.prof-hist ul > li{border-bottom:1px dashed #ddd; font-size:1.05rem; word-break:keep-all; margin-bottom:0.5rem; padding-bottom:0.5rem;} #sect03 ul.prof-list > li div.prof-hist ul > li:last-child{border-bottom:none !important; margin-bottom:0 !important; padding-bottom:0 !important;} /* 특강교수진 */ #sect03 div.sect-item.item01{} #sect03 div.sect-item.item01 div.prof-box{margin-top:2rem; background:#f7f7f7; padding:2rem;} #sect03 div.sect-item.item01 div.prof-box div.box{margin-bottom:2rem;} #sect03 div.sect-item.item01 div.prof-box div.box:last-child{margin-bottom:0 !important;} #sect03 div.sect-item.item01 div.prof-box div.box div.tit{font-family:'Pretendard-Bold'; color:var(--color-main01); font-size:1.4rem; position:relative; padding-left:1.5rem; margin-bottom:0.3rem;} #sect03 div.sect-item.item01 div.prof-box div.box div.tit:before{content:''; display:block; width:0.8rem; height:0.8rem; background:var(--color-main01); transform:rotate(45deg); position:absolute; top:6px; left:0;} #sect03 div.sect-item.item01 div.prof-box div.box div.con{font-size:1.2rem; padding-left:1.5rem; word-break:keep-all;} /* 지도전문교수진 */ #sect03 div.sect-item.item02 ul.prof-list > li:nth-child(even){background:rgba(192,163,83,0.06);} #sect03 div.sect-item.item02 ul.prof-list > li div.prof-name{color:var(--color-main02); border-color:var(--color-main02);} #sect03 div.sect-item.item02 div.prof-table{margin-top:3rem;} #sect03 div.sect-item.item02 div.prof-table table.table01{font-size:1.1rem;} #sect03 div.sect-item.item02 div.prof-table table.table01 tbody td{text-align:left;} /* 모집요강 */ #sect04 div.sect-item table.table02{font-size:1.3rem;} #sect04 div.sect-item table.table02 td span.impot{color:var(--color-main01); font-size:1.5rem; font-family:'Pretendard-Bold';} #sect04 div.sect-item.item02 table.table02 th{background:var(--color-main02);} #sect04 div.sect-item.item02 table.table02 td span.impot{color:var(--color-main02);} /* 교육과정 */ #sect05 div.sect-item.item01 table.table02 thead{position:sticky; top:4.4rem; left:0; z-index:3;} #sect05 div.sect-item.item01 table.table02 tbody tr{border-bottom:1px solid #ddd;} #sect05 div.sect-item.item01 table.table02 tbody td{word-break:keep-all;} #sect05 div.sect-item.item01 table.table02 tbody th.num{background:rgba(105,31,117,0.05); color:var(--color-main01); font-size:1.5rem; border-bottom:1px solid #ddd;} #sect05 div.sect-item.item01 table.table02 tbody td.what{text-align:left;} #sect05 div.sect-item.item01 table.table02 tbody td.what > span{font-family:'Pretendard-SemiBold'; display:block;} #sect05 div.sect-item.item01 table.table02 tbody td.what > ul.list02{background:#f5f5f5; padding:0.8rem; margin-top:0.25rem;} /* 지원서작성 */ #sect06{width:100%; height:50vh; padding:5rem 0; background:url("../img/intro/sect06_bg.jpg")center/100% auto no-repeat; position:relative; margin-top:5rem;} #sect06:before{content:''; display:block; width:100%; height:100%; background:#333; position:absolute; opacity:0.5; top:0; left:0;} #sect06 div.inner{position:relative; z-index:3; color:#fff;} #sect06 div.inner div.sect-tit{color:#fff;} #sect06 div.inner div.sect-tit div.right{border-left-color:rgba(255,255,255,0.5);} #sect06 div.inner div.sect-con{} #sect06 div.inner div.sect-con div.btn-wrap{text-align:center;} #sect06 div.inner div.sect-con div.btn-wrap a.document-download{display:inline-block; font-size:1.5rem; font-family:'Pretendard-Medium'; border:2px solid #fff; padding:1.2rem 1.8rem; transition:0.4s; border-radius:0.5rem; box-shadow:0 0 40px rgba(0,0,0,0.4);} #sect06 div.inner div.sect-con div.btn-wrap a.document-download:before{content:''; display:block; width:2.5rem; height:2.5rem; background:url("../img/intro/ic_download_wh.svg")center/100% auto no-repeat; margin:0 auto; margin-bottom:0.8rem; transition:0.4s;} @media (hover:hover){ #sect06 div.inner div.sect-con div.btn-wrap a.document-download:hover{background:#fff; color:var(--color-main01); transform:translateY(-8px); box-shadow:0 8px 30px rgba(0,0,0,0.3);} #sect06 div.inner div.sect-con div.btn-wrap a.document-download:hover:before{background-image:url("../img/intro/ic_download_pu.svg");} } /* footer */ div.footer{background:#333; color:#a1a1a1; padding:1rem 0;} div.footer ul{display:flex; align-items:center; justify-content:center;} div.footer ul > li{margin:0 1rem; font-family:'Pretendard-Light'; font-size:0.9rem; text-align:center;} @media screen and (max-width:1600px){ div.header{padding:1rem;} div.header div.logo img.logo-img{width:13rem;} div.header div.logo div.logo-txt{font-size:1.5rem;} div.header div.gnb ul.depth01 > li{font-size:1.3rem;} div.header div.gnb ul.depth01 > li.arrow > a:after{width:1.2rem; height:1.2rem; top:1.2rem; right:-2rem;} div.header.on{padding:0.5rem 1rem;} } @media screen and (max-width:1440px){ div.header div.gnb ul.depth01 > li{margin-right:0;} } @media screen and (max-width:1280px){ div.header{} div.header div.logo img.logo-img{width:12rem;} div.header div.logo div.logo-txt{padding-left:0.8rem; margin-left:0.8rem;} div.header div.gnb ul.depth01 > li{width:9rem; font-size:1.2rem;} div.header div.gnb ul.depth01 > li ul.depth02{font-size:1rem; padding:0.5rem 0.8rem;} div.sect-tit{margin-bottom:4rem;} div.sect-tit div.left{font-size:1.25rem;} div.sect-tit div.right{font-size:3rem; margin-left:1rem; padding-left:1rem;} ul.list01 > li{font-size:1.1rem;} ul.list02 > li{font-size:1rem;} ul.list02 > li:before{top:9px;} table{font-size:1.1rem;} div.section div.sect-item{padding:4rem 0;} #sect01 div.slide-wrap div.slide div.inner div.tit p.tit01{font-size:1.6rem;} #sect01 div.slide-wrap div.slide div.inner div.tit p.tit02{font-size:3rem;} #sect02 div.sect-item.item01 div.top-bar{padding:1.8rem 0 1.2rem 1.2rem; font-size:1.35rem;} #sect02 div.sect-item.item01 ul.course-introduce > li{margin-bottom:3rem;} #sect02 div.sect-item.item01 ul.course-introduce > li div.num{font-size:3.5rem;} #sect02 div.sect-item.item01 ul.course-introduce > li div.box div.tit{font-size:1.3rem;} #sect02 div.sect-item.item01 ul.course-introduce > li div.box div.con{padding:1rem;} #sect02 div.sect-item.item02 div.logo-tit:before{width:9rem; height:9rem;} #sect02 div.sect-item.item02 div.logo-tit div.left-name{font-size:1.25rem;} #sect02 div.sect-item.item02 div.logo-tit div.right-tit{font-size:3rem;} #sect02 div.sect-item.item02 div.chara-wrap{padding-top:1rem;} #sect02 div.sect-item.item02 div.chara-wrap div.chara:after{width:0.8rem; height:0.8rem;} #sect02 div.sect-item.item02 div.chara-wrap div.chara:before{top:11px;} #sect02 div.sect-item.item02 div.chara-wrap div.chara:nth-child(even):before{left:46%;} #sect02 div.sect-item.item02 div.chara-wrap div.chara div.img{width:20rem; height:11rem;} #sect02 div.sect-item.item02 div.chara-wrap div.chara div.txt div.tit{font-size:1.5rem;} #sect02 div.sect-item.item02 div.chara-wrap div.chara div.txt div.con{font-size:1.1rem;} #sect02 div.sect-item.item02 div.chara-wrap div.chara div.txt div.con02{font-size:1rem;} #sect02 div.sect-item.item03 div.benefit-wrap div.benefit div.circle{width:11rem; height:11rem;} #sect02 div.sect-item.item03 div.benefit-wrap div.benefit div.circle > span{font-size:1.35rem;} #sect02 div.sect-item.item03 div.benefit-wrap div.benefit div.detail{font-size:1rem;} #sect02 div.sect-item.item04 div.inner div.right-txt{padding:2.5rem;} #sect02 div.sect-item.item04 div.inner div.right-txt div.tit{font-size:2.2rem;} #sect03 ul.prof-list > li{padding:1.5rem;} #sect03 ul.prof-list > li div.prof-img{width:12rem; height:10rem;} #sect03 ul.prof-list > li div.prof-name{font-size:1.6rem;} #sect03 div.sect-item.item01 div.prof-box{padding:1.5rem;} #sect03 div.sect-item.item01 div.prof-box div.box{margin-bottom:1.5rem;} #sect03 div.sect-item.item01 div.prof-box div.box div.tit{font-size:1.3rem; padding-left:1.2rem;} #sect03 div.sect-item.item01 div.prof-box div.box div.tit:before{width:0.6rem; height:0.6rem; top:7px;} #sect03 div.sect-item.item01 div.prof-box div.box div.con{font-size:1.1rem;} #sect04 div.sect-item table.table02{font-size:1.2rem;} #sect04 div.sect-item table.table02 td span.impot{font-size:1.4rem;} #sect05 div.sect-item.item01 table.table02 tbody th.num{font-size:1.25rem;} #sect05 div.sect-item.item01 table.table02 tbody td.what > ul.list02{padding:0.6rem;} #sect06 div.inner div.sect-con div.btn-wrap a.document-download{font-size:1.3rem; padding:1rem 1.3rem;} #sect06 div.inner div.sect-con div.btn-wrap a.document-download:before{width:2.2rem; height:2.2rem; margin-bottom:0.5rem;} } @media screen and (max-width:1024px){ div.header{height:5rem; padding:0 1rem;} div.header div.mob-gnb-btn{display:block; color:#fff; width:3.5rem; height:auto; text-align:center;} div.header div.mob-gnb-btn:after{content:'전체메뉴'; display:block; font-size:0.85rem; letter-spacing:-0.8px; font-family:'Pretendard-Medium';} div.header div.mob-gnb-btn a div.hambuger{margin-bottom:0.3rem;} div.header div.mob-gnb-btn a div.hambuger span{display:block; width:50%; height:2px; background:#fff; margin:0 auto; border-radius:5px; transition:0.4s;} div.header div.mob-gnb-btn a div.hambuger span:nth-child(2){margin:6px auto;} div.header div.gnb{position:absolute; top:5rem; right:-100%; background:#fff; width:50%; height:100vh; color:#333; transition:0.4s; z-index:99; transition:0.8s;} div.header div.gnb:before{content:''; display:block; width:100%; height:100%; background:#333; position:absolute; top:0; left:-50%; opacity:0; transition:0.4s;} div.header div.gnb ul.depth01{display:block;} div.header div.gnb ul.depth01 > li{width:100%; font-size:1.3rem; font-family:'Pretendard-Bold'; display:flex; align-items:flex-start; text-align:left; padding:1.5rem;} div.header div.gnb ul.depth01 > li:nth-child(even){background:rgba(105,31,117,0.05);} div.header div.gnb ul.depth01 > li > a{display:block; width:100%; height:100%; padding:0; color:var(--color-main01); word-break:keep-all;} div.header div.gnb ul.depth01 > li.arrow > a{width:30%;} div.header div.gnb ul.depth01 > li.arrow > a:after{display:none;} div.header div.gnb ul.depth01 > li ul.depth02{width:70%; opacity:1; position:static; box-shadow:none; border-radius:0; background:transparent; padding:0;} div.header div.gnb ul.depth01 > li ul.depth02 > li{font-size:1.1rem; font-family:'Pretendard-Medium'; padding:0; padding-bottom:0.8rem; margin-bottom:0.8rem;} div.header div.gnb ul.depth01 > li ul.depth02 > li:last-child{padding-bottom:0 !important; margin-bottom:0 !important;} div.header.gnb-open{background:#fff; border-bottom:1px solid #ccc;} div.header.gnb-open div.logo img.logo-img.white{display:none;} div.header.gnb-open div.logo img.logo-img.color{display:block;} div.header.gnb-open div.logo div.logo-txt{color:var(--color-main02); border-left-color:rgba(0,0,0,0.3);} div.header.gnb-open div.mob-gnb-btn{color:#333; transform:translateY(3px);} div.header.gnb-open div.mob-gnb-btn:after{content:'메뉴닫기';} div.header.gnb-open div.mob-gnb-btn a div.hambuger span{background:#333;} div.header.gnb-open div.mob-gnb-btn a div.hambuger span:nth-child(2){opacity:0;} div.header.gnb-open div.mob-gnb-btn a div.hambuger span:nth-child(1){transform:rotate(45deg) translate(5px,4px);} div.header.gnb-open div.mob-gnb-btn a div.hambuger span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px);} div.header.gnb-open div.gnb{right:0;} div.header.gnb-open div.gnb:before{opacity:0.4; left:-100%;} div.header.on{height:4rem; padding:0 1rem;} div.header.on div.logo img.logo-img{width:10rem;} div.header.on div.logo div.logo-txt{font-size:1.2rem; padding-left:0.5rem; margin-left:0.5rem;} div.header.on div.mob-gnb-btn{color:#333; width:3rem;} div.header.on div.mob-gnb-btn:after{font-size:0.8rem;} div.header.on div.mob-gnb-btn a div.hambuger{margin-bottom:0.15rem;} div.header.on div.mob-gnb-btn a div.hambuger span{background:#333;} div.header.on div.mob-gnb-btn a div.hambuger span:nth-child(2){margin:5px auto;} div.header.on div.gnb{top:4rem;} div.header.on div.gnb ul.depth01 > li{width:100%; font-size:1.3rem;} div.header.on div.gnb ul.depth01 > li ul.depth02{padding:0; font-size:1.1rem;} div.header.on.gnb-open div.mob-gnb-btn a div.hambuger span:nth-child(1){transform:rotate(45deg) translate(4px,3px);} div.sect-tit{margin-bottom:3rem;} h3.sect-tit{font-size:2rem; margin-bottom:0.8rem;} #sect01 div.slide-wrap button.slick-arrow{width:4rem; height:4rem;} #sect01 div.slide-wrap button.slick-arrow.slick-prev{left:1rem;} #sect01 div.slide-wrap button.slick-arrow.slick-next{right:1rem;} #sect01 div.scroll-down p.text{font-size:0.85rem;} #sect01 div.scroll-down span.icon{width:1rem; height:1.8rem;} #sect01 div.scroll-down span.icon:after{width:6px; height:6px; left:3px;} #sect02 div.sect-item.item01 ul.course-introduce > li div.num{width:10%;} #sect02 div.sect-item.item02 div.logo-tit div.left-name{width:40%;} #sect02 div.sect-item.item02 div.logo-tit div.right-tit{width:40%;} #sect02 div.sect-item.item03 div.benefit-wrap div.benefit div.circle{width:9.5rem; height:9.5rem;} #sect02 div.sect-item.item03 div.benefit-wrap div.benefit div.detail{font-size:0.95rem; color:#333; font-family:'Pretendard-Light'; line-height:1.3;} #sect02 div.sect-item.item03 div.benefit-wrap div.benefit div.detail > br{display:none;} #sect02 div.sect-item.item04 div.inner div.right-txt{padding:2rem; width:65%;} #sect02 div.sect-item.item04 div.inner div.right-txt div.tit{margin-bottom:1rem; font-size:2rem;} #sect02 div.sect-item.item04 div.inner div.left-img{width:35%; background-size:cover;} #sect03 ul.prof-list{flex-wrap:wrap;} #sect03 ul.prof-list > li{width:50%;} #sect03 ul.prof-list > li:nth-child(even){background:#fff;} #sect03 ul.prof-list > li:nth-child(2){background:rgba(105,31,117,0.03);} #sect03 ul.prof-list > li:nth-child(3){background:rgba(105,31,117,0.03);} #sect03 ul.prof-list > li div.prof-name{margin-bottom:0.5rem;} #sect03 div.sect-item.item01 div.prof-box div.box div.tit{font-size:1.2rem;} #sect03 div.sect-item.item01 div.prof-box div.box div.tit:before{width:0.5rem; height:0.5rem; top:6px;} #sect03 div.sect-item.item02 ul.prof-list > li:nth-child(even){background:#fff;} #sect03 div.sect-item.item02 ul.prof-list > li:nth-child(2){background:rgba(192,163,83,0.06);} #sect03 div.sect-item.item02 ul.prof-list > li:nth-child(3){background:rgba(192,163,83,0.06);} #sect03 div.sect-item.item02 div.prof-table table.table01{font-size:1.025rem;} #sect04 div.sect-item table.table02{font-size:1.1rem;} #sect04 div.sect-item table.table02 td span.impot{font-size:1.3rem;} #sect05 div.sect-item.item01 table.table02 thead{top:3.9rem;} #sect05 div.sect-item.item01 table.table02 tbody th.num{font-size:1.1rem;} #sect06{padding:3rem 0; height:auto;} #sect06 div.inner div.sect-con div.btn-wrap a.document-download{padding:1rem 1.5rem;} } @media screen and (max-width:884px){ div.section{padding-top:5rem;} div.sect-tit div.left{font-size:1.15rem;} div.sect-tit div.right{font-size:2.8rem; margin-left:0.65rem; padding-left:0.65rem;} #sect02 div.sect-item.item01 div.top-bar{margin-bottom:2rem; padding:1.5rem 0 1rem 1rem; font-size:1.25rem;} #sect02 div.sect-item.item02{padding:0; padding-top:6rem;} #sect02 div.sect-item.item02 div.chara-wrap div.chara:before{width:2rem;} #sect06:before{opacity:0.65;} #sect06 div.inner div.sect-con div.btn-wrap a.document-download{background:rgba(255,255,255,0.12); box-shadow:0 8px 40px rgba(0,0,0,0.3);} div.footer ul > li{margin:0 0.5rem; font-size:0.85rem;} } @media screen and (max-width:768px){ div.header div.gnb{width:60%;} table[class*="hor"] td{padding-left:1rem;} ul.list01 > li{margin-bottom:0.6rem;} ul.list01 > li:before{top:7px;} div.sect-tit{margin-bottom:2.5rem;} #sect02 div.sect-item.item01 div.top-bar{margin-bottom:0.5rem;} #sect02 div.sect-item.item01 ul.course-introduce > li{display:block; margin-bottom:1.5rem; position:relative; padding-top:2.5rem;} #sect02 div.sect-item.item01 ul.course-introduce > li div.num{position:absolute; top:0; left:0; opacity:0.1;} #sect02 div.sect-item.item01 ul.course-introduce > li div.box{width:100%;} #sect02 div.sect-item.item01 ul.course-introduce > li div.box div.tit{font-size:1.4rem;} #sect02 div.sect-item.item02 div.logo-tit:before{width:8rem; height:8rem;} #sect02 div.sect-item.item02 div.logo-tit div.left-name{font-size:1.1rem;} #sect02 div.sect-item.item02 div.logo-tit div.right-tit{font-size:2.6rem;} #sect02 div.sect-item.item02 div.chara-wrap div.chara div.txt div.con02{padding:0.8rem;} #sect02 div.sect-item.item03 div.benefit-wrap div.benefit{width:25%; margin:0;} #sect02 div.sect-item.item03 div.benefit-wrap div.benefit:nth-child(even){background:#f5f5f5;} #sect02 div.sect-item.item03 div.benefit-wrap div.benefit div.circle{width:100%; height:9rem; border-radius:0; margin-bottom:0;} #sect02 div.sect-item.item03 div.benefit-wrap div.benefit div.detail{width:100%; margin:0; padding:0.5rem; padding-bottom:1.5rem;} #sect02 div.sect-item.item04 div.inner div.left-img{width:30%;} #sect02 div.sect-item.item04 div.inner div.right-txt{padding:1.5rem; width:70%;} #sect02 div.sect-item.item04 div.inner div.right-txt div.tit{font-size:1.6rem;} #sect02 div.sect-item.item04 div.inner div.right-txt ul.list01 li{word-break:keep-all;} #sect03 div.sect-item.item01 div.prof-box{padding:1.2rem;} #sect04 div.sect-item.item02 table.table02 th{word-break:keep-all;} #sect05 div.sect-item.item01 {} #sect05 div.sect-item.item01 table.table02, #sect05 div.sect-item.item01 table.table02 tbody, #sect05 div.sect-item.item01 table.table02 tr, #sect05 div.sect-item.item01 table.table02 th, #sect05 div.sect-item.item01 table.table02 td{display:block; width:100%;} #sect05 div.sect-item.item01 table.table02 thead{display:none;} #sect05 div.sect-item.item01 table.table02 tr{background:#fff;} #sect05 div.sect-item.item01 table.table02 tbody th.num{background:var(--color-main01); color:#fff; font-size:1.3rem;} #sect05 div.sect-item.item01 table.table02 tbody td{position:relative; padding-left:20%; text-align:left; border-bottom:1px solid #ccc;} #sect05 div.sect-item.item01 table.table02 tbody td:last-child{border-bottom:none;} #sect05 div.sect-item.item01 table.table02 tbody td:before{content:''; display:block; width:20%; height:auto; font-family:'Pretendard-Bold'; position:absolute; left:1rem; color:var(--color-main01);} #sect05 div.sect-item.item01 table.table02 tbody td.when > br{display:none;} #sect05 div.sect-item.item01 table.table02 tbody td.when:before{content:'일정';} #sect05 div.sect-item.item01 table.table02 tbody td.what:before{content:'강의내용';} #sect05 div.sect-item.item01 table.table02 tbody td.where:before{content:'교육장소';} #sect05 div.sect-item.item01 table.table02 tbody td.who:before{content:'강사';} #sect05 div.sect-item.item01 table.table02 tbody td.etc:before{content:'비고';} #sect06 div.inner div.sect-con div.btn-wrap a.document-download{font-size:1.2rem;} #sect06 div.inner div.sect-con div.btn-wrap a.document-download:before{width:2rem; height:2rem;} div.footer ul{flex-direction:column-reverse;} div.footer ul > li{margin:0; margin-bottom:0.35rem;} div.footer ul > li:first-child{margin-bottom:0 !important;} } @media screen and (max-width:640px){ div.header div.gnb ul.depth01 > li{font-size:1.2rem; padding:1rem;} div.header.on div.gnb ul.depth01 > li{font-size:1.2rem;} div.sect-tit{margin-bottom:2rem;} #sect01 div.slide-wrap div.slide div.inner{width:60%;} #sect01 div.slide-wrap div.slide div.inner div.tit p.tit02{font-size:2.6rem;} #sect01 div.slide-wrap div.slide div.inner div.con{width:90%; margin:0 auto; line-height:1.4;} #sect01 div.slide-wrap div.slide div.inner div.con p{display:inline; word-break:keep-all;} #sect02 div.sect-item.item01 div.top-bar{text-align:center; padding:1.25rem;} #sect02 div.sect-item.item02{padding-top:4rem;} #sect02 div.sect-item.item02 div.logo-tit{margin-bottom:1rem;} #sect02 div.sect-item.item02 div.logo-tit:before{display:none;} #sect02 div.sect-item.item02 div.logo-tit div.left-name{width:50%; font-size:1.15rem; opacity:0.9;} #sect02 div.sect-item.item02 div.logo-tit div.left-name span.name{color:#333;} #sect02 div.sect-item.item02 div.logo-tit div.right-tit{width:50%; font-size:2.8rem; margin-left:0.65rem; padding-left:0.65rem; border-left:2px solid rgba(0,0,0,0.1);} #sect02 div.sect-item.item02 div.chara-wrap:before{display:none;} #sect02 div.sect-item.item02 div.chara-wrap div.chara{margin-bottom:3rem;} #sect02 div.sect-item.item02 div.chara-wrap div.chara:before{display:none;} #sect02 div.sect-item.item02 div.chara-wrap div.chara:after{display:none;} #sect02 div.sect-item.item02 div.chara-wrap div.chara div.img{width:100%; position:static; height:24rem;} #sect02 div.sect-item.item02 div.chara-wrap div.chara div.txt{width:100%; margin-top:1.8rem;} #sect02 div.sect-item.item02 div.chara-wrap div.chara:nth-child(even) div.txt{margin-top:1.8rem; text-align:left;} #sect02 div.sect-item.item02 div.chara-wrap div.chara:nth-child(2) div.txt div.tit{color:var(--color-main02);} #sect02 div.sect-item.item02 div.chara-wrap div.chara:nth-child(3) div.txt div.tit{color:var(--color-main03);} #sect02 div.sect-item.item02 div.chara-wrap div.chara div.txt div.con02 div.tit02 span{padding-left:1.5rem;} #sect02 div.sect-item.item02 div.chara-wrap div.chara div.txt div.con02 div.tit02 span.ic-trophy:before{top:1px; left:0;} #sect02 div.sect-item.item03 div.benefit-wrap div.benefit{width:33.333%;} #sect06{margin-top:0;} } @media screen and (max-width:480px){ div.header div.logo img.logo-img{width:10rem;} div.header div.logo div.logo-txt{font-size:1.25rem; padding-left:0.5rem; margin-left:0.5rem;} div.header div.gnb{width:70%;} div.header div.mob-gnb-btn a div.hambuger span:nth-child(2){margin:4px auto;} div.header.gnb-open div.mob-gnb-btn a div.hambuger span:nth-child(1){transform:rotate(45deg) translate(2px,2px);} table th{padding:0.5rem 0.25rem;} table td{padding:0.6rem;} table[class*="hor"] td{padding-left:0.8rem;} ul.list01 > li{margin-bottom:0.5rem; padding-left:0.8rem;} ul.list01 > li:before{width:5px; height:5px;} div.sect-tit div.left{font-size:1.05rem;} div.sect-tit div.right{font-size:2.5rem; margin-left:0.5rem; padding-left:0.5rem;} h3.sect-tit{font-size:1.8rem; margin-bottom:0.5rem;} #sect01 div.slide-wrap button.slick-arrow{width:3rem; height:3rem;} #sect01 div.slide-wrap div.slide div.inner{width:75%;} #sect01 div.slide-wrap div.slide div.inner div.tit p.tit01{font-size:1.3rem;} #sect01 div.slide-wrap div.slide div.inner div.tit p.tit02{font-size:2.2rem;} #sect01 div.scroll-down span.icon:after{width:5px; height:5px;} #sect02 div.sect-item.item01 div.top-bar{font-size:1.15rem;} #sect02 div.sect-item.item02 div.logo-tit div.left-name{font-size:1.05rem;} #sect02 div.sect-item.item02 div.logo-tit div.right-tit{font-size:2.5rem; margin-left:0.5rem; padding-left:0.5rem;} #sect02 div.sect-item.item02 div.chara-wrap div.chara div.img{height:auto;} #sect02 div.sect-item.item02 div.chara-wrap div.chara div.txt div.con{font-size:1.05rem;} #sect02 div.sect-item.item03 div.benefit-wrap div.benefit{width:50%;} #sect02 div.sect-item.item03 div.benefit-wrap div.benefit div.circle{height:6rem;} #sect02 div.sect-item.item03 div.benefit-wrap div.benefit div.circle > span{font-size:1.4rem;} #sect02 div.sect-item.item04 div.inner{display:block;} #sect02 div.sect-item.item04 div.inner div.left-img{width:100%; height:15rem;} #sect02 div.sect-item.item04 div.inner div.right-txt{width:100%;} #sect02 div.sect-item.item04 div.inner div.right-txt div.tit{color:var(--color-main03);} #sect03 ul.prof-list > li{padding:1rem; width:100%;} #sect03 ul.prof-list > li:nth-child(3){background:#fff;} #sect03 ul.prof-list > li:nth-child(even){background:rgba(105,31,117,0.03);} #sect03 div.sect-item.item02 ul.prof-list > li:nth-child(even){background:rgba(192,163,83,0.06);} #sect03 div.sect-item.item02 ul.prof-list > li:nth-child(3){background:#fff;} #sect03 ul.prof-list > li div.prof-img{margin-bottom:0;} #sect03 ul.prof-list > li div.prof-name{font-size:1.6rem; text-align:center; margin-top:1rem; border-bottom:none;} #sect03 ul.prof-list > li div.prof-hist ul > li{margin-bottom:0.3rem; padding-bottom:0.3rem; font-size:1.025rem;} #sect04 div.sect-item table.table02 td span.impot{font-size:1.2rem;} #sect05 div.sect-item.item01 table.table02 tbody td:before{left:0.8rem;} } @media screen and (max-width:390px){ div.header{padding:0 0.5rem;} div.header div.logo img.logo-img{width:8.5rem;} div.header div.logo div.logo-txt{font-size:1rem;} div.header div.mob-gnb-btn{width:3rem;} div.header div.gnb ul.depth01 > li{display:block;} div.header div.gnb ul.depth01 > li.arrow > a{width:100%; margin-bottom:1rem;} div.header div.gnb ul.depth01 > li ul.depth02{width:100%;} div.header div.gnb ul.depth01 > li ul.depth02 > li{font-size:1rem; padding-bottom:0.5rem; margin-bottom:0.5rem;} div.header.on{padding:0 0.5rem;} div.header.on div.logo img.logo-img{width:8.5rem;} div.header.on div.logo div.logo-txt{font-size:1rem;} ul.list01 > li{font-size:1rem;} ul.list01 > li:before{width:4px; height:4px; top:6px;} ul.list02 > li{font-size:0.95rem; margin-bottom:0.3rem; padding-left:0.65rem;} ul.list02 > li:before{width:5px; top:8px;} table{font-size:1rem;} table[class*="hor"] td{padding-left:0.5rem;} div.sect-tit div.left{font-size:0.9rem;} div.sect-tit div.right{font-size:2rem;} h3.sect-tit{font-size:1.55rem;} #sect01 div.slide-wrap div.slide div.inner div.tit p.tit02{font-size:2rem;} #sect02 div.sect-item.item01 div.top-bar{word-break:keep-all; font-size:1.1rem; padding:1rem;} #sect02 div.sect-item.item01 ul.course-introduce > li div.num{font-size:3rem;} #sect02 div.sect-item.item01 ul.course-introduce > li div.box div.tit{font-size:1.25rem;} #sect02 div.sect-item.item01 ul.course-introduce > li div.box div.con{padding:0.8rem;} #sect02 div.sect-item.item02 div.logo-tit div.left-name{font-size:1rem;} #sect02 div.sect-item.item02 div.logo-tit div.right-tit{font-size:2rem;} #sect03 div.sect-item.item01 div.prof-box{background:#fff; padding:0;} #sect03 div.sect-item.item01 div.prof-box div.box div.tit{font-size:1.1rem; padding-left:1.2rem;} #sect03 div.sect-item.item01 div.prof-box div.box div.con{font-size:1rem; padding-left:1.2rem;} #sect03 div.sect-item.item02 div.prof-table table.table01{font-size:1rem;} #sect04 div.sect-item table.table02{font-size:1.05rem;} #sect04 div.sect-item.item02 table.table02 tbody tr:first-child th{font-size:0.95rem;} #sect05 div.sect-item.item01 table.table02 tbody td{padding:0.8rem;} #sect05 div.sect-item.item01 table.table02 tbody td:before{position:static; margin-bottom:0.5rem; font-size:1.1rem;} #sect05 div.sect-item.item01 table.table02 tbody th.num{font-size:1.2rem;} #sect06 div.inner div.sect-con div.btn-wrap a.document-download{font-size:1.1rem; padding:0.8rem 1rem;} #sect06 div.inner div.sect-con div.btn-wrap a.document-download:before{width:1.8rem; height:1.8rem;} } @media screen and (max-width:320px){ div.header div.gnb{width:80%;} #sect04 div.sect-item table.table02{font-size:1rem;} #sect04 div.sect-item table.table02 td span.impot{font-size:1.1rem;} }