@charset "utf-8"; /* 게시판 뷰페이지 테이블영역 공통 수정 20240802 */ .view-con table {table-layout: auto;} /* 게시판 뷰페이지 공통 수정 */ .view-con img {height: auto !important;} @media all and (max-width: 1300px) { .view-con table {width: 100% !important;} } .wrap-contents ._obj._objHeading:first-child .objHeading_h2{margin-top: 0;} /* 인사말 */ .intro-inner {margin-top: 50px;} .intro-box{position: relative; background: url(../../images/sub/intro_title_img.png) no-repeat right center; padding: 74.5px 0; background-size: cover;} .intro-box::after{content:""; display: table; clear: both;} .intro-image{position: absolute; left: 4.7%; bottom: 0;} .intro-content{padding-left: 33%;} .intro-content .intro-title > span{font-size: 26px; font-family: 'Noto DemiLight'; color: #222222; line-height: 1;} .intro-content .intro-title h1{font-size: 38px; color: #222222; font-family: 'Noto Medium';} .intro-content .intro-title h1 span{color: #025093;} .intro-content .intro-text{margin-top: 25px; padding-right: 55px; word-break: keep-all;} .intro-content .intro-text p{font-size: 20px; line-height: 30px;} .intro-textbox{margin-top: 45px;} .intro-textbox::after{content:""; display: table; clear: both;} .intro-textbox > div.intro-text-left{float: left; width: 50%; padding-right: 5%; border-right: 1px solid #EEEEEE;} .intro-textbox > div.intro-text-right{float: right; width: 50%; padding-left: 5%;} .intro-textbox > div p {text-align: justify;} .intro-textbox > div p strong {font-family: "Noto Bold"; font-size: 18px;} .intro-sign {text-align: right; margin-top: 20px;} .intro-sign .intro-text-end{display: inline-block; vertical-align: middle; text-align: right; font-family: 'Noto Bold'; font-size: 18px; color: #111111; margin-right: 15px; letter-spacing: -0.5px;} .intro-sign img {display: inline-block; vertical-align: middle;} .chairman-inner .intro-image {left: 0;} .chairman-inner .intro-content {padding-left: 39%;} @media all and (max-width: 1250px) { .intro-image{left: 2%;} .intro-content{padding-left: 35%;} .intro-content .intro-title > span{font-size: 22px;} .intro-content .intro-title h1{font-size: 33px;} .intro-content .intro-text p{font-size: 18px; line-height: 25px;} .chairman-inner .intro-image {left: 0; width: 39%;} .chairman-inner .intro-content {padding-left: 39%;} } @media all and (max-width: 1023px) { .intro-inner {margin-top: 0;} .intro-box{padding: 40px 20px;} .intro-image{left: 50%; width: 250px; margin-left: -125px; bottom: auto; top: -5%;} .intro-content{padding-left: 0; padding-top: 280px;} .intro-content .intro-title > span{font-size: 18px;} .intro-content .intro-title h1{font-size: 25px;} .intro-content .intro-text{margin-top: 15px; padding-right: 0;} .intro-content .intro-text p{font-size: 16px; line-height: 22px;} .intro-textbox{margin-top: 30px;} .intro-textbox > div.intro-text-left{float: none; width: 100%; padding-right: 0%; border-right: 0;} .intro-textbox > div.intro-text-right{float: none; width: 100%; padding-left: 0%;} .chairman-inner .intro-image {left: 50%; width: 320px; margin-left: -160px; } .chairman-inner .intro-content {padding-top: 225px; padding-left: 0;} } /* 총장활동 */ .active_inner{background: url(../../images/sub/active_background.png); padding: 30px;} .active-box::after{content:""; display: table; clear: both;} .active-box .active-image{width: 270px; float: left;} .active-box .active-content{float: right; width: calc(100% - 300px);} .active-content .active-content-title h1{font-family: 'Arita-buri Medium'; font-size: 36px; color: #111111;} .active-content .active-content-title h1 span{font-size: 24px; font-family: 'Noto Regular';} .active-content .active-content-title h1 .active-title-sub_2{display: inline-block; margin-left: 10px;} .active-sub-info{margin-top: 20px;} .active-sub-info ul::after{content:""; display: table; clear: both;} .active-sub-info li{float: left; margin-right: 30px;} .active-sub-info li::after{content:""; display: table; clear: both;} .active-sub-info li:last-child{margin-right: 0; margin-bottom: 0;} .active-sub-info li .active-sub-logo{width: 40px; float: left; margin-right: 10px;} .active-sub-info li p{float: left; line-height: 40px; font-size: 17px; color: #222222;} @media all and (max-width: 1055px) { .active-box .active-image{width: 220px;} .active-box .active-content{width: calc(100% - 250px);} } @media all and (max-width: 768px) { .active-box .active-image{width: 200px; float: none; margin: 0 auto;} .active-box .active-content{width: 100%; float: none; margin-top: 30px;} .active-content .active-content-title h1{font-size: 30px;} .active-content .active-content-title h1 span{font-size: 20px;} .active-sub-info li{float: none; margin-right: 0; margin-bottom: 20px;} } @media all and (max-width: 420px) { .active_inner{padding: 20px;} .active-content .active-content-title h1{font-size: 26px;} .active-content .active-content-title h1 span{font-size: 16px;} } /* 대학소개 */ .college-info-wrap{position: relative; background: url(../../images/sub/slash_background.png); padding: 5px;} .college-info-wrap .college-header{background-color: white; padding: 30px 45px 30px 40px;} .college-info-wrap .college-header::after{content:""; display: table; clear: both;} .college-logo{width: 344px; float: left;} .college-info-wrap ul{width: calc(100% - 355px); float: right; margin-top: 2%;} .college-info-wrap ul::after{content:""; display: table; clear: both;} .college-info-wrap li {position: relative; float: left; text-align: center; padding: 0 5%; max-width: 40%;} .college-info-wrap li:last-child {padding-right: 0;} .college-info-wrap li::before {content: ""; position: absolute; width: 14px; height: 14px; background: url("../../images/sub/vision_rhom.png") no-repeat; left: -7px; top: 50%; margin-top: -7px;} .college-info-wrap li:first-child::before {display: none;} .college-info-wrap li span {display: block; font-family: 'Roboto'; font-weight: 900; font-size: 56px; color: #f2f2f2; white-space: nowrap;} .college-info-wrap li p{position: absolute; width: 100%; left: 0; top: 25%; text-align: center; font-family: 'Noto Regular'; font-size: 34px; line-height: 50px; color: #151515; letter-spacing: -0.5px;} @media all and (max-width: 1420px) { /* .college-logo{width: 29%; max-width: 344px;} .college-info-wrap ul{width: 68%; margin-top: 3%;} .college-info-wrap li{width: 30%; margin-right: 5%;} */ .college-info-wrap .container{padding: 0;} } @media all and (max-width: 1290px){ .college-info-wrap li span {font-size: 48px;} .college-info-wrap li p {font-size: 26px} } @media all and (max-width: 1023px) { } @media all and (max-width: 1170px) { .college-info-wrap {text-align: center;} .college-logo{width: 100%; margin: 0 auto; float: none;} .college-info-wrap ul{width: 100%; float: none; margin-top: 20px;} .college-info-wrap ul li {float: none; display: inline-block; max-width: none;} } @media all and (max-width: 420px) { .college-info-wrap li{width: 100%; float: none; margin-bottom: 10px;} .college-info-wrap li:last-child{margin-bottom: 0;} } /* 건학이념 */ .idea-inner{position: relative;} .idea-inner::after{content:""; display: table; clear: both;} .idea-image{max-width: 831px;} .idea-textbox{position: absolute; background-color: #074da3; overflow: hidden; right: 0; top: 50%; max-width: 700px; margin-top: -135px;} .idea-textbox::after{content:""; display: block; position: absolute; width: 100%; height: 100%; background: url(../../images/sub/idea_pattern.png); opacity: .1; top: 0; left: 0;} .idea-text-area{position: relative; z-index: 2; color: white; padding: 45px 70px 45px 45px;} .idea-text-area h1{font-family:'Arita-buri SemiBold'; font-size: 30px; margin-bottom: 15px;} .idea-text-area p{font-family: 'Noto Thin'; font-size: 20px; line-height: 30px;} .idea-text-area ul li {position: relative; padding-left: 20px; font-size: 18px; line-height: 27px; letter-spacing: -0.5px; color: rgba(255, 255, 255, 0.7);} .idea-text-area ul li:first-child {margin-bottom: 10px;} .idea-text-area ul li::before {content: ""; position: absolute; width: 6px; height: 6px; border-radius: 50%; left: 0; top: 12px; background: rgba(255, 255, 255, 0.5);} .idea-list{margin-top: 20px;} .idea-list ul::after{content:""; display: table; clear: both;} .idea-list ul{background-color: #f5f5f5; padding: 35px 70px 40px 70px;} .idea-list li{float: left; width: calc(100%/3);} .idea-list .idea-logo{width: 200px; margin: 0 auto;} .idea-list .idea-text{text-align: center;} .idea-list h1{font-family: 'Noto Medium'; font-size: 20px; color: #333333; margin: 25px 0 15px 0;} .idea-list p{font-size: 16px; line-height: 26px; color: #222222;} .goal-inner{margin-top: 10px;} .goal-inner ul::after{content:""; display: table; clear: both;} .goal-inner li{float: left; width: 33.33%;} .goal-inner li h1{font-size: 18px; font-family: 'Noto Medium'; padding-top: 10px; position: relative; color: #23499e;} .goal-inner li h1::after{content:""; display: block; position: absolute; left: 0; top: 0; width: 28px; height: 2px; background-color: #23499e;} .goal-inner .goal-list{margin-top: 5px;} .goal-inner .goal-list p{padding-left: 20px; position: relative; font-size: 16px; color: #333333; margin-bottom: 5px;} .goal-inner .goal-list p::before{content:""; display: block; position: absolute; width: 10px; height: 10px; box-sizing: border-box; border-radius: 50%; border: 2px solid #23499e; left: 0; top: 7px;} .goal-inner .goal-list p:last-child{margin-bottom: 0;} .goal-txt {font-size: 18px; } @media all and (max-width: 1250px) { .idea-image{max-width: 650px;} .idea-textbox{margin-top: -92.5px; max-width: 500px;} .idea-text-area{padding: 20px 35px 20px 20px;} .idea-text-area h1{font-size: 20px;} .idea-text-area p{font-size: 16px; line-height: 25px;} .goal-inner .goal-list p{font-size: 16px;} } @media all and (max-width: 1023px) { .idea-textbox{top: auto; bottom: 0; margin-top: 0;} .idea-list ul{padding: 35px 35px 40px 35px;} .idea-list .idea-logo{width: 150px;} .goal-inner li{padding-right: 20px;} } @media all and (max-width: 768px) { .idea-image{width: 100%; max-width: none;} .idea-textbox{position: relative; max-width: none; width: 100%; margin-top: 10px;} .idea-list li{width: 100%; float: none; margin-bottom: 20px;} .idea-list li:last-child{margin-bottom: 0;} .idea-list h1{margin: 15px 0 5px 0;} .goal-inner li{width: 100%; float: none; padding-right: 0; margin-bottom: 40px;} .goal-inner li:last-child{margin-bottom: 0;} } /* 비전 */ .vision-inner .con-desc{margin-top: 5px;} .vision-box{margin-top: 15px; background-color: #f5f5f5;} .vision-box ul{padding: 34px 50px 34px 35px;} .vision-box ul::after{content:""; display: table; clear: both;} .vision-box li{float: left; width: calc(100%/3); padding-right: 20px;} .vision-box li h1{font-size: 20px; font-family: 'Noto Medium'; color: #23499e; position: relative; padding-top: 10px; margin-bottom: 5px;} .vision-box li h1::before{content:""; display: block; position: absolute; width: 28px; height: 2px; background-color: #23499e; left: 0; top: 0;} .vision-box li p{padding-left: 20px; position: relative; font-size: 18px; color: #333333; margin-bottom: 5px;} .vision-box li p::before{content:""; display: block; position: absolute; width: 10px; height: 10px; box-sizing: border-box; border-radius: 50%; border: 2px solid #23499e; left: 0; top: 7px;} .vision-image{margin-top: 50px;} .vision-image ul {position: relative;} .vision-image ul::after{content:""; display: table; clear: both;} .vision-image ul::before {content: ""; position: absolute; width: 80%; height: 1px; background: #ddd; left: 10%; top: 40%; z-index: -1;} .vision-image li{float: left; width: 33.33%;} .vision-image li .vision-logo{width: 220px; margin: 0 auto; padding: 0 10px; background: #fff;} .vision-image li h1{text-align: center; font-size: 20px; font-family: 'Noto Medium'; color: #333333; margin-top: 20px;} .vision-main{margin-top: 30px; text-align: center;} .vision-main .vision-main-box{display: inline-block; margin-bottom: 25px;} .vision-main .vision-main-box:last-child{margin-bottom: 0;} .vision-main .vision-main-box::after{content:""; display: table; clear: both;} .vision-main .vision-main-title{background: url(../../images/sub/title_pattern.png); width: 200px; height: 70px; display: table; float: left;} .vision-main .vision-main-title h1{color: white; font-family: 'Noto Regular'; font-size: 20px; display: table-cell; vertical-align: middle; width: 100%;} .vision-main .vision-main-content{width: 500px; height: 70px; display: table; background-color: #f5f5f5; float: left;} .vision-main .vision-main-content p{display: table-cell; vertical-align: middle; font-size: 20px; color: #383838; width: 100%;} .vision-goal-inner{margin-top: 30px;} .vision-goal-inner li{margin-bottom: 40px;} .vision-goal-inner li:last-child{margin-bottom: 0;} .vision-goal-inner li::after{content:""; display: table; clear: both;} .vision-goal-inner .vision-goal-header{float: left; width: 250px; position: relative;} .vision-goal-inner .vision-goal-header::before{content:""; display: block; width: 70px; height: 1px; background-color: #dddddd; right: 19px; top: 50%; margin-top: -0.5px; position: absolute;} .vision-goal-inner .vision-goal-header::after{content:""; display: block; position: absolute; right: 0; top: 50%; margin-top: -9.5px; width: 19px; height: 19px;} .vision-goal-inner li:nth-child(1) .vision-goal-header::after{background: url(../../images/sub/goal_circle_1.png);} .vision-goal-inner li:nth-child(2) .vision-goal-header::after{background: url(../../images/sub/goal_circle_2.png);} .vision-goal-inner li:nth-child(3) .vision-goal-header::after{background: url(../../images/sub/goal_circle_3.png);} .vision-goal-inner .vision-goal-circle{width: 160px; height: 160px; padding: 10px; border-radius: 50%;} .vision-goal-inner .vision-goal-background{background-color: white; display: table; width: 100%; height: 100%; border-radius: 50%;} .vision-goal-inner .vision-goal-textbox{display: table-cell; vertical-align: middle; width: 100%; text-align: center;} .vision-goal-inner .vision-goal-textbox h1{font-size: 22px; font-family: 'Noto Medium';} .vision-goal-inner li:nth-child(1) .vision-goal-textbox h1{color: #00baf2;} .vision-goal-inner li:nth-child(2) .vision-goal-textbox h1{color: #0058b9;} .vision-goal-inner li:nth-child(3) .vision-goal-textbox h1{color: #3067d9;} .vision-goal-inner .vision-goal-textbox p{font-size: 18px; font-family: 'Roboto'; font-weight: 400; color: #cccccc; letter-spacing: 0;} .vision-goal-inner li:nth-child(1) .vision-goal-circle{background-color: #00baf2;} .vision-goal-inner li:nth-child(2) .vision-goal-circle{background-color: #0058b9;} .vision-goal-inner li:nth-child(3) .vision-goal-circle{background-color: #3067d9;} .vision-goal-inner .vision-goal-content{float: right; width: calc(100% - 300px); margin-top: 10px;} .vision-goal-inner .vision-content-box{background: url(../../images/sub/slash_background_2.png); padding: 10px; height: 145px;} .vision-goal-inner .vision-content-background{background-color: white; display: table; width: 100%; height: 100%;} .vision-goal-inner .vision-content-textbox{display: table-cell; vertical-align: middle; width: 100%; text-align: center;} .vision-goal-inner .vision-content-textbox h1{font-family: 'Roboto'; font-weight: 700; font-size: 30px; color: #0058b9;} .vision-goal-inner .vision-content-textbox p{font-size: 22px; color: #222222;} .vision-goal-inner .goal-content-box{background: #62A028; height: 145px; width: 100%; display: table;} .vision-goal-inner .goal-content-box p{display: table-cell; vertical-align: middle; text-align: center; color: white; font-size: 30px;} .vision-goal-inner .goal-content-box p span{font-family: 'Roboto'; font-weight: 700;} .vision-goal-inner .value-content-box{margin-top: 35px;} .vision-goal-inner .value-content-box ul::after{content:""; display: table; clear: both;} .vision-goal-inner .value-content-box li{float: left; width: calc(100%/3 + 25px); border-radius: 50px; height: 80px; display: table; position: relative;} .vision-goal-inner .value-content-box li:nth-child(2){margin-left: -38px;} .vision-goal-inner .value-content-box li:nth-child(3){margin-left: -38px;} .vision-goal-inner .value-content-box li .value-content-text-box{display: table-cell; vertical-align: middle; width: 100%; text-align: center; color: white;} .vision-goal-inner .value-content-box li .value-content-text-box h1{font-family: 'Noto Medium'; font-size: 20px;} .vision-goal-inner .value-content-box li .value-content-text-box p{font-family: 'Roboto'; font-weight: 400; opacity: .5;} .vision-goal-inner .value-content-box li:nth-child(1) {background: url(../../images/sub/value_background_1.png) no-repeat center center;} .vision-goal-inner .value-content-box li:nth-child(1)::after{content:""; display: block; position: absolute; width: 18px; height: 18px; background: url(../../images/sub/value_plus.png); right: 9px; top: 50%; margin-top: -9px; z-index: 50;} .vision-goal-inner .value-content-box li:nth-child(2) {background: url(../../images/sub/value_background_2.png) no-repeat center center;} .vision-goal-inner .value-content-box li:nth-child(2)::after{content:""; display: block; position: absolute; width: 18px; height: 18px; background: url(../../images/sub/value_plus.png); right: 9px; top: 50%; margin-top: -9px; z-index: 50;} .vision-goal-inner .value-content-box li:nth-child(3) {background: url(../../images/sub/value_background_3.png) no-repeat center center;} @media all and (max-width: 1420px) { .vision-goal-inner .value-content-box li:nth-child(2){margin-left: -40px;} .vision-goal-inner .value-content-box li:nth-child(3){margin-left: -40px;} } @media all and (max-width: 1250px) { .vision-box ul{padding: 34px;} .vision-box li p{font-size: 16px;} } @media all and (max-width: 1023px) { .vision-box ul{padding: 20px;} .vision-box li h1{font-size: 18px;} .vision-image li .vision-logo{width: 150px;} .vision-goal-inner .vision-goal-header{width: 200px;} .vision-goal-inner .vision-goal-circle{width: 150px; height: 150px;} .vision-goal-inner .vision-goal-header::before{width: 31px;} .vision-goal-inner .vision-goal-content{width: calc(100% - 230px); margin-top: 26px;} .vision-goal-inner .vision-content-box{height: 100px;} .vision-goal-inner .vision-content-textbox h1{font-size: 22px;} .vision-goal-inner .vision-content-textbox p{font-size: 18px;} .vision-goal-inner .goal-content-box{height: 100px;} .vision-goal-inner .goal-content-box p{font-size: 22px;} .vision-goal-inner .value-content-box{margin-top: 10px;} } @media all and (max-width: 768px) { .vision-box li{width: 100%; float: none; margin-bottom: 40px; padding-right: 0;} .vision-box li:last-child{margin-bottom: 0;} .vision-image ul::before {display: none;} .vision-image li{float: none; width: 100%; margin-bottom: 20px;} .vision-image li:last-child{margin-bottom: 0;} .vision-image li .vision-logo{float: none; margin: 0 auto;} .vision-main .vision-main-box{width: 100%; display: block;} .vision-main .vision-main-title{width: 25%; height: 50px;} .vision-main .vision-main-title h1{font-size: 16px;} .vision-main .vision-main-content{width: 75%; height: 50px;} .vision-main .vision-main-content p{font-size: 16px;} .vision-goal-inner .vision-goal-header{width: 150px; float: none; margin: 0 auto; padding-bottom: 30px;} .vision-goal-inner .vision-goal-header::before{top: auto; bottom: 19px; width: 1px; height: 11px; margin-top: 0; left: 50%; margin-left: -0.5px;} .vision-goal-inner .vision-goal-header::after{top: auto; bottom: 0; right: 50%; margin-right: -9.5px; margin-top: 0;} .vision-goal-inner .vision-goal-content{width: 100%; float: none;} .vision-goal-inner .vision-content-box{height: auto;} .vision-goal-inner .vision-content-background {padding: 15px 0;} } @media all and (max-width: 420px) { .vision-goal-inner .value-content-box li{float: none; width: 100%; height: 60px; margin-bottom: 20px;} .vision-goal-inner .value-content-box li:nth-child(2){margin-left: 0px;} .vision-goal-inner .value-content-box li:nth-child(3){margin-left: 0px;} .vision-goal-inner .value-content-box li:nth-child(1)::after, .vision-goal-inner .value-content-box li:nth-child(2)::after{display: none;} } /* 목표와전략 */ .goals-box{margin-top: 10px;} .goals-box li{margin-bottom: 40px;} .goals-box li:last-child{margin-bottom: 0;} .goals-box li::after{content:""; display: table; clear: both;} .goals-box .goals-header{float: left; width: 284px; position: relative;} .goals-box .goals-header::before{content:""; display: block; width: 70px; height: 1px; background-color: #dddddd; right: 19px; top: 50%; margin-top: -0.5px; position: absolute;} .goals-box .goals-header::after{content:""; display: block; position: absolute; right: 0; top: 50%; margin-top: -9.5px; width: 19px; height: 19px;} .goals-box li:nth-child(1) .goals-header::after{background: url(../../images/sub/goal_circle_1.png);} .goals-box li:nth-child(2) .goals-header::after{background: url(../../images/sub/goal_circle_2.png);} .goals-box li:nth-child(3) .goals-header::after{background: url(../../images/sub/goal_circle_3.png);} .goals-box li:nth-child(4) .goals-header::after{background: url(../../images/sub/goal_circle_1.png);} .goals-box li:nth-child(5) .goals-header::after{background: url(../../images/sub/goal_circle_2.png);} .goals-box .goals-circle{width: 195px; height: 195px; padding: 10px; border-radius: 50%;} .goals-box .goals-background{background-color: white; display: table; width: 100%; height: 100%; border-radius: 50%;} .goals-box .goals-textbox{display: table-cell; vertical-align: middle; width: 100%; text-align: center;} .goals-box .goals-textbox h1{font-size: 22px; color: #00baf2; font-family: 'Noto Medium';} .goals-box .goals-textbox p{font-size: 18px; font-family: 'Roboto'; font-weight: 400; color: #cccccc;} .goals-box li:nth-child(1) .goals-textbox h1 {color: #00baf2;} .goals-box li:nth-child(2) .goals-textbox h1 {color: #0058b9;} .goals-box li:nth-child(3) .goals-textbox h1 {color: #3067d9;} .goals-box li:nth-child(4) .goals-textbox h1 {color: #00baf2;} .goals-box li:nth-child(5) .goals-textbox h1 {color: #0058b9;} .goals-box li:nth-child(1) .goals-circle{background-color: #00baf2;} .goals-box li:nth-child(2) .goals-circle{background-color: #0058b9;} .goals-box li:nth-child(3) .goals-circle{background-color: #3067d9;} .goals-box li:nth-child(4) .goals-circle{background-color: #00baf2;} .goals-box li:nth-child(5) .goals-circle{background-color: #0058b9;} .goals-box .goals-content{float: right; width: calc(100% - 335px); margin-top: 25px;} .goals-box .vision-content-box{background: url(../../images/sub/slash_background_2.png); padding: 10px; height: 145px;} .goals-box .vision-content-background{background-color: white; display: table; width: 100%; height: 100%;} .goals-box .vision-content-textbox{display: table-cell; vertical-align: middle; width: 100%; text-align: center;} .goals-box .vision-content-textbox h1{font-family: 'Roboto'; font-weight: 700; font-size: 30px;} .goals-box .vision-content-textbox p{font-size: 22px; color: #222222;} .goals-box .goal-content-box{background: url(../../images/sub/title_pattern.png); height: 145px; width: 100%; display: table;} .goals-box .goal-content-box p{display: table-cell; vertical-align: middle; text-align: center; color: white; font-size: 30px;} .goals-box .goal-content-box p span{font-family: 'Roboto'; font-weight: 700;} .goals-box .value-content-box{margin-top: 35px;} .goals-box .value-content-box ul::after{content:""; display: table; clear: both;} .goals-box .value-content-box li{float: left; width: calc(100%/3 + 25px); border-radius: 50px; height: 80px; display: table; position: relative;} .goals-box .value-content-box li:nth-child(2){margin-left: -38px;} .goals-box .value-content-box li:nth-child(3){margin-left: -38px;} .goals-box .value-content-box li .value-content-text-box{display: table-cell; vertical-align: middle; width: 100%; text-align: center; color: white;} .goals-box .value-content-box li .value-content-text-box h1{font-family: 'Noto Medium'; font-size: 20px;} .goals-box .value-content-box li .value-content-text-box p{font-family: 'Roboto'; font-weight: 400; opacity: .5;} .goals-box .value-content-box li:nth-child(1) {background: url(../../images/sub/value_background_1.png) no-repeat center center;} .goals-box .value-content-box li:nth-child(1)::after{content:""; display: block; position: absolute; width: 18px; height: 18px; background: url(../../images/sub/value_plus.png); right: 9px; top: 50%; margin-top: -9px; z-index: 50;} .goals-box .value-content-box li:nth-child(2) {background: url(../../images/sub/value_background_2.png) no-repeat center center;} .goals-box .value-content-box li:nth-child(2)::after{content:""; display: block; position: absolute; width: 18px; height: 18px; background: url(../../images/sub/value_plus.png); right: 9px; top: 50%; margin-top: -9px; z-index: 50;} .goals-box .value-content-box li:nth-child(3) {background: url(../../images/sub/value_background_3.png) no-repeat center center;} .goals-box li:nth-child(4) .goals-content{margin-top: 0;} .goals-box .platform-box{position: relative; border: 1px solid #dddddd; padding: 25px 0; text-align: center;} .goals-box .platform-box .platform-title{position: absolute; left: 0; top: -20px; width: 100%; text-align: center;} .goals-box .platform-box .platform-title h1{display: inline-block; padding: 0 20px; background-color: white; font-family: 'Noto Regular';} .goals-box .platform-box .platform-title h1 span{font-family: 'Roboto'; font-weight: 400;} .goals-box .platform-box ul{display: inline-block;} .goals-box .platform-box ul::after{content:""; display: table; clear: both;} .goals-box .platform-box li{width: 150px; height: 150px; float: left; display: table; border-radius: 50%; margin-left: -20px; margin-bottom: 0;} .goals-box .platform-box li:nth-child(1){background-color: rgba(0,113,218,0.8); margin-left: 0;} .goals-box .platform-box li:nth-child(2){background-color: rgba(227,234,240,0.8);} .goals-box .platform-box li:nth-child(3){background-color: rgba(0,113,218,0.8);} .goals-box .platform-box li:nth-child(4){background-color: rgba(227,234,240,0.8);} .goals-box .platform-box li:nth-child(5){background-color: rgba(0,113,218,0.8);} .goals-box .platform-box li:nth-child(6){background-color: rgba(227,234,240,0.8);} .goals-box .platform-box li:first-child{margin-left: 0;} .goals-box .platform-box li .platform-textbox{display: table-cell; vertical-align: middle; width: 100%;} .goals-box .platform-box li:nth-child(odd) .platform-textbox p{font-size: 22px; color: white;} .goals-box .platform-box li:nth-child(even) .platform-textbox p{font-size: 22px; color: #3d3e43;} .goals-box .character-box::after{content:""; display: table; clear: both;} .goals-box .character-left{float: left; width: calc(50% - 105px); margin-top: 42.5px;} .goals-box .character-left::after{content:""; display: table; clear: both;} .goals-box .character-left p{float: left; width: calc(100% - 41px); background: url(../../images/sub/character_background_1.png) no-repeat center center; border-radius: 50px; height: 85px; line-height: 85px; text-align: center; font-size: 18px; color: white; font-family: 'Noto Medium';} .goals-box .character-left::before{float: right;content:""; display: block; width: 21px; height: 32px; background: url(../../images/sub/character_left.png); margin-left: 20px; margin-top: 27px;} .goals-box .character-center{float: left; width: 170px; height: 170px; background: url(../../images/sub/character_background_3.png) no-repeat center center; border-radius: 50%; display: table; margin: 0 20px;} .goals-box .character-center p{display: table-cell; vertical-align: middle; width: 100%; font-size: 20px; line-height: 25px; color: #151515; font-family: 'Noto Medium'; text-align: center;} .goals-box .character-right{float: left; width: calc(50% - 105px); margin-top: 42.5px;} .goals-box .character-right::after{content:""; display: table; clear: both;} .goals-box .character-right p{float: right; width: calc(100% - 41px); background: url(../../images/sub/character_background_2.png) no-repeat center center; border-radius: 50px; height: 85px; line-height: 85px; text-align: center; font-size: 18px; color: white; font-family: 'Noto Medium';} .goals-box .character-right::before{float: left; content:""; display: block; width: 21px; height: 32px; background: url(../../images/sub/character_right.png); margin-right: 20px; margin-top: 27px;} .strategy-image{max-width: 1230px; margin: 30px auto 20px; text-align: center;} .strategy-image a {display: inline-block;} .strategy-image img{display: inline-block;} @media all and (max-width: 1420px) { .goals-box .value-content-box li:nth-child(2){margin-left: -40px;} .goals-box .value-content-box li:nth-child(3){margin-left: -40px;} } @media all and (max-width: 1250px) { .goals-box .platform-box li{width: 120px; height: 120px;} .goals-box .platform-box li:nth-child(odd) .platform-textbox p, .goals-box .platform-box li:nth-child(even) .platform-textbox p{font-size: 18px;} } @media all and (max-width: 1023px) { .goals-box .goals-header{width: 200px;} .goals-box .goals-circle{width: 150px; height: 150px;} .goals-box .goals-textbox p{word-break: break-all;} .goals-box .goals-header::before{width: 31px;} .goals-box .goals-content{width: calc(100% - 230px);} .goals-box .vision-content-box{height: 100px;} .goals-box .vision-content-textbox h1{font-size: 22px;} .goals-box .vision-content-textbox p{font-size: 18px;} .goals-box .goal-content-box{height: 100px;} .goals-box .goal-content-box p{font-size: 22px;} .goals-box .value-content-box{margin-top: 10px;} .goals-box .platform-box{padding: 30px 0 15px 0;} .goals-box .platform-box li{width: 90px; height: 90px;} .goals-box .character-center{width: 130px; height: 130px;} .goals-box .character-center p{font-size: 16px; line-height: 20px;} .goals-box .character-left{margin-top: 22.5px; width: calc(50% - 85px);} .goals-box .character-right{margin-top: 22.5px; width: calc(50% - 85px);} } @media all and (max-width: 768px) { .goals-box .goals-header{width: 150px; float: none; margin: 0 auto; padding-bottom: 30px;} .goals-box .goals-header::before{top: auto; bottom: 19px; width: 1px; height: 11px; margin-top: 0; left: 50%; margin-left: -0.5px;} .goals-box .goals-header::after{top: auto; bottom: 0; right: 50%; margin-right: -9.5px; margin-top: 0;} .goals-box .goals-content{width: 100%; float: none;} .goals-box .platform-box{padding-top: 50px;} .goals-box .platform-box li{width: 120px; height: 120px; margin-left: 0;} .goals-box .platform-box ul{width: 360px;} .goals-box .character-center{width: 100px; height: 100px; margin: 0 10px;} .goals-box .character-left{width: calc(50% - 60px); margin-top: 7.5px;} .goals-box .character-left p{font-size: 14px;} .goals-box .character-right{width: calc(50% - 60px); margin-top: 7.5px;} .goals-box .character-right p{font-size: 14px;} } @media all and (max-width: 420px) { .goals-box .value-content-box li{float: none; width: 100%; height: 60px; margin-bottom: 20px;} .goals-box .value-content-box li:nth-child(2){margin-left: 0px;} .goals-box .value-content-box li:nth-child(3){margin-left: 0px;} .goals-box .value-content-box li:nth-child(1)::after, .goals-box .value-content-box li:nth-child(2)::after{display: none;} .goals-box .platform-box ul{width: 120px;} .goals-box .platform-box li{float: none; margin-bottom: 10px;} .goals-box .platform-box li:last-child{margin-bottom: 0;} .goals-box .character-left{width: 100%; float: none; padding-bottom: 50px; position: relative;} .goals-box .character-left p{line-height: 40px; height: 40px; width: 100%;} .goals-box .character-left::before{position: absolute; bottom: 0; left: 50%; margin-left: -11px; transform: rotate(90deg);} .goals-box .character-center{margin: 20px auto; float: none;} .goals-box .character-right{width: 100%; float: none; padding-top: 50px; position: relative;} .goals-box .character-right::before{position: absolute; top: 0; left: 50%; margin-left: -11px; transform: rotate(90deg); margin-top: 0; margin-right: 0;} .goals-box .character-right p{line-height: 40px; height: 40px; width: 100%;} } /* 가천의발자취 */ .history-year-inner{position: relative;} .history-year-inner::before{content:""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 2px; background: url(../../images/sub/history_year_line.png);} .history-year-inner > ul > li::after{content:""; display: table; clear: both;} .history-year-inner > ul > li .history-year-title{width: 160px; float: left;} .history-year-inner > ul > li .history-year-title h1{font-family: 'Roboto'; font-weight: 700; color: #1b60c7; font-size: 22px; padding-left: 25px; position: relative; margin-top: 84px;} .history-year-inner > ul > li .history-year-title h1::before{content:""; display: block; position: absolute; width: 15px; height: 15px; background: url(../../images/sub/history_title_dot.png); left: 0; top: 9px;} .history-year-inner > ul > li .history-year-content{float: right; width: calc(100% - 160px); padding: 20px 0;position: relative;} .history-year-inner > ul > li .history-year-content::after{content:""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: url(../../images/sub/history_year_line.png);} .history-year-box{margin-bottom: 20px;} .history-year-box:last-child{margin-bottom: 0;} .history-year-box::after{content:""; display: table; clear: both;} .history-year-box .history-year-image{width: 235px; float: right;} .history-year-box .history-year-comment{width: calc(100% - 285px); float: left; margin-right: 50px;} .history-year-box .history-date-text{float: left; font-size: 20px; font-family: 'Roboto'; font-weight: 400; color: #2a2a2a; width: 80px; margin-top: 65px;} .history-year-box .history-year-list{float: left; margin-top: 66px; width: calc(100% - 80px);} .history-year-box .history-year-list li{font-size: 18px; color: #333333; margin-bottom: 20px; position: relative; padding-left: 15px;} .history-year-box .history-year-list li::after{content:""; display: block; width: 7px; height: 7px; border-radius: 50%; background-color: #417bdb; position: absolute; left: 0; top: 11.5px;} .history-year-box .history-year-list li:last-child{margin-bottom: 0;} @media all and (max-width: 1055px) { .history-year-box .history-date-text{margin-top: 20px;} .history-year-box .history-year-list{margin-top: 21px;} .history-year-box .history-year-list li{font-size: 16px;} .history-year-inner > ul > li .history-year-title h1 {margin-top: 38px;} } @media all and (max-width: 768px) { .history-year-inner > ul {padding-top: 20px;} .history-year-inner > ul > li .history-year-title{width: 100%; float: none;} .history-year-inner > ul > li .history-year-title h1{margin-top: 0;} .history-year-inner > ul > li .history-year-content{width: 100%; float: none; margin-bottom: 20px;} .history-year-box .history-year-image{float: none; margin: 0 auto;} .history-year-box .history-year-comment{float: none; width: 100%;} } /* 학교상징 */ .slogan-main{width: 100%; background: url(../../images/sub/symbol_background.png) no-repeat top center; height: 300px; position: relative; display: table;} .slogan-main .symbol-textbox{position: absolute; right: 7%; top: 50%; margin-top: -42px;} .slogan-main .symbol-textbox::after{content:""; display: table; clear: both;} .slogan-main .symbol-textbox h1{float: left; color: white; position: relative; padding: 7px 0; font-size: 30px; font-family: 'Noto Bold'; margin-top: 12.5px;} .slogan-main .symbol-textbox h1::before{content:""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 4px; background-color: white;} .slogan-main .symbol-textbox h1::after{content:""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 4px; background-color: white;} .slogan-main .symbol-text-sub{float: left; color: white; margin-left: 40px;} .slogan-main .symbol-text-sub li{font-size: 19px;} .slogan-main .symbol-text-sub li span{font-family: 'Noto Regular';} .symbol-text .txt-color2{font-family: 'Noto Medium';} .symbol-mean .txt-color2, .symbol-mean .txt-color3, .symbol-mean .txt-color4{font-family: 'Noto Medium';} .logo-wrap{background :url(../../images/sub/logo_background.png) center top; padding: 50px 140px 53px 140px; border: 2px solid #ececec;} .logo-box{text-align: center; margin-bottom: 70px;} .logo-box:last-child{margin-bottom: 0;} .logo-wrap ul{display: inline-block; width: 100%;} .logo-wrap ul::after{content:""; display: table; clear: both;} .logo-wrap li{float: left;} .logo-line-1 li{width: 50%;} .logo-line-2 li{width: calc(100%/3);} .logo-wrap ul p{font-family: 'Noto Medium'; color: #111111; margin-bottom: 10px;} @media all and (max-width: 1023px) { .logo-wrap{padding: 50px 20px;} .logo-wrap li{padding-right: 20px;} .slogan-main .symbol-textbox{margin-top: -36px;} .slogan-main .symbol-textbox h1{font-size: 25px; margin-top: 10.5px;} .slogan-main .symbol-text-sub li{font-size: 16px;} .slogan-main .symbol-text-sub{margin-left: 20px;} } @media all and (max-width: 768px) { .logo-image{width: 90%; margin: 0 auto;} .slogan-main .symbol-textbox{position: relative; display: table-cell; vertical-align: middle; top: 0; margin-top: 0; right: 0; text-align: center;} .slogan-main .symbol-textbox h1{float: none; display: inline-block;} .slogan-main .symbol-text-sub{float: none; margin-left: 0; margin-top: 20px;} } @media all and (max-width: 420px) { .logo-line-1 li, .logo-line-2 li{width: 100%; float: none; margin-bottom: 20px; padding-right: 0;} .logo-image{width: 100%;} } /* 교가 */ .song-text{font-size: 18px; line-height: 30px} .song-text .txt-color2{font-family: 'Noto Medium';} .lyric-wrap{margin-top: 40px;} .lyric-wrap::after{content:""; display: table; clear: both;} .lyric-wrap .lyric-text{width: 42.8%; float: left; background: url(../../images/sub/song-background.png) no-repeat top center; padding: 68px 0 73px 0;} .lyric-wrap .lyric-box{margin-bottom: 60px; text-align: center;} .lyric-wrap .lyric-box:last-child{margin-bottom: 0;} .lyric-wrap .lyric-box h1{width: 70px; height: 70px; margin: 0 auto; font-size: 18px; color: white; font-family: 'Noto Medium'; background: url(../../images/sub/song_title_background.png) no-repeat center center; border-radius: 50%; line-height: 70px;} .lyric-wrap .lyric-box p{margin-top: 20px; line-height: 30px; color: white;} .lyric-wrap .listen-box{text-align: center;} .lyric-wrap .listen-box button{display: none; position: relative; width: 50px; height: 50px; text-indent: -9999px; border-radius: 50%; border: 1px solid white; margin: 0 auto;} .lyric-wrap .listen-box button.listen_btn{background: url(../../images/sub/audio_play.png) no-repeat 52% 51%;} .lyric-wrap .listen-box button.pause_btn{background: url(../../images/sub/audio_pause.png) no-repeat center center;} .lyric-wrap .listen-box button.on{display:block;} .lyric-wrap .lyric-image{width: 57.2%;float: left; background: url(../../images/sub/song_lyric.png) no-repeat top center; height: 840px;} .listen-ie-box{display: none;} @media all and (max-width: 1023px) { .lyric-wrap .lyric-text{padding: 20px 0;} .lyric-wrap .lyric-box{margin-bottom: 38.5px;} .lyric-wrap .lyric-box p{font-size: 14px; line-height: 22px;} .lyric-wrap .lyric-image{background-size: cover; height: 600px;} } @media all and (max-width: 768px) { .lyric-wrap .lyric-text{width: 100%; float: none; background-size: cover;} .lyric-wrap .lyric-image{width: 100%; float: none; height: 0; background-size: contain; background-color: #f7f7f7; padding-bottom: 100%;} } /* 대학혁신지원사업 */ .gray-background{background-color: #f5f5f5; padding: 20px 25px; margin-top: 10px;} .gray-background .objHeading_h4{margin-top: 0;} .business-wrap{margin-top: 90px;} .business-box{margin-bottom: 25px;} .business-box:last-child{margin-bottom: 0;} .business-wrap .business-box::after{content:""; display: table; clear: both;} .business-box .business-title{width: 225px; float: left; position: relative;} .business-box .business-title::after{content:""; display: block; position: absolute; width: 74px; height: 18px; right: 0; top: 50%; margin-top: -9px;} .business-box .business-title-text{width: 110px; height: 110px; border-radius: 50%;} .business-box .business-title-text p{line-height: 110px; text-align: center; color: white; font-size: 18px; font-family: 'Noto Medium';} .business-box:nth-child(1) .business-title::after{background: url(../../images/sub/business_arrow_1.png);} .business-box:nth-child(1) .business-title-text{background: url(../../images/sub/business_title_1.png);} .business-box:nth-child(2) .business-title::after{background: url(../../images/sub/business_arrow_2.png);} .business-box:nth-child(2) .business-title-text{background: url(../../images/sub/business_title_2.png);} .business-box .business-content{width: calc(100% - 260px); float: right; height: 110px; display: table; border-radius: 5px;} .business-box:nth-child(1) .business-content{border: 2px solid #0178dd; background: url(../../images/sub/vision_background_1.png) no-repeat top center;} .business-box:nth-child(2) .business-content{border: 2px solid #51649f; background: url(../../images/sub/vision_background_2.png) no-repeat top center;} .business-box .business-textbox{display: table-cell; vertical-align: middle; width: 100%; text-align: center;} .business-box .business-textbox h1{font-family: 'Roboto'; font-weight: 700; color: #0178dd; font-size: 30px;} .business-box .business-textbox p{font-size: 22px; color: #222222;} .business-box:nth-child(2) .business-textbox p{font-family: 'Noto Medium'; font-size: 28px;} .business-box:nth-child(2) .business-textbox p span{color: #446db1;} .business-list{margin-top: 50px;} .business-list > ul > li{margin-bottom: 50px; position: relative;} .business-list > ul > li:last-child{margin-bottom: 0;} .business-list > ul > li::after{content:""; display: table; clear: both;} .business-list > ul > li .business-sub-title{width: 200px; float: left; position: absolute; top: 50%; margin-top: -15px; left: 0;} .business-list > ul > li .business-sub-title p{display: inline-block; font-size: 19px; font-family: 'Noto Bold'; color: #000000; border-bottom: 2px solid black;} .business-list > ul > li .business-sub-content{width: calc(100% - 260px); float: right;} .business-sub-content .business-image{text-align: center;} .business-sub-content .business-table::after{content:""; display: table; clear: both;} .business-table .business-table {margin: 0 -0.5%;} .business-table .business-table-box{float: left; width: 24%; margin: 0 0.5%; background-color: #efefef; height: 190px;} .business-table .business-table-header{border-radius: 5px; background: url(../../images/sub/business_header.png) no-repeat center center; height: 45px; width: 100%; display: table;} .business-table .business-table-header p{display: table-cell; vertical-align: middle; width: 100%; text-align: center; font-family: 'Noto Medium'; font-size: 18px; color: white;} .business-table .business-table-content{margin-top: 15px; padding: 0 20px;} .business-table .business-table-content li{padding-left: 18px; position: relative; color: #333333; margin-bottom: 5px;} .business-table .business-table-content li::before{content:""; display: block; position: absolute; width: 7px; height: 7px; border-radius: 50%; background-color: #1853b6; left: 0; top: 9px;} .business-table .business-table-content li:last-child{margin-bottom: 0;} .business-sub-content .business-info::after{content:""; display: table; clear: both;} .business-table {margin: 0 -0.5%;} .business-info .business-info-box{width: 24%; margin: 0 0.5%; float: left; background-color: #e3eaf0; border-radius: 5px; height: 160px; padding: 20px; position: relative;} .business-info .business-info-box::after{content:""; display: block; position: absolute; width: 34px; height: 18px; background: url(../../images/sub/business_tail.png); top: -18px; left: 50%; margin-left: -17px;} .business-info .business-info-box ul{text-align: center;} .business-info .business-info-box ul li{color: #4a659f; margin-bottom: 10px; line-height: 20px;} .business-info .business-info-box ul li:last-child{margin-bottom: 0;} .business-sub-content .result-list::after{content:""; display: table; clear: both;} .result-list > div{float: left;} .result-list .result-box{height: 50px; border-radius: 50px; display: table; background: url(../../images/sub/business_background_3.png) no-repeat center center;} .result-list .result-box.box_1{width: 13%;} .result-list .result-box.box_2{width: 13%;} .result-list .result-box.box_3{width: 17%;} .result-list .result-box.box_4{width: 17%;} .result-list .result-box.box_5{width: 20%;} .result-list .result-box p{display: table-cell; vertical-align: middle; width: 100%; text-align: center; font-size: 18px; font-family: 'Noto Medium'; color: white;} .result-list .result-arrow{width: 5%; height: 15px; background: url(../../images/sub/business_twin_arrow.png); margin-top: 17.5px;} .business-sub-content .business-plan-box ul::after{content:""; display: table; clear: both;} .business-plan-box{padding: 32px 60px 33px 60px; background: url(../../images/sub/business_background_4.png) no-repeat top center;} .business-plan-box li{display: inline-block; color: white; font-family: 'Noto Regular'; font-size: 18px; padding: 0 34px; position: relative; line-height: 35px;} .business-plan-box li::after{content:""; display: block; position: absolute; width: 1px; height: 35px; background-color: rgba(255,255,255,.2); top: 0; right: 0;} .business-plan-box li:last-child::after{display: none;} .business-plan-box li:first-child{padding-left: 0;} .business-plan-box li:last-child{padding-right: 0;} @media all and (max-width: 1420px) { .business-info .business-info-box ul li{font-size: 14px;} .business-info .business-info-box{height: 180px; padding: 20px 10px;} .business-plan-box{text-align: center;} .business-plan-box ul{display: inline-block;} .business-plan-box li{font-size: 16px; padding: 0 30px;} .result-list .result-arrow{width: 46px; background-size: contain;} } @media all and (max-width: 1250px) { .business-plan-box{padding: 20px 0 25px 0;} .business-plan-box li{padding: 0 15px;} .result-list .result-box p{font-size: 16px;} .result-list .result-arrow{width: 35px; height: 11px; background-repeat: no-repeat; margin-top: 19.5px;} } @media all and (max-width: 1023px) { .business-box .business-textbox h1{font-size: 25px;} .business-box:nth-child(2) .business-textbox p{font-size: 22px;} .business-box .business-textbox p{font-size: 18px;} .business-list > ul > li .business-sub-content{width: calc(100% - 150px);} .business-list > ul > li .business-sub-title p{font-size: 16px;} .business-table .business-table-content li{font-size: 16px;} .business-info .business-info-box{height: 230px;} .result-list .result-arrow{width: 4.675%; background-position: center center;} .result-list .result-box p{font-size: 14px;} .business-plan-box li{font-size: 14px; padding: 0 10px;} } @media all and (max-width: 768px) { .business-box .business-title{width: 100%; float: none; padding-bottom: 100px;} .business-box .business-title-text{margin: 0 auto;} .business-box .business-title::after{top: auto; bottom: 40px; right: 50%; margin-right: -37px; transform: rotate(90deg);} .business-box .business-content{width: 100%; float: none; padding: 0 20px;} .business-box .business-textbox h1{font-size: 20px;} .business-box .business-textbox p{font-size: 16px;} .business-box:nth-child(2) .business-textbox p{font-size: 20px;} .business-list > ul > li .business-sub-title{position: relative; top: 0; margin-top: 0; float: none; width: 100%; margin-bottom: 20px;} .business-list > ul > li .business-sub-content{width: 100%; float: none;} .business-table .business-table-box{width: 49%; margin-bottom: 10px;} .business-info{padding-top: 20px;} .business-info .business-info-box{width: 49%; margin-bottom: 30px; height: 180px;} .result-list .result-box.box_1, .result-list .result-box.box_2, .result-list .result-box.box_3, .result-list .result-box.box_4, .result-list .result-box.box_5{width: 100%; float: none;} .result-list .result-box p{font-size: 16px;} .result-list .result-box{margin: 20px 0;} .result-list .result-arrow{width: 48px; height: 15px; float: none; margin: 0 auto; transform: rotate(90deg);} .business-plan-box{background-size: cover;} } @media all and (max-width: 420px){ .business-box .business-textbox h1{font-size: 16px;} .business-box .business-textbox p{font-size: 14px;} .business-box:nth-child(2) .business-textbox p{font-size: 18px;} .business-table .business-table-content {margin-top: 0; padding: 15px 20px;} .business-table .business-table-box{width: 100%; float: none; margin-right: 0; height: auto;} .business-info .business-info-box{width: 100%; float: none; margin-right: 0; height: auto;} .business-plan-box li{display: block; border-bottom: 1px solid rgba(255,255,255,.2); padding: 0; padding: 10px 0;} .business-plan-box li::after{display: none;} } .wrap-contents .background-gray .objHeading_h4{margin-top: 0;} /* 특성화추진전략 */ .character-box{margin-bottom: 50px; position: relative;} .character-box:last-child{margin-bottom: 0;} .character-box::after{content:""; display: table; clear: both;} .character-arrow{float: left; overflow: hidden; position: absolute; left: 0; top: 50%; margin-top: -55px;} .character-arrow::after{content:""; display: block; width: 74px; height: 18px; float: left; margin: 45px 0 0 40px;} .character-box:nth-child(1) .character-arrow p{background: url(../../images/sub/business_title_1.png);} .character-box:nth-child(1) .character-arrow::after{background: url(../../images/sub/business_arrow_1.png);} .character-box:nth-child(2) .character-arrow p{background: url(../../images/sub/business_title_2.png);} .character-box:nth-child(2) .character-arrow::after{background: url(../../images/sub/business_arrow_2.png);} .character-arrow p{width: 110px; height: 110px; display: table; float: left; color: white; font-family: 'Noto Medium'; font-size: 18px; line-height: 20px;} .character-arrow span{display: table-cell; vertical-align: middle; width: 100%; text-align: center;} .character-content{float: right; width: calc(100% - 260px);} .character-content .character-image img{width: 100%;} .character-content .character-textbox{margin-top:50px; background: url(../../images/sub/character_textbox_background.png) no-repeat top center;} .character-content .character-textbox p{font-size: 26px; color: white; text-align: center; line-height: 1; padding: 37px 0; font-family: 'Roboto'; font-weight: 400;} @media all and (max-width: 1023px) { .character-content .character-textbox p{font-size: 20px; padding: 20px 0;} } @media all and (max-width: 768px) { .character-arrow{float: none; position: relative; margin-top: 0; top: 0;} .character-content{float: none; width: 100%;} .character-arrow p{float: none; margin: 0 auto;} .character-arrow::after{margin: 45px auto; transform: rotate(90deg); float: none;} } .title-box::after{content:""; display: table; clear: both;} .title-box .objHeading_h2{float: left; margin-top: 0;} .title-box .sub-btn-group{float: left; margin-left: 20px;} .title-box .sub-btn-group .home-btn{margin-top: 4px;} @media all and (max-width: 768px) { .title-box .objHeading_h2{float: none;} .title-box .sub-btn-group{float: none; margin-left: 0; margin-top: 10px;} } /* 올해통계연보 */ .pdf-content .pdf-none {display: none;} .pdf-content.ie .pdf-none {display: none;} .pdf-content.ie .pdf-none p {text-align: center; border: 3px solid #183068; padding: 30px 0;} /* 대학본부소개 */ .group-wrap{padding: 30px 50px; border: 1px solid #e8e9ee; position: relative; overflow: hidden;} .group-wrap::before{content:""; display: block; position: absolute; width: 75px; height: 75px; border: 1px solid #23499e;top: 0; left: 0; border-right: 0; border-bottom: 0;} .group-wrap::after{content:""; display: block; position: absolute; width: 75px; height: 75px; border: 1px solid #00baee; right: 0; bottom: 0; border-left: 0; border-top: 0;} .group-wrap .group-image{float: left; width: 103px; position: relative; padding-bottom: 40px;} .group-wrap .group-image::after{content:""; display: block; position: absolute; width: 1px; height: 93px; background-color: #e8e9ee; top: 0; right: 0;} .group-wrap .group-image img{width: auto;} .group-wrap .group-content{float: right; width: calc(100% - 133px);} .group-wrap .group-content ul{margin-top: 10px;} .group-wrap .group-content ul::after{content:""; display: table; clear: both;} .group-wrap .group-content li{float: left; width: 50%; margin-bottom: 20px; overflow: hidden;} /*.group-wrap .group-content li{float: left; margin-right: 30px; overflow: hidden;}*/ .group-wrap .group-content li:last-child{margin-right: 0;} .group-wrap .group-content li .group-logo{width: 20px; float: left;} .group-wrap .group-content li p{font-size: 16px; line-height: 20px; float: left; margin-left: 10px; letter-spacing: -0.5px; width: calc(100% - 30px);} .contact-box{margin-top: 10px;} .group-wrap .group-content .contact-box .sub-btn-group {text-align: right;} .contact-box .sub-btn-group::after{content:""; display: table; clear: both;} .contact-box .sub-btn-group .link-btn2{display: inline-block; border: 1px solid #525252; margin-right: 15px; width: 205px; text-align: left; font-size: 15px;} .contact-box .sub-btn-group .link-btn2:last-child{margin-right: 0; margin-bottom: 0;} @media all and (max-width: 768px) { .group-wrap{padding: 20px;} .group-wrap .group-image{width: 80px;} .group-wrap .group-content{width: calc(100% - 100px);} .group-wrap .group-content li{float: none; width: 100%; margin-bottom: 10px; margin-right: 0;} .group-wrap .group-content li:last-child{margin-bottom: 0;} .group-wrap .group-content li p{font-size: 15px;} .contact-box .sub-btn-group .link-btn2{float: none; margin-bottom: 15px; margin-right: 0; display: block;} } @media all and (max-width: 420px) { .group-wrap .group-image{width: 57px; float: none; margin: 0 auto; padding-bottom: 0;} .group-wrap .group-image::after{display: none;} .group-wrap .group-content{width: 100%; float: none; margin-top: 20px;} } /* 교무처 */ .team-inner{border-top: 2px solid black; border-bottom: 2px solid black;} .team-inner .team-box{padding: 50px 0; border-bottom: 1px solid #e2e2e2;} .team-inner .team-box:last-child{border-bottom: 0;} .team-inner .team-box::after{content:""; display: table; clear: both;} .team-box .team-info{float: left; width: calc(100% - 285px); padding-right: 30px; border-right: 1px solid #e2e2e2;} .team-box .team-info .objHeading_h3{margin-top: 0;} .team-box .team-info .objHeading_h4{margin-top: 20px;} .team-box .team-info .objHeading_h5{margin-top: 10px;} .team-box .team-info .team-comment{margin-bottom: 30px;} .team-box .team-info .team-comment:last-child{margin-bottom: 0;} .team-box .team-sub-info{float: right; width: 285px; padding-left: 30px;} .team-sub-list{margin-bottom: 15px;} .team-sub-list li{margin-bottom: 15px;} .team-sub-list li:last-child{margin-bottom: 0;} .team-sub-list li p{font-size: 16px; line-height: 26px; padding-left: 30px;} .team-sub-list li.team-place{background: url(../../images/sub/place_logo.png) no-repeat left 3px;} .team-sub-list li.team-phone{background: url(../../images/sub/photo_logo.png) no-repeat left 3px;} .team-sub-list li.team-fax{background: url(../../images/sub/fax_logo.png) no-repeat left 3px;} .team-sub-info .sub-btn-group a{display: inline-block; border: 1px solid #525252; margin-bottom: 10px; width: 205px; font-size: 15px;} .team-sub-info .sub-btn-group a:last-child{margin-bottom: 0;} @media all and (max-width: 1023px) { .team-box .team-info{width: calc(100% - 300px);} .team-box .team-sub-info{width: 300px;} } @media all and (max-width: 768px) { .team-box .team-info{float: none; width: 100%; padding-bottom: 20px; padding-right: 0; border-right: 0;} .team-box .team-sub-info{width: 100%; float: none; padding-left: 0; border-top: 1px solid #e2e2e2; padding-top: 20px;} .team-sub-info .sub-btn-group a{display: block;} } /* 운동재활센터 */ .ex_info .sub-expalin-inner .sub-explain-img{width: 320px; height: auto;} .ex_info .sub-explain-txt{font-size: 18px; line-height: 30px;} @media all and (max-width: 768px) { .sub-explain {padding: 20px 15px;} .ex_info .sub-expalin-inner .sub-explain-img{width: 100%;} } .image-inner{padding: 30px; background-color: #f5f5f5; margin-top: 15px;} .image-inner::after{content:""; display: table; clear: both;} .image-inner .image-box{width: 47%; float: left; max-width: 655px;} .image-inner .image-box:last-child{float: right;} @media all and (max-width: 768px) { .image-inner .image-box{width: 100%; float: none; max-width: none; margin-bottom: 20px;} .image-inner .image-box:last-child{float: none; margin-bottom: 0;} } /* 이사장인사말 */ .intro-title-content.chairman-text p{font-size: 18px;} /* 재단소개 */ .foundation-image{text-align: center;} .font-bold{font-family: 'Noto Medium';} /* 캠퍼스맵 */ .sub-map-inner{padding: 10px; background: url(../../images/sub/repeat_bg.png);} .sub-map-box{background-color: #fff; padding: 15px 40px; overflow: hidden; display: table; width: 100%;} .sub-map-logo{display: table-cell; vertical-align: middle; width: 66px;} .sub-map-info{display: table-cell; vertical-align: middle;} .sub-map-info p{font-family: 'Noto Regular'; font-size: 18px; color: #2e3a84;} .campus-inner ul::after{content:""; display: table; clear: both;} .campus-inner li{float: left; width: 48%; max-width: 670px; position: relative;} .campus-inner li:last-child{float: right;} .campus-button-box{position: absolute; background-color: white; padding: 20.5px 0; bottom: 0; left: 50%; margin-left: -135px; width: 270px; overflow: hidden;} .campus-button-box::before{content:""; display: block; position: absolute; width: 127px; height: 99px; background: url(../../images/sub/campus_background.png) no-repeat; right: -15px; bottom: -10px;} .campus-button-box h1{font-size: 20px; font-family: 'Noto Medium'; color: #333333; text-align: center;} .campus-button-box .sub-btn-group{margin-top: 10px;} @media all and (max-width: 1023px) { .sub-map-logo{display: block;} .sub-map-info{display: block; margin: 10px 0 0 0;} .campus-button-box{width: 300px; margin-left: -150px; padding: 15px 0;} } @media all and (max-width: 768px) { .campus-inner li{width: 100%; float: none; max-width: auto; margin-bottom: 20px;} .campus-inner li:last-child{float: none; margin-bottom: 0;} .campus-button-box{width: 100%; margin-left:0; background-size: cover; position: relative; left: 0;} .campus-button-box h1{font-size: 20px;} } /* 글로벌대학교 */ .text-bold{font-family: 'Noto Medium';} .bus-inner li{display: table; width: 100%; height: 100%; border: 1px solid #e8e9ee; padding: 20px 0; margin-bottom: 10px;} .bus-inner li:last-child{margin-bottom: 0;} .bus-inner li::after{content:""; display: table; clear: both;} .bus-inner li .bus-logo{display: table-cell; vertical-align: middle; width: 220px; padding: 0 43px; text-align: center;} .bus-inner li .bus-logo p{font-family: 'Noto Medium'; font-size: 18px; color: #333333;} .bus-inner li .bus-content{display: table-cell; vertical-align: top; width: calc(100% - 220px); padding: 0 30px; border-left: 1px solid #e8e9ee;} .bus-inner li .bus-content::after{content:""; display: table; clear: both;} .bus-inner li .bus-box{min-width: 25%; width: auto; float: left; margin: 5px 0; padding-right: 10px;} .bus-inner li .bus-box::after{content:""; display: table; clear: both;} .bus-inner li .bus-box span{border-radius: 50px; width: 70px; text-align: center; font-size: 18px; color: white; font-family: 'Roboto'; font-weight: 400; display: inline-block; line-height: 30px;} .bus-inner li.bus_1 .bus-box span{background: url(../../images/sub/bus_back_1.png) no-repeat center center;} .bus-inner li.bus_2 .bus-box span{background: url(../../images/sub/bus_back_2.png) no-repeat center center;} .bus-inner li.bus_3 .bus-box span{background: url(../../images/sub/bus_back_3.png) no-repeat center center;} .bus-inner li.bus_4 .bus-box span{background: url(../../images/sub/bus_back_4.png) no-repeat center center;} .bus-inner li.bus_5 .bus-box span{background: url(../../images/sub/bus_back_5.png) no-repeat center center;} .bus-inner li .bus-box p{display: inline-block; color: #222222; margin-left: 5px; line-height: 30px;} @media all and (max-width: 1400px) { /* .bus-inner li .bus-box p{display: block; margin-left: 0; margin-top: 5px; line-height: 1.3;} */ .bus-inner li .bus-box {float: none; display: inline-block; white-space: nowrap;} } @media all and (max-width: 1023px) { .bus-inner li {display: block; padding: 0;} .bus-inner li .bus-logo {display: block; width: 100%; padding: 15px 10px;} .bus-inner li .bus-content {display: block; padding: 20px 0px; margin: 0 30px; border-top: 1px solid #E8E9EE; border-left: 0; width: calc(100% - 60px); } .bus-inner li .bus-box {min-width: 49%;} } @media all and (max-width: 768px) { } /* 메디컬캠퍼스 */ .medical-bus-box > ul > li::after{content:""; display: table; clear: both;} .medical-bus-box > ul > li p{float: left;} .medical-bus-box > ul > li .medical-bus{float: left; margin-left: 10px;} .medical-bus-box > ul > li .medical-bus span{background: url(../../images/sub/bus_back_1.png) no-repeat center center; border-radius: 50px; width: 50px; text-align: center; font-size: 16px; color: white; font-family: 'Roboto'; font-weight: 400; display: inline-block; line-height: 20px;} @media all and (max-width: 768px) { .medical-bus-box > ul > li p{float: none;} .medical-bus-box > ul > li .medical-bus{float: none;} } /* 대학/대학원 버튼 */ .contact-box .sub-btn-group.custom-btn {overflow: hidden;} .contact-box .sub-btn-group.custom-btn .link-btn2{display: inline-block; max-width: 32%; margin-right: 0; width: 100%;} .contact-box .sub-btn-group.custom-btn .link-btn2:first-child {margin-left: 0;} .contact-box .sub-btn-group.custom-btn .link-btn2 span{padding: 7px 40px 7px 15px; font-size: 15px;} @media all and (max-width: 1300px){ .contact-box .sub-btn-group.custom-btn .link-btn2{display: inline-block; max-width: 49%; margin-right: 0; width: 100%;} } @media all and (max-width: 768px){ .contact-box .sub-btn-group.custom-btn .link-btn2{display: inline-block; max-width: 100%; margin-right: 0; width: 100%; margin-bottom: 5px;} } /* 연구윤리 */ .research-inner::after{content:""; display: table; clear: both;} .research-inner > div{float: left;} .research-inner .research-box{width: calc(20% - 60px); border-radius: 5px; box-shadow: 1.5px 1.5px 4px rgba(0,0,0,0.2); background-color: #f6f6f6;} .research-box .research-header{text-align: center; border-radius: 5px;} .research-box .research-header h1{font-size: 18px; color: white; font-family: 'Roboto', 'Noto Regular'; font-weight: 400; padding: 7px 0;} .research-box .research-content{height: 90px; width: 100%; display: table;} .research-box .research-content .research-textbox{display: table-cell; vertical-align: middle; text-align: center; width: 100%; padding: 10px 0;} .research-textbox h1{font-family: 'Noto Regular'; font-size: 20px; color: #333333; margin-bottom: 5px;} .research-textbox p{font-size: 16px; color: #333333; line-height: 20px;} .research-box.non-textbox{height: 140px; position: relative; box-shadow: none; background-color: transparent;} .research-box.non-textbox .research-header{position: absolute; top: 50%; margin-top: -25px; width: 100%;} .research-box .research_1{background: url(../../images/sub/research_1.png) no-repeat top center;} .research-box .research_2{background: url(../../images/sub/research_2.png) no-repeat top center;} .research-box .research_3{background: url(../../images/sub/research_3.png) no-repeat top center;} .research-box .research_4{background: url(../../images/sub/research_4.png) no-repeat top center;} .research-box .research_5{background: url(../../images/sub/research_5.png) no-repeat top center;} .research-inner .research-arrow{width: 27px; margin: 0 24px; margin-top: 54px;} .group-info.report-box ul::after{content:""; display: table; clear: both;} .group-info.report-box li{float: left; margin-right: 30px;} .group-info.report-box li:last-child{margin-right: 0;} .group-info.report-box li::after{content:""; display: table; clear: both;} .group-info.report-box li .group-logo{width: 20px; float: left;} .group-info.report-box li p{line-height: 20px; font-size: 17px; color: #222222; float: left; margin-left: 10px;} @media all and (max-width: 1250px) { .research-box .research-content{} .research-box.non-textbox{} .research-inner .research-arrow{} } @media all and (max-width: 1023px) { .research-inner .research-box{width: calc(20% - 28px);} .research-inner .research-arrow{width: 15px; margin: 0 10px; margin-top: 54px;} .research-textbox h1{font-size: 18px;} .research-textbox p{font-size: 16px;} } @media all and (max-width: 768px) { .research-inner > div{float: none;} .research-inner .research-box{width: 100%;} .research-box .research-header{background-size: cover;} .research-box .research-content{height: auto; padding: 20px 0; display: block;} .research-box .research-content .research-textbox{display: block; padding: 0;} .research-inner .research-arrow{margin: 10px auto; transform: rotate(90deg);} .research-box.non-textbox{height: auto;} .research-box.non-textbox .research-header{position: static; margin-top: 0;} .group-info.report-box li{float: none; margin-bottom: 10px;} .group-info.report-box li:last-child{margin-bottom: 0;} } /* 등록 */ .cradle-inner{background: url(../../images/sub/repeat_bg.png); padding: 10px;} .cradle-box{background-color: white; padding: 15px 40px;} .cradle-box::after{content:""; display: table; clear: both;} .cradle-box .cradle-image{float: left; margin-top: 4.5px;} .cradle-box .cradle-image::after{content:""; display: table; clear: both;} .cradle-image .cradle-logo{width: 34px; float: left;} .cradle-image p{font-family: 'Noto Regular'; font-size: 18px; line-height: 36px; margin-left: 35px; float: left; color: #2e3a84;} .cradle-box .cradle-selectbox{float: right;} .cradle-selectbox select{border: 1px solid #c3c3c3; height: auto; font-family: 'Noto Light'; font-size: 14px; color: #c3c3c3; padding: 6.5px 108px 6.5px 15px; background: url(../../images/sub/select_arrow.png) no-repeat right 10% center; appearance: none; -webkit-appearance: none; -moz-appearance: none;} select::-ms-expand{display: none;} .cradle-faq-inner{position: relative; border:1px solid #e8e9ee; padding: 30px 50px; overflow: hidden; background: #f5f5f5;} .cradle-faq-inner::before{content:""; display: block; position: absolute; width: 75px; height: 75px; border: 1px solid #23499e; top: 0; left: 0; border-right: 0; border-bottom: 0;} .cradle-faq-inner::after{content:""; display: block; position: absolute; width: 75px; height: 75px; border: 1px solid #00baee; right: 0; bottom: 0; border-left: 0; border-top: 0;} .cradle-faq-box::after{content:""; display: table; clear: both;} .cradle-faq-logo{float: left; width: 105px;} .cradle-faq-textbox{float: right; width: calc(100% - 105px); padding-left: 30px; border-left: 1px solid #e8e9ee;} .cradle-faq-textbox h1{font-size: 20px; font-family: 'Noto Medium'; color: #1b1b1b;} .cradle-faq-textbox .con-list1 ul {overflow: hidden;} .cradle-faq-textbox .con-list1 ul li {float: left; width: 50%;} .absence-inner::after{content:""; display: table; clear: both;} .absence-inner > div{float: left; position: relative;} .absence-inner .absence-box{border-radius: 5px; box-shadow: 1.5px 1.5px 4px rgba(0,0,0,0.2); background-color: #f6f6f6; width: calc(20% - 60px);} .absence-box .absence-header{text-align: center; border-radius: 5px;} .absence-box .absence-header h1{font-size: 18px; color: white; font-family: 'Roboto'; font-weight: 400; padding: 7px 0;} .absence-box .absence-content{ width: 100%; display: table; min-height: 90px;} .absence-box .absence-content p{display: table-cell; vertical-align: middle; text-align: center; width: 100%; font-family: "Noto Regular"; padding: 0 10px;} .absence-box .absence_1{background: url(../../images/sub/research_1.png) no-repeat top center;} .absence-box .absence_2{background: url(../../images/sub/research_2.png) no-repeat top center;} .absence-box .absence_3{background: url(../../images/sub/research_3.png) no-repeat top center;} .absence-box .absence_4{background: url(../../images/sub/research_4.png) no-repeat top center;} .absence-box .absence_5{background: url(../../images/sub/research_5.png) no-repeat top center;} .absence-box .bold-text{font-family: 'Noto Medium';} .absence-inner .absence-arrow{text-align: center; height: 131px; width: 27px; margin: 0 24px;} .absence-inner .absence-arrow img {margin-top: 50px;} .enclosure_before::after{content:""; display: block; position: absolute; bottom: -22px; right: 12%; width: 1px; height: 22px; background-color: #23499e;} .enclosure_center::before{content:"1일 경과 후"; text-align: center; font-size: 16px;; color: #23499e; font-family: 'Noto Medium'; position: absolute; width: 456%; bottom: -53px; display: block; left: -167%;} .enclosure_center::after{content:""; display: block; position: absolute; bottom: -22px; right: -176%; width: 456%; height: 1px; background-color: #23499e;} .enclusure_before_2::after{content:""; display: block; position: absolute; bottom: -22px; right: 12%; width: 1px; height: 22px; background-color: #23499e;} .enclusure_center_2::before{content:"신청마감 후 일괄 승인문자"; text-align: center; font-size: 16px;; color: #23499e; font-family: 'Noto Medium'; position: absolute; width: 452%; bottom: -80px; display: block; left: -181%;} .enclusure_center_2::after{content:""; display: block; position: absolute; bottom: -22px; right: -176%; width: 452%; height: 1px; background-color: #23499e;} .enclusure_after_2::after{content:""; display: block; position: absolute; bottom: -22px; left: 12%; width: 1px; height: 22px; background-color: #23499e;} .absence-box_5 .enclosure_center::after{width: 456%; right: -176%;} .absence-box_5 .enclosure_center::before{width: 456%; left: -176%;} .enclosure_after::after{content:""; display: block; position: absolute; bottom: -22px; left: 12%; width: 1px; height: 22px; background-color: #23499e;} .step-inner ul::after{content:""; display: table; clear: both;} .step-inner li{float: left; border-radius: 5px; background-color: #f6f6f6; box-shadow: 1.5px 1.5px 4px rgba(0,0,0,0.2); width: 16%; margin-right: calc(4%/5);} .step-inner li:last-child{margin-right: 0;} .step-inner li .step-header{border-radius: 5px;} .step-inner li .step-header h1{text-align: center; font-family: 'Roboto'; font-weight: 400; font-size: 18px; color: white; padding: 11.5px 0;} .step-inner li .step_1{background: url(../../images/sub/research_1.png) left center;} .step-inner li .step_2{background: url(../../images/sub/research_2.png);} .step-inner li .step_3{background: url(../../images/sub/research_3.png);} .step-inner li .step_4{background: url(../../images/sub/research_4.png);} .step-inner li .step_5{background: url(../../images/sub/research_5.png);} .step-inner li .step_6{background: url(../../images/sub/research_6.png);} .step-inner li .step-content{display: table; width: 100%; height: 140px;} .step-inner li .step-content p{display: table-cell; vertical-align: middle; text-align: center;} @media all and (max-width: 1250px) { /* .absence-inner .absence-box{width: 18%;} */ /* .absence-inner.absence-box_4 .absence-arrow{width: calc(28%/3);} */ /* .absence-inner.absence-box_5 .absence-arrow{width: 2.5%; padding: 67px 0;} */ .enclosure_center::after{width: 419%; right: -160%;} .enclosure_center::before{width: 419%; left: -160%;} .absence-inner .absence-arrow img {} .absence-box_5 .absence-arrow img{width: 15px; margin-top: 50px;} .absence-box_5 .enclosure_center::after, .enclusure_center_2::after{width: 427%; right: -163%; bottom: -22px;} .absence-box_5 .enclosure_center::before, .enclusure_center_2::before{width: 427%; left: -163%; font-size: 14px;} } @media all and (max-width: 1023px) { .cradle-box .cradle-image{margin-top: 0; float: none;} .cradle-image .cradle-logo{float: none;} .cradle-image p{float: none; margin-left: 0; line-height: 1.3; margin-top: 10px;} .cradle-box .cradle-selectbox{float: none; margin-top: 20px;} .absence-inner .absence-arrow{width: 15px; margin: 0 10px; margin-top: 54px;} .absence-inner .absence-arrow img{margin-top: 0;} .absence-inner .absence-box{width: calc(20% - 28px);} /* .absence-inner.absence-box_4 .absence-arrow{width: calc(24%/3);} .absence-inner.absence-box_5 .absence-arrow{width: calc(5%/4); padding: 80px 0;} */ .enclosure_center::after{width: 506%; right: -201%; bottom: 32px;} .enclosure_center::before{font-size: 14px; bottom: 7px; width: 419%; left: -150%;} .absence-inner.absence-box_5 .absence-arrow{padding: 65px 0; margin-top: -2px;} .absence-box_5 .absence-arrow img{width: 7px;} .absence-box_5 .enclosure_center::after, .enclusure_center_2::after{width: 488%; right: -190%; bottom: -24px;} .absence-box_5 .enclosure_center::before, .enclusure_center_2::before{width: 464%; left: -182%; font-size: 14px; bottom: -50px;} .enclusure_center_2::before{bottom: -80px; font-size: 12px;} .step-inner ul {margin: 0 -0.5%; } .step-inner li {width: 49%; margin: 0 0.5%; margin-bottom: 10px;} } @media all and (max-width: 768px) { .cradle-faq-inner {padding: 20px 15px;} .cradle-faq-logo{float: none; width: 59px; margin: 0 auto;} .cradle-faq-textbox{float: none; width: 100%; padding-left: 0; border-left: 0; margin-top: 20px; padding-top: 20px; border-top: 1px solid #e8e9ee;} .cradle-faq-textbox .con-list1 ul li {float: none; width: 100%;} .absence-inner > div{float: none;} .absence-inner .absence-box{width: 100% !important;} .absence-box .absence-header{background-size: cover;} .absence-box .absence-content{height: auto; padding: 20px 0;} .absence-inner .absence-arrow{margin: 0 auto !important; width: 100% !important; padding: 10px 0 !important; height: auto;} .absence-inner .absence-arrow img{transform: rotate(90deg); } .enclosure_after::after{display: none;} .enclosure_before::after{display: none;} .enclusure_before_2::after{display: none;} .enclusure_after_2::after{display: none;} .absence-box_5 .absence-arrow img{width: 15px;} .enclosure_center::after, .enclusure_center_2::after{width: 1px !important; right: 32% !important; bottom: 0 !important; height: 100% !important;} .enclosure_center::before{bottom: 10px !important; text-align: right; padding-right: 5%; width: 100% !important; left: 0 !important;} .enclusure_center_2::before{bottom: 5px !important; text-align: right; padding-right: 5%; width: 111px !important; left: auto !important; right: 0;} } @media all and (max-width: 500px){ .step-inner ul {margin: 0;} .step-inner li {float: none; width: 100%; margin: 0; margin-bottom: 10px;} } .wrap-contents .con-table tbody td .con-list1 {margin-left: 0;} .wrap-contents .con-table tbody td .con-list1 ul li {padding-left: 0;} .wrap-contents .con-table tbody td .con-list1 ul li::before{background: white;} /* 고지서출력 */ .bill-inner .sub-link-info{font-family: 'Noto Regular';} .bill-inner .sub-link-btn{width: auto; display: block; float: right;} .bill-inner .sub-btn-group::after{content:""; display: table; clear: both;} .bill-inner .sub-btn-group .link-btn{float: left; margin-right: 10px; width: 160px; /* color: white; */} /* .bill-inner .sub-btn-group .link-btn span{background: url("../../images/common/more_arrow_2.png") no-repeat 90% center;} */ /* .bill-inner .sub-btn-group .link-btn::before{width: 140%;} */ .bill-inner .sub-btn-group .link-btn:last-child{margin-right: 0; margin-bottom: 0;} @media all and (max-width: 1023px) { .bill-inner .sub-link-btn{width: 100%; float: none;} } @media all and (max-width: 768px) { .bill-inner .sub-btn-group .link-btn{width: 32%; margin-right: 1%;} } @media all and (max-width: 500px){ .bill-inner .sub-btn-group .link-btn {float: none; width: 100%; margin-right: 0; margin-bottom: 10px;} } /* 증명서출력 */ .bill-proof-inner ul::after{content:""; display: table; clear: both;} .bill-proof-inner li{width: 50%; float: left;} .point-txt.point-txt2 a{color: #d63f11; position: relative;} .point-txt.point-txt2 a::after{content:""; display: block; position: absolute; width: 100%; height: 2px; background-color: #d63f11; left: 0; bottom: -1px;} @media all and (max-width: 768px) { .bill-proof-inner li{float: none; width: 100%;} } /* 가천인권센터 */ .department-wrap{padding-top: 50px; border-top: 3px solid #18327c;} .department-wrap::after{content:""; display: table; clear: both;} .department-image{float: left; position: relative;} .department-image::after{content:""; display: block; position: absolute; bottom: -30px; right: -30px; width: 130px; height: 140px; background: url(../../images/sub/department-image-border.png) no-repeat top center; z-index: -1;} .department-content{float: right; width: calc(100% - 700px); position: relative;} .department-content h1{font-size: 30px; color: black; font-family: 'Noto Medium'; margin-bottom: 44px;} .department-content > p{font-size: 16px; color: #222222; line-height: 25px;} .department-info{margin-top: 37px; border-top: 1px solid black; border-bottom: 1px solid black;} .department-info li::after{content:""; display: table; clear: both;} .department-info li{padding: 21.5px 0; box-sizing: border-box; border-bottom: 1px solid #cbcbcb; padding-left: 20px;} .department-info li:last-child{border-bottom: 0;} .department-info li span{float: left; padding-left:30px; color: black; font-size: 18px;} .department-info li:nth-child(1) span{background: url(../../images/sub/department-location.png) no-repeat left center;} .department-info li:nth-child(2) span{background: url(../../images/sub/department-call.png) no-repeat left center;} .department-info li p{float: left; margin-left: 30px; font-size: 18px; color: #222222;} .department-link{position: absolute; top: 0; right: 0; width: 55px; height: 55px; border: 1px solid #0058b9; display: block;} .department-link::before{content:""; display: block; position: absolute; width: 18px; height: 18px; background: url(../../images/sub/homepage-btn.png); top: 18.5px; left: 18.5px; z-index: 2} .department-link::after{content:""; display: block; width: 100%; height: 0; position: absolute; bottom: 0; transition: all .3s; background-color: #0058b9; z-index: 1;} .department-link:hover::before{background: url(../../images/sub/homepage-btn-on.png);} .department-link:hover::after{height: 100%;} @media all and (max-width: 1024px) { .department-image{width: 400px;} .department-content{width: calc(100% - 450px);} } @media all and (max-width: 768px) { .department-image{float: none; margin: 0 auto;} .department-content{width: 100%; float: none; margin-top: 50px;} .department-info li span{font-size: 16px;} .department-info li p{font-size: 16px;} } @media all and (max-width: 480px) { .department-image{width: calc(100% - 60px);} } /* 웹하드 */ .webhard-intro-inner::after{content:""; display: table; clear: both;} .webhard-intro-inner > div{width: 50%; float: left; height: 300px;} .webhard-image{background: url(../../images/sub/webhard_image.png) no-repeat left top;} .webhard-link{background: url(../../images/sub/webhard_background.png); display: table;} .webhard-link a{text-align: center; width: 100%; height: 100%; display: table-cell; vertical-align: middle; color: white;} .webhard-link h1{text-align: center;} .webhard-link h1 span{font-size: 30px; font-family: 'Roboto'; font-weight: 400; position: relative; padding: 5px 0;} .webhard-link h1 span::before{content:""; display: block; position: absolute; width: 100%; height: 1px; background-color: white; opacity: 0.5; left: 0; top: 0;} .webhard-link h1 span::after{content:""; display: block; position: absolute; width: 100%; height: 1px; background-color: white; opacity: 0.5; left: 0; bottom: 0;} .webhard-go{display: inline-block; margin-top: 25px;} .webhard-go::after{content:""; display: table; clear: both;} .webhard-go p{float: left; line-height: 75px;} .webhard-go .webhard-go-btn{float: left; width: 75px; height: 75px; border-radius: 50%; background-color: white; font-family: 'Roboto'; font-weight: 400; color: #0065b3; margin-left: 25px; line-height: 75px;} .webhard-link-box{margin-top: 50px;} .webhard-link-box ul::after{content:""; display: table; clear: both;} .webhard-link-box li{width: calc(94%/3); margin-right: 2%; float: left; border: 1px solid #e8e9ee; position: relative;} .webhard-link-box li:nth-child(1)::before{content:""; display: block; position: absolute; width: 50px; height: 50px; top: 35px; right: 50px; background: url(../../images/sub/webhard_logo_1.png);} .webhard-link-box li:nth-child(2)::before{content:""; display: block; position: absolute; width: 50px; height: 50px; top: 35px; right: 50px; background: url(../../images/sub/webhard_logo_2.png);} .webhard-link-box li:nth-child(3)::before{content:""; display: block; position: absolute; width: 50px; height: 50px; top: 35px; right: 50px; background: url(../../images/sub/webhard_logo_3.png);} .webhard-link-box li a{padding: 35px 50px 35px 35px; width: 100%; height: 100%; display: block;} .webhard-link-box li:last-child{margin-right: 0; margin-bottom: 0;} .webhard-link-box li .webhard-box h1{font-size: 22px; font-family: 'Noto Regular'; color: #333; padding-bottom: 20px; position: relative;} .webhard-link-box li .webhard-box h1::after{content:""; display: block; position: absolute; width: 20px; height: 1px; left: 0; bottom: 0; background-color: #cccccc;} .webhard-link-box li .webhard-box .text-color{color: #e77800;} .webhard-link-box li p{margin-top: 20px; color: #222222; font-size: 18px; line-height: 30px;} .webhard-link-box li .webhard-box-go{text-align: right;} .webhard-link-box li .webhard-box-go p{width: 75px; height: 75px; border-radius: 50%; background-color: #424d5f; font-family: 'Roboto'; font-weight: 400; line-height: 75px; font-size: 20px; text-align: center; color: white; display: inline-block;} @media all and (max-width: 1250px) { .webhard-link-box li a{padding-right: 20px;} .webhard-link-box li .webhard-box h1{font-size: 20px;} .webhard-link-box li p{font-size: 16px; line-height: 25px;} .webhard-link-box li:nth-child(1)::before, .webhard-link-box li:nth-child(2)::before, .webhard-link-box li:nth-child(3)::before{right: 20px;} } @media all and (max-width: 1055px) { .webhard-link-box li a{padding-left: 20px; min-height: 360px;} .webhard-link-box li .webhard-box h1{padding-top: 60px;} .webhard-link-box li:nth-child(1)::before, .webhard-link-box li:nth-child(2)::before, .webhard-link-box li:nth-child(3)::before{right: auto; left: 20px; top: 20px;} .webhard-link-box li .webhard-box-go{position: absolute; bottom: 30px; left: 30px;} } @media all and (max-width: 768px){ .webhard-intro-inner > div{width: 100%; float: none;} .webhard-link-box li{width: 100%; margin-right: 0; float: none; margin-bottom: 20px;} } @media all and (max-width: 420px) { .webhard-intro-inner > div{height: 240px;} .webhard-link h1 span{font-size: 22px;} .webhard-go p{line-height: 50px;} .webhard-go .webhard-go-btn{width: 50px; height: 50px; line-height: 50px;} } /* 졸업 */ .padding-area{padding: 40px;} .wrap-contents.padding-area .objHeading_h2{margin-top: 0;} .table-credit table td{cursor: pointer;} .table-credit table span{display: none;} @media all and (max-width: 1023px) { .padding-area{padding: 20px 0px;} } /* p학기제 */ .most-complete-inner{margin-top: 15px;} .most-complete-inner > ul > li{position: relative; padding: 0px 40px; margin-bottom: 10px; cursor: pointer; } .most-complete-inner > ul > li::after {content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; border: 1px solid #d2d3d5; z-index: -1;} .most-complete-inner > ul > li:last-child{margin-bottom: 0;} .most-complete-inner > ul > li.on::after{border: 3px solid #6a6a6a;} .complete-title{font-size: 20px; font-family: 'Noto Medium'; cursor: pointer; position: relative; padding: 19px 0;} .complete-title::after{content:""; display: block; position: absolute; width: 16px; height: 16px; background: url(../../images/sub/complete_more.png); right: 0px; top: 50%; margin-top: -8px;} .most-complete-inner > ul > li.on .complete-title::after{background: url(../../images/sub/complete_min.png);} .complate-table{max-height: 0; overflow: hidden; transition: all .3s;} .complate-table .complate-table-inner {overflow: hidden; overflow-y: auto; max-height: 900px; padding-bottom: 1px; margin-bottom: 30px; } .most-complete-inner > ul > li.on .complate-table{max-height: 1000px; border-top: 1px solid #6a6a6a;} @media all and (max-width: 1023px) { .most-complete-inner li{padding: 0px 30px;} .most-complete-inner > ul > li {padding: 0 30px;} } @media all and (max-width: 768px) { .most-complete-inner li{padding: 0px 15px;} .most-complete-inner > ul > li {padding: 0 15px;} .complete-title {font-size: 16px;} } /* 입학안내 */ .college-admission-box ul::after{content:""; display: table; clear: both;} .college-admission-box > ul > li{float: left; width: 49%; max-width: 685px; padding: 35px 40px 40px 40px; border: 1px solid #e2e2e2; /* background: url(../../images/sub/admission_background.png) no-repeat right bottom; */ margin-bottom: 30px;} .college-admission-box > ul > li:nth-child(2n){float: right} .college-admission-box > ul > li h1{font-family: 'Noto Medium'; font-size: 20px; color: #151515;} .admission-list{margin-top: 15px; padding-bottom: 20px; border-bottom: 1px solid #e2e2e2;} .admission-list ul::after{content:""; display: table; clear: both;} .admission-list li::after{content:""; display: table; clear: both;} .admission-list li{float: left; margin-right: 30px;} .admission-list li:last-child{margin-right: 0;} .admission-list li .admission-logo{width: 20px; float: left; margin-right: 10px;} .admission-list li p{float: left; line-height: 20px; font-size: 17px; color: #666666;} .admission-link{margin-top: 20px;} .admission-link .sub-btn-group::after{content:""; display: table; clear: both;} .admission-link .sub-btn-group .link-btn2{display: inline-block; float: left; border: 1px solid #525252; margin-right: 10px; width: 150px;} .admission-link .sub-btn-group .link-btn2:last-child{margin-right: 0; margin-bottom: 0;} .admission-link .sub-btn-group .link-btn2.white{background-color: #425769;color: white; border: 0;} .admission-link .sub-btn-group .link-btn2.white span{background: url(../../images/common/btn_icon1.png) no-repeat 90% center;} @media all and (max-width: 1200px) { .admission-link .sub-btn-group .link-btn2{width: 130px;} } @media all and (max-width: 1023px) { .admission-list li{float: none; margin-bottom: 10px; margin-right: 0;} .admission-list li:last-child{margin-bottom: 0;} .admission-link .sub-btn-group .link-btn2{width: 100%; margin-bottom: 10px;} .admission-link .sub-btn-group .link-btn2:last-child{margin-bottom: 0;} } @media all and (max-width: 768px) { .college-admission-box > ul > li{width: 100%; float: none;} .college-admission-box > ul > li:nth-child(2n){float: none;} } /* (구)가천의과대학/길대학 관련업무 */ .campus-work-box.ebook-list {margin: 0;} .campus-work-box .ebook-title p{padding-right: 20px;} .campus-work-box .ebook-list-inner {width: 100%; margin: 10px 0;} @media all and (max-width: 768px) { .campus-work-box .ebook-title{display: block;} .campus-work-box .ebook-btn{display: block; width: 100%; margin-top: 20px;} } /* 원격교육지원센터 */ .object-wrap li::after{content:"";display: table;clear: both;} .object-wrap li{margin-bottom: 25px;} .object-wrap li:last-child{margin-bottom: 0;} .object-title{float: left; overflow:hidden;} .object-title::after{content:"";display:block; width: 76px; height: 20px; float: left; margin-left: 40px; margin-top: 45px;} .object-title p{width: 110px;height: 110px; display: table; float: left; color: white; font-family: 'Noto Medium'; font-size: 18px; line-height: 20px;} .object-wrap li:nth-child(1) .object-title p{background: url(../../images/sub/03_65.png) no-repeat top center;} .object-wrap li:nth-child(1) .object-title::after{background: url(../../images/sub/03_70.png);} .object-wrap li:nth-child(2) .object-title p{background: url(../../images/sub/03_75.png) no-repeat top center;} .object-wrap li:nth-child(2) .object-title::after{background: url(../../images/sub/03_78.png);} .object-title p span{display: table-cell; vertical-align: middle;width: 100%; text-align: center;} .object-content{float: right; width: calc(100% - 260px); height: 110px; border-radius: 6px; display: table;} .object-wrap li:nth-child(1) .object-content{border: 2px solid #0178dd; background: url(../../images/sub/03_68.png) no-repeat top center;} .object-wrap li:nth-child(1) .object-content span{color: #0178dd;} .object-wrap li:nth-child(2) .object-content{border: 2px solid #446db1; background: url(../../images/sub/03_76.png) no-repeat top center;} .object-wrap li:nth-child(2) .object-content span{color: #446db1;} .object-content p{display: table-cell; vertical-align: middle; text-align: center; width: 100%; font-family: 'Noto Light'; font-size: 22px; color:#222222;} .direction-box::after{content:"";display: table;clear: both;} .obj-title{float: left; position: relative; margin-top: 5px;} .obj-title-box{margin-bottom: 70px;} .obj-title-box:last-child{margin-bottom: 0;} .obj-title p{font-size: 19px; color: black; font-family: 'Noto Bold'; position: relative; display: inline-block;} .obj-title P::after{content:""; position: absolute; width: 100%; height: 1px; background-color: black; bottom: -7px; left: 0;} .direction-content{float: right; width: calc(100% - 260px); position: relative;} .direction-content ul::after{content:""; display: table; clear: both;} .direction-content li{float: left; width: 24.6%; background-color: #efefef; border-radius: 5px; margin-right: calc(1.6%/3);} .direction-content li:last-child{margin-right: 0;} .dlc-header{background: url(../../images/sub/dlc_header.png) no-repeat top center; border-radius: 5px; padding: 9px 0;} .dlc-header p{text-align: center; font-size: 18px; font-family: 'Noto Medium'; color: white;} .dlc-content{min-height: 145px; padding: 20px;} .dlc-content p{font-size: 16px; color: #333333; margin-bottom: 7px; padding-left: 17px; position: relative;} .dlc-content p::after{content:""; display: block; position: absolute; width: 7px; height: 7px; border-radius: 50%; background-color: #1853b6; top: 10px; left: 0;} .dlc-content p:last-child{margin-bottom: 0;} @media all and (max-width: 1023px) { .direction-content li{width: 48%; margin-right: 4%; margin-bottom: 20px;} .direction-content li:nth-child(even){margin-right: 0;} .dlc-content{min-height: 190px;} } @media all and (max-width: 768px) { .object-title{float: none;} .object-content{float: none; width: 100%;} .object-title p{float: none; margin: 0 auto;} .object-title::after{float: none; transform: rotate(90deg); margin: 50px auto;} .object-content p{font-size: 18px;} .obj-title{display: none;} .direction-content{width: 100%; float: none;} .dlc-content{min-height: 210px;} } @media all and (max-width: 420px) { .dlc-content{min-height: auto;} .direction-content li{width: 100%; margin-right: 0; float: none;} } /* 청탁금지법 */ .anti-graft-image{position: relative;} /* 교수학습지원 */ .center-root-inner{max-width: 984px; margin: 40px auto;} .center-root-header{position: relative; text-align: center; padding-bottom: 45px;} .center-root-header::after{content:""; display: block; position: absolute; bottom: 0; left: 50%; margin-left: -1px; width: 2px; height: 100%; background-color: #bbbbbb; z-index: -1;} .center-root-header-box{display: inline-block; background: url(../../images/sub/center_root_1.png); padding: 16.5px 62px;} .center-root-header-box p{font-size: 18px; color: white; font-family: 'Noto DemiLight';} .center-root-content{position: relative;} .center-root-content::before{content:""; display: block; position: absolute; top: 0; width: 72%; height: 2px; background-color: #bbbbbb; left: 14%;} .center-root-content > ul::after{content:""; display: table; clear: both;} .center-root-content > ul > li{float: left; width: 28.5%; margin-right: 7.25%; border-radius: 5px; padding-top: 45px; position: relative;} .center-root-content > ul > li::before{content:""; display: block; position: absolute; width: 2px; height: 100%; background-color: #bbbbbb; left: 50%; margin-left: -1px; top: 0; z-index: -1;} .center-root-content > ul > li:last-child{margin-right: 0; margin-bottom: 0;} .center-root-box-title{border-radius: 5px; padding: 8px 0;} .center-root-content > ul > li:nth-child(1) .center-root-box-title{background: url(../../images/sub/center_root_2.png)} .center-root-content > ul > li:nth-child(2) .center-root-box-title{background: url(../../images/sub/center_root_3.png)} .center-root-content > ul > li:nth-child(3) > ul > li:nth-child(1) .center-root-box-title{background: url(../../images/sub/center_root_4.png)} .center-root-content > ul > li:nth-child(3) > ul > li:nth-child(2) .center-root-box-title{background: url(../../images/sub/center_root_5.png)} .center-root-content > ul > li:nth-child(3) > ul > li:nth-child(3) .center-root-box-title{background: url(../../images/sub/center_root_6.png)} .center-root-box-title p{color: white; font-family: 'Noto Medium'; text-align: center;} .center-root-box-content{padding: 15px 20px; min-height: 245px; background-color: #efefef;} .center-root-content > ul > li:nth-child(3) > ul > li:nth-child(1) .center-root-box-content{min-height: 70px;} .center-root-content > ul > li:nth-child(3) > ul > li:nth-child(2) .center-root-box-content{min-height: 70px;} .center-root-content > ul > li:nth-child(3) > ul > li:nth-child(3) .center-root-box-content{min-height: 70px;} .center-root-box-content li{position: relative; padding-left: 15px; color: #333333; margin-bottom: 7px; } .center-root-box-content li:last-child{margin-bottom: 0;} .center-root-box-content li::before{content:""; display: block; position: absolute; width: 7px; height: 7px; border-radius: 50%; left: 0; top: 9px;} .center-root-content > ul > li:nth-child(1) .center-root-box-content li::before{background-color: #ff9000} .center-root-content > ul > li:nth-child(2) .center-root-box-content li::before{background-color: #00a4d5} .center-root-content > ul > li:nth-child(3) > ul > li:nth-child(1) .center-root-box-content li::before{background-color: #66a32e;} .center-root-content > ul > li:nth-child(3) > ul > li:nth-child(2) .center-root-box-content li::before{background-color: #767171;} .center-root-content > ul > li:nth-child(3) > ul > li:nth-child(3) .center-root-box-content li::before{background-color: #7030a0;} @media all and (max-width: 768px) { .center-root-header{padding-bottom: 20px;} .center-root-content > ul > li{width: 100%; float: none; margin-right: 0; margin-bottom: 0; padding-top: 20px;} .center-root-content > ul > li:nth-child(1) .center-root-box-title{background-size: cover;} .center-root-content > ul > li:nth-child(2) .center-root-box-title{background-size: cover;} .center-root-content > ul > li:nth-child(3) .center-root-box-title{background-size: cover;} .center-root-content::before{display: none;} .center-root-box-content{min-height: auto;} } /* 대학,대학원 소개 */ .college-info-inner{position: relative; border: 1px solid #e8e9ee;} .college-info-inner::before{content:""; display: block; position: absolute; width: 75px; height: 75px; border-top: 1px solid #23499e; border-left: 1px solid #23499e; left: 0; top: 0;} .college-info-inner::after{content:""; display: block; position: absolute; width: 75px; height: 75px; border-bottom: 1px solid #00baee; border-right: 1px solid #00baee; right: 0; bottom: 0;} .college-info-inner .con-list1 {margin-left: 0;} .college-info-box{padding: 40px;} .college-info-box::after{content:""; display: table; clear: both;} .college-info-image{float: left; max-width: 610px; width: 47%; margin-right: 7%; position: relative;} .college-info-image::after{content:""; display: block; position: absolute; width: 130px; height: 140px; background: url(../../images/sub/college_image_deco.png); right: -30px; bottom: -30px; z-index: -1;} .college-info-textbox{float: right; width: 46%;} .college-info-textbox h2{font-family: 'Noto Medium'; color: #151515; font-size: 26px; line-height: 1; margin-bottom: 20px;} .college-info-textbox p{font-size: 17px; line-height: 30px; margin-top: 0px;} .college-info-sub{margin-top: 15px;} .college-info-sub ul::after{content:""; display: table; clear: both;} .college-info-sub li{float: left; width: 50%; margin-right: 0px; margin-bottom: 20px;} .college-info-sub li::after{content:""; display: table; clear: both;} .college-info-logo{width: 20px; float: left; margin-top: 3px;} .college-info-sub li p{float: left; width: calc(100% - 30px); margin-top: 0; line-height: 26px; font-size: 15px; margin-left: 10px;} @media all and (max-width: 1023px) { .college-info-sub li{float: none; width: 100%; margin-bottom: 20px;} .college-info-textbox h2{font-size: 22px;} .college-info-textbox p{font-size: 16px; line-height: 25px;} } @media all and (max-width: 768px) { .college-info-box{padding: 30px;} .college-info-image{width: 100%; float: none; max-width: 100%; margin-right: 0; margin-bottom: 50px; padding-right: 30px;} .college-info-image::after {right: 0;} .college-info-textbox{width: 100%; float: none;} } /* 준비중 */ .ready-inner{background: url(../../images/sub/repeat_bg.png); padding: 10px;} .ready-box{background: url(../../images/sub/ready_background.png) no-repeat top center; padding: 70px 0 60px 0;} .ready-logo{width: 220px; margin: 0 auto;} .ready-textbox{text-align: center; margin-top: 35px;} .ready-textbox h1{display: inline-block; position: relative; padding: 0 35px; font-family: 'Noto Regular'; font-size: 35px; color: #222222;} .ready-textbox h1::before{content:""; display: block; position: absolute; top: 0; left: 0; width: 26px; height: 22px; background: url(../../images/sub/dot_left.png);} .ready-textbox h1::after{content:""; display: block; position: absolute; top: 0; right: 0; width: 26px; height: 22px; background: url(../../images/sub/dot_right.png);} .ready-textbox h1 span{font-family: 'Noto Bold'; color: #23499e;} .ready-textbox p{margin-top: 10px; font-size : 18px; color: #555555; font-family: 'Noto Regular';} @media all and (max-width: 768px) { .ready-box{padding: 50px 0 40px 0;} .ready-textbox h1{font-size: 25px;} .ready-textbox p{font-size: 16px;} } @media all and (max-width: 420px) { .ready-logo{width: 150px;} .ready-box{padding: 50px 20px 40px 20px;} .ready-textbox h1{font-size: 20px;} } /* 취업 */ .employment-inner ul::after{content:""; display: table; clear: both;} .employment-inner li{float: left; width: 32%; max-width: 400px; position: relative; margin-top: 40px; margin-right: 3%;} .employment-inner li:nth-child(3n){margin-right: 0;} .employment-inner li:nth-child(-n+3){margin-top: 0;} .employment-button-box{position: absolute; background-color: white; padding: 22px 0 18px; bottom: 0; left: 50%; margin-left: -135px; width: 270px; overflow: hidden; min-height: 120px;} .employment-button-box::before{content:""; display: block; position: absolute; width: 127px; height: 99px; right: -15px; bottom: -10px;} .employment-button-box h1{font-size: 20px; line-height: 26px; font-family: 'Noto Medium'; color: #222222; text-align: center;} .employment-button-box .sub-btn-group{margin-top: 10px;} @media all and (max-width: 1420px) { .employment-inner li{margin-right: 2%;} } @media all and (max-width: 1023px) { .employment-button-box{width: 200px; margin-left: -100px; padding: 15px 0;} } @media all and (max-width: 768px) { .employment-inner ul {margin: 0 -1%;} .employment-inner li{width: 48%; max-width: none; margin: 0 1%; margin-bottom: 10px;} .employment-inner li:nth-child(3n){margin-right: 1%;} .employment-inner li img{width: 100%;} .employment-button-box{width: 80%; margin-left: -40%; background-size: cover; min-height: auto;} .employment-button-box h1{font-size: 20px;} } @media all and (max-width: 500px){ .employment-inner ul {margin: 0;} .employment-inner li:nth-child(3n){margin-right: 0;} .employment-inner li{width: 100%; float: none; max-width: none; margin: 0; margin-bottom: 20px;} .employment-inner li:last-child{float: none; margin-bottom: 0;} } /* p-학기제 */ .p-image-bx {text-align: center;} .p-image-bx img {display: inline-block;} .p-caption {font-size: 16px; line-height: 25px; letter-spacing: -0.5px; color: #333333;} .p-caption strong {display: inline-block; font-family: "Noto Medium"; margin-right: 5px;} .p-bx-wrap {max-width: 1220px; margin: 0 auto; padding-top: 20px;} .p-bx-wrap .p-bx-inner {float: left; width: 18.2%; margin-left: 2%; text-align: center; background: #F5F5F5;} .p-bx-wrap .p-bx-inner:first-child {margin-left: 0;} .p-bx-wrap .p-bx-inner.p-bx-1 .p-bx-title {background: url("../../images/sub/p_title_bg1.png") no-repeat center;} .p-bx-wrap .p-bx-inner.p-bx-2 .p-bx-title {background: url("../../images/sub/p_title_bg2.png") no-repeat center;} .p-bx-wrap .p-bx-inner.p-bx-3 .p-bx-title {background: url("../../images/sub/p_title_bg3.png") no-repeat center;} .p-bx-wrap .p-bx-inner.p-bx-4 .p-bx-title {background: url("../../images/sub/p_title_bg4.png") no-repeat center;} .p-bx-wrap .p-bx-inner.p-bx-5 .p-bx-title {background: url("../../images/sub/p_title_bg1.png") no-repeat center;} .p-bx-title {border-radius: 25px; overflow: hidden; padding: 10px 0; margin-top: -20px;} .p-bx-title p {font-size: 18px; line-height: 30px; letter-spacing: -0.5px; color: #fff; font-family: "Noto Medium";} .p-bx-table {display: table; width: 100%; height: 100%;} .p-bx-cell {display: table-cell; width: 100%; height: 180px; vertical-align: top; font-size: 16px; line-height: 25px;letter-spacing: -0.5px; color: #333333; font-family: "Noto Regular"; padding: 0 0 20px;} .p-bx-cell > p {margin: 5px 0;} .p-bx-cell strong {display: block; font-family: "Noto Medium"; margin: 17px; color: #e77800;} .p-bx-cell .m-blank {display: block;} @media all and (max-width: 1000px){ .p-bx-wrap {margin: 0 -1%;} .p-bx-wrap .p-bx-inner {width: 48%; min-height: 330px; margin: 0 1%; margin-top: 30px; } .p-bx-wrap .p-bx-inner:first-child {margin-left: 1%; margin-top: 0;} .p-bx-wrap .p-bx-inner:nth-child(2) {margin-top: 0;} } @media all and (max-width: 500px){ .p-bx-wrap {margin: 0;} .p-bx-wrap .p-bx-inner {width: 100%; margin: 0; margin-top: 30px;} .p-bx-wrap .p-bx-inner:first-child {margin-left: 0%; margin-top: 30px;} .p-bx-wrap .p-bx-inner:nth-child(2) {margin-top: 30px;} .p-bx-table {display: block;} .p-bx-cell {display: block; padding: 10px 0; height: auto;} } /*p학기 대표 운영성과 */ .p-bx-sub {max-width: 1220px; margin: 0 auto; padding-top: 20px;} .p-bx-sub .p-bx-inner {float: left; width: 32%; min-height: 230px; margin-left: 2%; margin-top: 2%; text-align: center; background: #F5F5F5;} .p-bx-sub .p-bx-inner:first-child {margin-left: 0;} .p-bx-sub .p-bx-inner:nth-child(4) {margin-left: 0;} .p-bx-sub .p-bx-title {border-radius: 25px; overflow: hidden; padding: 10px 0; margin-top: -20px; background: #23499e;} .p-bx-sub .p-bx-title p {font-size: 18px; line-height: 30px; letter-spacing: -0.5px; color: #fff; font-family: "Noto Medium";} .p-bx-sub .p-bx-table {display: table; width: 100%; height: 100%;} .p-bx-sub .p-bx-cell {display: table-cell; width: 100%; height: 180px; vertical-align: top; font-size: 15px; line-height: 25px;letter-spacing: -0.5px; color: #333333; font-family: "Noto Regular"; padding: 0px 0 20px;} .p-bx-sub .p-bx-cell > p {margin: 5px 0;} .p-bx-sub .p-bx-cell strong {display: block; font-family: "Noto Medium"; margin: 17px; color: #e77800;} .p-bx-sub .p-bx-cell .m-blank {display: block;} @media all and (max-width: 768px){ .p-bx-sub {margin: 0 -1%;} .p-bx-sub .p-bx-inner {width: 48%; margin: 0 1%; margin-top: 30px;} .p-bx-sub .p-bx-inner:first-child {margin-left: 1%; margin-top: 0;} .p-bx-sub .p-bx-inner:nth-child(2) {margin-top: 0;} } @media all and (max-width: 500px){ .p-bx-sub {margin: 0;} .p-bx-sub .p-bx-inner {width: 100%; margin: 0; margin-top: 30px;} .p-bx-sub .p-bx-inner:first-child {margin-left: 0%; margin-top: 30px;} .p-bx-sub .p-bx-inner:nth-child(2) {margin-top: 30px;} .p-bx-sub .p-bx-table {display: block;} .p-bx-sub .p-bx-cell {display: block; height: auto;} } /* gallery-img */ .gallery-m {display: none;} @media all and (max-width: 768px) { .gallery-m {display: block;} .gallery-pc {display: none;} } /* tab */ .profile-align {text-align: right;} .profile-tab {display: inline-block; text-align: left; max-width: 1210px; width: 100%;} .main-tab-list {margin-bottom: 50px;} .main-tab-list ul{height:51px; text-align:center; *zoom:1;} .main-tab-list ul:after{clear:both; content:""; display:block;} .main-tab-list ul li{float:left; position:relative; width:33.33%; position:relative; margin-left:-1px; border: 1px solid #dfdfdf;} .main-tab-list ul li:first-child{margin-left:0; } .main-tab-list ul li a{display:block; height:50px; line-height:50px; color:#626262; font-size:18px; letter-spacing:-0.5px; text-align:center; background-color:#fff;} .main-tab-list ul li a:hover{color:#fff; background: #23499E;} .main-tab-list ul li.selected{z-index:1;} .main-tab-list ul li.selected a{color:#fff; background: #23499E;} .main-tab-content-wrapper{border-top:0; } /* 총장프로필 */ .profile-tab .wrap-history {display: block; position: relative;} .profile-tab .wrap-history:after {content: ''; position: absolute; left: 7px; top: 20px; width: 1px; height: 100%; background: #003956;} .profile-tab .wrap-history .line {display: table; width: 100%; margin-bottom: 55px; padding-right: 35%;} .profile-tab .wrap-history .line:first-child .info {padding-top: 0;} .profile-tab .wrap-history .line:first-child .year {padding-top: 0;} .profile-tab .wrap-history .year {display: table-cell; vertical-align: top; width: 160px;} .profile-tab .wrap-history .year strong {position: relative; padding-left: 25px; font-family:'Montserrat'; font-size: 22px; color: #1b60c7; line-height: 30px; font-weight: 600;} .profile-tab .wrap-history .year strong:after {content: ''; position: absolute; left: 0; top: 7px; z-index: 1; width: 15px; height: 15px; border-radius: 100%; background: #fff; border: 3px solid #1b60c7;} .profile-tab .wrap-history .info {position: relative; display: table-cell; vertical-align: top; } .profile-tab .wrap-history .info:after {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: url('../images/dot-history.png');} .profile-tab .wrap-history .detail {display: table; width: 100%; table-layout: fixed; margin-bottom: 10px;} .profile-tab .wrap-history .detail:last-child .desc {padding-bottom: 0;} .profile-tab .wrap-history .month {display: table-cell; vertical-align: top; width: 75px;} .profile-tab .wrap-history .month strong {font-family:'Roboto'; font-size: 20px; color: #2a2a2a; letter-spacing: 0; line-height: 30px; font-weight: 400;} .profile-tab .wrap-history .desc {display: table-cell; vertical-align: top; padding-left: 16px; line-height: 30px;} .profile-tab .wrap-history .desc strong {position: relative; display: block; padding-bottom: 10px; font-family: 'Noto Light'; font-size: 18px; color: #333; letter-spacing: -0.5px;} .profile-tab .wrap-history .desc strong:after {content: ''; position: absolute; left: -15px; top: 11px; width: 7px; height: 7px; background: #417BDB; border-radius: 100%;} .profile-tab .wrap-history .desc .list li {position: relative; padding-left: 8px; font-family: 'Noto Light'; font-size: 16px; color: #666; line-height: 1.5;} .profile-tab .wrap-history .desc .list li:after {content: ''; position: absolute; left: 0; top: 12px; width: 5px; height: 1px; background: #666;} .profile-tab .wrap-history ._noData {position: relative; z-index: 100; background: #fff; border-top: 1px solid #000; border-bottom: 1px solid #000;} .main-tab-con {position: relative;} .pf-img-bx li {position: absolute; right: 0; top: 0; text-align: right; width: 31%;} .pf-img-bx ul li:nth-child(2) {top: 25%;} .pf-img-bx ul li:nth-child(3) {bottom: 30%; top: auto;} .pf-img-bx ul li:nth-child(4) {bottom: 0%; top: auto;} .profile-tab #tabContent02 .wrap-history .line {padding-right: 50%;} #tabContent02 .pf-img-bx ul li {width: 46%;} #tabContent02 .pf-img-bx ul li:first-child {text-align: left;} #tabContent02 .pf-img-bx ul li:nth-child(2) {top: auto; bottom: 0;} @media all and (max-width: 768px){ .profile-tab #tabContent02 .wrap-history .line {padding-right: 0;} #tabContent02 .pf-img-bx ul li {width: 50%;} .profile-tab .wrap-history .line {padding-right: 0;} .pf-img-bx {text-align: center; margin-top: 30px;} .pf-img-bx ul {display: table; } .pf-img-bx li {position: static; display: table-cell; width: 25%; vertical-align: bottom; padding: 0 10px; } } @media all and (max-width: 730px) { .profile-tab .wrap-history .line {margin-bottom: 40px;} .profile-tab .wrap-history .year, .profile-tab .wrap-history .info {display: block; width: 100%;} .profile-tab .wrap-history .year {margin-bottom: 25px; padding-top: 0;} .profile-tab .wrap-history .info {padding: 0; padding-left: 27px;} .profile-tab .wrap-history .info:after {display: none;} } @media all and (max-width: 470px) { .profile-tab .wrap-history .month, .profile-tab .wrap-history .desc {display: block; width: 100%;} .profile-tab .wrap-history .month {padding-bottom: 10px;} .profile-tab .wrap-history .desc {padding-bottom: 20px;} } /* 총장님 프로필 */ .profile-top {overflow: hidden; display: table; margin-bottom: 35px;} .profile-top .profile-top-img {display: table-cell; vertical-align: middle; width: 45%;} .profile-top .profile-top-img img {display: inline-block;} .profile-top .profile-top-info {display: table-cell; vertical-align: middle; padding-left: 3%; width: 53%;} .profile-top .profile-top-info .profile-top-title {font-size: 16px; line-height: 24px; letter-spacing: -0.5px; color: #111111; font-family: "Noto Regular"; margin-bottom: 35px;} .profile-top .profile-top-info .profile-top-title strong {display: block; font-size: 26px; color: #0065b3; font-family: "Noto Medium"; margin-top: 5px;} .profile-top .profile-top-info .profile-top-txt {font-size: 18px; line-height: 30px; letter-spacing: -0.5px; color: #333333; font-family: "Noto Regular";} @media all and (max-width: 768px){ .profile-top {display: block;} .profile-top .profile-top-img {display: block; width: 100%; margin-bottom: 20px; text-align: center;} .profile-top .profile-top-info {display: block; width: 100%; padding-left: 0;} .profile-top .profile-top-info .profile-top-title {text-align: center;} } /* 중앙동아리 */ .wrap-contents .con-table tbody td .club-sns li {padding-left: 0;} .club-sns {text-align: center;} .club-sns li {display: inline-block; margin: 0 2px;} .club-sns li::before {display: none;} .club-sns li a {display: block; text-indent: -99999px; width: 26px; height: 26px; } .club-sns li.youtube a {background: url("../../images/button/btn_youtube.png") no-repeat center;} .club-sns li.insta a {background: url("../../images/button/btn_insta.png") no-repeat center;} .club-sns li.facebook a {background: url("../../images/button/btn_facebook.png") no-repeat center;} .club-sns li.kakaoplus a {background: url("../../images/button/btn_channel.png") no-repeat center;} .club-sns li.homepage a {background: url("../../images/button/btn_home.png") no-repeat center;} .club-sns li.naver a {background: url("../../images/button/btn_cafe.png") no-repeat center;} /* 가천인권센터 */ .stcounsel-bx .con-list1 strong {display: inline-block;} .stcounsel-bx strong {display: block; font-family: "Noto Medium"; font-size: 18px; } /* 찾아오시는 길 */ .location-bx dl {display: table; width: 100%; border: 1px solid #E8E9EE; margin-top: 10px;} .location-bx dl dt {display: table-cell; vertical-align: middle; width: 220px; font-size: 18px; line-height: 30px; letter-spacing: -0.5px; color: #333333; font-family: "Noto Medium"; text-align: center; padding: 0 10px;} .location-bx dl dd {position: relative; display: table-cell; vertical-align: top; padding: 20px 30px; } .location-bx dl dd::before {content: ""; position: absolute; width: 1px; height: calc(100% - 40px); top: 20px; left: 0; background: #E8E9EE;} .location-bx dl dd .con-list1 {margin-left: 0;} @media all and (max-width: 768px){ .location-bx dl {display: block;} .location-bx dl dt {display: block; width: 100%; padding: 15px 10px;} .location-bx dl dd {display: block; width: 100%;} .location-bx dl dd::before {top: 0; left: 20px; height: 1px; width: calc(100% - 40px);} } /* 이달의 연구자상 */ .researcher-top {display: table; width: 100%; height: 100%; background: url("../../images/sub/researcher_bg.png") no-repeat center;} .researcher-top-inner {display: table-cell; width: 100%; height: 250px; vertical-align: middle; text-align: center; padding: 0 70px;} .researcher-top-inner p {font-size: 18px; line-height: 28px; letter-spacing: -0.5px; color: #fff; font-family: "Noto Regular"; word-break: keep-all;} @media all and (max-width: 768px){ .researcher-top-inner {padding: 0 20px;} } /* 학생이용시설 */ .unilife-bx {margin: 0 -1.5% 0 -1%;} .unilife-bx-inner {display: inline-block; vertical-align: top; width: 31%; margin: 0 1% 30px; border: 1px solid #E2E2E2;} .unilife-info-bx {padding: 20px 10% 30px; min-height: 190px;} .unilife-long .unilife-info-bx {min-height: 250px;} .unilife-info-bx .unilife-title {padding-bottom: 15px; border-bottom: 1px solid #E2E2E2; margin-bottom: 15px;} .unilife-info-bx .unilife-title p {font-size: 18px; line-height: 30px; letter-spacing: -0.5px; color: #151515; font-family: "Noto Medium";} .unilife-info dl {display: table; width: 100%; margin-top: 5px;} .unilife-info dl dt {display: table-cell; width: 70px; vertical-align: top; font-size: 16px; line-height: 26px; letter-spacing: -0.5px; color: #666666;} .unilife-info dl dd {display: table-cell; vertical-align: top; font-size: 15px; line-height: 26px; letter-spacing: -0.75px; color: #666666; font-family: "Noto Light";} .unilife-top-title h3 {float: left;} .unilife-top-title .sub-btn-group {float: right; margin-top: 34px;} .unilife-caf .unilife-title {position: relative; padding-right: 32px; } .unilife-caf .unilife-title .caf-icon {position: absolute; display: inline-block; width: 26px; height: 26px; background: url("../../images/button/btn_caf.png") no-repeat center; right: 0; top: 3px;} @media all and (max-width: 1023px){ .unilife-bx {margin: 0 -1.5% 0 -1%;} .unilife-bx-inner {width: 47.5%;} .unilife-img-inner img {width: 100%;} } @media all and (max-width: 768px){ .unilife-bx {margin: 0;} .unilife-bx-inner {float: none; width: 100%;} .unilife-info-bx {min-height: auto; padding: 20px 4% 30px;} .unilife-long .unilife-info-bx {min-height: auto;} .unilife-img-inner {position: relative; height: 200px; overflow: hidden;} .unilife-img-inner img {position: absolute; width: 100%; left: 0; bottom: 0;} .unilife-top-title h3 {float: none;} .unilife-top-title .sub-btn-group {float: none; margin-top: 10px; } } /* 정보공개안내 */ .information-bx {display: table; width: 100%; margin-bottom: 30px;} .information-bx > div {display: table-cell; vertical-align: top; padding: 30px 3%; width: 49%;} .information-bx > .information-blank {width: 2%;} .information-info {position: relative; border: 1px solid #E8E9EE;} .information-info::before {content: ""; position: absolute; top: 25px; right: 6%;} .information-info.info-icon1::before {width: 54px; height: 54px; background: url("../../images/sub/info_icon_1.png") no-repeat center;} .information-info.info-icon2::before {width: 63px; height: 54px; background: url("../../images/sub/info_icon_2.png") no-repeat center;} .information-info.info-icon3::before {width: 58px; height: 50px; background: url("../../images/sub/info_icon_3.png") no-repeat center;} .information-info.info-icon4::before {width: 53px; height: 46px; background: url("../../images/sub/info_icon_4.png") no-repeat center;} .information-info.info-icon5::before {width: 55px; height: 68px; background: url("../../images/sub/info_icon_5.png") no-repeat center;} .information-info.info-icon6::before {width: 63px; height: 59px; background: url("../../images/sub/info_icon_6.png") no-repeat center;} .information-info .info-title {font-size: 20px; line-height: 30px; letter-spacing: -0.5px; color: #151515; font-family: "Noto Medium"; } .information-info .info-title::after {content: ""; display: block; width: 20px; height: 1px; background: #333333; margin: 15px 0;} .information-info-bx .bx-inner {margin-top: 15px;} .information-info-bx .bx-inner:first-child {margin-top: 0;} .information-info-bx .bx-inner .title {font-size: 18px; line-height: 30px; letter-spacing: -0.5px; color: #333333; font-family: "Noto Medium"; margin-bottom: 5px;} .information-info-bx .bx-inner .info {font-size: 16px; line-height: 25px; letter-spacing: -0.5px; color: #666666;} @media all and (max-width: 768px){ .information-bx {display: block; margin-bottom: 0;} .information-bx > div {display: block; width: 100%; margin-bottom: 10px;} .information-bx > .information-blank {display: none;} } /* 고지서출력 */ .bill-bx-wrap {display: table; width: 100%;} .bill-bx-inner {display: table-cell; width: 31%; vertical-align: top; padding: 30px 3%; text-align: center;} .bill-bx-inner.bill-bx1 {background: url("../../images/sub/bill_img_1.png") no-repeat center; background-size: cover;} .bill-bx-inner.bill-bx2 {background: url("../../images/sub/bill_img_2.png") no-repeat center; background-size: cover;} .bill-bx-inner.bill-bx3 {background: url("../../images/sub/bill_img_3.png") no-repeat center; background-size: cover;} .bill-bx-inner .contact-box .sub-btn-group .link-btn2 {margin-right: 0; border-color: #fff; color: #fff; width: 100%; max-width: 205px;} .bill-bx-inner .sub-btn-group .link-btn2 span {background: url("../../images/common/btn_icon1.png") no-repeat 90% center;} .bill-bx-blank {display: table-cell; width: 2%;} .bill-title {font-size: 26px; line-height: 30px; letter-spacing: -0.5px; color: #fff; font-family: "Noto Medium"; height: 105px;} .bill-title span {font-size: 20px;} .bill-link-bx ul {margin-top: 75px; text-align: left;} .bill-link-bx ul li {position: relative; padding-left: 15px; font-size: 16px; line-height: 25px; letter-spacing: -0.5px; color: rgba(255, 255, 255, 0.7); font-family: "Noto Light";} .bill-link-bx ul li::before {content: ""; position: absolute; width: 6px; height: 6px; border-radius: 50%; left: 0; top: 9px; background: rgba(255, 255, 255, 0.3);} @media all and (max-width: 768px){ .bill-bx-wrap {display: block;} .bill-bx-inner {display: block; width: 100%; margin-bottom: 10px; padding: 30px 40px;} .bill-bx-blank {display: none;} .bill-bx-inner .contact-box .sub-btn-group .link-btn2 {margin: 0 auto; margin-top: 5px; max-width: 100%;} .bill-title {height: auto; margin-bottom: 20px;} .bill-link-bx ul {margin-top: 30px;} } /* 조직도 */ .org-top {position: relative; padding-bottom: 45px;} .org-top::before {content: ""; position: absolute; width: 2px; height: 100%; z-index: -1; background: #BBBBBB; left: 50%; margin-left: -1px; top: 0;} .org-top p {width: 200px; font-size: 20px; line-height: 55px; letter-spacing: -0.5px; color: #fff; font-family: "Noto Medium"; text-align: center; background: url("../../images/sub/org_bg_1.jpg") no-repeat center; margin: 0 auto;} .org-mid {position: relative; padding-bottom: 45px;} .org-mid::before {content: ""; position: absolute; width: 2px; height: 100%; z-index: -1; background: #BBBBBB; left: 50%; margin-left: -1px; top: 0;} .org-mid > div {position: relative; float: left; width: 50%;} .org-mid > div::before {content: ""; position: absolute; width: 50%; height: 2px; z-index: -1; background: #BBBBBB; top: 25px;} .org-mid > div.org-mid-left {right: 0;} .org-mid > div.org-mid-right {left: 0;} .org-mid > div ul {background: #fff;} .org-mid > div li {display: inline-block; vertical-align: top; text-align: center; width: 32%; background: #F5FAFB; border: 1px solid #1D3E8F; line-height: 21px; font-size: 16px; letter-spacing: -0.5px; color: #2d5a9e; font-family: "Noto Medium"; margin: 0 0.3% 5px; padding: 16px 0;} .org-mid-left {padding-right: 5%; text-align: right;} .org-mid-right {padding-left: 5%; text-align: left;} .org-bottom-inner {position: relative; padding-bottom: 24px;} .org-bottom-inner::before {content: ""; position: absolute; width: 2px; height: 100%; z-index: -1; background: #BBBBBB; left: 50%; margin-left: -1px; top: 0;} .org-bottom p {width: 200px; font-size: 20px; line-height: 55px; letter-spacing: -0.5px; color: #fff; font-family: "Noto Medium"; text-align: center; background: url("../../images/sub/org_bg_2.jpg") no-repeat center; margin: 0 auto;} .org-content {margin-top: -24px;} .org-content-inner {position: relative; padding-top: 48px;} .org-content-inner::before {content: ""; position: absolute; width: 2px; height: 100%; z-index: -1; background: #BBBBBB; left: 50%; margin-left: -1px; top: 0;} .org-title {position: relative; z-index: 3; width: 200px; font-size: 20px; line-height: 55px; letter-spacing: -0.5px; color: #fff; font-family: "Noto Medium"; text-align: center; background: url("../../images/sub/org_bg_3.jpg") no-repeat center; margin: 0 auto;} .org-title > a {display: block; font-size: 20px; line-height: 55px; letter-spacing: -0.5px; color: #fff; } .org-title > a p {position: relative; display: inline-block;} .org-title > a p::after {content: ""; position: absolute; width: 0; height: 2px; background: #fff; left: 0; bottom: 7px; transition: all 0.3s;} .org-title > a:hover p::after {width: 100%;} .org-title.bg4 {background: url("../../images/sub/org_bg_4.jpg") no-repeat center;} .org-title.bg5 {background: url("../../images/sub/org_bg_5.jpg") no-repeat center;} .org-title.bg6 {background: url("../../images/sub/org_bg_6.jpg") no-repeat center;} .org-content-list {position: relative; z-index: 2; padding: 26px 3% 25px; margin-top: -26px; border: 1px solid #E2E2E2; background: #fff;} .org-content-group > .title {margin-top: 20px; font-size: 18px;; line-height: 30px; letter-spacing: -0.5px; color: #151515; font-family: "Noto Medium";} .org-content-group ul {overflow: hidden;} .org-content-group .dep2 > li {display: inline-block; width: 20%; vertical-align: top; margin-top: 10px; } .org-content-group .dep2 > li > p, .org-content-group .dep2 > li > a {position: relative; display: inline-block; padding-left: 15px; font-size: 16px; line-height: 30px; letter-spacing: -0.75px; color: #333333; font-family: "Noto DemiLight"; transition: color 0.3s;} .org-content-group .dep2 > li > p::before, .org-content-group .dep2 > li > a::before {content: ""; position: absolute; width: 6px; height: 6px; background: #BAC4CD; border-radius: 50%; left: 0; top: 12px; transition: background 0.3s;} .org-content-group .dep2 > li > a:hover {color:: #004e96;} .org-content-group .dep2 > li > a:hover::before {background: #004E96;} .org-content-group .dep3 {padding-left: 17px;;} .org-content-group .dep3 > li > p, .org-content-group .dep3 > li > a {position: relative; display: inline-block; padding-left: 15px; font-size: 16px;; line-height: 30px;; letter-spacing: -0.5px; color: #666666; font-family: "Noto DemiLight"; transition: color 0.3s; top: } .org-content-group .dep3 > li > p::before, .org-content-group .dep3 > li > a::before {content: ""; position: absolute; width: 8px; height: 1px; background: #696969; left: 0; top: 16px; transition: background 0.3s;} .org-content-group .dep3 > li > a:hover {color: #004e96;} .org-content-group .dep3 > li > a:hover::before {background: #004E96;} .org-content-group .dep4 {padding-left: 17px;} .org-content-group .dep4 > li > p, .org-content-group .dep4 > li > a {position: relative; display: inline-block; padding-left: 10px; font-size: 14px; line-height: 24px; letter-spacing: -0.5px; color: #666666; font-family: "Noto DemiLight"; transition: color 0.3s;} .org-content-group .dep4 > li > p::before, .org-content-group .dep4 > li > a::before {content: ""; position: absolute; width: 3px; height: 3px;; background: #696969; border-radius: 50%; left: 0; top: 12px; transition: background 0.3s;} .org-content-group .dep4 > li > a:hover {color: #004e96;} .org-content-group .dep4 > li > a:hover::before {background: #004E96;} @media all and (max-width: 768px){ .org-mid > div {float: none;; width: 100%; text-align: center;} .org-mid > div li {display: block; width: 100%; max-width: 200px; margin: 0 auto;; margin-bottom: 10px;} .org-mid-left {padding-right: 0; text-align: right;} .org-mid-right {padding-left: 0; text-align: left;} .org-mid > div ul {background: transparent;} .org-mid > div::before {display: none;;} .org-content-group .dep2 > li {width: 32%;} } @media all and (max-width: 500px){ .org-content-group .dep2 > li {width: 49%;} } @media all and (max-width: 350px){ .org-content-group .dep2 > li {width: 100%;} } /* agency-master */ .dean-intro .agency-introduce{display: table; margin-top: 10px; border: 10px solid #e8e9ee; padding: 20px 20px 30px;} .dean-intro .agency-introduce-image{display: table-cell; width: 120px; vertical-align: top;} .dean-intro .agency-introduce-image .img-inner-bx {position: relative;} .dean-intro .agency-introduce-image img {width: 120px;} .dean-intro .agency-introduce-image .img-inner-bx::before{content:""; display: block; position: absolute; width: 20px; height: 20px; background-color: #06988d; right: -20px; bottom: -20px; opacity: 0.9;} .dean-intro .agency-introduce-image .img-inner-bx::after{content:""; display: block; position: absolute; width: 100%; height: 100%; background: url(../../images/sub/border_line.png); right: -10px; bottom: -10px; z-index: -1;} .dean-intro .agency-introduce-content{display: table-cell; vertical-align: middle; padding-left: 50px; font-family: "Noto Medium";} .dean-intro .agency-introduce-content ul{} .dean-intro .agency-introduce-content ul::after{content:""; display: table; clear: both;} .dean-intro .agency-introduce-content li{float: left; display: table; width: 50%; vertical-align: top; margin-bottom: 5px;} .agency-rank p {font-size: 22px; line-height: 1.5; letter-spacing: -0.5px; color: #222; margin-bottom: 15px;} .dean-intro .agency-introduce-content li h1{display: table-cell; vertical-align: top; font-size: 16px; color: black; padding-left: 36px; width: 135px; position: relative; line-height: 30px;} .dean-intro .agency-introduce-content li .introduce-logo_1{background: url(../../images/sub/ico_1.png) no-repeat left 5px;} .dean-intro .agency-introduce-content li .introduce-logo_2{background: url(../../images/sub/ico_2.png) no-repeat left 5px;} .dean-intro .agency-introduce-content li .introduce-logo_3{background: url(../../images/sub/ico_3.png) no-repeat left 5px;} .dean-intro .agency-introduce-content li .introduce-logo_4{background: url(../../images/sub/ico_4.png) no-repeat left 5px;} .dean-intro .agency-introduce-content li .introduce-logo_5{background: url(../../images/sub/ico_5.png) no-repeat left 5px;} .dean-intro .agency-introduce-content li .introduce-logo_6{background: url(../../images/sub/ico_6.png) no-repeat left 5px;} .dean-intro .agency-introduce-content li h1::after{content:""; display: block; position: absolute; right: 0; top: 10px; width: 1px; height: 15px; background-color: #cdcdcd;} .dean-intro .agency-introduce-content li .introduce-content{display: table-cell; vertical-align: top; padding: 0 15px; padding-top: 2px;} .dean-intro .agency-introduce-content li .introduce-content p{color: #666666; line-height: 25px;} .dean-intro .agency-introduce-content li .introduce-content .email-text{float: left;} .dean-intro .agency-introduce-content li .introduce-content .email-btn{width: 15px; height: 13px; display: inline-block; text-indent: -9999px; background: url(../../images/sub/ico_8.png); float: left; margin-top: 11.5px;} .dean-intro .agency-introduce-content li .introduce-content .page-link{ display: inline-block; border: 1px solid rgba(24,50,124,0.3); border-radius: 5px; font-family: 'Noto Light'; color: #4b4b4b; padding: 0.5px 15px 0.5px 36px; background: url(../../images/sub/ico_7.png) no-repeat left 15px center; line-height: 26px;} @media all and (max-width: 1250px) { .dean-intro .agency-introduce-content ul{} .dean-intro .agency-introduce-content li h1{font-size: 14px; width: 135px;} .dean-intro .agency-introduce-content li .introduce-content{width: calc(100% - 135px);} .dean-intro .agency-introduce-content li .introduce-content p{font-size: 14px;} .dean-intro .agency-introduce-content li .introduce-content .page-link{font-size: 14px;} } @media all and (max-width: 1023px){ .dean-intro .agency-introduce {display: block; padding: 30px 40px 20px;} .dean-intro .agency-introduce-image{display: block;margin: 0 auto; margin-bottom: 30px;} .dean-intro .agency-introduce-content{width: 100%; display: block; padding-left: 0;} .dean-intro .agency-introduce-content li{width: calc(100%/2); margin-bottom: 10px;} .dean-intro .agency-introduce-content li:nth-child(n+4){margin-top: 0;} } @media all and (max-width: 768px){ .dean-intro .agency-introduce {padding: 20px 20px 30px;} .dean-intro .agency-introduce-content li{width: 100%; float: none;} } @media all and (max-width: 420px) { .dean-intro .agency-introduce-content li h1 {width: 105px;} .dean-intro .agency-introduce-content li .introduce-content {width: calc(100% - 105px);} .dean-intro .agency-introduce-content li h1 {padding-left: 25px;} .dean-intro .agency-introduce-content li .introduce-logo_1 {background: url(../../images/sub/ico_1.png) no-repeat left 7px; background-size: 14px auto;} .dean-intro .agency-introduce-content li .introduce-logo_2 {background: url(../../images/sub/ico_2.png) no-repeat left 7px; background-size: 14px auto;} .dean-intro .agency-introduce-content li .introduce-logo_3 {background: url(../../images/sub/ico_3.png) no-repeat left 7px; background-size: 14px auto;} .dean-intro .agency-introduce-content li .introduce-logo_4 {background: url(../../images/sub/ico_4.png) no-repeat left 7px; background-size: 14px auto;} .dean-intro .agency-introduce-content li .introduce-logo_5 {background: url(../../images/sub/ico_5.png) no-repeat left 7px; background-size: 14px auto;} .dean-intro .agency-introduce-content li .introduce-logo_6 {background: url(../../images/sub/ico_6.png) no-repeat left 7px; background-size: 14px auto;} } /* 재단소개 */ .foundation-list {display: table; width: 100%; border-bottom: 1px solid #43505d; border-top: 2px solid #43505d;} .foundation-list dl {display: table-cell; width: 20%; vertical-align: top; text-align: center; border-right: 1px solid #ccd0d7;} .foundation-list dl:last-child {border-right: 0;} .foundation-list dl dt { padding: 9px 10px; font-weight: normal; background: #F7F8F9; color: #000000; border-bottom: 1px solid #DDDEE0; font-size: 16px; font-family: "Noto Regular";} .foundation-list dl dd { padding: 9px 10px; background: #fff; color: #666; font-size: 16px; letter-spacing: -0.5px;} @media all and (max-width: 768px){ .foundation-list {display: block;} .foundation-list dl {display: block; width: 100%; border-right: 0;} .foundation-list dl dt {border-top: 1px solid #ccd0d7;} } /* scroll-target */ .team-inner .team-box {position: relative;} .scroll-target {position: absolute; width: 100%; left: 0; top: -100px;} @media all and (max-width: 768px){ .scroll-target {top: -80px;} } /* 부총장 */ #menu791_obj5786 .characterInfoAjax {overflow: hidden; margin: 0 -0.5%;} #menu791_obj5786 .characterInfoAjax .dean-intro {display: inline-block; vertical-align: top; width: 49%; padding: 0 0.5%;} #menu791_obj5786 .dean-intro .agency-introduce-image {width: 100px;} #menu791_obj5786 .dean-intro .agency-introduce-image img {width: 100px;} #menu791_obj5786 .dean-intro .agency-introduce-content li {width: 100%; margin-bottom: 5px;} #menu791_obj5786 .dean-intro .agency-introduce-content li:last-child {margin-bottom: 0;} #menu791_obj5786 .dean-intro .agency-introduce-content li:nth-child(n+4) {margin-top: 0;} #menu791_obj5786 .dean-intro .agency-introduce-content li h1 {font-size: 15px; width: 120px;} #menu791_obj5786 .dean-intro .agency-introduce-content li .introduce-logo_1{background: url(../../images/sub/ico_1.png) no-repeat left 7px; background-size: 14px auto;} #menu791_obj5786 .dean-intro .agency-introduce-content li .introduce-logo_2{background: url(../../images/sub/ico_2.png) no-repeat left 7px; background-size: 14px auto;} #menu791_obj5786 .dean-intro .agency-introduce-content li .introduce-logo_3{background: url(../../images/sub/ico_3.png) no-repeat left 7px; background-size: 14px auto;} #menu791_obj5786 .dean-intro .agency-introduce-content li .introduce-logo_4{background: url(../../images/sub/ico_4.png) no-repeat left 7px; background-size: 14px auto;} #menu791_obj5786 .dean-intro .agency-introduce-content li .introduce-logo_5{background: url(../../images/sub/ico_5.png) no-repeat left 7px; background-size: 14px auto;} #menu791_obj5786 .dean-intro .agency-introduce-content li .introduce-logo_6{background: url(../../images/sub/ico_6.png) no-repeat left 7px; background-size: 14px auto;} #menu791_obj5786 .dean-intro .agency-introduce-content li:nth-child(6) {display: none;} #menu791_obj5786 .dean-intro .agency-introduce-content li:nth-child(5) {margin-bottom: 0;} #menu791_obj5786 .dean-intro .agency-introduce {display: block; overflow: hidden;} #menu791_obj5786 .dean-intro .agency-introduce-image {display: block; float: left; } #menu791_obj5786 .dean-intro .agency-introduce-content {display: block; float: left; width: calc(100% - 100px); font-size: 14px; padding-top: 0;} #menu791_obj5786 .dean-intro .agency-introduce-content > ul {min-height: 170px;} #menu791_obj5786 .dean-intro .agency-introduce-content > ul .noData {display: none;} #menu791_obj5786 .dean-intro .agency-introduce-content li .introduce-content {width: calc(100% - 120px);} @media all and (max-width: 1120px){ #menu791_obj5786 .characterInfoAjax {overflow: hidden; margin: 0 0;} #menu791_obj5786 .characterInfoAjax .dean-intro {display: inline-block; vertical-align: top; width: 100%; padding: 0 0%;} #menu791_obj5786 .dean-intro .agency-introduce-image {width: 120px;} #menu791_obj5786 .dean-intro .agency-introduce-image img {width: 120px;} #menu791_obj5786 .dean-intro .agency-introduce-content {width: calc(100% - 120px);} } @media all and (max-width: 1023px){ #menu791_obj5786 .dean-intro .agency-introduce-content {padding-left: 40px;} } @media all and (max-width: 768px){ #menu791_obj5786 .dean-intro .agency-introduce {padding: 20px 20px 30px;} #menu791_obj5786 .dean-intro .agency-introduce-image {float: none; margin: 0 auto 30px;} #menu791_obj5786 .dean-intro .agency-introduce-content {padding-left: 0px; float: none; width: 100%;} #menu791_obj5786 .dean-intro .agency-introduce-content li h1 {width: 90px;} #menu791_obj5786 .dean-intro .agency-introduce-content li .introduce-content {width: calc(100% - 90px);} } /* 개인정보처리방침 select */ .privacy-select select{border: 1px solid #c3c3c3; height: auto; font-family: 'Noto Light'; font-size: 14px; color: #000; padding: 6.5px 40px 6.5px 15px; background: url(../../images/sub/select_arrow.png) no-repeat right 10% center; appearance: none; -webkit-appearance: none; -moz-appearance: none;} .privacy-select select::-ms-expand{display: none;} /* 오시는 길 팝업 */ .map-popup-title {position: relative; padding: 20px 30px; background: url("../../images/sub/map_popup_title.png"); margin-bottom: 30px;} .map-popup-title p {font-size: 24px; line-height: 30px; letter-spacing: -0.5px; color: #fff; font-family: "Noto Medium";} .map-popup-title .map-popup-close {position: absolute; right: 30px; top: 25px; z-index: 2;} @media all and (max-width: 768px){ .map-popup-title p {font-size: 20px;} } #_JW_stMp_basic > ul > li:last-child {display: none;} /* 오시는 길 테이블 */ .location-table {position:relative;} .location-table:after {content:''; position: absolute; right:0px; top:0px; width:3px; height:100%; background:#fff;} .location-table table {font-family:'Noto DemiLight'; position:relative;} .location-table table:after {content:''; position:absolute; top:0px; left:0px; width:100%; height:2px; background:#43505d;} .location-table table:before {content:''; position:absolute; bottom:0px; left:0px; width:100%; height:1px; background:#43505d;} .location-table tbody {display: table-header-group;} .location-table thead th {padding:9px 10px; font-weight:normal; background:#F7F8F9; color:#000000; border-right:1px solid #DDDEE0; border-bottom:1px solid #DDDEE0; font-size:16px; font-family: "Noto Regular";} .location-table tbody tr:first-child th, .wrap-contents .location-table tbody tr:first-child td {border-top: 1px solid #B1B2B3;} .location-table tbody th {padding:9px 10px; background:#FBFBFB; color:#000000; border-right:1px solid #DDDEE0; border-bottom:1px solid #DDDEE0; font-size:16px;} .location-table tbody th.color {background:#FBFBFB; font-size: 18px; color: #1b1b1b; font-weight: normal;} .location-table tbody td {padding:9px 10px; background:#fff; color:#666; border-right:1px solid #ccd0d7; border-bottom:1px solid #ccd0d7; font-size:16px; letter-spacing: -0.5px; text-align: center;} .location-table tbody td a{color: #666;} .location-table tbody td > ul > li {position: relative; padding-left: 20px;} .location-table tbody td > ul > li::before {content: ""; position: absolute; width: 8px; height: 8px; background: #B4C1DD; border-radius: 50%; left: 0; top: 10px;} .location-table .align-l {text-align:left;} .location-table .align-c {text-align:center;} .location-table .align-r {text-align:right;} @media all and (max-width:860px) { .location-table {overflow-x: auto;} .location-table table {width:1000px;} .location-table:after {content:''; position:absolute; right:0px; top:0px; width:100%; height:100%; background:url('../../images/common/img_mobile_text.png') no-repeat center 50px;} .location-table.on:after {display:none;} } /*대학 대학원 인트로*/ .coll-list-inner::after{content:""; display: table; clear: both;} .coll-list-inner .coll-list-box{width: 31.33%; float: left; margin-right: 3%; padding-top: 40px; border-bottom: 2px solid #004e96;} .coll-list-inner .coll-list-box:nth-child(3n){margin-right: 0;} .coll-image-box{width: 100%; height: 200px; position: relative; background-size: cover;} .coll-image-box.coll-image-1{background: url(../../images/sub/coll_list_image_1.png) no-repeat top center;} .coll-image-box.coll-image-2{background: url(../../images/sub/coll_list_image_2.png) no-repeat top center;} .coll-image-box.coll-image-3{background: url(../../images/sub/coll_list_image_3.png) no-repeat top center;} .coll-image-box.coll-image-4{background: url(../../images/sub/coll_list_image_4.png) no-repeat top center;} .coll-image-box.coll-image-5{background: url(../../images/sub/coll_list_image_5.png) no-repeat top center;} .coll-image-box.coll-image-6{background: url(../../images/sub/coll_list_image_6.png) no-repeat top center;} .coll-image-box.coll-image-7{background: url(../../images/sub/coll_list_image_7.png) no-repeat top center;} .coll-image-box.coll-image-8{background: url(../../images/sub/coll_list_image_8.png) no-repeat top center;} .coll-image-box.coll-image-9{background: url(../../images/sub/coll_list_image_9.png) no-repeat top center;} .coll-image-box.coll-image-10{background: url(../../images/sub/coll_list_image_10.png) no-repeat top center;} .coll-image-box.coll-image-11{background: url(../../images/sub/coll_list_image_11.png) no-repeat top center;} .coll-image-box.coll-image-12{background: url(../../images/sub/coll_list_image_12.png) no-repeat top center;} .coll-image-box.coll-image-13{background: url(../../images/sub/coll_list_image_13.png) no-repeat top center;} .coll-image-box.coll-image-14{background: url(../../images/sub/coll_list_image_14.png) no-repeat top center;} .coll-image-box.coll-image-15{background: url(../../images/sub/coll_list_image_15.png) no-repeat top center;} .coll-image-box.coll-image-16{background: url(../../images/sub/coll_list_image_16.png) no-repeat top center;} .coll-image-box.coll-image-17{background: url(../../images/sub/coll_list_image_17.png) no-repeat top center;} .coll-image-box.coll-image-18{background: url(../../images/sub/coll_list_image_18.png) no-repeat top center;} .coll-image-box.coll-image-19{background: url(../../images/sub/coll_list_image_19.png) no-repeat top center;} .coll-image-box.coll-image-20{background: url(../../images/sub/coll_list_image_20.png) no-repeat top center;} .coll-image-box.coll-image-21{background: url(../../images/sub/coll_list_image_21.png) no-repeat top center;} .coll-image-box.coll-image-22{background: url(../../images/sub/coll_list_image_22.png) no-repeat top center;} .coll-image-box.coll-image-23{background: url(../../images/sub/coll_list_image_23.png) no-repeat top center;} .coll-image-box.coll-image-24{background: url(../../images/sub/coll_list_image_24.png) no-repeat top center;} .coll-image-box.coll-image-25{background: url(../../images/sub/coll_list_image_25.png) no-repeat top center;} .coll-image-box.coll-image-26{background: url(../../images/sub/coll_list_image_26.png) no-repeat top center;} .coll-image-box.coll-image-27{background: url(../../images/sub/coll_list_image_27.png) no-repeat top center;} .coll-image-box.coll-image-28{background: url(../../images/sub/coll_list_image_28.png) no-repeat top center;} .coll-image-box.coll-image-29{background: url(../../images/sub/coll_list_image_29.png) no-repeat top center;} .coll-image-box.coll-image-30{background: url(../../images/sub/coll_list_image_30.png) no-repeat top center;} .coll-image-box .coll-text-box{position: absolute; background-color: white; width: 270px; bottom: 0; left: 50%; margin-left: -135px; display: table; height: 60px;} .coll-image-box .coll-text-box p{font-family: "Noto Regular"; font-size: 20px; color: #222222; text-align: center; display: table-cell; vertical-align: middle;} .coll-list-box ul{margin: 20px; height: 190px;} .coll-list-box ul.height-auto{height: 60px;} .coll-list-box ul::after{content:""; display: table; clear: both;} .coll-list-box li{width: 50%; float: left;} .coll-list-box li a{display: block; color: #333333; padding-left: 13px; position: relative; margin-bottom: 5px;} .coll-list-box li a:last-child{margin-bottom: 0;} .coll-list-box li a span{position: relative;} .coll-list-box li a span::before{content:""; display: block; position: absolute; width: 0%; height: 1px; background-color: #666666; transition: all .3s; left: 0; bottom: 0;} .coll-list-box li a::before{content:""; display: block; position: absolute; width: 6px; height: 6px; border-radius: 50%; background-color: #666666; left: 0; top: 10px;} .coll-list-box li a:hover span::before{width: 100%;} .coll-list-box li a[target=_blank] span::after{content:""; display: inline-block; width: 12px; height: 12px; background: url(../../images/sub/blank_link.png); margin-left: 5px;} @media all and (max-width: 1023px) { .coll-list-inner .coll-list-box{width: 49%; margin-right: 2%;} .coll-list-inner .coll-list-box:nth-child(3n){margin-right: 2%;} .coll-list-inner .coll-list-box:nth-child(even){margin-right: 0;} } @media all and (max-width: 768px) { .coll-list-inner .coll-list-box{width: 100%; float: none; margin-right: 0 !important; margin-bottom: 20px;} .coll-list-box ul{height: auto;} .coll-list-box ul.height-auto{height: auto;} } @media all and (max-width: 420px) { .coll-list-box li{width: 100%; float: none; margin-bottom: 5px;} .coll-image-box .coll-text-box{width: 200px; margin-left: -100px;} } /* 증명서출력 */ .cert-wrap ul::after{content:""; display: table; clear: both;} .cert-wrap > ul > li{width: 48.5%; float: left; margin-right: 3%; position: relative; height: 430px;} .cert-wrap > ul > li:first-child{background: url(../../images/sub/cert_background_1.png) no-repeat top center; background-size: cover;} .cert-wrap > ul > li:last-child{margin-right: 0; background: url(../../images/sub/cert_background_2.png) no-repeat top center; background-size: cover; margin-bottom: 0;} .cert-wrap > ul > li h1{text-align: center; color: white; font-family: 'Noto Medium'; font-size: 26px; margin-top: 45px;} .cert-link-box{margin-top: 50px;} .cert-link-box .sub-btn-group .link-btn2{border: 1px solid white; color: white; width: 205px; display: block; margin: 0 auto; margin-bottom: 10px;} .cert-link-box .sub-btn-group .link-btn2 span{background: url(../../images/sub/white_window.png) no-repeat 90% center;} .cert-link-box .sub-btn-group .link-btn2:last-child{margin-bottom: 0;} .cert-link-text{position: absolute; left: 7%; bottom: 25px; width: 85%;} .cert-link-text li{color: rgba(255,255,255,0.7); position: relative; padding-left: 15px;} .cert-link-text > ul > li::before{content:""; display: block; position: absolute; width: 6px; height: 6px; border-radius: 50%; background-color: rgba(255,255,255,0.3); top: 5px; left: 0;} .arrow-list li{padding-left: 20px;} .arrow-list li::before{content:"→"; display: block; position: absolute; top: 0; left: 0;} @media all and (max-width: 768px) { .cert-wrap > ul > li{width: 100%; float: none; margin-bottom: 20px;} .cert-wrap > ul > li h1{margin-top: 0; padding-top: 30px;} } /*가천창의팩토리*/ .factory-mainimg > div{display: inline-block; width: 48%; margin-right: 1%;} .factory-mainimg > div:last-child{margin-right: 0;} .factory-images > div{display: inline-block; width: 32%; margin-right: 1%;} .factory-images > div:last-child{margin-right: 0px;} @media all and (max-width: 1420px){ } @media all and (max-width: 768px) { .factory-mainimg > div{width: 100%; margin-bottom: 1%;} .factory-images > div{width: 100%; margin-bottom: 1%;} .factory-images > div:last-child{margin-bottom: 0;} }