.search-box.city > a{display: block;width: 45px;height: 30px;line-height: 30px;background: #0095db;text-align: center;border-radius: 2px;box-shadow:1px 2px 10px rgba(0,0,0,0.2);font-size: 14px;color: #fff;font-weight: 700;}
.search-box.city select{float: left;padding-left: 5px;border: 1px solid #cfd4da;background: #fff;width: 80px;height: 31px;line-height: 31px;font-size: 13px;}
.search-box.city input{padding-left: 5px;border: 1px solid #cfd4da;background: #fff;width: 200px;height: 31px;line-height: 31px;}
.sc-left .menu-title > a{font-size: 29px;color: #333;font-family: 'NanumSquare';font-weight: 700;}
.page-title .title-name.city{font-size: 28px;color: #444;font-family: 'NanumSquare';font-weight: 700;}
.page-title .title-name.city > span{display: inline-block;background: url("../images/sub/bl.jpg") no-repeat left center;padding-left: 15px;}
.left-menu2 > li.ona > a{background: #0095db url("https://liberalarts.uos.ac.kr/images/liberalarts/sub/sub_bg13.gif") no-repeat 93% 22px;color: #fff;}
.sc-left .menu-title.city{padding-left: 0;font-family: 'NanumSquare';font-weight: 700;font-size: 30px;line-height: 30px;color: #333;background: none;}



@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{width: auto;padding-left: 17px;font-family: "NotoSans-Medium";font-weight: normal;font-size: 24px;line-height: 29px;color: #000000;background: url(/images/artandsport/sub/sub_bg01.gif) no-repeat left 13px;}
.left-menu{margin-top: 20px;}
.left-menu > li{border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;}
.left-menu > li:first-child{border-top: 1px solid #dcdcdc;}
.left-menu > li > a{display: block;padding: 16px 19px;font-family: "NotoSans-Regular";font-size: 18px;line-height: 22px;color: #555555;background: url(/images/artandsport/sub/sub_bg02.gif) no-repeat 95% 22px;}
.left-menu > li > a:hover{color: #50cfd4;}
.left-menu > li.on > a{font-family: "NotoSans-Medium";color: #ffffff;background: #644cbe url(/images/artandsport/sub/sub_bg03.gif) no-repeat 95% 22px;}
.left-menu > li > ul{display: none;background: #fafafa;}
.left-menu > li > ul > li{background: url(/images/artandsport/sub/sub_bg07.gif) repeat-x left top;}
.left-menu > li > ul > li:first-child{background: none;}
.left-menu > li > ul > li > a{display: block;padding: 16px 19px;font-size: 16px;line-height: 20px;}
.left-menu > li > ul > li > a:hover{color: #50cfd4;}
.left-menu > li > ul > li > a:hover > span{background: url(/images/artandsport/sub/sub_bg09.gif) no-repeat left 8px;}
.left-menu > li > ul > li > a > span{display: block;padding: 0 12px;background: url(/images/artandsport/sub/sub_bg08.gif) no-repeat left 8px;}
.left-menu > li > ul > li.crt > a{font-family: "NotoSans-Regular";color: #50cfd4;background: url(/images/artandsport/sub/sub_bg04.gif) no-repeat 94% 22px;}
.left-menu > li > ul > li.crt > a > span{display: block;background: url(/images/artandsport/sub/sub_bg09.gif) no-repeat left 8px;}


.left-menu2{margin-top: 20px;}
.left-menu2 > li{border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;}
.left-menu2 > li:first-child{border-top: 1px solid #dcdcdc;}
.left-menu2 > li > a{display: block;padding: 16px 19px;font-family: "NotoSans-Regular";font-size: 18px;line-height: 22px;color: #555555;background: url(/images/artandsport/sub/sub_bg12.gif) no-repeat 93% 22px;}
.left-menu2 > li > a:hover{color: #50cfd4;}
.left-menu2 > li.on > a{font-family: "NotoSans-Regular";color: #555555;background: url(/images/engineering/sub/sub_bg12.gif) no-repeat 93% 22px;}
.left-menu2 > li.crt2 > a{font-family: "NotoSans-Medium";color: #ffffff;background: #50cfd4 url(/images/artandsport/sub/sub_bg16.png) no-repeat 93% 22px;}
.left-menu2 > li > a > span{padding: 0 12px;background: url(/images/artandsport/sub/sub_bg08.gif) no-repeat left 12px;}
.left-menu2 > li.crt2 > a > span{background: url(/images/artandsport/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 > li{float: left;padding: 2px 11px 2px 17px;font-size: 14px;line-height: 31px;background: url(/images/artandsport/sub/sub_bg05.gif) no-repeat left center;}
.page-title .nav > li:first-child{padding-left: 20px;background: url(/images/artandsport/sub/home.gif) no-repeat left;}
.page-title .nav > 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: #50cfd4;}
.p-txt .blue{color: #50cfd4;}
.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: #50cfd4;}
.btn-area a.btn01:hover{background: #50cfd4;}
.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 .on{border: 1px solid #014195;font-family: "NotoSans-Medium";color: #fff;background: #014195;}
.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/artandsport/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: #50cfd4;}
.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 > p{position: relative;padding-left: 65px;font-size: 14px;line-height: 22px;color: #666666;}
.img-txt-box .right-img > p > 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 > li{float: left;text-align: center;margin-left: -1px;border: 1px solid #c9c9c9;}
.tab-menu4 > li.on{border: 1px solid #50cfd4;margin-right: 1px;}
.tab-menu4 > li > a{display: block;padding: 15px 40px;font-size: 17px;line-height: 21px;}
.tab-menu4 > li.on > a{font-family: "NotoSans-Regular";color: #50cfd4;}

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

/*사무실 및 시설*/
.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 > p{position: relative;padding-left: 65px;font-size: 14px;line-height: 22px;color: #666666;}
.img-txt-box .right-img > p > 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 > *{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: #50cfd4;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: #50cfd4;}
.table-style ul.on li.tb-wid02 a{color: #50cfd4;}
.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: #50cfd4;}

/*전자전기컴퓨터공학부 커뮤니티 공지사항 상세보기*/
.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 > ul > li{float: left;width: calc(20% - 20px);padding: 15px 10px;}
.gal-area > ul > li > .gal-img{display: block;text-align: center;overflow: hidden;}
.gal-area > ul > li > .gal-img img{width: 100%;height: 127px;transition: all 0.2s ease-in-out;}
.gal-area > ul > li:hover > .gal-img img{transform: scale(1.1,1.1);}
.gal-area > ul > li > .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 > ul > li:hover > .gal-txt{color: #50cfd4;}
.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 > li{float: left;text-align: center;margin-left: -1px;border: 1px solid #c9c9c9;}
.tab-menu2 > li:first-child{border-radius: 9px 0 0 0;}
.tab-menu2 > li:last-child{border-radius: 0 0 9px 0;}
.tab-menu2 > li.on{border: 1px solid #50cfd4;margin-right: 1px;}
.tab-menu2 > li > a{display: block;padding: 15px 80px;font-size: 15px;line-height: 21px;}
.tab-menu2 > li > a:hover{color: #50cfd4;}
.tab-menu2 > li.on > a{font-family: "NotoSans-Regular";color: #50cfd4;}
.teacher-list{border-top: 2px solid #283d49;}
.teacher-list > ul > 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 > li{float: left;text-align: center;width: calc(25% - 1.25px);margin-left: -1px;border: 1px solid #c9c9c9;}
.tab-menu3 > li:first-child{border-radius: 9px 0 0 0;}
.tab-menu3 > li:last-child{border-radius: 0 0 9px 0;}
.tab-menu3 > li.on{border: 1px solid #50cfd4;margin-right: 1px;}
.tab-menu3 > li > a{display: block;padding: 15px 0;font-size: 17px;line-height: 21px;}
.tab-menu3 > li > a:hover{color: #50cfd4;}
.tab-menu3 > li.on > a{font-family: "NotoSans-Regular";color: #50cfd4;}
.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 > li{float: left;text-align: center;margin-left: -1px;border: 1px solid #c9c9c9;}
.tab-menu4 > li.on{border: 1px solid #50cfd4 ;margin-right: 1px;}
.tab-menu4 > li > a{display: block;padding: 15px 40px;font-size: 17px;line-height: 21px;}
.tab-menu4 > li.on > a{font-family: "NotoSans-Regular";color: #50cfd4;}

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

/*기계정보공학과 과내시설*/
.gal-box{padding: 10px 0;border-top: 2px solid #283d49;border-bottom: 1px solid #dfdfdf;margin-top: 10px;}
.gal-list > li{float: left;width: calc(25% - 9px);padding: 15px 0;margin-left: 12px;}
.gal-list > li:first-child{margin-left: 0px;}
.gal-list > li a{display: block;}
.gal-list > li .gal-img{width: 100%;overflow: hidden;}
.gal-list > li .gal-img img{width: 100%;transition: all 0.3s ease-in-out;}
.gal-list > li .gal-img:hover > img{transform: scale(1.1,1.1);}
.gal-list > 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 > 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 > a {color: #1b4fb4;}

.p-txt .blue {color: #50cfd4;}
.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 > 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: #50cfd4;}

.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:35px;
    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 > 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 > li{float: left;text-align: center;width: 150px;margin-left: -1px;border: 1px solid #c9c9c9;}
.tab-menu5-2 > li.on{border: 1px solid #50cfd4;margin-right: 1px;z-index: 10;}
.tab-menu5-2 > li > a{display: block;padding: 15px 0;font-size: 17px;line-height: 21px;}
.tab-menu5-2 > li > a:hover{color: #50cfd4;}
.tab-menu5-2 > li.on > a{font-family: "NotoSans-Regular";color: #50cfd4;}

.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 > ul > li{position: relative;padding: 30px 0 35px;border-bottom: 1px solid #d2d2d2;}
.gal-list > ul > li > .gl-img{float: left;width: 114px;}
.gal-list > ul > li > .gl-img img{width: 114px;}
.gal-list > ul > li > .gl-info{float: right;width: calc(100% - 150px);}
.gal-list > ul > li > .gl-info2{float: right;width: calc(100% - 20px)!important;}
.gal-list > ul > li > .gl-info .gl-name{font-size: 20px;line-height: 24px;color: #333333;}
.gal-list > ul > li > .gl-info .other-info{margin-top: 15px;}
.gal-list > ul > li > .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;}
.gal-list > ul > li > .gl-info .gl-detail-btn2{position: inherit;right: 0px;top: 60px;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 > ul > li > .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 > ul > li > .gl-img{float: none;margin: 0 auto;}
    .gal-list > ul > li > .gl-info{float: none;width: 100%;margin: 15px auto 0;}
}

.notice-txt {color: #1b4fb4;}
.notice-txtR {color: #ff030f;}

.tab-page{margin-bottom: 40px;margin-left: -1px;}
.tab-page > li{float: left;margin-left: 1px;margin-bottom: 1px;height: 55px;text-align: center;display: table;}
.tab-page > li > a{display: table-cell;vertical-align: middle;width: 100%;height: 55px;background: #f8f8f8;font-size: 16px;color: #333;}
.tab-page > li.on > a{background: #46bf9e;color: #fff;}
.tab-page2 > li{width: calc(50% - 3px);border: 1px solid #46bf9e;}
.tab-page3 > li{width: calc(33.33% - 3px);border: 1px solid #46bf9e;}
.tab-page4 > li{width: calc(25% - 3px);border: 1px solid #46bf9e;}
.tab-page5 > li{width: calc(20% - 3px);border: 1px solid #46bf9e;}
.tab-page6 > li{width: calc(18% - 15px);;border: 1px solid #46bf9e;}
.tab-page-f > li{width: calc(20% - 3px);border: 1px solid #46bf9e;}

.fimg {
    float: left;
    margin-right: 20px;
    margin-top: 23px;
    display: block;"
}

.sintroBox > div {
    width: 240px;
    box-sizing: border-box;
    border: 1px solid #dcdcdc;
    padding: 18px 13px 21px;
}

.sintroBox > p {
    padding: 60px 0 0 265px;
    margin-top: -430px;
    line-height: 26px;
}

@media screen and (max-width: 699px) {
    .sintroBox > p {
        padding: 0;
        margin-top: 10px;
    }
}

.sub-left-imgbox {
    float: left;
    padding: 0 17px 20px 0;
}