/* **************************************************************************** */ /* @Author :bokyung */ /* 대표홈페이지 : 국문 페이지별 스타일 정의 */ /* ***************************************************************************** */ @charset "utf-8"; body{word-break:keep-all;line-height:1.4; color: #000 !important;} button {cursor:pointer;padding:0;background:none;border:0 none;} .en{font-family:'field-gothic-xcondensed', 'Pretendard';letter-spacing:0.8px;} .inner{max-width:1920px;margin:0 auto;} header .inner{max-width:100%;padding:10px;text-align:right} footer{margin-top:20px} footer .inner{overflow:hidden;max-width:100%;padding:10px} /* scroll */ *::-webkit-scrollbar-track{background-color: transparent;} *::-webkit-scrollbar{width:8px;height:8px;background-color: transparent;} *::-webkit-scrollbar-thumb{background-color:#C5135E;border-radius:50px} .tab_cont{display:none;} .up_motion{transform:translateY(10%);opacity:0;transition:transform ease-in-out 0.5s, opacity ease-in-out 0.5s, margin 0.3s} .up_motion.on{transform:translateY(0);opacity:1} .img_motion{overflow:hidden;position:relative;height:0;transition:height ease-in-out 1s} /* .img_motion::after{content:'';display:block;position:absolute;bottom:-1px;left:0;width:100%;height:calc(100% + 1px);background:#fff;transition:height ease-in-out 1s} .img_motion.on::after{height:0} */ /* header */ .header{/*position:fixed;top:0;left:0;z-index:100;*/position:absolute;top:0;left:0;right:0;z-index:30;width:100%;} .header > .inner{display:flex;align-items:flex-start;justify-content:space-between;width:100%;} .header > .inner > .box{display: flex;justify-content:center;width: 100%;padding: 28px 40px;} .header .logo_wrap, .header .util a{position:relative;z-index:10;} .header .logo_wrap{position:absolute;left:43px;top:42px;display:flex;align-items:center;} .header .logo_wrap img{vertical-align:middle} .header .logo{display:block;width: 250px;height: 30px;background:url(/_res/postech/kor/img/common/logo_header.png) no-repeat 50% 50%;background-size: 238px auto;transition:0.3s} .gnb_list{margin-top: 2px;} .gnb_list ul{display: flex;flex-wrap: wrap;} .gnb_list li{padding: 0 22px;} .gnb_list a{font-size: 17px;font-weight: 700;line-height: 24px;color: #fff;letter-spacing:-0.2px} .header .login_wrap{display:flex;align-items: baseline;position:absolute;right:95px;top:41px;} .header .login_wrap a{color:#fff} .header .login_wrap .login{font-size:13px;font-weight:500;letter-spacing:0;font-family:'Roboto';} .header .login_wrap .login, .header .login_wrap .lang {padding:0 20px;} .header .login_wrap .lang a{display:inline-block;font-weight:500;font-size:13px;font-family:'Roboto';letter-spacing:0;} .header .login_wrap .lang > a:after {content:'\f107';margin-left:9px;font-family:'Line Awesome Free';font-weight:400;font-size:14px;text-decoration:normal;} .header .login_wrap .lang > a > span {text-decoration:underline;text-underline-offset:2px;} .header .login_wrap .accd_cont{left:5px;width: 54px;margin-top: 4px;padding:12px 14px;border-radius: 10px;background:#000} .header .login_wrap .accd_cont li{line-height: 1;} .header .login_wrap .accd_cont li + li{margin-top:5px;} .header .login_wrap .accd_cont li a{position: relative;letter-spacing:-0.2px;color:#999;} .header .login_wrap .accd_cont li:hover a {color:#fff;} .header .login_wrap .accd_cont li:hover a:after{content:'';position: absolute; left: 0; bottom: 0; width: 100%;height: 1px;background: #fff;} .header .login_wrap .lang .accd_cont a{line-height: 14px;padding-right:0;background:none} .header .util{position:fixed;top:24px;right:15px;transition:top .6s cubic-bezier(0.25, 0.46, 0.45, 0.94);} .header .util > li + li{margin-top:5px} .header .util > li > a{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:100%;font-size: 0;box-shadow:1px 0 30px rgba(122,122,122,0.3);text-indent: -9999em;} .header .util .icon{display:flex;align-content:center;align-items:center;justify-content:flex-start;flex-wrap:wrap;overflow:hidden;width:28px;height:28px;background:no-repeat 50% 50%} .header .util .menu > a{background:#C5135E} .header .util .menu i{position:relative;top:0;width:27px;height:2px;background:#fff;transition:0.3s} .header .util .menu i + i{margin-top:6px} .header .util .search a{border: 1px solid #66665c;background: #66665c;} .header .util .search .icon{background-image: url(/_res/postech/kor/img/common/search_ic.png);background-repeat: no-repeat;background-position: center; background-size: 24px auto;} .header .util .user_quick a{background:#fff;} .header .util .user_quick a .txt{margin-top:5px;font-family: 'field-gothic-xcondensed';font-weight: 700;font-size: 18px;line-height: 0.9;color:#c8005f;text-indent: 0;letter-spacing:0.5px;text-transform:uppercase;text-align: center;word-break: break-word;} .header .util .user_quick .icon{display: none;} .header .util .etc {background:#fff;border-radius:50%;} .header .util .etc > a {font-size: 14px;text-indent: 0;line-height: 1;color:#C5135E;font-weight:700;} .header .util > li > a, .header .util .txt{transition:0.3s} .header .wrap_close_btn{display: none;position: absolute;top:20px;right:20px;z-index: 20;;width:35px;height:35px;border-radius: 0;font-size: 0;text-indent: -9999em;background-image:url(/_res/postech/kor/img/common/close_ic.png);background-size:24px ;background-repeat: no-repeat;background-position:50% 50%;transition-duration: .3s;} .pop-open .header{position:fixed;top:0;left:0;right:0;height:100%;z-index:23;} .pop-open .header .logo{background-image: url(/_res/postech/kor/img/common/logo_header.png);} .quick-wrap-pop-open .header .util .user_quick a{background:#C5135E;cursor:default;} .quick-wrap-pop-open .header .util .user_quick a .txt{color:#fff;} .pop-open .header > .inner{height:100%;} .pop-open .header .util{position: absolute;top: 50%;right: 10px;margin-top:0;transform: translateY(-50%);z-index: 20;} .gnb_open .header .wrap_close_btn, .search-wrap-pop-open .wrap_close_btn, .quick-wrap-pop-open .wrap_close_btn{display:block;} .search-wrap-pop-open .header .util > li.search > a{border:1px solid #C5135E;background-color:#C5135E;cursor:default;} .search-wrap-pop-open .header .util .search .icon{background-image:url(/_res/postech/kor/img/common/search_wh_ic.png)} .quick-wrap-pop-open .header .util .menu > a, .quick-wrap-pop-open .header .util .search a, .search-wrap-pop-open .header .util .menu > a, .search-wrap-pop-open .header .util .user_quick a{border:1px solid rgba(255,255,255,.2);background-color: transparent;box-shadow:none;} .gnb_open .header .util .user_quick a .txt, .search-wrap-pop-open .header .util .user_quick a .txt{color:#fff;} .pop-open .header > .inner > .box{margin-right: 118px;} .top_btn{position:fixed;bottom:10px;right:10px;z-index:20;width:60px;height:60px;border-radius:50%;background:#f5f5f5;transition:0.3s;font-size:1px;color:transparent;user-select:none;} .top_btn:after {content:'\f062';position:absolute;top:50%;left:50%;font-family:'Line Awesome Free';font-size:30px;color:#a0a0a0;transform:translate(-50%, -50%);} .top_btn.top{visibility:hidden;opacity:0} .header.scroll{height:0} .header.scroll > .inner{height:100%} .header.scroll .logo_wrap {left:20px;top:20px;} .header.scroll .logo{width:180px;background-size:180px} /* .header.sticky{position: absolute;} .header.sticky .logo_wrap{position: fixed;} .header.sticky .login_wrap{position: fixed; right: 110px;} */ /*.header.sticky .util{position: fixed;top: 10px;right: 10px;}*/ .pop-open .header .bottom_link{display: flex;} .pop-open .header.scroll, .pop-open .header.scroll > .inner{height:100%} .pop-open .header.sticky .login_wrap .login, .pop-open .header.sticky .login_wrap .lang a{color:#fff;} .pop-open footer{position: relative;z-index:-1;} .header .gnb_wrap{opacity:0;visibility:hidden;transform:translateY(100%);transition:0.3s} /* gnb_wrap */ .header .gnb_wrap{position:fixed;top:0;left:0;width:100vw;height:100vh;padding:60px 0;background:#000 url(/_res/postech/kor/img/sub/a_gnb_bg.jpg) no-repeat 50% 50%;background-size:cover} .header .gnb_wrap .inner{overflow-x:hidden;overflow-y:auto;display:flex;align-items:center;position:relative;height:100%;} .header .gnb_wrap .inner::-webkit-scrollbar {background-color:#000;border-color:#000} .header .gnb_wrap .inner::-webkit-scrollbar-thumb {border-color:#000;background-color:#C5135E;} .header .gnb_wrap .inner::-webkit-scrollbar-track{background-color:#000} .header .gnb_wrap .gnbg_swiper{position:fixed;bottom:0;left:0;width:100%;height:570px;text-align:left;opacity:0.05} .header .gnb_wrap .gnbg_swiper .swiper{overflow:visible} .header .gnb_wrap .gnbg_swiper .swiper-slide{width:auto;margin-right:200px;font-weight:900;line-height:570px;font-size:830px;color:#fff;text-transform:uppercase;letter-spacing:0} .header .gnb_wrap .gnbg_swiper .swiper-slide .en {font-family: 'field-gothic-xxcondensed';letter-spacing:-0.5px;} .header .gnb_wrap .gnb {position:relative;z-index:10;padding-left:80px;width:100%;max-height:100%;text-align:left} .header .gnb_wrap .gnb li a{display:inline-block;color:#fff} .header .bottom_link{display:none;align-items:center;justify-content:flex-end;position:absolute;bottom:0;right:0;z-index: 20;padding-right: 40px;padding-bottom: 30px;} .header .bottom_link .link_gp{display:flex;margin-right:30px;} .header .bottom_link .link_gp li + li{margin-left:5px} .header .bottom_link .link_gp a{display:inline-block;padding:10px 20px;border-radius:50px;border:1px solid #545454;font-size:15px;color:#AAA;white-space:nowrap} .header .gnb_wrap .depth1{width:273px} .header .gnb_wrap .depth1 > a{position:relative;padding:13px 0;font-weight:700;font-size:40px;color:#fff;opacity:0.5;transition:0.3s} .header .gnb_wrap .depth1 > a::before{content:'';display:block;position:absolute;left:0;bottom:8px;width:0;height:4px;background:#fff;transition:0.3s} .header .gnb_wrap .depth1 > a::after{content:'';display:block;position:absolute;right:-70px;top:22px;width:50px;height:50px;border-radius:50%;background:#C5135E url(/_res/postech/kor/img/sub/a_gnb_depth1_arrow.png) no-repeat 50% 50%;transform:translateX(-50%);opacity:0;transition:0.3s} .header .gnb_wrap .depth1 > a br {display:none;} .header .gnb_wrap .depth2{display:flex;flex-wrap:wrap;align-content:center;position:absolute;top:-16px;left:450px;width:calc(100% - 353px);min-height:calc(100% + 16px);padding:0 25px;opacity:0;visibility:hidden;transition:opacity 0.3s} .header .gnb_wrap .depth2 a:hover{opacity:1} .header .gnb_wrap .depth2 > li > button {display:none;} .header .gnb_wrap .depth2 > li{width:25%;padding:30px 25px;border-left:1px solid #272727;} .header .gnb_wrap .depth2 > li > a{font-size:24px;font-weight:600;} .header .gnb_wrap .depth3{padding:10px 5px 0} .header .gnb_wrap .depth3 > li{margin-top:10px} .header .gnb_wrap .depth3 > li > a{font-weight:500;font-size:18px;color:#aaa} .header .gnb_wrap .depth1 > a:hover{opacity: 1;} .header .gnb_wrap .depth1.open .depth2{opacity: 1;visibility:visible} .header .gnb_wrap .depth1.open > a:hover, .header .gnb_wrap .depth1.open > a{opacity:1} .header .gnb_wrap .depth1 > a:hover::before, .header .gnb_wrap .depth1.open > a:before{width:100%} .header .gnb_wrap .depth1.open > a:after{transform:translateX(0);opacity:1;} .eng .header .gnb_wrap .gnb li a{font-family: 'MyriadPro';} .eng .header .gnb_wrap .depth2 > li > a{letter-spacing: 0;} .eng .header .gnb_wrap .depth3 > li > a{letter-spacing: 0;} .eng .header .gnb_wrap .depth1{width:273px;} .header .gnb_wrap a[target] span:after {content:'\F061';display:inline-block;margin-left:5px;margin-top:-3px;font-family:'Line Awesome Free';font-size:17px;transform:rotate(-45deg);font-weight:400;vertical-align:middle;margin-right: -12px;} /* gnb_open */ .gnb_open{overflow:hidden} .gnb_open .gnb_wrap {opacity:1;visibility:visible;transform:translateY(0);} .pop-open[data-pop='open'] .gnb_wrap {transform:translateY(0);transition:none;} .pop-open .header .login_wrap {position:fixed;top:19px;right:78px;opacity:1;visibility:visible;z-index: 20;} .gnb_open .header .login_wrap a {color:#fff;} .pop-open .header .logo_wrap {left:10px;top:14px;} .gnb_open .header .logo{width:240px;background-size:205px} .gnb_open .header .util > .menu > a{box-shadow: none;background:#C5135E;cursor:default;} .gnb_open .header .util > li > a{overflow:hidden;} .quick-wrap-pop-open .header .util .search a .icon, .gnb_open .header .util .search .icon{background-image: url(/_res/postech/kor/img/common/search_wh_ic.png);} .gnb_open .header .util .user_quick a, .gnb_open .header .util > li.search > a{border:1px solid rgba(255,255,255,.2);background-color: transparent;box-shadow:none;} .gnb_open .header .util > .menu > a, .gnb_open .header .util > .menu > a:hover{background:#C5135E} body.pop-open {height:100%;overflow:hidden;} .header .gnb_wrap .depth1 .depth2 > li > a{position:relative} .header .gnb_wrap .depth1 .depth2 > li > a:hover::before{width: 100%;} .header .gnb_wrap .depth1 .depth2 > li > a::before {content: '';display: block;position: absolute;left: 0;bottom: -8px;width: 0;height: 3px; background: #fff;transition: 0.3s;opacity: 1;} .header .gnb_wrap .depth1 .depth3 > li > a{position:relative} .header .gnb_wrap .depth1 .depth3 > li > a:hover{color: #ffffff} .header .gnb_wrap .depth1 .depth3 > li > a:hover::before{width: 100%;} .header .gnb_wrap .depth1 .depth3 > li > a::before {content: '';display: block;position: absolute;left: 0;bottom: 0;width: 0;height: 1px; background: #fff;transition: 0.3s;opacity: 1;} /* 검색 화면 */ .search-wrap-pop-open{overflow-y: hidden;} .search-wrap-pop-open .search-wrap-pop{display:block;} .search-wrap-pop{display:none;position: fixed;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;} .search-wrap{display: flex; align-items: center;justify-content: center;width: 100%;height: 100%;background:#000 url(/_res/postech/kor/img/common/search_wrap_bg.jpg) top center no-repeat;background-size: cover;} .search-wrap .inner{padding: 0 40px;} .search-wrap h3{padding-bottom: 50px;font-size: 40px;font-weight: 900;line-height: 50px;letter-spacing: -.4px;color: #fff;text-align: center; word-break: keep-all;} .search-wrap h3 .col{color:#de006a} .search-wrap .input_wrap{max-width:720px;margin: auto;} .search-wrap .input_box{display: flex; align-items: center;/*flex-wrap: wrap;*/width:100%;} .search-wrap input{width: calc(100% - 128px);height:64px;margin-right: 10px;border-radius: 45px;border:1px solid rgba(166,166,166,.4);padding: 0 36px;font-size: 20px;font-weight: 600;background:rgba(0,0,0,.4);color:rgba(255,255,255,.8)} .search-wrap input[type="text"]:focus{background:rgba(0,0,0,.4);} .search-wrap input[type="text"]::placeholder{color:rgba(255,255,255,.8);color:#fff;} .search-wrap .search_btn{height:64px;padding:0 10px;width:110px;border-radius: 34px;border:1px solid #c8005f;font-size: 20px;font-weight: 700;line-height: 64px;background-color: #c8005f;color: #fff;transition-duration: .2s;text-align:center;} .search-wrap .search_btn:hover{background:#fff;color:#c8005f} .search-wrap .recomm{display: flex;align-items: center;flex-wrap: wrap;margin-top: 30px;padding-left:40px;} .search-wrap .recomm p{margin-right: 40px;padding-left: 30px;font-size: 18px; font-weight: 700;letter-spacing: -.2px;background-image:url(/_res/postech/kor/img/common/recomm_search_ic.png);background-size: 22px auto;background-repeat: no-repeat; background-position: 0 50%; color: #fff;text-align: left;} .search-wrap .recomm ul{display: flex;align-items: center;flex-wrap: wrap;} .search-wrap .recomm li{margin:2px} .search-wrap .recomm li a{height:40px;padding:0 20px;border-radius: 24px;font-size: 16px;font-weight: 600;line-height:40px;color: #dfdfdf;transition-duration: .2s} .search-wrap .recomm li a:hover{background:#fff;color:#7e5243;} /* 퀵메뉴 화면 */ .quick-wrap-pop-open{overflow-y: hidden;} .quick-wrap-pop-open .quick-menu-wrap-pop{display:block;} .quick-menu-wrap-pop{display:none;position: fixed;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;} .quick-menu-wrap{display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;background:#000 url(/_res/postech/kor/img/common/quick_menu_wrap_bg.jpg) top center no-repeat;background-size: cover;} .quick-menu-wrap .inner{max-width: 1480px;width: 100%;margin: auto;} .quick-menu-wrap h3{padding-bottom:55px;font-size: 30px; font-weight: 700;letter-spacing: -.2px;color: #fff;text-align: center;} .quick-menu-wrap .menu_box{display: block;} .quick-menu-wrap .menu_box > ul{display: flex;flex-wrap: wrap;} .quick-menu-wrap .menu_box > ul > li{flex: 1;padding-left: 40px;padding-right: 20px;text-align: left;border-left: 1px solid rgba(255,255,255,.15);} .quick-menu-wrap .menu_box > ul > li:last-child{border-right: 1px solid rgba(255,255,255,.15);} .quick-menu-wrap .menu_box p{padding-top: 68px;padding-bottom: 12px;font-size: 24px;font-weight: 700;background-position: top left;background-repeat: no-repeat;color:#fff;} .quick-menu-wrap .menu_box .menu1 p{background-image:url(/_res/postech/kor/img/common/quick_menu_ic1.png);background-size: 46px auto;} .quick-menu-wrap .menu_box .menu2 p{background-image:url(/_res/postech/kor/img/common/quick_menu_ic2.png);background-size: 38px auto;} .quick-menu-wrap .menu_box .menu3 p{background-image:url(/_res/postech/kor/img/common/quick_menu_ic3.png);background-size: 41px auto;} .quick-menu-wrap .menu_box .menu4 p{padding-top: 70px;background-image:url(/_res/postech/kor/img/common/quick_menu_ic4.png);background-size: 44px auto;} .quick-menu-wrap .menu_box .menu5 p{background-image:url(/_res/postech/kor/img/common/quick_menu_ic5.png);background-size: 37px auto;} .quick-menu-wrap .menu_box a{display:inline-block;position: relative;margin: 10px 0;font-size: 18px;font-weight: 600; line-height: 20px;color: #aaaaaa;transition: 0.3s;} .quick-menu-wrap .menu_box a:hover {color:#fff;} .quick-menu-wrap .menu_box a:hover:before{content:'';position: absolute;bottom:-2px;background:#d4d4d4;width:100%;height:1px;} .quick-menu-wrap .menu_box a:hover:after{content:'';opacity:1;position: absolute;top: -4px;right:-40px;width: 30px;height: 30px;border-radius: 100%;background-image:url(/_res/postech/kor/img/sub/a_gnb_depth1_arrow.png);background-repeat: no-repeat;background-size: 14px auto;background-position: center;background-color: #C5135E;} /* sns_gp */ .sns_gp{display:flex;} .sns_gp li + li{margin-left:10px} .sns_gp a{opacity:0.5;display:block;width:35px;height:35px;border-radius:50%;text-indent:-9999px;background:no-repeat 50% 50%} .sns_gp a span{opacity:0} .sns_gp a:hover {opacity:1;} .sns_gp .instar a{background-image:url(/_res/postech/kor/img/common/sns_instar_ic.png)} .sns_gp .facebook a{background-image:url(/_res/postech/kor/img/common/sns_facebook_ic.png)} .sns_gp .twitter a{background-image:url(/_res/postech/kor/img/common/sns_twitter_ic.png)} .sns_gp .youtube a{background-image:url(/_res/postech/kor/img/common/sns_youtube_ic.png)} .sns_gp .linkdin a{background-image:url(/_res/postech/kor/img/common/sns_linkedin_ic.png)} /* 통합검색 */ /* .search .header .logo, .search .header.sticky .logo{width:260px;background: url(/_res/postech/kor/img/common/logo_header.png) no-repeat 10px 10px;background-size: 240px auto;} */ .search .header .logo, .search .header.sticky .logo{width:260px;background: url(/_res/postech/kor/img/common/logo_header.png) no-repeat 0 0;background-size: 240px auto;} .search .header .login_wrap a, .search .header.sticky .login_wrap .login{color:#000} /* .search .header .login_wrap .lang a span{border-bottom: 1px solid #000;} */ .search .header .gnb_list {display:none;} .search_w{padding:0 10px;margin: 120px auto 0;} .search_w .inbox{position: relative;z-index: 20;max-width: 1620px;height:266px;margin: auto;padding: 0 10px;border-radius: 20px;background:url(/_res/postech/kor/img/common/search_wrap_bg.jpg) top center no-repeat;background-size: cover;} .search_w .inner{display: flex;align-items: center;flex-wrap: wrap;justify-content: center;max-width: 1120px;height: 100%;padding: 0 20px;} .search_w .item{display: flex; align-items: baseline;flex-wrap: wrap;width:100%;} .search_w .input_box{position: relative;} .search_w input[type="text"]{height:80px;border-radius: 0;border: none;border-bottom:3px solid #fff;padding: 0;padding-right:130px;font-size: 40px;font-weight: 700;background: transparent;color: #fff;} .search_w input[type="text"]::placeholder{color: #fff;} .search_w .input_box .input{position: relative;} .search_w .input_box .input a{position: absolute;top: 50%;transform: translateY(-50%);font-size: 0;text-indent: -9999em;background-repeat:no-repeat;background-position: center;} .search_w .remove_btn{right:73px;width: 28px;height:28px;border-radius: 100%;background-color:rgba(255,255,255,.19);background-image:url(/_res/postech/kor/img/sub/remove_ic1.png);background-size: 11px auto;} .search_w .search_btn{right:10px;width: 37px;height: 37px;background-image:url(/_res/postech/kor/img/common/search_wh_ic.png);background-size: 37px auto;} .search_w .flex_box{padding-top: 16px;} .search_w .select{margin-top: 22px;margin-left: 30px;} .search_w .select:after{top: 1px;right: 1px;width: 28px;height: 40px;border-top-right-radius: 24px;border-bottom-right-radius: 24px;background-image:url(/_res/postech/kor/img/sub/select_wh_ic.png);background-size: 10px auto; background-color: #000;} .auto_search.focus{display: block;} .auto_search{display:none;position: absolute;top: 77px;width: 100%;padding: 25px 20px;border-bottom-right-radius: 20px;border-bottom-left-radius: 20px;border: 1px solid #000;box-shadow: 7px 0 15px rgba(4,0,0,0.08);background: #fff;} .auto_search li{font-size: 16px;} .auto_search li.none{font-weight: 700;letter-spacing: -.4px;;color:#666} .auto_search li a{width: 100%;padding:5px 10px;font-weight:500;letter-spacing: 0;color:#666;} .auto_search li a:hover{border-radius: 5px;background:#f7f7f7} .auto_search li a .mark{font-weight:700;} .search_option{height: 40px;padding: 0 20px; margin-left: 30px;border: none;border-radius: 30px;font-size: 14px;font-weight: 700;line-height: 40px;color:#fff;background: #000;} .search_option span:after{content:'';display:inline-block;width:10px;height:11px;margin-left: 8px;background: url(/_res/postech/kor/img/sub/select_wh_ic.png) no-repeat 0 3px;background-size: 10px auto;transition: 0.2s;} .search_option.on span:after{transform: rotate(180deg);} .search_option_wrap{display: none;position: absolute;width: 100%;margin-top: 5px;padding:10px 30px;border-radius:20px;border:1px solid #000;box-shadow: 7px 0 15px rgba(4,0,0,0.08);background: #fff;} .search_option_wrap .close_btn{position: absolute;top: 17px; right: 24px;width:25px;height:25px;font-size: 0;text-indent: -9999em;background: url(/_res/postech/kor/img/sub/remove_ic2.png) no-repeat 50% 50%;background-size: 15px auto;} .search_option_wrap dl{display: flex;align-items: center;flex-wrap: wrap;padding:10px 0;border-bottom:1px solid #ededed;} .search_option_wrap dl:last-child{border-bottom:none;} .search_option_wrap dt{width:55px;font-size: 15px;font-weight: 600;color: #000000;} .search_option_wrap dd > ul{display: flex;align-items: center;flex-wrap: wrap;} .search_option_wrap dd li + li{margin-left: 4px;} .search_option_wrap dd .radio .txt{display: inline-block;height: 30px;padding: 0 12px;border-radius: 16px;border: 1px solid #f0f0f0;font-size: 13px;font-weight: 600;line-height: 30px;background: #f0f0f0;color:#333333;} .search_option_wrap dd .radio input[type="radio"]:checked + .txt{border: 1px solid #c8005f;color: #c8005f;background: #fff;} .search_w .check { height: 100%;margin-left: 20px;} .search_w .check .txt:before{content:'';width:20px;height:20px;margin-right: 10px;border:none;border-radius: 2px;background-color: #fff;background-image: none;} .search_w .check input[type="checkbox"]:checked + .txt:before{border:none;background:#65655b url(/_res/postech/kor/img/sub/chk_on_ic.png) 50% 50% no-repeat;background-size: 12px auto;} .search_w .check .txt{font-size: 15px;font-weight: 600;color:#fff;} .search_w .tooltip{width: auto;height: 100%;margin: 0;padding-left: 27px;margin-left: 20px;font-size: 15px;font-weight: 600;background: url(/_res/postech/kor/img/sub/tooltip_ic2.png) 0 50% no-repeat;background-size: 19px auto;color: #fff;text-indent: 0;} .search_w .title{display: inline-block;height: 42px;padding: 0 20px;margin-right: 25px;border-radius: 24px;font-weight: 700;line-height: 42px;background:#C5135E;color:#fff;} .search_w .title span{display: inline-block;padding-left: 30px;background-image:url(/_res/postech/kor/img/sub/recomm_search_wh_ic.png);background-size: 22px auto;background-repeat:no-repeat;background-position: 0 50%;} .search_w .recomm{display: flex;} .search_w .recomm li{padding: 10px 15px;font-weight: 600;color: #fff;} .search_total_box{width: 100%;} .search_total_box p {padding-bottom: 35px;font-size: 36px;font-weight: 700;line-height: 44px;color: #000000;text-align: center;} .search_total_box p span{color:#C5135E} .search .lnb{border-top: 3px solid #000;} .search .content_wrap{border-top: 3px solid #000;} .search .content_box{display: flex;flex-wrap: wrap;} .my .search_con_wrap{flex: 1;width: calc(100% - 284px);} .search .con-box.bottom_line{padding-bottom: 80px;border-bottom: 1px solid #bbbbbb;} .h4_tit_box{display: flex;align-items: center;padding-bottom: 30px;} .h4_tit_box .h4_title{padding-bottom: 0;} .more_btn{height: 40px;padding: 0 16px;margin-left: 20px;border-radius: 24px;border: 1px solid #000;font-size: 14px;font-weight: 700;line-height: 40px;color: #000;transition-duration: .2s} .more_btn span{padding-right: 15px;background:url(/_res/postech/kor/img/sub/btn_arrow_ic2.png) 100% 50% no-repeat;background-size: 6px auto;transition-duration: .2s } .more_btn:hover{background:#000;color:#fff;} .more_btn:hover span{background: url(/_res/postech/kor/img/sub/btn_arrow_wh_ic2.png) 100% 50% no-repeat;;background-size: 6px auto;} .search .tab-box.dls{margin-bottom: 60px;} .search .mark{color:#c8005f;} .search .ul-type-dot li{text-indent: 0;} .search .menu p{display: inline-block;} .search .menu span{display: inline-block;} .search .ul-type-dot li .mark{padding-left: 0;color:#c8005f} .search .menu p{padding-right: 7px;} .search .menu p + p{padding-left:13px;background: url(/_res/postech/kor/img/sub/btn_arrow_ic3.png) 0 50% no-repeat;background-size: 7px auto;} .popon header{z-index: 2;} .popup.open.search_tip{display: block;} .popup.search_tip{max-width:900px;} .search_tip .str_txt5.col{padding-bottom: 35px;} .search_tip .str_txt5 + .table-wrap{margin-top: 20px;} .search_tip .table-wrap tbody td{font-size: 15px;line-height: 24px;} .search_tip .table-wrap tbody td p + p{padding-top: 10px;} /* 검색결과 없음 */ .no_result{border-radius: 6px;background:#f7f7f7;text-align: center;padding:70px 20px} .no_result .txt1{padding-top: 85px;padding-bottom:20px;font-size: 24px;font-weight:700;background-image: url(/_res/postech/kor/img/sub/guide_ic2.png);background-repeat: no-repeat;background-position: top center;background-size: 50px auto;color:#000;} .no_result .txt2{font-size: 16px;font-weight: 500; line-height: 24px;color: #666;} .no_result .txt2 + .txt2{padding-top:12px} .info_list > ul{display: flex;flex-wrap: wrap;} .info_list > ul > li{width: calc(50% - 5px);margin-right: 10px; border-radius: 6px;border: 1px solid #e0e0e0;} .info_list > ul > li:nth-child(2n){margin-right: 0;} .info_list > ul > li:nth-child(n+3){margin-top: 10px;} .info_list.contact > ul > li a{width:100%;height:100%;padding: 30px;} .info_list .top{display: flex;justify-content: space-between;padding-bottom: 15px;} .info_list .name{font-size: 24px; font-weight: 700;color: #000000;} .info_list.contact .type{display: inline-block;height: 27px;padding: 0 10px;border-radius: 16px;font-size: 13px; font-weight: 600;line-height: 27px;} .info_list .type.col1{border: 1px solid #c8005f;color:#c8005f;} .info_list .type.col2{border: 1px solid #7e5243;color:#7e5243;} .info_list .cont li{padding-left:26px;font-size: 16px;font-weight: 500;background-repeat: no-repeat;background-position: 0 50%;color: #333333;} .info_list .cont li.ic1{background-image: url(/_res/postech/kor/img/sub/contact_info_col_Ic1.png);background-size: 17px auto;} .info_list .cont li.ic2{background-image: url(/_res/postech/kor/img/sub/contact_info_col_Ic2.png);background-size: 19px auto;} .info_list .cont li.ic3{background-image: url(/_res/postech/kor/img/sub/contact_info_col_Ic3.png);background-size: 17px auto;} .info_list .cont li + li{margin-top: 10px;} .info_list.contact dl{display: flex;align-items: center; flex-wrap: wrap;padding-top:25px;} .info_list.contact dt{width:60px;font-size: 15px;font-weight: 600;color: #000000;} .info_list.contact dd{flex:1;overflow: hidden;font-size: 15px;font-weight: 500;color: #666666;text-overflow: ellipsis;white-space: nowrap;} .info_list.site li{padding:0;border:none;} /* .info_list.site a{background-image: url(/_res/postech/kor/img/sub/link_g_ic.png);background-size: 15px auto; background-repeat: no-repeat;background-position: top 30px right 30px;} .info_list.site a:hover{border: 1px solid #c8005f;background-image: url(/_res/postech/kor/img/sub/link_col_ic.png);background-repeat: no-repeat;background-size: 15px auto;background-position: top 30px right 30px;}*/ .info_list.site a:hover{border: 1px solid #c8005f;} .info_list.site li{position: relative;} .info_list.site li a[target] .str_txt1:after{content: '\f061';position: absolute;right: 27px;font-family: 'Line Awesome Free';font-size: 17px;transform: rotate(-45deg);font-weight: 400;vertical-align: middle;top: 20px;} .info_list.site a{width: 100%;height: 100%;padding: 30px;border-radius: 6px;border: 1px solid #e0e0e0;} .info_list.site a:hover .str_txt1{color:#c8005f} .info_list .str_txt1{width: 100%;padding-bottom: 12px;} .info_list.site .type{display: inline-block;height: 27px;padding: 0 10px;border-radius: 17px;font-size: 13px;font-weight: 600;line-height: 27px;background:#f0f0f0;color: #666666;} .info_list.site .url{display: inline;margin-left:6px;font-size: 14px;font-weight: 500; color: #999999;} .search .page_list > ul > li{border-bottom: 1px solid #e0e0e0;padding: 40px 0;} .search .page_list > ul > li + li{border-bottom: none;padding-bottom: 0;} .search .page_list > ul > li:first-child{padding-top: 0;} .search .page_list .h5_title{padding-bottom: 18px;} .search .page_list > ul > li > p{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;font-size: 16px;font-weight: 500;line-height: 26px;color: #666666;} .search .page_list .info{margin-top: 15px;} .search .page_list .info ul{display: inline-block;height: 27px;padding:0 10px;border-radius: 3px;background:#f0f0f0;} .search .page_list .info li{font-size: 13px;font-weight: 600;line-height: 27px;color: #666666;} .search .page_list .info li p{display: inline-block;margin-right: 5px;} .search .page_list .info li p + p{padding-left:10px;background:url(/_res/postech/kor/img/sub/btn_arrow_ic3.png) 0 50% no-repeat;background-size: 6px auto;} .search .page_list .info li p:last-child{margin-right: 0;} .search .page_list .date{display: inline-block;padding-left: 10px;font-size: 14px;font-weight: 500;color: #666666;} .my_search_box {margin-left: 60px;padding-left: 40px;padding-right: 30px;border-left: 1px solid #e0e0e0;} .my_search_box strong{ margin-bottom: 30px;padding-left: 30px;background-image: url(/_res/postech/kor/img/sub/my_search_ic.png);background-repeat: no-repeat;background-position: 0 50%;background-size: 18px auto;} .my_search_box li{display: flex; align-items: center;justify-content: space-between;} .my_search_box li + li{margin-top: 16px;} .my_search_box p{flex: 1;overflow: hidden;white-space: nowrap;padding-right: 10px;font-size: 16px;font-weight: 600;color: #333333;} .my_search_box .remove_btn{width: 20px;height: 20px; border-radius: 100%;font-size: 0;background:#efefef url(/_res/postech/kor/img/sub/remove_ic2.png) no-repeat center center;background-size: 9px auto;text-indent: -9999em;} /* accd_wrap */ .accd_wrap{position:relative;} .accd_wrap .accd_head{position:relative;} .accd_wrap .accd_cont{display:none;position:absolute;} /* rnd_box */ .rnd_box{position:relative;} .rnd_cn{position:absolute;top:-2px;right:-2px;z-index:10;padding:3px;border-radius:70px 0 0 70px;background:#fff} .rnd_cn::before, .rnd_cn::after{content:'';display:block;position:absolute;background:no-repeat 0 0} .rnd_cn::before{top:2px;left:-31px;width:98px;height:70px;background-image:url(/_res/postech/kor/img/common/rnd_cn_left.png)} .rnd_cn::after{right:1px;bottom:-33px;width:32px;height:33px;background-image:url(/_res/postech/kor/img/common/rnd_cn_right.png)} .rnd_box.bottom .rnd_cn{top:auto;bottom:-2px;border-radius:0} .rnd_box.bottom .rnd_cn::before{top:0;left:-94px;width:94px;height:85px;background-image:url(/_res/postech/kor/img/common/rnd_cn_bottom_left.png)} .rnd_box.bottom .rnd_cn::after{right:2px;top:-35px;width:35px;height:35px;background-image:url(/_res/postech/kor/img/common/rnd_cn_bottom_right.png)} .cont_img_box{display: flex;flex-wrap: wrap;position: relative;} .cont_img_box .img{position: relative;overflow: hidden;border-radius: 20px;vertical-align: top;} .cont_img_box .img + .img{margin-left: 10px;} .cont_img_box img{width: 100%;height: 100%;object-fit: cover;} .cont_img_box .img .text{position: absolute;} .cont_img_box .img .txt1{font-weight: 600;padding-bottom: 10px;color:#fff;} .cont_img_box .img .txt2{font-weight: 700;color:#fff;} .cont_img_box.type1 .img.img1{width: calc(69% - 10px);height: 392px;} .cont_img_box.type1 .img.img2{width: 31%;height: 342px;} .cont_img_box.type1 .img .text{left:30px;bottom:30px;} .cont_img_box.type1 .img .txt1{font-size: 20px;font-weight: 600;} .cont_img_box.type1 .img .txt2{font-size: 60px;line-height: 54px} .cont_img_box.img1 .img .text{left: 50px;bottom: 30px;} .cont_img_box.img1 .img .txt2{font-size: 80px;font-weight: 700;letter-spacing: -0.5px;line-height: 75px;text-transform: initial;} .cont_img_box.type2 .img .text{left: 32px; bottom: 30px;} .cont_img_box.type2 .txt1{font-size: 20px;line-height: 20px;} .cont_img_box.type2 .img .txt2{font-size: 60px;line-height: 54px;} .cont_img_box.type2 .swiper-pagination, .img_cont_info_wrap .swiper-pagination, .festival .swiper-pagination{bottom:15px;} .cont_img_box.type2 .swiper-pagination-bullet, .img_cont_info_wrap .swiper-pagination-bullet, .festival .swiper-pagination-bullet{width: 8px;height: 8px;margin:0 3px;background:rgba(255,255,255,1)} .cont_img_box.type2 .swiper-pagination-bullet-active, .img_cont_info_wrap .swiper-pagination-bullet-active, .festival .swiper-pagination-bullet-active{width:22px;border-radius: 8px;background:rgba(255,255,255,1)} .con-p + .cont_img_box{margin-top:25px;} .cont_img_text_box{display: flex;flex-wrap: wrap;align-items: center;} .cont_img_text_box .cont_img_box {width: calc(46% - 8px);margin-right: 45px;} .cont_img_text_box .cont_img_box .img{height: 370px;} .cont_img_text_box .text{top: 50%;transform: translateY(-50%);left: 40px;} .cont_img_text_box .cont_img_box .img .txt1{font-size: 28px;font-weight: 600;} .cont_img_text_box .cont_img_box .img .txt2{font-size: 76px;line-height: 66px;} .cont_img_text_box .right_text{width: calc(54% - 37px);} .cont_img_text_box .info_txt{font-size: 30px;font-weight: 800;line-height: 46px;color: #000000;} /* 입학 */ .guide_info_box ul{display: flex;flex-wrap:wrap;} .guide_info_box li{display: flex; align-items: center;flex:1;height:252px;padding:20px 40px;border-radius: 6px;background-repeat: no-repeat;background-position: center right 60px;} .guide_info_box li.col1{background-color: #f8f7f2;background-image:url(/_res/postech/kor/img/sub/info_box_ic1.png);} .guide_info_box li.col2{background-color: #f9f3f6;background-image:url(/_res/postech/kor/img/sub/info_box_ic2.png);} .guide_info_box li + li{margin-left: 20px;} .guide_info_box li strong{display: block;font-size: 24px;font-weight: 700;line-height: 36px;color: #000000;} .guide_info_box li .link_btn{margin-top: 35px;} .guide_info_box .link_btn.bg span.arrow{padding-right:0} .cont_line_box2{border-top: 1px solid #000;} .cont_line_box2 li{display: flex;flex-wrap: wrap;align-items: center;border-bottom:1px solid #e0e0e0;padding:40px 0;} .cont_line_box2 .img{overflow: hidden;width: calc(32% - 10px);height: 340px;border-radius: 13px;} .cont_line_box2 img{width: 100%; height: 100%;object-fit: cover;} .cont_line_box2 .text_wrap{width: calc(68% - 40px);margin-left: 50px;} .cont_line_box2 .btn_box{display: flex;flex-wrap: wrap;margin-top: 30px;} .cont_line_box2 .btn_box a{margin:5px} .flex_box .contact_wrap.type2{flex:1;height:250px;} .flex_box .contact_wrap.type2 + .contact_wrap.type2{margin-left: 10px;;} .contact_wrap.type2 .exp_tit{padding-bottom: 22px;} .contact_wrap.type2 li{padding-left:30px;font-size: 16px;font-weight: 500;color: #333333;background-repeat: no-repeat;background-position: 0 4px;;} .contact_wrap.type2 .ic1{background-image:url(/_res/postech/kor/img/sub/contact_info_ic2.png);background-size: 19px auto;} .contact_wrap.type2 .ic2{background-image:url(/_res/postech/kor/img/sub/contact_info_ic3.png);background-size: 20px auto;} .contact_wrap.type2 .ic3{background-image:url(/_res/postech/kor/img/sub/contact_info_ic4.png);background-size: 17px auto;} .contact_wrap.type2 .ic4{padding: 1px 0 1px 30px;background-image:url(/_res/postech/kor/img/sub/contact_info_ic1.png);background-size: 18px auto;} .contact_wrap.type2 .ic3 a{color:#333;} .contact_wrap.type2 li + li{margin-top: 15px;} .contact_wrap.type2.sns li{padding-left:28px;background-position: 0% 50%;} .contact_wrap.type2.sns{display: flex;align-items: center;} .contact_wrap.type2.sns .ic1{background-image:url(/_res/postech/kor/img/sub/sns_ic1.png);background-size: 18px auto;} .contact_wrap.type2.sns .ic2{background-image:url(/_res/postech/kor/img/sub/sns_ic2.png);background-size: 20px auto;} .contact_wrap.type2.sns .ic3{background-image:url(/_res/postech/kor/img/sub/sns_ic3.png);background-size: 20px auto;} .contact_wrap.sns .box {display: flex;flex-wrap: wrap;align-items: center;} .contact_wrap .box.c1 .logo{width: 121px;margin-right: 60px;} .contact_wrap .box.c2 .logo{width: 96px;margin-right: 82px;} .contact_wrap .box img{width: 100%;} .contact_wrap.type2.sns li a{font-weight: 600;color:#000} .contact_wrap.type2 .text{margin-top: -80px;} .contact_info.type2{display: flex;align-items: center;flex-wrap: wrap;padding: 40px;margin-top:10px;border-radius: 10px;border:1px solid #ededed;background:#f7f7f7;} .contact_info.type2 dl + dl{margin-top:12px} .contact_info .info{padding-left: 80px;} .contact_info .info dt{width: 140px;padding-left: 28px;letter-spacing: -.4px;background-size: 18px auto;background-repeat: no-repeat;background-position: 0 50%;} .contact_info .info .ic1{background-image:url(/_res/postech/kor/img/sub/contact_info_ic1.png);} .contact_info .info .ic2{background-image:url(/_res/postech/kor/img/sub/contact_info_ic5.png);} .contact_info .info dd{letter-spacing: -.4px;color: #000000;} .cont_line_box.btn_type.style{border-top: 1px solid #000000;} .cont_line_box.btn_type.style .box{padding:35px 0;} .cont_line_box.btn_type.style .h5_title{padding-bottom: 0;color:#000} .cont_line_box.btn_type .btn-box{display: flex; flex-wrap: wrap;justify-content: right;flex: 1;} .cont_line_box.btn_type .btn-box a{margin:5px} .cont_line_box .btn-box .link_btn.bg.col1 span.arrow{padding-right: 0;background-size: 8px auto;} .cont_line_box .btn-box .link_btn.bg.col1 span{padding-right: 25px;background-size: 16px auto;} .cont_line_box .btn-box .link_btn.bg.col2 span{padding-right: 25px;background-size: 16px auto;} .guide_con_img_box{display: flex;flex-wrap: wrap;align-items: center;height:382px;padding: 20px 80px;border-radius: 13px;background:url(/_res/postech/kor/img/sub/new_student_guideline_con_img.jpg) top center no-repeat;background-size: cover;} .guide_con_img_box p{font-size: 30px;font-weight: 700;letter-spacing: -1px;line-height: 42px;color: #000000;} .guide_con_img_box .link_btn {margin-top: 32px;} .guide_con_img_box .link_btn span.arrow{padding-right: 17px;} /* corporate_table */ .table-wrap .corporate_table tbody th{border-right:0} .table-wrap .corporate_table .t_left tr th{border-left: 1px solid #e0e0e0;} .table-wrap .corporate_table .t_left tr th.bg{border-left: 0;} .table-wrap .corporate_table.t_view th[rowspan]{border-bottom:1px solid #bbbbbb} .table-wrap .corporate_table tbody th.bottom_b_line{border-bottom:1px solid #bbbbbb} .minute_table_box table td ul.ul-type-dot{text-align: left;} .minute_table_box em.min_date{display: block;font-size: 15px;font-weight: 500;color: #999;line-height: 1;} p.con-p.mark02 {font-size: 15px;font-weight: 500;color: #999;margin-bottom: 15px;line-height: 1;} .con-box.director_sch_wrap h5.h5_title{ padding-bottom: 15px;} .con-box.director_sch_wrap p.con-p.mark02{margin-bottom: 22px;} /* 교육 */ /* 대학/대학원 */ .str_txt1 + .btn-box{margin-top: 28px;} .btn-box.flex_box.a3 a{margin:5px} .btn-box.flex_box.a3 a:first-child{margin-left: 0;} .btn-box.flex_box a + a{margin-left: 10px;} .star_txt{margin: 0 2px;} /* 대중 강연 */ .img_con_wrap li{display: flex;flex-wrap: wrap;align-items: center;padding:40px 0;border-bottom: 1px solid #e7e7e7;} .img_con_wrap li:first-child{padding-top: 0;} .img_con_wrap li:last-child{padding-bottom: 0;border-bottom:none;} .img_con_wrap .img{overflow: hidden;width: calc(32% - 10px);height: 342px;margin-right: 60px;border-radius: 20px;} .img_con_wrap img{width: 100%;height: 100%;object-fit: cover;} .img_con_wrap .text_wrap{width: calc(68% - 50px);} .img_con_wrap .num{display:block;padding-bottom: 12px;font-size: 20px;font-weight: 700;} .img_con_wrap .title{padding-bottom: 25px;font-size: 30px;font-weight: 700;line-height: 36px;color: #000000;} .line_step.vertical.wid_stype2 .box{max-width: 390px;} /* 패스파인더 바우처 */ .info_dl_wrap.ic dt{padding-left: 28px;background-repeat: no-repeat;background-position: 0 50%;} .info_dl_wrap dt.ic1{background-image:url(/_res/postech/kor/img/sub/con_info_ic1.png);background-size: 18px auto;} .info_dl_wrap dt.ic2{background-image:url(/_res/postech/kor/img/sub/con_info_ic2.png);background-size: 19px auto;} .info_dl_wrap dt.ic3{background-image:url(/_res/postech/kor/img/sub/con_info_ic3.png);background-size: 16px auto;} .info_dl_wrap dt.ic4{background-image:url(/_res/postech/kor/img/sub/con_info_ic4.png);background-size: 16px auto;} .info_dl_wrap + .ul-type-dot{margin-top: 25px;} .cont_line_box.img .img_wrap{overflow: hidden;width: calc(34% - 22px);height: 340px; margin-right:50px;border-radius: 20px;} .cont_line_box.img img{width: 100%;height: 100%;object-fit: cover;} .cont_line_box.img .h5_title{width: 100%;} .cont_line_box.img .text_wrap{width: calc(66% - 28px);} .cont_line_box.img .con-p.mark{margin-top: 12px;} .cont_line_box.img .ul-type-dot li{display: flex;align-items: flex-start;flex-wrap: wrap;} .cont_line_box.img .ul-type-dot li:before{content:none} .cont_line_box.img .tit{width: 86px;font-weight: 600;color: #000000;} .cont_line_box.img .tit:before{content: '';display: inline-block;width: 3px;height: 3px;margin-top: -2px;margin-right: 7px;border-radius: 100%;background: #000000;vertical-align: middle;} .cont_line_box.img .con{flex: 1;text-indent: 0px;} .cont_line_box.img .ul-type-dot li .mark, .cont_line_box.img .ul-type-dot li .mark-p{flex: auto;width: 100%;margin-top: 3px;margin-left: 93px} .amenities_list.subj li{width: calc(25% - 15px);} .amenities_list.subj li:nth-child(3n){margin-right: 20px} .amenities_list.subj li:nth-child(4n){margin-right: 0;} .amenities_list.subj li:nth-child(n+4){margin-top: 0;} .amenities_list.subj li:nth-child(n+5){margin-top: 20px;} .amenities_list.subj h5{line-height: 34px;} .amenities_list .btn-box{display: flex;flex-wrap: wrap;} .amenities_list .btn-box a{width: calc(50% - 5px);} .amenities_list .btn-box a + a{margin-left: 10px;;} .amenities_list .link_btn{padding:0 15px;text-align: center;} .amenities_list .link_btn span{padding-right: 25px;} /* 일반형황 로고*/ .global_ic .t_left li span{margin-right: 12px;} /* 온라인 공개 강좌 */ .course_info{display: flex; flex-wrap: wrap;justify-content: center;align-items: center;margin-top: 60px;} .course_info > div{flex: 1;width: 100%;max-width: 394px;} .course_info li{display: flex;align-items: center;justify-content: center;width: 100%;height:82px;border-radius: 10px;padding: 0 20px;text-align: center;} .course_info li + li{margin-top: 10px;} .course_info .box1 li{border: 1px solid #000000;} .course_info .box2 li{border: 1px solid #c8005f;} .course_info .box1 li:first-child{background:#000000} .course_info .box2 li:first-child{background:#c8005f} .course_info li p{font-size: 16px;font-weight: 600;} .course_info .box1 p{color:#000000;} .course_info .box2 p{color:#c8005f;} .course_info li:first-child p{font-size: 18px;font-weight: 700;color:#fff;} .course_info .box2 li span{display: block;font-size: 16px;font-weight: 600;} .course_info .connect_txt{display: inline-block;position: relative;z-index: 1;margin: 0 40px;} .course_info .connect_txt span{display: inline-block;height: 31px;padding: 0 13px;border-radius: 14px;font-size: 13px;font-weight: 600;line-height: 31px;background: #666666;color: #fff;} .course_info .connect_txt span:before{content:''; position: absolute;top: 50%;transform: translate(-50%, -50%);left: 50%;width: 120px;height: 14px;background:url(/_res/postech/kor/img/sub/hoz_arrow_ic.png) 0 0 no-repeat;z-index: -1;} .info_list_box ul{display: flex; flex-wrap: wrap;} .info_list_box li{width: calc(25% - 15px);margin-right: 20px;} .info_list_box li:last-child{margin-right: 0;} .info_list_box .img{display: flex;align-items: center;justify-content: center;height: 192px;border-radius: 12px;border: 1px solid #ebebeb;} .info_list_box .text_box{position: relative;min-height: 294px;margin-top: 28px;} .info_list_box .exp_tit{padding-bottom:25px} .info_list_box strong{display: block;font-size: 16px;font-weight: 600;line-height: 26px;color: #333333;} .info_list_box strong + .con-p{padding-top: 12px;} .info_list_box .link_btn{position: absolute;left:0;bottom: 0;} .corporate_table .table-wrap .t_view tr:last-child th{border-bottom: 1px solid #000000;} /* 이노베이션 */ .sustainable_img img{width: 100%;} .committee_oper{position: relative;max-width: 1100px;margin: 30px auto 20px;} .committee_oper:before, .committee_oper .col3:before, .committee_oper .col4:before, .committee_oper .item-list:before, .committee_oper .item-list .list:first-child:before, .committee_oper .item-list .list:last-child:before{content:'';position: absolute;background: #e1e1e1;} .committee_oper:before{top: 0;left: 50%; transform: translateX(-50%);width: 1px;height: 100%;} .committee_oper .item{position: relative;z-index: 20;width: 100%;margin:auto} .committee_oper .item + .item{margin: 50px auto 0;} .committee_oper .col1{max-width:260px;} .committee_oper .col2{max-width:260px;} .committee_oper .col3{max-width:630px;} .committee_oper .col4{float: right;max-width:240px;} .committee_oper .col5{display: inline-block;margin-top: 100px;} .committee_oper .item.col4{margin-right: 105px} .committee_oper .col3:before{content:'';bottom:-83px;right:20px;width:47%;height: 1px;z-index: -1;} .committee_oper .box1{display: flex;align-items: center;justify-content: center;border-top-right-radius: 6px;border-top-left-radius: 6px;font-size: 20px;font-weight: 700;line-height: 24px;color:#fff;text-align: center;} .committee_oper .box2{padding:20px 30px;background:#f7f8fa;border-radius: 0 0 5px 5px;} .committee_oper .col1 .box1{height: 74px;font-size: 23px;border-radius: 6px;background:#c51064} .committee_oper .col2 .box1{height: 70px;background:#ff6100} .committee_oper .col3 .box1{height: 70px;background:#000000} .committee_oper .col4 .box1{height: 65px;border-radius: 6px;background:#73695f} .committee_oper .col5 .box1{padding:16px 10px;background:#646466} .committee_oper .item-list{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: baseline;position: relative;margin-top: 216px;} .committee_oper .item-list:before{top: -50px; left: 50%;transform: translateX(-50%); width: calc(100% - 260px); height: 1px;} .committee_oper .item-list .item{max-width: 260px;width: 100%;margin:0} .committee_oper .item-list .item:nth-child(2){margin:0 20px;} .committee_oper .list{display:flex;justify-content: space-around;text-align: left;} .committee_oper .item-list .list{justify-content: left;} .committee_oper .item-list .list:first-child:before, .committee_oper .item-list .list:last-child:before{top:-50px;left: 50%;transform: translateX(-50%);width: 1px;height:50px} .committee_oper .ul-type-dot li{color:#333;} .joint_imple_sym .circle{position: relative;width: 685px;height: 360px;margin: auto;background-image: url(/_res/postech/kor/img/sub/joint_imple_sym_cir_bg.png);background-repeat: no-repeat;background-position: 0 0;} .joint_imple_sym .circle:after{content:'';position: absolute;bottom: -146px;left: 50%;transform: translateX(-50%);width: 243px; height: 101px;background-image: url(/_res/postech/kor/img/sub/osc_arrow_img.png);background-repeat: no-repeat;background-position: 0 0;} .joint_imple_sym .circle ul{display: flex;flex-wrap: wrap;justify-content: space-around; align-items: center;height: 100%;} .joint_imple_sym .circle .col1{margin-left: 10px;} .joint_imple_sym .circle .col2{margin-right: 20px;} .joint_imple_sym .circle p{color:#fff;} .joint_imple_sym .circle .txt1{display: table;margin: 0 auto 20px;padding-top: 68px;border-bottom: 3px solid #fff;font-size: 32px;font-weight: 800;background-position: top center;background-size: 55px auto;background-repeat: no-repeat;} .joint_imple_sym .circle .txt2{font-size: 18px;font-weight: 600;line-height: 26px;text-align: center;} .joint_imple_sym .circle .col1 .txt1{background-image: url(/_res/postech/kor/img/sub/postech_s_logo.png);} .joint_imple_sym .circle .col2 .txt1{background-image: url(/_res/postech/kor/img/sub/yonsei_logo02.png);} .joint_imple_sym .box {position: relative;max-width: 990px; width: 100%;margin:175px auto 0;background-image:url(/_res/postech/kor/img/sub/joint_imple_sym_box_bg.png);background-repeat: no-repeat;background-size: 100% 100%;background-position: 0 0;} .joint_imple_sym .box ul{display: flex;flex-wrap: wrap;justify-content: center;} .joint_imple_sym .box li{display: flex;align-items: center;justify-content: center;width:25%;height: 150px;/* border-radius: 13px;background:#73695f; */} .joint_imple_sym .box li:last-child{margin-right: 10px;} .joint_imple_sym .box li:nth-child(n+5){margin-top: 60px;} .joint_imple_sym .box li p{padding-top: 40px;font-size: 18px;font-weight: 700;background-position: top center;background-size: 55px auto;background-repeat: no-repeat;color: #fff;} .joint_imple_sym .box li.type1 p{background-image: url(/_res/postech/kor/img/sub/osc_ic1.png);background-size: 27px auto;} .joint_imple_sym .box li.type2 p{background-image: url(/_res/postech/kor/img/sub/osc_ic2.png);background-size: 23px auto;} .joint_imple_sym .box li.type3 p{background-image: url(/_res/postech/kor/img/sub/osc_ic3.png);background-size: 29px auto;} .joint_imple_sym .box li.type4 p{background-image: url(/_res/postech/kor/img/sub/osc_ic4.png);background-size: 25px auto;} .joint_imple_sym .box li.type5 p{background-image: url(/_res/postech/kor/img/sub/osc_ic5.png);background-size: 26px auto;} .joint_imple_sym .box li.type6 p{background-image: url(/_res/postech/kor/img/sub/osc_ic6.png);background-size: 30px auto;} .joint_imple_sym .box li.type7 p{background-image: url(/_res/postech/kor/img/sub/osc_ic7.png);background-size: 20px auto;} /* apple 디벨로퍼 아카데미 */ .gray_con_box.num{background-image: url(/_res/postech/kor/img/sub/postech_bg_logo.png);background-repeat: no-repeat;background-position: bottom 45px right 40px;} .gray_con_box.num dl{display: flex;flex-wrap: wrap;} .gray_con_box.num dl + dl{padding-top: 18px;} .gray_con_box.num dt{width: 155px;font-size: 16px;font-weight: 600; color: #000000;} .gray_con_box.num dt span{display: inline-block; width: 38px;font-weight: 800; color: #c8005f;} .gray_con_box.num dd{color: #666666;} .img_link_box{display: flex;flex-wrap: wrap;align-items: center;height: 170px;margin-top: 30px;padding: 0 60px;border-radius: 10px;border: 1px solid #e0e0e0;} .img_link_box .logo_box{display: flex;flex-wrap: wrap; align-items: center;height: 70px;} .img_link_box .logo + .logo{padding-left: 30px;margin-left: 30px;border-left: 1px solid #817f7f;} .img_link_box .logo.pos img{max-width: 200px;} .img_link_box ul{flex: 1;padding-left: 90px;} .img_link_box li + li{margin-top: 15px;} .img_link_box li a{padding-left: 28px;font-weight: 600;background-repeat: no-repeat;background-position: 0 50%;color: #000000;word-break: keep-all;} .img_link_box li.instagram a{background-image: url(/_res/postech/kor/img/sub/sns_ic1.png);background-size: 18px auto;} .img_link_box li.linkedin a{background-image: url(/_res/postech/kor/img/sub/linkedin_logo.png);background-size: 20px auto;} /* r&d */ .rnd_cir{ position: relative;width: 685px;height: 360px;margin: 55px auto 50px;background-image: url(/_res/postech/kor/img/sub/rnd_cir_img.png);background-position: top center;background-repeat: no-repeat;} .rnd_cir:before,.rnd_cir:after{content:'';position: absolute;left: 50%; transform: translateX(-50%);} .rnd_cir:before{bottom: -16px;width: 1px; height: 108px;background-image: url(/_res/postech/kor/img/sub/rnd_cir_line.png);background-position:0 0;background-repeat: no-repeat;} .rnd_cir:after{bottom: 95px;width: 18px; height: 18px;border-radius: 100%;border: 5px solid #fff;box-sizing: border-box;background: #c8005f;} .rnd_cir ul{display: flex; flex-wrap:wrap;justify-content: center;align-items: center;height: 100%;} .rnd_cir li{flex: 1;width: 360px;;text-align: center;} .rnd_cir li.col1{margin-left: 10px;} .rnd_cir li.col2{margin-right: 10px;} .rnd_cir li p{font-size: 24px;font-weight: 700;line-height: 36px;color: #fff;background-repeat: no-repeat;background-position: top center;word-break: keep-all;} .rnd_cir li.col1 p{padding-top: 85px;background-image: url(/_res/postech/kor/img/sub/apple_rnd_ic1.png);background-size: 51px auto;} .rnd_cir li.col2 p{padding-top: 80px;background-image: url(/_res/postech/kor/img/sub/apple_rnd_ic2.png);background-size: 49px auto;} .text_list {text-align: center;} .text_list li{font-size: 20px;font-weight: 700;color: #333333;} .text_list li:before{content:'';display: inline-block;width: 24px; height: 24px;margin-right: 8px;border-radius: 100%; background-color: #c8005f;background-image: url(/_res/postech/kor/img/sub/chk_on_ic.png);background-repeat: no-repeat;background-position: center center;background-size: 12px auto; vertical-align: middle;} .text_list li + li{margin-top: 15px;} .video_wrap.apple{height: 585px;} .video_wrap.apple video{height: 100%;} .content_img_box.type2{border-top: 1px solid #000000;} .content_img_box.type1 ul{display: flex;flex-wrap: wrap;} .content_img_box.type1 li{width: calc(33.333% - 14px);margin-right: 20px;} .content_img_box.type1 li:last-child{margin-right: 0;} .content_img_box.type2 li{display: flex;flex-wrap: wrap;align-items: center;padding:30px 0;border-bottom: 1px solid #e0e0e0;} .content_img_box .img{overflow: hidden;border-radius: 20px;} .content_img_box.type1 .img{height:360px;} .content_img_box.type2 .img{flex: 1;max-width:406px;height:340px;} .content_img_box img{width: 100%;height: 100%;object-fit: cover;} .content_img_box.type1 .text_box{padding-top:28px;} .content_img_box.type2 .text_box{padding-left:48px;width: calc(100% - 406px);} /* 국제연구네트워크 */ strong.s_txt{font-size: 18px;font-weight: 700;color: #333333;} strong.s_txt + .net_img{margin-top:24px} .net_img{display: flex;align-items: center; justify-content: center; margin-bottom: 25px;border-radius: 10px;border: 1px solid #cccccc;} .net_img.skeric{padding:60px 40px} .net_img img{width: 100%;} .net_img.skeric img{max-width: 647px;} .net_img.net img{max-width: 647px;} .net .flex_box{align-items: flex-start;} .net .flex_box li{width: calc(50% - 10px);} .net .flex_box li + li{margin-left: 20px;} .net .flex_box li .net_img{height:280px;padding:20px;} .net .flex_box li .net_img.img1 img{max-width:441px;} .net .flex_box li .net_img.img2 img{max-width:524px;} /* 가톨릭대 의생명공학연구원 */ .collaboration_system {position: relative;max-width: 1260px;margin: auto;} .top_txt_box{display: table;position: relative;max-width: 500px;width: 100%;height: 80px;margin: 0 auto 80px;border-radius: 44px;border: 2px solid #c8005f;} .top_txt_box:before, .top_txt_box:after, .cir_box .cir > ul > li:before, .box_list > ul > li:after, .side_text p:before, .side_text p:after{content:'';position: absolute;left: 50%;transform: translateX(-50%);background-position: 0 0;} .top_txt_box:before{bottom: -42px; background-image: url(/_res/postech/kor/img/sub/border_dash.png);width: 1px;height: 40px; } .top_txt_box:after{bottom: -42px;width: calc(100% - 110px);height: 1px;background-image: url(/_res/postech/kor/img/sub/border_dash2.png);background-repeat: repeat-x;} .top_txt_box p{display: table-cell;font-size: 24px;font-weight: 700;color: #c8005f;text-align: center;vertical-align: middle;} .cir_box{position: relative;} .cir_box .cir > ul > li:before{top: -40px;transform: translateX(-50%) rotate(180deg);background-image: url(/_res/postech/kor/img/sub/arrow_line_ic.png);width: 14px;height: 39px;} .cir_box:after{content:'';position: absolute;bottom: -143px;left: 50%;transform: translateX(-50%);width: 242px;height: 101px;background-image: url(/_res/postech/kor/img/sub/process_arrow_img.png);background-repeat: no-repeat;background-position: 0 0;} .cir_box .cir > ul{display: flex;flex-wrap: wrap;justify-content: center;} .cir_box .cir > ul > li{display: flex;align-items: center;justify-content: center;position: relative;width: 348px;height: 348px;border-radius: 100%;border: 2px solid #000;} .cir_box .cir > ul > li.type1{background:#c8005f} .cir_box .cir > ul > li.type2{margin-left:37px;background:#0c2e86} .cir .univ{display: table;padding-top: 65px;margin: 0 auto 20px;border-bottom: 3px solid #fff;font-size: 32px;font-weight: 800;line-height: 32px;background-repeat: no-repeat;background-position: top center;color: #fff;} .cir .type1 .univ{background-image: url(/_res/postech/kor/img/sub/postech_s_logo.png);background-size: 55px auto;} .cir .type2 .univ{background-image: url(/_res/postech/kor/img/sub/cat_logo.png);background-size: 53px auto;} .cir .s_txt{font-size: 18px;font-weight: 600;line-height: 28px;color: #fff;text-align: center;} .cir_box .cir span{position: absolute;bottom: 30px;left: 50%;transform: translateX(-50%);font-size: 12px;font-weight: 600;color: rgba(255,255,255,.3);} .cir_box .center_txt{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);} .cir_box .center_txt li{display: flex;align-items: center;justify-content: center;width: 142px;height: 75px;border-radius: 13px;border: 1px solid #000; font-weight: 600;background: #fff;box-shadow: 3px 0 4px rgba(51,51,51,0.18);color: #000000;} .cir_box .center_txt li + li{margin-top: 4px;} .collaboration_system .box_list { position: relative;z-index: 20;max-width: 780px; margin: 175px auto 0;} .collaboration_system .box_list > ul{display: flex;flex-wrap: wrap;} .box_list > ul > li{flex:1;position: relative;} .box_list > ul > li:after{background-image: url(/_res/postech/kor/img/sub/arrow_line_ic.png);width: 14px;height: 39px} .box_list > ul > li + li{margin-left: 10px;} .box_list .head{display: table;width: 100%;height: 67px;border-radius: 10px;background:#73695f;} .box_list .head p{display: table-cell;font-size: 18px;font-weight: 700;color: #fff;text-align: center;vertical-align: middle;} .box_list .cont{display: flex;align-items: center;height: 146px;padding: 20px;margin-top: 6px;border-radius: 10px;background:#f9f7f4;text-align: center;} .box_list .cont ul{width: 100%;} .box_list .cont li{font-size: 16px; font-weight: 700;color: #333;} .box_list .cont li + li{padding-top: 7px;} .collaboration_system .item{position: relative;} .collaboration_system .item:before{content:'';position: absolute;top: 175px;left: 50%;transform: translateX(-50%); width: calc(100% - 140px);height: calc(100% - 133px);background-image: url(/_res/postech/kor/img/sub/border_dash_bg.png);background-size: 100% 100%;background-repeat: no-repeat;background-position: 0 0;} .collaboration_system .side_text{position: absolute; top: 50%; transform: translateY(-50%); display: flex;align-items: center;justify-content: space-between;width: 100%;margin-top: 100px;} .collaboration_system .side_text p{display: flex;align-items: center;justify-content: center;position: relative;width: 140px;height: 140px; border-radius: 100%;border: 1px solid #000;font-size: 18px; font-weight: 700;background: #fff;color: #000000;text-align: center;} .side_text p:before{top: -7px;width: 14px;height: 7px;transform: translateX(-50%) rotate(180deg);background-image: url(/_res/postech/kor/img/sub/arrow_line_ic.png);background-position: 0 0px;} .side_text p:after{bottom:-7px;width: 14px;height: 7px;transform: translateX(-50%);background-image: url(/_res/postech/kor/img/sub/arrow_line_ic.png);background-position: 0 0px;} .content_img_box.type1.ach ul{align-items: flex-start;} .content_img_box.type1.ach h5{overflow: hidden;padding-bottom: 15px;font-size: 20px;font-weight: 700; color: #000000;text-overflow: ellipsis; white-space: nowrap;transition-duration: .2s} .content_img_box.type1.ach .con-p{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;height: 52px;word-break: keep-all;} .content_img_box.type1.ach .img{height: 295px;} .content_img_box.type1.ach .img img{transition-duration: .2s} .content_img_box.type1.ach a{display: block;} .content_img_box.type1.ach a:hover h5{color: #c8005f;} .content_img_box.type1.ach a:hover img{transform: scale(1.1);} .content_img_box .date{display: block;padding-top: 10px;font-size: 14px;font-weight: 500;color: #888888;} .video_wrap.inst{height: 730px;padding:110px 0;background:#010001;} .video_wrap.inst a{width: 100%;height: 100%;} .video_wrap.inst img{width: 100%;height: 100%;object-fit: cover;} /* 대학 소개 */ /* 건학이념/설립배경 */ .exp_tit + .cont_img_box{margin-top:60px;} .cont_img_box + ol.col-text{margin-top:42px;} ol.col-text li{display: flex;align-items: center;font-size: 20px;font-weight: 700;line-height: 28px;color: #c8005f;} ol.col-text li + li{margin-top:8px;} ol.col-text li span{width: 72px;height: 45px;margin-right: 20px;border-radius: 22px;border: 1px solid #c8005f;font-size: 18px;font-weight: 900;line-height: 45px;text-align: center;} ol.col-text li p{flex: 1;} ol.col-text + .con-p{margin-top:30px;} .stb_circle_con {position: relative;height: 360px;background-size:contain;margin:120px auto 0;} .stb_circle_con ul{display:flex;flex-wrap: wrap; max-width: 1008px;height: 100%;margin: -50px auto 0;} .stb_circle_con li{display: flex;align-items: center;justify-content: center;flex:1;position: relative; border-radius: 50%;mix-blend-mode: multiply; border: 2px solid #000;/* height: 360px;border-radius: 100%;border: 2px solid #000000; */} .stb_circle_con li.col1{margin-right: -35px; background:#ffb300;} .stb_circle_con li.col2{ background: #c8005f;} .stb_circle_con li.col3{margin-left: -35px; background: #74695f;} .stb_circle_con p{display: table;margin: 0 auto 20px;border-bottom: 3px solid #fff;font-size: 32px; font-weight: 900; color: #fff;} .stb_circle_con span{display: block;font-size: 18px; font-weight: 600; line-height: 26px; color: #fff;text-align: center;} .founding_philosophy .stb_circle_con span {font-size: 16px;} .vision_wrap {margin-top: 30px;} .vision_wrap > ul > li{display: flex;align-items: center;justify-content: space-between;} .vision_wrap > ul > li + li{margin-top:40px;} .vision_wrap > ul > li.type4{margin-top: 60px;} .vision_wrap > ul > li > div{width: calc(78% - 18px);} .vision_wrap .title{display: block;position: relative;width: 240px;margin-right: 65px;font-size: 28px;font-weight: 700;color: #000000;} .vision_wrap .title:after{content:'';position: absolute;top: 50%; right: 0;transform: translateY(-50%);width:80px;height:1px;background:#cccccc;} .vision_wrap .box{display: flex;align-items: center;justify-content: center;height:100px;padding:10px 20px;border-radius: 8px;background:#f8f8f8;} .vision_wrap .box p{font-size: 20px;font-weight: 700;} .vision_wrap .type1 .box p{color:#c8005f;} .vision_wrap .type2 .box p{color:#ffb027;} .vision_wrap .stb_circle_con{max-width: 980px;height: 349px;margin: 0;} .vision_wrap .stb_circle_con:before{content: none;} .vision_wrap .stb_circle_con ul{margin:0;} .founding_philosophy .stb_circle_con ul{max-width: 1010px; height: 100%;margin: 0 auto;} .vision_wrap .stb_circle_con li{position: relative;height: 349px;border-radius: 100%;} .vision_wrap .stb_circle_con p{font-size: 28px;} .vision_wrap .wrap{max-width: 100%;border-top: 1px solid #000000;border-bottom: 1px solid #e0e0e0;padding: 40px 20px;} .vision_wrap dl{display: flex;flex-wrap: wrap;} .vision_wrap dl + dl{padding-top: 18px;} .vision_wrap dt{width:255px;font-size: 18px;font-weight: 700;color: #000000;} .vision_wrap dt .num{display: inline-block;width:38px;font-weight: 800;color: #c8005f;} .vision_wrap dd{flex:1;font-size: 16px;font-weight: 500;color: #666666;} .philosophy.vision_bottombox{display: flex;flex-wrap: wrap;align-items: center; justify-content: space-between;margin-top:50px;padding:50px 70px;border-radius: 16px;background:#c8005f; position: relative;} .philosophy .exp_tit{padding-bottom: 10px;color:#fff;} .philosophy .txt{font-size: 28px;font-weight: 800;line-height: 42px;color: #fff;} .philosophy.vision_bottombox.en_txt{font-size: 60px;font-weight: 900;letter-spacing: 2px;line-height: 56px;color:#fff;text-align: right;} .philosophy.vision_bottombox .exp_tit{font-weight: 700;letter-spacing: -1px;} .philosophy.vision_bottombox .right_text.en{font-size: 60px; font-weight: 900;line-height: 1;letter-spacing: 2px; color: #ffffff;position: absolute;right: 31px;top: 50%;transform: translateY(-50%);} .philosophy{display: flex;flex-wrap: wrap;align-items: center; justify-content: space-between;margin-top:50px;padding:40px 70px;border-radius: 16px;background:#c8005f;} .philosophy .exp_tit{padding-bottom: 16px;color:#fff;} .philosophy .txt{font-size: 28px;font-weight: 800;line-height: 42px;color: #fff;} .philosophy .en_txt{font-size: 60px;font-weight: 900;letter-spacing: 2px;line-height: 56px;color:#fff;text-align: right;} /* 교내사이트*/ .content_box #app{margin-top: 77px;} .research_infra_wrap .content_img_wrap.box1 .img{width: auto;height: 480px;} .research_infra_wrap .content_img_wrap.box1 .img img{width: 100%;height: 100%; object-fit: cover;} .research_infra_wrap .content_img_wrap.box1 li{width: calc(50% - 10px);} /* 총장 인사말 */ .greeting_wrap .m_imgsz{display:none} .greeting_wrap .greeting_txt_wrap{position: relative;width: 700px;margin-right: 60px;} .greeting_wrap .top_info_text{font-size: 30px;font-weight: 800;line-height: 46px;color: #000000;} .greeting_wrap .top_info_text em{color: #c8005f;word-break: keep-all} .greeting_wrap .from{padding-top: 15px;padding-bottom: 26px;font-size: 20px;font-weight: 700;letter-spacing: -.6px;line-height: 42px;color: #000000;} .greeting_wrap .cont_img_box .img.img1{width: calc(62% - 10px);height: 402px;} .greeting_wrap .cont_img_box .img.img2{width: calc(39% - 13px);height: 312px;} .greeting_wrap .cont_img_box .img .text{top: 50%;transform: translateY(-50%);right: 25px;} .greeting_wrap .cont_img_box .img .txt1{font-size: 28px;line-height: 34px;} .greeting_wrap .cont_img_box .img .txt2{font-size: 76px;line-height: 66px;text-align: right;} .greeting_wrap .text_cont{padding-top: 40px;} .greeting_wrap .text_cont strong{font-weight: 700;font-size: 24px;color: #000;} .greeting_wrap .text_cont p{padding: 25px 0;font-size: 18px;line-height: 30px;color: #111111;} .greeting_wrap{display: flex;justify-content: space-between;} .greeting_wrap .text_cont p.from{bottom: 0;padding: 0; position: absolute;right: 0;} .greeting_wrap .img{position: relative;overflow: hidden; border-radius: 20px;height: auto;width: 543px;} .greeting_wrap .img img{width: 100%;height: 100%;object-fit: cover;} .greeting_wrap .img .text{bottom: 25px;right: 25px;position: absolute;} .greeting_wrap .img .txt1{font-size: 28px;line-height: 34px;font-weight: 600;padding-bottom: 10px;color: rgb(255, 255, 255); text-align: right;} .greeting_wrap .img .txt2{font-size: 76px;line-height: 66px;text-align: right;font-weight: 700;color: rgb(255, 255, 255); font-family: field-gothic-xcondensed, Pretendard;letter-spacing: 0.8px;} .greeting_txt_wrap .top_info_text{line-height: 1;} /* 총장 약력 */ .pre_box.profile_wrap{margin-top: 0;background: url(/_res/postech/kor/img/sub/profile_watermark.jpg) no-repeat 77% 50%;} .pre_top_txt{font-size: 40px;font-weight: 800; color: #000; line-height: 1;margin-bottom: 32px;} .pre_box{display: flex;align-items: center;margin-top: 30px;} .profile_img_box{width: 310px;height: 310px;margin-right: 60px;} .profile_img_box img{object-fit: cover;width: 100%;height: 100%; border-radius: 20px;} .pre_box .txt{font-size: 20px;font-weight: 700;letter-spacing: -.4px;color: #333;} @media only screen and (max-width:1180px) .profile_img_box{width: 250px;height: 250px; margin-right: 30px;} } /* 박태준학술정보관 */ .cont_line_box.pl_type{padding-left:20px;} .cont_line_box .h5_title{width: 150px;background-repeat: no-repeat;background-position: 0 50%;} .cont_line_box .h5_title.ic1{padding: 1px 0 1px 50px;background-image:url(/_res/postech/kor/img/sub/reg_ic13.png);background-size: 42px auto;} .cont_line_box .h5_title.ic2{padding: 4px 0 4px 50px;background-image:url(/_res/postech/kor/img/sub/reg_ic14.png);background-size: 37px auto;} .cont_line_box .h5_title.ic3{padding: 2px 0 2px 45px;background-image:url(/_res/postech/kor/img/sub/reg_ic7.png);background-size: 27px auto;} .cont_line_box .h5_title.ic4{padding: 4px 0 4px 48px;background-image:url(/_res/postech/kor/img/sub/reg_ic14.png);background-size: 37px auto;} .cont_line_box .h5_title.ic5{padding: 3px 0 3px 48px;background-image:url(/_res/postech/kor/img/sub/reg_ic10.png);background-size: 35px auto;} .cont_line_box strong{flex: 1;z-index: 20;font-size: 18px;font-weight: 700;line-height: 32px;color: #333333;} .cont_line_box .right_text{font-size: 80px;font-weight: 900;line-height: 80px;letter-spacing: 2px;text-transform: uppercase;color:#f3f1ee;} .cont_line_box .dl_box{flex: 1;z-index: 1;padding-right: 20px;} .cont_line_box dl{display: flex;align-items: center;flex-wrap: wrap;} .cont_line_box dl + dl{padding-top:15px;} .cont_line_box dt{width:200px;font-size: 18px;font-weight: 700;color: #000000;} .cont_line_box dt span{display: inline-block;width: 36px;font-size: 16px;font-weight: 800;color: #c8005f;} .cont_line_box dt p{display: inline-block;width: calc(100% - 40px);} .cont_line_box dd{flex:1;} .cont_line_box .num_con{flex:1;z-index: 20;} .cont_line_box .num_con li + li{padding-top: 12px;} .cont_line_box .num_con span{display:inline-block;width:38px;font-size: 16px;font-weight: 800;color: #c8005f;vertical-align: sub;} .cont_line_box .num_con strong{display:inline-block;width: calc(100% - 42px);vertical-align: top;} /* 대학생활 */ /* 학사일정 */ #month_calendar{position: relative;} .cal_top_box {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;position: absolute;top: -20px;z-index: 1;width: 100%;} .cal_top_box .box{display: flex;flex-wrap: wrap;} .cal_top_box .box.off{display:none;} .cal_top_box .box.mon_type:after, .cal_top_box .box.year_type .ctrl:before{content:'';display: inline-block;width: 1px;height: 24px;margin-left: 10px;margin-top: 16px;background: #ededed;vertical-align: middle;} .cal_top_box .select.year{margin-right:5px;} .cal_top_box .select:after{right:1px;border-top-right-radius: 32px; border-bottom-right-radius: 32px;background-size: 14px auto;} .cal_top_box .select.year:after{width:55px;background-color: #000;background-image:url(/_res/postech/kor/img/sub/select_wh_ic.png)} .cal_top_box .select.month:after{width:37px;background-image:url(/_res/postech/kor/img/sub/select_ic.png);background-position: 5px 50%;} .cal_top_box select{height: 60px;border-radius: 32px;border:1px solid #a6a6a6;font-size: 24px;font-weight: 700;background:#fff;appearance: none;} .cal_top_box .year select{width: 180px;border: 1px solid #000;background:#000;color:#fff;} .cal_top_box .select month{width: 112px;border: 1px solid #a6a6a6;color:#000000;} .cal_top_box select option{font-size: 20px;background: #fff;color:#000} .cal_top_box .ctrl {display: flex;} .cal_top_box .ctrl a{width: 68px;height: 60px;font-size: 0;text-indent: -9999em;border-radius: 30px;border: 1px solid #a6a6a6;background-image:url(/_res/postech/kor/img/sub/btn_arrow_ic.png);background-size: 10px auto;background-repeat: no-repeat;background-position: center center;} .cal_top_box .ctrl .prev{margin-left: 10px;} .cal_top_box .ctrl .next{transform: rotate(180deg);margin-left:5px;} #month_calendar .fc-toolbar-chunk{position: absolute;top: -20px;left: 322px;z-index:10;} #month_calendar .fc-today-button{width: 83px;height: 60px;padding: 0;border-radius: 30px;border: 1px solid #c8005f;font-size: 20px;font-weight: 700;color: #c8005f;background: #fff;opacity: 1;transition:0.3s} #month_calendar .fc-today-button:hover{background: #c8005f;color: #fff;} .cal_top_box .tab-box .month:after{content:'';display: inline-block; width: 1px;height: 20px; margin: 0 20px;background: #cccccc;vertical-align: middle;} .cal_top_box .tab-box a{font-size: 16px;font-weight: 600;background-repeat: no-repeat;background-position: 0 50%;color: #666666;} .cal_top_box .tab-box a:hover, .cal_top_box .tab-box .active a{font-weight: 700;border: none;background-color:#fff;color: #c8005f;} .cal_top_box .tab-box .month a{padding-left: 37px;background-size: 26px auto;background-image:url(/_res/postech/kor/img/sub/calendar_tab_ic1.png)} .cal_top_box .tab-box .year a{padding-left: 39px;background-size: 29px auto;background-image:url(/_res/postech/kor/img/sub/calendar_tab_ic2.png)} .cal_top_box .tab-box .month a:hover, .cal_top_box .tab-box .month.active a{background-image:url(/_res/postech/kor/img/sub/calendar_tab_on_ic1.png)} .cal_top_box .tab-box .year a:hover, .cal_top_box .tab-box .year.active a{background-image:url(/_res/postech/kor/img/sub/calendar_tab_on_ic2.png)} .calendar_wrap{display:flex;flex-wrap: wrap;} .calendar_wrap table{min-width:auto;} /* 월간일정 */ #calendar{width: 61.8%;} .date_list{width: 38.2%;margin-top: 61px;background:#fff url(/_res/postech/kor/img/sub/postech_con_logo.png);background-repeat: no-repeat;background-position: bottom 22px right 44px;padding: 45px 40px;border: 1px solid #000000;} .date_list .list_box{overflow-y: scroll;max-height: 575px;} .calendar {padding-top:60px;} .calendar .fc-toolbar.fc-header-toolbar{margin-bottom: 0;} .fc-theme-standard .fc-scrollgrid-section-header td{border-top: 1px solid #000000;} .fc-theme-standard th{height: 40px;border: 1px solid #000000;} .fc-theme-standard .fc-scrollgrid, .fc-theme-standard .fc-scrollgrid-section-header td:first-child, .fc-theme-standard th:first-child{border-left:none;} .fc-theme-standard .fc-scrollgrid, .fc-theme-standard .fc-scrollgrid-section-header td:last-child, .fc-theme-standard th:last-child{border-right:none;} .fc-theme-standard td{border:1px solid #e0e0e0;} .fc-theme-standard th > div{display: table;width: 100%;height:100%;} .fc .fc-day-other .fc-daygrid-day-top{opacity: 1;} .fc .fc-col-header-cell-cushion{display: table-cell;font-size: 15px;font-weight: 600;text-align: center;vertical-align: middle;} .fc .fc-col-header-cell:first-child .fc-col-header-cell-cushion, .fc .fc-col-header-cell:last-child .fc-col-header-cell-cushion, .fc .fc-daygrid-day:first-child .fc-daygrid-day-number, .fc .fc-daygrid-day:last-child .fc-daygrid-day-number{color:#e41541;} .fc .fc-daygrid-day-top{flex-direction: column;} .fc .fc-daygrid-day-number{padding: 8px;font-size: 12px; font-weight: 500;color: #666666;} .fc .fc-daygrid-day.fc-day-today{position: relative;background:#fff;} .fc .fc-daygrid-day.fc-day-today:after{content:'';position: absolute;top: 0;left: 0;width: 100%; height: 100%;border-radius: 3px;border: 2px solid #d84c8f;} .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number{font-weight:700;color:#c8005f;} .fc-h-event{height: 24px;padding: 0 8px;border: 1px solid #f2f1f1;background:#f2f1f1;} .fc-h-event .fc-event-main{height: 100%;font-size: 12px;font-weight: 600;line-height: 23px;color: #333333;} .fc-h-event .fc-event-title{text-overflow: ellipsis;} .fc .fc-day-disabled {background-color:#fff;} .date_list h4{padding-bottom: 35px;font-size: 24px;font-weight: 700;color: #000000;} .date_list li{padding-right:20px;} .date_list li p{text-indent: -14px;padding-left: 14px;font-size: 18px;font-weight: 700; color: #000000;} .date_list li p:before{content:'';display: inline-block;width: 5px; height: 5px;margin-right: 8px;border-radius: 100%;background: #c8005f;vertical-align: middle;} .date_list li span{display:block;padding-top: 3px;padding-left: 12px;font-size: 14px;font-weight: 500;color: #888888;} .date_list li + li{padding-top:28px;} @media only screen and (min-width:1025px){ .date_list .list_box {margin: 0 -30px 0 0; padding: 0 38px 0 0;} } /* 연간일정 */ #year_calendar{padding-top: 60px;} .calendar_list.table-wrap{border-top: 1px solid #000000;} .calendar_list.table-wrap th{padding: 35px 30px;border-right: none;font-size: 30px;font-weight: 700;color: #000000;text-align: left;} .calendar_list.table-wrap tbody td{padding: 25px 30px;border: none;border-bottom: 1px solid #e0e0e0;text-align: left;} .calendar_list.table-wrap tbody tr:last-child th, .calendar_list.table-wrap tbody tr:last-child td{border-bottom: 1px solid #bbb;} .calendar_list.table-wrap .list_box li{display: flex;flex-wrap: wrap;padding: 6px 0;} .calendar_list.table-wrap .date{width:185px;padding-right:20px;font-size: 18px;font-weight: 600;line-height: 28px;color: #000000;} .calendar_list.table-wrap .sch_text{width: calc(100% - 185px);font-size: 18px;font-weight: 500;line-height: 28px;letter-spacing: -.4px;color:#666666;} .calendar_list.table-wrap .sch_text.today {color:#c8005f;} /* 시설서비스 안내 */ /* 주거시설 */ .date_exp + .table-wrap{margin-top: 30px;} .line_step .ul-type-dot + .link_btn.bg{margin-top: 15px;} .info_dl_wrap{padding: 40px;border-radius: 10px;border: 1px solid #ededed;} .info_dl_wrap dl{display: flex;flex-wrap: wrap;font-weight: 600;color: #000000;} .info_dl_wrap dl + dl{padding-top: 15px;} .info_dl_wrap dt{width: 140px;} .info_dl_wrap dl + .mark-p{margin-top: 15px;} .cont_line_box.comm .box.no_flex{padding: 35px 20px;} .cont_line_box.comm .box.no_flex .h5_title{padding-bottom: 15px;} .cont_line_box .str_txt5 + .ul-type-dot{margin-top: 5px;} .cont_line_box .ul-type-dot + .str_txt5{margin-top: 12px;} .line_step.vertical.wid_stype1 .box{max-width: 320px;} .str_txt1 + .gray_con_box{margin-top: 25px;} .str_txt1.users{padding: 5px 0 5px 50px;background-image:url(/_res/postech/kor/img/sub/users_ic.png);background-repeat: no-repeat;background-position: 0 50%;background-size: 37px auto;} .qu_box{padding:0 30px;border-radius: 13px;background:#f9f7f4;} .qu_box dl{padding:35px 0;} .qu_box dl + dl{border-top:1px solid #e5e4e1;} .qu_box dt{padding-bottom:25px;font-size:20px;font-weight:700;color:#333333} .qu_box dt span{display: inline-block;margin-right:10px;font-size:24px;font-weight:700;color:#c8005f;} .qu_box.type{padding:0 20px;border-top:3px solid #000;border-radius: 0;background:none;} .qu_box.type dt{font-size:24px;} .qu_box ol{margin-top:20px;padding:40px;border-radius: 13px;background:#f7f7f7} .qu_box ol .col{display: inline-block;width:30px;font-size:15px;font-weight:700;} .qu_box ol p{display: inline-block;width: calc(100% - 34px);vertical-align: text-top;} .qu_box ol li + li{margin-top:12px;} .contact_wrap.logo_type{padding-left:60px;} .contact_wrap.logo_type + .link_btn{margin-top:40px;} .contact_wrap .logo{margin-right:95px} .contact_wrap .dl_con_box{flex: 1;} .amenities_list > ul{display:flex;flex-wrap: wrap;} .amenities_list > ul > li{width: calc(33.333% - 14px);;padding: 38px 30px;margin-right:20px;border-radius: 6px;border:1px solid #e0e0e0;} .amenities_list > ul > li:nth-child(3n){margin-right:0;} .amenities_list > ul > li:nth-child(n+4){margin-top:20px;} .amenities_list .name{margin-bottom: 28px;font-size: 24px;font-weight:700;background-repeat: no-repeat;background-position: 0 50%;color:#000000;} .amenities_list .type1 .name{padding-left:42px;background-image:url(/_res/postech/kor/img/sub/restaurant_ic.png);background-size: 27px;} .amenities_list .type2 .name{padding-left:44px;background-image:url(/_res/postech/kor/img/sub/burgerking_ic.png);background-size: 28px;} .amenities_list .type3 .name{padding-left:43px;background-image:url(/_res/postech/kor/img/sub/cafe_ic.png);background-size: 29px;} .amenities_list .type4 .name{padding-left:90px;background-image:url(/_res/postech/kor/img/sub/gs25_ic.png);background-size: 76px;} .amenities_list .type5 .name{padding-left:38px;background-image:url(/_res/postech/kor/img/sub/store_ic.png);background-size: 24px;} .amenities_list .type6 .name{padding-left:40px;background-image:url(/_res/postech/kor/img/sub/service_ic.png);background-size: 25px;} .amenities_list li li{padding-left:30px;font-size: 16px;font-weight: 500;background-size: 18px;background-repeat: no-repeat;background-position: 0 1px;color:#333333;} .amenities_list li li:first-child{background-image:url(/_res/postech/kor/img/sub/contact_info_ic1.png);} .amenities_list li li:nth-child(2){background-image:url(/_res/postech/kor/img/sub/contact_info_ic5.png);} .amenities_list li li:nth-child(3){background-image:url(/_res/postech/kor/img/sub/con_info_ic1.png);} .amenities_list li li:nth-child(4){background-image:url(/_res/postech/kor/img/sub/contact_info_ic2.png);background-position: 0 3px;} .amenities_list li li + li{margin-top: 10px;} .amenities_list li li .txt{display:block;padding-bottom:5px;} .img_text_info_wrap > ul > li{display: flex;align-items: center;flex-wrap: wrap;padding:40px 0;} .img_text_info_wrap > ul > li:first-child{padding-top: 0;} .img_text_info_wrap > ul > li:last-child{padding-bottom:0;} .img_text_info_wrap > ul > li + li{border-top:1px solid #e7e7e7;} .img_text_info_wrap .img{position: relative;overflow: hidden;width: calc(41% - 23px);height:342px;margin-right: 60px; border-radius: 18px; } .img_text_info_wrap .swiper{height:100%;} .img_text_info_wrap img{width: 100%;height: 100%;object-fit: cover;} .img_text_info_wrap .text_box{width: calc(59% - 37px);} .img_text_info_wrap .h5_title{padding-bottom: 22px;} .img_text_info_wrap .con-p + .h5-tit01{margin-top: 25px;} .img_text_info_wrap .h5-tit01 + .ul-type-dot{margin-top:5px;} .research_exp p.exp_tit{line-height: 20px;} .research_share .h5_title{font-size: 20px;padding-bottom: 20px;} .con-box02.research_share {margin-top: 40px;} /* 증명서 우편 발급 신청 */ .step_box{padding-bottom: 72px;} .step_box ul{display: flex;align-items: center; flex-wrap: wrap;} .step_box li{display: flex;align-items: center;justify-content: center;position: relative;height: 60px;padding: 0 25px;border-radius: 34px;border: 1px solid #a6a6a6;font-size: 18px;font-weight: 700;background:#fff;color: #000000;} .step_box li + li{margin-left: 45px;} .step_box li + li:before{content:'';position: absolute;left: -33px;width: 20px;height: 15px;background:url(/_res/postech/kor/img/sub/text_link_ic.png) 50% 50% no-repeat;background-size: 20px auto;} .step_box li.on{border: 1px solid #c8005f;background:#c8005f;color:#fff;} .step_box li.on > span {color:#fff;} .step_box li span{display: inline-block;padding-right: 8px;font-weight: 800;text-transform: uppercase;color: #c8005f;} .str_txt3 + .agree_box, p + .agree_box {margin-top: 20px;} .agree_box{overflow: hidden;border-radius: 6px;border: 1px solid #cccccc;} .agree_box .con{padding: 45px 40px;background: #f7f7f7;} .agree_box .con h5{padding-bottom: 25px;font-size: 24px;font-weight: 700;color: #000000;} .agree_box dl + dl{padding-top:35px;} .agree_box dt{font-size: 18px;font-weight: 700;line-height: 26px;color: #333333;} .agree_box dd{padding-left: 12px;margin-top: 10px;font-size: 15px;font-weight: 500;line-height: 26px;text-indent: -12px;color: #666666;word-break: keep-all;} .agree_box dd.d_none{display: none;} .agree_box dd:before{content:'';display: inline-block;width: 3px;height: 3px;margin-right: 8px;background: #111;vertical-align: middle;} .agree_box .pd{display: block;padding-left:10px;} .agree_box .chk_wrap{padding: 18px 20px; text-align: center;} .agree_box .check .txt{font-size: 18px;font-weight: 600;color: #333333;} .agree_box .check .txt:before{content:'';width: 44px;height: 44px;margin-right: 14px;background-size: 13px auto;} .agree_box .check .txt em{display: inline-block;padding-right: 5px;color: #c8005f;} /* 입력폼 */ .write_form{display: flex;align-items: center;flex-wrap: wrap;padding: 10px 0;border-top: 1px solid #000000;border-bottom: 1px solid #bbbbbb;} .write_form dl{display: flex;flex-wrap: wrap;width: 50%;padding: 10px 30px;} .write_form dl:nth-child(2n+1) dd{padding-right:66px;} .write_form dl:nth-child(2n) dd{padding-right:47px;} .write_form dt{width: 140px;padding-top: 15px;padding-right: 20px;font-size: 16px;font-weight: 600; color: #000000;} .write_form dt.star:after, .h4_title.star:after{content:'*';display: inline-block;margin-left: 4px;font-size: 16px;font-weight: 700;color: #c8005f;vertical-align: top;} .h4_title.star:after{margin-left: 6px;font-size: 20px;vertical-align: super;} .write_form dd{flex:1;} .write_form input[type="text"], .write_form textarea{background:#f9f9f9;} .write_form input[type="text"]:focus:not([readonly]), .write_form input[type="text"].on, .write_form textarea:focus, .write_form textarea.on{background:#fff;} .write_form textarea{min-height: 200px;padding: 20px;margin:20px 0} .write_form select{width:100%;min-width: auto;background:#fff;} .write_form .address{width: 100%;} .write_form dl.address:nth-child(2n+1) dd{padding-right:0;} .write_form .address .input1{display: flex;flex-wrap: wrap;width: calc(50% - 166px);} .write_form .address .input1 input{flex: 1;margin-right:10px;} .write_form .address .input1 .btn{width: 126px;height: 48px;border-radius: 3px;font-size: 16px;font-weight: 600;line-height: 48px;text-align: center;} .write_form .address .input1 + .input2{margin-top:10px;} .write_form .email input[type="text"]{flex: 1;} .write_form .email .select{width:148px;} .write_form .email .txt{display: inline-block;margin: 0 7px;font-size: 16px;font-weight: 600;color: #000000;} .write_form .flex_box.reg_num input{width: calc(50% - 11px);} .write_form dl.num dd{padding-right: 25px;} .write_form .flex_box.input input{flex: none;width: calc(100% - 45px);} .write_form .flex_box.input span.txt{padding-left:10px;font-weight: 500;color: #666;} .thumb_board_list.style3 li .cont .top p.tit{text-transform: lowercase;} .thumb_board_list.style3 li .cont .top p.tit::first-letter{text-transform: uppercase;} .affiliate_institute .link_con_wrap li p{padding-right: 0;} .affiliate_institute .link_con_wrap li a p span{display: inline-block;} /*주민번호 뒷자리는 1글자 제한*/ .write_form .flex_box.reg_num input.birth{width: calc(50% - 11px);} .write_form .flex_box.reg_num input.idSuffix{width: calc(15% - 11px);} .write_form .flex_box.reg_num span{display: inline-block;padding: 0 7px;font-size: 18px;font-weight: 500;color: #666666;} .write_form.add_child{justify-content: right;padding:10px 0;} .write_form.add_child .box.remove .remove_btn{margin-top:0;} .write_form.add_child .inbox{} .write_form.add_child ul{width:100%;} .write_form.add_child li{display: flex;align-items: center;flex-wrap: wrap;} .write_form.add_child .box{padding:10px;text-align: center;} .write_form.add_child .num{/* width: calc(7% - 10px); */width:77px;font-size: 16px;font-weight: 500;color: #666666;} .write_form.add_child .sel1{width: calc(12% - 2px);} .write_form.add_child .sel2{width: calc(56% - 29px);} .write_form.add_child .sel3{width: calc(13% - 18px);} .write_form.add_child .input1{width: calc(9% - 7px);} .write_form.add_child .remove{width: calc(8% - 16px);} .write_form .remove_btn{display: inline-block;width: 70px;height: 40px;border-radius: 5px;font-size: 14px;font-weight: 700;line-height: 40px;background: #000000;text-align: center;color: #fff;transition: 0.2s;margin-top: 20px;} .write_form .remove_btn span{padding-right: 15px;background:url(/_res/postech/kor/img/sub/remove_ic.png) 100% 50% no-repeat;background-size: 10px auto;} .write_form .remove_btn:hover, .write_form .add_btn:hover{opacity: .7;} .write_form .add_btn{display: flex;align-items: center;justify-content: center;width: calc(100% - 87px);height: 48px;margin: 10px 0;border-radius: 3px;font-size: 16px;font-weight: 700;background: #000000;color: #fff;transition: 0.2s;} .write_form .add_btn span{padding-right: 16px;background:url(/_res/postech/kor/img/sub/add_ic.png) 100% 50% no-repeat;background-size: 11px auto;} .tooltip{display: inline-block;width: 19px;height: 19px;margin-top: -16px;margin-left: 8px;font-size: 0;text-indent: -9999em;background:url(/_res/postech/kor/img/sub/tooltip_ic.png) 0 0 no-repeat; background-size: 19px auto;vertical-align: middle;} .tooltip_wrap{position: absolute;} .tooltip.hover + .tooltip_wrap .tooltip_box{display:block;} .tooltip_box{display:none;position: relative;padding:25px;border-radius: 20px;border: 1px solid #c0c0c0;font-size: 14px;font-weight: 500;line-height: 20px;color: #333333;box-shadow: 8px 0 24px rgba(0,0,0,0.08);background: #fff;} .tooltip_box:before{content:'';position: absolute;top: -6px;left: 27px;width: 10px;height: 6px;background:url(/_res/postech/kor/img/sub/tooltip_bubble_ic.png) 0 0 no-repeat;background-size: 10px auto;} .tooltip_wrap.type1{top: 34px;left: 38px;} .etc_box textarea{height: 287px;border-radius: 3px;border: 1px solid #e8e8e8;background: #f9f9f9;padding: 10px;} .etc_box textarea:focus{background:#fff;} /* 학사지원 등록 */ .date_exp{margin-top: 10px;margin-left: 5px;padding: 4px 0 4px 47px;font-size: 18px;font-weight: 700;letter-spacing: -.4px;background-size: 33px auto;background-image:url(/_res/postech/kor/img/sub/exp_date_ic.png);background-repeat: no-repeat; background-position: 0 50%;color: #000000;line-height: 26px;} .date_exp span{ color: #c8005f;} .date_exp + .mark-p{margin-top: 0px;margin-left: 52px;} .score_exp{padding: 5px 0 5px 50px;font-size: 18px;font-weight: 700;letter-spacing: -.4px;background-size: 35px auto;background-image:url(/_res/postech/kor/img/sub/exp_score_ic.png);background-repeat: no-repeat; background-position: 0 50%;color: #000000;} .support_exp{padding: 5px 0 5px 48px;font-size: 18px;font-weight: 700;letter-spacing: -.4px;background-image:url(/_res/postech/kor/img/sub/exp_support_ic.png);background-size: 32px auto;background-repeat: no-repeat;background-position: 0 50%;color:#000;word-break: keep-all;} .line_step ul{display:flex;flex-wrap:wrap;align-items: baseline;max-width: 682px;} .line_step > ul > li{position: relative;flex:1;margin-right: 38px;} .line_step > ul > li:last-child, .line_step.li3 > ul > li:last-child{margin-right: 0;} .line_step > ul > li + li:before, .line_step > ul > li + li .box:before, .line_step.steps5 > ul > li.step4 .box:after, .line_step.vertical > ul > li + li:before, .line_step.steps5_2 > ul > li .box:after, .line_step.no_box_bf.st7 > ul > li.step3:after, .line_step.no_box_bf.st7 > ul > li.step6:after, .line_step.steps5_2 > ul > li.ul_txt .ul-type-dot:after, .line_step.vertical.wid_stype2 .box:before, .line_step.vertical.wid_stype2 > ul > li:before, .line_step.steps3 > ul > li.step2 .box:after, .line_step.steps4.v2 > ul > li.step4:after{content:'';position: absolute; top: 50%; left: -27px;transform: translateY(-50%);width: 18px;height: 14px;background-image:url(/_res/postech/kor/img/sub/text_link_ic.png);background-repeat: no-repeat;background-size: 18px auto;background-position: 0 0;} .line_step.li3 > ul > li:last-child .box:after, .line_step.steps5 > ul > li.step4 .box:after, .line_step.steps5_2 > ul > li .box:after, .line_step.steps5_2 > ul > li.ul_txt .ul-type-dot:after, .line_step.steps3 > ul > li.step2 .box:after{content:none;} .line_step.no_box_bf > ul > li + li .box:before{content: none;} .line_step.no_li_bf > ul > li:before{content: none;} .line_step.no_box_bf.steps4 > ul > li.step3:before{right: auto;left: -28px;} .line_step.no_box_bf.st7 > ul > li.step3:before{right: auto;left: -28px;} .line_step.no_box_bf.st7 > ul > li.step3:after{left: auto;right: -28px;} .line_step.no_box_bf.st7 > ul > li.step6:after{left: auto;right: -28px;} .line_step .box{display: flex;flex-wrap: wrap;align-items: center;position: relative;padding: 30px 25px;padding-right: 90px;border-radius: 20px;border: 1px solid #e0e0e0;background-repeat: no-repeat;background-position: right 32px center;} .line_step .ic1 .box{background-image:url(/_res/postech/kor/img/sub/reg_ic1.png);background-size: 42px auto;} .line_step .ic2 .box{background-image:url(/_res/postech/kor/img/sub/reg_ic2.png);background-size: 39px auto;background-position: right 29px center;} .line_step .ic3 .box{background-image:url(/_res/postech/kor/img/sub/reg_ic3.png);background-size: 36px auto;} .line_step .ic4 .box {background-image:url(/_res/postech/kor/img/sub/reg_ic4.png);background-size: 36px auto;} .line_step .ic5 .box{background-image:url(/_res/postech/kor/img/sub/reg_ic5.png);background-size: 53px auto;} .line_step .ic6 .box{background-image:url(/_res/postech/kor/img/sub/reg_ic6.png);background-size: 44px auto;background-position: right 25px center;} .line_step .ic7 .box{background-image:url(/_res/postech/kor/img/sub/reg_ic7.png);background-size: 35px auto;background-position: right 36px center;} .line_step .ic8 .box{background-image:url(/_res/postech/kor/img/sub/reg_ic8.png);background-size: 37px auto;background-position: right 39px center;} .line_step .ic9 .box{background-image:url(/_res/postech/kor/img/sub/reg_ic9.png);background-size: 45px auto;background-position: right 35px center;} .line_step .ic10 .box{background-image:url(/_res/postech/kor/img/sub/reg_ic10.png);background-size: 42px auto;background-position: right 35px center;} .line_step .ic11 .box{background-image:url(/_res/postech/kor/img/sub/reg_ic11.png);background-size: 40px auto;background-position: right 35px center;} .line_step .ic12 .box{background-image:url(/_res/postech/kor/img/sub/reg_ic12.png);background-size: 40px auto;background-position: right 36px center;} .line_step .ic13 .box{background-image:url(/_res/postech/kor/img/sub/reg_ic15.png);background-size: 42px auto;background-position: right 30px center;} .line_step .ic14 .box{background-image:url(/_res/postech/kor/img/sub/reg_ic16.png);background-size: 42px auto;background-position: right 30px center;} .line_step .ic15 .box{background-image:url(/_res/postech/kor/img/sub/reg_ic17.png);background-size: 38px auto;background-position: right 30px center;} .line_step .ic16 .box{background-image:url(/_res/postech/kor/img/sub/reg_ic18.png);background-size: 34px auto;background-position: right 30px center;} .line_step .ic17 .box{background-image:url(/_res/postech/kor/img/sub/reg_ic19.png);background-size: 33px auto;background-position: right 31px center;} .line_step .ic18 .box{background-image:url(/_res/postech/kor/img/sub/reg_ic20.png);background-size: 41px auto;background-position: right 31px center;} .line_step .ic19 .box{background-image:url(/_res/postech/kor/img/sub/reg_ic21.png);background-size: 38px auto;background-position: right 31px center;} .line_step .ic20 .box{background-image:url(/_res/postech/kor/img/sub/reg_ic22.png);background-size: 38px auto;background-position: right 31px center;} .line_step .ic21 .box{background-image:url(/_res/postech/kor/img/sub/reg_ic23.png);background-size: 38px auto;background-position: right 31px center;} .line_step .ic22 .box{background-image:url(/_res/postech/kor/img/sub/reg_ic24.png);background-size: 42px auto;background-position: right 31px center;} .line_step .ic23 .box{background-image:url(/_res/postech/kor/img/sub/reg_ic25.png);background-size: 42px auto;background-position: right 31px center;} .line_step .ic24 .box{background-image:url(/_res/postech/kor/img/sub/reg_ic26.png);background-size: 42px auto;background-position: right 31px center;} .line_step .ic25 .box{background-image:url(/_res/postech/kor/img/sub/reg_ic27.png);background-size: 44px auto;background-position: right 31px center;} .line_step .ic26 .box{background-image:url(/_res/postech/kor/img/sub/reg_ic28.png);background-size: 38px auto;background-position: right 31px center;} .line_step .ic27 .box{background-image:url(/_res/postech/kor/img/sub/reg_ic29.png);background-size: 42px auto;background-position: right 31px center;} .line_step .ic28 .box{background-image:url(/_res/postech/kor/img/sub/reg_ic30.png);background-size: 41px auto;background-position: right 33px center;} .line_step .ic29 .box{background-image:url(/_res/postech/kor/img/sub/reg_ic31.png);background-size: 42px auto;background-position: right 33px center;} .line_step .ic30 .box{background-image:url(/_res/postech/kor/img/sub/reg_ic32.png);background-size: 38px auto;background-position: right 28px center;} .line_step .ic31 .box{background-image:url(/_res/postech/kor/img/sub/reg_ic33.png);background-size: 43px auto;background-position: right 29px center;} .line_step .ic32 .box{background-image:url(/_res/postech/kor/img/sub/reg_ic34.png);background-size: 47px auto;background-position: right 32px center;} .line_step > ul > li.step3:before{left:auto;right:-28px;} .line_step .mark-p{font-size: 15px;font-weight: 500;text-align: left;} .line_step .box + .ul-type-dot li{padding-top: 15px;font-size: 15px;font-weight: 600;line-height: 22px;color: #000000;text-align: left;} .line_step.maj ul{align-items: flex-start;} .line_step.maj li.step3:before, .line_step.maj li.step2:before, .line_step.maj li.step5:before{content: none;} .line_step.maj li.step3 .box:after{content: '';left: auto;right: -30px;} .line_step.steps5_2.maj > ul > li:nth-child(n+4){margin-top: 20px;} .line_step.steps4.v2 > ul > li{flex: none;width: calc(25% - 36px);} .line_step.steps4.v2 > ul > li:nth-child(4n){margin-right: 30px;} .line_step.steps4.v2 > ul > li:nth-child(n+5){margin-top:10px;} .line_step.steps4.v2 > ul > li.step4:after{content:'';left: auto;right: -27px;} .line_step ul.mark{display: flex;flex-wrap: wrap;margin-top: 13px;} .line_step ul.mark li{display: inline-block;height: 30px;padding: 0 14px;margin:2px;border-radius: 18px;font-size: 13px;font-weight: 500;line-height: 30px;background:#f0f0f0;color: #666;} .line_step ul.mark li.col_li{border: 1px solid #000;background: #fff;color: #000;} .line_step .box{flex: 1;} .line_step.no_ic .box{background:none;padding-right: 20px;} .line_step .box .txt{display: block;margin-top: 12px;font-size: 15px;font-weight: 600;line-height: 22px;color: #000000;} .line_step .s_txt{padding-top: 10px;font-size: 14px;font-weight: 500; color: #666666;} .line_step .step{display: block;padding-bottom: 2px;font-size: 13px;font-weight: 600;color: #c8005f;} .line_step p{font-size: 20px;font-weight: 700;color: #c8005f;} .line_step .box + .con-p{margin-top: 8px;} .line_step .con-p{margin:0 22px 0 22px;padding-left: 13px;font-size: 15px;font-weight: 500;color: #666666;text-indent: -13px;} .line_step .con-p +.con-p{margin-top: 5px;} .line_step.steps4 ul, .line_step.steps5 ul, .line_step.steps5_2 ul{max-width: 100%;} .line_step.steps5_2 > ul > li{flex: none;width: calc(33.333% - 38px);} .line_step.li3 > ul > li {width: calc(33.333% - 26px);} .line_step.steps5_2 > ul > li:nth-child(n+4){margin-top:10px;} .step_box.steps4 li, .line_step.steps5 li{flex:1;} .line_step.steps5 .flex_box{align-items: baseline;} .line_step.vertical ul{display: block;max-width: 100%;} .line_step.vertical > ul > li{display: flex;flex-wrap: wrap;align-items: center;position: relative;} .line_step.vertical > ul > li + li{margin-top: 58px;} .line_step.vertical .box{flex: auto;max-width:320px;width:100%;margin-right: 30px;} .line_step.vertical > ul > li + li:before{top: -38px;left: 140px;transform:rotate(90deg);} .line_step.vertical > ul > li + li .box:before{content:none;} .line_step.vertical .exp_box{flex:1;} .line_step.vertical .ul-type-dot + .mark-p {margin-top:10px;} .line_step.vertical .ul-type-dot li{font-size: 15px;font-weight: 600;line-height: 22px;color: #000;} .line_step.vertical .ul-type-dot li + li{margin-top:2px;} .line_step.vertical .mark-p + .mark-p{margin-top:0;} .line_step.vertical .mark-p, .line_step.vertical .mark-p a{font-size: 15px;font-weight: 500;color: #c8005f;} .dormi_wrap .status_inner ul.ul-type-dot li{margin-top: 18px;} .dormi_wrap .table-wrap {margin: 10px 0;} .dormi_wrap .table-wrap tbody td{text-align: left;} .gender_tag{width: 21px;height: 21px;display: inline-block; background: #f5f1e1;border-radius: 100%;color: #333;font-size: 12px;line-height: 21px;margin-right: 8px;vertical-align: middle;text-align: center;} .gender_tag02{width: 21px;height: 21px;display: inline-block; background: #f7e5ed;border-radius: 100%;color: #333;font-size: 12px;line-height: 21px;margin-right: 8px;vertical-align: middle;text-align: center;} .line_step.vertical.wid_stype2 > ul > li + li:before{content:none} .line_step.vertical.wid_stype2 .box:before{content:'';top: auto;left: 50%;transform: translateX(-50%) rotate(90deg);bottom: -35px;} .line_step.vertical .exp_box .txt{font-size: 18px;font-weight: 600;line-height: 22px;color: #000000;} .line_step.vertical .txt + .mark-p{ margin-top: 0px;} .line_step.type .box{justify-content: space-between;padding: 20px 22px;background: none;} .line_step.type.steps5_2 > ul > li{width: calc(33.333% - 26px);} .line_step.type.steps5_2 > ul > li:nth-child(n+4){margin-top: 22px;} .line_step.type.steps5_2 > ul > li:nth-child(3n){margin-right: 0;} .line_step.type > ul > li + li:before{content:none;} .line_step.type .type_box{font-size: 0;} .line_step.type .type_box span{display: inline-block;height: 28px;padding: 0 16px;margin:4px;border-radius: 16px;font-size: 14px;font-weight: 700;line-height: 28px;background: #000000;color: #fff;} .line_step.type .type_box span:first-child{margin-left: 0;} .con-p + .map_info_box{margin-top: 30px;} .map_info_box{overflow: hidden;border-radius: 13px;border: 1px solid #bbbbbb;} .map{overflow: hidden;width:100%;height:550px;border-radius: 13px;} .map > div{width:100%;} .map_info_box .text_box{padding: 35px 42px;border-top: 1px solid #bbbbbb} .map_info_box .text_box dl{display: flex;align-items: center;flex-wrap: wrap;letter-spacing: -.2px;} .map_info_box .text_box dl + dl{margin-top:17px;} .map_info_box .text_box dt{width:150px;padding-left: 32px;font-size: 16px;font-weight: 700;background-repeat: no-repeat; background-position: 0 50%;color: #111;} .map_info_box .text_box dt.ic1{background-image:url(/_res/postech/kor/img/sub/map_info_ic1.png);background-size: 18px auto;} .map_info_box .text_box dt.ic2{background-image:url(/_res/postech/kor/img/sub/map_info_ic2.png);background-size: 19px auto;} .map_info_box .text_box dt.ic3{background-image:url(/_res/postech/kor/img/sub/map_info_ic3.png);background-size: 22px auto;} .map_info_box .text_box dd{font-size: 16px;color: #666;} .contact_info *{word-break: break-all;} .contact_info dl{display: flex;flex-wrap: wrap;align-items: center;font-size: 16px;font-weight: 600;color: #000000; } .contact_info dl + dl{margin-top:8px;} .contact_info dt{width: 88px;padding-left: 30px;background-repeat: no-repeat;background-position: 0 50%;} .contact_info dt.ic1{background-image:url(/_res/postech/kor/img/sub/tech_icon2.png);background-size: 19px auto;} .contact_info dt.ic2{background-image:url(/_res/postech/kor/img/sub/tech_icon3.png);background-size: 17px auto;} .contact_info dd{flex: 1;} /* 오시는 길 */ .cont_line_box.dir{ padding: 0 20px;} .cont_line_box.dir .h5_title{width: auto;} .cont_line_box.dir .box{display: block;} .dir .gray_con_box > ul > li + li{padding-top: 25px;} .dir .gray_con_box .type{display: inline-block;width: 21px;height: 21px;margin-right: 10px;border-radius: 100%;font-size: 12px;font-weight: 700; line-height: 22px;background: #000000;color: #ffb3c0;text-align: center;vertical-align: text-top;} .dir .gray_con_box .type.txt{width: auto;padding: 0 10px;border-radius: 12px;} .dir .gray_con_box strong{display: inline-block;width: calc(100% - 31px);margin-top: -2px;font-size: 20px;font-weight: 700;line-height: 28px;vertical-align: text-top; word-break: keep-all;} .dir .gray_con_box .type.txt + strong{width: calc(100% - 59px);} .dir .gray_con_box > ul > li .ul-type-dot{margin-top:15px;padding-left: 30px;} .dir .gray_con_box > ul > li .ul-type-dot .bold{font-weight: 700;color: #000000;} .cont_line_box.dir .item{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;padding-top: 40px;} .cont_line_box.dir .item .h5_title{padding-bottom: 0;} /* 캠퍼스 견학 */ .flex_box.btn_box{magin-top:35px} .line_step.steps4.no_ic .box{padding-right:20px} .guide_wrap + .str_txt1{margin-top:35px ;} td.inq .link_btn{margin-top:10px;} /* 캠퍼스맵 */ .campus-map header{display: flex;flex-wrap: wrap;align-items: center;height:82px;padding:0 20px;background:#000000;} .campus-map header .logo{width:340px;background:url(/_res/postech/kor/img/sub/a_postech_logo.png) 0 50% no-repeat;background-size: 190px auto;} .campus-map header .logo span{padding-left: 200px;font-size: 28px;font-weight: 700; color: #fff;} .campus-map header .map_btn {display: flex;align-items: center; justify-content: center;width:137px;height:40px;background:#fff;color:#c51064;border-radius: 26px;font-size: 14px;font-weight: 700;} .campus-map header .map_btn.active {background: #c8005f;color:#fff;} .campus-map header .map_btn span{background-repeat: no-repeat;background-position: 0 50%;} .campus-map header .map_btn.type1 {margin-right: 10px;} .campus-map header .map_btn.type1 span{padding-left: 30px;background-image:url(/_res/postech/kor/img/sub/location_ic4.png);background-size: 17px auto;} .campus-map header .map_btn.type2 span{padding-left: 28px;background-image:url(/_res/postech/kor/img/sub/kakao_load_ic.png);background-size: 19px auto;} .campus-map header .map_btn.type1.active span{background-image:url(/_res/postech/kor/img/sub/location_ic3.png);} .campus-map header .map_btn.type2.active span{background-image:url(/_res/postech/kor/img/sub/kakao_load_on_ic.png);} /* .campus-map header .map_btn.type1{margin-right: 10px;background:#c51064;color:#fff;} .campus-map header .map_btn.type2{background:#fff;color:#c51064;} .campus-map header .map_btn span{background-repeat: no-repeat;background-position: 0 50%;} .campus-map header .map_btn.type1 span{padding-left: 30px;background-image:url(/_res/postech/kor/img/sub/location_ic3.png);background-size: 17px auto;} .campus-map header .map_btn.type2 span{padding-left: 28px;background-image:url(/_res/postech/kor/img/sub/kakao_load_ic.png);background-size: 19px auto;} .campus-map header .map_btn.type1:hover{background:#fff;color:#c51064} .campus-map header .map_btn.type1:hover span{background-image:url(/_res/postech/kor/img/sub/location_ic4.png);} .campus-map header .map_btn.type2:hover{background:#c51064;color:#fff;} .campus-map header .map_btn.type2:hover span{background-image:url(/_res/postech/kor/img/sub/kakao_load_on_ic.png);} */ @media only screen and (min-width:1025px){ .campus-map .search-form {display:block !important;} } .campus-map .wrap{display: flex;flex-wrap: wrap;max-width: 100%;height: calc(100vh - 82px);padding: 0;} .campus-map .search-form{width:340px;padding:18px 20px;background: #fff;} .campus-map .map-view-wrap{width: calc(100% - 340px);} .campus-map .search-input{position: relative;} .campus-map .search-input input{height:50px;padding-left:15px;padding-right: 60px;border: 1px solid #c51064;color:#333333;} .campus-map .search-input input::placeholder{font-weight: 300;color:#333333;} .campus-map .search-input a{position: absolute;top: 1px;right: 1px;width: 54px;height: 47px;font-size: 0; text-indent: -9999em;background:#fff url(/_res/postech/kor/img/sub/search_btn_ic.png) 50% 50% no-repeat;background-size: 24px auto;} .campus-map .scroll-box{overflow-y: auto;height: calc(100% - 70px);margin-top: 18px;padding-right: 10px} .campus-map .map-info-list{border-top: 3px solid #000000;border-bottom: 3px solid #000000;} .campus-map .map-info-list > ul > li {border-top: 1px solid #8a8a8a;border-bottom: 1px solid #8a8a8a;} .campus-map .map-info-list > ul > li:last-child{border-bottom: 1px solid none;} .campus-map .map-info-list > ul > li > a{display:block;position: relative;padding: 23px 2px;border-bottom: 1px solid #f1f2f4;} .campus-map .map-info-list > ul > li > a:before{content:'';position: absolute;top: 50%;transform: translateY(-50%);right: 10px;width: 28px;height: 28px;border-radius: 100%;background:#f3f2ee url(/_res/postech/kor/img/sub/lnb_menu_ic.png) center center no-repeat;transition-duration: .3s} .campus-map .map-info-list > ul > li.open > a:before{transform:translateY(-50%) rotate(180deg);} .campus-map .map-info-list .title{padding-left: 27px;background:#fff url(/_res/postech/kor/img/sub/location_ic1.png) 0 50% no-repeat;background-size: 17px auto;font-size: 20px;font-weight: 700;color: #000000;} .campus-map .map-info-list .open .title{background:url(/_res/postech/kor/img/sub/location_ic2.png) 0 50% no-repeat;background-size: 17px auto;color:#c51064;} .campus-map .map-info-list .list-ul{overflow-y:auto;display:none;padding:20px 30px;max-height: 210px;} .campus-map .map-info-list .list-ul span{display: inline-block; width: 21px;height: 21px;margin-right: 10px;border-radius: 100%;font-size: 12px;font-weight: 700;line-height: 21px;background: #0f0f0f;text-align: center;color: #fff;} .campus-map .map-info-list .list-ul p{display: inline-block;width: calc(100% - 35px);font-size: 15px;font-weight: 700;color: #726f6a;vertical-align: text-top;} .campus-map .map-info-list .list-ul li + li{margin-top: 15px;;} .campus-map .map-info-list .list-ul li a{width:100%;} .campus-map .map-info-list .list-ul li a:hover, .campus-map .map-info-list .list-ul li a.on{color:#c8005f;} .campus-map .map-info-list .list-ul li a:hover span, .campus-map .map-info-list .list-ul li a.on span{background:#c51064;} .campus-map .map-info-list .list-ul li a:hover p, .campus-map .map-info-list .list-ul li a.on p{text-decoration: underline;color:#c8005f} .campus-map .map-view-wrap > div{width:100%;height:100%;} .campus-map .map-info-list > button[aria-expanded] {display:none;} .campus-map .root_daum_roughmap .wrap_map{height:100%} .campus-map .map-view-wrap > .popup.map_info{height:auto;} .popup.map_info{max-width:510px;} .popup.map_info .head{padding-top: 10px;padding-right: 20px;} .popup.map_info .head .close_btn{width:50px;height: 50px;} .popup.map_info .head .h5_title{padding-top: 2px; padding-left: 24px;background: url(/_res/postech/kor/img/sub/location_ic2.png) 0 50% no-repeat;background-size: 17px auto;word-break: break-all;} .popup.map_info .cont{padding: 6px 30px 0px;} .popup.map_info .img-box{overflow: hidden;position: relative;width: 100%;height: 260px;margin-bottom: 30px;border-radius: 10px;} .popup.map_info .img-box .swiper{height: 260px;} .popup.map_info .img-box img{width: 100%;height: 100%;object-fit: cover;} .popup.map_info .img-box a{width: 50px;height: 50px;border-radius: 100%;font-size: 0;text-indent: -9999em;background-color: #f3f2ee;background-size: 9px auto;background-image: url(/_res/postech/kor/img/sub/swiper_next_b.png);background-repeat: no-repeat;background-position: center;} .popup.map_info .img-box .prev{transform:rotate(180deg);} .popup.map_info .btn-box{display: flex;align-items: center;justify-content: space-between;position: absolute;top: 50%;left: 10px;transform: translateY(-50%);z-index: 2;width: calc(100% - 20px);} .popup.map_info dl{display: flex;flex-wrap: wrap;align-items: center;margin-top:30px;font-size: 16px;font-weight: 600;color: #333333} .popup.map_info dl + dl{margin-top: 15px;} .popup.map_info dt{width:114px;padding-left: 30px;background-repeat: no-repeat;background-position: 0 50%;} .popup.map_info dt.ic1{background-image: url(/_res/postech/kor/img/sub/map_info_ic1.png);background-size: 18px auto;} .popup.map_info dt.ic2{background-image: url(/_res/postech/kor/img/sub/map_info_ic4.png);background-size: 19px auto;} .popup.map_info dt.ic3{background-image: url(/_res/postech/kor/img/sub/map_info_ic5.png);background-size: 17px auto;} .popup.map_info dt.ic4{background-image: url(/_res/postech/kor/img/sub/map_info_ic6.png);background-size: 16px auto;} .popup.map_info .link{text-decoration: underline;/*text-transform: uppercase;*/} .popup.map_info .btn_wrap{padding-top:40px;} .popup.map_info .btn_wrap .btn{width:150px;} .standard_wrap .table_top_box .year select{border: 1px solid #a6a6a6;background: #fff;color: #333;} .standard_wrap .table_top_box .select.year:after{background-color: #fff;background-image: url(/_res/postech/kor/img/sub/select_ic.png);} .standard_wrap .table_top_box select{height: 48px;} /* 평해연수원 */ .floor_layout{padding:40px;border-radius: 10px;border: 1px solid #cccccc;background-image:url(/_res/postech/kor/img/sub/postech_con_logo.png); background-repeat: no-repeat;background-position: right 45px bottom 40px;} .floor_layout li{display: flex;align-items: center;justify-content: center;width: calc(16.6667% - 4px);height: 123px;border-radius: 13px;text-align: center;} .floor_layout .box1 li + li{margin-left: 4px;} .floor_layout .box2 li + li{margin-top: 4px;} .floor_layout li.col1{background:#f7e5ed;} .floor_layout li.col2{background:#f5f1e1;} .floor_layout li.col3{background:#f8e9d2;} .floor_layout .box2{margin-top: 4px;} .floor_layout .txt1{padding-bottom: 12px;display: block;font-size: 20px;font-weight: 900;color:#c8005f} .floor_layout .txt2{font-size: 18px;font-weight: 700;color:#333333} .img_con_info_list > ul{display: flex;align-items: baseline;flex-wrap: wrap;} .img_con_info_list .img{overflow: hidden;height: 315px;margin-bottom: 30px;border-radius: 20px;} .img_con_info_list img{width: 100%;height: 100%;object-fit: cover;} .img_con_info_list > ul > li{width: calc(33.333% - 14px);margin-right: 20px;} .img_con_info_list > ul > li:nth-child(3n){margin-right: 0;} .img_con_info_list > ul > li:nth-child(n+4){margin-top: 55px;} .img_con_info_list .ul-type-dot li{font-weight: 600;color:#333333;} .img_con_info_list .ul-type-dot li + li{margin-top: 5px;} .img_con_info_list.tsf > ul > li{position: relative;width: calc(50% - 10px);height: 756px;} .img_con_info_list.tsf > ul > li:last-child{margin-right:0;} .img_con_info_list.tsf .img{height: 480px;} .img_con_info_list.tsf .link_btn{position: absolute;bottom: 0;margin-top:0;} ul.contact {display: inline-block;} ul.contact li{padding-left: 28px; background-repeat: no-repeat;background-position: 0 50%;} ul.contact li.ic1{background-image:url(/_res/postech/kor/img/sub/contact_info_ic2.png);background-size: 19px auto;} ul.contact li + li{margin-top: 5px;} ul.contact li a{color: #666;} /* 학부 장학제도 */ .con_grid_box .title{display: table;width: 100%;padding: 26px 20px;border-radius: 13px;background: #c8005f;} .con_grid_box .title p{display: table-cell;font-size: 24px;font-weight: 700;color: #fff;text-align: center;vertical-align: middle;} .con_grid_box .num_box{margin-top: 10px;} .con_grid_box .num_box ul{display: flex;flex-wrap: wrap;} .con_grid_box .num_box li {display: flex;align-items: center;flex:1;height: 114px;padding: 0 30px;border-radius: 13px;border: 1px solid #cccccc;} .con_grid_box .num_box li + li{margin-left: 10px;} .con_grid_box .num_box span{display:block;padding-bottom: 5px;font-size: 13px;font-weight: 700;color: #c8005f;} .con_grid_box .num_box p{font-size: 20px;font-weight: 600;color: #000000;} .step_type_wrap_m {display:none} .step_type_wrap{margin-top: 92px;} .step_type_wrap > ul{display: flex;flex-wrap: wrap;} .step_type_wrap li{position: relative;text-align: center;} .step_type_wrap > ul > li.comm{width: calc(16.75% - 27px);margin-top: -70px;} .step_type_wrap > ul > li.comm.first{margin-right:40px;} .step_type_wrap > ul > li.comm.first:after, .step_type_wrap .tit2.col3:after, .step_type_wrap .tit2.col2:after, .step_type_wrap .col1.tit3:after, .step_type_wrap .col1.tit4:after{content:'';position: absolute;top: 50%;transform: translateY(-50%);background-repeat: no-repeat;background-position: 0 0;} .step_type_wrap > ul > li.comm.first:after, .step_type_wrap .tit2.col3:after{right: -30px;width:18px;height:14px;background-image:url(/_res/postech/kor/img/sub/diagram_arrow_ic1.png);background-size: 18px auto;} .step_type_wrap > ul > li.comm.first:after{margin-top: -20px;} .step_type_wrap .col1.tit4:after{right: -40px;width:40px;height:151px;background-image:url(/_res/postech/kor/img/sub/diagram_arrow_ic4.png);background-size: 40px auto;} .step_type_wrap .tit2.col2:after{right: -40px;width: 40px;height: 83px;background-image:url(/_res/postech/kor/img/sub/diagram_arrow_ic2.png);background-size: 40px auto;} .step_type_wrap .col1.tit3:after{right: -42px;width: 41px;height: 114px;margin-top: 5px;background-image:url(/_res/postech/kor/img/sub/diagram_arrow_ic3.png);background-size: 41px auto;} .step_type_wrap .col3.tit4{position: absolute;margin-top: 10px;} .step_type_wrap > ul > li + li{margin-right: 10px;} .step_type_wrap > ul > li.grid{display: flex;flex-wrap: wrap;width: calc(66.5% - 0px);height:auto;padding:0;margin-top: -91px;margin-right: 0;background:none;} .step_type_wrap > ul > li.grid > .box{display: flex;flex-wrap: wrap;align-items: center;width: 100%;margin-bottom: 40px;} .step_type_wrap > ul > li div{position: relative;} .step_type_wrap p{font-size: 16px;font-weight: 600;color: #000;} .step_type_wrap .comm p{font-size:18px;color: #333;} .step_type_wrap .comm > div{height: 220px;} .step_type_wrap .comm .col1, .step_type_wrap .comm .line_b{display: flex;align-items: center;justify-content: center;} .step_type_wrap .line_b span{display:block;font-weight: 600;font-size: 16px;color: #999999;} .step_type_wrap .line_b{border-radius: 13px;border: 2px solid #000000;} .step_type_wrap .col1{border-radius: 13px;padding: 20px 10px;background:#f9f7f4} .step_type_wrap .col2{border-radius: 13px;padding:20px 10px;background:#000000;color:#fff;} .step_type_wrap .col3{border-radius: 13px;padding:20px 10px;background:#efefef} .step_type_wrap .bor_con{padding:16px 10px;border-radius: 38px;border: 1px solid #000000;} .step_type_wrap .bor_con.col1{border: 1px solid #c8005f;background:#c8005f;} .step_type_wrap .bor_con.col1 p{color:#fff;} .step_type_wrap .bor_con.col2{border: 1px solid #c8005f;background:#fff;} .step_type_wrap .col2 p{color:#fff;} .step_type_wrap .bor_con.col2 p{color:#c8005f;} .step_type_wrap > ul > li.grid > .box > .bor_con_box{width: calc(23% - 8px);} .step_type_wrap > ul > li.grid > .box > .bor_con_box li + li{margin-top:10px;} .step_type_wrap .tit2{width: calc(22% - 13px);height: 80px;margin-right:40px;} .step_type_wrap .col1.tit3{width: calc(31% - 10px);margin-right: 40px;} .step_type_wrap .tit4{width: calc(50% - 20px);margin-top: -100px;margin-right: 40px;} .step_type_wrap .tit4 p{color: #333;} .step_type_wrap .child{width: calc(78% - 27px);} .step_type_wrap .child .bor_con_box{width: calc(69% - 30px);} .step_type_wrap .col_bor_con_box{position: absolute;right: 0;width: calc(50% - 20px);} .step_type_wrap .col_bor_con_box > ul{margin-top: -104px;} .step_type_wrap .col_bor_con_box li + li{margin-top:10px;} .step_type_wrap .child > ul > li:first-child{ } .step_type_wrap li span{display:block;} .step_type_wrap li span.col{font-size: 14px;font-weight: 700;} .step_type_wrap .em_br{display:block;} .con_tbl_box{display: table;margin: 13px 0 10px;} .con_tbl_box .box{overflow: hidden;border-radius: 13px;border: 1px solid #bbbbbb;} .con_tbl_box .head{border-bottom: 1px solid #d5d5d5;background:#efefef;padding: 15px 10px;text-align: center;} .con_tbl_box .head p{font-size: 15px;font-weight: 700;color: #333333;} .con_tbl_box .head span{display: inline-block;font-size: 15px;font-weight: 700;color: #c8005f;vertical-align: top;} .con_tbl_box .con{padding:20px;} .content_box .video_wrap{overflow: hidden;border-radius: 10px;} .content_box .video_wrap iframe{width:100%;height: 420px;} .video_wrap.brochure{height: 720px;} .video_wrap.brochure iframe {height:100%} .video_wrap.brochure + .gray_con_box{padding: 40px 10px 50px 40px;margin-top:10px;background-image:url(/_res/postech/kor/img/sub/logo_bg.png);background-repeat: no-repeat;background-position: bottom 20px right 40px;} .video_wrap.brochure + .gray_con_box .con-p{font-weight: 400;} .gray_con_box .scroll_box{overflow-y: auto;max-height: 130px;} body .video_wrap.brochure + .gray_con_box *::-webkit-scrollbar-track{background-color:transparent} body .video_wrap.brochure + .gray_con_box *::-webkit-scrollbar{background-color:transparent;border:1px solid #f7f7f7;} body .video_wrap.brochure + .gray_con_box *::-webkit-scrollbar-thumb{border:4px solid #f7f7f7;background-color:#bbbbbb;} @media only screen and (min-width:1024px) and (max-width:1640px){ /* 1640 기준 */ .video_wrap.brochure{height:43.90243vw;} } /* 홍보물 UI 변경 */ .video_wrap.brochure.t1 {display:flex;position:relative;border-top:1px solid #000;border-bottom:1px solid #e0e0e0;border-radius:0;height:auto;margin-bottom:81px;} .video_wrap.brochure.t1:after {content:'';display:block;position:absolute;bottom:16px;right:0;width:241px;height:35px;background:url('/_res/postech/_share/img/com/logo_postech.png') no-repeat 0 0/100% auto;} .video_wrap.brochure.t1 .youtube {flex:1;padding:30px 30px 30px 0} .video_wrap.brochure.t1 .youtube > .video {overflow:hidden;width:863px;height:495px;border-radius:13px;background:#000;} .video_wrap.brochure.t1 .youtube > .video iframe {width:100%;height:100%;object-fit:cover;} .video_wrap.brochure.t1 .youtube > .promotion_graybox.gray_con_box {margin-top:10px;} .video_wrap.brochure.t1 .thumb {padding:30px 32px;width:407px;border-left:1px solid #e0e0e0;} .video_wrap.brochure.t1 .thumb li {margin-bottom:10px;} .video_wrap.brochure.t1 .thumb a {display:flex;align-items:center;font-size:16px;line-height:24px;font-weight:600;letter-spacing:-0.25px;color:#000;} .video_wrap.brochure.t1 .thumb .img {overflow:hidden;position:relative;margin-right:20px;width:162px;height:91px;border-radius:8px;background:#000;} .video_wrap.brochure.t1 .thumb .img > img {opacity:0.9;width:100%;height:100%;object-fit:cover;transition:0.2s} .video_wrap.brochure.t1 .thumb a:hover, .video_wrap.brochure.t1 .thumb a.active {color:#c8005f;text-decoration:underline;text-underline-offset:2px;} .video_wrap.brochure.t1 .thumb a:hover img {transform:scale(1.2)} .video_wrap.brochure.t1 .thumb a.active .img {border:2px solid #c8005f;} .video_wrap.brochure.t1 .thumb a.active .img:before {content:'';display:block;position:absolute;top:50%;left:50%;margin:-15px;z-index:2;width:30px;height:30px;background:url('/_res/postech/_share/img/com/icon_play_30.png') no-repeat 0 0 / 100% auto;} @media only screen and (max-width:1640px){ /* 1640 기준 */ .video_wrap.brochure.t1:after {display:none;} .video_wrap.brochure.t1 .youtube {padding:1.82vw 1.82vw 1.82vw 0} .video_wrap.brochure.t1 .youtube > .video {width:52.62vw;height:30.18vw;} .video_wrap.brochure.t1 .thumb{padding:1.82vw 1.95vw;width:24.81vw;} } @media only screen and (max-width:1440px){ .video_wrap.brochure.t1 .youtube {padding:2.08vw 2.08vw 2.08vw 0} .video_wrap.brochure.t1 .youtube > .video {width:59.93vw;height:34.375vw;} .video_wrap.brochure.t1 .thumb {width:15.69vw;padding:2.083vw 2.222222vw;} .video_wrap.brochure.t1 .thumb .img {width:11.25vw;height:6.31vw;margin-right:0} .video_wrap.brochure.t1 .thumb .txt {position:absolute;opacity:0;} } @media only screen and (max-width:1280px){ .video_wrap.brochure.t1 {display:block;} .video_wrap.brochure.t1 .youtube {padding-right:0;} .video_wrap.brochure.t1 .youtube > .video {width:100%;height:39.0625vw} .video_wrap.brochure.t1 .thumb {border-left:0;width:100%;padding-top: 0;} .video_wrap.brochure.t1 .thumb > ul {display:flex;justify-content: center;} .video_wrap.brochure.t1 .thumb > ul > li {margin:0;} .video_wrap.brochure.t1 .thumb .img {margin:0 5px} } @media only screen and (max-width:1024px){ .video_wrap.brochure.t1 .youtube > .video {height: 49.01vw;} .video_wrap.brochure.t1 .thumb .img{width:15.57vw;height:8.92vw;} } @media only screen and (max-width:750px){ .video_wrap.brochure.t1 .youtube > .video {height: 53.33vw;} .video_wrap.brochure.t1 .thumb .img{margin:0 2px;width: 21.6vw;height: 12.13vw;} } /* .brochure_box{border-top: 1px solid #000000;border-bottom: 1px solid #e0e0e0;} .brochure_box ul{display: flex;flex-wrap: wrap;} .brochure_box li{flex:1;width: 50%;padding: 40px;} .brochure_box li + li{border-left: 1px solid #e0e0e0;} .brochure_box li .thumb{overflow: hidden;height: 713px;} .brochure_box li img{width: 100%; height: 100%;object-fit: cover;} .brochure_box li a{margin: 40px auto 0;} */ .brochure_box {overflow:hidden;display:flex;border:0;background:#f9f8f5;border-radius:8px;align-items: center;} .brochure_box .img {order:2;width:495px;height:625px} .brochure_box .img > img {width:100%;height:100%;object-fit:cover} .brochure_box .area {padding:0 60px;flex:1;} .brochure_box .area:before {content:'';display:block;margin:-4px 0 28px;width:47px;height:42px;background:url('/_res/postech/kor/img/sub/icon_brochure.png') no-repeat 0 0 / 100% auto} .brochure_box .tit {font-size:60px;line-height:54px;color:#000;} .brochure_box .tit > span {display:block;} .brochure_box .tit > span:first-child {color:#c8005f;} .brochure_box .con {margin-top:24px;font-size:18px;color:#333;letter-spacing:-0.25px;font-weight:600;} .brochure_box .btns {display:flex;margin:50px -5px 0;} .brochure_box .btns > a {display:flex;flex:1;align-items:center;justify-content:space-between;position:relative;margin:5px;padding:0 25px 0 29px;height:73px;background:#fff;border:1px solid #000000;border-radius:8px;font-size:15px;font-weight:600;color:#000;transition: 0.2s;} .brochure_box .btns > a.c1 {border-color:#c8005f;color:#c8005f;} .brochure_box .btns > a[target]:after {content:'\F061';display:inline-block;margin-left:5px;margin-top:-3px;font-family:'Line Awesome Free';font-size:17px;transform:rotate(-45deg);font-weight:400;vertical-align:middle;} .brochure_box .btns > a:hover {background-color:#000;color:#fff} .brochure_box .btns > a.c1:hover {background-color:#c8005f;} .table-wrap .table_ty2.many_tb tbody th{word-break: break-word;} /* 입학정보 */ .contact_wrap.sns .box {display: flex;flex-wrap: wrap;align-items: center; justify-content: center;width: 100%;} @media only screen and (min-width:1281px) and (max-width:1640px){ /* 1640 기준 */ .brochure_box .img {width:30.1829vw;height:38.1097vw} .brochure_box .area {padding:0 3.7037vw;} .brochure_box .tit {font-size:3.7037vw;line-height:3.33333vw} .brochure_box .con {margin-top:1.48148vw;font-size:1.11111vw;} } @media only screen and (min-width:1025px) and (max-width:1280px){ /* 1280 기준 */ .brochure_box .img {width:38.671875vw;height:48.828125vw} .brochure_box .area {padding:0 4.6875vw;} .brochure_box .tit {font-size:4.6875vw;line-height:4.21875vw} .brochure_box .con {margin-top:1.875vw;font-size:1.40625vw;} .brochure_box .btns {display:block;} } @media only screen and (max-width:1024px){ .brochure_box {display:block;} .brochure_box .img {width:100%;height:auto;} .brochure_box .area {position:absolute;bottom:0;left:0;right:0;padding:30px;background:#f9f8f5cc;} .fc-theme-standard td{border-right: 0!important;} .info_list.site a:hover{background-position: top 30px right 30px!important;} } @media only screen and (max-width:750px){ .brochure_box .area:before {margin:0 0 20px;width:24px;height:28px;} .brochure_box .area {position:relative;padding:20px;background:none;} .brochure_box .tit {font-size:40px;line-height:0.8} .brochure_box .con {margin-top:20px;font-size:16px;} .brochure_box .btns {margin-top:20px;} .brochure_box .btns {display:block;} .brochure_box .btns > a {padding:0 15px;height:40px;font-size:14px;} /*.postechian_list .potc_banner .btn_box:before, .potc_banner .btn_box:after{box-shadow: none!important;} .postechian_list .potc_banner .btn_box{position: static;background: none;border: 0;border-radius: 0;margin-top: 10px;} .postechian_list .btn_box a.link_btn{width: 100%;}**/ } /* 연혁 */ .history_list .item{display: flex;flex-wrap: wrap;justify-content: end;} .history_list .item .group:last-child{padding-bottom: 80px;} .history_list .h4_title{width: 150px;padding-bottom: 0;color:#c8005f} .history_list .cont{flex:1;position: relative;width: calc(100% - 154px);} .history_list .cont:before{content:'';position: absolute;top: 10px;left: -35px;width: 1px;height:0;background: #e0e0e0;transition: 0.3s;} .history_list .item.top .group:first-child:after, .history_list .item .cont:after{content:'';position: absolute;bottom: -20px;left: -41px;z-index: 1;width: 13px;height: 13px; border-radius: 100%;border: 3px solid #c8005f;background: #fff;box-sizing: border-box;opacity: 0;transition: 0.3s;} .history_list .item.top .group:first-child:after{top:6px;} .history_list .active .cont:before{height: 100%;} .history_list .item.top .group:first-child:after, .history_list .item.active .cont:after{opacity: 1;} .history_list .group{display: flex;flex-wrap: wrap;position: relative;} .history_list .group + .group{margin-top: 16px;} .history_list .month{position: relative;width: 62px;font-size: 18px;font-weight: 700;color: #333333;} .history_list .ul-type-dot{width: calc(100% - 62px);} .history_list .ul-type-dot li{color: #333333;word-break: keep-all;} /* UI */ .ui_wrap{padding-top: 40px;border-top: 1px solid #000000;} .ui_wrap .item{flex: 1;margin-right:70px} .ui_wrap .item:nth-child(2n){margin-right:0;} .ui_wrap.mark .item{flex: auto; width: calc(50% - 35px);} .ui_wrap.mark .item:nth-child(n+3){margin-top:75px} .ui_wrap.it2 .item{margin-right:0;} .ui_wrap.it2 .item:nth-child(2n){margin-right:10px;} .ui_wrap.it2 .item:nth-child(n+4){margin-top: 40px;} .ui_wrap .flex_box + .flex_box{margin-top: 75px;} .grid-wrap{overflow: hidden;border-radius: 10px;border: 1px solid #dddddd;} .grid{display:flex;flex-wrap: wrap;align-items: center;justify-content: center;position: relative;height: 159px;padding: 15px;background-image:url(/_res/postech/kor/img/sub/ui_grid.png);background-position: -1px -1px;background-repeat: repeat;} .ui_rule{margin-left: 118px;;} .ui_rule p{font-size: 18px;font-weight: 700;color: #111111;} .ui_wrap.it2{ display: flex;align-items: center;flex-wrap: wrap;border-top: none;} .ui_wrap.it2.type1{border-top: 1px solid #000;} .ui_wrap.it2.type1 .item{justify-content: center;margin-right: 0;} .ui_wrap .h5_title{width:100%;} .ui_wrap.it2 .item{display: flex;flex-wrap: wrap;flex: auto;align-items: center;width: calc(50% - 5px);} .ui_wrap.it3 .item{flex:auto;width: calc(33.333% - 22px);margin-right:32px;} .ui_wrap.it3 .item:last-child{margin-right: 0;} .ui_wrap.it3 .grid{height:412px;} .ui_wrap.mark img{max-width:100%;width:100%;} .ui_wrap.blw{border-top: none;} .mark_color_box img{width:100%;} .color_box{overflow: hidden;max-width: 220px;width: calc(40% - 26px);margin-right: 30px;border-radius: 10px;} .color_box .col{position: relative;height:310px;border-radius: 8px;} .color_box.col1 .col{background:#ca0464} .color_box.col2 .col{background:#ffb300} .color_box.col3 .col{background:#66665c} .color_box.col4 .col{background:#c5c6ca} .color_box.col5 .col{background:#daba65} .color_box .col p{position: absolute;left: 30px;bottom: 30px;font-size: 24px;font-weight: 700;letter-spacing: -.1px;color: #fff;} .color_box .ep{padding: 13px;font-size: 15px;font-weight: 700;letter-spacing: .5px;} .color_box.col1 .ep{color:#ca0464} .color_box.col2 .ep{color:#ffb300} .color_box.col3 .ep{color:#66665c} .color_box.col4 .ep{color:#c5c6ca} .color_box.col5 .ep{color:#daba65} .color_box .col em {color: #ffffff;opacity: 70%;font-size: 15px;display: block;margin-top: 10px;letter-spacing: 0.5px;font-weight: 500;} .type1 .color_info_box{width:auto;} .color_info_box{width: calc(60% - 4px);} .color_info_box .h5-tit01{padding-bottom: 15px;} .color_info_box dl{display:flex;flex-wrap: wrap;} .color_info_box dl + dl{padding-top:14px} .color_info_box dt{width: 112px;font-size: 16px;font-weight: 700;} .color_info_box dd{color:#666;margin-left: 20px;font-weight: 600;} .ui_wrap .line .grid:before{content:'';position: absolute;transform: rotate(166deg);width:104%;height:2px;background:#ed1c24;} .ui_wrap .pattern .grid{background-image:url(/_res/postech/kor/img/sub/pattern_bg.jpg);background-size: 100% 100%;background-repeat: no-repeat;background-position: 0 0 } .ui_wrap .col_bg.grid-wrap{background:#a63569} .ui_wrap .pattern2.grid-wrap{background-image:url(/_res/postech/kor/img/sub/pattern_bg2.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;} .ui_wrap .pattern2.grid-wrap .grid{background:none;} .ui_wrap .dep img{max-width:342px} .ui_wrap.emb img{max-width:227px;width: 100%;} .ui_wrap.est_emb .item + .item{margin-top: 60px;} .ui_wrap.est_emb .grid-wrap{display: flex;align-items: center;justify-content: center;height:410px;padding:20px;} .ui_wrap.est_emb .con-p{margin-top:30px;} .h4_title.ch_pb{padding-bottom: 22px;} .ui_wrap.ch{margin-top: 20px;} .ui_wrap.ch .grid-wrap{border-radius: 0;border: none;text-align: center;} .ui_wrap.ch .flex_box{align-items: baseline;} .ui_wrap.ch img + img{margin-top: 45px;} .ui_wrap.ch .item{margin-right: 0;} .ui_wrap.ch .btn_box{display: flex;justify-content: center;margin-top: 50px;} .ui_wrap.ch .btn_box a + a{margin-left: 10px;} .character_list .item{padding-top: 40px; margin-top: 40px;border-top: 1px solid #e0e0e0;} .character_img ul{font-size: 0;} .character_img.li3 ul{justify-content: center;max-width: 570px;align-items: end;margin: auto;} .character_img.li4 ul, .character_img.li5 ul{justify-content: left;} .character_img li{display: inline-block;text-align: center;} .character_img + .character_img, .character_img.li8 li:nth-child(n+9){margin-top:50px;} .character_img.li3 li{width: calc(33.333% - 3px);vertical-align: bottom;} .character_img.li4 li{width: calc(12.5% - 3px);} .character_img.li5 li{width: calc(12.5% - 3px);} .character_img.li6 li{width: calc(16.6667% - 3px);} .character_img.li8 li{width: calc(12.5% - 3px);} .ui_color_box .color_box{border: 1px solid #b9b9b9;border-radius: 10px} .ui_color_box .color_box .col {position: relative;height: 140px;border-radius: 0;} .ui_color_box .color_box .col p {position: absolute;left: 14px;bottom: 15px;font-size: 15px;font-weight: 700;letter-spacing: -.1px;color: #fff; text-transform: uppercase;} .ui_color_box .color_box .col p { position: absolute;left: 14px;bottom: 15px; font-size: 15px;font-weight: 700;letter-spacing: -.1px; color: #fff;text-transform: uppercase;} .ui_color_box .color_info_box dd {color: #666; margin-left: 20px;font-weight: 500;} .item.br{margin-top: 40px;padding-top: 40px;border-top: 1px solid #bbb;} .item .top_txt{display: block;padding-bottom: 40px;font-size: 20px;font-weight: 700;line-height: 32px;color: #000000; text-align: center;} .color_box_list{display: flex;flex-wrap: wrap;justify-content: space-between;max-width:1078px;margin: auto;} .color_box_list .box{flex:1;} .color_box_list .box + .box{margin-left:20px} .color_box_list .color_box{max-width: 100%;width:100%;margin:0;} .color_box_list .color_info_box{width:100%;padding-top: 20px;} /* 상징 */ .exp_tit.sym{padding-bottom:50px;text-align: center;} .symbol_circle ul{display: flex;justify-content: center;} .symbol_circle li{width: 307px; height: 307px;border: 2px solid #000000;border-radius: 100%;mix-blend-mode: multiply;position:relative} .symbol_circle .txt_inner{position: absolute; top: 50%; transform: translate(-50%, -50%); text-align: center;left: 50%; } .symbol_circle li p{color: #fff;} .symbol_circle .col1{background: #ffb027; margin-right: -35px;} .symbol_circle .col2{background: #c8005f} .symbol_circle .col3{background: #74695f; margin-left: -35px;} .symbol_circle .txt1{padding-bottom: 6px;padding-top: 64px;font-size: 22px;font-weight: 800;background-position: top center;background-repeat: no-repeat;} .symbol_circle .col1 .txt1{background-image:url(/_res/postech/kor/img/sub/symbol_ic1.png); background-size: 43px auto;} .symbol_circle .col2 .txt1{background-image:url(/_res/postech/kor/img/sub/symbol_ic2.png); background-size: 44px auto;} .symbol_circle .col3 .txt1{background-image:url(/_res/postech/kor/img/sub/symbol_ic3.png); background-size: 47px auto;} .symbol_circle .txt2{padding-bottom: 10px;font-size: 16px;font-weight: 800;letter-spacing:0;text-transform: uppercase;} .symbol_circle span{display: table;margin: auto;border-bottom: 2px solid #fff;font-size: 20px;font-weight: 600;color: #ffffff;} .symbol_logo{text-align: center;} .symbol_logo::before{content: '';display: block;width: 1px;height: 40px;margin: 17px auto 20px;background: #b9b9b9;} p.con-p.btn_margin {margin-bottom: 40px;} /*.symbol.bauhinia .cont_img_box .img1{width: 883px;height: 392px;}*/ /* 교가 */ .symbol{display: flex;flex-wrap: wrap;} .symbol .img{overflow: hidden;width: 49%;border-radius: 20px;} .anthem .img{padding: 35px 52px;border: 1px solid #e8e4e1;text-align: center;} .anthem img{max-width: 400px;} .symbol img{width: 100%;height: 100%;object-fit: cover;} .symbol .text_box{width: 100% ;margin-top: 35px;} .anthem .box1{display: flex;flex-wrap: wrap;padding-bottom: 35px;} .anthem .box1 dl{display: flex;align-items: center;font-size: 16px;} .anthem .box1 dl + dl:before{content: '';display: inline-block;width: 1px;height: 20px;margin: 0 18px;background: #e8e4e1;vertical-align: middle;} .anthem .box1 dt{padding-right: 20px;font-weight: 700;color:#cd0458;} .anthem .box2 dl + dl{padding-top: 32px;} .anthem .box2 dt{padding-bottom: 15px;font-size: 20px;font-weight: 700;color: #000000;} .anthem .box1 dd{font-weight: 700;color: #000000;} .anthem .box2 dd{font-weight: 500;font-size: 16px;line-height: 30px;color: #666666;} .bauhinia strong{display: block;padding-bottom: 32px;font-size: 28px;font-weight: 700;line-height: 40px;color:#000000;} .bauhinia .con-p{line-height: 28px;} .bauhinia .con-p + .con-p{padding-top: 28px;} .symbol.anthem .text_box{width: calc(100% - 54%);margin-top: 35px;margin-left: 60px;} /* 연구성과 중점 전문분야 */ .key_wrap{display: flex;} .key_title{font-size: 120px;font-weight: 800;line-height: 100px;color: #c8005f;text-transform: uppercase;} .key_title + .exp_tit{margin-top: 25px;} .exp_text{padding-top: 80px;margin-right: 70px;} .expertise_box{position: relative;display: flex;align-items: center;justify-content: center;flex:1;width: 578px;height: 578px;} .expertise_box:before{content:'';background-image:url(/_res/postech/kor/img/sub/field_cir1.png);} .expertise_box:before, .expertise_box .circle1 .cir:before{content:'';position: absolute;transform: translate(-50%, -50%);background-repeat: no-repeat;background-position: 0 0;animation-name: cycle-circle-animation-01;animation-timing-function: linear;animation-iteration-count: infinite;animation-duration: 40s;animation-play-state: running;} .expertise_box:before{width: 574px;height: 574px;} .expertise_box .circle1{display: flex;align-items: center;justify-content: center;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 305px;height:305px;border-radius: 100%;background-color:#f7f7f7} .expertise_box .circle1 .cir{position: relative;} .expertise_box .circle1 .cir:before{top: -170px;left: -145px;width: 375px;height: 375px;background-image:url(/_res/postech/kor/img/sub/field_cir2.png);} .expertise_box .circle1 p{font-size: 26px;font-weight: 700;color: #000000;} .expertise_box .circle2{position: relative;width: 375px;height: 375px;} .expertise_box li{display: flex;align-items: center;justify-content: center;position: absolute;width: 140px;height: 140px;border-radius: 100%;font-size: 16px;font-weight: 700; color: #fff;} .expertise_box li.type1{top: -55px;left: 50%;transform: translateX(-50%);background:#000000} .expertise_box li.type2{top: 50%;transform: translateY(-50%); right: -60px;background:#ffb027;} .expertise_box li.type3{left: 50%;transform: translateX(-50%);bottom: -55px;background:#74695f} .expertise_box li.type4{top: 50%; transform: translateY(-50%);left: -60px;background:#c8005f} .expertise_box li span{display: block;padding-top: 52px;background-repeat: no-repeat;background-position: top center;text-align: center;} .expertise_box li.type1 span{background-image: url(/_res/postech/kor/img/sub/field_ic1.png);background-size: 42px;} .expertise_box li.type2 span{background-image: url(/_res/postech/kor/img/sub/field_ic2.png);background-size: 50px;} .expertise_box li.type3 span{background-image: url(/_res/postech/kor/img/sub/field_ic3.png);background-size: 39px;} .expertise_box li.type4 span{background-image: url(/_res/postech/kor/img/sub/field_ic4.png);background-size: 43px;} @keyframes line-animation { 0% { stroke-dashoffset: -500px; } 100% { stroke-dashoffset: 0px; } } @keyframes circle-animation { 0% { transform: rotate(360deg); } 100% { transform: rotate(0); } } @keyframes cycle-circle-animation-01 { 0% { transform: rotate(45deg); } 100% { transform: rotate(405deg); } } @keyframes cycle-circle-animation-02 { 0% { transform: rotate(60deg); } 100% { transform: rotate(420deg); } } /* 연구 인프라 */ .str_txt1 + .table-wrap{margin-top: 35px;} td .col-label{display: inline-block;height: 27px;padding: 0 10px;border-radius: 15px;font-size: 13px;font-weight: 600;line-height: 26px;} td .col-label.col1{border: 1px solid #000000;color:#000000} td .col-label.col2{border: 1px solid #c8005f;color:#c8005f} .content_img_wrap.box2 li .img{width: 406px;height: 342px;} .content_img_wrap.box2 li .text_box{width: calc(100% - 456px);margin-left: 50px;} .research_infra_wrap .content_img_wrap.box1 ul{display:flex; flex-wrap: wrap;} .research_infra_wrap .content_img_wrap.box1 ul li + li{margin-left:20px;} .research_infra_wrap img{border-radius: 13px;} .content_img_wrap.box1 li .text_box {margin-top: 30px;} .content_img_wrap li .text_box .link_btn {margin-top:25px} .research_infra_wrap .infra_list li .img img{width: 100%;height: 100%;object-fit: cover;} .research_infra_wrap .infra_list li{display: flex;flex-wrap: wrap; align-items: center; border-bottom: 1px solid #e0e0e0; padding: 40px 0;} .research_infra_wrap .content_img_wrap.box2 li:nth-child(2) .img.logo{ height: auto;} /*.content_img_wrap.box2 .link_btn:last-child{margin-top: 15px;}*/ .infra_list {width:100%} .infra_list li:last-child .text_box h4.h4_title{padding-bottom: 40px;} .infra_list li:last-child .link_btn{margin-top: 0;} .content_img_wrap.infra_list .text_box{ width: calc(65% - 49px);} .issuance_type.con-box{margin-top:60px} /* 봉사활동 */ .exp_tit.edu_donation{margin-top: 35px;padding-left: 50px;background-image: url(/_res/postech/kor/img/sub/edu_donation_ic.png);background-size: 34px;background-repeat: no-repeat;font-size: 18px;line-height: 34px;} .content_img_wrap.cont_line_box2{padding-top: 30px;} .content_img_wrap.cont_line_box2 li { border-bottom: 0;} /* 부설연구소 */ .tab-box.res_inst{padding-bottom: 30px;} .corporate_chart.res_inst .root1 .branch_list1 .title{height: 110px;} .type2 .corporate_chart.res_inst .root1 .branch_list1 .title:after{top: 110px;height: 50px;} .type2 .corporate_chart.res_inst .root2 .branch_list2 > li{margin-top: 100px;} .type2 .corporate_chart.res_inst .root2 .branch_list2 > li:before{content:'';position: absolute;top: -50px;left: 50%;transform: translateX(-50%);width: 1px;height: 50px;background: #e1e1e1;} .type2 .res_inst .root2 .branch_list2:after {left: 50%;transform: translateX(-50%);width: calc(100% - 230px);margin-top: -36px;} .link_con_wrap ul{display: flex;flex-wrap: wrap;} .link_con_wrap li{width: calc(25% - 8px);margin-right: 10px;} .link_con_wrap li:nth-child(4n){margin-right: 0;} .link_con_wrap li:nth-child(n+5){margin-top: 10px;} .link_con_wrap li a{display: flex;align-items: center;width: 100%;height: 100%;padding: 30px;border-radius: 10px;border: 1px solid #e0e0e0;transition-duration: .3s} .link_con_wrap li .no_link{cursor: initial;} .link_con_wrap li a:hover{border: 1px solid #c8005f;} .link_con_wrap li .no_link:hover{border: 1px solid #e0e0e0;} .link_con_wrap li p{width: 100%;padding-right:24px;font-size:16px;font-weight: 600;background-image: url(/_res/postech/kor/img/sub/link_g_ic.png);background-size: 15px;background-repeat: no-repeat;background-position: 100% 50%;color:#333333;word-break: break-all;transition-duration: .3s} .link_con_wrap li a[target] p {background:none !important;} .link_con_wrap li a[target] p:after {content:'\f061';display:inline-block;margin-left:5px;margin-top:-3px;font-family:'Line Awesome Free';font-size:17px;transform:rotate(-45deg);font-weight:400;vertical-align:middle;} .link_con_wrap li .no_link p{padding-right: 0;background-image: none;} .link_con_wrap li a:hover p, .dot_list_wrap .ul-type-dot li a:hover{background-image: url(/_res/postech/kor/img/sub/link_col_ic.png);color:#c8005f} .link_con_wrap li .no_link:hover p{background-image: none;color:#333333;} .link_con_wrap.bg li a{border: 1px solid #f7f7f7;background:#f7f7f7;} .link_con_wrap.bg li a:hover{border: 1px solid #c8005f;background:#fff;} .dot_list_wrap{display: flex;flex-wrap: wrap;padding:40px;border-radius:10px;border: 1px solid #e0e0e0;} .dot_list_wrap .exp_tit{line-height: 30px;} .dot_list_wrap .exp_tit + .ul-type-dot{margin-top: 20px;} .dot_list_wrap .item{flex:1} .dot_list_wrap .ul-type-dot li{color: #333;} .dot_list_wrap .ul-type-dot li + li{margin-top: 8px;} .dot_list_wrap .ul-type-dot li a{text-indent: -2px;padding-right: 25px;background: url(/_res/postech/kor/img/sub/link_g_ic.png) 100% 50% no-repeat;background-size: 15px auto;color: #333;transition-duration: .3s} .dot_list_wrap .ul-type-dot li a[target] {background:none;padding-right:0;} .dot_list_wrap .ul-type-dot li a[target]:after {content:'\F061';display:inline-block;margin-left:7px;margin-top:-3px;font-family:'Line Awesome Free';font-size:15px;transform:rotate(-45deg);font-weight:400;color:#666;vertical-align:middle;} .dot_list_wrap .ul-type-dot li a[target]:after {color:inherit;} .promotion_graybox.gray_con_box {border-radius: 10px;} .video_wrap + .promotion_graybox.gray_con_box {border-top-right-radius: 10px;border-top-left-radius: 10px;} /* bk21 */ .link_con_wrap2 ul{display: flex;flex-wrap: wrap;} .link_con_wrap2 li{width: calc(33.333% - 14px);height: 254px;margin-right: 20px;padding:35px 30px;border-radius: 8px;border: 1px solid #e0e0e0;} .link_con_wrap2 li:nth-child(n+4){margin-top:20px;} .link_con_wrap2 li:nth-child(3n){margin-right: 0;} .link_con_wrap2 .s_title{padding-bottom: 12px;font-size: 16px;font-weight: 500;color:#666666} .link_con_wrap2 .h5_title{height: 90px;line-height: 30px;} .bk21_wrap .link_con_wrap2 li{height:auto} .bk21_wrap .link_con_wrap2 li{padding: 35px;} .content_box .standard_wrap .title_wrap{display: flex;justify-content: space-between;margin-bottom: 30px;align-items: stretch;} /* ibs */ .con_r_list ul{display: flex;flex-wrap: wrap;} .con_r_list li{position: relative;width: calc(33.333% - 14px);margin-right: 20px;} .con_r_list li:last-child{margin-right: 0;} .con_r_list li:before{content:'';position: absolute;right: 0px;top: -1px;z-index: 2;width: 72px; height: 72px;background:url(/_res/postech/kor/img/sub/thumb_top_rcd.png) 0 0 no-repeat;} .con_r_list .img_wrap{position: relative;overflow: hidden;height:387px;border-top-right-radius:13px;border-top-left-radius:13px;} .con_r_list .img{width: 100%;height: 100%;} .con_r_list .img:before{content:'';position: absolute;width: 100%;height: 100%; background: linear-gradient(0deg, rgb(0 0 0 / 45%) 0%, rgb(0 0 0 / 5%) 50%, rgba(0, 0, 0, 0) 100%);} .con_r_list img{width: 100%;height: 100%;object-fit: cover;} .con_r_list li .type{position: absolute; bottom: 30px;right: 20px;z-index: 2;border-bottom: 3px solid #fff;font-size: 32px;font-weight: 700;line-height: 36px;color:#fff} .con_r_list li .text_bottom{padding: 25px 28px;border-bottom-right-radius: 13px;border-bottom-left-radius: 13px;border: 1px solid #f1ebe8;border-top: none;} .con_r_list li .tit{width: calc(100% - 35px); padding-bottom: 6px;font-size: 22px;font-weight: 700;line-height: 34px;color:#000000;} .con_r_list li .info span{display: inline-block;font-size: 16px;color:#666666;} .con_r_list li .info span + span{padding-left: 7px;} .con_r_list li > a{position: absolute;top: 0;right: 0;z-index: 3;width: 45px;height: 45px;border-radius: 100%;font-size: 0;text-indent: -9999em;background-color: #000;background-repeat: no-repeat;background-position: 50% 50%;background-image:url(/_res/postech/kor/img/sub/homepage_ic2.png);background-size: 15px auto;transition-duration: .3s;} .con_r_list li > a:hover{background-color:#c8005f;} .con_r_list li .profile_link{margin-top: 32px;} .con_r_list li .profile_link span{position: relative;padding-right:20px;font-size: 14px;font-weight: 600;background: url(/_res/postech/kor/img/sub/text_link_ic2.png) 100% 50% no-repeat;background-size: 13px auto;color: #000000;transition-duration: .3s;} .con_r_list li .profile_link:hover span{padding-right:15px;} .con_r_list li .profile_link span:after{content:'';position: absolute;left: 0;bottom: -1px;width:100%;height:1px;background:#000;} /* 기술이전 */ .tech_transfer ul{display: flex;flex-wrap: wrap;} .tech_transfer li{flex:1;position: relative;padding: 0 20px;text-align: center;} .tech_transfer li + li:before{content:''; position: absolute; top: 50%; left: 0; transform: translateY(-50%);width: 1px;height: 60px;background: #b4b4b4;} .tech_transfer p{padding-top: 58px;padding-bottom: 12px;font-size: 22px;font-weight: 700;line-height: 24px;background-repeat: no-repeat;background-position: top center;color: #c8005f;} .tech_transfer .type1 p{background-image: url(/_res/postech/kor/img/sub/tech_transfer_method_ic1.png);background-size: 42px;} .tech_transfer .type2 p{background-image: url(/_res/postech/kor/img/sub/tech_transfer_method_ic2.png);background-size: 51px;} .tech_transfer .type3 p{background-image: url(/_res/postech/kor/img/sub/tech_transfer_method_ic3.png);background-size: 58px;} .tech_transfer .str_txt1{line-height: 26px;} /* 장비지원 */ .img_cont_info_wrap{display: flex;flex-wrap: wrap;align-items: center;} .img_cont_info_wrap .slide{position: relative;overflow: hidden;width: calc(47% - 21px);height: 370px;margin-right: 60px;border-radius: 16px;} .img_cont_info_wrap .swiper{height:100%;} .img_cont_info_wrap .swiper > ul > li{position: relative;overflow:hidden;height:100%;border-radius: 16px;border: 1px solid #e0e0e0;} .img_cont_info_wrap .swiper a{position: relative;z-index: 3;width: 100%;height:100%;} .img_cont_info_wrap .swiper .img{position: relative;height:100%;overflow: hidden;} .img_cont_info_wrap .swiper .img:before{content:'';position: absolute; top: 0;left: 0;width: 100%;height: 100%;background:url(/_res/postech/kor/img/sub/img_grad_bg.png) 0 0 no-repeat;transition-duration: .2s} .img_cont_info_wrap img{width: 100%;height: 100%;object-fit: cover;} .img_cont_info_wrap .swiper .text_box{position: absolute;left: 30px;bottom: 43px;width: calc(100% - 60px);color:#fff;transition-duration: .2s} .img_cont_info_wrap .swiper .text_box span{display: none;padding-bottom: 15px;font-weight: 500;color:#999999;transition-duration: .2s} .img_cont_info_wrap .swiper .text_box .str_txt2{width: calc(100% - 270px);color:#fff;transition-duration: .2s} .img_cont_info_wrap .swiper .text_box .ul-type-dot{display:none;padding-top: 20px;transition-duration: .2s} .img_cont_info_wrap .swiper .hover .img:before{content:'';background-color:rgba(0,0,0,.8);background-image:none;} .img_cont_info_wrap .swiper .hover .text_box span{display:block} .img_cont_info_wrap .swiper .hover .text_box .ul-type-dot{display:block} .img_cont_info_wrap .swiper .text_box li{color:#fff;} .img_cont_info_wrap .swiper .text_box li:before{background:#fff} .img_cont_info_wrap .text_wrap{ width: calc(53% - 39px);} .img_cont_info_wrap .exp_tit{line-height:34px} /* 창업지원 */ .cont_line_box.qu > ul > li{border-bottom: 1px solid #e0e0e0;} .cont_line_box .q_txt{display: inline-block;width:32px; margin-top: 3px;font-size: 24px;font-weight: 700;line-height: 24px;vertical-align: text-top;} .cont_line_box .str_txt5{display: inline-block; width: calc(100% - 36px);vertical-align: text-top;} .cont_line_box.qu li{padding:35px 20px;} .cont_line_box.qu .con-p{padding-top:20px;} .cont_line_box .keyword{margin-top: 12px;font-size: 0;} .cont_line_box .keyword li{display: inline-block;height: 28px;padding: 0 15px;margin: 4px;border-radius: 20px;font-size: 14px;font-weight: 600;line-height: 28px;background: #000000;color: #ffb3c0;} .cont_line_box .keyword li:first-child{margin-left: 0;} .cont_line_box.cousl .str_txt5{font-size:20px;} .cont_line_box .qu{display: inline-block; padding-right:8px;font-size:24px;} .startup_step > ul {display: flex;flex-wrap: wrap;} .startup_step > ul > li{width: calc(50% - 19px);margin-right: 38px;border-radius: 20px;border: 1px solid #e0e0e0;min-height: 206px;} .startup_step > ul > li:nth-child(2n){margin-right: 0;} .startup_step > ul > li:nth-child(n+3){margin-top: 10px;} .startup_step > ul > li > div{padding:22px 30px;} .startup_step .head {display: flex;flex-wrap: wrap;align-items: center;} .startup_step .step{display: block;padding-bottom: 3px;font-size: 13px;font-weight: 600; color: #000000;} .startup_step .title{font-size: 20px;font-weight: 700; color: #c8005f;} .startup_step .head > div{flex: 1;} .startup_step .head .type{display: inline-block;height: 28px;margin: 0 4px;padding:0 16px;border-radius: 14px;font-size: 14px;font-weight: 600;line-height: 28px;background: #000000;color:#fff} .startup_step .head .type:first-child{margin-left: 0;} .startup_step > ul > li .cont{height: 110px;background: #f8f8f8;border-radius: 0 0 20px 20px;} .startup_step .ul-type-dot li{font-size: 15px;font-weight: 600;line-height: 22px;color:#000000;} .startup_step .ul-type-dot + .mark-p{margin-top: 2px;} .startup_status ul{display: flex;flex-wrap: wrap;} .startup_status li{flex:1;height:183px;padding: 28px;margin-right: 20px;border-radius: 20px;background: #f8f8f8;} .startup_status li:last-child{margin-right: 0;} .startup_status .txt{padding-bottom: 12px;font-size: 16px;font-weight: 700;line-height: 22px;color: #333333;} .startup_status .num{font-size: 16px;font-weight: 600;color: #666666;} .startup_status .num span{display: inline-block;padding-right: 6px;font-size: 60px;font-weight: 800;} td .bold_txt + p{margin-top: 5px;} td p + .bold_txt{margin-top: 15px;} td .con-p + .con-p {margin-top: 5px;} td .con-p + ol{margin-top: 5px;} td .table-wrap{border-radius: 10px;border: 1px solid #bbb;} td .table-wrap table{border-style: hidden;} td .table-wrap thead th{height: 50px;padding: 10px 15px;border-top: none;border-bottom: 1px solid #d5d5d5;font-size: 15px;font-weight: 700;color:#333;} td .table-wrap tbody td{padding: 10px 20px;font-size: 15px;} td .table-wrap tbody tr:last-child td{border-bottom: none;} td .table-wrap .ul-type-dot li{font-size: 15px;} td .table-wrap .ul-type-dot li + li { margin-top: 4px;} .tab-box.mb_style{padding-bottom: 30px;} .startup_step > ul > li{position:relative;} .startup_step > ul > li:after{content:'';background: url(/_res/postech/kor/img/sub/procedure_btn.png)no-repeat 50% 50%; width:18px;height:14px;top: 50%;right: -28px;position: absolute;z-index: 10;} /* 팝업 */ #news_letter_terms{max-width:590px;}/* 개인정보 수집 이용 동의 팝업 */ .popup.president{max-width:850px;} /* 역대 총장 팝업업 */ .popup.president .str_txt5 + .ul-type-dot{margin-top: 0;} body.popon:before{content:'';} .popup{display:none;position: fixed;top: 50%;left: 50%;z-index: 101;transform: translate(-50%, -50%);width: calc(100% - 40px);border-radius: 13px;border: 1px solid #000000;box-shadow:8px 0 24px rgba(0,0,0,0.08);background: #fff;word-break: keep-all;} .popup.open{display:block;} .popup .head{display: flex;align-items: center;justify-content: space-between;padding-left: 30px;} .popup .head .h5_title{padding-top: 15px;padding-bottom: 0;} .popup .head.no_title{justify-content: end;} .popup .head.no_title + .cont{margin-top: -66px;} .popup .cont{overflow-y: auto;max-height: calc(80vh - 100px);padding: 20px 30px 0px;} .popup .head .close_btn{ width: 77px; height: 77px;font-size: 0;text-indent: -9999em;background:url(/_res/postech/kor/img/sub/popup_close_ic.png) 50% 50% no-repeat;background-size: 19px auto;} .popup .btn_wrap{padding-bottom: 30px;} .popup .btn_wrap .btn{width: 228px;height: 58px;font-size: 18px;} .top_col_txt{font-size: 20px;font-weight: 700;letter-spacing: -.4px;line-height: 30px;color: #c8005f;} .top_col_txt{padding-bottom:30px;} .ol-type-num.no_style1 > li{font-size: 16px;font-weight: 700;line-height: 26px;color: #333333;} .ol-type-num.no_style1 > li:before{position: static;font-size: 16px;font-weight: 700;color: #333333;background: none;color: #111;} .ol-type-num.no_style1 > li + li{margin-top: 15px} .ol-type-num > li > .dot_txt{display:block;margin-top: 4px;padding-left: 11px;text-indent: -11px; } .dot_txt{font-size: 15px;font-weight: 500;line-height: 26px;color: #666666;} .dot_txt:before{content:'';display: inline-block;width: 3px;height: 3px;margin-top: -2px;margin-right: 7px;background: #000000; vertical-align: middle;} /* 학교 현황 */ .school_status_diagram{position: relative;width: 496px;height: 543px;margin:-14px auto 0;background:url(/_res/postech/kor/img/sub/school_status_diagram_img.png) 50% 50% no-repeat;} .school_status_diagram li{position: absolute;text-align: center;} .school_status_diagram li.type1, .school_status_diagram li.type4{left: 50%;transform: translateX(-50%);} .school_status_diagram li.type1{top: 67px;} .school_status_diagram li.type2{top: 136px;right: 47px;} .school_status_diagram li.type3{bottom:150px;right: 26px;} .school_status_diagram li.type4{bottom:50px;} .school_status_diagram li.type5{bottom:142px;left:28px;} .school_status_diagram li.type6{top:130px;left:36px;} .school_status_diagram p{padding-bottom: 15px;font-size: 22px;font-weight: 800;line-height: 26px;color: #fff;} .school_status_diagram span{display: block;font-size: 15px;font-weight: 600;line-height: 22px;color: #fff;} .school_status_diagram img{margin-top: 14px;} p .link_txt{color:#c8005f;text-decoration: underline;} .chart_img_box img{width: 100%;} /* 차트 */ .chart_box{overflow-x: auto;} /* .chart_box .chart_scroll{width: 100%;min-width: 760px;} */ .chart_box .chart_scroll{width:100%;} .unit_txt{text-align: right} .mark-p + .table-wrap{margin-top:20px;} .legend + .mark-p{margin-top: 15px;} .legend + .table-wrap{margin-top:60px;} .legend{margin-top: 25px;} .legend ul{display:flex;justify-content: center;flex-wrap: wrap;} .legend li{margin: 5px 0;font-size: 15px;font-weight:600;color:#333;} .legend li:after{content:'';display:inline-block;width: 1px;height:12px;margin:0 15px;background-color: #cccccc;} .legend li:last-child:after{content:none;} .legend li:before{content:'';display:inline-block;width:13px;height:13px;margin-right:10px;box-sizing: border-box;vertical-align: middle;} .legend li.type1:before{border-radius: 2px;background:#c8005f;} .legend li.type2:before{border-radius: 2px;background:#e5e4e4;} .legend li.type3:before{border-radius: 100%;border:3px solid #bba078;background:#fff;} .legend li.type4:before{border-radius: 100%;border:3px solid #ff6000;background:#fff;} .legend li.type5:before{border-radius: 2px;background:#ff6000;} .legend li.type6:before{border-radius: 100%;border:3px solid #c8005f;background:#fff;} .legend li.type7:before{border-radius: 2px;background:#bba078;} .legend li.type8:before{border-radius: 2px;background:#74695f;} .legend li.type9:before{border-radius: 100%;border:3px solid #74695f;background:#fff;} .chart_box.doug{display: flex;align-items: center;flex-wrap: wrap;justify-content: space-evenly;margin-bottom: 15px;} .doughnut_box {width: 100%;max-width: 500px;max-height: 380px;} .doughnut_box canvas{width:100%;} .doughnut_box + .legend{margin-top: 40px;} .chart_box.doug .legend{max-width:380px;} .flex_box .chart_box{flex:1;padding: 40px;border-radius: 6px;border: 1px solid #e0e0e0;} .flex_box .chart_box + .chart_box{margin-left: 10px;} .chart_box .top{display:flex;flex-wrap: wrap;justify-content: space-between;width: 100%;margin-bottom: 30px;} .chart_box .top .h5_title{padding-bottom: 0;} .chart_box .top .mark-p{margin-top: 0;} .legend_wrap dl + dl{margin-top:20px;} .legend_wrap dt{padding-bottom:10px;font-size: 24px;font-weight: 800;} .legend_wrap .type1 dt{color:#ff6000} .legend_wrap .type2 dt{color:#c8005f} .legend_wrap .type3 dt{color:#1361a6} .legend_wrap .type4 dt{color:#3c8474} .legend_wrap .type5 dt{color:#fce275} .legend_wrap dd{font-size: 16px;font-weight: 600;color: #333333;} @media only screen and (min-width:1620px){ #doughnutResearch {position:relative;padding:80px 0 0;} #doughnutResearch .legend_wrap {position:absolute;top:0;left:0;bottom:0;right:0;} #doughnutResearch .legend_wrap dl {position:absolute;margin:0;} #doughnutResearch .legend_wrap .type1 {left:calc(50% + 35px);top:3px} #doughnutResearch .legend_wrap .type2 {left:calc(50% + 200px);bottom:41px;} #doughnutResearch .legend_wrap .type3 {left:calc(50% - 270px);top:110px;text-align:right;} #doughnutResearch .legend_wrap .type4 {left:calc(50% - 175px);top:20px;text-align:right;} #doughnutResearch .legend_wrap .type5 {left:calc(50% - 60px);top:0} } /* 대학평가 */ .ul-type-dot + .cont_line_box{margin-top: 25px;} .cont_line_box{border-top:3px solid #000000} .cont_line_box.pl{padding:0 20px;} .cont_line_box .box{display: flex;flex-wrap: wrap;align-items: center;padding:40px 0;border-bottom:1px solid #e0e0e0;} .cont_line_box .box.no_flex{display: block;} .cont_line_box .inst {width:320px;} .cont_line_box .inst p{margin-top: 30px;font-size: 20px;font-weight: 700;color:#000000;} .cont_line_box .cont_rankings{width: calc(100% - 320px);} .cont_line_box .cont_rankings.type{display: flex;flex-wrap: wrap;} .cont_line_box .cont_rankings.type > div{flex: 1;} .cont_line_box .con + .con{margin-top: 30px;} .cont_line_box .txt{padding-bottom: 10px;font-size: 20px;font-weight: 700; line-height: 30px;color: #333333;} .cont_line_box .num{font-size: 30px;font-weight: 800;color: #c8005f;} .cont_line_box .con-p + .ul-type-dot{ margin-top: 15px;} .cont_line_box.btn_type .h5_title{width: auto;} .cont_line_box.btn_type {padding:0 20px;} .cont_line_box.btn_type .box{justify-content: space-between;} .cont_line_box.btn_type .mark-p{width: calc(100% - 162px);} .cont_line_box .box.btn_box .link_btn{margin-top: -32px;} .cont_line_box .box.no_flex .h5_title{width: 100%;padding-bottom: 25px;} .con-p + .cont_line_box{margin-top:30px;} /* 탭 */ .tab-box.dls li{margin-right:4px;} .tab-box.dls li:first-child{width:100px;} .tab-box.dls li:last-child{width:120px;} .tab-box.dls a{display: flex;align-items: center;justify-content: center;height:48px;border-radius: 28px;border: 1px solid #c9c9c9;font-size: 16px;font-weight: 600;color: #000000;} .tab-box.dls a:hover, .tab-box.dls .active a{border: 1px solid #c8005f;color:#fff} .tab-box.dls.style > ul {margin:-2px;} .tab-box.dls.style li{margin:2px} /* 학과소개 */ .depart_list{margin-top:20px;border-top:1px solid #999;} .depart_list li{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;padding: 30px 20px;border-bottom:1px solid #e9e9e9;} .depart_list .title_box{display: flex;align-items: center;flex: 1;padding:0 10px 0 0;word-break:keep-all;} .depart_list .logo{overflow:hidden;width: 66px;height: 66px;margin-right: 30px;border-radius:50%;} .depart_list .logo img{width: 100%;height: 100%;object-fit: cover;} .depart_list .title{font-size: 24px;font-weight: 700;color: #000000;/*min-width: 500px;*/} .depart_list .title:hover{color: #C5135E;} .depart_list .contact{display: flex;align-items: center;flex:1;max-width: 415px;padding-right: 20px;} .depart_list .contact p{position: relative;font-size: 15px;font-weight: 500;background-repeat: no-repeat;background-position: 0 50%;color: #333;} .depart_list .contact p + p{margin-left: 32px;} .depart_list .contact p + p:before{content:'';position: absolute;top: 50%; transform: translateY(-50%);left: -18px;width: 1px;height: 12px;background:#cccccc;} .depart_list .contact .ic1{padding-left: 26px;background-image:url(/_res/postech/kor/img/sub/contact_info_ic1.png);background-size: 16px auto;} .depart_list .contact .ic2{padding-left: 28px;background-image:url(/_res/postech/kor/img/sub/contact_info_ic2.png);background-size: 19px auto;white-space:nowrap} .depart_list .homepage{font-size: 14px;font-weight:700;letter-spacing: -.4px;color:#c8005f;transition: 0.2s;min-width: 200px; padding: 13px 0;text-align: right;} .depart_list .homepage:hover{opacity: .8;} .depart_list .homepage:after{content:'';display: inline-block;width: 40px;height: 40px;margin-left: 10px;border-radius: 100%;background-color: #efefef;background-size: 14px auto;background-repeat: no-repeat;background-image:url(/_res/postech/kor/img/sub/homepage_link_ic.png);background-position: center;vertical-align: middle;} @media only screen and (min-width:1025px) and (max-width:1300px){ .depart_list li {position:relative;} .depart_list .contact {display:block;max-width:300px} .depart_list .contact p + p:before {display:none;} .depart_list .contact p + p{margin-left:0;margin-top:4px;} .depart_list .homepage{position: absolute;top:50%;right: 10px;font-size: 0;text-indent: -9999em;transform:translateY(-50%)} .greeting_wrap .greeting_txt_wrap{width: 100%; margin-right: 0;margin-top: 30px;} .greeting_wrap{flex-direction: column-reverse;} .greeting_wrap .text_cont{width:100%;padding-top: 20px} .greeting_wrap .img{width:100%;height: 500px;} .greeting_wrap .img img{height: auto;} } /* 사이드 팝업 공통 */ .s_slide_on {overflow:hidden;} .s_slide_on:before{content:'';position: fixed;top: 0;left: 0;z-index: 101;width: 100%;height: 100%;background:rgba(0,0,0,.4);} .side_layer_wrap{position:fixed;top:0;right:-35px;z-index:101;width: 1406px;height:100vh;background:#fff;transform:translateX(100%);transition:transform 0.3s;box-shadow:2px 0 20px 2px rgba(89,89,89,0.2);visibility: hidden} .side_layer_wrap.on {transform: translateX(0);visibility: visible;} .side_layer_close{font-size: 0;text-indent: -9999em;background-repeat: no-repeat;background-position: center center;} .depart_title .side_layer_close{position: absolute; top: 50%;transform: translateY(-50%);left: -33px;width: 67px;height: 67px;border-radius: 100%;border: 1px solid #666;box-shadow: 13px 0px 21px rgb(4 0 0 / 30%);background-image:url(/_res/postech/kor/img/sub/popup_side_btn_ic.png);background-color: #fff;} .cont .side_layer_close{position: absolute;top: 40px;right: 40px;width: 40px;height: 40px;background-size: 21px auto;background-image:url(/_res/postech/kor/img/sub/popup_close_ic.png)} /* 사이드 팝업 */ .pop_cont{display: flex;flex-wrap: wrap;} .depart_title{display: flex;flex-wrap: wrap;align-items: center;position: relative;width:498px;height:auto;padding-left: 60px;padding-right: 70px;background-size: cover;background-repeat: no-repeat; background-position: top center;} .depart_title:after{content:'';position:fixed;bottom:0;left:0;z-index: -1;width:498px;height: 100%;background:#000;} #departInfo5 .depart_title{background-image:url(/_res/postech/kor/img/sub/slide_popup_visual_img5.png)} .depart_title p{font-size: 120px;font-weight: 700;letter-spacing: -1px;line-height: 102px;color: #fff;font-family: field-gothic-xxcondensed;word-break: break-word; -webkit-line-clamp: 4; width: 100%;} .pop_cont > .cont{position: relative;overflow-y: auto;width:calc((100% - 13px) - 498px);height: 100vh;padding: 50px 50px 100px;} .pop_cont .type{padding-bottom: 30px;text-align: center;} .pop_cont .type span{display: inline-block; font-size: 14px;font-weight: 800;line-height: 34px;height: 34px;padding: 0px 14px;border-radius: 20px;} .pop_cont .type span + span{margin-left: 4px;} .pop_cont .type span.col1{border: 1px solid #ca0464;color: #ca0464;} .pop_cont .type span.col2{border: 1px solid #000000;color: #000000;} .pop_cont h3{font-size: 60px;font-weight: 700;line-height: 64px;text-align: center;color: #000000;} .pop_cont .en_tit{display: block;padding-top: 12px;font-size: 16px;font-weight: 700;letter-spacing: -.2px;line-height: 24px;text-align: center;color: #999999;} .pop_cont .info_txt{padding: 30px 0 60px;font-weight: 600;font-size: 18px;letter-spacing: -.2px;line-height: 30px;color: #333333;text-align: center;word-break: keep-all;} .pfo_info_box{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;margin-bottom: 40px;cursor: pointer;} .pfo_info_box .img{overflow: hidden;width: 50px;height: 50px;margin-right: 15px;border-radius: 100%;} .pfo_info_box img{width: 100%;height: 100%;object-fit: cover;} .pfo_info_box .txt{font-size: 20px;font-weight: 700;color: #000000;} .pfo_info_box .txt span{ padding-right: 2px;font-size: 20px;} .pfo_info_box .link{position: relative;padding-right: 24px;font-size: 14px;font-weight: 700; } /*.pfo_info_box .link:before{content:'';position: absolute;bottom: 1px;width: calc(100% - 24px);height: 1px;background: #c8005f;}*/ .cont.info_cont .scroll_box .pfo_info_box .link::after {font-family: 'Line Awesome Free';content: "\f105"; font-size: 20px;} .info_cont .contact{display: flex;flex-wrap: wrap;} .info_cont .contact dl{display: flex;align-items: center;width: 50%;padding: 14px 22px;border: 1px solid #e0e0e0; border-right: none;border-left: none;} .info_cont .contact dl:nth-child(n+3){border-top: none;} .info_cont .contact dt{width: 105px;padding-left: 35px;font-size: 14px;font-weight: 600;background-repeat: no-repeat;color: #333333;} .info_cont .contact dt.ic1{padding-top: 1px;padding-bottom: 1px;background-image:url(/_res/postech/kor/img/sub/contact_info_ic1.png); background-size: 19px auto;} .info_cont .contact dt.ic2{background-image:url(/_res/postech/kor/img/sub/contact_info_ic2.png); background-size: 22px auto;} .info_cont .contact dt.ic3{background-image:url(/_res/postech/kor/img/sub/contact_info_ic3.png); background-size: 23px auto;} .info_cont .contact dt.ic4{background-image:url(/_res/postech/kor/img/sub/contact_info_ic4.png); background-size: 21px auto;} .info_cont .contact dd, .info_cont .contact dd a{font-size: 15px;font-weight: 500; color: #666666;} .homepage_link_btn{display: table;position: relative;margin: 40px auto 60px;font-size: 20px;font-weight: 700;letter-spacing: -.4px;color: #c8005f;} .homepage_link_btn:after{content:'';position: absolute;top: 50%;right: -72px;transform: translateY(-50%);width: 60px;height: 60px;border-radius: 100%;background-color: #c8005f;background-position: center;background-repeat: no-repeat;background-image:url(/_res/postech/kor/img/sub/link_arrow_ic.png);background-size: 23px auto;transition-duration: .2s;} .homepage_link_btn:hover:after{right: -82px;} .homepage_link_btn span{display: inline-block;line-height: 1;margin-left: -60px;} .homepage_link_btn span:after{content:'';display: block;width:0;height: 2px;background: #c8005f;transition-duration: .2s;} .homepage_link_btn:hover span:after{width: 100%;} @media only screen and (max-width:1620px) { .header .gnb_wrap{padding-bottom:90px} } @media only screen and (max-width:1520px) { .symbol.anthem .img{width: 100%;} .symbol.anthem .text_box{width:100%} .anthem .box2 dd{width:100%} .symbol.anthem .text_box{margin-top: 40px;margin-left: 0;} //.anthem .box1 dl + dl:before{content:none;} .symbol.anthem .pc_br {display: inline;} } @media only screen and (min-width:1024px) and (max-width:1440px){ /* 497 , 513, 50 */ .depart_title {padding-right: 4.861111vw;} .depart_title, .depart_title:after {width:calc(100% - 63.125vw)} .depart_title p {font-size:8.3333333vw; line-height:7.083333vw;} .pop_cont > .cont {width:calc(63.125vw - 13px)} .symbol_circle li {width: 270px;height: 270px;} .vision_wrap{margin-top: 0;} .vision_wrap > ul > li{flex-wrap: wrap;} .vision_wrap > ul > li + li{ margin-top: 20px;} .vision_wrap .title{width: 100%;margin-right: 0;margin-bottom: 40px;font-size: 20px;text-align: center;} .vision_wrap .title:after{right: auto;left: 50%;top: 36px;transform: translateX(-50%);width: 1px;height: 20px;} .vision_wrap .box{width: 100%;height: 75px;} .vision_wrap .box p{font-size: 17px;} .vision_wrap .stb_circle_con{width: 100%;height: auto;background:none;margin: 0 auto;} .vision_wrap .stb_circle_con ul{margin: auto;} .vision_wrap .stb_circle_con li{height: 300px;border: none; width: 300px;max-width: 300px;} .vision_wrap .stb_circle_con span {width: 100%;} .vision_wrap > ul > li > div{width: 100%;} .vision_wrap .wrap{padding: 20px;} .vision_wrap dl + dl{padding-top: 15px;} .vision_wrap dt{width: 100%;padding-bottom: 10px;} .vision_wrap dt .num{width: 30px;} .vision_wrap .stb_circle_con ul{justify-content: center;} } /* 아코디언 */ .accordion_wrap > ul{margin: 0;padding: 0;} .accordion_wrap > ul > li:last-child{border-bottom: 1px solid #000000;} .accordion_wrap > ul > li.open:last-child{border-bottom:none;} .accordion_wrap .head{display: flex;align-items: center; justify-content: space-between;border-top: 1px solid #000000;} .accordion_wrap .head p{font-size: 30px;font-weight: 700;line-height: 34px;color: #000000;} .accordion_wrap .head a{position: relative;display: block;width: 100%;padding: 30px 10px;} .accordion_wrap .head a:after{content:'';position: absolute;top: 50%;right: 20px;transform: translateY(-50%);width: 16px;height: 10px;background:url(/_res/postech/kor/img/sub/accordion_btn_ic.png) 100% 50% no-repeat;background-size: 16px auto;transition-duration: .2s;} .accordion_wrap .open .head a:after{transform:rotate(180deg) translateY(-50%);margin-top: -10px;} .accordion_wrap .cont{display:none;padding: 0 10px 40px;} .accordion_wrap .cont.bottom_line{padding-bottom: 60px;border-bottom: 1px solid #bbbbbb} .accordion_wrap .cont.p0_style{padding:0;} .accordion_wrap .field li{display: inline-block;height: 44px;margin: 2px;padding: 0 24px;border-radius: 25px;font-size: 15px;font-weight: 500;line-height: 44px;background: #f0f0f0;color: #333333;} .accordion_wrap .dot-tit{padding-bottom: 12px;} .accordion_wrap .txt{font-size: 16px;line-height: 24px;color: #555555;word-break: keep-all;} .accordion_wrap .txt + .txt{padding-top: 26px;} .accordion_wrap .box{padding:40px 10px;} .accordion_wrap .box .txt{padding-left: 13px;} .accordion_wrap .box + .box{border-top: 1px solid #e0e0e0;} .accordion_wrap .gray_con_box .ul-type-dot li {font-size:16px;line-height:30px;} .accordion_wrap .gray_con_box .ul-type-dot li:before {vertical-align:top;margin-top:15px;} .accordion_wrap .gray_con_box .ul-type-dot li a{margin-left: 0;text-decoration:none;} .accordion_wrap .gray_con_box .ul-type-dot li a.home-no {cursor:default;background:none;} .research_info{display: flex;flex-wrap: wrap;} .research_info .gray_con_box{flex: 1;} .research_info .gray_con_box + .gray_con_box{margin-left:10px;} .map_info_box + .gray_con_box{margin-top:10px} .gray_con_box{padding:40px;border-radius: 10px;background:#f7f7f7;} .gray_con_box.logo{background-image:url(/_res/postech/kor/img/sub/postech_bg_logo.png);background-repeat: no-repeat;background-position: right 45px bottom 40px;} .gray_con_box .title{margin-bottom: 20px;padding-left: 34px;font-size: 20px;font-weight: 700;background-repeat: no-repeat;background-position: 0 50%;color: #333333;} .gray_con_box .title.ic1{background-image:url(/_res/postech/kor/img/sub/research_info_ic1.png);background-size: 22px auto;} .gray_con_box .title.ic2{background-image:url(/_res/postech/kor/img/sub/research_info_ic2.png);background-size: 24px auto;} .gray_con_box .title.ic3{background-image:url(/_res/postech/kor/img/sub/video_title_ic.png);background-size: 23px auto;} .gray_con_box .ul-type-dot li a{margin-left:10px;padding-right: 20px;font-weight: 500;color: #333333;background-image:url(/_res/postech/kor/img/sub/text_link_ic.png);background-size: 13px auto;background-repeat: no-repeat;background-position: 100% 50%;letter-spacing: 0;word-break: break-word;} .con-p + .gray_con_box{margin-top:30px;} .gray_con_box + .link_btn{margin-top:40px;} .gray_con_box .ul-type-dot.no_type li a{margin:0;padding:0;font-weight: 500;background:none;color:#666;text-decoration: none;} .gray_con_box .h5-tit01{padding-bottom: 20px;} .accordion_wrap .video_wrap{position: relative;overflow: hidden;border-radius: 13px;height:420px} .accordion_wrap .video_wrap img{width: 100%;} .accordion_wrap .video_wrap .play_btn{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 86px;height: 86px;border-radius: 100%;border: 5px solid #fff;font-size: 0;text-indent: -9999em;background-image:url(/_res/postech/kor/img/sub/video_play_ic.png);background-size: 28px auto; background-repeat: no-repeat; background-position: center;} .video_wrap + .gray_con_box{border-top-right-radius: 0;border-top-left-radius: 0;} .slide_top{display: flex;align-items: center;justify-content: space-between;padding-top: 38px;padding-bottom: 20px;} .video_slide a{width: 100%;height: 100%;} .slide_top .s_title{font-size: 20px;font-weight: 700;color: #333333;} .slide_top .control_btn_box{display: flex;align-items: center;} .slide_top .control_btn_box a{width: 33px;height: 33px;border: 1px solid #e4e4e4;border-radius: 100%; font-size: 0;text-indent: -9999em;background-image:url(/_res/postech/kor/img/sub/slide_btn_ic.png);background-size: 6px auto;background-repeat: no-repeat;background-position: center;} .slide_top .control_btn_box .prev{transform: rotate(180deg);margin-right:2px;} .video_slide .video_thumb{overflow: hidden;} .video_slide .video_thumb{height: 180px;} .video_slide .video_thumb img{width:100%;height: 100%;object-fit: cover;} .video_slide .swiper-slide .txt{text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;padding-top: 15px;font-size: 16px;font-weight: 600;line-height: 24px;color: #333333;} .video_slide .swiper-pagination-progressbar{position: static;height: 3px;margin-top: 25px;background:#f2f1f1} .video_slide .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#c8005f;} /* 연구자 검색_소개 */ .con_select{display: flex; justify-content: space-between; z-index:10; position: relative;} .he01{position: relative; background-color:#f3f3f3 ; border: 1px solid #e0e0e0; border-radius:0 0 15px 15px; } .con_le .con-box{padding: 100px 0 60px 60px;} .con_le .con1{padding-left:60px;} .con_le .tab-box{ position: relative;z-index: 20;max-width: 690px;margin-top:30px;} .con_le .tab-box li{flex:1;margin-right:4px;} .con_le .tab-box ul li a{display:table;width:100%;height:100%;border:1px solid #e3e3e3;background-color:#e3e3e3;table-layout:fixed; border-radius: 30px;} .con_le .tab-box ul li.active a{border:1px solid #c8005f;background-color:#c8005f; } .con_le .tab-box ul li a span{display:table-cell;padding: 15px 10px;font-weight:600;color:#333;line-height:26px;text-align:center;word-break:keep-all;vertical-align:middle;overflow-wrap:break-word;} .con_le .tab-box ul li.active a span{color:#ffffff;} .text-overlay {padding: 0;position: absolute; top: -34px;left: -9px;font-size: 420px;font-weight: bold;color: #e8e8e8; pointer-events: none; line-height: 1; margin: 0; display: inline-block;z-index:1;} .text-overlay span {color: #f7f7f7;} .con_select .con_le{/* width:53%; */width:100%;} /* .con_select .con_ri{background:url(../css/images/sub/tech_ri.png) no-repeat; width:39%; margin-top: -80px;} */ .con_select .con_ri02{background:url(/_res/postech/kor/img/sub/tech_ri02.png) no-repeat; width:32%; margin-top: -100px;} .rea{position: relative;} .ct li{color:#000;} .link05{margin-top:40px;} .bot{border-bottom: 1px solid #cccccc; padding-bottom: 40px;} .h3-tit01 span{font-size: 40px;} .home_btn{width:40px; height: 40px; background-position: center center; display: inline-block; vertical-align: middle; background-color:#c8005f; border-radius:50%; background-image:url(/_res/postech/kor/img/sub/tech_home.png); background-repeat:no-repeat;} /* .rea::after{content: ''; width:40px; height: 40px; background-position: center center; display: inline-block; vertical-align: middle; margin-left:10px; background-color:#c8005f; border-radius:50%; background-image:url(/_res/postech/kor/img/tech_home.png); background-repeat:no-repeat;} */ /* 연구자 검색_소개 */ .con_select{display: flex; justify-content: space-between; z-index:10; position: relative;} .he01{overflow:hidden;position: relative; background-color:#f3f3f3 ; border: 1px solid #e0e0e0; border-radius:0 0 15px 15px; } .he01 .ul-type-dot li + li{margin-top: 14px;} .he01 .con1 .ul-type-dot li{font-weight: 400;font-size: 16px;letter-spacing: -.4px;} .he01 .con1 .ul-type-dot li + li{margin-top:3px;} .con_le{position: relative;z-index: 20;} .con_le .con-box{padding: 80px 0 60px 60px;} .con_le .con1{padding-left:60px;padding-bottom: 95px;} .con_le .tab-box{position: relative;z-index: 20;max-width: 690px;margin-top: 50px;} .con_le .tab-box li{flex:1;margin-right:4px;} .con_le .tab-box ul li a{display:table;width:100%;height:100%;border:1px solid #e3e3e3;background-color:#e3e3e3;table-layout:fixed; border-radius: 30px;} .con_le .tab-box ul li.active a{border:1px solid #c8005f;background-color:#c8005f; } .con_le .tab-box ul li a span{display:table-cell;padding: 15px 10px;font-weight:600;color:#333;line-height:22px;text-align:center;word-break:keep-all;vertical-align:middle;overflow-wrap:break-word;} .con_le .tab-box ul li.active a span{color:#ffffff;} .h5-tit01.dot02{padding-bottom: 15px;} .text-overlay {padding: 0;position: absolute; top: -40px;left: -9px;font-size: 460px;font-weight: 900;color: #000;opacity: 0.04;pointer-events: none; line-height: 1; margin: 0; display: inline-block;z-index:1;font-family:'field-gothic-xxcondensed';} .text-overlay span {color: #f7f7f7;} .he01 .item + .item{margin-top:36px;} .con_select .con_ri02{background:url(/_res/postech/kor/img/sub/tech_ri02.png) no-repeat; width:32%; margin-top: -100px;} .rea{position: relative;} .ct li{color:#000;} .link05{margin-top:40px;} .bot{border-bottom: 1px solid #cccccc; padding-bottom: 36px;} .con_le .name{display: inline-block;margin-right: 8px;font-size: 60px;font-weight: 800;color: #000;} .con_le .name span{font-size: 40px;} .homepage_btn{ display: inline-block;height: 40px;margin-top: -20px;padding: 0 18px;border-radius:20px;border: 1px solid #c8005f;font-size: 14px;font-weight: 700;letter-spacing: -.1px;line-height: 40px;background:#c8005f;color: #fff; vertical-align: middle;transition:0.2s} .homepage_btn span{padding-right: 20px;background:url(/_res/postech/kor/img/sub/link_btn_wh_ic.png) 100% 50% no-repeat; background-size: 16px auto;transition:0.2s} .homepage_btn:hover{background: #fff;color: #c8005f;} .homepage_btn:hover span{background:url(/_res/postech/kor/img/sub/link_btn_ic.png) 100% 50% no-repeat;background-size: 16px auto;} .con_select .con_le .nm01{margin-top: 20px;} .con_select .con_le .nm01 li{position: relative;padding-left: 25px;font-weight: 600;background-repeat: no-repeat;background-position: 0 50%;color: #333333;} .con_select .con_le .nm01 li + li{margin-top: 10px;} .con_select .con_le .nm01 .ic01{background-image:url(/_res/postech/kor/img/sub/tech_icon1.png);background-size: 17px auto;} .con_select .con_le .nm01 .ic02{background-image:url(/_res/postech/kor/img/sub/tech_icon2.png);background-size: 19px auto;} .con_select .con_le .nm01 .ic03{background-image:url(/_res/postech/kor/img/sub/tech_icon3.png);background-size: 17px auto;} .con_select .con_le .nm01 .ic04{background-image:url(/_res/postech/kor/img/sub/tech_icon4.png);background-size: 17px auto;} .con_select .con_le .ul-type-dot li span{color: #000; font-weight:400; margin-left:5px;} .con_select .con_le .h4-tit01{ font-size: 32px;} @media only screen and (min-width:1025px){ .con_le .con1 {width:750px;} } @media only screen and (max-width:1400px){ .con_select .con_le .con1{width: 100%;background-color: #fff;position: relative; z-index: 2;border-radius: 0 0 15px 15px; padding: 60px;} .content_coverage .con-box04 .h4-tit01{ font-size: 32px;} .content_coverage .con-box04 .h4-tit1{ font-size: 32px;} } @media only screen and (max-width:1024px){ .con_select .con_le .con1{width: 100%;background-color: #fff;position: relative; z-index: 2;border-radius: 0 0 15px 15px; padding: 20px 20px 40px;} } /* 연구자검색_논문출판특허 */ .content_coverage > .con-box04{padding-top:0;} .con-box04{padding-top:45px} .con_le .con2, .con_le .con3, .con_le .con4{background-color: #fff;position: relative; z-index:2;border-radius:0 0 15px 15px; } .content_coverage{width:100%;padding: 60px;} .he02{position: relative; height: 428px; background-color:#f3f3f3 ; border: 1px solid #e0e0e0; overflow: hidden;} .dot02{position: relative; padding-left: 10px;} .dot02::before{content:'';width:6px;height:6px;border-radius:3px;position: absolute;left:-2px;top: 9px;background-color: #000;} .con_ri{position: absolute;top: 40px;right: 40px;z-index: 1;} .con_ri img{max-width: 400px; height: auto;} .con_ri:after {content:'';display:block;position:absolute;bottom:0;left:0;right:0;height:200px;background:linear-gradient(0deg, rgba(243,243,243,1) 0%, rgba(243,243,243,0) 100%);} .con_ri:before {content:'';display:block;position:absolute;bottom:-2px;left:0;right:0;height:100px;background:linear-gradient(0deg, rgba(243,243,243,1) 0%, rgba(243,243,243,0) 100%);} .exchange .h5-tit01{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;margin-bottom: 10px;padding-bottom: 0;} /* 연구자검색_연구소식 */ .exchange_wrap{border-top: 1px solid #000000;} .exchange .thumb:before{content:'';position: absolute;top: 0;right: 0;width: 95px;height: 66px;background: url(/_res/postech/kor/img/sub/frame_radius_img.png) 50% 50% no-repeat;background-size: 95px auto;} .exchange .thumb{position: relative;height: 285px;overflow: hidden;border-radius: 20px;} .exchange .thumb img{width: 100%;height: 100%;object-fit: cover;} .exchange{display: flex; flex-wrap: wrap;margin:0 -8px;padding: 22px 0 0;} .exchange li{ position: relative;margin:0 8px;width: calc(33.333% - 16px);} .exchange li:nth-child(n+4){margin-top:35px;} .nh{margin-top: 23px;} .nb{margin-bottom: 24px;} .exchange li p{font-size: 15px;font-weight: 500;color: #888888;} .exchange li span{ border-radius: 50px; text-align: center; font-weight: 700;font-size:13px; position: absolute; right:0; top:0; width:70px; height:40px; line-height:40px;} .exchange li span.type1{background-color:#000000;color:#ecd8b6;} .exchange li span.type2{background-color:#9d8d72;color:#fff;} /* 대학생활 학사지원 전과 */ .rw{font-size:24px !important; margin-left:39px; margin-bottom:10px; position: relative;} .rw::before{content:''; width:24px; height:24px; line-height:24px; background:url(/_res/postech/kor/img/sub/rw_icon.png); position: absolute; top:3px; left:-38px; display: inline-block; vertical-align: middle;} .bt{color: #000 !important;} .major_change .con-box02{margin-top: 30px} .academic_regul_wrap .table-wrap td .table-wrap table{border-style: hidden;min-width: auto;} .con-box.sc_none .table-wrap{overflow: visible;} .organz_chart_wrap .type2 .corporate_chart .root2 .branch_list2 > li a{display: block;} /* 대학생활 조직도 */ .exp_top .exp_tit{flex: 1;padding-right:20px;} .color_list ul li {display:block; position: relative; width:16.6666%; float:left; color:#fff; height:100px; padding:10px;} .color0 {background-color:#bba078!important;} .txt_bba078 {color:#bba078!important} .color1 {background-color:#ca0464;} .color1.no_bg{ border: 1px solid #ca0464;background-color: #fff;} .txt_ca0464 {color:#ca0464!important} .color2 {background-color:#242424;} .txt_bba078 {color:#bba078!important} .color3 {background-color:#bba078;} .txt_a98147 {color:#a98147!important} .color4 {background-color:#646466;} .txt_faa61a {color:#faa61a!important} .color5 {background-color:#0066b2;} .txt_0066b2 {color:#0066b2!important} .color6 {background-color:#42939a;} .txt_42939a {color:#42939a!important} .txt_999 {color:#999!important} .color7 {background-color:#000;} .color8 {background-color:#333;} .color9 {background-color:#555;} .color10 {background-color:#999;} .color11 {background-color:#f3f1ee;} .contbox_unit.type1{max-width: 1040px;margin: auto;} .corporate_chart ul{padding-left:0} .corporate_chart ul:after{content:"";display:block;clear:both} .corporate_chart li{position:relative;} .corporate_chart > li .title{display: flex;align-items: center;justify-content: center;position:relative;z-index:1;width:230px;height:70px;margin: auto;border-radius: 5px;text-align:center;color:#fff;font-size: 20px;font-weight: 700;letter-spacing: -.4px;padding:15px 0;transition:all ease-out 0.1s;-webkit-transition:all ease-out 0.1s;-moz-transition:all ease-out 0.1s;-ms-transition:all ease-out 0.1s;} .corporate_chart .root1 .branch_list1 li{text-align:center} .corporate_chart .root1 .branch_list1 .title{width: 260px;height:75px;font-size: 23px;font-weight: 700;} .corporate_chart .root1 .branch_list1 .title.president{width: 260px;} .administ_organiz .corporate_chart .root1 .branch_list1 .title.president{width: 260px;} .administ_organiz .corporate_chart .root1 .branch_list1 .title{width: 230px;} .administ_organiz .corporate_chart .root1 .branch_list1 li:last-child span{ font-size: 20px;} .administ_organiz .type2 .corporate_chart .root1 .branch_list1 li:nth-child(2) .title:after{display:none} .administ_organiz .type2 .corporate_chart .root2 .branch_list2 > li > a{display:block} .administ_organiz .type2 .corporate_chart .root2 .branch_list2 > li > a + a{margin-top:15px} .administ_organiz .type2 .corporate_chart .root2 .branch_list2 li a{margin-top:15px} .administ_organiz .type2 .root3 .branch_list2:after{width:50%;} .administ_organiz .type2 .root1{max-width: 800px;margin: auto;} .administ_organiz .type2 .corporate_chart .root2 .branch_list2:after {width: 30%;position: absolute;left: 50%;transform: translateX(-50%);background: #e1e1e1;top: 69%;margin-top: 0;} .administ_organiz .type2 .corporate_chart .root2 .branch_list2 > li:after{content: "";position: absolute;transform: translateX(-50%);background: #e1e1e1;top: 25%;right: -50px;width: 1px;height: 50%;} .administ_organiz .type2 .corporate_chart .root2 .branch_list2 > li:nth-child(2):after{ left: -50px} .administ_organiz .type2 .corporate_chart .root2 .branch_list2 > li{position:relative} .administ_organiz .type2 .corporate_chart .root1 .branch_list1 li .title:after{height: 27.2rem;} .corporate_chart .root1 .branch_list1 li:nth-child(2){position: absolute; right: 0; top: 0;} .corporate_chart .root1 .branch_list1 li:nth-child(2):after{content:"";display:block;width:100%;height:1px;background:#e1e1e1;position:absolute;right:100%;top: 50%;transform: translateY(-50%);} /*.corporate_chart .root1 .branch_list1 li:nth-child(2) .title{height:78px;line-height:1.4}*/ .type2 .corporate_chart .root2 .branch_list2, .corporate_chart .root3 .branch_list2{display: flex;text-align:center;position: relative;} .corporate_chart .root2 .branch_list2 li{margin-top:50px} /*.corporate_chart .root2 .branch_list2 .title:after{content:"";display:block;width:1px;height:50px;background:#e1e1e1;position:absolute;top:-50px;left:50%}*/ .corporate_chart .root3{margin-top:90px} .corporate_chart .root3:after{ content: ""; display: block;width: 1px; height: 300px;background: #e1e1e1; position: absolute;bottom: 125px; left: 50%;} .corporate_chart .root3 .branch_list3{padding-top:10px;position:relative} .corporate_chart .root3 .branch_list3:before{content:"";display:block;width: calc(100% - 230px);height:1px;background:#e1e1e1;position:absolute;top: -40px;left:50%;transform:translateX(-50%);-ms-transform: translateX(-50%)} .corporate_chart .root3 .branch_list3 li{width:50%} .corporate_chart .root3 .branch_list3 li:nth-child(1){float:left} .corporate_chart .root3 .branch_list3 li:nth-child(2){float:right;text-align:right} .corporate_chart .root3 .branch_list3 .title{margin:0;background: #bba078;color: #fff;} .corporate_chart .root3 .branch_list3 .title:after{content:"";display:block;width:1px;height:50px;background:#e1e1e1;position:absolute;top:-50px;left:50%} .corporate_chart .root3 .branch_list3 li:nth-child(2){float:right;text-align:right} .corporate_chart .root3 .branch_list3 .title a{color:#fff;} .corporate_chart .root3 .branch_list3 .title.left{float:left;} .corporate_chart .root3 .branch_list3 .title.right{float:right;} .type2 .root4 .branch_list3{display: flex;flex-wrap: wrap;position: relative;} .type2 .corporate_chart .root1 .branch_list1 li .title:after{content:'';background:#e1e1e1;position:absolute;top: 75px;width:1px;height:29.5rem;} .type2 .corporate_chart:before, .type2 .root4 .branch_list3:before, .type2 .root2 .branch_list2:after, .type2 .root3 .branch_list2:after, .type2 .root4 .branch_list3:after, .type2 .corporate_chart .root4 .branch_list3 > li > .title:before, .type2 .corporate_chart .root4 .branch_list3 > li > .title:after, .type2 .corporate_chart .root4 .branch_list3 .child:before, .type2 .corporate_chart .root4 .branch_list3 .child li:before{content:'';position: absolute;top: 50%;transform: translateY(-50%);width: 100%;height: 1px;background: #e1e1e1;} .type2 .corporate_chart:before{content:none;} .type2 .root2 .branch_list2:after{margin-top: 10px;} .type2 .root4 .branch_list3:before{top: 54px;left: 50%; transform: translateX(-50%); width: calc(100% - 495px);} .type2 .root4 .branch_list3:after{top: 130px;left: 50%;transform: translateX(-50%);width: calc(100% - 320px);} .type2 .root3 .branch_list2:after{width:100%;} .type2 .root4 .branch_list3:after{content:none} .second_leaf dt{display: flex;align-items: center;justify-content: center;width: 230px;height: 70px;border-radius: 5px;border-bottom-right-radius: 0;border-bottom-left-radius: 0;font-size: 20px;font-weight: 700;background:#242424;color:#fff;} .second_leaf dd{display: flex;align-items: center;width: 230px;height: 70px;padding: 0 30px;background:#f7f8fa;border-radius: 0 0 5px 5px;} .corporate_chart .root2 .branch_list2 .second_leaf li{margin-top: 0;border-radius: 5px;} .second_leaf .ul-type-dot li{color: #333333;} .type2 .corporate_chart .root2{max-width: 800px;margin: auto;} .type2 .corporate_chart .root3{max-width: 800px;margin: 50px auto 0;} .type2 .corporate_chart .root2 .branch_list2, .type2 .corporate_chart .root3 .branch_list2, .type2 .corporate_chart .root4 .branch_list3{align-items: baseline;justify-content: space-between;} .type2 .corporate_chart .root2 .branch_list2 > li{/*z-index: 20;*/z-index:1;margin-top: 90px;} .type2 .corporate_chart .root4 .branch_list3 > li{margin-top:95px;} .type2 .corporate_chart .root4 .branch_list3 .child:before{ top: -45px;left: 50%;transform: translateX(-50%); width: calc(100% - 230px);} .type2 .corporate_chart .root4 .branch_list3 > li > .title:before, .type2 .corporate_chart .root4 .branch_list3 > li > .title:after{left: 50%;transform: translateX(-50%); width: 1px;height: 40px;} .type2 .corporate_chart .root4 .branch_list3 > li > .title:before{top: -40px;} .type2 .corporate_chart .root4 .branch_list3 > li > .title:after{top: 70px;} .type2 .corporate_chart .root4 .branch_list3 .child li:before{top: -45px;left: 50%;transform: translateX(-50%);width: 1px; height: 100%;} .type2 .corporate_chart .root4 .branch_list3 .left .child .li2:before{height: 80%;} .type2 .corporate_chart .root3:after, .type2 .corporate_chart .root2 .branch_list2 .title:after{content:none;} .type2 .corporate_chart .root4 .branch_list3 > li > .title{margin-bottom: 85px} .type2 .corporate_chart .root4 .branch_list3 .child{display: flex;flex-wrap: wrap;position: relative;} .type2 .corporate_chart .root4 .branch_list3 .child li + li{margin-left:35px;} .type2 .corporate_chart .root4 .branch_list3 .child li .title {margin:0;} .type2 .corporate_chart .root4 .branch_list3 .child li .title + .title{margin-top:15px;} .type2 .corporate_chart .root4 .branch_list3 > li > .title a {display: block;width: 100%;height: auto;padding: 15px;color: #fff;} /*POSTECH 2.0: 제2건학*/ .vision_wrap .stb_circle_con li{border:0} .ul-type-style .tp{display: inline-block;border-radius: 100%;width: 21px; height: 21px;margin-right: 8px;font-size: 12px;font-weight: 700;line-height: 21px;text-align: center;vertical-align:sub;} .ul-type-style .type1{background:#000000;color:#ffb3c0} .ul-type-style .type2{background:#666666;color:#fff} .ul-type-style .txt{display: inline-block;width: calc(100% - 29px);vertical-align: text-top;word-break: keep-all;} .tab_con .tab-box{padding-bottom: 30px;} .link_list{padding:0 40px;border-radius: 9px;border:1px solid #e0e0e0;} .link_list .box{display: flex;flex-wrap: wrap;padding:40px 0;} .link_list .box + .box{border-top:1px solid #e1e1e1;} .link_list .area{flex: 1;} .administ_organiz .con-box.tab_con .link_list .area{width:25%; flex: none;} .link_list .h5_title{padding-bottom: 40px;color:#c51064;} .link_list .ul-type-dot li{line-height: 24px;color:#333333;} .link_list .ul-type-dot li + li {margin-top: 7px;} .link_list .ul-type-dot li .ul-type-dot {margin-top: 7px;} .link_list .ul-type-dot li .ul-type-dot li:before {height:1px} .link_list li a{max-width: calc(100% - 4px);padding-right: 23px;background:url(/_res/postech/kor/img/sub/link_g_ic.png) 100% 50% no-repeat;background-size: 13px auto;transition-duration: .3s;} .link_list li a:hover{background-image:url(/_res/postech/kor/img/sub/link_col_ic.png);color:#c51064;} .area .h5_title a{color: #c51064} .link_list li a[target] {background:none !important;} .link_list li a[target]:after {content:'\f061';display:inline-block;margin-left:5px;margin-top:-3px;margin-right:-3px;font-family:'Line Awesome Free';font-size:17px;transform:rotate(-45deg) !important;font-weight:400;vertical-align:middle;transition:0.2s} .link_list li a[target]:hover:after {opacity:1;color:inherit;} .link_list a.arrow{padding-right: 15px;background:url(/_res/postech/kor/img/sub/btn_arrow_ic3.png) 100% 50% no-repeat;background-size: 6px auto;} .link_list a.arrow:hover{background-image:url(/_res/postech/kor/img/sub/btn_arrow_ic4.png);} .link_list .ul-type-dot + .s_txt{padding-top:20px;} .link_list .s_txt{padding-bottom: 15px;font-size: 20px;font-weight: 700;color:#333333;} .administ_organiz .con-box.tab_con .mark-p{color: #666;font-size: 14px;margin-top: -20px;position: absolute;right: 0;top: 50px;} .administ_organiz .con-box.tab_con .link_list .box{padding: 64px 0 40px; position: relative;} .exp_tit + .contact_wrap{margin-top:30px;} .info_con_wrap{padding: 40px;border-radius: 10px;border: 1px solid #ededed;} .info_con_wrap dl{display: flex;align-items: center;flex-wrap: wrap;letter-spacing: -.4px;} .info_con_wrap dl + dl{margin-top:12px;} .info_con_wrap dt{width: 170px;padding-left: 32px;font-size: 16px;font-weight: 700; background-repeat: no-repeat; background-position: 0 50%;color: #000000;} .info_con_wrap dt.ic1{background-image:url(/_res/postech/kor/img/sub/info_con_ic1.png);background-size: 21px auto;} .info_con_wrap dt.ic2{background-image:url(/_res/postech/kor/img/sub/info_con_ic2.png);background-size: 22px auto;} .info_con_wrap dd{font-size: 16px;font-weight: 600;color: #000000;} .info_con_wrap + .table-wrap{margin-top:30px;} .ol-num li + li{margin-top: 10px;} ol li .num{display: inline-block;width:30px;font-size: 15px; font-weight: 700;color: #c8005f;vertical-align: sub;} ol li .txt{display: inline-block;margin-top: 1px;width: calc(100% - 34px);vertical-align: text-top;} /* 대학평가 */ .tab-box.dls.style{margin-bottom: 75px;} .tab-box.dls.style li:last-child{width:auto} .tab-box.dls.style a{padding: 0 20px;border: 1px solid #e3e3e3;background: #ededed;color: #333333;} .tab-box.dls.style a:hover, .tab-box.dls.style .active a{background: #c8005f;color:#fff;} @media only screen and (max-width:750px){ .tab-box.dls.style {margin-bottom:20px;} .tab-box.dls.style ul {overflow-x:auto;flex-wrap:nowrap; margin-left:-10px;margin-right:-10px;padding:0 10px;} .tab-box.dls.style li {flex-shrink:0;} .tab-box.dls.style ul::-webkit-scrollbar{display:none;} } /* 과거 규정 이력 팝업 */ .regulation_history{max-width:674px;} .regulation_history table{min-width: auto;} .regulation_history .table-wrap thead th{height: 50px;} .regulation_history .table-wrap tbody td{padding: 10px;font-size: 15px;} /* 역대 총장장 */ .img_view_list_wrap > ul{display: flex;flex-wrap: wrap;} .img_view_list_wrap > ul > li{width: calc(25% - 15px);margin-right: 20px;font-size: 20px;font-weight: 700; color: #000000;} .img_view_list_wrap > ul > li:nth-child(4n){margin-right: 0;} .img_view_list_wrap > ul > li:nth-child(n+5){margin-top: 60px;} .img_view_list_wrap > ul > li > a{display: block;} .img_view_list_wrap > ul > li > a:hover .img img{transform: scale(1.1);} .img_view_list_wrap .img-wrap{position: relative;margin-bottom: 15px;} .img_view_list_wrap .img{overflow: hidden;height: 310px;border-radius: 12px;} .img_view_list_wrap .img-wrap:before{content:'';position: absolute;right:0; bottom: 0;z-index: 1;width: 72px;height: 72px;background:url(/_res/postech/kor/img/sub/thumb_round_r_bottom02.png) 0 0 no-repeat;} .img_view_list_wrap .img-wrap:after{content:'';position: absolute;right: 0px;bottom: 0;z-index: 1;border-radius: 100%;width: 45px;height: 45px;background:#000 url(/_res/postech/kor/img/sub/link_arrow_ic.png) center center no-repeat;background-size: 17px auto;transition-duration: .2s} .img_view_list_wrap a:hover .img-wrap:after{background-color:#c8005f} .img_view_list_wrap .img img{width: 100%;height: 100%;object-fit: cover;transition-duration: .2s} .img_view_list_wrap .img-wrap + p{font-size:24px;} .img_view_list_wrap > ul > li > a > span{display: block;padding-top: 10px; font-size: 15px;font-weight: 500;} .img_info_wrap{display: flex;align-items: center;flex-wrap: wrap;padding-bottom: 5px;} .img_info_wrap .img{max-width: 220px;width: 100%;height: 220px;margin-right: 30px;} .img_info_wrap .col{display: block;padding-bottom: 14px;font-size: 18px;font-weight: 700;} .img_info_wrap .name{font-size: 30px;font-weight: 700;line-height: 36px;color: #000000;} .img_info_wrap .period{margin-top: 12px;font-size: 16px;font-weight: 600;color: #333333;} .president .box {margin-top:35px;} .president .box .str_txt5{padding-bottom: 20px;} .president .str_txt5 + .table-wrap{margin-top: 0;} .president .ul-type-dot.type li{display:flex;align-items: center;flex-wrap: wrap;} .president .ul-type-dot.type li .period{width: 300px;} .president .ul-type-dot.type li .txt{width:auto;} .president .ul-type-dot li:before{margin-top: -4px;} .president .ul-type-dot span{display: inline-block;text-indent: 0;} .president .ul-type-dot .period{width: 165px;font-size: 16px;font-weight: 600;color: #333333;vertical-align:sub;} .president .ul-type-dot .txt{width: calc(100% - 172px);font-size: 16px;font-weight: 700;color: #000000;vertical-align: text-top;} /* 푸터 메뉴 */ .cheating_process .item.type2{padding-top: 40px;} .cheating_process ul{display: flex;flex-wrap: wrap;} .cheating_process .item + .item ul{justify-content: right;} .cheating_process li{display: flex;align-items: center;justify-content: center;position: relative;z-index: 2;width: calc(20% - 32px);height:82px;margin-right: 40px;padding: 10px;border-radius: 10px;border:1px solid #000000;text-align: center;} .cheating_process li:after{content:'';position: absolute; top: 50%;right: -30px;transform: translateY(-50%);width: 18px;height: 14px;background-image:url(/_res/postech/kor/img/sub/dia_arrow_ic.png);background-repeat: no-repeat;background-position: 0 0;background-size: 18px auto;} .cheating_process .type1 li:nth-child(3):after{top: auto;right: auto;left: 50%;bottom: -27px;transform: translateX(-50%) rotate(90deg);} .cheating_process .type1 li:nth-child(4):after, .cheating_process li:last-child:after{content:none} .cheating_process li.col{border:1px solid #c8005f} .cheating_process li.type{border:none} .cheating_process li.type:before{content:'';position: absolute;z-index: -1;width: calc(100% + 40px);height: 14px;background-image:url(/_res/postech/kor/img/sub/dia_arrow_ic2.png);background-repeat: no-repeat;background-size: 100%;} .cheating_process li.type p{display: inline-block;height:31px;padding:0 14px;border-radius: 16px;font-size: 13px;line-height: 31px;background:#666666; color: #fff;} .cheating_process li:last-child{margin-right: 0;} .cheating_process li p{font-size: 18px;font-weight: 600;color: #000000;} .cheating_process li.col p{color:#c8005f} .cheating_process li p span{display: block;font-size: 16px;color: #999999;} .processing_procedure ol{position: relative;} .processing_procedure ol:before{content:'';position: absolute;top: 50%;transform: translateY(-50%);left: 10px;width: 1px;height: calc(100% - 10px);background: #cccccc;} .processing_procedure .ol-type-num.bold > li + li{margin-top: 40px;} .processing_procedure .ol-type-num > li > span{padding-left: 30px;} .processing_procedure p{padding-left: 32px;} .processing_procedure .con-p.mark{margin-top:0;} .processing_procedure li:first-child span + p{padding-top: 12px;} td .tel span, td.inq .tel{display: inline-block;padding-left: 28px;background:url(/_res/postech/kor/img/sub/contact_info_ic2.png) 0 5px no-repeat;background-size: 19px auto;text-align: left;} td .tel + a{margin-top: 12px;} /* 교내사이트 */ .search_form.site input[type="text"]{width: 376px;} .campus_website{border-top: 1px solid #000;border-bottom: 1px solid #e0e0e0;} .campus_website strong{display: block;padding-bottom: 18px;font-size: 40px;font-weight: 800;line-height: 28px;color: #c51064;} .campus_website > ul{display: flex;flex-wrap: wrap;align-items: flex-start;} .campus_website > ul > li{width: 25%;padding: 50px 10px;border-top: 1px solid #e0e0e0;} .campus_website li a{padding: 10px 0;font-weight: 600; color: #666666;} .campus_website li a:hover{text-decoration: underline;color: #c8005f;} /* footer */ .footer_wrap{display:flex;flex-direction:row-reverse;position:relative;width:100%;padding:65px 75px;border-radius:20px;background:#000} .footer_wrap .footer_top {display:flex;flex-wrap:wrap;justify-content:space-between;width:50%;} .footer_wrap .menu_gp li{margin-bottom:12px} .footer_wrap .menu_gp a{font-weight:600;font-size:30px;color:#fff} .footer_wrap .out_link ul{display:grid;grid-template-columns:1fr 1fr;width:100%;} .footer_wrap .out_link li{margin-bottom:12px;grid-column:1 / 2;width:310px;} .footer_wrap .out_link li.str, .footer_wrap .out_link li.str ~ li {grid-column:2 / 3;} .footer_wrap .out_link li.str {grid-row:1/2;} .footer_wrap .out_link li.str + li {grid-row:2/3;} .footer_wrap .out_link li.str + li + li {grid-row:3/4;} .footer_wrap .out_link li.str + li + li + li {grid-row:4/5;} .footer_wrap .out_link li.str + li + li + li + li {grid-row:5/6;} .footer_wrap .out_link li.str + li + li + li + li + li {grid-row:6/7;} .footer_wrap .out_link li.str + li + li + li + li + li + li {grid-row:7/8;} .footer_wrap .out_link a{display:block;position:relative;padding-left:18px;font-weight:600;font-size:18px;color:#999} .footer_wrap .out_link a::before{content:'';display:block;position:absolute;top:10px;left:0;width:3px;height:3px;background:#999} .footer_wrap .out_link .str a{color:#DC1767} .footer_wrap .footer_bottom {width:50%;} .footer_wrap .footer_bottom p{line-height:1.715;color:#808080;font-size:14px} .footer_wrap .footer_bottom .logo{display:block;width:230px;height:64px;margin-right:36px;background:url(/_res/postech/kor/img/common/logo_footer.png) no-repeat 0 50%} .footer_wrap .footer_bottom .addr {margin-bottom:45px;} .footer_wrap .footer_bottom .addr a {color:inherit;} .footer_wrap .footer_link {display:flex;flex-wrap:wrap;position:absolute;z-index:1;top:0;right:0;padding:0 0 5px 5px;background:#fff;border-bottom-left-radius:34px;} .footer_wrap .footer_link:before, .footer_wrap .footer_link:after {content:'';display:block;position:absolute;width:30px;height:30px;border-top-right-radius:30px;} .footer_wrap .footer_link:before {left:-30px;box-shadow:30px -30px 0 30px #fff;} .footer_wrap .footer_link:after {right:0;bottom:-30px;z-index:-1;box-shadow:30px -30px 0 30px #fff;} .footer_wrap .footer_link .accd_wrap + .accd_wrap{margin-left:2px} .footer_wrap .footer_link .accd_head{display:flex;align-items:center;width:250px;height:60px;padding:0 40px;border-radius:60px;background:#c8005f;font-size:20px;font-weight:500;color:#fff;white-space:nowrap;} .footer_wrap .footer_link .accd_head::after{right:35px;width:16px;height:9px;margin-top:-4px;background-image:url(/_res/postech/kor/img/common/footer_accd_arrow.png)} .footer_wrap .footer_link .accd_cont{top:83px;left:0;width:100%;border-radius:80px;background:#fff} .footer_wrap .footer_link .link_btn {display:flex;align-items:center;justify-content:space-between;position:relative;width: 239px;height:60px;border-radius:60px;background:#c8005f;font-size: 16px;font-weight:500;color:#fff;text-align:center;padding: 0 30px;} .footer_wrap .footer_link .link_btn > span {padding-right:0;background:none !important;} .footer_wrap .footer_link .link_btn > span:after {content:'\f105';display:inline-flex;align-items:center;position:relative;margin-left:10px;height:100%;font-family:'Line Awesome Free';font-weight:400;font-size:var(--link-icon-fontSize);line-height:1;color:#fff;position: absolute;top: 50%;transform: translateY(-50%);right: 30px;} .footer_wrap .sns_wrap .tit {display:none;} /* tablet */ @media only screen and (min-width:1025px) and (max-width:1920px){ /* gnb_open */ .pop-open .header .logo{width:12.5vw;background-size:10.677vw} .pop-open .header .gnb_wrap .depth2 {width:calc(100% - 432px);} .rnd_cn::before{left:-22px;height:50px;background-size:auto 100%} .footer_wrap .footer_top {margin-top:25px;} } @media only screen and (min-width:550px) and (max-width:750px){ .corporate_chart .root1 .branch_list1 li:nth-child(2):after {width: 200px!important;} } @media only screen and (min-width:1024px) and (max-width:1800px){ .header .gnb_wrap .gnb {padding-left:40px;} .header .gnb_wrap .depth2 {width:calc(100% - 410px);left:410px;} .header .gnb_wrap .depth2 > li {width:33%} } @media only screen and (min-width:1024px) and (max-width:1640px){ .header .gnb_wrap .depth2 > li {width:50%} } @media only screen and (max-width:1440px){ .header > .inner > .box{padding: 28px 20px;} .gnb_list li{padding: 0 18px;} .write_form dl{padding: 10px;} .write_form dl:nth-child(2n+1) dd{padding-right: 30px;} .write_form dl:nth-child(2n) dd{padding-right: 10px;} .write_form .flex_box.input input{width: calc(100% - 25px);} .side_layer_wrap{width: 97.7083333vw;} .pop_cont > .cont{padding: 50px 30px 100px;} .step_type_wrap > ul > li.grid > .box{margin-bottom: 16px;} .type2 .root4 .branch_list3:before{width: calc(100% - 335px);} .type2 .corporate_chart .root4 .branch_list3 .child:before{width: calc(100% - 160px);} .type2 .corporate_chart .root4 .branch_list3 .child li + li{margin-left: 15px;} .corporate_chart > li .child .title{width: 160px;} .ui_rule{margin-left:50px;} .character_img.li6 li{width: calc(33.333% - 3px);} .character_img.li8 li{width: calc(25% - 3px);} .character_img + .character_img, .character_img.li8 li:nth-child(n+9), .character_img.li6 li:nth-child(n+4), .character_img.li5 li:nth-child(n+5), .character_img.li8 li:nth-child(n+6){margin-top: 20px;} .character_img.li5 li{width: calc(25% - 3px);} .character_img.li4 li{width: calc(25% - 3px);} .cont_info_box_list li{width: calc(50% - 10px);} .cont_info_box_list li:nth-child(2n){margin-right: 0;} .cont_info_box_list li:nth-child(n+3){margin-top: 15px;} .cont_info_box_list .btn_box.a2 .link_btn{width: auto;} .amenities_list.subj li{width: calc(33.333% - 14px);padding: 38px 20px;} .amenities_list.subj li:nth-child(n+4){margin-top: 20px;} .amenities_list.subj li:nth-child(4n){margin-right: 20px;} .amenities_list.subj li:nth-child(3n){margin-right: 0;} .vision_wrap .stb_circle_con p{margin: 0 auto 15px;font-size: 24px;} .vision_wrap .stb_circle_con span{font-size: 17px;line-height: 25px;} .collaboration_system .box_list{max-width: 710px;width: calc(100% - 200px);} .founding_philosophy .stb_circle_con{margin-top:0} .founding_philosophy .stb_circle_con li{flex: none;height: 290px;width: 290px;} .founding_philosophy .stb_circle_con p{font-size: 28px} .founding_philosophy .stb_circle_con ul { max-width: 100%; height: 100%;margin: 0 auto; display: flex;justify-content: center;align-items: center;} } @media only screen and (max-width:1300px){ .philosophy.vision_bottombox{ padding: 40px;} .philosophy.vision_bottombox .txt {font-size: 22px;} .philosophy.vision_bottombox .right_text.en {font-size: 45px; right: 20px;} .contact_wrap.type2.sns{height:320px;} .contact_wrap.sns .box{display: block; } .contact_wrap.sns .box .logo{width: 100px;height: 110px;text-align: center; margin: 0 auto;margin-bottom: 15px;} .contact_wrap.type2 .text {margin-top: 0;} .flex_box .contact_wrap.type2.sns:nth-child(2){padding-top: 0;} .contact_wrap.sns .box.c2 .logo{width: 80px;} } @media only screen and (max-width:1065px){ .philosophy.vision_bottombox .right_text.en{display:none;} } @media only screen and (max-width:1140px){ .footer_wrap .out_link li{width: 260px;transition: all 0.3s ease;} } @media only screen and (max-width:1280px){ .search_w input[type="text"]{height: 70px;font-size: 30px;} .search_w .remove_btn{right: 65px} .search_total_box p{padding-bottom: 25px;font-size: 32px;} .auto_search{top: 67px;} .header > .inner > .box{padding: 28px 10px;} .gnb_list {display:none;} .gnb_list li{padding: 0 14px;} .gnb_list a{font-size: 16px;} .search_w input[type="text"]{height: 70px;font-size: 30px;} .search_w .remove_btn{right: 65px} .search_total_box p{padding-bottom: 25px;font-size: 32px;} .write_form dl:nth-child(2n) dd, .write_form dl:nth-child(2n+1) dd{padding-right: 0;} .write_form.add_child .sel1 {width: calc(18% - 2px);} .write_form.add_child .sel2{width: calc(40% - 43px);} .write_form.add_child .sel3{width: calc(19% - 18px);} .write_form.add_child .input1{width: calc(12% - 7px);} .depart_list .logo{width: 60px;height: 60px;margin-right: 20px;} .depart_list .contact{margin-right:10px} .side_layer_wrap {width: calc(100% - 195px);} .s_slide_on .side_layer_wrap{right:0;} .depart_title .side_layer_close{z-index: 20;right:0;margin-top: 70px;} .depart_title{justify-content: center;position: static;width: 100%;height:100px;text-align: center;} .depart_title:after{content:none;} .depart_title p{font-size: 64px; line-height: 56px;} .cont .side_layer_close{top:10px;right: 30px} .flex_box .contact_wrap.type2{padding: 30px 25px;} .contact_wrap.type2 .exp_tit{padding-bottom: 18px;font-size: 20px;} .contact_wrap.type2 li + li{margin-top: 10px;} .link_con_wrap2 li{width: calc(50% - 10px);} .link_con_wrap2 li:nth-child(3n){margin-right: 15px;} .link_con_wrap2 li:nth-child(2n){margin-right: 0;} .link_con_wrap2 li:nth-child(n+3){margin-top: 20px;} .date_list{padding: 35px 30px 50px;background-size: 180px auto;} .date_list h4{padding-bottom: 28px;font-size: 22px;} .date_list .list_box{ max-height: 470px;} .date_list li + li {padding-top: 20px;} .date_list li p{font-size: 16px;} .step_type_wrap{margin-top: 0;} .step_type_wrap .em_br{display:inline;} .step_type_wrap > ul > li.comm.first:after {display:none;} .step_type_wrap > ul > li.comm.first {margin-right: 0;} .step_type_wrap > ul > li.comm{width:100%;margin-top: 0;margin-right:0;} .step_type_wrap > ul > li.comm + .comm{margin-top:20px;} .step_type_wrap .comm > div{height: auto; padding: 15px 20px;} .step_type_wrap > ul > li.grid{width:100%;margin-top: 20px;} .step_type_wrap .comm p{font-size: 16px;} .step_type_wrap p{font-size: 15px;} .line_step ul{max-width:100%;} .line_step > ul > li{flex:auto;width: 100% !important;margin-right:0;} .line_step > ul > li:after{content: '';position: absolute;transform: translateX(-50%) rotate(90deg) !important;bottom: -28px !important;top:auto !important; left: 50% !important;width: 18px;height: 14px;background-image: url(/_res/postech/kor/img/sub/text_link_ic.png);background-repeat: no-repeat;background-size: 18px auto;background-position: 0 0;} .line_step > ul > li + li{margin-top: 40px !important;} .line_step > ul > li + li:before, .line_step > ul > li + li .box:before, .line_step > ul > li + li .box:after, .line_step > ul > li:last-child:after{content:none !important;} /*.line_step.steps4 > ul > li:last-child:after{content:none !important;}*/ .line_step .s_txt_li p.con-p{text-align: center;} .line_step .s_txt{text-align: center;} .line_step.vertical .exp_box{text-align: center;} .line_step.no_li_bf li{text-align: center;} .line_step > ul > li .box .pc_br{display: inline;} .line_step.vertical .box{max-width: 100% !important;} .line_step.vertical .exp_box .txt{font-size: 15px;} .line_step.vertical .exp_box{flex:auto;width: 100%;padding-top: 12px;} /*.line_step.vertical.wid_stype1.sp_b .exp_box{padding-top:20px;}*/ .line_step.vertical.wid_stype2 .box:before{display:none} .pop_cont{overflow-y: auto;height:100%;} .pop_cont::-webkit-scrollbar {display:none;} .pop_cont > .cont{width: 100%;/* height: calc(100vh - 100px); */height: auto;padding: 30px 30px 50px;background: #fff;} .pop_cont .pc_br{display: inline;} .pop_cont h3{font-size: 54px;} .pop_cont .info_txt{font-size: 17px;} .contact_wrap.logo_type{padding-left:40px} .contact_wrap.logo_type + .link_btn{margin-top:20px;} .contact_wrap .logo{margin-right:40px;} .contact_wrap .logo img{max-width: 220px;} .committee_oper .item.col4 {margin-right: 60px;} .committee_oper .item-list:before{width: calc(100% - 200px);} .committee_oper .item-list .item{max-width: 200px;} .expertise_box{overflow:hidden;margin: auto;} .key_wrap{display: block;} .exp_tit .pc_br{display: inline;} .exp_text{padding-top: 0;margin-right: 0;margin-bottom: 40px;} .corporate_chart .root1 .branch_list1 .title{width: 230px;} .corporate_chart > li .title{width:200px;} .corporate_chart .root3 .branch_list3:before{width: calc(100% - 200px);} .type2 .res_inst .root2 .branch_list2:after{width: calc(100% - 200px);} .link_con_wrap li{width: calc(33.333% - 7px);} .link_con_wrap li:nth-child(4n){margin-right: 10px;} .link_con_wrap li:nth-child(3n){margin-right: 0;} .link_con_wrap li:nth-child(n+4){margin-top: 10px;} .link_con_wrap.li4 li{width: calc(25% - 8px)} .link_con_wrap.li4 li:nth-child(n+4){margin-top: 0;} .link_con_wrap.li4 li:nth-child(3n){margin-right:10px;} .link_con_wrap.li4 li:nth-child(4n){margin-right:0;} .ui_wrap .item{margin-right:20px;} .ui_wrap.sig .item, .ui_wrap .dep .item{flex:auto;width: 100%;margin-right:0;} .ui_wrap.sig .item + .item, .ui_wrap .dep .item + .item{margin-top:20px;} .ui_rule {width:100%;margin-top: 20px;margin-left:0;text-align: center;} .color_box{margin-right:10px;} .startup_status li{flex:auto;width: calc(50% - 8px);margin-right: 15px} .startup_status li:nth-child(2n){margin-right: 0;} .startup_status li:nth-child(n+3){margin-top: 15px;} .info_list_box li{width: calc(50% - 20px);} .info_list_box li:nth-child(2n){margin-right: 0;} .info_list_box li:nth-child(n+3){margin-top:30px;} .info_list_box .text_box{min-height: 245px;margin-top: 20px;} .info_list_box .exp_tit{padding-bottom: 20px;} .vision_wrap > ul > li > div{width: 78%;} /*.vision_wrap .title{width: 160px;margin-right: 30px;font-size: 25px;} .vision_wrap .title:after{width: 60px;}*/ .vision_wrap .stb_circle_con p{margin: 0 auto 10px;font-size: 20px;} .stb_circle_con span{font-size: 16px;line-height: 24px;} .cheating_process li p{font-size: 16px;} .cheating_process li p span{font-size: 14px;} .img_link_box{padding: 0 30px;} .img_link_box ul{padding-left: 30px;} .content_img_box.type1 .img{height: 320px;} .content_img_box.type2 .img{height: 300px;} .top_txt_box:after{width: calc(100% - 150px);} .cir_box .cir > ul > li{width: 310px;height: 310px;} .cir .univ{margin: 0 auto 15px;font-size: 26px;} .cir_box .center_txt li{width: 130px;height: 65px;} .collaboration_system .side_text{margin-top: 15px;} .box_list .cont{padding: 10px;} .box_list .cont li{ font-size: 15px;} .content_img_box.type1.ach .img{height: 230px;} .cont_line_box.img .img_wrap{width: 100%;height: 280px;margin-right: 0;margin-bottom: 20px;} .cont_line_box.img .text_wrap{width: 100%;} .line_step.no_box_bf.st7 > ul > li.step3:after{top: 103px;} .line_step.no_box_bf.st7 > ul > li.step6:after{top: 103px;} .content_img_wrap.cont_line_box2 li{display: block;} .content_img_wrap.box2 li .img{width: 100%;} .content_img_wrap.box2 li .text_box{margin-left: 0;width: 100%;margin-top: 25px;} /*조직도 0428수정*/ .administ_organiz .corporate_chart .root1 .branch_list1 .title{width:200px} .administ_organiz .type2 .corporate_chart .root2 .branch_list2:after {width: 18.9rem;} } @media only screen and (max-width:1120px){ .administ_organiz .type2 .corporate_chart .root2 .branch_list2:after{background: #e1e1e1;} .administ_organiz .type2 .corporate_chart .root2 .branch_list2 > li:after{background: #e1e1e1;} .administ_organiz .type2 .corporate_chart .root2 .branch_list2:after {width: calc(100% - 500px);} .founding_philosophy .stb_circle_con{height:auto;} .founding_philosophy .stb_circle_con ul{ flex-direction: column;} .founding_philosophy .stb_circle_con li { margin-left: 0;margin-right:0} .founding_philosophy .stb_circle_con li.col2 {margin-bottom: -20px;} .founding_philosophy .stb_circle_con li.col1 {margin-bottom: -20px;} } @media only screen and (max-width:1024px){ body{font-size:14px} .sub{overflow-x:hidden !important;} .pc{display:none !important} body.pc{display:block !important} /* PC 화면에서 pc -> mobile 로 리사이즈 시 화면 미노출되는 오류 임시 수정 */ .mob{display:block !important} .inner{padding:0 10px} .header{position: absolute;} .pop-open .header{position: fixed;} .header.scroll{height: auto;} .header > .inner > .box{padding:0;} .header .login_wrap{display:none;} .header .logo_wrap{left:10px;top:29px;} .header .logo, .header.scroll .logo, .search .header .logo{width:180px;height:16px;background-position:0 0;background-size:180px} .gnb_list{display: none;} .header .util { --el-right:10px; --el-top:10px; --el-btn-size:50px; --el-btn-menu:24px; --el-btn-menu-space:5px; } .header .util {top:var(--el-top);right:var(--el-right);margin-top:0;} .header .util .menu > a, .header .util .menu > a:hover{width:var(--el-btn-size);height:var(--el-btn-size);border-radius:100%;} .header .util .menu .icon {flex-direction:column;justify-content:center;} .header .util .menu i{display:block;width:var(--el-btn-menu);} .header .util .menu i + i {margin-top:var(--el-btn-menu-space);} .header .util .menu i:nth-child(2){width:var(--el-btn-menu)} .header .util .menu i:nth-child(3){width:var(--el-btn-menu)} .header .util .icon {width:var(--el-btn-size);height:var(--el-btn-size);} .header .util .search, .header .util .user_quick {display:none;} .header .util > li > a, .header.scroll .util > li > a {width:var(--el-btn-size);height:var(--el-btn-size)} .header .util .txt {transition:none;} /* 전체메뉴*/ .pop-open { --el-header-height:54px; --el-header-space:6px 50px 0 10px; --el-logo-wid:180px; --el-logo-height:16px; --el-btn-close-top:11px; --el-btn-close-right:10px; --el-btn-close-img-position:15px; --el-lang-icon:12px; --el-login-space:10px; --el-util-height:64px; --el-util-space:12px 30px; --el-util-btn-height:40px; --el-util-btn-fontSize:15px; --el-depth1-fontSize:18px; --el-depth1-wid:147px; --el-depth1-space:17px; --el-depth1-open-size:30px; --el-depth1-open-fontSize:15px; --el-depth2-fontSize:16px; --el-depth2-space:17px 30px 17px 0; --el-depth2-toggle-size:24px; --el-depth2-toggle-fontSize:10px; --el-depth2-toggle-top:15px; --el-depth3-fontSize:13px; --el-depth3-space:5px 8px; --el-depth3-margin:-9px; --el-depth3-margin2:10px; --el-bottom-fontSize:12px; --el-bottom-space:7px 15px; --el-bottom-padding:30px; } .pop-open .header > .inner {display:block;padding:0;} .pop-open .header > .inner > .box {position:-webkit-sticky;position:sticky;top:0;left:0;z-index:23;width:100%;padding:var(--el-header-space);justify-content:space-between;align-items: center;height:var(--el-header-height);background-color:#fff;border-bottom:2px solid #c8005f;} .pop-open .header .login_wrap .accd_cont {left:0;} .pop-open .header .logo_wrap {position:relative;top:0;left:0;} .pop-open .header .logo {width:var(--el-logo-wid);height:var(--el-logo-height);background-size:100% auto;} .pop-open .header .wrap_close_btn {top:var(--el-btn-close-top);right:var(--el-btn-close-right);z-index:23;background-image: url(/_res/postech/kor/img/common/gnb_close_ic.png);background-size:var(--el-btn-close-img-position) auto;} .pop-open .header .login_wrap {display:flex;position:relative;top:auto;left:auto;right:auto;} .pop-open .header .login_wrap a {color:#000 !important;font-weight:600;} .pop-open .header .login_wrap .login, .pop-open .header .login_wrap .lang {display:block;padding:0 var(--el-login-space);} .pop-open .header .login_wrap .lang > a:after {font-size:var(--el-lang-icon)} .pop-open .header .login_wrap .accd_cont li a {color:#fff !important;} .pop-open .header .util {display:flex;position:-webkit-sticky;position:sticky;top:0;right:0;transform:translateY(0);padding:var(--el-util-space);height:var(--el-util-height);background:#000;transition:none; --el-btn-size:auto; } .pop-open .header .util .search, .pop-open .header .util .user_quick {display:block;} .pop-open .header .util > li {flex:1;} .pop-open .header .util > li + li {margin-top:0;margin-left:3px;} .pop-open .header .util > li > a, .pop-open .header .util > li > a:hover {height:var(--el-util-btn-height);border-radius:20px;transition:none;} .pop-open .header .util > li.etc {display:none;} .pop-open .header .util .icon {display:none;} .pop-open .header .util .txt {margin-top:0 !important;font-size:var(--el-util-btn-fontSize) !important;font-weight:700;font-family:'Pretendard' !important;text-transform:capitalize !important;color:#fff;letter-spacing:-0.2px !important;} /* 전체메뉴 : 유틸메뉴 활성화 */ .gnb_open .header .util > .menu > a, .search-wrap-pop-open .header .util > li.search > a, .quick-wrap-pop-open .header .util .user_quick a {background-color:#66665c !important;border-color:#66665c !important;} /* 전체메뉴 : GNB */ .header .gnb_wrap {padding:calc(var(--el-header-height) + var(--el-util-height)) 0 0;height:calc(100% - var(--el-header-height) + var(--el-util-height));transform: translate(-100%,0);pointer-events:none;} .header .gnb_wrap .gnbg_swiper {display:none;} .header .gnb_wrap .inner {align-items:flex-start;padding:0;overflow:hidden;} .header .gnb_wrap .inner:after {content:'';display:block;position:absolute;top:0;left:var(--el-depth1-wid);bottom:0;right:0;background:#fff;} .header .gnb_wrap .gnb {padding:0;} .header .gnb_wrap .depth1:first-child > a {border-top:1px solid rgba(255,255,255,0.25);} .header .gnb_wrap .depth1 {width:var(--el-depth1-wid);} .header .gnb_wrap .depth1 > a {opacity:1;width:100%;padding-left:var(--el-depth1-space);border-bottom:1px solid rgba(255,255,255,0.25);font-size:var(--el-depth1-fontSize);font-weight:900;} .header .gnb_wrap .depth1 > a br {display:block;} .header .gnb_wrap .depth1 > a > span {position:relative;display:inline-block;max-width:calc(100% - 42px);word-break:break-word;} .header .gnb_wrap .depth1 > a > span:after {content:'';display:block;height:2px;width:0%;background:#fff;transition:0.3s;} .header .gnb_wrap .depth1 > a > span:before {content:'\f061';opacity:0;display:flex;justify-content:center;align-items:center;position:absolute;right:calc(var(--el-depth1-open-size) * -1);bottom:-1px;width:var(--el-depth1-open-size);height:var(--el-depth1-open-size);border-radius:50%;background-color:#c8005f;font-family:'Line Awesome Free';font-weight:400;font-size:var(--el-depth1-open-fontSize);line-height:var(--el-depth1-open-size);color:#fff;transform:translateX(0px);transition:0.3s;} .header .gnb_wrap .depth1 > a:before, .header .gnb_wrap .depth1 > a:after {display:none;} .header .gnb_wrap .depth1 > a:hover > span:after, .header .gnb_wrap .depth1.open > a > span:after {width:100%;} .header .gnb_wrap .depth1.open > a > span:before {opacity:1;transform:translateX(9px);} .header .gnb_wrap .depth1.open .depth2 {left:var(--el-depth1-wid);width:calc(100% - var(--el-depth1-wid))} .header .gnb_wrap .depth2 {display:block;position:fixed;align-content:flex-start;top:calc((var(--el-header-height) + var(--el-util-height)) - 1px);bottom:0;overflow-x:hidden;overflow-y:auto;min-height: 0;padding-bottom: 20px;} .header .gnb_wrap .depth2 > li {position:relative;width:100%;padding:0 0 0 2px;border-left:0;border-bottom:1px solid #e5e5e5;} .header .gnb_wrap .depth2 > li > button {display:block;position:absolute;top:var(--el-depth2-toggle-top);right:0;width:100%;height:var(--el-depth2-toggle-size);border-radius:50%;font-size:1px;color:transparent;user-select:none;} .header .gnb_wrap .depth2 > li > button:after {content:'\f107';display:flex;justify-content:center;align-items:center;width:var(--el-depth2-toggle-size);height:var(--el-depth2-toggle-size);font-family:'Line Awesome Free';font-size:var(--el-depth2-toggle-fontSize);font-weight:400;color:#333333;transform:rotate(0deg);transition:0.3s;margin-left: auto;border-radius: 50%;} .header .gnb_wrap .depth2 > li > a {display:block;padding:var(--el-depth2-space);font-size:var(--el-depth2-fontSize);font-weight:700;color:#000;} .header .gnb_wrap .depth2 > li > a.active {color:#c8005f;} .header .gnb_wrap .depth3 {display:none;padding:0;margin-top:var(--el-depth3-margin);margin-bottom:var(--el-depth3-margin2)} .header .gnb_wrap .depth3 > li {margin-top:0;} .header .gnb_wrap .depth3 > li > a {display:block;position:relative;padding:var(--el-depth3-space);font-size:var(--el-depth3-fontSize);font-weight:600;color:#666;} .header .gnb_wrap .depth1 .depth3 > li > a.active:before, .header .gnb_wrap .depth1 .depth3 > li > a:hover:before {content:'';display:block;position:absolute;top:0;bottom:0;left:0;margin:auto 0;width:3px;height:3px;border-radius:50%;background-color:#c8005f;} .header .gnb_wrap .depth1 .depth3 > li > a.active, .header .gnb_wrap .depth1 .depth3 > li > a:hover {color:#c8005f;text-decoration:underline;text-underline-offset:2px;} .header .gnb_wrap .depth2 > li.open {border-bottom:2px solid #c8005f;} .header .gnb_wrap .depth2 > li.open > button:after {transform:rotate(180deg);background-color:#f3f2ee;} .header .gnb_wrap .depth2::-webkit-scrollbar {display:none;} .pop-open .header .gnb_wrap {pointer-events:all;} /* 전체메뉴 : 하단영역 */ .pop-open .header .bottom_link {display:none;left:0;right:auto;padding-bottom:var(--el-bottom-padding)} .header .bottom_link .sns_gp {display:none;} .header .bottom_link .link_gp {display:block;text-align:left;} .header .bottom_link .link_gp a {padding:var(--el-bottom-space);border-radius:0;border:0;font-size:var(--el-bottom-fontSize);font-weight:700;} .header .bottom_link .link_gp li + li {margin-left:0;} /* 전체메뉴 : 검색영역 */ .search_w{margin: 80px auto 0;} .search_w .inbox{height: auto;padding:30px 20px;} .search_w .inner{padding: 0;} .search_w .group{width: 100%;padding-bottom: 10px;} .search_w input[type="text"]{height: 50px;padding-right: 75px;font-size: 20px;} .search_w .remove_btn{right: 38px;} .search_w .input_box .input .search_btn{right: 0px;width: 30px;height: 30px;background-size: 25px auto;} .search_w .title{height: 38px;font-size: 14px;line-height: 38px;} .search_w .title span{padding-left: 26px;background-size: 18px auto;} .search_w .recomm{width: 100%;padding-top: 10px;} .search_option{margin-left: 0;} .search_option_wrap{padding: 10px 20px;} .search_option_wrap dt{width: 40px;font-size: 14px;} .auto_search {top: 47px;padding: 20px 15px;} .search_total_box p{padding: 28px 16px;border-bottom:2px solid #000;font-size: 22px;line-height: 32px;} .search .content_wrap{border-top:0;} .search .con-box.bottom_line{padding-bottom: 40px;} .h4_tit_box{padding-bottom: 20px;} .more_btn{height: 35px;padding: 0 14px;line-height: 35px;} .info_list > ul > li{width: 100%;margin-right: 0; } .info_list > ul > li:nth-child(2n){margin-right: 0;} /* 통합검색 : LNB */ .search .lnb {display:block;position:relative;padding-top:0;margin-top:40px;width:100%;border-top:none;} .search .lnb > button {display:block !important;position:relative;border-top:1px solid #000;border-bottom:1px solid #000;width:100%;height:52px;background:#c51064;color:#fff;font-size:15px;font-weight:700;letter-spacing:-0.5px;} .search .lnb > button:after {content:'\f107';position:absolute;top:50%;right:20px;width:auto;height:auto;background:none;font-family:'Line Awesome Free';font-size:12px;transform:translateY(-50%)} .search .lnb > ul {display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:2;padding:20px 22px;background:#fff;border:1px solid #000000;border-radius:10px;} .search .lnb > ul > li {padding:0;margin:0;} .search .lnb > ul > li > a {position:relative;display:block;padding:5px 0;margin:0;font-size:14px;font-weight:600;line-height: 20px;} .search .lnb > ul > li > a:before {display:none;} .search .lnb > ul > li > a.on {font-weight:700;text-decoration:underline;text-underline-offset:2px;} .search .lnb > ul > li > a.is {padding-bottom:5px} .search .lnb > ul > li > a.is:after {content:'\f107';position:absolute;top:50%;right:0;margin:0;width:auto;height:auto;background:none;font-family:'Line Awesome Free';font-size:10px;transform:translateY(-50%);line-height:1;} .search .lnb > ul > li.on > a.is:after {content:'\f106';} .search .lnb > ul > li > a:hover {color:#000;} .search .lnb .menu_box {padding:0;} .search .lnb .menu_box a {position:relative;padding:5px 5px 5px 7px;font-size:13px;} .search .lnb .menu_box a:before {content:'';display:block;position:absolute;left:0;top:13px;width:2px;height:2px;border-radius:50%;background:#666;} .search .lnb .menu_box a.on:before {width:2px;height:2px;background:#c51064;} .search .lnb .menu_box a:after {display:none;} .search .lnb.open > button:after {content:'\f106';} .search .lnb.open > ul {display:block;} .cont_line_box2 .btn_box.flex_btn_m{display:flex;} .cont_line_box2 .btn_box.flex_btn_m a + a{margin-top: 0;margin-left: 10px!important;} .cont_line_box.btn_type .btn-box.flex_btn_m{display: flex;align-items: flex-end;justify-content: flex-start;gap: 0 5px;} .info_list.contact > ul > li a{padding: 20px;} .info_list.site li{background-position: top 20px right 20px;} .info_list.site a{padding: 20px;} .info_list .name{font-size: 20px;}f .info_list .cont li{font-size: 15px;} .info_list.contact dl{padding-top: 20px;} .search .page_list > ul > li{padding: 20px 0} .search .page_list .h5_title{padding-bottom: 12px;font-size: 18px;line-height: 20px;} .search .page_list > ul > li > p{font-size: 15px;line-height: 24px;} .no_result{padding: 40px 20px;} .no_result .txt1{padding-top: 65px;font-size: 20px;background-size: 40px auto;} .no_result .txt2{font-size: 15px;line-height: 20px;} .no_result .txt2 + .txt2{padding-top: 10px;} .my_search_box{width: 100%;margin-left: 0;padding: 20px;border-left: none;} .my_search_box strong{padding-left: 27px;background-size: 16px auto;} .search-wrap .input_box {display:block;} .search_option{padding: 0 18px;} .search_w .check{margin-left: 14px;} .search_w .check .txt:before{width: 15px; height: 15px;margin-right: 7px;} .search_w .tooltip{padding-left: 25px;margin-left: 16px;} .cont_wrap.my .search_con_wrap .con-box.bottom_line .ul-type-dot.menu li{ position: relative;} .cont_wrap.my .search_con_wrap .con-box.bottom_line .ul-type-dot.menu li:before{content: '';display: inline-block;width: 3px;height: 3px;border-radius: 100%;background: #000000;vertical-align: middle;position: absolute;top: 12px; left: 3px;} .cont_wrap.my .search_con_wrap {width:100%;} .cont_wrap.my .search_con_wrap .info_list.contact > ul{display: block !important} .cont_wrap.my .search_w .recomm{overflow-x: auto; white-space: nowrap;scrollbar-width: none;} .cont_wrap.my .search_w .rcmdResult{top: 47px;} /* 전체메뉴 : 퀵메뉴 */ .quick-menu-wrap{overflow-y: auto;height:calc(100vh - (var(--el-header-height) + var(--el-util-height)));margin-top:calc(var(--el-header-height) + var(--el-util-height));} .quick-menu-wrap .inner{height:100%;padding: 0 15px;} .quick-menu-wrap h3{display:none} .quick-menu-wrap .menu_box > ul > li{flex: auto;width: 100%;position: relative;;padding-left: 0;padding-right: 0;border-bottom:1px solid rgba(255,255,255,.15);border-left: none;cursor: pointer;} .quick-menu-wrap .menu_box > ul > li:last-child{border-right: none;} .quick-menu-wrap .menu_box > ul > li:after{content:'';position: absolute;top: 15px;right: 8px;width: 24px;height: 24px;border-radius: 100%;background: url(/_res/postech/kor/img/common/arrow_wh_ic.png) 50% 50% no-repeat;background-size: 9px auto;transition-duration: .2s} .quick-menu-wrap .menu_box > ul > li.active:after{transform: rotate(180deg);background-color:#c8005f} .quick-menu-wrap .menu_box p{padding-top: 15px;padding-bottom: 15px;font-size: 18px;background-position: 0 50%;} .quick-menu-wrap .menu_box .menu1 p{padding-left: 43px;background-size: 29px auto;} .quick-menu-wrap .menu_box .menu2 p{padding-left: 41px;background-size: 24px auto;} .quick-menu-wrap .menu_box .menu3 p{padding-left: 41px;background-size: 26px auto;} .quick-menu-wrap .menu_box .menu4 p{padding-top:15px;padding-left: 42px;background-size: 28px auto;} .quick-menu-wrap .menu_box .menu5 p{padding-left: 40px;background-size: 23px auto;} .quick-menu-wrap .menu_box a{display: block;position: relative;margin: 8px 0;font-size: 14px;line-height: 24px;} .quick-menu-wrap .menu_box a:hover:before, .quick-menu-wrap .menu_box a:hover:after{content:none;} .quick-menu-wrap .menu_box a.active:before{content:'';position: absolute;top: 50%;left: -10px;transform: translateY(-50%);width: 3px;height: 3px;border-radius: 100%;background: #aaaaaa;} .quick-menu-wrap .menu_list{display:none;padding-left: 50px;padding-bottom: 12px;} .content_box .standard_wrap .title_wrap{display: block;margin-bottom: 0;} .con-box.sc_none .table-wrap{overflow: auto;} .contact_wrap .dl_con_box dl{display: block;} /* 푸터 */ footer{margin-top:10px;} .footer_wrap{display:block;padding:var(--footer-space); --footer-space:28px 20px 40px; --footer-link-btn-fontSize:13px; --footer-link-btn-height:40px; --footer-link-icon-fontSize:14px; --footer-outlink-space:20px; --footer-top-space:28px; --footer-sns-size:23px; --footer-sns-space:6px; --footer-bottom-margin:9px; --footer-bottom-margin2:24px; --footer-bottom-padding:25px; --footer-bottom-padding2:16px; --footer-addr-space:15px 0 0; --footer-addr-tdt-space:5px 0; } .footer_wrap .footer_link{display:block;position:relative;width:100%;top:0;left:0;right:auto;padding:0;border-radius:0;background:none} .footer_wrap .footer_link::before, .footer_wrap .footer_link::after{display:none} .footer_wrap .footer_link .accd_wrap{width:100%;} .footer_wrap .footer_link .accd_head{justify-content:center;height:45px;width:100%;padding:0 20px;font-size:14px;text-align:center} .footer_wrap .footer_link .accd_wrap + .accd_wrap{margin-left:0;margin-top:5px} .footer_wrap .footer_link .accd_head span, .footer_wrap .footer_link .accd_head::after{display:inline-block;position:static} .footer_wrap .footer_link .accd_head::after{width:12px;margin:0;margin-left:8px;background-size:100%} .footer_wrap .footer_link .link_btn {justify-content:center;font-size:var(--footer-link-btn-fontSize);width:100%;height:var(--footer-link-btn-height);border:1px solid #fff;background:transparent;} .footer_wrap .footer_link .link_btn span:after {position:static;transform:none;} .footer_wrap .menu_gp{display:none} .footer_wrap .footer_link .accd_cont{top:48px;} .footer_wrap .footer_link .accd_wrap.active .accd_cont{z-index:10} .footer_wrap .out_link{display:block;width:100%;max-width:350px;margin:0 auto;padding:0;} .footer_wrap .out_link ul{display:block;width:100%;text-align:center} .footer_wrap .out_link li{display:inline-block;width:auto;margin-bottom:var(--footer-outlink-space);} .footer_wrap .out_link li + li::before{content:'';display:inline-block;width:1px;height:10px;background:#333} .footer_wrap .out_link li:nth-child(4n)::before{display:none} .footer_wrap .out_link a{display:inline-block;padding:0 12px;font-size:14px;color:#666} .footer_wrap .out_link a::before{display:none} .footer_wrap .out_link .str a {color:#fff;} .footer_wrap .footer_top {width:100%;margin-top:var(--footer-top-space)} .footer_wrap .footer_bottom{display:flex;width:100%;flex-direction:column-reverse;margin-top:var(--footer-bottom-margin);padding-top:var(--footer-bottom-padding);border-top:1px solid #808080} .footer_wrap .sns_wrap{display:flex;align-items:center;justify-content:space-between;padding:0 20px} .footer_wrap .sns_wrap .tit{font-weight:600} .footer_wrap .footer_bottom .footer_info{display:block;margin-top:var(--footer-bottom-margin2);padding-top:var(--footer-bottom-padding2);border-top:1px solid #808080;text-align:center} .footer_wrap .footer_bottom .logo{width:110px;height:30px;margin:0 auto;background-size:100%;} .footer_wrap .footer_bottom .addr {margin:var(--footer-addr-space);} .footer_wrap .footer_bottom .addr span{display:block;margin:var(--footer-addr-tdt-space);font-size:12px;letter-spacing:0;} .footer_wrap .footer_bottom .addr br {display:none;} .footer_wrap .sns_gp a {width:var(--footer-sns-size);height:var(--footer-sns-size);background-size:100% auto;} .footer_wrap .sns_gp li + li {margin-left:var(--footer-sns-space);} .eng .footer_wrap .footer_link{width:100%;} .eng .footer_wrap .out_link li{vertical-align: middle;} .rnd_cn{right:0;border-radius:50px 0 0 50px} .rnd_cn::before{top:2px;left:-23px;height:50px;background-size:auto 100%} .rnd_cn::after{right:0} .rnd_box.bottom .rnd_cn::before{left:-25px;width:50px;height:50px;background-size:auto 100%} .rnd_box.bottom .rnd_cn::after{right:0} .str_txt1 + .btn-box{ margin-top: 20px;} .btn-box.flex_box.a3 a:first-child{margin-left:5px;} .depart_list .contact{flex:auto;max-width: 100%;width: 100%;margin-top: 20px;margin-right: 0;} .side_layer_wrap{right: 0;bottom:0;width: 100%;height:auto; box-shadow:none;} .depart_title .side_layer_close{display: none;} .cont .side_layer_close {top: 10px;right: 5px;width: 35px;height: 35px;background-size: 16px auto;} .depart_title{height: auto;padding:20px} .depart_title p{font-size: 50px;line-height: 50px;letter-spacing: -.2px;} .pop_cont > .cont{padding:20px 10px 50px 20px} .pop_cont .type{padding-bottom: 20px;} .pop_cont .type span{height: 30px;font-size: 13px;line-height: 30px;} .pop_cont h3{font-size: 36px;line-height: 40px;} .pop_cont .en_tit{padding-top: 8px;font-size: 15px;line-height: 18px;} .pop_cont .info_txt {padding: 30px 0;font-size: 15px;line-height: 24px;} .pfo_info_box{margin-bottom: 30px;} .pfo_info_box .txt {padding-right: 15px;font-size: 14px;} .pfo_info_box .txt span{font-size: 18px;} .info_cont .contact dl{width: 100%;padding: 10px;} .info_cont .contact dl:nth-child(2n){border-top: none;} .homepage_link_btn{margin: 30px auto 40px;font-size: 18px;} .homepage_link_btn:hover:after, .homepage_link_btn:after{width: 40px;height: 40px;right: -48px;background-size: 18px auto;} .homepage_link_btn:hover span:after{width: 0;} .accordion_wrap .head a{padding: 15px 10px;} .accordion_wrap .head a:after{width:14px;background-size: 14px auto;} .accordion_wrap .head p{font-size: 20px;line-height: 28px;} .accordion_wrap .cont{padding:15px 10px;} .accordion_wrap .field{font-size: 0;} .accordion_wrap .field li{height: 36px;padding: 0 12px;font-size: 14px;line-height: 36px;} .research_info .gray_con_box{flex:auto;width: 100%;} .research_info .gray_con_box + .gray_con_box{margin-top: 10px;margin-left: 0;} .slide_top{padding-top: 20px;} .slide_top .s_title{font-size: 18px;} .accordion_wrap .txt{font-size: 15px;line-height: 22px;} .accordion_wrap .txt + .txt {padding-top: 15px;} .video_slide .swiper-slide .txt{font-size: 15px;line-height: 20px;} .flex_box .tab-box.dls{flex:auto;width: 100%;} .flex_box .tab-box.dls li{width: calc(50% - 2px);} .flex_box .tab-box.dls li:last-child{margin-right: 0;} .depart_list li{position: relative;padding: 20px 10px;} .depart_list .logo{width: 40px;height: 40px;margin-right: 10px;flex-shrink: 0;} .depart_list .title_box{width: 90%;} .depart_list .title{font-size: 18px;min-width:0px;} .depart_list .homepage{position: absolute;top: 20px;right: 10px;font-size: 0;text-indent: -9999em;} .flex_box .search_form{flex: auto;width: 100%;margin-top: 20px;} .depart_list .homepage{min-width: 50px;} .guide_info_box li{flex:auto;width: 100%;height:auto;padding:30px 20px;background-position: center right 20px;} .guide_info_box li + li{margin-top: 20px;margin-left: 0;} .guide_info_box li.col1{background-size: 70px auto;} .guide_info_box li.col2{background-size: 50px auto;} .guide_info_box li strong{font-size: 20px;line-height: 28px;} .guide_info_box li .link_btn{margin-top: 20px;} .cont_line_box2 li{padding: 30px 0;} .cont_line_box2 .img{width: 100%;height: 260px;} .cont_line_box2 .text_wrap{width: 100%;margin-left: 0;margin-top: 20px;} .cont_line_box2 .exp_tit + .con-p{margin-top: 10px;} .cont_line_box2 .btn_box{display: block;margin-top: 20px;} .cont_line_box2 .btn_box a{margin:0} .cont_line_box2 .btn_box a + a{margin-top: 10px;;} .flex_box .contact_wrap.type2{flex:auto;width: 100%;height:auto;padding: 20px;} .flex_box .contact_wrap.type2 + .contact_wrap.type2{margin-top:10px;margin-left: 0;} .flex_box .contact_wrap.type2.sns:nth-child(2){ padding: 20px;} .contact_wrap.type2 li{font-size: 15px;} .contact_info.type2{padding: 20px;} .contact_info.type2 .str_txt5{width: 100%;} .contact_info .info{padding-left: 0;padding-top: 20px;} .contact_info .info dt{width: 100px;} .contact_info .info .ic1{background-size: 17px auto;} .contact_info .info .ic2{background-size: 15px auto;} .research_infra_wrap .content_img_wrap.box1 .img img{width: 100%; height: 100%;background-size: cover;} .research_infra_wrap .infra_list li .img.logo img{width: 100%;height: 100%;object-fit: contain;} .content_img_wrap.box2 li:nth-child(2) .img.logo{height: 240px;background: #ffffff;} .research_infra_wrap .infra_list li .img.logo img{object-fit: none;} .cont_line_box.btn_type .btn-box{display: block; margin-top: 20px;} .cont_line_box.btn_type .btn-box a{margin:0} .cont_line_box.btn_type .btn-box a + a{margin-top: 10px;;} .guide_con_img_box{height: auto;padding: 40px 20px} .guide_con_img_box p{font-size: 22px;letter-spacing: -.4px;line-height: 30px;} .guide_con_img_box .link_btn{margin-top: 15px;} .contact_wrap.sns.type2 li{padding:1px 0 2px 25px} .contact_wrap.sns .box > div{width: 100%;} .contact_wrap.sns .logo{margin-bottom: 20px;;} .contact_wrap .box.c1 .logo{width: 90px;margin: 0 auto 20px;} .contact_wrap .box.c2 .logo{width: 70px;margin: 0 auto 20px;} .contact_wrap.type2 .text{margin-top: 0;} .content_img_wrap.box1 .img{height: 350px;} .content_img_wrap.box2 .img{margin-right: 30px;} .content_img_wrap.box2 .text_box {width: calc(60% - 8px);} .content_img_wrap.infra_list li{display:block} .content_img_wrap.infra_list .img{margin-right: 0;margin-bottom: 40px;width: 100%;object-position: 50% 35%;} .symbol{display: block;} .symbol_circle ul{display: block;} .symbol_circle .col1{margin-right:0} .symbol_circle .col3{margin-left:0} .symbol_circle ul{display: table;height: auto;margin: auto;} .symbol_circle .col1{margin-bottom: -30px;} .symbol_circle .col3{margin-top: -30px;} .administ_organiz .con-box.tab_con .mark-p{right: 20px;} .img_cont_info_wrap .slide{width: 100%;margin-right: 0;margin-bottom: 20px;} .img_cont_info_wrap .text_wrap{width: 100%;} .img_cont_info_wrap .exp_tit{line-height: 30px;} .img_cont_info_wrap .slide{height: 280px;} .img_cont_info_wrap .swiper .img:before{background-color: rgba(0,0,0,.8);background-image: none;} .img_cont_info_wrap .swiper .text_box .str_txt2{width: 100%;} .img_cont_info_wrap .swiper .text_box span{display: block;padding-bottom: 10px;} .img_cont_info_wrap .swiper .text_box .ul-type-dot{display: block;padding-top: 12px;} .con_r_list .img_wrap{height: 310px;} .con_r_list li .text_bottom{padding: 20px;} .amenities_list.subj li{width: calc(50% - 8px);margin-right: 15px;padding: 20px;} .amenities_list.subj li:nth-child(3n){margin-right: 15px;} .amenities_list.subj li:nth-child(2n){margin-right: 0;} .amenities_list.subj li:nth-child(n+3){margin-top: 15px;} .pre_box{ margin-top: 20px;} .profile_img_box { width: 250px; height: 250px;margin-right: 60px;} .pre_top_txt{font-size: 32px;} .pre_box .txt{font-size: 18px;} .pre_box.profile_wrap{background:none} .cont_img_box .img{border-radius: 10px;} .cont_img_box .img + .img{margin-top: 10px;margin-left:0;} .greeting_wrap .cont_img_box .img.img1, .cont_img_box.type1 .img.img1{width:100%;height: 195px;} .cont_img_box.img1 .img{width:100%;height:200px;} .greeting_wrap .cont_img_box .img.img2, .cont_img_box.type1 .img.img2{display:none;margin-top:0;width: 100%;height: 195px;} .cont_img_box.type1 .img .text, .cont_img_box.img1 .img .text{left: 15px;bottom: 15px;} .cont_img_box.type1 .img .txt1{padding-bottom: 5px;font-size: 15px;line-height: 18px;} .cont_img_box.type1 .img .txt2, .cont_img_box.img1 .img .txt2{font-size: 32px;line-height: 28px;} .cont_img_box.type2 .txt1{font-size: 18px;} .cont_img_box.type2 .img .txt2{font-size: 40px;line-height: 34px;} .con-p + .cont_img_box {margin-top: 20px;} .cont_img_text_box .cont_img_box{width:100%;margin-right: 0;} .cont_img_text_box .cont_img_box .img{width:100%;height: 290px;} .cont_img_text_box .text{left: 20px;} .cont_img_text_box .right_text{width:100%;margin-top: 20px;} .cont_img_text_box .info_txt{font-size: 20px;line-height: 28px;} .cont_img_text_box .cont_img_box .img .txt1{ font-size: 24px;} .cont_img_text_box .cont_img_box .img .txt2{font-size: 64px;line-height: 54px;} .img_con_wrap .img{width: 100%;height: 260px;margin-right: 0;margin-bottom: 20px;} .img_con_wrap .text_wrap{width: 100%;} .img_con_wrap .num{padding-bottom: 5px;font-size: 16px;} .img_con_wrap .title{padding-bottom: 15px;font-size: 24px;line-height: 30px;} .tech_transfer li{flex:auto;width:100%;} .tech_transfer li + li:before{display: block;position: static;transform: initial;width: 100%;height: 0.5px;margin: 20px 0;} .tech_transfer p{font-size: 20px;line-height: 20px;} .tech_transfer .str_txt1{font-size: 16px;line-height: 22px;} .exp_tit + .cont_img_box{margin-top:30px;} .cont_img_box + ol.col-text{margin-top: 35px;} ol.col-text li{font-size: 16px;line-height: 24px;} ol.col-text li span{ width: 60px;height: 40px;margin-right: 10px;font-size: 16px;line-height: 40px;} .stb_circle_con{height: auto;margin:auto;background:none;} .stb_circle_con:before{display: block;position: static;transform: initial;margin: 20px auto;height: 30px;} .stb_circle_con ul{display: table;height: auto;margin: auto;} .stb_circle_con li{flex: auto;max-width: 250px;height: 250px;border-radius: 100%;border: 2px solid #000000;} .stb_circle_con li.col1{margin:0;background:#ffb027;} .stb_circle_con li.col2{background:#c8005f;margin-top: -20px;mix-blend-mode: multiply;} .stb_circle_con li.col3{margin:0;background:#74695f;margin-top: -20px;mix-blend-mode: multiply;} .stb_circle_con span{width: calc(100% - 100px);margin: auto;font-size: 16px;line-height: 22px;} .stb_circle_con p{margin: 0 auto 15px;font-size: 24px;} .greeting_wrap .top_info_text{font-size: 24px;line-height: 34px;} .greeting_wrap .from{padding-top: 15px; padding-bottom: 20px;font-size: 18px;} .greeting_wrap .cont_img_box .img .txt1{font-size: 24px;line-height: 28px;} .greeting_wrap .cont_img_box .img .txt2{font-size: 60px;line-height: 48px;} .greeting_wrap .text_cont strong{font-size: 20px;} .greeting_wrap .text_cont p{padding: 25px 0;font-size: 16px;line-height: 26px;} .step_box {padding-bottom: 50px;} .step_box li{width: 100%;height: 50px;padding: 0 20px;font-size: 16px;} .step_box li + li{margin-left: 0;margin-top: 50px} .step_box li + li:before{left: 50%;top: -34px;transform: rotate(90deg);} .agree_box .con{padding: 25px 20px;} .agree_box .con h5{padding-bottom: 20px;font-size: 20px;} .agree_box dl + dl { padding-top: 15px;} .agree_box dt{font-size: 16px;} .agree_box dd{margin-top: 8px;font-size: 14px;line-height: 24px;} .agree_box .check .txt{font-size: 17px;} .agree_box .check .txt:before{width: 36px;height: 36px;} .con_le .con-box{padding: 30px 20px;} .h3-tit01{padding: 0 0 15px 0;font-size: 35px;font-weight: 700;} .h3-tit01 span{font-size: 25px;} .con_le .tab-box{max-width: 100%;} .con_le .tab-box li{ flex: auto;width: calc(50% - 4px);} .con_le .tab-box li:nth-child(n+3){margin-top:15px;} .con_le .tab-box ul li a span{padding: 10px;} .con_le .con1{padding-left: 20px;padding-right:20px;padding-bottom: 40px;} .con_ri{top: 20px;right: 20px;width: 120px;height: 120px;border-radius: 50%;overflow: hidden;background:#fff;} .con_ri > img {width:100%;height:100%;object-fit:cover;object-position:top;} .con_le .name{padding-right: 140px;font-size: 36px;line-height: 1.15;} .con_select .con_le .item .h4_title{line-height: 1;} .con_le .name span{font-size: 20px;} .homepage_btn{display: table; margin-top: 8px;} .he01 .item + .item{margin-top: 30px;} .he01 .con1 .ul-type-dot li{font-size: 16px;} .he01 .con1 .ul-type-dot li + li{margin-top: 5px;} .content_coverage {padding:20px 20px 40px;} .content_coverage .h4-tit01 {font-size:6.4vw;line-height:8.5333vw;} .content_coverage .con-box04 .h4-tit01{ padding-bottom: 25px; font-size: 24px; line-height: 1;} .exchange li{width: calc(50% - 16px);} .exchange li:nth-child(n+3){margin-top: 35px;} .exchange .thumb{height: 230px;} .text-overlay{top: -17px;left: -3px;font-size: 190px;} .mac .text-overlay {top: -30px;} .content-box.he01 .text-overlay{top: 0; left: -3px;font-size: 190px;line-height: 160px;} .line_step{max-width: 100%;} .line_step ul{max-width: 100%;} .line_step > ul > li{position: relative;width:100%;margin-right:0;} .line_step li:last-child{margin-right: 0;} .line_step p{font-size: 16px;} .line_step .box{height: 100%;padding:20px;background-position: top 20px center !important;;} .line_step .box > div, .line_step.steps5_2 > ul > li{width: 100%;text-align: center;} .line_step .box > div{padding-top: 50px !important} .line_step .ic1 .box > div, .line_step .ic2 .box > div, .line_step .ic3 .box > div, .line_step .ic4 .box > div, .line_step .ic5 .box > div, .line_step .ic6 .box > div, .line_step .ic7 .box > div, .line_step .ic8 .box > div, .line_step .ic9 .box > div, .line_step .ic10 .box > div, .line_step .ic11 .box > div, .line_step .ic12 .box > div{padding-top: 50px;} .line_step.no_ic .box > div{padding-top: 0 !important;} .line_step.vertical .box{max-width: 100%;margin-right: 0;} .line_step .mark-p{display: table;} .line_step.type .box > div{padding-top: 0 !important;} .line_step.type .box{padding: 20px;} .line_step.type .type_box{margin-top: 5px;} .line_step.type .type_box span{display: inline-block;} .line_step .con-p{margin: 0 10px 0 10px;} .line_step .con-p{font-size: 14px;} .line_step.vertical.wid_stype1 .exp_box .txt, /*.line_step.vertical.wid_stype2 .exp_box .txt{padding-top: 12px;}*/ .line_step.vertical.wid_stype2 .box{max-width: 100%;} .line_step .link_btn{margin: 20px auto 0;} .cont_line_box .h5_title{z-index: 20;margin-bottom: 10px;} .cont_line_box .h5_title.ic1{padding: 1px 0 1px 48px;background-size: 35px auto;} .cont_line_box .h5_title.ic2{padding: 2px 0 2px 44px;background-size: 30px auto;} .cont_line_box .h5_title.ic3{padding: 2px 0 2px 40px;background-size: 23px auto;background-position: 3px 50%;} .cont_line_box .h5_title.ic4{padding: 4px 0 4px 46px;background-size: 32px auto;} .cont_line_box .box.no_flex .h5_title{padding-bottom: 10px;} .cont_line_box .box{position: relative;} .cont_line_box strong{font-size: 16px;line-height: 24px;} .cont_line_box dt{padding-bottom: 10px;font-size: 16px;} .cont_line_box dt span{width:auto;padding-right: 10px;} .cont_line_box.pl_type dd{width:100%;flex: auto;} .cont_line_box .right_text{position: absolute;bottom: 20px;right: 20px;font-size: 68px;line-height: 54px;} .cont_line_box .num_con li + li{padding-top: 5px;} .cont_line_box .num_con span{width: auto;padding-right: 10px;} .cont_line_box.qu > ul > li{padding: 20px 15px;} .cont_line_box .q_txt{width: auto;margin-top: 0px;padding-right: 10px;font-size: 20px;} .cont_line_box .str_txt5{width: calc(100% - 31px);} .cont_line_box.qu .con-p{padding-top: 15px;} .cont_line_box.cousl .str_txt5 {font-size: 18px;} .cont_line_box.comm .box.no_flex .h5_title {padding-bottom: 0px;} .con-p + .gray_con_box{margin-top: 20px;} .str_txt1 + .gray_con_box {margin-top: 20px;} .startup_step > ul > li{width: 100%;margin-right: 0;} .startup_step > ul > li:nth-child(n+2){margin-top: 15px;} .startup_step > ul > li > div{padding:18px} .startup_step .title{font-size: 18px;} .startup_step .head > div{flex:auto;width:100%} .startup_status .num{display: flex;align-items: center;} .startup_step .head .type{margin-top: 5px;margin-left: 0;margin-right: 5px;} .startup_status li{width: 100%;height: auto;padding: 20px;margin-right: 0;} .startup_status li:nth-child(2n){margin-right: 0;} .startup_status li:nth-child(n+2){margin-top:10px} .startup_status .num span{font-size: 45px;line-height: 40px;} .map{height: 320px;} .map_info_box .text_box{padding: 30px 20px;} .map_info_box .text_box dt{width: 100%;font-size: 15px;} .map_info_box .text_box dd{ padding-top: 10px;font-size: 15px;} .contact_info dl{font-size:15px;line-height: 20px;} .img_con_info_list > ul > li{width:100%;margin-right: 0;} .img_con_info_list > ul > li:nth-child(n+2){margin-top:30px} .img_con_info_list.tsf > ul > li{height:610px;margin-right: 20px;} .img_con_info_list.tsf .img {height: 360px;} .img_con_info_list .img{height: 240px;margin-bottom: 20px;} .img_con_info_list .h5_title{padding-bottom: 20px;} .key_title{font-size: 54px;line-height: 54px;} .key_title + .exp_tit{margin-top: 10px;} .h4_title.star:after{margin-left: 5px;font-size: 18px;} .write_form textarea{min-height: 150px;margin: 10px 0;} .write_form dl{width: 100%;display:block;} .write_form dt{width: 100%;padding-bottom: 10px;} .write_form .address .input1{width:100%;} .write_form .address .input1 .btn{min-width: 0;} /*.write_form .email input[type="text"]{ flex: auto;}*/ .write_form .email .select{width:100%;} .write_form .email .select:not(first-child) {margin-top:10px;} .write_form .email .select:nth-child(3):last-child {width:auto;margin-top:0;} .write_form .email .txt{display:block;/*margin: 10px auto;*/} .write_form .email .txt:empty {margin:0;} .write_form.add_child li{justify-content: end;padding: 10px 0;} .write_form.add_child li + li{border-top:1px solid #111;} .write_form.add_child .num{width: 50px;} .write_form.add_child .sel1{flex: 1;} .write_form.add_child .sel2, .write_form.add_child .sel3, .write_form.add_child .input1{width: calc(100% - 50px);} .write_form.add_child .remove{width: calc(100% - 50px);} .write_form .remove_btn{width:100%;} .write_form .add_btn{width:100%;} .etc_box{/*height: 140px;*/height:auto;} .date_exp{padding: 4px 0 4px 38px;font-size: 16px;background-size: 28px auto;} .date_exp + .mark-p{margin-left: 44px;} .score_exp{padding: 3px 0 3px 38px;font-size: 16px;background-size: 28px auto;} .info_dl_wrap{padding: 20px;} .info_dl_wrap dt{width: 100%;margin-bottom:10px;} .info_dl_wrap + .ul-type-dot{margin-top: 20px;} .popup{max-width:100% !important} .popup .cont{padding:20px 20px 0;} .popup .head .close_btn{width: 60px;height: 60px;} .popup .btn_wrap .btn {width: calc(100% - 40px);height: 45px;font-size: 15px;} .popup.map_info .btn_wrap {padding: 27px 0 19px;} .popup.map_info .btn_wrap .btn{font-size: 15px;height: 45px;border-radius: 25px;min-width: 150px;} .img_info_wrap .col{padding-bottom: 5px;font-size: 16px;} .img_info_wrap .name{font-size: 20px;} .img_info_wrap .period{margin-top: 5px;font-size: 14px;} .popup .head.no_title + .cont {margin-top: -20px;} .img_info_wrap{justify-content: center;} .president .box{margin-top: 20px;} .president .text_box{width: 100%;text-align: center;} .img_info_wrap .img{margin-right: 0;margin-bottom: 20px;} .president table{min-width: 500px;} .president .ul-type-dot .period{width: calc(100% - 3px);font-size: 15px;line-height: 22px;} .president .ul-type-dot .txt{width: 100%;font-size: 15px;line-height: 22px;} .president .ul-type-dot.type li{padding-left: 0;} .president .ul-type-dot.type li .period{width: calc(100% - 10px);;} .president .ul-type-dot.type li .txt{padding-left: 10px;} .video_wrap.brochure{height: 51.9607vw;} .video_wrap.brochure + .gray_con_box{padding: 20px 10px 60px 20px;background-position: bottom 20px right 20px;background-size: 194px auto;} .brochure_box li{flex: auto;width: 100%;padding: 20px;} .brochure_box li + li{border-left: none;border-top: 1px solid #e0e0e0;} .brochure_box li .thumb{height: 400px;} .brochure_box li a{margin: 20px auto 0;} .gray_con_box .title{margin-bottom: 15px;font-size: 18px;} .cal_top_box{position: static;} .cal_top_box .tab-box{flex: auto;width: 100%; } .cal_top_box .off + .tab-box{margin-top: 80px;} .cal_top_box .tab-box li{flex:1;text-align: center;} .cal_top_box .tab-box .month:after{position: absolute; left: 50%;transform: translateX(-50%);margin: 0;} .cal_top_box .box{width:100%;} .cal_top_box .year_type{padding-bottom: 20px;} .cal_top_box .year_type .ctrl{margin-top: -48px;} .cal_top_box .select{flex:1;} .cal_top_box .select.year:after{height: 42px;top: 1px;} .cal_top_box select{min-width: auto;height: 45px;font-size: 18px; text-align: center;} .cal_top_box .year select{width:100%;} .cal_top_box .month select{width:100%;} #month_calendar .fc-toolbar-chunk{left: 50%; transform: translateX(-50%);top: -92px;width: 100%;} #month_calendar .fc-today-button{width: 100%; font-size: 16px;height: 40px;} .cal_top_box .ctrl{justify-content: space-between;width:100%;margin-top: 20px;} .cal_top_box .box.mon_type:after, .cal_top_box .box.year_type .ctrl:before{content:none;} .cal_top_box .ctrl a{width: 58px;height: 50px;} .calendar{padding-top: 20px;} .cal_top_box .year_type .select.year{flex: none; width: calc(100% - 150px);margin: auto;} .cal_top_box .ctrl .prev{margin-left: 0;} #calendar{width:100%;} #year_calendar{padding-top: 20px;font-size: 24px;} .calendar_list.table-wrap th{font-size: 16px;} .calendar_list.table-wrap th, .calendar_list.table-wrap tbody td{padding: 15px 20px;} .calendar_list.table-wrap .date{width: 75px;font-size: 14px;line-height: 22px;} .calendar_list.table-wrap .sch_text{ width: calc(100% - 145px);font-size: 14px;line-height: 22px;} .date_list{width:100%;margin-top:20px;padding: 25px 20px 40px;} .date_list .list_box{max-height: 300px;} .date_list h4{padding-bottom: 20px;font-size: 20px;} .con_grid_box .title{padding:20px 15px;} .con_grid_box .title p{font-size: 15px;} .con_grid_box .num_box li{flex: auto;width: 100%;height: auto;padding: 20px} .con_grid_box .num_box li + li{margin-left: 0;margin-top: 10px;} .con_grid_box .num_box p{font-size: 18px;} .qu_box{ padding: 0 20px;} .qu_box dl {padding: 20px 0;} .qu_box dt{padding-bottom: 15px;font-size: 18px;} .qu_box dt span {margin-right: 5px;} .qu_box.type dt{font-size: 20px;} .qu_box ol{padding: 20px 15px;} .contact_wrap.logo_type{padding:20px;} .contact_wrap .logo{width: 100%;margin-bottom: 30px;margin-right: 0;} .campus-map {position: fixed;top:0;left:0;right:0;bottom:0;} .campus-map header{position:sticky;flex-wrap:nowrap;top:0;z-index:10;height: auto;padding:10px;} .campus-map header .logo{width: 100%;background-size: 140px auto;background-position: 0px 14px;} .campus-map header .logo span{position:absolute;opacity:0} .campus-map header .map_btn{flex: auto;width:100px;font-size:13px;flex-shrink:0;background: none;color: #fff;border: 1px solid #4d4d4d;} .campus-map header .map_btn.active {border-color:#c8005f;} .campus-map header .map_btn.type1 {margin-right:4px;} .campus-map header .map_btn span {padding-left:0 !important;background:none !important;} .campus-map .wrap{height: auto;} .campus-map .search-form{display:none;width:100%;padding: 10px 10px 0;position: relative;z-index: 3;border-bottom:1px solid #000;} .campus-map .search-input input{height: 40px;padding-left: 10px;font-size: 15px;border-color: #ddd;border-radius: 3px;} .campus-map .search-input a{width:40px;height: 37px;background-size: 20px auto;} .campus-map .map-info-list {margin: 0 -10px;padding: 0 0 10px;border-top:0;position: relative;border: 0;} .campus-map .map-info-list > ul {display:flex;overflow-x:auto;padding: 0 10px;} .campus-map .map-info-list > ul > li {flex-shrink:0;margin-right: 4px;border: 0;} .campus-map .map-info-list > ul > li.open {margin-bottom: 140px;} .campus-map .map-info-list > ul > li > a{display:flex;justify-content:center;align-items:center;height:37px;padding: 0 15px;border-radius:18px;border:1px solid #e3e3e3;background:#ededed;} .campus-map .map-info-list > ul > li > a:before {display:none;} .campus-map .map-info-list > ul > li.open > a {background-color:#c8005f;color:#fff;border-color: #c8005f;} .campus-map .map-info-list > ul::-webkit-scrollbar {display:none;} .campus-map .map-info-list .list-ul p {font-size:14px;vertical-align: middle;} .campus-map .map-info-list .list-ul span {line-height:22px;} .campus-map .map-info-list .title{padding-left:0;font-size:14px;background:none !important; color:inherit !important;} .campus-map .search-form-wrap {position:relative;z-index: 10;width: 100%;background: #fff;} .campus-map .search-form-wrap > button[aria-expanded] {display: block !important;!i;!;position:absolute;top:100%;left:50%;margin-left:-30px;width:59px;height:18px;background:#000;border-bottom-left-radius:6px;border-bottom-right-radius:6px;font-size:1px;color:transparent;user-select:none;} .campus-map .search-form-wrap > button[aria-expanded]:before {content:'\f107';position:absolute;top:50%;left:50%;font-family:'Line Awesome Free';font-size:13px;color:#fff;transform:translate(-50%, -50%)} .campus-map .search-form-wrap > button[aria-expanded="true"]:before {content:'\f106';} .campus-map .map-info-list .list-ul {position:absolute;border-top:1px solid #e0e0e0;padding: 14px 15px;top: 47px;left: 0;right: 0;height: 130px;background: #fff;} .campus-map .map-info-list .list-ul li + li {margin-top:9px;} .campus-map .scroll-box{/*overflow-y: auto;max-height: 400px;*/height:auto;padding: 0;overflow: visible;margin-top: 10px;} .popup.map_info .head{padding-left: 20px;padding-top: 0;padding-right: 5px;} .popup.map_info .head .h5_title {font-size:18px;} .popup.map_info .head .close_btn {background-size:16px auto} .popup.map_info .cont{padding: 0px 20px;} .popup.map_info .img-box{height: 183px;margin-bottom: 16px;} .popup.map_info dl {margin-top: 16px;flex-wrap: nowrap;} .popup.map_info dl + dl {margin-top: 7px;} .popup.map_info .btn-box {left: 4px; width: calc(100% - 8px);} .popup.map_info .img-box a {width:40px;height:40px;background-size:6px auto} .campus-map .map-view-wrap{position:fixed;z-index:2;width:100%;height:100%;} .campus-map .map-view-wrap > div *{border-radius:0;font-size: 14px;} .campus-map .map-view-wrap > .popup.map_info{width: calc(100% - 40px);} .floor_layout{padding: 10px;} .floor_layout li{height: 80px;} .floor_layout .txt1{padding-bottom: 5px;font-size: 16px;} .floor_layout .txt2{font-size: 15px;} .amenities_list > ul > li{width: calc(50% - 5px);padding: 20px;margin-right: 10px;} .amenities_list > ul > li:nth-child(3n){margin-right: 10px;} .amenities_list > ul > li:nth-child(2n){margin-right:0} .amenities_list > ul > li:nth-child(n+3){margin-top:10px} .amenities_list .name{font-size: 20px;} .img_text_info_wrap .img{margin-right: 30px;} .img_text_info_wrap .text_box {width: calc(59% - 7px);} .exp_tit + .contact_wrap{margin-top:20px;} .info_con_wrap{padding: 20px;} .info_con_wrap dt{width:100%;} .info_con_wrap dd{margin-top:10px;} .gray_con_box{padding:20px;} .gray_con_box.logo{background-position: right 25px bottom 20px;background-size: 240px auto;} .gray_con_box + .link_btn{margin-top:20px;} .img_view_list_wrap > ul > li{width: calc(50% - 10px);} .img_view_list_wrap > ul > li:nth-child(4n){margin-right:20px;} .img_view_list_wrap > ul > li:nth-child(2n){margin-right: 0;} .img_view_list_wrap > ul > li:nth-child(n+3){margin-top:20px;} .link_list{padding:0} .link_list .box{padding:20px 0;} .link_list .area{flex:auto;width:50%; padding: 20px;} .administ_organiz .con-box.tab_con .link_list .area{ width: 50%;flex:auto} .flex_box .chart_box{flex: auto;width:100%; padding: 20px;} .flex_box .chart_box + .chart_box{margin-left: 0;} .doughnut_box{max-height: 310px;} .table-wrap + .mark-p{margin-top: 20px;} .legend + .table-wrap{margin-top: 30px;} .legend_wrap{display: flex;flex-wrap: wrap;width:100%;padding-top: 30px;} .legend_wrap dl{flex:auto;text-align: center;padding: 10px;} .legend_wrap dl + dl{margin-top:0;} .legend_wrap dt{padding-bottom: 5px;font-size: 20px;} .legend_wrap dd {font-size: 15px;} .cont_line_box .inst{width:100%;padding-bottom: 20px;} .cont_line_box .inst p{margin-top: 20px;font-size: 18px;} .cont_line_box .cont_rankings{width:100%;} .cont_line_box .con + .con{margin-top: 20px;} .cont_line_box .txt{padding-bottom: 7px;font-size: 18px;line-height: 28px;} .cont_line_box .con-p + .ul-type-dot {margin-top: 10px;} .cont_line_box .box{padding: 20px 0;} .cont_line_box.comm .box.no_flex{padding: 20px 10px;} .cont_line_box .inst{width:100%;padding-bottom: 20px;} .cont_line_box .inst p{margin-top: 20px;font-size: 18px;} .cont_line_box .cont_rankings{width:100%;} .cont_line_box .con + .con{margin-top: 20px;} .cont_line_box .txt{padding-bottom: 7px;font-size: 18px;line-height: 28px;} .cont_line_box .con-p + .ul-type-dot {margin-top: 10px;} .cont_line_box.btn_type {padding: 0 10px;} .cont_line_box .h5_title{width:100%;font-size: 20px;} .cont_line_box.btn_type .h5_title{width:100%;margin-bottom: 0;} .cont_line_box.btn_type .mark-p{width:100%;} .cont_line_box .link_btn{margin-top:20px;} .cont_line_box .box.btn_box .link_btn{margin-top:20px;} .cont_line_box.univer_evaluation {text-align: center;} .greeting_wrap img{display:none} .greeting_wrap .m_imgsz{display:block} .greeting_wrap .greeting_txt_wrap{width: 100%; margin-right: 0;margin-top: 30px;} .greeting_wrap{flex-direction: column-reverse;} .greeting_wrap .text_cont{width:100%;padding-top: 20px} .greeting_wrap .img{width:100%;height: 500px;} .greeting_wrap .img img{object-position: 0 -160px;} .founding_philosophy .stb_circle_con span {width: 100%;} .founding_philosophy .stb_circle_con li{max-width: 100%;} /* 교과과정 */ .table_top_box .year select{width: 100%!important;margin-bottom: 20px;} .table_top_box .select.year:after{height: 45px;} .vision_wrap{margin-top: 0;} .vision_wrap > ul > li{flex-wrap: wrap;} .vision_wrap > ul > li + li{ margin-top: 20px;} .vision_wrap .title{width: 100%;margin-right: 0;margin-bottom: 40px;font-size: 20px;text-align: center;} .vision_wrap .title:after{right: auto;left: 50%;top: 36px;transform: translateX(-50%);width: 1px;height: 20px;} .vision_wrap .box{width: 100%;height: 75px;} .vision_wrap .box p{font-size: 17px;} .vision_wrap .stb_circle_con{width: 100%;height: auto;background:none} .vision_wrap .stb_circle_con ul{margin: auto;} .vision_wrap .stb_circle_con li{height: 300px;border: none; width: 300px;max-width: 300px;} .vision_wrap .stb_circle_con span {width: 100%;} .vision_wrap > ul > li > div{width: 100%;} .vision_wrap .wrap{padding: 20px;} .vision_wrap dl + dl{padding-top: 15px;} .vision_wrap dt{width: 100%;padding-bottom: 10px;} .vision_wrap dt .num{width: 30px;} .philosophy{margin-top: 30px;padding: 25px 20px;} .philosophy .exp_tit{padding-bottom: 12px;font-size: 18px;line-height: 26px;} .philosophy .txt{font-size: 22px;line-height: 32px;} .philosophy .en_txt{width: 100%;padding-top: 20px;font-size: 38px;line-height: 38px;text-align: right;} .ui_wrap .item{flex:auto;width:100%;margin-right: 0;} .ui_wrap .item + .item{margin-top: 20px;} .ui_wrap.emb .item + .item{margin-top:0} .ui_wrap.mark .item, .ui_wrap.mark .item:nth-child(n+3){margin-top:30px;} .ui_wrap .flex_box + .flex_box{margin-top:20px;} .ui_wrap.it2 .item{width:100%;margin-right: 0;} .ui_wrap.it2.type1 .item {justify-content: left;} .color_box{max-width: 100%;width:100%;margin: 0;} .color_info_box{width:100%;margin-top:20px;} .grid.comm > img{max-width: 500px;width:100%;} .ui_wrap.mark .item{width:100%;} .symbol .img{width:100%;margin-right: 0;margin-bottom: 20px;} .anthem .img{padding: 25px;} .symbol .text_box{width:100%;} .anthem .box1{padding-bottom: 20px;} .anthem .box1 dl{font-size: 20px;} .anthem .box1 dt{padding-right: 10px;} .anthem .box1 dl + dl:before{height: 15px;margin: 0 12px;} .anthem .box2 dt{padding-bottom: 10px;font-size: 20px;} .anthem .box2 dd{font-size: 15px;line-height: 26px;} .bauhinia strong{padding-bottom: 20px;font-size: 22px;} .bauhinia .con-p{line-height: 24px} .bauhinia .con-p + .con-p{padding-top: 20px;} .popup.campus .txt-p{padding-top: 25px;font-size: 16px;line-height: 24px;} .joint_imple_sym .circle{width: 250px;height: auto; background: url(/_res/postech/kor/img/sub/joint_imple_sym_cir_bg_m.png) no-repeat;background-size: contain;} .joint_imple_sym .circle li{display: flex; align-items: center; justify-content: center; width: 100%;height: 235px;} /*.joint_imple_sym .circle .col1{background:#c8005f;} .joint_imple_sym .circle .col2{background:#05367b;}*/ .joint_imple_sym .circle .txt1{margin: 0 auto 10px;padding-top: 55px;border-bottom: 2px solid #fff;font-size: 24px;line-height: 30px;background-size: 40px auto;} .joint_imple_sym .circle .txt2{font-size: 16px;line-height: 22px;} .joint_imple_sym .box{background:none;} .joint_imple_sym .box:before{content:'';position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 1px;height: 100%;border: 1px dashed #a19a93;} .joint_imple_sym .box li{position: relative;width: 100%;height: 95px;margin-right:0;border-radius: 8px;background:#73695f;} .joint_imple_sym .box li:nth-child(n+2){margin-top:30px} .joint_imple_sym .box li:last-child{margin-right: 0;} .joint_imple_sym .box li p{padding-top: 35px;font-size: 16px;} .joint_imple_sym .box li:before, .joint_imple_sym .box li:after{content:'';position: absolute;left: 50%;transform: translateX(-50%);width:8px;height:8px;border-radius: 100%;border:2px solid #fff;background:#73695f;} .joint_imple_sym .box li:before{top: -6px;} .joint_imple_sym .box li:after{bottom: -6px;} .joint_imple_sym .box li:first-child:before, .joint_imple_sym .box li:last-child:after{content:none;} .joint_imple_sym .circle li.col2 > div{margin-bottom: 15px;} .joint_imple_sym .circle .col2{margin-right: 0;} .video_wrap.apple{height: 42.66666vw;} .rnd_cir{width: 250px;height: auto;background-image: url(/_res/postech/kor/img/sub/rnd_cir_m.png); background-size: contain;} .rnd_cir:before{bottom: -54px;width: 1px;height: 50px} .rnd_cir:after{bottom: -10px;} .rnd_cir ul{display: block;} .rnd_cir li{display: flex;align-items: center;flex:auto;width: 100%;height: 235px;padding: 20px;} .rnd_cir li.col1 {margin-left:0;} /*.rnd_cir li.col1{margin: auto;background:#ffad3f;} .rnd_cir li.col2{margin: auto;background:#4cc8f4;}*/ .rnd_cir li p{font-size: 20px;line-height: 28px;} .rnd_cir li.col1 p{padding-top: 54px;background-size: 40px auto;} .rnd_cir li.col2 p{padding-top: 53px;background-size: 38px auto;} .text_list{margin-top: 70px;} .text_list li{font-size: 15px;} .text_list li + li{margin-top: 10px;} .content_img_box.type1 .img{height: 255px;} .content_img_box.type2 .img{max-width: 330px;} .video_wrap.apple video{width: 100vw;} .search-wrap .inner{padding:0 20px;} .search-wrap h3{padding-bottom: 45px;font-size: 24px;letter-spacing: 0;line-height: 32px;} .search-wrap input{width: 100%;height: 55px;margin-right: 0;margin-bottom: 10px;padding: 0 25px;font-size: 16px;} .search-wrap .search_btn{width: 100%;height: 55px;padding: 0 25px;font-size: 16px;line-height: 55px; text-align: center;} .search-wrap .recomm{width:100%;;margin-top: 20px;padding-left: 0;} .search-wrap .recomm p{width: 100%;margin-right: 0;margin-bottom: 10px;padding-left: 26px;font-size: 15px;background-size: 20px auto;} .search-wrap .recomm li a{height: 35px;padding: 0 10px;font-size: 14px;} .con-box02.bottom_line.coll{padding-bottom: 80px;} .video_wrap.inst{height: 320px;padding: 30px 0;} .startup_step > ul > li:after{transform: rotate(90deg);top: 238px;right: 50%;} .startup_step > ul > li:nth-child(n+2){ margin-top: 35px;} .startup_step > ul > li:last-child:after{background:none} .line_step.no_box_bf.st7 > ul > li.step3:after{top: 145px;} .line_step.no_box_bf.st7 > ul > li.step6:after{top: 145px;} } @media only screen and (max-width:760px){ .cont_img_box.type1 .img .text, .cont_img_box.img1 .img .text{display:none} .table-wrap tbody tr td{word-break: break-word;overflow-wrap: break-word;} .history_list .h4_title{width: 78px;font-size: 20px;line-height: 28px;} .history_list .cont:before{left: -18px;} .history_list .item.top .group:first-child:after, .history_list .item .cont:after{left: -24px;} .history_list .month{width: 40px;font-size: 17px;} .popup.map_info dt{overflow:hidden;width: 24px;padding-left: 24px;} .popup.map_info dt.ic1 {background-size: 14px auto;} .popup.map_info dt.ic2 {background-size:17px auto;} .popup.map_info dt.ic3 {background-size:15px auto;} .popup.map_info dt.ic4 {background-size: 14px auto;} .course_info{margin-top: 40px;} .course_info > div{flex:auto;max-width: 100%;} .course_info li{height: 70px;border-radius: 8px;} .course_info .connect_txt{margin: 30px 0;} .course_info .connect_txt span:before{transform: translate(-50%, -50%) rotate(90deg);width: 80px;height: 13px;background-size: 80px auto;} .info_list_box li{width: 100%;margin-right: 0;} .info_list_box li:nth-child(n+2){margin-top: 20px;} .info_list_box .img{height: 150px;} .info_list_box .text_box{min-height: auto;} .info_list_box .exp_tit {padding-bottom: 10px;} .info_list_box strong + .con-p {padding-top: 5px;} .info_list_box .link_btn{position: static;} .amenities_list.subj li{width: 100%;margin-right: 0;} .amenities_list.subj li:nth-child(n+2){margin-top:15px} .amenities_list.subj li:nth-child(3n){margin-right: 0;} .content_img_wrap.box1 li{width: 100%;} .content_img_wrap.box2 li{padding: 30px 0;} .content_img_wrap.box1 li + li {margin-left: 0;margin-top: 40px;} .content_img_wrap.box1 .img {height: 270px;} .content_img_wrap.box2 .img{width: 100%;height: 270px;margin-right: 0;margin-bottom: 20px;} .content_img_wrap.box2 .text_box{width: 100%;} .content_img_wrap.box2 .h4_title{padding-bottom: 20px;} .content_img_wrap.box2 .link_btn {margin-top: 20px;} .content_img_wrap.box2 li .img {height:240px} .link_con_wrap li{width:100%;margin-right:0} .link_con_wrap li:nth-child(4n){margin-right: 0;} .link_con_wrap li:nth-child(3n){margin-right:0} .link_con_wrap li:nth-child(n+2){margin-top: 10px;} .link_con_wrap.li4 li{width:100%;} .link_con_wrap.li4 li:nth-child(n+2){margin-top:10px;} .link_con_wrap.li4 li:nth-child(3n){margin-right:0} .link_con_wrap li a{padding:20px;} .link_con_wrap li p{font-size: 16px;} .link_con_wrap2 li{width: 100%;height: auto;margin-right: 0;padding: 25px 20px;} .link_con_wrap2 li:nth-child(4n){margin-right: 0;} .link_con_wrap2 li:nth-child(3n){margin-right:0} .link_con_wrap2 li:nth-child(n+2){margin-top: 15px;} .link_con_wrap2 .h5_title{height: auto;line-height: 24px;} .dot_list_wrap{padding:20px;} .dot_list_wrap .exp_tit{ line-height: 28px;} .dot_list_wrap .item{flex:auto;width: 100%;} .dot_list_wrap .item + .item{margin-top: 30px;} .con_r_list li{width: 100%;margin-right: 0;} .con_r_list li + li{margin-top: 20px;} .con_r_list .img_wrap {height: 280px;} .con_r_list li .type{border-bottom: 2px solid #fff;font-size: 24px;line-height: 30px;} .con_r_list li .tit{width: 100%;height: auto;font-size: 20px;line-height: 26px;} .con_r_list li .info{padding-top: 5px;} .con_r_list li .info span{font-size: 15px;} .btn_box.flex_btn_m{display:flex} .research_infra_wrap .content_img_wrap.box1 ul{display: block;} .research_infra_wrap .content_img_wrap.box1 li{width: 100%;} .research_infra_wrap .content_img_wrap.box1 ul li + li{ margin-left: 0;} .research_infra_wrap .content_img_wrap.box1 .img{height: 240px;} .exchange li{width:100%;} .exchange li:nth-child(n+2){margin-top: 20px;} .exchange .h5-tit01{font-size: 18px;line-height: 26px;} .step_type_wrap .tit2{width:100%;height: auto;margin-right: 0;} .step_type_wrap .tit2.col2{margin-bottom: 40px;} .step_type_wrap .tit2.col3{margin-bottom: 20px;} .step_type_wrap .col3.tit4{position: static;margin-top: 40px;} .step_type_wrap .tit4{width:100%;margin-top: 0;margin-right: 0;} .step_type_wrap .col1.tit3{width:100%;margin-right: 0;} .step_type_wrap > ul > li.grid > .box { margin-bottom: 0;} .step_type_wrap > ul > li.grid > .box > .bor_con_box{width:100%} .step_type_wrap .col1.tit3:after, .step_type_wrap .col1.tit4:after{content:none;} .step_type_wrap .col_bor_con_box > ul{margin-top: 20px;} .step_type_wrap .child{width:100%} .step_type_wrap .child .bor_con_box{width:100%;margin-top: 20px;} .step_type_wrap .col_bor_con_box{position: static;width: 100%;} .step_type_wrap .tit2.col2:after{top: 60px; left:50%;right:auto;transform: rotate(90deg) translateX(-50%);margin-left: -20px} .step_type_wrap .tit2.col3:after{top: 72px;left:50%;right:auto;transform: rotate(90deg) translateX(-50%);margin-left: -10px;} .step_type_wrap > ul > li.grid > .box + .box{margin-top: 40px;} .step_type_wrap_m{display:block} .step_type_wrap{display:none} .step_type_wrap_m img{width:100%;} .line_step.vertical .step2 .mark-p{margin: auto;width: fit-content;} .line_step.vertical .mark-p, .line_step.vertical .mark-p a{margin: auto;width: fit-content;text-align: center;} /*모바일일때 로고 중간으로0313 */ .depart_list .logo{position: absolute;top: 53px;left: 10px;transform: translateY(-50%);} .depart_list .title{margin-left: 60px;padding-bottom: 10px} .pre_box.profile_wrap{display: block;} .pre_box.profile_wrap .profile_txt_box {margin-top: 35px;text-align: center;} .pre_top_txt {font-size: 24px;margin-bottom: 10px;} .profile_img_box{ margin: 0 auto;} .amenities_list > ul > li{width:100%;font-size: 15px;} .amenities_list > ul > li:nth-child(n+2){margin-top:10px} .amenities_list > ul > li:nth-child(2n){margin-right:0;} .amenities_list .name{margin-bottom: 20px;} .amenities_list li{margin-right: 0!important;} .img_text_info_wrap > ul > li{padding: 30px 0;} .img_text_info_wrap .img{ width: 100%;height: 220px;margin-right: 0;margin-bottom: 20px;} .img_text_info_wrap .text_box{width:100%;} .img_text_info_wrap .h5_title{padding-bottom: 20px;} .exp_top .exp_tit{flex: auto;width:100%;padding-right:0;padding-bottom: 20px;} .corporate_organization li .hc_wrap{min-height:auto} .corporate_chart > li .title{width: 150px;height: 54px;margin: 0 auto;font-size:16px;} /*.corporate_chart .root1 .branch_list1 li{text-align:left}*/ .corporate_chart .root1 .branch_list1 li:nth-child(2):after{width: 100px;} .corporate_chart .root2 .branch_list2 li {margin-top:30px;} .corporate_chart .root2 .branch_list2{text-align:left} .corporate_chart .root2 .branch_list2 .title:after {height:30px;top: -30px;} .corporate_chart .root3:after{left: 50%;bottom: 108px;height: 260px;} .corporate_chart .root3 .branch_list3:before{width: calc(100% - 150px);} .corporate_chart .root1 .branch_list1 .title, .corporate_chart .root1 .branch_list1 li:nth-child(2) .title{width: 100px;margin: 0 auto;height: 54px;font-size: 16px;} .second_leaf dt{width:130px;height:60px;font-size: 16px;} .second_leaf dd{width:130px;height:60px;padding: 0 8px;} .branch_list2 .leaf.second_leaf dt{width: 150px;} .branch_list2 .leaf.second_leaf dd{width: 150px;} .type2 .corporate_chart{position: relative;} .type2 .corporate_chart:before{content:'';top: 20px;transform: translateX(-50%);left: 50%;width: 1px;height: calc(100% - 188px);} .type2 .corporate_chart > li .title{margin:auto;} .type2 .corporate_chart .root1 .branch_list1 .title:after, .type2 .root4 .branch_list3:before, .type2 .root4 .branch_list3:after, .type2 .corporate_chart .root4 .branch_list3 > li > .title:before, .type2 .corporate_chart .root4 .branch_list3 > li > .title:after, .type2 .corporate_chart .root4 .branch_list3 > li > .title:before{content:none;} .type2 .corporate_chart .root4 .branch_list3 .child:before{width: calc(100% - 150px);} .type2 .corporate_chart .root4 .branch_list3 .child{display:block;} .type2 .corporate_chart .root4 .branch_list3 > li{width:100%;margin-top: 50px;} .type2 .corporate_chart .root4 .branch_list3 .child li:first-child{float:left;} .type2 .corporate_chart .root4 .branch_list3 .child li:last-child{float:right;} .type2 .corporate_chart .root4 .branch_list3 .child li + li{margin-left:0;} .type2 .corporate_chart .root4 .branch_list3 .child li .title{width: 150px;} .corporate_chart.res_inst .root1 .branch_list1 .title{width: 190px;height: 90px;font-size: 18px;} .type2 .corporate_chart.res_inst .root1 .branch_list1 .title:after{content: '';top: 90px;height: 31px;} .type2 .corporate_chart.res_inst .root2 .branch_list2 > li{margin-top: 80px;} .type2 .res_inst .root2 .branch_list2:after {width: calc(100% - 150px);} .type2 .corporate_chart.res_inst .root2 .branch_list2 > li:before{top:-49px} .img_view_list_wrap .img{width:100%;height: 200px;margin-bottom: 20px;margin-right: 0;} .img_view_list_wrap > ul > li{font-size: 18px;} .img_view_list_wrap .img-wrap + p{font-size: 20px;} .img_view_list_wrap > ul > li > a > span{padding-top: 5px;;} .administ_organiz .corporate_chart .root1 .branch_list1 .title.president {width: 110px;} .administ_organiz .corporate_chart .root1 .branch_list1 li:nth-child(2):after {width: 200px;} .link_list .box{padding:20px;} .link_list .area{width:100%;padding: 10px;} .link_list .h5_title{padding-bottom: 20px;font-size: 20px;} .link_list .s_txt{padding-bottom: 12px;font-size: 18px;} .cont_line_box .cont_rankings.type > div{flex:auto;width: 100%;} .cont_line_box .cont_rankings.type > div + div{margin-top:20px;} .cont_info_box_list li{width: 100%;height: auto;margin-right: 0;padding: 25px 20px;} .cont_info_box_list li:nth-child(n+2){margin-top: 15px;} .cont_info_box_list h5{padding-bottom: 15px;line-height: 30px;} .cont_info_box_list .btn_box{position: static;width: 100%;} .cont_info_box_list .link_btn, .cont_info_box_list .btn_box.a2 .link_btn{width: 100%;} .expertise_box{width: 330px;height: 330px;} .expertise_box:before {width: 320px;height: 320px;background-size: 320px auto;} .expertise_box .circle1{width: 200px;height: 200px;} .expertise_box .circle1 .cir:before{top: -102px;left: -85px;width: 230px;height: 230px; background-size: 230px;} .expertise_box .circle1 p{font-size: 18px;} .expertise_box .circle2{width: 200px;height: 200px;} .expertise_box li{width: 90px;height: 90px;font-size: 14px;} .expertise_box li.type1{top:-45px} .expertise_box li.type2{right: -50px} .expertise_box li.type3{bottom:-45px} .expertise_box li.type4{left: -50px;} .expertise_box li span{padding-top: 36px;} .expertise_box li.type1 span{background-size: 32px;} .expertise_box li.type2 span{background-size: 33px;} .expertise_box li.type3 span{background-size: 30px;} .expertise_box li.type4 span{background-size: 32px;} .committee_oper .col3{max-width: 100%;} .committee_oper .col3:before{right: 0px;bottom: -62px;width: 50%;} .committee_oper .col4{max-width: 100%;width: calc(50% - 40px);} .committee_oper .box1{font-size: 18px;} .committee_oper .col1 .box1{height: 65px;font-size: 20px;} .committee_oper .col2 .box1{height: 60px;} .committee_oper .col4 .box1{width:100%;height: 60px;} .committee_oper .col5 .box1{padding: 12px 10px;} .committee_oper .box2{padding: 15px;} .committee_oper .item + .item{margin: 30px auto 0;} .committee_oper .item-list{margin-top: 130px;} .committee_oper .item-list .item{max-width: 100%;} .committee_oper .item-list .item:nth-child(2){margin:20px 0;} .committee_oper .item-list:before, .committee_oper .item-list .list:first-child:before, .committee_oper .item-list .list:last-child:before{content:none;} .committee_oper .item-list .item:last-child{margin-top: 0;} .dir .gray_con_box > ul > li + li{padding-top: 15px;} .dir .gray_con_box strong{font-size: 18px;line-height: 24px;} .cont_line_box.dir .item{padding-top: 20px;} .cont_line_box.dir .h5_title{width: 100%;margin-bottom: 0;} .dir .gray_con_box > ul > li .ul-type-dot{padding-left: 0;} .school_status_diagram{background-size: 330px auto;width: 330px;height: 362px; margin: 15px auto 0;} .school_status_diagram p{padding-bottom: 5px;font-size: 17px;line-height: 22px;} .school_status_diagram span{font-size: 14px;line-height: 18px;} .school_status_diagram .m_br{display:block} .school_status_diagram img{max-width: 90px;margin-top: 8px;} .school_status_diagram li.type1{top: 40px;} .school_status_diagram li.type2{top: 80px;right: 25px;} .school_status_diagram li.type3{bottom: 97px;right: 10px;} .school_status_diagram li.type4{bottom:30px;} .school_status_diagram li.type5{left: 33px;bottom: 80px;} .school_status_diagram li.type6{top: 80px;left: 20px;} .ui_wrap{margin-top: 10px;padding-top: 20px;} .ui_wrap.emb .item + .item{margin-top:20px;} .ui_wrap img, .ui_wrap .dep img{max-width: 350px;width: 100%;} .ui_wrap .mark_color_box img{max-width: 100%;} .ui_wrap .ui_rule img{width:auto;} .ui_wrap.it3 .item{width:100%;margin-right: 0;} .ui_wrap.it3 .grid{height: 299px;} .ui_wrap.est_emb .item + .item{margin-top:30px} .ui_wrap.est_emb .grid-wrap{height: 300px;} .ui_wrap.est_emb .con-p{margin-top: 20px;} .ui_wrap.ch .btn_box{display:block;} .ui_wrap.ch .btn_box a{margin: auto;} .ui_wrap.ch .btn_box a + a {margin: 10px auto 0;} .character_img.li6 li, .character_img.li4 li, .character_img.li5 li, .character_img.li8 li{width: calc(50% - 2px);} .character_img.li6 li:nth-child(n+3), .character_img.li4 li:nth-child(n+3), .character_img.li5 li:nth-child(n+3), .character_img.li8 li:nth-child(n+3){margin-top:20px;} .character_img img{max-width: 100px;} .item .top_txt{padding-bottom: 25px;font-size: 18px;line-height: 28px;} .color_box_list{max-width: 100%;display: block;} .color_box_list .box{flex: auto;width: 100%;} .color_box_list .box + .box{margin-top: 30px;margin-left: 0;} .color_box_list .color_info_box{padding-top:0;} .exp_tit.sym{padding-bottom: 30px;} /*.symbol_circle{height: auto;background-image: none;} .symbol_circle li{position: static;transform: initial;width: 220px;height: 220px;margin: auto;padding-top: 30px;border-radius: 100%;border: 1px solid #000000;} .symbol_circle .col1{background: #ff6000;} .symbol_circle .col2{margin: 10px auto;background: #c8005f;transform: initial;} .symbol_circle .col3{background: #74695f;} .symbol_circle .txt1{font-size: 20px;} .symbol_circle .txt2{padding-bottom: 5px;font-size: 15px;} .symbol_circle .txt3{font-size: 18px;} .symbol_logo img{width: 100%;max-width: 250px;} */ .symbol_circle li {width: 260px;height: 260px; } .joint_imple_sym .circle ul{display: block;} .joint_imple_sym .circle li{margin: auto;} .joint_imple_sym .circle .col1, .joint_imple_sym .circle .col2{margin: auto;} /*.joint_imple_sym .circle .col2{margin-top: 10px;}*/ .cheating_process{overflow: hidden;clear: both;} .cheating_process .item.type2{float: right;width: calc(50% - 10px);margin-top: -82px;padding-top: 0;} .cheating_process li{width: calc(50% - 10px);margin-right: 20px;} .cheating_process li:after{top: auto;right: auto;left: 50%;bottom: -22px;transform: translateX(-50%) rotate(90deg);} .cheating_process .type1 li:nth-child(2){margin-right: 0;} .cheating_process .type1 li:nth-child(3){width:100%;margin-top:30px;margin-right: 0;} .cheating_process .type1 li:nth-child(n+4){width: calc(50% - 9px);} .cheating_process .type1 li:last-child{margin-right: 0;} .cheating_process .type1 li.type:after{content:'';top: auto;left: 50%;transform: translateX(-50%) rotate(90deg);bottom: 13px;z-index: -1;} .cheating_process .type2 li{width:100%;margin-right: 0;} .cheating_process .type2 li + li{margin-top: 30px;} .cheating_process li:after{right: -25px} .cheating_process li.type:before{background:#bbbbbb;width:1px;height:50px;} .processing_procedure .ol-type-num.bold > li + li{margin-top: 30px;} .img_con_info_list.tsf > ul > li{width: 100%;height: auto;margin-right: 0;} .img_con_info_list.tsf .img { height: 260px;} .img_con_info_list.tsf .link_btn{position: static;margin-top:20px;} .img_link_box{ height: auto;padding:20px;margin-top: 20px;} .img_link_box .logo_box{width: 100%;height: auto;} .img_link_box .logo{flex: 1;text-align: center;} .img_link_box .logo + .logo{padding-left: 10px;margin-left: 10px;} .img_link_box .logo.pos img{max-width: 130px;} .img_link_box ul{flex: auto;width: 100%;padding-left: 0;padding-top:20px;} .content_img_box.type1 li{width: 100%;margin-right: 0;} .content_img_box.type2 li{padding: 30px 0;} .content_img_box.type1 li + li{margin-top: 20px;} .content_img_box.type1 .img{height:230px;} .content_img_box.type2 .img{flex: auto;max-width:100%;width:100%;height: 240px;} .content_img_box.type1 .text_box{padding-top: 18px;} .content_img_box.type2 .text_box{padding-top: 18px;} .content_img_box .h5_title{ padding-bottom: 10px;} .content_img_box.type2 .text_box{padding-left: 0;} .event_inrto .content_img_box.type2 .text_box{width: 100%;} .event_inrto .content_box .con-box .content_img_box.type2 .content_img_box.type2 li{display: block;} .net_img.skeric{padding: 30px 20px;} .net .flex_box li{width: 100%;} .net .flex_box li + li{margin-top: 20px;margin-left: 0;} .net .flex_box li .net_img{height: auto;padding: 40px 20px;margin-bottom: 20px;} .net .flex_box .h5_title{padding-bottom: 15px;} .collaboration_system .item:before{content:none;} .top_txt_box{max-width: 100%;height: 60px;margin: 0 auto 40px;} .top_txt_box p{font-size: 20px;} .cir_box:after{bottom: -75px;width: 150px;height: 62px;background-size: 150px auto;} .cir_box .cir > ul{display: block;} .cir_box .cir > ul > li{width: 240px;height: 240px;margin: auto;} .cir_box .cir > ul > li.type2{margin:90px auto 0;} .cir .univ{margin: 0 auto 10px;border-bottom: 2px solid #fff;font-size: 20px; line-height: 22px;} .cir .type2 .univ{padding-top: 52px;} .cir .s_txt{font-size: 15px;line-height: 22px;} .cir_box .center_txt li{ height: 45px;} .collaboration_system .side_text{top: 282px;margin-top:0;} .collaboration_system .side_text p{width: 100px;height: 100px;font-size: 15px;line-height: 20px;} .collaboration_system .box_list{max-width:100%;width:100%;margin: 84px auto 0;} .box_list > ul > li{flex:auto;width: 100%;} .box_list > ul > li:after{content:none;} .box_list > ul > li + li{margin-top: 15px;margin-left: 0;} .box_list .head{height: 60px;} .box_list .head p{font-size: 16px;} .box_list .cont{height: auto;padding:20px 10px;} .side_text p:before, .side_text p:after{content:none} .content_img_box.type1.ach .con-p{height: auto;} .search_form.site input[type="text"]{width:100%;} .campus_website strong{padding-bottom: 15px;font-size: 30px;line-height: 20px;} .campus_website > ul > li{width: 100%; padding: 20px 10px;} .campus_website li a{padding: 8px 0;} .cont_line_box.img .img_wrap{height: 240px;} .cont_line_box.img .h5_title{padding-bottom: 15px;margin-bottom: 0;} .cont_line_box.img .tit{width: 70px;} .cont_line_box.img .ul-type-dot li .mark, .cont_line_box.img .ul-type-dot li .mark-p{margin-left: 70px;} .line_step.no_box_bf.st7 > ul > li.step3:after, .line_step.no_box_bf.st7 > ul > li.step6:after{top: 145px;} .line_step > ul > li:last-child:after{display:none} .collaboration_system .item .cir{position:relative;} .collaboration_system .item .cir:before {content: '';position: absolute;top: 205px;left: 50%; transform: translateX(-50%); width: calc(100% - 100px);height: calc(100% - 420px);border: 1px dashed #999;} .collaboration_system .side_text p{position:relative} .collaboration_system .side_text p:before{content: '';position: absolute;left: 50%;top: -7px;width: 14px;height: 7px;transform: translateX(-50%) rotate(180deg); background-image: url(/_res/postech/kor/img/sub/arrow_line_ic.png);background-position: 0 0px;} .collaboration_system .side_text p:after{content: '';position: absolute;left: 50%;bottom: -7px;width: 14px;height: 7px;transform: translateX(-50%) rotate(0deg); background-image: url(/_res/postech/kor/img/sub/arrow_line_ic.png);background-position: 0 0px;} .collaboration_system .top_txt_box:after{display:none;} .gray_con_box.num{background-image:none} .apple_develop .gray_con_box.num dt{width: 40%;} .apple_develop .gray_con_box.num dd{width: 60%;} .infra_list .con-p{word-break: normal;} .greeting_wrap .text_cont p.from{position: static;margin-top: 10px;text-align: right;} .greeting_wrap .img{width: 100%; height: 400px;} .greeting_wrap .img .txt2{font-size: 60px;line-height: 54px;text-align: right; font-weight: 700; color: rgb(255, 255, 255); font-family: field-gothic-xcondensed, Pretendard;letter-spacing: 0.8px;} .greeting_wrap .img img{display:block;object-position: 50% 10%;} .greeting_wrap .img .m_imgsz{display:none} .greeting_wrap .img .txt1{font-size: 18px;} .campus-map .map-view-wrap > .popup.map_info {top:calc(50% + 30px);} .campus-map .map-view-wrap > .popup.map_info .cont{max-height: calc(117.73333vw - 100px);} .administ_organiz .type2 .corporate_chart .root2 .branch_list2:after { width: calc(100% - 400px);} .philosophy.vision_bottombox .right_text{display:none;} .con_select .con_le .con1{padding: 20px 20px 40px;} } @media only screen and (max-width:750px){ .header .logo_wrap{left:2.667vw;top:7.734vw;} .header .util { --el-right:2.667vw; --el-top:2.667vw; --el-btn-size:13.334vw; --el-btn-menu:6.4vw; --el-btn-menu-space:1.334vw; } /* 전체메뉴*/ .pop-open { --el-header-height:14.3617vw; --el-header-space:1.5957vw 13.334vw 0 2.6666vw; --el-logo-wid:47.8723vw; --el-logo-height:4.2553vw; --el-btn-close-top:2.9255vw; --el-btn-close-right:2.6595vw; --el-btn-close-img-position:3.9893vw; --el-lang-icon:3.1914vw; --el-login-space:2.6595vw; --el-util-height:17.0212vw; --el-util-space:3.1914vw 7.9787vw; --el-util-btn-height:10.6382vw; --el-util-btn-fontSize:3.9893vw; --el-depth1-fontSize:4.7872vw; --el-depth1-wid:39.0957vw; --el-depth1-space:4.5212vw; --el-depth1-open-size:7.9787vw; --el-depth1-open-fontSize:3.9893vw; --el-depth2-fontSize:4.2553vw; --el-depth2-space:4.5212vw 7.9787vw 4.5212vw 0; --el-depth2-toggle-size:6.3829vw; --el-depth2-toggle-fontSize:2.6595vw; --el-depth2-toggle-top:3.9893vw; --el-depth3-fontSize:3.4574vw; --el-depth3-space:1.3297vw 2.1276vw; --el-depth3-margin:-2.3936vw; --el-depth3-margin2:2.6595vw; --el-bottom-fontSize:3.1914vw; --el-bottom-space:1.8617vw 3.9893vw; --el-bottom-padding:7.9787vw; } /* 푸터 */ footer .inner {padding:0 3px 3px;} /* 학과소개 */ .accordion_wrap .video_wrap, .content_box .video_wrap iframe {height:53.3333vw} .depart_list .contact {display:block;padding-left: 60px;margin-top: 0;} .depart_list .contact .ic2 {margin-left:0;margin-top:5px;} .depart_list .contact .ic2:before {display:none} /* 연구자검색 상세 */ .con_le .tab-box {position:relative;z-index:3; --tab-a-height:13.8667vw; --tab-space:4.2667vw; } .con_le .tab-box > button[aria-expanded] {overflow:hidden; display:block !important;position:relative;width:100%;padding-left:8vw;padding-right:8vw;height:var(--tab-a-height);border-top:1px solid #000;border-bottom:1px solid #000;font-size:4vw;background:#c51064;color:#fff;} .con_le .tab-box > button[aria-expanded]:after {content:'\f107';position:absolute;top:50%;right:5.3334vw;font-family:'Line Awesome Free';font-size:12px;color:#fff;transform:translateY(-50%);} .con_le .tab-box.show > button[aria-expanded]:after {content:'\f106';} .con_le .tab-box ul {display:none;overflow:visible;position:absolute;margin-top:4px;width:100%;padding:var(--tab-space) 5.3334vw;} .con_le .tab-box ul li {position:relative;width:100%;} .con_le .tab-box ul li a, .con_le .tab-box ul li a > span {display:block;padding:0;background:none;width:100%;height:auto;border:0;justify-content:flex-start;font-size:3.7334vw;line-height:8vw;text-align: left;} .con_le .tab-box ul li.active a span, .con_le .tab-box ul li.active a, .con_le .tab-box ul li a:hover {background:none;border:0;color:#c51064;text-decoration:underline;text-underline-offset:2px;} .con_le .tab-box li:nth-child(n+3) {margin-top:0;} .con_le .tab-box.show ul {display:block;} .con_le .tab-box ul:before {content:'';display:block;position:absolute;top:0;bottom:0;left:0;right:0;border:1px solid #777777;border-radius:8px;background:#fff;box-shadow:0 10px 25px 0 rgba(0,0,0,0.2)} } @media only screen and (max-width:480px){ /* 전체메뉴*/ .pop-open { --el-bottom-space:3px 3.9893vw; --el-bottom-padding:10px; } .administ_organiz .corporate_chart .root1 .branch_list1 li:nth-child(2):after {width: 100%;} .administ_organiz .type2 .corporate_chart .root2 .branch_list2:after{background: transparent;} .administ_organiz .type2 .corporate_chart .root2 .branch_list2 > li:after {background: transparent;} }