@charset "utf-8";

.sub-tab {margin-bottom:80px;border:1px solid #ddd;}
.sub-tab ul li {border-right:1px solid #ddd;width:auto; flex:1; text-align:center;}
.sub-tab ul li:last-child {border-right:0;}
.sub-tab ul li a {font-size:var(--font-size-18); font-weight:700; letter-spacing:-.03em; line-height:1.38em; color:#454545;display:flex; align-items:center; justify-content:center; height:60px; padding:0 13px;}
.sub-tab ul li a:hover {color:#fff; background:var(--color-primary);}

#sub .section:not(:last-child) {margin-bottom:110px;}

.ico-tit {margin-bottom:29px;font-size:var(--font-size-32); font-weight:700; letter-spacing:-.04em; line-height:1.3em; color:var(--color-primary);position:relative; padding-left:25px;}
.ico-tit:before {content:''; position:absolute;left:0; top:.28em; width:9px; height:24px; background:url('../images/sub/tit-ico.jpg') no-repeat 50% 50% / contain;}

.doc-desc {margin-bottom:40px;border-top:2px solid #cdcdcd;}
.doc-desc dl {padding:32px 0;display:flex;border-bottom:1px solid #ddd;}
.doc-desc dl dt {width:300px; font-size:var(--font-size-26); font-weight:700; letter-spacing:-.03em; line-height:1.4em; color:var(--color-primary);}
.doc-desc dl dd {flex:1 1 auto; min-width:0; width:1%;}

.dot-list > li {margin-bottom:12px;position:relative;padding-left:18px;font-size:var(--font-size-20); font-weight:700; letter-spacing:-.03em; line-height:1.4em; color:#454545;}
.dot-list > li:last-child {margin-bottom:0;}
.dot-list > li:before {position:absolute; left:0; top:.55em; content:''; width:5px; height:5px; background:var(--color-primary); border-radius:100%;}

.video-list ul {display:flex; flex-wrap:wrap; align-items:flex-start; margin:-18px;}
.video-list ul li {padding:18px;width:33.333%;}
.video-list .box {position:relative; padding:10px;}
.video-list .box:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.08);}
.video-list .box .inner.video {position:relative;padding-bottom:100%;height:0;overflow:hidden;}
.video-list .box .inner.flex {display: flex; align-items:center;}
.video-list .box .inner.flex .img {margin-right: 40px;}
.video-list .box video {position:absolute;top:0;left:0;width:100%;height:100%; z-index:5; object-fit:cover;}
.video-list .box img {width:100%;}
.video-list .tit {text-align:center; padding-left:.7em; text-indent:-.7em;margin-top:13px;font-size:var(--font-size-19); font-weight:600; letter-spacing:-.03em; line-height:1.4em; color:#454545;}
.video-list .col-33 {width:33.3%;}
.video-list .col-38 {width:38%;}
.video-list .col-40 {width:40.5%;}
.video-list .col-44 {width:44%;}
.video-list .col-50 {width:50%;}
.video-list .col-55 {width:55.5%;}
.video-list .col-56 {width:56%;}
.video-list .col-58 {width:58%;}
.video-list .col-62 {width:62%;}
.video-list .col-67 {width:66.7%;}
.video-list .col-100 {width:100%;}
.video-list.type2 {max-width:900px}
.video-list.type3 {max-width:850px}

.device-wrap {padding:22px 0;display:flex; justify-content:space-between; width:100%; max-width:580px; margin:0 auto;}
.device-wrap .col {position:relative;width:calc(50% - 45px);}
.device-wrap .col span {font-size:var(--font-size-24); font-weight:700; line-height:1.4em; color:#454545;position:absolute;left:-40px; top:50%; transform:translateY(-50%);writing-mode:vertical-rl;white-space:nowrap;}
.device-wrap .col:nth-child(1) span {left:-45px; transform:rotate(-180deg);}
.device-wrap .col:nth-child(2) span {right:-45px;}
.device-wrap .con {position:relative;padding-bottom:204%;height:0;overflow:hidden;}
.device-wrap .con video {position:absolute;top:0;left:0;width:100%;height:100%; z-index:5; object-fit:cover;}

.professor {padding:100px 0;background:url('../images/sub/professor-bg.jpg') no-repeat 50% 50% / cover;}
.professor .contain {display:flex;}
.professor .img {min-width:291px; margin-right:50px;}
.professor .cnt .name {font-size:var(--font-size-30); font-weight:700; letter-spacing:-.03em; line-height:1.4em; color:#242424;}
.professor .cnt .name:after {margin:25px 0 35px;display:block; content:''; width:45px; height:4px; background:var(--color-primary);}
.professor .cnt .job {margin-bottom:105px;font-size:var(--font-size-24); font-weight:600; line-height:1.4em; color:var(--color-primary);}

.record .row {padding-bottom:28px;position:relative;display:flex;}
.record .row:last-child {padding-bottom:0;}
.record .row:after {content:''; position:absolute;left:205px; top:5px; width:1px; height:100%; background:var(--color-primary);}
.record .row:last-child:after {display:none;}
.record .row .year {position:relative;min-width:210px;font-size:var(--font-size-22); font-weight:600; line-height:1.4em; color:var(--color-primary);}
.record .row .year:after {z-index:2;position:absolute;right:0; top:10px;border-radius:100%; content:''; width:9px; height:9px; background:var(--color-primary); outline:9px solid #ddd;}
.record .row .txt {padding-left:48px;font-size:var(--font-size-19); font-weight:500; line-height:1.4em;}

.students ul {display:flex; flex-wrap:wrap; margin:-15px;}
.students ul li {width:50%; padding:15px;}
.students .box {height:100%;padding:30px;border-radius:15px; display:flex; border:1px solid #ddd;}
.students .img {min-width:180px; margin-right:30px;}
.students .cnt .name {margin-bottom:8px;font-size:var(--font-size-30); font-weight:700; letter-spacing:-.03em; line-height:1em; color:#242424;}
.students .cnt .field {font-size:var(--font-size-22); font-weight:500; letter-spacing:-.03em; line-height:1.4em; color:var(--color-primary);}
.students .cnt .bar {margin:30px 0;width:45px; height:2px; background:var(--color-primary);}
.students .cnt .info dl {letter-spacing:-.035em;margin-bottom:12px;display:flex; font-size:var(--font-size-19); line-height:1.4em;}
.students .cnt .info dl:last-child {margin-bottom:0;}
.students .cnt .info dl dt {min-width:147px; font-weight:600; color:#242424;}
.students .cnt .info dl dd {font-weight:500;}
.students.ty2 .box {border:0;}
.students.ty2 .cnt {display: flex;}
.students.ty2 .cnt .field {margin: 0 15px;}
.students.ty2 .cnt .info dl dt {padding-top: 2px;}
.students.ty2 .bar {display: none;}

.publications .group {padding-bottom:98px;position:relative;display:flex;}
.publications .group:last-child {padding-bottom:0;}
.publications .group:after {content:''; position:absolute;left:328px ; top:0; width:1px; height:100%; background:var(--color-primary); z-index:-1;}
.publications .year {position:relative;width:328px;font-size:var(--font-size-30); font-weight:700; letter-spacing:-.03em; line-height:1.4em; color:var(--color-primary);}
.publications .year:after {content:''; margin-right:-7px;background:var(--color-primary);content:''; position:absolute; right:0; top:10px; width:15px; height:15px; border-radius:100%; outline:16px solid #f2f2f2;}
.publications .cnt {flex:1 1 auto; min-width:0; width:1%;padding-left:120px;}
.publications .list li {margin-bottom:27px;padding-left:17px;position:relative; line-height:1.47em; letter-spacing:-.033em;}
.publications .list li:last-child {margin-bottom:0;}
.publications .list li:before {content:''; position:absolute; left:0; top:12px; border-radius:100%; width:5px; height:5px; background:var(--color-primary);}
.publications .list em {font-weight:700;}

.lectures-group {display:flex; margin-bottom:100px;}
.lectures-group:last-child {margin-bottom:0;}
.lectures-group h2 {font-size:var(--font-size-30); font-weight:700; letter-spacing:-.03em; line-height:.8em; color:var(--color-primary);width:450px;}
.lectures-group .list {flex:1 1 auto; min-width:0; width:1%; border-top:1px solid #a8a8a8;}
.lectures-group .list li {border-bottom:1px solid #ddd; padding:23px 0 20px 20px;color:#242424;position:relative; line-height:1.47em;}
.lectures-group .list li:last-child {margin-bottom:0;}
.lectures-group .list li:before {content:''; position:absolute; left:0; top:32px; border-radius:100%; width:5px; height:5px; background:var(--color-primary);}

.root_daum_roughmap {width:100% !important;}
.root_daum_roughmap .wrap_map {height:430px !important;}
.directions {margin-top:40px;}
.directions .address-info {margin-bottom:30px;}
.directions .address-info .comp {color:var(--color-primary); font-weight:600; margin-bottom:2px;}
.directions .address-info .addr {color:#242424; font-size:23px; font-weight:600; line-height:1.33em; letter-spacing:-.03em; margin-bottom:5px;}
.directions .address-info .etc {color:#454545;}
.directions .address-info .etc span {display:inline-block; margin-right:16px;}
.directions .address-info .etc span:last-child {margin-right:0;}
.directions .contact-info {border-top:1px solid #ddd; line-height:1.5em;}
.directions .contact-info dl {display:flex; padding:28px 0; border-bottom:1px solid #ddd;}
.directions .contact-info dt {font-size: var(--fz20);width:256px; padding-left:30px; color:#242424; font-size:1.125em; font-weight:500;}
.directions .contact-info dt svg {vertical-align:middle; margin:-.2em 15px 0 0;}
.directions .contact-info dt path {fill:#7f9bbb;}
.directions .contact-info dd {font-size: var(--fz18);flex:1 1 auto; min-width:0; width:1%; color:#454545;}

.send-text {padding: 34px 0;margin-top: 80px;border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.send-text .txt {margin-bottom: 20px;font-size: var(--fz20); font-weight: 500; letter-spacing: -.03em; color: var(--color-primary);}
.send-text ul li {font-size: var(--fz20); font-weight: 500; color: #242424;}

.comsol ul {display:flex; flex-wrap:wrap;}
.comsol ul li {width:50%;}