<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
.mtp15{margin-top: 15px !important;}
.mtp20{margin-top: 20px !important;}
.mtp25{margin-top: 25px !important;}
.mtp40{margin-top: 40px !important;}
.sub-content{width: 1200px;margin: 0 auto;padding: 60px 0 80px;}
.sc-left{float: left;width: 250px;}
.sc-left .menu-title{padding-left: 17px;font-family: "NotoSans-Medium";font-weight: normal;font-size: 24px;line-height: 29px;color: #000000;background: url(/images/science/sub/sub_bg01.gif) no-repeat left 13px;}
.left-menu{margin-top: 20px;}
.left-menu &gt; li{border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;}
.left-menu &gt; li:first-child{border-top: 1px solid #dcdcdc;}
.left-menu &gt; li &gt; a{display: block;padding: 16px 19px;font-family: "NotoSans-Regular";font-size: 18px;line-height: 22px;color: #555555;background: url(/images/science/sub/sub_bg02.gif) no-repeat 95% 22px;}
.left-menu &gt; li &gt; a:hover{color: #513f93;}
.left-menu &gt; li.on &gt; a{font-family: "NotoSans-Medium";color: #ffffff;background: #644cbe url(/images/science/sub/sub_bg03.gif) no-repeat 95% 22px;}
.left-menu &gt; li &gt; ul{display: none;background: #fafafa;}
.left-menu &gt; li &gt; ul &gt; li{background: url(/images/science/sub/sub_bg07.gif) repeat-x left top;}
.left-menu &gt; li &gt; ul &gt; li:first-child{background: none;}
.left-menu &gt; li &gt; ul &gt; li &gt; a{display: block;padding: 16px 19px;font-size: 16px;line-height: 20px;}
.left-menu &gt; li &gt; ul &gt; li &gt; a:hover{color: #513f93;}
.left-menu &gt; li &gt; ul &gt; li &gt; a:hover &gt; span{background: url(/images/science/sub/sub_bg09.gif) no-repeat left 8px;}
.left-menu &gt; li &gt; ul &gt; li &gt; a &gt; span{display: block;padding: 0 12px;background: url(/images/science/sub/sub_bg08.gif) no-repeat left 8px;}
.left-menu &gt; li &gt; ul &gt; li.crt &gt; a{font-family: "NotoSans-Regular";color: #513f93;background: url(/images/science/sub/sub_bg04.gif) no-repeat 94% 22px;}
.left-menu &gt; li &gt; ul &gt; li.crt &gt; a &gt; span{display: block;background: url(/images/science/sub/sub_bg09.gif) no-repeat left 8px;}


.left-menu2{margin-top: 20px;}
.left-menu2 &gt; li{border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;}
.left-menu2 &gt; li:first-child{border-top: 1px solid #dcdcdc;}
.left-menu2 &gt; li &gt; a{display: block;padding: 16px 19px;font-family: "NotoSans-Regular";font-size: 18px;line-height: 22px;color: #555555;background: url(/images/science/sub/sub_bg12.gif) no-repeat 93% 22px;}
.left-menu2 &gt; li &gt; a:hover{color: #513f93;}
.left-menu2 &gt; li.on &gt; a{font-family: "NotoSans-Regular";color: #555555;background: url(/images/engineering/sub/sub_bg12.gif) no-repeat 93% 22px;}
.left-menu2 &gt; li.crt2 &gt; a{font-family: "NotoSans-Medium";color: #ffffff;background: #513f93 url(/images/science/sub/sub_bg16.png) no-repeat 93% 22px;}
.left-menu2 &gt; li &gt; a &gt; span{padding: 0 12px;background: url(/images/science/sub/sub_bg08.gif) no-repeat left 12px;}
.left-menu2 &gt; li.crt2 &gt; a &gt; span{background: url(/images/science/sub/sub_bg14.gif) no-repeat left 12px;}

.sc-right{float: right;width: 900px;}
.page-title{padding-bottom: 11px;border-bottom: 1px solid #000000;}
.page-title .title-name{float: left;font-weight: normal;font-family: "NotoSans-Medium";font-size: 30px;line-height: 35px;color: #000000;}
.page-title .nav{float: right;margin-top: 10px;}
.page-title .nav &gt; li{float: left;padding: 2px 11px 2px 17px;font-size: 14px;line-height: 31px;background: url(/images/science/sub/sub_bg05.gif) no-repeat left center;}
.page-title .nav &gt; li:first-child{padding-left: 20px;background: url(/images/science/sub/home.gif) no-repeat left;}
.page-title .nav &gt; li:last-child{color: #333333;}
.sub-page-cont{padding-top: 50px;}

/*텍스트 양식 시작*/
.p-txt{font-size: 16px;line-height: 27px;letter-spacing: -1px;}
.p-txt.blue{color: #513f93;}
.p-txt .blue{color: #513f93;}
.p-txt .ft-bld{font-family: "NotoSans-Regular";color: #222222;}
.p-txt02{font-family: "NotoSans-Regular";font-size: 16px;line-height: 20px;color: #000;}
.p-txt03{padding-left: 10px;font-size: 16px;line-height: 27px;letter-spacing: -1px;}
.p-txt04{padding-left: 35px;font-size: 16px;line-height: 27px;letter-spacing: -1px;}
.p-txt05{font-family: "NotoSans-Regular";font-size: 16px;line-height: 20px;}
/*텍스트 양식 끝*/

/*버튼 양식*/
.btn-area{padding: 25px 0;}
.btn-area a{display: inline-block;padding: 10px 30px;font-size: 17px;line-height: 21px;}
.btn-area a.btn01{color: #ffffff;background: #513f93;}
.btn-area a.btn01:hover{background: #044ba9;}
.btn-area a.btn02{color: #ffffff;background: #7e8b92;}
.btn-area a.btn02:hover{background: #7e8284;}
/*버튼 양식 끝*/

/*페이징 양식 시작*/
.paging{margin: 0 auto;text-align: center;margin: 30px 0;line-height: 33px;}
.paging a{display: inline-block;height: 33px;padding: 0px 13px;border: 1px solid #dcdcdc;text-align: center;line-height: 33px;font-size: 15px;vertical-align: top;}
.paging a img{vertical-align: top;}
.paging strong{border: 1px solid #513f93;font-family: "NotoSans-Medium";color: #fff;background: #513f93; display: inline-block;height: 33px;padding: 0px 13px; text-align: center;line-height: 33px;font-size: 15px;vertical-align: top;}
.paging a:hover{color: #014195;}
.paging a:hover.on{color: #fff;}
.paging a.img {border: 0;padding: 0;}
/*페이징 양식 끝*/

/*페이지 하단 정보 시작*/
.para-info{margin-top: 80px;background: #f2f1ed url(/images/engineering/sub/sub_bg10.gif) no-repeat left center;}
.para-info ul{padding: 23px 83px;}
.para-info ul li{float: left;padding: 0 12px 0 11px;font-size: 16px;line-height: 20px;background: url(/images/engineering/sub/sub_bg11.gif) no-repeat left center;}
.para-info ul li:first-child{background: none;}
.para-info ul li span{font-family: "NotoSans-Regular";display: inline-block;margin-right: 8px;}
/*페이지 하단 정보 끝*/

/*학장 인사말*/
.img-box01{position: relative;margin-bottom: 33px;}
.img-box01 .match-text{position:absolute;right: 28px;bottom: -100px;padding: 23px 25px;border-radius: 9px;background: url(/images/science/sub/sub_bg06.gif) repeat center;}
.match-text .job-title{font-family: "NotoSans-Regular";font-size: 15px;line-height: 21px;color: rgba(255,255,255,0.7);}
.match-text .jt-name{font-family: "NotoSans-Regular";font-size: 36px;line-height: 41px;color: #ffffff;}

/*소개 및 연혁*/
.h4-title{font-weight: normal;font-family: "NotoSans-Regular";font-size: 30px;line-height: 37px;color: #513f93;}
.img-txt-box{margin-top: 20px;}
.img-txt-box .left-img{float: left;}
.img-txt-box .right-img{float: left;width: calc(100% - 310px);padding-top: 10px;margin-left: 30px;}
.img-txt-box .right-img &gt; p{position: relative;padding-left: 65px;font-size: 14px;line-height: 22px;color: #666666;}
.img-txt-box .right-img &gt; p &gt; span{position: absolute;left: 0px;top: 0px;font-family: "NotoSans-Regular";color: #333333;}

/*학과장인사말*/
.h4-wid01{width: 700px;}

/* 교육과정 */
.tab-menu4{display: inline-block;box-shadow: 2px 2px 2px rgba(0,0,0,0.1);}
.tab-menu4 &gt; li{float: left;text-align: center;margin-left: -1px;border: 1px solid #c9c9c9;}
.tab-menu4 &gt; li.on{border: 1px solid #513f93;margin-right: 1px;}
.tab-menu4 &gt; li &gt; a{display: block;padding: 15px 40px;font-size: 17px;line-height: 21px;}
.tab-menu4 &gt; li.on &gt; a{font-family: "NotoSans-Regular";color: #513f93;}

/*전자전기컴퓨터공학부 커뮤니티 공지사항*/
.tab-menu{border-radius: 9px 0 9px 0;}
.tab-menu &gt; li{float: left;text-align: center;width: calc(25% - 1.25px);margin-left: -1px;border: 1px solid #c9c9c9;}
.tab-menu.div33 &gt; li{width: calc(33% - 1.25px);}
.tab-menu.div44 &gt; li{width: calc(25% - 1.25px);}
.tab-menu.div55 &gt; li{width: calc(20% - 1.25px);}
.tab-menu &gt; li:first-child{border-radius: 9px 0 0 0;}
.tab-menu &gt; li:last-child{border-radius: 0 0 9px 0;}
.tab-menu &gt; li.on{border: 1px solid #513f93;margin-right: 1px;}
.tab-menu &gt; li &gt; a{display: block;padding: 15px 0;font-size: 17px;line-height: 21px;}
.tab-menu &gt; li.on &gt; a{font-family: "NotoSans-Regular";color: #513f93;}

/*사무실 및 시설*/
.img-txt-box{margin-top: 20px;}
.img-txt-box .left-img{float: left;}
.img-txt-box .right-img{float: left;width: calc(100% - 310px);padding-top: 10px;margin-left: 30px;}
.img-txt-box .right-img &gt; p{position: relative;padding-left: 65px;font-size: 14px;line-height: 22px;color: #666666;}
.img-txt-box .right-img &gt; p &gt; span{position: absolute;left: 0px;top: 0px;font-family: "NotoSans-Regular";color: #333333;}


/* 커뮤니티 */
.table-up{margin-top: 20px;}
.page-info{float: left;padding-top: 10px;}
.page-info p{font-family: "NotoSans-Regular";font-size: 16px;line-height: 20px;}
.search-box {float: right;}
.search-box &gt; *{margin: 5px 0;}
.search-box select{float: left;width: 120px;height: 40px;border: 1px solid #e5e5e5;font-size: 15px;}
.search-box input{width: 150px;margin: 5px;float: left;height: 38px;padding: 0 15px;border: 1px solid #e5e5e5;font-size: 15px;}
.search-box a{display: inline-block;float: left;height: 40px;/*line-height: 40px;*/text-align: center;color: #fff;font-size: 15px;background: #513f93;width: 50px;}

.table-style{border-top: 2px solid #283d49;margin-top: 20px;}
.table-style ul{width: 100%;}
.table-style ul.on li.tb-wid01{color: #513f93;}
.table-style ul.on li.tb-wid02 a{color: #513f93;}
.table-style .tb-wid01{width: calc(10% - 20px)}
.table-style .tb-wid02{width: calc(50% - 20px)}
.table-style .tb-wid03{width: calc(15% - 20px)}
.table-style .tb-wid04{width: calc(10% - 20px)}
.table-style .tb-wid05{width: calc(15% - 20px)}
.table-style .tb-wid01_2{width: calc(8% - 20px)}
.table-style .tb-wid02_2{width: calc(15% - 20px)}
.table-style .tb-wid03_2{width: calc(44% - 20px)}
.table-style .tb-wid04_2{width: calc(13% - 20px)}
.table-style .tb-wid05_2{width: calc(10% - 20px)}
.table-style .tb-wid06_2{width: calc(10% - 20px)}
.tb-head{background: #f2f1ed url("/images/engineering/sub/sub_bg16.gif") repeat-x left bottom;}
.tb-head ul li{text-align: center;float: left;padding: 15px 10px;font-size: 16px;line-height: 20px;background: url("/images/engineering/sub/sub_bg15.gif") no-repeat left center;}
.tb-head ul li:first-child{background: none;}
.tb-body ul{border-bottom: 1px solid #cccccc;}
.tb-body ul li{text-align: center;float: left;padding: 15px 10px;}
.tb-body ul li.tb-wid02 a{display: inline-block;max-width: 90%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.tb-body ul li.tb-wid02 a:hover{color: #513f93;}

/*전자전기컴퓨터공학부 커뮤니티 공지사항 상세보기*/
.art-info{font-size: 14px;line-height: 18px;color: #555555;}
.art-info .art-info-name{margin-right: 5px;}
.art-info .art-info-date{margin-right: 5px;}
.art-cont{padding: 30px 0;border-top: 1px solid #cecece;border-bottom: 1px solid #cecece;}
.art-cont .art-title{margin-bottom: 30px;font-family: "NotoSans-Regular";font-size: 16px;line-height: 20px;color: #000000;}
.art-cont .p-cont-txt{padding-left: 7px;font-size: 14px;line-height: 22px;color: #555555;background: url("/images/engineering/sub/sub_bg17.gif") no-repeat left 12px;}
.art-cont .p-cont-txt2{font-size: 14px;line-height: 22px;color: #555555;}
.art-cont .p-cont-txt span{font-family: "NotoSans-Regular";color: #222222;}

/*전자전기컴퓨터공학부 커뮤니티 포토갤러리*/
.gal-area{padding: 25px 0;border-top: 2px solid #283d49;}
.gal-area &gt; ul &gt; li{float: left;width: calc(20% - 20px);padding: 15px 10px;}
.gal-area &gt; ul &gt; li &gt; .gal-img{display: block;text-align: center;overflow: hidden;}
.gal-area &gt; ul &gt; li &gt; .gal-img img{width: 100%;height: 127px;transition: all 0.2s ease-in-out;}
.gal-area &gt; ul &gt; li:hover &gt; .gal-img img{transform: scale(1.1,1.1);}
.gal-area &gt; ul &gt; li &gt; .gal-txt{display: block;width: 100%;margin-top: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 16px;line-height: 20px;color: #010101;}
.gal-area &gt; ul &gt; li:hover &gt; .gal-txt{color: #513f93;}
.aci-name{text-align: center;padding: 10px 0 30px;font-size: 14px;line-height: 22px;color: #555555;}

/*학과 교수 소개 목록*/
.tab-menu2{display: inline-block;border-radius: 9px 0 9px 0;box-shadow: 2px 2px 2px rgba(0,0,0,0.1);}
.tab-menu2 &gt; li{float: left;text-align: center;margin-left: -1px;border: 1px solid #c9c9c9;}
.tab-menu2 &gt; li:first-child{border-radius: 9px 0 0 0;}
.tab-menu2 &gt; li:last-child{border-radius: 0 0 9px 0;}
.tab-menu2 &gt; li.on{border: 1px solid #513f93;margin-right: 1px;}
.tab-menu2 &gt; li &gt; a{display: block;padding: 15px 80px;font-size: 15px;line-height: 21px;}
.tab-menu2 &gt; li &gt; a:hover{color: #513f93;}
.tab-menu2 &gt; li.on &gt; a{font-family: "NotoSans-Regular";color: #513f93;}
.teacher-list{border-top: 2px solid #283d49;}
.teacher-list &gt; ul &gt; li{position: relative;padding: 30px 0 35px;border-bottom: 1px solid #d2d2d2;}
.teacher-list .tc-img{float: left;}
.teacher-list .tc-img a{display: block;overflow: hidden;}
.teacher-list .tc-img a img{max-width: 242px;transition: all 0.2s ease-in-out;}
.teacher-list .tc-img a:hover img{transform: scale(1.1,1.1);}
.teacher-list .tc-info{float: left;width: calc(100% - 277px);padding-top: 0px;margin-left: 35px;}
.teacher-list .tc-info .tc-name{font-family: "NotoSans-Regular";font-size: 20px;line-height: 24px;color: #333333;}
.teacher-list .tc-info .other-info{margin-top: 10px;}
.teacher-list .tc-info .other-info li{font-size: 16px;line-height: 25px;color: #333333;}
.teacher-list .tc-info .other-info li a{color: #333333;}
.teacher-list .tc-info .tc-detail-btn{position: absolute;right: 0px;top: 40px;display: inline-block;}

/*학과 교수 소개 상세보기*/
.tab-menu3{border-radius: 9px 0 9px 0;}
.tab-menu3 &gt; li{float: left;text-align: center;width: calc(25% - 1.25px);margin-left: -1px;border: 1px solid #c9c9c9;}
.tab-menu3 &gt; li:first-child{border-radius: 9px 0 0 0;}
.tab-menu3 &gt; li:last-child{border-radius: 0 0 9px 0;}
.tab-menu3 &gt; li.on{border: 1px solid #513f93;margin-right: 1px;}
.tab-menu3 &gt; li &gt; a{display: block;padding: 15px 0;font-size: 17px;line-height: 21px;}
.tab-menu3 &gt; li &gt; a:hover{color: #513f93;}
.tab-menu3 &gt; li.on &gt; a{font-family: "NotoSans-Regular";color: #513f93;}
.tm3-cont{display: none;padding: 30px 0 20px;}
.tm3-cont.on{display: block;}

/*학과 교육과정(대학)*/
.tab-menu4{display: inline-block;box-shadow: 2px 2px 2px rgba(0,0,0,0.1);}
.tab-menu4 &gt; li{float: left;text-align: center;margin-left: -1px;border: 1px solid #c9c9c9;}
.tab-menu4 &gt; li.on{border: 1px solid #513f93 ;margin-right: 1px;}
.tab-menu4 &gt; li &gt; a{display: block;padding: 15px 40px;font-size: 17px;line-height: 21px;}
.tab-menu4 &gt; li.on &gt; a{font-family: "NotoSans-Regular";color: #513f93;}

/*공과대학 교과과정*/
.tab-menu5 &gt; li{float: left;text-align: center;width: calc(20% - 1.25px);margin-left: -1px;border: 1px solid #c9c9c9;}
.tab-menu5 &gt; li.on{border: 1px solid #513f93;margin-right: 1px;z-index: 10;}
.tab-menu5 &gt; li &gt; a{display: block;padding: 15px 0;font-size: 17px;line-height: 21px;}
.tab-menu5 &gt; li &gt; a:hover{color: #513f93;}
.tab-menu5 &gt; li.on &gt; a{font-family: "NotoSans-Regular";color: #513f93;}

/*기계정보공학과 과내시설*/
.gal-box{padding: 10px 0;border-top: 2px solid #283d49;border-bottom: 1px solid #dfdfdf;margin-top: 10px;}
.gal-list &gt; li{float: left;width: calc(25% - 9px);padding: 15px 0;margin-left: 12px;}
.gal-list &gt; li:first-child{margin-left: 0px;}
.gal-list &gt; li a{display: block;}
.gal-list &gt; li .gal-img{width: 100%;overflow: hidden;}
.gal-list &gt; li .gal-img img{width: 100%;transition: all 0.3s ease-in-out;}
.gal-list &gt; li .gal-img:hover &gt; img{transform: scale(1.1,1.1);}
.gal-list &gt; li .gal-txt{text-align: center;padding-top: 20px;margin: 0 auto;max-width: 180px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 15px;line-height: 19px;color: #000000;}

/*기계정보공학과 학생회 소개*/
.img-box03{text-align: center;padding: 15px 0;}


/* 공통게시판 뷰 첨부파일 */
.art-info-file &gt; a {
	color: #1b4fb4;
}

.art-info-file {
	position: relative;
	float: right;
	margin-top: -10px
}

.fileLyaer {
	display: none;
	position: absolute;
	right: 361px;
	top: 367px;
	border: #848484 solid 1px;
	background-color: #fff;
	padding: 20px 10px 10px;
}

.fileLyaer .close {
	position: absolute;
	right: 10px;
	top: 4px;
}

.fileLyaer a {
	white-space: nowrap;
	font-size: 13px;
	display: inline-block;
	padding-top: 5px
}

.fileLyaer a:hover {
	text-decoration: underline
}


/* 게시판 글쓰기 */
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;line-height: 0;font-size: 0;}
.txr{text-align: right !important;}

.art-info-file {position: relative;float: right;margin-top: -10px}
.art-info-file &gt; a {color: #1b4fb4;}

.p-txt .blue {color: #513f93;}
.txl {text-align: left !important;}

@media screen and (max-width: 768px) {
	.img-box01 .match-text{bottom: -50px;}
}

@media screen and (max-width: 570px) {
	.img-box01{margin-bottom: 120px;}
	.img-box01 .match-text{left: 0px;right: auto;bottom: -110px;padding: 15px;}
	.match-text .jt-name{font-size: 22px;line-height: 27px;}
}


/* 공통게시판 뷰 첨부파일 */
.art-info-file &gt; a {
	color: #1b4fb4;
}

.art-info-file {
	position: relative;
	float: right;
	margin-top: -10px;
}

.fileLyaer {
	display: none;
	position: absolute;
	right: 361px;
	top: 367px;
	border: #848484 solid 1px;
	background-color: #fff;
	padding: 20px 10px 10px;
}

.fileLyaer .close {
	position: absolute;
	right: 10px;
	top: 4px;
}

.fileLyaer a {
	white-space: nowrap;
	font-size: 13px;
	display: inline-block;
	padding-top: 5px
}

.fileLyaer a:hover {
	text-decoration: underline
}

.pos-f{position: relative;}
.pos-s{position: absolute;left: 0px;top: 25px;}

.table-out05{border-top: 2px solid #283d49;}
.table-row tbody tr th{padding: 12px 10px;border-right: 1px solid #cccccc;border-bottom: 1px solid #cccccc;font-weight: bold;font-size: 16px;line-height: 20px;color: #666666;background: #f2f1ed;}
.table-row tbody tr th label{font-weight: bold;font-size: 16px;line-height: 20px;color: #666666;}
.table-row tbody tr td{padding: 12px 10px;border-right: 1px solid #cccccc;border-bottom: 1px solid #cccccc;font-size: 15px;line-height: 19px;color: #555555;}
.table-row tbody tr td:last-child{border-right: none;}
.table-row tbody tr td input[type=text]{height: 30px;line-height: 30px;}
.table-row tbody tr td textarea{width: 100%;height: 200px;}
.table-row tbody tr td p.file{padding: 2px 0;}
.table-row tbody tr td p.add-file{padding: 2px 0;}
.table-row tbody tr td p.add-file a{font-size: 14px;line-height: 18px;color: #333333;text-decoration: underline;}
.table-row tbody tr td p.add-file a:hover{color: #513f93;}

.table-row .col01{width: 20%;}
.table-row .col02{width: 80%;}

.ipt-wid01{width: 70% !important;}
.ipt-wid100{width: 100% !important;}
.radio-box{display: inline-block;margin: 5px 0;}
.radio-span{margin: 0 7px;}
.radio-span label{margin-left: 5px;font-size: 15px;line-height: 19px;color: #555555;}


.hide			{display:none !important}
input[type='text'],
input[type='password'],
input[type='file'],
textarea, select{
	display:inline-block;
	padding:0 5px;
	height:40px;
	line-height:35px;
	box-sizing:border-box;
	border:1px solid #9e9e9e;
	background: transparent;
	/* 	width:100%; */
	border-radius:0;
}
input[type='file']{width:50%;}


.txc{text-align: center !important;}
.txl{text-align: left !important;}
.txr{text-align: right !important;}

.p-txt3{font-size: 20px;line-height: 20px;color: #000000;}
.ul-txt &gt; li{padding-left: 10px;font-family: "NotoSans-Light";font-size: 15px;line-height: 19px;color: #666666;background: url(../images/sub/ul_txt_bg01.gif) no-repeat left 9px;}

.img-out{margin-top: 10px;}
.img-out img{margin: 5px;}

.tab-menu5-2 &gt; li{float: left;text-align: center;width: 150px;margin-left: -1px;border: 1px solid #c9c9c9;}
.tab-menu5-2 &gt; li.on{border: 1px solid #513f93;margin-right: 1px;z-index: 10;}
.tab-menu5-2 &gt; li &gt; a{display: block;padding: 15px 0;font-size: 17px;line-height: 21px;}
.tab-menu5-2 &gt; li &gt; a:hover{color: #513f93;}
.tab-menu5-2 &gt; li.on &gt; a{font-family: "NotoSans-Regular";color: #513f93;}

.process li {float:left;margin-bottom:30px;}

.it-box{margin: 20px 0;}
.it-box .left-img{float: left;width: 175px;}
.it-box .right-txt{float: right;width: calc(100% - 195px);}

.gal-list{border-top: 2px solid #283d49;}
.gal-list &gt; ul &gt; li{position: relative;padding: 30px 0 35px;border-bottom: 1px solid #d2d2d2;}
.gal-list &gt; ul &gt; li &gt; .gl-img{float: left;width: 114px;}
.gal-list &gt; ul &gt; li &gt; .gl-img img{width: 114px;}
.gal-list &gt; ul &gt; li &gt; .gl-info{float: right;width: calc(100% - 150px);}
.gal-list &gt; ul &gt; li &gt; .gl-info .gl-name{font-size: 20px;line-height: 24px;color: #333333;}
.gal-list &gt; ul &gt; li &gt; .gl-info .other-info{margin-top: 15px;}
.gal-list &gt; ul &gt; li &gt; .gl-info .gl-detail-btn{position: absolute;right: 0px;top: 40px;display: inline-block;padding: 7px 15px;border: 1px solid #000;font-family: "NotoSans-Light";font-size: 14px;line-height: 20px;color: #000;}

.gl-detail-box{padding: 30px 0;border-bottom: 1px solid #d2d2d2;}

@media screen and ( max-width: 768px ){
	.gal-list &gt; ul &gt; li &gt; .gl-info .gl-detail-btn{position: static;margin-top: 15px;}
}

@media screen and ( max-width: 699px ){
	.process li {width:50%;}
	.process li.two {padding-right:10%;box-sizing:border-box;}
	.process li.three {margin-left:-6%;box-sizing:border-box;}
	.process li img {width:100%;}
}

@media screen and ( max-width: 400px ){
	.it-box .left-img{float: none;width: 100%;}
	.it-box .right-txt{float: none;width: 100%;margin-top: 15px;}
	.gal-list &gt; ul &gt; li &gt; .gl-img{float: none;margin: 0 auto;}
	.gal-list &gt; ul &gt; li &gt; .gl-info{float: none;width: 100%;margin: 15px auto 0;}
}

.notice-txt {color: #1b4fb4;}</pre></body></html>