/* 각 사이트별 예외 처리 */ #maths #footer_type1 { background: #07234d; } #maths .math .point{color: #a6a6a6;} #maths .math .foot_acc .select_2th{color: #a6a6a6;} #maths .math .foot_acc .select{color: #a6a6a6;} #science #footer_type1 { background: #07234d; } #oiak_kor .top_etc_wrap .btn-lang{display: none;} #oiak_kor .ff_list > li > div{min-height: 200px; height: 100%; padding: 20px; color: #111; font-weight: 500; background: url() no-repeat bottom 20px right 20px;} #oiak_kor .ff_list > li:nth-child(1) > div{background-image: url();} #oiak_kor .ff_list > li:nth-child(2) > div{background-image: url(/resources/user/khu_atype6/image/01.png);} #oiak_kor .ff_list > li:nth-child(3) > div{background-image: url(/resources/user/khu_atype6/image/02.png);} #oiak_kor .ff_list > li:nth-child(4) > div{background-image: url(/resources/user/khu_atype6/image/03.png);} #oiak_kor .ff_list > li:nth-child(5) > div{background-image: url(/resources/user/khu_atype6/image/04.png);} #oiak_kor .ff_list > li:nth-child(6) > div{background-image: url(/resources/user/khu_atype6/image/05.png);} #oiak_kor .ff_list > li:nth-child(7) > div{background-image: url(/resources/user/khu_atype6/image/06.png);} #oiak_kor .ff_list > li:nth-child(8) > div{background-image: url(/resources/user/khu_atype6/image/07.png);} #oiak_kor .ff_list > li:nth-child(9) > div{background-image: url(/resources/user/khu_atype6/image/08.png);} #oiak_kor .ff_list .f20, #oiak_kor .ff_list .f20 + sup{color: #1c528e; font-weight: 700;} #hc_eng #header_type4 .nav .gnb.pc > li > a{display: table-cell; vertical-align: middle; line-height:1.15} #khuart .sub-page_t{font-size: 2rem;} #khuart #sub_visual_type2 .sub-t{display: none;} /* https://com.khu.ac.kr/campustown/user/contents/view.do?menuNo=9900026 - 페이지 css */ .organs-logo {display: flex;flex-wrap: wrap;} .organs-logo li {width: 24%;margin: 0.5%;position: relative;} .mouse {opacity: 0;background: rgb(0, 0, 0, 0.7);color: #fff;width: 99%;height: 99%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);border: 10px solid #fff;} .mouse p {display: flex;justify-content: center;align-items: center;height: 100%;padding: 0 3em;text-align: center;word-break: keep-all;} .organs-logo li a:hover .mouse {opacity: 1;transition: all ease-in-out 0.3s;} #faq_wrap {margin:10px 0 30px} #faq_wrap h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} .faq_admin {text-align:right} #faq_wrap ol {margin:0;padding:0;list-style:none} #faq_wrap li {border-bottom:1px solid #ccc;background:#fff;position:relative} #faq_wrap li:first-child {border-top:1px solid #ccc} #faq_wrap li h3 {min-height:50px;line-height:30px;padding:15px;padding-left:50px;position:relative; font-weight: 500;} #faq_wrap li h3 p{width: 90%;} #faq_wrap li h3 .tit_btn {position:absolute;right:15px;top:15px;border:0;width:30px;height:30px;background:#fff;color:#c5cdd8;font-size:1.2em} #faq_wrap li h3 .tit_bg {display:inline-block;position:absolute;top:15px;left:15px;text-align:center;color:#000;font-size:1.6em} #faq_wrap li h3.faq_li_open a {font-weight: 700; color: #000} #faq_con .con_inner {display:none;padding:5px 5px 20px 50px} #faq_con .con_inner .tit_bg {display:inline-block;position:absolute;top:10px;left:10px;text-align:center;background:#777;color:#fff;border-radius:50%;width:30px;line-height:30px;height:30px} #faq_con .con_inner .closer_btn {position:absolute;right:15px;top:15px;border:0;width:30px;height:30px;background:#fff;color:#000;font-size:1.2em} #faq_sch {background:#f7f7f7;padding:30px;text-align:center;margin:0 0 10px} #faq_sch .sch_tit {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden} #faq_sch .frm_input {border:1px solid #d0d3db;width:300px;height:45px;border-radius:0;border-radius:3px} #faq_sch .btn_submit {padding:0 10px;height:45px;width:88px;font-size:1.083em;font-weight:bold;color:#fff;background:#434a54} .sound_only {display: inline-block !important; position: absolute; top: 0; left: 0; width: 0; height: 0; margin: 0 !important; padding: 0 !important; font-size: 0; line-height: 0; border: 0 !important; overflow: hidden !important; } /* 캠퍼스타운 사업소개 페이지*/ .greetings { display: flex; width: 100%; } .img-pro { width: 22%; } .txt-pro { width: 78%; } .logo-intro{display: flex;border: 1px solid #ccc;justify-content: space-between;} .logo-intro .side{margin: 4%;} .logo-intro .b{border-left: 1px solid #ccc;padding-left: 6%;} .down-h{text-align: center;} .part-intro{display: flex;justify-content: space-around;} .part-intro .pluss{padding-top: 9%;} .three-l{display: flex;border: 1px solid #ccc;} .three-l li{padding: 2%;} .three-b{display: flex;} .three-b li{position: relative;margin-right: 4%;} .three-b li::after{position: absolute;top: 50%;right: -40px;transform: translateY(-50%);content: '';display: block;width: 30px;height: 1px;background: #ccc;} .three-b li:last-child::after{display: none;} .line-box{border: 1px solid #ccc;} .line-box .line-bar{display: flex;margin: 1% 2%;border-bottom: 1px dotted #ccc;} .line-box .line-bar .lft{padding: 0 1% 1% 0;font-weight: bold;} .line-box .line-bar:last-child{border-bottom:0;margin-bottom: 0;} /* 캠퍼스타운 사업소개 사업거버넌스 페이지*/ .parts {display: flex;flex-wrap: wrap;text-align: center;} .parts li {width: 19%;margin: 0.5%;} .parts li p {padding: 0.5em 0 1em;} .steps {display: flex;align-items: center;text-align: center;} .steps .i {width: 3%;} .steps .tit-blue {color: #fff;background: #0a326f;border-radius: 5px 5px 0 0;padding: 0.75em 0;} .steps .months {border-top: 1px dotted #ccc;padding: 0.5em 0;} .steps .topss {display: flex;justify-content: center;align-items: center;height: 100px;} .steps .box-b{padding: 0 !important;} /* 평생교육원 */ div.sub_con div.vision_b{width:100%; height:auto; margin-bottom:70px;} div.sub_con div.vision_b div.title{position:relative;display: block;max-width:200px;height:auto;padding-top:15px;font-size:1.5rem; margin-bottom: 30px;} div.sub_con div.vision_b:nth-child(1) div.title{border-top:5px solid #9c1f24;} div.sub_con div.vision_b:nth-child(2) div.title{border-top:5px solid #253a73;} div.sub_con div.vision_b:nth-child(3) div.title{border-top:5px solid #b6985a;} div.sub_con div.vision_b:nth-child(4) div.title{border-top:5px solid #717075;} div.sub_con div.vision_b:nth-child(1) div.title:before{display:block; content:""; position:absolute; top:-5px; left:-70px; width:70px; height:55px; background:url("../img/ic_vision_01.svg") 0 0 no-repeat; background-size:auto 100%;} div.sub_con div.vision_b:nth-child(2) div.title:before{display:block; content:""; position:absolute; top:-5px; left:-70px; width:70px; height:55px; background:url("../img/ic_vision_02.svg") 0 0 no-repeat; background-size:auto 100%;} div.sub_con div.vision_b:nth-child(3) div.title:before{display:block; content:""; position:absolute; top:-5px; left:-70px; width:70px; height:55px; background:url("../img/ic_vision_03.svg") 0 0 no-repeat; background-size:auto 100%;} div.sub_con div.vision_b:nth-child(4) div.title:before{display:block; content:""; position:absolute; top:-5px; left:-70px; width:70px; height:55px; background:url("../img/ic_vision_04.svg") 0 0 no-repeat; background-size:auto 100%;} div.sub_con div.vision_b div.title span{display:inline-block; margin-left:10px; font-size:1.125rem; color:#aaa; letter-spacing:1px;} div.sub_con div.vision_b div.con{height:auto; line-height:1.5; padding:1.111em; border-radius:5px; vertical-align:top; font-size:1.125rem; color:#fff; text-align:center; letter-spacing:0.5px;} div.sub_con div.vision_b:nth-child(1) div.con{background:#9c1f24;} div.sub_con div.vision_b:nth-child(2) div.con{background:#253a73;} div.sub_con div.vision_b:nth-child(3) div.con, div.sub_con div.vision_b:nth-child(4) div.con{padding:0;} div.sub_con div.vision_b div.con > ul {margin-left: -3%; display: -webkit-flex; display: -ms-flex; display: flex; flex-wrap:wrap} div.sub_con div.vision_b div.con > ul > li{position:relative; width:30.33333333%; height:auto; line-height:1.5; padding:20px; border-radius:5px; background:#b6985a; margin-left: 3%; float: left;} div.sub_con div.vision_b div.con > ul > li:last-child{margin-right:0;} div.sub_con div.vision_b:nth-child(3) div.con > ul > li:after{content:""; display:block; position:absolute; top:70px; left:0; width:100%; height:70px; background:url("../img/vision_arrow.png") center no-repeat;} div.sub_con div.vision_b:nth-child(4) div.con > ul > li{background:#717075;} /* div.sub_con div.vision_b:nth-child(4) div.con > ul > li > ul > li{line-height:26px; margin-bottom:10px; padding-left:13px; background:url("../img/li_cir_white.png") 0 9px no-repeat; text-align:left;} div.sub_con div.vision_b:nth-child(4) div.con > ul > li > ul > li:last-child{margin-bottom:0;} */ /* 평생교육원 영문, 중문 교육원 소개 > 소개 */ .edu-steps{text-align: center;} .edu-steps .sum{vertical-align: baseline;border: 0px solid rgb(0, 0, 0);width: 130px;height: 30px;margin-top: 0px;margin-bottom: 60px;} .ma_intro{display: flex;margin-bottom: 20px;} div.sub_con div.ma_intro div.title {width: 23%;padding: 15px;background: #263369 url(../img/major_bg.png) 170px 30px no-repeat;color: #fff;font-size: 18px;} div.sub_con div.ma_intro div.con {width: 77%;line-height: 30px;padding: 20px;background: #f8f8f8;font-size: 16px;} div.sub_con div.vision_b{display: flex;margin-bottom: 20px;} div.sub_con div.vision_b div.title{width: 23%;padding: 15px 0 5px;border-bottom: 1px solid #f7f7f7;} div.sub_con div.vision_b div.con{width: 77%;padding: 20px;color: #fff;} #research #main_visual_type_a2 .item{height: 540px} #research #main_visual_type_a2 .item a{min-height: auto} .greet-type1{display: flex; gap:60px; word-break: keep-all; align-items: flex-start;} .greet-type1.reverse{flex-flow: row-reverse;gap:115px} .greet-type1 .cont{font-size: 18px; color: #666; font-weight: 400; flex:1; line-height: 1.67;} .greet-type1 .top{font-size: 1.8888888888888888em; color: #333; margin-bottom: 40px; position: relative; padding: 30px 100px; line-height: 1.35;} .greet-type1 .bot{font-size: 1.2222222222222223em; color: #333; margin-top: 50px; display: flex; flex-wrap:wrap; gap:10px; align-items: center;} .greet-type1 .bot strong{font-size: 1.1818181818181819em;} .greet-type1 .top:before,.greet-type1 .top:after{position: absolute; content: ''; width: 40px; height: 36px; background: url('') center center no-repeat;} .greet-type1 .top:before{left: 0; top:0; background-image: url('/resources/img/sub/quot_l.png')} .greet-type1 .top:after{right: 0; bottom:0; background-image: url('/resources/img/sub/quot_r.png')} .greet-type1 .img{width: 28%; max-width:314px; position: relative; display: flex; justify-content: flex-end; padding: 0 0 50px 50px;} .greet-type1 .img:before{position: absolute; left: 0; bottom: 0; width:143px; height: 137px; background: url('/resources/img/sub/greet.gif') left bottom no-repeat; content: ''} .greet-type1.reverse .img{padding: 0 40px 40px 0; justify-content: flex-start; max-width:251px} .greet-type1.reverse .img:before{right:0;bottom:0; background-image: url('/resources/img/sub/greet-l.gif'); width: 114px; height: 110px; left: auto} .color-red6{color: #6a0005} .greet-type2{word-break:keep-all} .greet-type2 .top.bt{padding-top: 40px; border-top: 1px solid #ccc;} .greet-type2 .top{ display: flex; align-items: center; gap: 60px; border-bottom: 1px solid #ccc; padding-bottom: 40px; align-items:center; font-size: 20px; color: #000; margin-bottom: 30px;} .greet-type2 .top .big{font-size: 1.5em; margin-bottom: 20px; line-height: 1.35;} .greet-type2 .txtt{color: #666; line-height: 1.67;} .greet-type2 .top .img{width: width: 33%; max-width: 387px;} .greet-type2 .top .cont{flex:1} .bul-play{line-height: 1.35; font-size: 1.125rem; font-weight: 500; color: #333} .bul-play > li{background: url('/resources/img/sub/bul-play.gif') left .15em no-repeat; padding-left: 30px;} .bul-play > li:not(:first-child){margin-top: 10px;} .bul-play.navy > li{background-image: url('/resources/user/_common/_img/sub_page_dot_type2.png')} .c_box-st1{display: flex;} .c_box-st1 .t{width: 200px; display: flex; align-items:center; justify-content:center; background: #9e1915; color: #fff; border-radius:8px 0 0 8px; font-weight: 500; font-size: 1.375em;} .c_box-st1 .c{flex:1; border:3px solid #ddd; border-radius:0 8px 8px 0; border-left: 0; padding: 35px 40px} .history-type1{ display: flex; gap: 30px;} .history-type1 ol{flex:1} .history-type1 .year{width: 30%; font-size: 2rem; line-height: 1.18;} .history-type1 .sect{position: relative; padding: 30px 0; border-bottom: 1px dashed #ddd; display: flex; font-size: 1.125rem; line-height: 1.5; align-items: flex-start;} .history-type1 .sect:first-child{padding-top: 0;} .history-type1 .date{position: relative; padding-left: 1em; font-size: 1.3333333333333333em; color: #333; width: 6.6rem; font-weight: 700; margin-top: -0.25rem;} .history-type1 .date:before{position: absolute; left: 0; top:50%; width: 5px; height: 5px; background: #333; content: ''; border-radius:50%} .history-type1 .c{flex:1; width: calc(100% - 6.6rem); color: #666} .color-black1{color: #111 !important} .color-black3{color: #333 !important} .color-black6{color: #666 !important} .fw-400{font-weight: 400 !important;} .fw-500{font-weight: 500 !important;} .fw-700{font-weight: 700 !important;} .btn-blank{color: #990e17 !important; font-weight: 500; background: url('/resources/img/sub/ico-blank.png') left center no-repeat; background-size:17px; line-height: 1.15; padding-left: 29px; font-weight: 500;} .btn-blank:hover{text-decoration: underline;} .hr-border{border:0; border-top: 1px solid #d8d8d8; margin: 45px 0; padding: 0; display: block;} .tbl_standard_type1.pl td{padding-left:30px;} .pt0{padding-top: 0 !important;} .pb0{padding-bottom: 0 !important;} .float-type1{display: flex; gap:30px; color: #666; word-break:keep-all} .float-type1 .ttt{width: 200px} .float-type1.wide .ttt{width: 260px} .float-type1 .ccc{flex:1} .wb-k{word-break:keep-all} .box-type1{border:3px solid #ddd; border-radius:8px; padding: 40px} .stu-type1{display: flex; flex-wrap: wrap; margin: 0 0 -30px -30px; text-align: center; color: #666} .stu-type1 > li{width: calc(25% - 30px); margin: 0 0 30px 30px; border:1px solid #ddd; background: #f3f3f3; padding: 45px 10px;} .stu-type1 .cont {margin-top: 30px; display: flex; gap:10px; align-items: center; justify-content: center;} .stu-type1 .cont strong{color: #333; font-weight: 500; font-size: 1.125em;} .stu-type2 > li{display: flex; gap:40px; padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #ccc;} .stu-type2 .img{width: 35%; max-width:280px} .stu-type2 > li:last-child{margin-bottom: 0;} .stu-type2 .cont{flex:1} .stu-type3{} .stu-type3 > li{display: flex; gap:40px; padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #ccc; flex-flow:row-reverse} .stu-type3 .img{width: 35%; max-width:420px} .stu-type3 > li:last-child{margin-bottom: 0;} .stu-type3 .cont{flex:1;word-break:keep-all; line-height: 1.67;} .float-type1 .ccc{line-height: 1.67;} .btn-url{display: inline-flex; height: 30px; padding: 0 15px 0 0; border:1px solid #162238; color: #162238; font-size: 15px; font-weight: 500; line-height: 1; align-items:center} .btn-url:before{width: 30px; height: 100%; background: #162238 url('/resources/img/sub/link.png') center center no-repeat; content: ''; margin-right: 15px;} .btn-url.file{font-size: 16px; height: 40px} .btn-url.file:before{background-image: url('/resources/img/sub/file.png'); width: 40px} .btn-url.home{font-size: 16px; height: 40px} .btn-url.home:before{background-image: url('/resources/img/sub/home.png'); width: 40px} .btn-url.print:before{background-image: url(/resources/img/sub/print_icon_02.png);} .bul-dot > li{position: relative; padding-left: 10px;} .bul-dot > li:before{position: absolute; left: 0; top:.67em; content: ''; width: 4px; height: 4px; background: #333; border-radius:50%} .bul-dot > li:not(:first-child){margin-top: 8px;} .btn-url2{display: flex; height: 55px;border:1px solid #253a73; color: #253a73; line-height: 1; align-items:center; font-weight: 500; font-size: 1rem; padding: 0 20px; width: 255px; justify-content:space-between; background: #fff url('/resources/img/sub/blank.png') calc(100% - 20px) center no-repeat; padding-right: 50px; word-break:keep-all} .btn-url2:hover{color: #253a73} .btn-map_w{display: flex; gap:10px} .btn-map{display: flex; justify-content:center; algin-items:center; gap:8px} .tbl-toggle .dark{display: none;} .div-link{display: flex; flex-wrap:wrap; gap:20px} .div-link .btn-url2{height: 80px; border-color: #ccc; color: #3d3d3d; background-image: url('/resources/img/sub/blank_b.png'); width: calc(50% - 10px)} .div-link .btn-url2:hover{border-color: #253a73; color: #253a73;background-image: url('/resources/img/sub/blank.png')} .f22{font-size: 1.375rem !important;} .stu-div{display: flex; gap:60px; justify-content: space-between; flex-flow: row-reverse; word-break:keep-all} .stu-div .logo{width: 30%; max-width: 360px;} .stu-div .cont{flex:1} .stu-div .cont .big{font-size: 2.125em; color: #111; display: block; line-height: 1.35;} .stu-type4{border:1px solid #ddd; display: flex} .stu-type4 > *{width: 50%} .stu-type4 .imgg{background:url('') center center no-repaet; background-size:cover; position: relative; overflow: hidden;} .stu-type4 .imgg img{position: absolute; left: 0; top: 0; min-width: 100%; min-height: 100%; max-width: none; left: 50%; top:50%; transform: translate(-50%,-50%);} .stu-type4 .cont{padding: 40px 38px; background: #f4f4f4 url('/resources/img/sub/ico.png') right bottom no-repeat; flex-flow: column; /* align-items: center; */ justify-content: center; min-height: 295px; display: flex} .stu-type4 .t{font-size: 1.5625em; margin-bottom: 20px; font-weight: 700;} .stu-type4_no_img{padding: 40px 35px; background: #f4f4f4 url('/resources/img/sub/ico.png') right bottom no-repeat; border:1px solid #ccc} .j-between{justify-content:space-between} .intro-type1{display: flex; gap:50px} .intro-type1 .imgg{max-width: 200px; width: 17%} .intro-type1 .cont{flex:1} .junbijung{background: #f4f4f4 url('/resources/img/sub/junbijung.png') right bottom no-repeat; border:1px solid #ccc; padding: 60px 15px; text-align: center; word-break:keep-all} .junbijung .big{font-size: 2.375rem; position: relative; display: inline-block; position: relative; padding: 20px 85px 0; line-height: 1.15;} .junbijung .big:before,.junbijung .big:after{position: absolute; content: ''; width: 40px; height: 36px; background: url('') center center no-repeat;} .junbijung .big:before{left: 0; top:0; background-image: url('/resources/img/sub/quot_l.png')} .junbijung .big:after{right: 0; top:0; background-image: url('/resources/img/sub/quot_r.png')} .box-grey{background: #f7f7f7; padding: 20px} .inner_contents_title_middle.color-black3{font-weight: 500;} .review-spain2017_1{display: flex; gap:40px} .review-spain2017_1 .cont{flex:1} .review-spain2017_1 .imgg{width: 30%; max-width: 360px} .review-spain2017_2{overflow: hidden;} .review-spain2017_2 img{margin: 0 0 30px 30px; width: 30%; max-width: 360px} @media screen and (max-width: 720px){ .sub_con{margin: 20px 0;} .ma_intro{display: block;} div.sub_con div.vision_b{display: block;} .title{width: 100%} div.sub_con div.vision_b div.con{width: 100%;} div.sub_con div.ma_intro div.title {width: 100%;} div.sub_con div.ma_intro div.con {width: 100%;} .stu-type4{flex-flow: column;} .stu-type4 > *{width: 100%} .stu-type4 .imgg img{ position: static; transform: none; width: 100%;} .stu-type4 .cont{min-height: auto; padding: 1.5rem} .stu-type4_no_img{padding: 1.5rem} .review-spain2017_1{flex-flow:column;} .review-spain2017_1 .imgg{width:100%; max-width:none} .review-spain2017_1 .imgg img{display: block; width:100%} .review-spain2017_2{display: flex; flex-flow:column} .review-spain2017_2 img{display: block; float:none !Important; width:100%;max-width:150px; margin: 0 auto 30px;} } /* 경희대 세무관리학회 예외처리 */ #tma #lnb .depth_w .tit >p, #tma #lnb .depth_w .tit .t::after, #tma .m_a2, #tma #top_etc, #tma #main_quick_a_type_4{display: none !important;} #tma #header_type1{height: 92px;} #tma .exception{display: none;} /* 융합기술연구소 사이트 */ #khctri .sub_contents{padding-top: 60px;} /* bullet_tit */ #khctri .bullet_tit{padding-left: 20px; font-size: 22px; font-weight: 700; position: relative; margin-bottom: 20px; line-height: 1.3; color: #333;} #khctri .bullet_tit::before{background: url('/resources/user/khu3/image/sub_page/sub_page_dot_type1.png') no-repeat center; content: ""; display: block; width: 12px; height: 12px; position: absolute; left: 0; top: 8px;} #khctri .sub_bullet_tit{padding-left: 30px; color: #0a326f; font-size: 18px; position: relative; margin-top: 0; margin-bottom: 20px; font-weight: 700;} #khctri .sub_bullet_tit::before{content: ""; display: block; position: absolute; background: url(/resources/user/khu3/image/sub_page/sub_page_dot_type2.png) no-repeat center; width: 18px; height: 18px; top: 4px; left: 2px;} #khctri .sub_txt{font-weight: 500; color: #333;} /* gray_box */ #khctri .gray_box{background-color: #f7f7f7; padding: 35px 25px; color: #666;} #khctri .gray_box .txt{flex: 1; padding: 0; color: #666; background: unset;} #khctri .gray_box .db_mark{color: #253a73; font-size: 1.5rem; padding: 45px;} #khctri .gray_box.img_box{gap: 20px;} /* img_box */ #khctri .img_box{display: flex; align-items: flex-start; padding: 25px;} #khctri .db_mark{position: relative;} #khctri .db_mark::after, .db_mark::before{content: ""; display: block; width: 35px; height: 32px; background: url("/resources/user/khu_atype5/img/db_q_mark.png") no-repeat center / cover; position: absolute;} #khctri .db_mark::before{top: 0; left: 0;} #khctri .db_mark::after{bottom: 0; right: 0; transform: rotate(180deg);} #khctri .cont_box:not(:last-child){margin-bottom: 50px;} /* 연구소 소개 */ #khctri .center.img_box > img{border-radius: 8px; border: 1px solid #ddd; max-width: 134px;} /* dot_list */ #khctri .dot_list > li{padding-left: 15px;} #khctri .dot_list > li:before{width: 4px; height: 4px; border-radius: 0; background-color: #02396f;} /* num_list */ #khctri .num_list > li{display: flex; gap: 10px;} #khctri .num_list > li:not(:last-child){margin-bottom: 7px;} #khctri .num_list > li >.num{background-color: #333; border-radius: 100%; color: #fff; width: 18px; height: 18px; text-align: center; line-height: 18px; font-size: 12px; margin-top: 5px; flex-shrink: 0;} #khctri .num_list > li .dash{font-size: 15px; margin-top: 7px;} /* table */ #khctri .scroll_table{overflow-x: auto;} #khctri .scroll_table table{word-break: keep-all;} /* 오시는 길 */ #khctri .map .info_list{border: 1px solid #ddd; background: url("/resources/user/khu_atype5/img/map_bg.jpg") no-repeat bottom right;} #khctri .map .info_list > li{display: flex; align-items: center; padding: 30px 40px; gap: 40px;} #khctri .map .info_list > li:not(:last-child){border-bottom: 1px solid #ddd;} #khctri .map .info_list > li > img{flex-shrink: 0;} #khctri .map .info_list > li .tit{font-size: 18px; color: #830109; font-weight: 500;} #khctri .map .info_list > li .tit + .dot_list{margin-top: 15px;} #khctri .map .info_list > li .tit + .dot_list li::before{background-color: #830109;} #khctri .map .info_list > li .tit + .dot_list li strong{width: 90px; display: inline-block;} @media screen and (max-width: 1280px){ .greet-type1 .top,.junbijung .big{padding: 30px 50px} .greet-type1{gap:30px !important} .pc_only{display: none;} } @media screen and (max-width: 1024px) { .txt-pro { padding: 0 2em;} .steps{flex-wrap: wrap;justify-content: center;} .steps .es{margin: 5px;} .steps .i {display: none;} .style_box_type_1 .per-imgs{float: inherit !important;padding: 0 !important;margin: 0 auto;width: auto !important;} .style_box_type_1{padding: 15px !important;} .edu-steps{text-align: left;} .edu-steps img{width: 120px;} .edu-steps .sum{width: 60px;height: 15px;margin-bottom: 50px;} #tma #header_type1{height: auto;} /* 융합기술연구소 사이트 */ #khctri .img_box{flex-direction: column} #khctri .gray_box.img_box{padding: 1rem;} #khctri .gray_box .db_mark{font-size: 20px; padding: 30px;} #khctri .db_mark::after, .db_mark::before{width: 27px; height: 25px;} #khctri .map .info_list > li{padding: 20px;} #khctri .map .info_list > li > img{width: 70px;} .greet-type2 .top{flex-flow:column; gap:40px} .greet-type2 .top .big{font-size: 1.333em;} .greet-type2 .top .img{width: 100%} .intro-type1{gap:30px} } @media screen and (max-width: 991px) { .parts li {width: 31%;margin: 1%;} } #wrap .sub_page_tab_wrap ul.nav { padding-bottom: 40px; } #wrap .sub_page_tab_wrap ul.nav li { margin-right:20px; } /* 후마니카스칼리지 > 대학생활 > 시민교육&사회봉사 > 시민사회 단체 및 기관 */ #hc_kor .sub_page_tab_wrap ul.nav li {width: calc(20% - 20px);} #hc_kor .sub_page_tab_wrap ul.nav li:nth-child(5n) { margin-right:0px; margin-bottom: 10px;} #wrap .sub_page_tab_wrap ul.nav li:last-child { margin-right:0px; } #wrap .sub_page_tab_wrap .nav-link.active { background-color:#253a73; border:1px solid #253a73; } #wrap .sub_page_tab_wrap .nav-link { border:1px solid #ccc; } /* hc 탭처리 */ #hc #wrap .sub_page_tab_wrap ul.nav { padding-bottom: 40px; } #hc #wrap .sub_page_tab_wrap ul.nav li { margin-right:20px; } #hc #wrap .sub_page_tab_wrap ul.nav li:nth-child(5) { margin-right:0px; } #hc #wrap .sub_page_tab_wrap ul.nav li:nth-child(11) { margin-right:0px; } #hc #wrap .sub_page_tab_wrap ul.nav li:last-child { margin-right:0px; } #hc #wrap .sub_page_tab_wrap .nav-link.active { background-color:#253a73; border:1px solid #253a73; } #hc #wrap .sub_page_tab_wrap .nav-link { border:1px solid #ccc; } #research #main_quick_a_type_4.blue{padding: 20px 0} #research .mid-type_a2{padding-top:40px; padding-bottom: 53px;} #research .main_notice_type_a2 .tabs{font-size: 18px;} #research .mid-type_a2 .lefts{margin-top: 0;} #research .main_notice_type_a2 .item{margin-top: 0;} #research .main_notice_type_a2 .tab_cont li:first-child .in{padding-top: 0;} #research .main_notice_type_a2 .t{font-size: 1.125rem; height: 3.5em; width: 100%; -webkit-line-clamp: inherit;} #research .main_notice_type_a2 .tab_cont ul{margin-left: 0;} #research .main_notice_type_a2 .tab_cont li{width: 33.3%; margin-left: 0;} #research .main_notice_type_a2 .cont{height: 5.9em;} #research .main_notice_type_a2 .t{margin-top: 0;} @media (min-width:721px){ #research .main_notice_type_a2 .tabs, #research #banner_zone_type_a_2 .top{height: 80px;display: flex; align-items:center} #research .main_notice_type_a2 .cont{margin-top: 24px;} #research #banner_zone_type_a_2 .top .etc{ top: 50%; transform: translateY(-50%); margin-top: -10px;} } @media (max-width:899px){ #hc #wrap .sub_page_tab_wrap ul.nav li { margin-right:5px; } #hc #wrap .sub_page_tab_wrap .nav-link { font-size: 13px; padding: 5px 5px; } #hc #wrap .sub_page_tab_wrap .space10 { height: 5px; } #research .main_notice_type_a2 .tabs{font-size: 1.125rem; white-space: nowrap;} } @media screen and (max-width: 841px) { #research #main_visual_type_a2 .item{height: 430px} .greet-type1 .img{width: 100%; max-width:240px; padding: 0 0 15px 15px} .greet-type1 .img:before{ width: 108px !important; height: 105px !important; background-size: 100%;} .history-type1{flex-flow:column} .history-type1 .year{width: 100%} .tbl_standard_type1.pl td{padding-left: 1em} .float-type1{flex-flow:column; gap:15px} .float-type1 .ttt{width: 100% !important} .greet-type1{flex-flow: column-reverse !important; align-items: center;} .greet-type1 .cont{font-size: 16px;} .greet-type1 .top{padding: 0 45px;} .greet-type1 .top br{display: none;} .greet-type1 .top:before, .greet-type1 .top:after{ width: 30px; height: 26px; background-size: 100%;} .junbijung .big{padding: 0 45px} .junbijung .big:before,.junbijung .big:after{ width: 30px; height: 26px; background-size: 100%;} .box-type1{padding: 1.5rem} .stu-type1{margin: 0 0 -18px -18px;} .stu-type1 > li{width: calc(33.333% - 18px); margin: 0 0 18px 18px; padding: 30px 10px;} } @media screen and (max-width: 720px) { .organs-logo li {width: 48%;margin: 1%;} .greetings { display: block; } .img-pro { width: 100%; text-align: center; margin-bottom: 2em; } .txt-pro { width: 100%; padding: 0; } .logo-intro{display: block;text-align: center;} .logo-intro .b{border-left: 0;padding-left: 0;} .logo-intro .side{margin: 2%;} .part-intro{text-align: center;display: block;} .part-intro .pluss{padding: 2% 0;} .three-l{display: block;} .three-b{flex-wrap: wrap;justify-content: flex-start;} .three-b li::after{display: none;} .three-b li{width: 29%;} .line-box .line-bar{display: block;padding-bottom: 1%;} .parts li {width: 48%;margin: 1%;} div.sub_con div.vision_b div.con > ul{flex-direction: column;} div.sub_con div.vision_b div.con > ul li{width: 100% !important;margin-bottom: 10px;} .edu-steps img{width: 77px;} .edu-steps .sum{width: 40px;height: 8px;margin-bottom: 35px;} /* 평생교육원 > 교육원 소개 > 비전, 언어교육원(영문, 중문) > aboutILE > Introduction */ div.sub_con div.vision_b div.title{max-width: 100%; width: 100%} /* 후마니카스칼리지 > 대학생활 > 시민교육&사회봉사 > 시민사회 단체 및 기관 */ #hc_kor .sub_page_tab_wrap ul.nav li { margin-right:10px; } #hc_kor .sub_page_tab_wrap ul.nav li a{ font-size: 1rem;} #research #main_visual_type_a2 .item .t.big{font-size: 25px;} .c_box-st1{flex-flow:column} .c_box-st1 .t{ width: 100%; border-radius: 8px 8px 0 0; padding: 10px} .c_box-st1 .c{ border-radius: 0 0 8px 8px; border: 3px solid #ddd; border-top: 0; padding: 20px 25px;} .stu-type1 > li{width: calc(50% - 18px); padding: 18px 10px;} .stu-type1 .cont{margin-top: 15px;} .stu-type3 > li,.stu-type2 > li{ flex-flow: column; gap: 25px; align-items: center} .stu-type3 .img, .stu-type2 .img{width: 100%} .stu-type2 strong{display: block; text-align: center;} .stu-div{ flex-flow: column; gap:30px} .intro-type1{flex-flow:column; align-items: center;} .intro-type1 .imgg{width: 135px; max-width:none} } @media screen and (max-width: 640px){ .steps{justify-content: center;} .steps .es {width: 46%;} /* 후마니카스칼리지 > 대학생활 > 시민교육&사회봉사 > 시민사회 단체 및 기관 */ #hc_kor .sub_page_tab_wrap ul.nav li { margin-right:10px; width: calc(33.333% - 10px);} #hc_kor .sub_page_tab_wrap ul.nav li:nth-child(5n) { margin-right:10px; margin-bottom: 0px;} #hc_kor .sub_page_tab_wrap ul.nav li:nth-child(3n){margin-right:0px; margin-bottom: 10px;} } @media (max-width:500px){ #hc #wrap .sub_page_tab_wrap ul.nav li { margin-right:2px; } #hc #wrap .sub_page_tab_wrap .nav-link { font-size: 11px; letter-spacing: -1.2px; padding: 2px 2px; } #hc #wrap .sub_page_tab_wrap .space10 { height: 2px; } } @media (max-width:480px){ #research .main_notice_type_a2 .tab_cont li{width: 100%} #research .main_notice_type_a2 .t{height: auto; max-height: 3.5em} /* 융합기술연구소 사이트 */ #khctri .map .info_list > li{flex-direction: column; align-items: normal; gap: 20px} .div-link {gap:15px} .div-link .btn-url2{width: 100%; height: 55px} /* 국제교류팀 */ #oiak_kor .ff_list > li > div{min-height: 159px;} } #provost_eng .main_visual .maintext{letter-spacing: 0.018em} /* 연구처산학협력단 */ #research #header_a_type1 #lnb > li > a{padding: 0 10px;} #research #header_a_type1 #logo{z-index: 0; } #research #header_a_type1 #logo a{display: inline-block; padding-top: 10px;} #cls .main_notice_type2 .tabs{font-size: 1.5rem;} #cls .main_notice_type2 .tabs li:not(:first-child){padding-left: .55em; margin-left: 0;} #cls .tit-main_type2{font-size: 1.5rem;} /************ 심리상담센터 ************/ .golink {padding: 15px 20px;border-radius: 7px;border: 1px solid #ddd;background: #f4f4f4 url(/resources/user/khu_type5/sub_contents/golink_icon.png) no-repeat center right 20px;transition: .3s;color: #666 !important;padding-right: 50px; min-width: 235px; display: inline-block;} .golink:hover {background-color: #0a326f;background-image: url(/resources/user/khu_type5/sub_contents/golink_icon_w.png);border-color: transparent;color: #fff !important;} .border_box {border: 10px solid #ededee;padding: 30px 40px;position: relative;} .border_box::after {display: block;width: 50px;height: 50px;content: "";position: absolute;left: -10px;top: -10px;border: 10px solid #0a326f;border-right-width: 0;border-bottom-width: 0;} .img_table{display: flex;} .img_table.top{border-top: 2px solid #1b4d8c;} .img_table .img_w{background-color: #f3f3f3; width: 240px; padding: 40px 0; text-align: center; vertical-align: baseline; flex-shrink: 0; border-right: 1px solid #dadada; border-bottom: 1px solid #dadada; display: flex; flex-direction: column; justify-content: center; align-items: center;} .img_table .img_w img{width: auto !important; margin-bottom: 15px;} .img_table .img_w p{font-weight: 500;} .img_table .horizon_scroll{width: 100%;} .img_table table{border-top-width: 0; height: 100%;} .img_table table th{width: 20%;} .img_table table td{text-align: left;} /* .img_table table .row3{height: 130px;} .img_table table .row4{height: 260px;} */ .img_table table .row3 td:last-child, .img_table table .row4 td:last-child{ vertical-align: baseline;} /* 푸터 */ #counsel #footer_type1 .txt .inner{padding-left: 500px;} /* tit_box */ .tit_box_w{display: flex; gap: 30px;} .red_title_box, .blue_title_box, .black_title_box{display: flex;} .red_title_box.no_tit .cont{border-radius: 7px;} .red_title_box ul.cont li{display: flex; margin-top: 15px;} .red_title_box ul.cont li:first-child{margin-top: 0;} .red_title_box ul.cont li .bk_color{min-width: 220px;} .red_title_box ul.cont li .r_cont{padding-left: 20px; position: relative; color: #666; font-size: 1rem;} .red_title_box ul.cont li .r_cont::before{position: absolute; left: 0; top: 6px; content: ""; display: block; width: 1px; height: 15px; background-color: #666;} .red_title_box ul.cont.long li .bk_color{min-width: 270px;} .red_title_box .tit{color: #fff; background-color: #9e1915; font-size: 1.38rem; width: 200px; display: flex; justify-content: center; align-items: center; flex-shrink: 0; position: relative; padding: 1rem 20px; border-radius: 7px 0 0 7px; text-align: center;} .red_title_box .cont{padding: 35px 40px; border: 3px solid #ddd; flex: 1; margin-left: -3px; border-radius: 0 7px 7px 0;} .red_title_box .cont .inner_contents_title_middle{margin: 0; margin-bottom: 15px; font-weight: 500; line-height: 1.5;} .red_title_box .cont .inner_contents_title_middle:last-child{margin-bottom: 0;} .red_title_box .gray_box{border-radius: 10px;} .red_title_box .cont.col2{display: flex; flex-wrap: wrap;} .red_title_box .cont.col2 > div{width: 50%;} /* 마음건강정보 > 스트레스 */ .blue_title_box._col{flex-direction: column;} .blue_title_box._col .cont {border-top-width: 0;} .blue_title_box .tit{color: #fff; background-color: #043b71; font-size: 1.13rem;text-align: center;} .blue_title_box._col .tit{ height: 70px; border-radius: 10px 10px 0 0; padding: 21px 1rem;} .blue_title_box .cont{ border: 3px solid #ddd;} .blue_title_box._col .cont{ border-radius: 0 0 10px 10px; padding: 0 20px;} body #counsel{font-weight: 400; color: #666; font-family: 'Noto Sans KR', sans-serif ,'맑은고딕',Malgun Gothic,Arial; line-height: 1.4;} #counsel .inner_contents_title{padding: 0; margin-bottom: 30px;} #counsel .gray_box{border: 0;} #counsel .bul-dash > li{line-height: 1.4;} #counsel .sub-page_t{margin-bottom: 40px;} #counsel .tbl_standard_type1 td{padding: 20px 25px;} /* 스트레스란 */ #counsel .cont03_02 .tit_box_w > *{width: 100%;} #counsel .cont03_02 .tit_box_w .blue_title_box:last-child .tit{background-color: #333;} /* 불안이란 */ #counsel .cont03_03 .red_title_box{margin-top: 70px;} /* bar_list */ #counsel .bar_list > li{padding: 15px 6vw; border-bottom: 1px dotted #010101; } #counsel .bar_list > li:last-child{border-bottom-width: 0;} #counsel .bar_list > li span.list_tit{font-weight: 500; text-align: center; min-width: 45px; display: inline-block;} #counsel .bar_list > li span.list_cont{margin-left: 10px; padding-left: 10px; position: relative;} #counsel .bar_list > li span.list_cont:before{position: absolute; left: 0; top: 5px; content: ""; display: block; width: 1px; height: 15px; background-color: #666;} #counsel .inner_contents_title_middle.bk_color{color: #333;} #counsel .blue_down_btn{border: 1px solid #0a3274; padding: 12px 20px; font-weight: 500; background: url(/resources/user/khu_atype2/image/sub_contents/counsel/down_btn.png) no-repeat center right 20px; width: 255px; display: inline-block;} #counsel .blue_down_btn:hover{color: #0a3274 !important; text-decoration: underline;} @media screen and (max-width: 1400px) { #counsel #footer_type1 .txt .inner{padding-left: 0;} } @media screen and (max-width: 1024px) { /************ 심리상담센터 ************/ .img_table{flex-wrap: wrap;} .img_table .img_w{width: 100%; border-right-width: 0; padding: 30px 0;} .bar_list > li{padding: 15px 2vw;} .red_title_box .cont.col2 > div{width: 100%;} } @media screen and (max-width: 768px) { #counsel .inner_contents_title:not(:first-child){margin-top: 40px !important;} } @media screen and (max-width: 720px) { /************ 심리상담센터 ************/ .red_title_box{flex-wrap: wrap;} .red_title_box .tit{width: 100%; border-radius: 7px 7px 0 0;} .red_title_box .tit > br{display: none;} .red_title_box .cont{margin: 0; border-radius: 0 0 7px 7px; padding: 20px;} .red_title_box .cont .inner_contents_title_middle{margin-bottom: 4px;} .red_title_box .cont .inner_contents_title_middle > br{display: none;} .red_title_box ul.cont li{flex-wrap: wrap;} .red_title_box ul.cont li .bk_color{width: 100%;} .red_title_box ul.cont li .r_cont::before{display: none;} #counsel .tbl_standard_type1 td{padding: 20px 1rem;} #counsel .border_box{padding: 20px;} #counsel .bar_list > li{padding: 15px 0;} #counsel .cont03_02 .tit_box_w {flex-wrap: wrap;} #counsel .cont03_03 .red_title_box{margin-top: 40px;} } @media screen and (max-width: 425px) { #counsel .inner_contents_title:before{margin-bottom: 0;} .golink, #counsel .blue_down_btn{background-size: 16px;} #counsel .inner_contents_title_middle.type_red:before{top: 3px;} #counsel .bar_list > li span.list_cont:before{top: 2px;} } /*--- 공통(국어국문학과, 사학과, 철학과, 영어영문학과., 응용영어통번역학과) ---*/ /* 국어국문학과 / type6 */ /* 인사말 */ /* 글씨 색상 */ .text_red { color: #9a0e17; } .text_bk { color: #000; } .greeting_st1 .row{padding-bottom: 40px; margin-bottom: 30px; border-bottom: 1px solid #ddd; gap: 2.5rem; align-items: center} .greeting_st1 .tit{line-height: 1.2;} /* cont_box_st1 : 좌측 타이틀, 우측 컨텐츠 */ .cont_box_st1 > .item{display: flex;} .cont_box_st1 > .item:not(:last-child){border-bottom: 1px solid #ddd; padding-bottom: 40px; margin-bottom: 40px;} .cont_box_st1 .left.tit{width: 225px; flex-shrink: 0; font-weight: 500; font-size: 1.50rem;} .cont_box_st1 .cont .txt_box{line-height: 1.7;} /* cont_box_st1 이미지 컨텐츠 */ .cont_box_st1.imgwrap .left.img{max-width: 600px; flex-shrink: 0; width: 100%;} .cont_box_st1.imgwrap .left.img img{max-width: 560px; width: 100%;} /* table type red */ .tbl_standard_type1.type_red{border-top-color: #990e17;} .tbl_standard_type1.type_red th{background-color: #fff3f4;} .tbl_standard_type1.type_red th, .tbl_standard_type1.type_red td{padding: 17px 10px;} /* border_box 빨간색 */ .border_box.type_red:after, .border_box.type_red:before{border-color: #9a0e17;} /* gray_box_num 그레이 박스 넘버링 */ .gray_box_num > li{background-color: #f4f4f4; border-radius: 8px; display: flex; padding: 1rem 1.31rem; align-items: center; gap: 16px; color: #333;} .gray_box_num > li:not(:last-child){margin-bottom: 10px;} .gray_box_num > li .num{border-radius: 4px; background-color: #9a0e17; color: #fff; font-size: 1.125rem; padding: 7px; width: 38px; height: 38px; display: inline-flex; justify-content: center; align-items: center;} .gray_box_num.type_blue > li .num{background-color: var(--main-blue)} .btn-url.home.red{border-color: #9a0e17; color: #990e17;} .btn-url.home.red:before{background-color: #9a0e17;} .btn-url._st2 { border-radius: 47px; height: 47px; overflow: hidden; color: #162238; } .btn-url._st2:before { width: 57px; } /* 사학과 스타일 */ /* 연혁 */ .history_style_type3 { display: flex; margin-top: 70px; } .history_style_type3 h4.tit { font-size: 2rem; font-weight: 600; color: #053b72; width: 385px; } .history_style_type3 .history-st2 { width: calc(100% - 385px); } .history_style_type3 .history-st2 > li { border-bottom: 1px dashed #dadade; position: relative; padding: 25px 0; padding-left: 17px; display: flex; } .history_style_type3 .history-st2 > li::before { position: absolute; content: ""; display: block; width: 5px; height: 5px; background-color: #333; border-radius: 5px; top: 36px; left: 0; } .history_style_type3 .history-st2 > li .year { font-size: 1.5rem; font-weight: 500; color: #333; width: 127px; flex-shrink: 0; line-height: 1;} .history_style_type3 .history-st2 > li .cont { display: flex; align-items: flex-start;flex-direction: column; gap: 10px;} .history_style_type3 .history-st2 > li .cont > li{display: flex;} .history_style_type3 .history-st2 > li .cont .month { font-size: 1.125rem; font-weight: 500; color: #333; display: inline-block; width: 95px; flex-shrink: 0;} /* 학생회 */ .s_association .row{border: 1px solid #d8d8d8;width: 100%; margin: 0 auto;} .s_association .row > .img{ border-right: 1px solid #d8d8d8; display: flex; align-items: center; justify-content: center} .s_association .row > .img, .s_association .row > .right{padding: 2.5rem 1rem;} .s_association .row > .right{padding-left: 50px; padding-right: 50px; color: #333; background: #f4f4f4 url(/resources/user/_common/_img/emblem_bg.png) no-repeat bottom right; flex: 1; } /* 인사말 */ .db_mark { position: relative; } .db_mark::after, .db_mark::before { content: ""; display: block; width: 35px; height: 32px; background: url("/resources/user/khu_atype5/img/db_q_mark.png") no-repeat center / cover; position: absolute; } .db_mark::before { top: 0; left: 0; } .db_mark::after { bottom: 0; right: 0; transform: rotate(180deg); } .db_mark.big_tit { padding: 40px 100px; font-size: 2.13rem; text-align: center; color: #333; } #history .sign { font-size: 1.38rem; font-weight: 500; color: #333; } #history .sign strong { font-size: 1.63rem; } #history .flex_box.greetings { gap: 4.38rem; display: flex;} #history .flex_box.greetings .right { flex-shrink: 0; } @media (max-width: 1024px){ .cont_box_st1 > .item{flex-wrap: wrap; gap: 15px;;} .cont_box_st1 .left.tit{width: 100%;} .cont_box_st1 .left.tit > br{display: none;} .history_style_type3 { flex-wrap: wrap; } .history_style_type3 h4.tit, .history_style_type3 .history-st2 { width: 100%; } #history .flex_box.greetings { flex-wrap: wrap; } #history .flex_box.greetings .right { order: -1; width: 100%; } .db_mark.big_tit { padding: 30px; font-size: 2rem; } .db_mark::after, .db_mark::before { width: 27px; height: 25px; } } @media (max-width: 768px) { .s_association .row > .img{border-right-width: 0;} .s_association .row > .right{padding: 1.25rem} } @media (max-width: 480px) { .history_style_type3 { gap: 20px; } .history_style_type3 .history-st2 > li { flex-wrap: wrap; align-items: normal} .history_style_type3 .history-st2 > li > * { width: 100% !important; } .history_style_type3 .history-st2 > li .cont .month{width: 70px;} } /* -------- */ #startup_kor .board .board_list .slick-slide .tit{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} /* 2024.11.05 간호과학대학 추가 */ .nursing_goal_box{border: 1px solid #ccc; padding: 35px;} .nursing_goal_box .top_goal{background: url(/resources/user/_common/_layout/type_g_8_sub/img/goal_01.png) no-repeat center / cover; width: 14.5rem; height: 14.5rem; text-align: center; color: #fff; display: flex; align-items: center; justify-content: center; margin: 0 auto; margin-bottom: 85px; font-size: 1.125rem; position: relative;} .nursing_goal_box .top_goal::before{display: block; content: ''; width: 1px; height: 40px; background-color: #ccc; position: absolute; top: 100%; left: 50%; transform: translateX(-50%);} .nursing_goal_box > .row{position: relative;} .nursing_goal_box > .row:not(.gray_box):before{display: block; content: ''; width: calc(100% - 25%); height: 1px; background-color: #ccc; position: absolute; top: -45px; left: 50%; transform: translateX(-50%);} .nursing_goal_box > .row > li{ display: flex; flex-direction: column; position: relative;} .nursing_goal_box > .row > li > p{padding: 20px; text-align: center; color: #fff; border-radius: 8px 8px 0 0; height: 60px; display: flex; align-items: center; justify-content: center; line-height: 1.3;} .nursing_goal_box > .row > li::before{content: ''; display: block; width: 12px; height: 12px; border: 3px solid #fff; border-radius: 12px; position: absolute; top: -6px; left: 50%; transform: translateX(-50%);} .nursing_goal_box > .row > li::after{display: block; content: ''; width: 1px; height: 45px; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); background-color: #ccc;z-index: -1;} .nursing_goal_box > .row > li:nth-child(1) > p, .nursing_goal_box > .row > li:nth-child(1)::before{background-color: #333;} .nursing_goal_box > .row > li:nth-child(2) > p, .nursing_goal_box > .row > li:nth-child(2)::before{background-color: #0a326f;} .nursing_goal_box > .row > li:nth-child(3) > p, .nursing_goal_box > .row > li:nth-child(3)::before{background-color: #0184ec;} .nursing_goal_box > .row > li:nth-child(4) > p, .nursing_goal_box > .row > li:nth-child(4)::before{background-color: #818e9a;} .nursing_goal_box .gray_box > div{border-right: 1px dashed #ccc;} .nursing_goal_box .gray_box > div:last-child{border-right-width: 0;} .nursing_goal_box > .row > li .bottom_box{background-color: #fff; border: 1px solid #ccc; margin-top: -1px; border-radius: 0 0 8px 8px; flex-direction: column; padding: 10px 20px; text-align: center; height: 100%; display: flex; align-items: center; justify-content: center;} .nursing_goal_box .bottom_box ul li{border-top-width: 0; display: inline-block; font-size: 15px; color: #555;} .nursing_box_1{padding: 35px;} .nursing_box_1 .row{width: 100%;} .nursing_box_1 .row > p{border-radius: 8px 0 0 8px; width: 190px; display: flex; justify-content: center; align-items: center; color: #fff; text-align: center;} .nursing_box_1 .row > ul{border-radius: 0 8px 8px 0; width: calc(100% - 190px); padding: 25px; background-color: #f4f4f4;} @media (max-width: 767px){ .nursing_box_1 .row > p, .nursing_box_1 .row > ul{width: 100%;} .nursing_box_1 .row > p > br{display: none;} .nursing_box_1 .row > p{border-radius: 8px 8px 0 0; padding: 20px;} .nursing_box_1 .row > ul{border-radius: 0 0 8px 8px;} } @media (max-width: 575px){ .nursing_goal_box .gray_box > div{border-right-width: 0; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px dashed #ccc;} .nursing_goal_box .gray_box > div:last-child{border-bottom-width: 0; padding-bottom: 0; margin-bottom: 0;} .nursing_goal_box > .row::before{display: none;} .nursing_goal_box > .row > li:not(:last-child){margin-bottom: 30px;} } [id*='nursing_'] .style_box_type_2.bg_gray{background: url(/resources/user/_common/_layout/type_g_8_sub/img/title_box_bg_1.png) no-repeat bottom -40px right -83px; background-color: #f5f5f5; border-color: #f5f5f5; text-align: center; padding: 55px 2rem; border: 0;} [id*='nursing_'] .style_box_type_1_top{top: 0; left: 0;} [id*='nursing_'] .style_box_type_1_left{top: 0; left: 0;} [id*='nursing_'] .style_box_type_2.bg_gray .f18{color: #c8c8c8; font-weight: 700;} [id*='nursing_'] .style_box_type_2.bg_gray .f30{color: #222; line-height: 1.5;} [id*='nursing_'] .btn_link{background-color: #0a326f; border-radius: 53px; height: 53px; width: 215px; color: #fff; text-align: center; display: block; line-height: 53px; position: relative; padding-right: 30px; margin: 0 auto;} [id*='nursing_'] .btn_link:before{content: '';position: absolute;top: 50%; right: 30px;transform: translate(-50%, -50%) rotate(45deg);width: 10px;height: 10px;border-top: 2px solid #fff;border-right: 2px solid #fff;} [id*='nursing_'] .num_list > li{display: flex; gap: 10px;} [id*='nursing_'] .num_list > li:not(:last-child){margin-bottom: 7px;} [id*='nursing_'] .num_list > li >.num{background-color: #333; border-radius: 100%; color: #fff; width: 18px; height: 18px; text-align: center; line-height: 18px; font-size: 12px; margin-top: 5px; flex-shrink: 0;} [id*='nursing_'] .btn_wrap{display: flex; gap: 10px; align-items: center; justify-content: center; flex-wrap: wrap;} [id*='nursing_'] .btn_wrap .btn_link{margin: 0;} [id*='nursing_'] .btn_down{background-color: #333; border-radius: 53px; height: 53px; width: 215px; color: #fff; text-align: center; display: block; line-height: 53px; position: relative; padding-right: 30px;} [id*='nursing_'] .btn_down:before{content: '';position: absolute;top: 50%; right: 23px;transform: translate(-50%, -50%); background: url(/resources/user/_common/_layout/type11_sub/img/icon-down.png) no-repeat center / contain; width: 15px; height: 13px;filter: brightness(0) invert(1);} /* link */ [id*='nursing_'] .link-btn{ display: flex; align-items: center; padding: 0 20px; width: 220px; height: 55px; font-size: 16px; color: #fff; font-weight: 500; background: #0a326f; border-radius: 8px; margin-top: 15px;} [id*='nursing_'] .link-btn:after { content: ''; display: block; margin-left: auto; width: 22px; aspect-ratio: 1; background: url(/resources/user/_common/_layout/type11_sub/img/ico-link.png) no-repeat center/100%; } /* 2024.11.05 간호과학대학 추가 끝 */