/* **************************************************************************** */ /* @Author :bokyung */ /* ***************************************************************************** */ @charset "utf-8"; body{color:#4c4c4c;font-family:'Noto Sans', sans-serif;font-weight:300;letter-spacing:-0.8px} h1, h2, h3, h4, h5, h6{font-family:'Noto Sans', sans-serif;font-weight:600; letter-spacing:-0.8px} big, strong, b, dt, th{font-family:'Noto Sans', sans-serif;font-weight:600; letter-spacing:-0.8px} /* ellipsis */ .ellipsis{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .ellipsis_02{-webkit-box-orient:vertical;display:-webkit-box !important;display:block;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;} .ellipsis_03{-webkit-box-orient:vertical;display:-webkit-box !important;display:block;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;} @media print{ body{-webkit-print-color-adjust:exact;} #header, #footer, #contents, #lnb{display:none} @page{ margin:0 10px; } .container.field .lv1, .container.field .tbl-search.narrow, .container.field .lv2, .container.field .s-info, .container.field .rwd-tbl, .container.field .tbl-search.middle, .container.field .tabMenu, .container.field .lv-desc, .container.field .report-bar, .container.field .num-list, .container.field .lv-ref, .container.field .footer{display:none;} } @media print and (-webkit-min-device-pixel-ratio:0){ body{zoom:0.6;} } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, article, aside, canvas, details, embed, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{border:0;box-sizing:border-box;margin:0;padding:0;vertical-align:baseline;} img, fieldset, form, label, legend, figure, figcaption, input, button, textarea{border:0;margin:0;padding:0;font-family:'Noto Sans', sans-serif;font-weight:300;vertical-align:middle;box-sizing:border-box} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;} button{cursor:pointer} button::-moz-focus-inner, input[type=button]::-moz-focus-inner, input[type=submit]::-moz-focus-inner, input[type=reset]::-moz-focus-inner{border:0;padding:0;} ol, ul{list-style:none;} blockquote, q{quotes:none;} blockquote:before, blockquote:after, q:before, q:after{content:'';} img{font-size:0;line-height:0;} a{color:inherit;text-decoration:none;} table{border:0;border-collapse:collapse;border-spacing:0;empty-cells:show;margin:0;padding:0;width:100%;} img.adi{height:auto;max-width:100%;} a{color:inherit;text-decoration:none;} /* IE 6/7 .clearfix{zoom:1;} */ .skip{display:block;font-size:0;height:1px;line-height:0;margin:0 -1px -1px 0;overflow:hidden;padding:0;width:1px;} .skip:hover, .skip:active, .skip:focus{color:#333;font-size:12px;font-weight:bold;height:auto;line-height:1;margin:0;padding:5px 0;position:relative;text-align:center;text-decoration:none !important;text-indent:10px;width:100%;} a, a:active, a:visited{text-decoration:none;/*color:inherit;*/ } a:active, a:hover{text-decoration:none;} .no-hashchang a, .no-hashchang a:active, .no-hashchang a:visited{color:#1a2025;text-decoration:none;} caption{font-size:0;height:0;overflow:hidden;visibility:hidden;} input[placeholder]::-webkit-input-placeholder, textarea[placeholder]::-webkit-input-placeholder{color:#999;} input[placeholder]:-moz-placeholder, textarea[placeholder]:-moz-placeholder{color:#999;} input[placeholder]::-moz-placeholder, textarea[placeholder]::-moz-placeholder{color:#999;} input[placeholder]:-ms-input-placeholder, textarea[placeholder]:-ms-input-placeholder{color:#999;} input[placeholder].placeholder, textarea[placeholder].placeholder{color:#999;} textarea{display:block;width:100%;padding:15px;resize:none} html{min-height:100%;position:relative;} body, h1, h2, h3, h4, h5, input, button, textarea{color:#333;font-size:14px;-webkit-font-smoothing:antialiased;line-height:1.4;margin:0;-moz-osx-font-smoothing:grayscale;padding:0;vertical-align:middle} select{-moz-appearance:none;-webkit-appearance:none;appearance:none;border-radius:0;font-family:inherit;} .select{display:inline-block;position:relative;width:100%;vertical-align:middle} .select::after{content:'';display:block;position:absolute;top:50%;right:15px;width:8px;height:5px;margin-top:-2px;background:url(./images/common/select_bottom_arrow.png) no-repeat 50% 50%} select::-ms-expand{display:none;} .sr-only{border:0;clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;} input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], select, input{height:34px;padding:0 12px;border:1px solid #E0E0E0;line-height:1} select:disabled, input:disabled{background:#fafafa} body{background:#F5F5F5} .swiper-container, .swiper-container .swiper-slide{height:auto;border:0} .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button, .ui-widget{font-family:'Noto Sans'} input, select, textarea{padding:0 12px;border:1px solid #E0E0E0;border-radius:3px;font-size:14px} select{padding-right:26px} textarea{padding:10px 12px} .btn01, input, button{outline:none} /* dialog */ .ui-widget, .ui-widget *, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{font-family:'Noto Sans','Nanum Gothic', '占쎈즻占쏙옙' !important} .ui-widget.ui-widget-content{border:0;padding:0} .ui-dialog .ui-dialog-title{font-weight:500;font-size:18px;color:#fff;} .ui-dialog .ui-dialog-titlebar{padding:15px 20px;border:0;border-radius:0;background:#B81C2B;background-position:calc(100% - 55px) 100%} .ui-dialog .ui-dialog-titlebar-close{width:55px;height:100%;top:0;right:0;margin:0;border:0;border-radius:0;} .ui-dialog .ui-dialog-titlebar-close span{display:none} .ui-dialog .ui-dialog-content{overflow:auto;max-height:calc(100vh - 200px) !important;padding:20px 20px 10px;line-height:1.3} .ui-dialog .ui-dialog-buttonpane{border:0;margin:0;padding:20px;text-align:center} .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:none} .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .di_btn_del, .ui-dialog .ui-dialog-buttonpane .di_btn_close, .ui-dialog .ui-dialog-buttonpane .di_btn_conf{display:inline-block;min-width:80px;height:auto;padding:11px 5px;border:1px solid #666;border-radius:0;background:#fff;font-size:15px;color:#333;text-align:center} .ui-dialog .ui-dialog-buttonpane .di_btn_conf{border:0;background:#B81C2B;color:#fff} .ui-dialog .ui-dialog-buttonpane .di_btn_conf:hover{border:0;background:#B81C2B;color:#fff;opacity:0.8} .ui-dialog .ui-dialog-buttonpane button:hover{border:1px solid #666;background:#fff;opacity:0.8} .ui-dialog .ui-dialog-buttonpane button + button{margin-left:5px} .ui-dialog-alert-wrap, .ui-dialog-conf-wrap{position:fixed;left:50% !important;top:50% !important;transform:translate(-50%,-50%) !important} .ui-widget-header{background:none;border:0;padding:0;margin:0} .ui-tabs .ui-tabs-nav li{padding:0;margin:0;border:0;background:none} .ui-tabs .ui-tabs-nav li + li{margin-left:10px} .ui-tabs .ui-tabs-nav .ui-tabs-anchor{color:#0039BD} .mlt_msg li .required{vertical-align:middle} .ui-tabs .ui-tabs-panel{padding:0} /* ui-datepicker */ .ui-datepicker{box-shadow:0 0 20px 1px rgb(0 0 0 / 10%);} .ui-datepicker .ui-datepicker-header{border:0;border-radius:0;background:#0039BD;} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{top:50%;width:25px;height:25px;margin-top:-12px;border:0;background:no-repeat 50% 50%;cursor:pointer} .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{display:none} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-prev:hover{left:5px;background-image:url(./images/white_arrow_ic_prev.png)} .ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-next:hover{right:5px;background-image:url(./images/white_arrow_ic_next.png)} .ui-datepicker .ui-datepicker-title{display:flex;align-items:center;margin:0 25px;font-size:13px;color:#fff} .ui-datepicker .ui-datepicker-title select{height:25px;margin:0 5px;border-radius:3px;padding:0 5px;line-height:23px;font-size:13px;color:#666} .ui-datepicker .ui-datepicker-title select{background-position-x:calc(100% - 5px)} .ui-datepicker .ui-datepicker-calendar{margin:0} .ui-datepicker .ui-datepicker-calendar thead th{font-weight:400;} .ui-datepicker .ui-datepicker-calendar tbody td span, .ui-datepicker .ui-datepicker-calendar tbody td a{padding:0;border:0;background:none;text-align:center} .ui-datepicker .ui-datepicker-calendar tbody td a:hover, .ui-datepicker .ui-datepicker-calendar tbody td a.ui-state-active{border-radius:3px;background:#0039BD;color:#fff} .ui-datepicker .ui-datepicker-calendar tbody td a:hover{opacity:0.8} .ui-datepicker .ui-datepicker-calendar tbody td.ui-state-disabled span{border:0;background:none} .ui-timepicker-div.ui-timepicker-oneLine{margin-top:10px;} .ui-timepicker-div.ui-timepicker-oneLine dl{display:flex;align-items:center;justify-content:center} .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label{margin-right:5px;padding:0;font-size:14px} .ui-timepicker-div .ui-timepicker-select{width:50px;height:25px;padding:0 10px;margin:0 2px;line-height:23px;background:#fff} /* header */ header{position:fixed;top:0;left:0;width:100%;height:50px;border-bottom:1px solid #D9D9D9;background:#fff;} header article, header #gnb{height:100%;background:#fff} /*header #gnb{position:absolute;top:0;left:50%;z-index:100;max-width:calc(100% - 500px);width:900px;margin:0;border-bottom:0;transform:translateX(-50%);}*/ .main_w header article{display:flex;align-items:center;justify-content:space-between;max-width:100%;width:100%;margin:0 auto} header article .logo_wrap {position:static;width:216px;height:100%;padding:0;} header article .logo_wrap a{display:block;width:100%;height:100%;text-indent:-9999px;background:url(./images/common/syworks_logo.png) no-repeat 50% 50%} header article .header_top {position:static;width:auto;padding:0;padding-right:20px} header article .header_top ul{display:flex;align-items:center;float:none;} header article .header_top a{margin-left:10px;padding:5px 10px;border-radius:50px;} header article .header_top a span{color:#fff} header article .header_top span{font-weight:500;font-size:12px;color:#333} header article .header_top a.change_btn{border:1px solid #808080;background:#fff;} header article .header_top a.change_btn span{display:inline-block;padding-left:15px;color:#393939;background:url(./images/common/header_change_btn_ic.png) no-repeat 0 50%} header article .header_top ul li{height:auto;line-height:1;} header article .header_top ul li a.logout{width:auto;height:auto;padding:5px 10px;border-color:#B81C2B;background:#B81C2B;text-indent:0;transition:0s} header article .header_top ul li a.logout span{font-weight:400;color:#fff;white-space:nowrap;} header article .header_top ul li a.mypage{background:url('/content/02comm/css/images/common/mypage02.png') no-repeat 50% 50%;} header article .header_top ul li.lang select {color:#333; background:#fff url('/content/02comm/css/images/common/select_bg.png') no-repeat right 8px center} header article .header_top a:hover{opacity:0.8} header article .header_top ul li:first-child{width:auto; overflow:visible;} header article .header_top ul li:last-child {padding-top:0;} header .gnb{border:0} .layout01 header .gnb > ul li.gnb_1dep{position: relative;border:0;width: 10.5rem;} .layout01 .type01 .gnb > ul > li > .sub_2{top:77px;border:0} .layout01 .type01 .gnb > ul > li > .sub_2 > ul{border:1px solid #ddd;} .gnb > ul > li > .sub_2 > ul > li > a.on{color:#B81C2B} .type03 .btn_close, .type03 .btn_close.on{bottom: -410px;} #gnb > ul{display:flex;align-items:center;justify-content:center;float:none;width:100%;height:100%;margin:0 auto;background:none; gap: 95px;} /*#gnb > ul > li{width:auto;height:100%;margin:0;padding:12px 10px}*/ /*#gnb > ul > li > a{display:block;padding:0 21px;padding-top:28px;background:url(./images/common/gnb_ic_5.png) no-repeat 50% 0;font-weight:500;font-size:13px;color:#6b6b6b;text-align:center;transition:0s;word-break:keep-all;}*/ #gnb > ul > li > a > span{display:block;min-width:32px;background:#fff} #gnb > ul > li > ul{display:none} /* #gnb > ul > li > a:hover, #gnb > ul > li > a:focus, #gnb > ul > li > a:active, #gnb > ul > li > a.on{color:#B81C2B;background-position-y:-28px} #gnb > ul > li:nth-child(1) > a{background-image:url(./images/common/gnb_ic_1.png)} #gnb > ul > li:nth-child(2) > a{background-image:url(./images/common/gnb_ic_2.png)} #gnb > ul > li:nth-child(3) > a{background-image:url(./images/common/gnb_ic_3.png)} #gnb > ul > li:nth-child(4) > a{background-image:url(./images/common/gnb_ic_4.png)} #gnb > ul > li:nth-child(5) > a{background-image:url(./images/common/gnb_ic_5.png)} #gnb > ul > li:nth-child(6) > a{background-image:url(./images/common/gnb_ic_6.png)} #gnb > ul > li:nth-child(7) > a{background-image:url(./images/common/gnb_ic_7.png)} */ /* 서브 페이지 */ .khu_wrap .logo_wrap a {background: url(./images/common/footer_logo.png) no-repeat 50% 50%; display: block;width: 100%; height: 100%; background-size: cover;} .khu_wrap .gnb_wrap { position: fixed; top: 0;left: 0;z-index: 9;background: #fff;border-bottom: 1px solid #D4D4D4;width: 100%;margin: 0 auto; height: 110px; max-width: 100%;} .khu_wrap .gnb_inner { max-width: 1580px;margin: 0 auto; width: 100%;} .khu_wrap .gnb_wrap #gnb> ul > li > a > span { margin-top: 15px; color: #111; font-family: Pretendard;font-size: 20px;font-style: normal;font-weight: 600;line-height: 100%;letter-spacing: -0.4px;} .khu_wrap .gnb_wrap .gnb > ul li.gnb_1dep {height: 60px; position: relative;} .khu_wrap .gnb > ul > li > .sub_2.is-active {margin-top: 0;width: 175px;border-radius: 17px;background: #fff;text-align: center;border: 1px solid #E8E8E8;overflow: hidden;filter: drop-shadow(0 4px 30px rgba(0, 0, 0, 0.06));} .khu_wrap article{left:auto;right:0; padding: 15px;width: 380px;} header article .header_top { padding-right: 0;} .khu_content .con_wrap section {max-width: 1540px;width: 100%;margin: 0 auto;float: none;padding: 0;background: #fff;margin-top: 60px; padding: 0} .khu_content .h3_box{ padding: 0;} .khu_content .h3_box h3{ color: #111; font-family: Pretendard; font-size: 53px;font-weight: 700;letter-spacing: -1.06px; line-height: normal; margin-bottom: 60px;} .khu_content .area-linemap ul li a.icon-home {background: url(./images/common/sub_home.png) no-repeat 50% 50%;width: 30px;height: 30px; display: block; text-indent: -9999px;} .khu_content .area-linemap {max-width: 1540px;width: 100%;margin: 0 auto;height: 98px;display: flex; align-items: center;border-bottom: 3px solid #C8C8C8; justify-content: space-between;} .khu_content .area-linemap ul { display: flex;align-items: center; gap: 40px;} .khu_content .area-linemap li span {color: #333;font-family: Pretendard; font-size: 16px; font-weight: 600;line-height: 140%; /* 22.4px */ letter-spacing: -0.32px;} .area-linemap .etc { text-indent: -9999px; display: flex;align-items: center;} .area-linemap a.print { width: 50px; height: 50px;display: block;background: url(./images/common/print_ic.png) no-repeat 50% 50%;} .area-linemap a.share { width: 50px; height: 50px;display: block;background: url(./images/common/share_ic.png) no-repeat 50% 50%;} .khu_content .area-linemap ul li {position: relative;} .khu_content .area-linemap ul li _+ li:before {content: ""; width: 1px;height: 13px;background: #D7D7D7;display: block;} .khu_content .area-linemap ul li + li:before { content: ""; width: 1px; height: 13px;background: #D7D7D7;display: block; top: 50%;left: -20px;position: absolute; transform: translateY(-50%);} .khu_content .area-linemap ul li + li {position: relative;} header.khu_wrap .gnb_inner .gnb { width: calc(100% - 470px);} header.khu_wrap .gnb_inner .btn-search {background: url(./images/common/search_ic_black.png) no-repeat 50% 50%; width: 25px;height: 25px;} .gnb_wrap.sticky .btn-search {background: url(./images/common/pc_search_ic.png) no-repeat 50% 50%;width: 25px; height: 25px;display: block;background-size: 22px;} header.khu_wrap .gnb_inner .btn-search {background: url(./images/common/pc_search_ic.png) no-repeat 50% 50%; width: 25px;height: 25px; background-size: 22px;} .con_box_pad .page_cont { border: 0; box-shadow: none; background: none; padding: 0;} .page_cont .search_form {width: auto; padding: 0;margin-bottom: 0;border: none;background: none;} .table_list_wrap .table_top {display: none;} .table_wrap.board_table table.t_list thead tr th { height: 60px;color: #000; text-align: center;font-family: Pretendard;font-size: 15px;font-weight: 600;line-height: 160%; letter-spacing: -0.3px; border-color: #CECECE;background: #FAFAFA;border-top: 2px solid #777777;border-right: 0;} .table_wrap.board_table table.t_list tbody td { border-top: 1px solid #ECECEC; height: 60px;text-align: center;font-family: Pretendard; font-size: 16px; font-weight: 500;line-height: 160%; color: #666;} .page_cont .page_list li a::before { width: 36px;height: 36px; border-radius: 100px; border: 1px solid #0D326F;background: none; left: 50%;top: 50%;transform: translate(-50%, -50%);} .page_cont .page_list li.on a {color: #0D326F;text-align: center;font-family: Pretendard;font-size: 15px;font-style: normal;font-weight: 600; line-height: normal;letter-spacing: -0.3px;width: auto; height: auto; text-indent: -5px;} .webzine_w.li1 > li:last-child {border-bottom: 2px solid #777;} /* header sticky */ header{transition:all 0.2s} header.sticky{position:fixed;top:0;left:0;width:100%;height:40px;box-shadow:0 0 20px 1px rgb(0 0 0 / 10%);transform:translateY(0)} header.sticky article h1 a{background-size:76px} header.sticky #gnb{min-height:auto} header.sticky #gnb > ul > li > a{position:relative;padding:0;background-image:none;} header.sticky #gnb > ul > li > a:hover::after, header.sticky #gnb > ul > li.open > a::after{width:100%} header.sticky #gnb > ul > li > a > span{padding-top:0} header.sticky article .header_top{height:100%;} header.sticky article .header_top .text_{display:none} header.sticky article .header_top a{border-radius:0;} header.sticky article .header_top a span{display:none} header.sticky article .header_top a.change_btn{border-top:0;border-bottom:0;border-color:#D0D0D0;background:#fff url(./images/common/header_change_btn_ic.png) no-repeat 50% 50%} header.sticky article .header_top a.logout{width:28px;height:40px;background:#B81C2B url(./images/common/logout_ic.png) no-repeat 50% 50%} .layout01 header.sticky .gnb > ul > li > .sub_2{top:39px} /* footer */ .main_w footer{background: #fff;height:auto;} footer{height:auto;border-top:1px solid #D9D9D9;background:#F5F5F5} .footer_wrap{width:100%;max-width:1920px;height:100%;padding:10px 0;margin:0 auto;} footer>.footer_wrap .footer_box04 ul, footer>.footer_wrap .footer_box05{padding:0} .family_site{position:relative;} .family_site .tit{width:180px;height:33px;line-height:33px;box-sizing: border-box;} .family_site .tit a {display:block;position:relative;height:33px;font-size:12px;padding-left:20px;color:#7d7d7d;background:#fff} .family_site .tit a.on {border-top:1px solid #dbdbdb;} .family_site .tit a::after{content:'';display:block;position:absolute;top:50%;right:10px;width:12px;height:7px;margin-top:-3px;background:url('./images/common/select_arrow.png') 50% 50% no-repeat;transition:transform 0.3s} .family_site .tit a.on::after{transform:rotate(180deg)} .family_site ul {display:none;position:absolute; bottom:33px;width:100%;z-index: 20; height:500px; overflow-y:auto; border:1px solid #ddd; border-bottom:0;} .family_site ul li a {display:block; border-top:1px solid #dbdbdb; padding:12px 0 12px 10px; font-size:10px; color:#7d7d7d; background:#fff; border-bottom:none;} /* container */ .container, .con_wrap section{background:#ffffff;} .container{display:flex;flex-wrap:wrap;max-width:1920px;min-width:1280px;width:100%;margin:0 auto;padding:78px 0 0;} .con_wrap section{width:calc(100% - 230px);min-height:auto;padding:20px 20px 60px;margin:0} header .gnb {margin-left: 0;} header .gnb > ul.li3 > li { width: auto; } #gnb > ul > li.hover:hover > a > span {color: #A40F16;} .khu_content .sub_visual {display: flex; flex-wrap: wrap;align-items: center; justify-content: center;align-content: center; width:100%; position: relative;z-index: 1;height: 370px;color: #fff;} .khu_content .sub_visual h2 { color: #FFF; text-align: center;text-shadow: 0 0 24px rgba(0, 0, 0, 0.38); font-family: Pretendard;font-size: 50px;font-weight: 700;line-height: 65px;letter-spacing: -1px;} .khu_content h2:before {content: '';display: block;position: absolute;top: 0;left: 0; z-index: -1;bottom: 0;right: 0; background: url(./images/common/sub_visual01.jpg) no-repeat 50% 50%;background-size: cover;} .khu_content h2:after { content: ""; position: absolute; top: 0;left: 0;width: 100%; height: 100%; background-color: #0000002E;z-index: -1;} /* 경희대 교육혁신사업단 gnb */ .layout01.style03{border-bottom: 0;} body {background: transparent; min-height:100vh;flex-direction:column; display:flex;} .gnb_wrap {position: relative;max-width: 1580px;width: 100%;height: 100%;margin: 0 auto;margin-top: 25px;} .gnb_wrap.sticky .gnb_inner { max-width: 1580px;margin: 0 auto;} .gnb_inner {display: flex;justify-content: space-between;position: relative;align-items: center;height: 100%;} .container {padding: 0;min-width: 100%;} .layout01 header { border-bottom: 0;background: transparent;} header article, header #gnb {background: transparent;} header .gnb > ul li.gnb_1dep{background: transparent;} #gnb > ul > li > a > span{ background: transparent;color: #FFF;font-family: Pretendard;font-size: 20px;font-weight: 700;line-height: 50px; letter-spacing: -0.4px;} .main_wrap .inner{max-width: 100%;} .logo_wrap a{background: url(./images/common/khu_logo_ff.png) no-repeat 50% 50%; display: block;width: 100%;height: 100%;background-size: contain;} .logo_wrap { width: 290px;height: 58px;} header .gnb { width: calc(100% - 470px);} .pop-modal.search { display:none;width: 430px;height: auto;background: #fff;border-radius: 5px;transform: translateX(50%); transition: 0.5s;border: 1px solid #E8E8E8;padding: 25px;top: calc(50px + 1.0rem);right: 0;max-width: 48.0rem;position: absolute;} .pop-modal.search.open{ display:block; visibility: visible;z-index: 3;transform: translateX(0);} .pop-header span {display: block;color: #111;font-size: 24px;font-weight: 700;line-height: 100%;letter-spacing: -0.48px; margin-bottom: 20px;text-align: left;} .input-area1 input {border-radius: 5px;border: 1px solid #ADBBD2; background: #FFF;width: 100%;height: 50px; color: #999; font-size: 16px;font-weight: 500; line-height: 100%;letter-spacing: -0.32px;} .pop-wrapper .pop-header {display: flex;align-items: flex-start;justify-content: space-between;} .pop-wrapper button.pop-close { color: #111; font-size: 20px; font-weight: 700; line-height: 100%; letter-spacing: -0.48px;background: none;} .pop-container .input-area1 { position: relative;} .pop-container button.btn-sub1 { position: absolute; top: 50%; right: 0; transform: translateY(-50%);text-indent: -9999px; width: 50px;height: 50px;font-family: Pretendard; background: url(./images/common/search_ic_black.png)no-repeat 50% 50%;} .container.khu_content {margin-top: 110px;background: #fff;} /* 메인 비주얼 */ .main_wrap { background: #fff; overflow: hidden;padding: 0;} .main_sec.visual_banner{position:relative;width:100%;overflow:hidden;} .main_visual .swiper{position: relative;width:100%;height:100%;} .main_visual .swiper-wrapper li{position:relative;width:100%;height:100%;/* display:flex; */align-items:center;justify-content:center;overflow:hidden;} .main_visual .img{width:100%;height:100%;} .main_visual .img img{width:100%;height:100%;object-fit:cover;} .main_visual .tit{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;z-index:5;} .main_visual .tit em{display: block; margin-bottom:60px;] color: #FFF;text-align: center;text-shadow: 0 0 16px rgba(0, 0, 0, 0.38);font-family: Pretendard;font-size: 14px;font-weight: 600;line-height: 140%; /* 19.6px */letter-spacing: 1.4px;text-transform: uppercase;} .main_visual .tit strong{color: #FFF;text-align: center;text-shadow: 0 0 24px rgba(0, 0, 0, 0.38);font-family: Pretendard;font-size: 50px;font-weight: 700;line-height: 65px; /* 130% */letter-spacing: -1px;} .main_w .layout01 header article{padding: 0;justify-content: space-between;min-width: 1520px;width: 100%;margin: 0 auto;} .visual_dir_btn {display: flex;align-items: center; justify-content: center;max-width: 255px;height:53px;color: #fff;border-radius: 50px; border: 1.3px solid #FFF; text-align: center; margin: 0 auto;margin-top: 65px;} .visual_dir_btn span {color: #FFF; text-align: center;font-family: Pretendard; font-size: 18px;font-weight: 700;line-height: 140%; /* 25.2px */letter-spacing: -0.36px; text-transform: capitalize; padding-right: 45px; background: url(./images/common/long_arrow.png) no-repeat 100% 50%; background-size: 25px;} .swiper-vi-control { position:absolute; bottom:60px; left:50%; transform:translateX(-50%); z-index:10; display:flex; align-items:center; gap:25px; box-sizing:border-box; width: 100%; justify-content: center; } .main_visual .swiper-vi-pagination { display:flex; align-items:center; gap:15px; margin-right: 30px; } .main_visual .swiper-vi-pagination .swiper-pagination-bullet { display:none; width:auto; height:auto; background:none; opacity:1; cursor:pointer; font-family:'Pretendard',sans-serif; font-size:18px; font-weight:500; color:#fff; align-items:center; gap:15px; } .main_visual .swiper-vi-pagination .swiper-pagination-bullet-active { display:flex; font-weight:700; } .main_visual .vi-progress { display:inline-block; width:150px; height:2px; background:rgba(255,255,255,0.3); position:relative; overflow:hidden; } .main_visual .vi-progress span { display:block; width:0%; height:100%; background:#fff; animation:visualPasin 8s linear forwards; } .navigation-arrows { display:flex; gap:20px; } .swiper-vi-prev,.swiper-vi-next { display:block; width: 8px;height: 12px; cursor:pointer; background-repeat:no-repeat; background-position:center; background-size:contain; } .swiper-vi-prev { background-image:url('./images/common/arrow_prev_ff.png') ; margin-right: 5px;margin-left: 20px;} .swiper-vi-next { background-image:url('./images/common/arrow_next_ff.png'); } @keyframes visualPasin { 0% { width:0%;} 100%{ width:100%;} } .main_visual .img video {width: 100%;height: 100%; object-fit: cover;display: block;} .main_visual .swiper-vi-pagination div { color: #FFF; font-family: Pretendard;font-size: 16px;font-weight: 700;line-height: 140%; vertical-align: middle; letter-spacing: -0.32px;margin-left: 20px;} .swiper-vi-control > div { display: flex; align-items: center;} video.main-video { width: 100%; height: 100%;object-fit: cover;filter: brightness(77%);} /* 공통 가이드 */ .main_con_tit{color: #111;text-align: center;font-family: Pretendard;font-size: 40px;font-weight: 800;line-height: 140%; /* 44.8px */letter-spacing: -0.64px;text-transform: capitalize;} .main_sec {max-width: 1540px; width: 100%;margin: 0 auto; margin-top: 120px; padding: 0 20px;} .main_tit_wrap { margin-bottom: 50px; text-align: center;} .tit_ff01{color: #FFF;font-family: Pretendard;font-size: 30px;font-weight: 700;line-height: 34px; /* 113.333% */letter-spacing: -0.6px;} a:hover { opacity: 1;} .main_sec_wrap {position: relative; z-index: 1;} .main_sec_wrap:After {background: url(./images/common/khu_watermartk.png) no-repeat 50% 50%;content: "";width: 50%;height: 1108px; position: absolute;left: 50%;top: 30%;transform: translate(-50%, -50%);background-size: cover; z-index: -1;} .visual_banner {width: 100%; height: 920px;} .main_visual {height: 100%;} .btn-search { background: url(./images/common/search_ic.png) no-repeat 50% 50%;width: 23px; height: 23px;display: block;background-size: cover;} .btn_direct_khu { background: #A40F16; color: #fff;display: inline-flex;justify-content: center;align-items: center; gap: 7px; border-radius: 60px;padding: 15px 24px;overflow: hidden;} .btn_direct_khu span {color: #FFF;font-size: 14px; font-weight: 700; line-height: 100%; /* 14px */letter-spacing: -0.28px;padding-right: 20px; background: url(./images/common/top_direct_arrow.png) no-repeat 100% 50%;} .utile_box { display: flex; align-items: center;gap: 23px;} .sub_point_txt { color: #111; font-family: Pretendard;font-size: 24px; font-weight: 700;line-height: 140%; /* 33.6px */ letter-spacing: -0.48px;} .sub_info_txt {margin-top: 45px;color: #555;font-family: Pretendard;font-size: 16px;font-weight: 600; line-height: 140%; /* 22.4px */ letter-spacing: -0.32px;} .layout01.style03.main_w .container {padding-top: 0;} body.user.sub_cont .resetBtn { display: none;} .layout01.style03.user .container {padding-top: 0;} .layout01.user.sub_cont .container { margin-top: 0;padding-top: 60px;} .visual_banner .img_mob {display: none;} .khu_Swiper:has(.swiper-slide.first.last) .swiper-vi-control {display:none;} .top_banner.is-empty { display: none!important;} /* 관리자 레이아웃 */ header.admin article { display: flex;align-items: center; justify-content: space-between;max-width: 100%;width: 100%;} header.admin #gnb > ul > li > a > span {font-size: 16px;color:#333;} header.admin .gnb {margin: 0 auto; width: calc(100% - 500px);} header.admin #gnb > ul{gap: 15px;} header.admin article .header_top{text-align: right; margin-left: auto;} header.admin article .header_top ul {padding-bottom: 0;} header.admin + .container { margin: 0 auto;padding: 90px 0 0;} header.admin .gnb { display: flex;align-items: center;width: calc(100% - 1000px);margin: 0 auto;} header.admin {background: #fff;height: 90px;} header.admin #gnb > ul{ height: auto;} header.admin + .container {padding-top: 90px!important;} .layout01.style03 .container{padding-top:90px;} ul.search_form.dl1 > li {display: flex; flex-wrap: wrap; width: 100%;padding: 5px 20px;} header.admin .page_cont .search_form {width: 100%; padding: 15px 0;margin-bottom: 10px; border: 1px solid #E0E0E0;background: #FCFCFC;} header.admin + .page_cont .search_form {width: 100%;padding: 15px 0; margin-bottom: 10px; border: 1px solid #E0E0E0;background: #FCFCFC;} ul.search_form.dl1 { width: 100%; padding: 15px 0; margin-bottom: 10px; border: 1px solid #E0E0E0; background: #FCFCFC;display: block;} ul.search_form.dl1 > li {display: flex; flex-wrap: wrap; width: 100%; padding: 5px 20px;} .srch {width: 100%;padding-right: 0; display: flex;padding: 5px 20px; } .btn_box { width: 145px; border-radius: 50px;/* background: #B81C2B; */color: #fff; font-size: 14px; text-align: center; margin-left: 5px;min-width: auto; height: 38px;padding: 0; border: 0;line-height: 36px;display: inline-block;} .search_form .search_bar_wrap dt{ padding-left: 20px;} .search_form .srch .btn_box{ display: flex;} .user .search_form .search_bar_wrap dt .search_title label { display: none;} header.admin article .logo_wrap a { background: url(./images/common/footer_logo.png) no-repeat 50% 50%; background-size: contain;} header article .logo_wrap a {display: block; width: 100%; height: 100%; text-indent: -9999px; background: url(./images/common/syworks_logo.png) no-repeat 50% 50%;} /* 배너 영역 기본 스타일 */ .top_banner {width: 100%; height: 50px;color: #fff; position: relative;display: flex;align-items: center;} .top_banner .banner_wrap{ margin-top: 0;height: 100%;width: 100%; display: flex;background: #0D326F;} .top_banner .banner_inner { background: #0D326F; height: 100%; width: 70%;display: flex;align-items: center; flex-grow: 1;position: static; overflow: hidden;max-width: 850px;margin: 0 auto; height: 100%;} .top_banner .banner_list {list-style: none;padding: 0; margin: 0; height: 100%;} .top_banner .banner_slide {text-align: center;line-height: 50px; /* 배너 높이와 동일하게 설정하여 텍스트 수직 중앙 정렬 */} .top_banner .slide_link { font-size: 14px; display: block;height: 100%;color: #FFF; text-align: center;font-weight: 600;text-decoration: underline;} .top_banner .swiper-button-prev{width: 15px; height: 20px;background: url(./images/common/arrow_prev_ff.png) no-repeat 50% 50%;text-indent: -9999px;font-size: 0} .top_banner .swiper-button-next {width: 15px; height: 20px;background: url(./images/common/arrow_next_ff.png) no-repeat 50% 50%;text-indent: -9999px;font-size: 0} .top_banner .swiper-button-prev {left: 30%; right: auto;} .top_banner .swiper-button-next {left: auto; right: 30%;} .top_banner .banner-controls { display: flex; align-items: center;flex-shrink: 0; height: 100%;width: 20%;background-color: #A40F16; line-height: 50px;border-radius: 0 0 0 90px; position: absolute; right: 0;justify-content: flex-end; padding-right: 40px;} .top_banner .today_close { font-size: 20px;margin-right: 20px;} .top_banner .today_close input[type="checkbox"] { margin-right: 5px; border-radius: 3px;border: 1px solid #111; width: 18px;height: 18px;vertical-align: middle;} .top_banner .btn-close {background: none;border: none;color: #fff;font-size: 20px;cursor: pointer;line-height: 1;padding: 0;} .today_close span {color: #FFF;font-family: Pretendard; font-size: 13px;font-weight: 500; letter-spacing: -0.032px;} /* 스크롤시 gnb 스티키 */ .gnb_wrap.sticky { position: fixed;top: 0;left: 0; z-index: 9;background: #fff; border-bottom: 1px solid #D4D4D4; width: 100%;margin: 0 auto; height: 110px; max-width: 100%;} .gnb_wrap.sticky .logo_wrap a { background: url(./images/common/footer_logo.png) no-repeat 50% 50%;background-size: cover;} .gnb_wrap.sticky .logo_wrap {width: 290px; height: 58px; display: block;} .gnb_wrap.sticky #gnb> ul > li > a > span { margin-top: 15px; color: #111;font-family: Pretendard;font-size: 20px;font-style: normal;font-weight: 600; line-height: 100%;letter-spacing: -0.4px;} header .gnb_wrap.sticky .gnb > ul li.gnb_1dep{ height:60px; position: relative;} .gnb_wrap.sticky .gnb > ul > li > .sub_2.is-active {position: absolute;top: 100%; left: 0; transition: none;} .gnb_wrap.sticky .btn-search {background: url(./images/common/pc_search_ic.png) no-repeat 50% 50%;width: 25px; height: 25px; background-size: 22px;} header .gnb_wrap.sticky .btn_gnb span {width: 18px;height: 18px;background: url(./images/common/hamberger_bb_ic.png) no-repeat 50% 50%; display: block;text-indent: -999px;} header .gnb_wrap .btn_gnb span{width: 18px;height: 18px;background: url(./images/common/hamberger_ff_ic.png) no-repeat 50% 50%; display: block;text-indent: -999px;} .main_w.gnb_open .gnb_wrap .btn_gnb span {width: 18px;height: 18px;background: url(./images/common/hamberger_bb_ic.png) no-repeat 50% 50%; display: block;text-indent: -999px;} header .gnb_wrap.sticky .btn_gnb{width: auto!important;} /* 컨텐츠01*/ .main_sec.quick_menu .main_con_tit{font-size: 32px;} .quick_menu .panel .default_label { padding-bottom: 35px;background: url(./images/common/long_arrow.png) no-repeat 50% 100%;background-size: 29px;} .quick_menu .panels {display: flex;gap: 23px;height: 415px;} .quick_menu .panel {position: relative;flex: 1;min-width: 0; border-radius: 5px;overflow: hidden;cursor: pointer;transition: flex 0.3s ease;} .quick_menu .panel .panel_bg { position: absolute; inset: 0;background-size: cover; background-position: center; filter: brightness(.65);transition: transform 0.4s ease, filter 0.3s ease;} .quick_menu .panel:hover .panel_bg {transform: scale(1.05); filter: brightness(.75);} .quick_menu .panel .panel_body {position: relative;z-index: 2;height: 100%;display: flex;flex-direction: column; justify-content: center;align-items: center} .quick_menu .default_label {text-shadow: 0 3px 10px rgba(0, 0, 0, .4);color: #FFF;font-family: Pretendard; font-size: 30px;font-weight: 700;line-height: 34px;letter-spacing: -0.6px;} .quick_menu .detail_box { display: none;opacity: 0;visibility: hidden;transform: translateY(10px);transition: all 0.3s ease; color: #fff;} .quick_menu .panel.active .detail_box { display: block;} .quick_menu .detail_box .tit_ff01 {color: #FFF; font-family: Pretendard;font-size: 20px;font-weight: 700; letter-spacing: -0.4px;margin-bottom: 8px;padding-right: 30px;background: url(./images/common/long_arrow.png) no-repeat 100% 55%;background-size: 18px;display: inline-block;} .quick_menu .detail_box .desc {opacity: .9;margin-bottom: 15px;} .quick_menu .detail_box .btn {display: inline-block; padding: 8px 16px; background: rgba(255,255,255,.2);border-radius: 6px;color: #fff;text-decoration: none;backdrop-filter: blur(4px);} .quick_menu .panel.active .detail_box { position: absolute; top: 50px;left: 50px;opacity: 1; visibility: visible;transform: translateY(0);} .quick_menu .panel.active .default_label{ opacity: 0;visibility: hidden;} .quick_menu .panel.active { flex: 4;background: url(./images/common/quick_cont_01.jpg) no-repeat 100% 70%;width: 100%; height: 100%; background-size: cover; } .quick_menu .panels:hover .panel { flex: 1; } .quick_menu .panels .panel:hover { flex: 4; } .quick_menu .panel:nth-child(1) .panel_body{ background: url(./images/common/quick_bg01.jpg) no-repeat 50% 50%; background-size: cover;} .quick_menu .panel:nth-child(2) .panel_body{ background: url(./images/common/quick_bg02.jpg) no-repeat 50% 50%; background-size: cover;} .quick_menu .panel:nth-child(3) .panel_body{ background: url(./images/common/quick_bg03.jpg) no-repeat 5% 50%; background-size: cover;} .quick_menu .panel:nth-child(4) .panel_body{ background: url(./images/common/quick_bg04.jpg) no-repeat 50% 50%; background-size: cover;} .quick_menu .panel.active .panel_body {background: none;} .panel.active .default_label {display: none;} .detail_box .panel_desc {color: #FFF;font-family: Pretendard;font-size: 32px;font-weight: 700; line-height: 40px;letter-spacing: -0.32px;margin-bottom: 50px;} .detail_box .visual_dir_btn {max-width: 156px;margin: 0; height: 47px;} .detail_box .visual_dir_btn span{font-size: 15px;padding-right: 30px;background: url(./images/common/long_arrow.png) no-repeat 100% 50%;background-size: 18px;} .main_w .layout01 .type05 .gnb > ul > li > .sub_2.is-active{ margin-top: 0; width: 175px; border-radius: 17px;background: #fff; text-align: center; border: 1px solid #E8E8E8; overflow: hidden; filter: drop-shadow(0 4px 30px rgba(0, 0, 0, 0.06));} .main_w .layout01 .type03 .gnb > ul > li > .sub_2, .layout01 .type05 .gnb > ul > li > .sub_2{ margin-top: 0;width: 175px;border-radius: 17px; transition: none;} .main_w .layout01 .type05 .gnb > ul > li > .sub_2{background: #fff;position: absolute;margin: 0 auto !important;left: -25px;} .type05 .gnb > ul > li > .sub_2 > ul > li + li { border-top: 0;} .type05 .gnb > ul > li > .sub_2 > ul > li > a {width: 100%; padding: 0 20px 0 30px; height: 50px;line-height: 50px; background: #ffffff;text-align: center; padding: 0; color: #000;text-align: center;font-family: Pretendard;font-size: 16px;font-weight: 600;line-height: 47px;letter-spacing: -0.32px;} .type05 .gnb > ul > li > .sub_2 > ul{padding: 15px 0;} .type05 .gnb > ul > li > .sub_2 > ul > li:hover a { color: var(--KHU_Red, #A40F16);text-align: center; font-size: 16px; font-weight: 700;letter-spacing: -0.32px; text-decoration: underline; text-underline-offset: 5px;text-decoration-thickness: 2px;} .main_con_tit_sub{color: #333;text-align: center;font-size: 18px;;font-weight: 700;line-height: 140%; /* 25.2px */letter-spacing: 0.18px; margin-bottom: 34px;} .quick_menu .panel.active:After {content: ""; width: 68px; height: 68px;display: block; background: url(/content/05sub/style0006/images/common/quic_cont01.png) 0% 50%; z-index: 99;position: absolute; right: 65px; top: 55px; background-size: 68px;} .quick_menu .panel:nth-child(2).active:After {content: ""; background: url(/content/05sub/style0006/images/common/quic_cont02.png) 0% 50%; width: 72px; height: 70px;} .quick_menu .panel:nth-child(3).active:After {content: ""; background: url(/content/05sub/style0006/images/common/quic_cont03.png) 0% 50%; width: 83px; height: 68px;} .quick_menu .panel:nth-child(4).active:After {content: ""; background: url(/content/05sub/style0006/images/common/quic_cont04.png) 0% 50%; width: 70px; height: 68px;} .main_visual .swiper-vi-control > div{display:flex;align-items:center;gap:10px;} .main_visual .swiper-vi-control > div span{color:#fff;} .main_visual .swiper-vi-progress{position:relative;height:2px;width:120px;color:#fff;} .main_visual .swiper-vi-control div span{color: #FFF; font-family: Pretendard;font-size: 16px; font-style: normal;font-weight: 700;line-height: 140%;letter-spacing: -0.32px;} /* 컨텐츠02*/ .youtube_menu_inner { display:grid; grid-template-columns:1fr 2fr 1fr; grid-auto-rows:208px; gap:20px; } .yt_item { position:relative; overflow:hidden; border-radius:5px; } .yt_item img { width:100%; height:100%; object-fit:cover; } .youtube_menu_inner .yt_item:nth-child(1) { grid-column:2 / 3; grid-row:1 / 3; } .youtube_menu_inner .yt_item:nth-child(2) { grid-column:1 / 2; grid-row:1 / 2; } .youtube_menu_inner .yt_item:nth-child(3) { grid-column:1 / 2; grid-row:2 / 3; } .youtube_menu_inner .yt_item:nth-child(4) { grid-column:3 / 4; grid-row:1 / 2; } .youtube_menu_inner .yt_item:nth-child(5) { grid-column:3 / 4; grid-row:2 / 3; } .youtube_menu_inner .yt_item::after {content: "";position: absolute;background: url(./images/common/youtube_ic.png) no-repeat 50% 50%;left: 50%; top: 50%;width: 75px; height: 52px;transform: translate(-50%, -50%); pointer-events: none;} .youtube_menu_inner .yt_item:not(:first-child)::after{ width: 50px; height: 40px;background-size: contain;} .main_more_btn { display: inline-block;padding: 15px 70px; border-radius: 50px; border: 1.5px solid #114396; background: #FFF; color: #114396; font-size: 18px; font-weight: 700; line-height: 1.2;letter-spacing: -0.36px;transition: 0.2s ease-in;} .main_more_wrap { margin: 0 auto; text-align: center;margin-top: 36px; display: inline-block;width: 100%;} .main_more_btn span {font-size: 15px;padding-right: 25px; background: url(./images/common/blue_arrow.png) no-repeat 100% 58%; background-size: 15px;} .footer_sns .sns_ic.insta {background: #555555 url(./images/common/sns_insta.png) no-repeat 50% 50%;} .footer_sns .sns_ic.youtube { background: #555555 url(./images/common/sns_youtube.png) no-repeat 50% 50%;} .main_more_btn:hover {background: #3E73CA;color: #fff; border: 1.5px solid #3E73CA;} .main_more_btn:hover span {background: url(./images/common/long_arrow.png) no-repeat 100% 58%; font-size: 15px;padding-right: 25px; background-size: 14px;} /* 컨텐츠03*/ .main_sec.insta_menu{max-width: 100%;} .swiper.insta_swiper { width: 100%; height: 100%; } /* .swiper.insta_swiper ul{display:flex;gap: 30px;align-items: center;justify-content: center;} */ .swiper.insta_swiper .swiper-slide {height: 535px;display: flex; align-items: center;justify-content: center; border-radius: 5px;overflow: hidden; } .swiper.insta_swiper .swiper-slide img { width: 100%;height: 100%;object-fit: cover;} .swiper.insta_swiper .swiper-slide a { width: 100%;height: 100%;} .main_sec.insta_menu .swiper-button-prev {position: static;width: 53px;height: 53px;display: block;border-radius: 50px;margin-top: 0;background: #114396 url(./images/common/arrow_prev_ff.png) no-repeat 50% 50%;background-size: 9px;} .main_sec.insta_menu .swiper-button-next {position: static;width: 53px;height: 53px;display: block;border-radius: 50px;background: #114396 url(./images/common/arrow_next_ff.png) no-repeat 50% 50%;background-size: 9px;margin-top: 0;} .control_btn { display: flex; gap: 10px;justify-content: center;align-items: center;} .insta_menu_inner .main_more_wrap{display: flex;align-items: stretch;justify-content: center;gap: 15px;} .main_sec.insta_menu { max-width: 100%; overflow: hidden; } .swiper.insta_swiper .swiper-slide {height: 535px; display: flex;align-items: center; justify-content: center; border-radius: 5px;overflow: hidden;} /* 이미지가 슬라이드 영역을 꽉 채우도록 */ .swiper.insta_swiper .swiper-slide img { width: 100%;height: 100%;object-fit: cover;} /* 컨텐츠04*/ .notice_menu_inner ul {display: flex;gap: 20px;flex-wrap: wrap;justify-content: center;align-items: flex-start;} .notice_menu_inner ul > li {width: 25%;min-height: 218px; border-radius: 5px;border: 1px solid #DDD;background: #FFF;padding: 30px;transition: 0.3s ease-in;} .notice_menu_inner ul > li .notice_tag {border-radius: 50px;border: 1px solid rgba(14, 53, 112, 0.45);display: inline-flex; padding: 8px 14px;align-items: center; gap: 10px;color: #0E3570; font-size: 13px;font-weight: 700;line-height: 1; /* 19.5px */letter-spacing: -0.26px; margin-bottom: 18px;} .notice_menu_inner ul > li .notice_tit { max-width: 80%; margin-bottom: 35px;color: #333;font-size: 22px;font-weight: 700;line-height: 150%; letter-spacing: -0.44px;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;min-height: 65px; transition: 0.3s ease-in;word-break: break-all;} .notice_bottom time {color: #777;font-family: Pretendard;font-size: 13px;font-weight: 500;letter-spacing: -0.26px;padding-left: 30px; padding-left: 25px;background: url(./images/common/calendar_ic.png) no-repeat 0% 50%;background-size: 15px; vertical-align: sub;} .notice_menu_inner ul > li:hover {border-color: #0f326c;} /* 컨텐츠05*/ .main_sec.direct_menu {padding: 0;max-width:100%;} .direct_inner {display: flex; align-items: center;justify-content: space-between; width: 100%; height: 320px;} .direct_left { display: flex;align-items: center;justify-content: center;flex-direction: column; width: 30%; background: url(./images/common/direct_left_bg.jpg) no-repeat 50% 50%;text-align: center;background-size: cover;height: 100%;padding: 0 20px;} .direct_right {position:relative;width: 70%; display: flex;align-items: center; gap: 180px;background: url(./images/common/direct_right_bg.jpg) no-repeat 50% 50%;height: 100%;background-size: cover;justify-content: space-evenly;;} .direct_right:after {content: ""; width: 2px;height: 60px; background: rgba(255, 255, 255, 0.50);;display: block; position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);} .direct_left p { color: #FFF; text-align: center;font-size: 28px;font-weight: 700;line-height: 140%; letter-spacing: -0.6px;background: url(direct_left_bg.jpg)no-repeat 50% 50%;} .direct_left > span { color: #FFF;text-align: center;font-size: 24px;line-height: 140%; /* 33.6px */letter-spacing: 8.64px;text-transform: capitalize;font-weight: 600; margin-bottom: 35px;} .direct_inner .campus_tit {color: #FFF;text-align: center;font-size: 34px;font-weight: 700;margin-bottom: 55px;} .info_item { color: #FFF;font-family: Pretendard; font-size: 18px;font-weight: 700;line-height: 1.5;letter-spacing: -0.36px; margin-bottom: 20px} .direct_inner .info_item > p {background: url(./images/common/place_ic.png) no-repeat 0% 50%; padding-left: 35px;vertical-align: middle;background-size: 20px;} .direct_inner .info_item.info_call > p{background: url(./images/common/phon_ic.png) no-repeat 0% 50%; background-size: 23px; } .direct_inner .info_item.info_email > p{background: url(./images/common/mail_ic.png) no-repeat 0% 50%; background-size: 23px;} .direct_inner .contact_details {display: flex;gap: 38px;} .direct_inner .info_email {padding-top: 0;} .direct_inner .contact_details .info_item {margin-bottom: 0;} .family_box .family_toggle {color: #111;font-size: 16px;font-weight: 600;letter-spacing: -0.32px;padding-right: 32px;background: url(./images/common/arrow_down_blue.png) no-repeat 100% 50%;} .notice_menu_inner .notce_list li:hover .notice_tit { color: #0D326F;text-decoration: underline;} .notice_menu_inner .notce_list li:hover .notice_bottom time {color: #0E3570;} .page_cont .page_list li:nth-child(1) a, .page_cont .page_list li:nth-child(2) a, .page_cont .page_list li:nth-last-child(2) a, .page_cont .page_list li:last-child a{border: 0;} .fade-up{opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease;} .fade-up.is-show{opacity:1;transform:translateY(0);} @media only screen and (max-width: 1560px) { .khu_content .con_wrap section{padding: 0 20px;} .khu_content .area-linemap{ padding: 0 20px;} #gnb > ul{gap:50px;} } @media only screen and (max-width: 1095px) { .gnb_wrap.sticky #gnb> ul > li > a > span{ font-size: 18px} } @media only screen and (max-width: 1420px) { .direct_right:after { width: 60px;height: 2px;} .direct_inner .contact_details { gap: 25px;} .direct_inner {flex-direction: column;height: auto;} .direct_left { width: 100%;height: 287px; background: url(./images/common/direct_left_bg.jpg) no-repeat 10% 50%; background-size: cover;} .direct_right {width: 100%; height: auto;display: block;background-position: 95% 50%;} .direct_left > span {font-size: 24px; font-weight: 600;line-height: 140%; /* 33.6px */letter-spacing: 8.64px;text-transform: capitalize;} .direct_left p { font-size: 26px; font-weight: 700;line-height: 38px;letter-spacing: -0.52px;} .campus_info {padding: 50px 20px;} .direct_inner .campus_tit { font-size: 24px; margin-bottom: 30px;} .direct_inner .info_item > p { font-size: 15px; font-weight: 700;letter-spacing: -0.3px;} .top_banner .today_close{display:none;} } @media only screen and (max-width: 1095px) { #gnb > ul > .gnb_1dep span{font-size:18px;} .layout01 header .gnb > ul li.gnb_1dep{width: auto;} .layout01 .type05 .gnb > ul > li > .sub_2{ width: 135px;} .type05 .gnb > ul > li > .sub_2 > ul > li > a{ height: auto;font-size: 14px;line-height: 45px;} .type05 .gnb > ul > li > .sub_2 > ul > li:hover a {font-size: 14px;} } @media only screen and (max-width: 1024px) { header.khu_wrap .gnb_inner .btn-search {background: url(./images/common/search_ic_black.png) no-repeat 50% 50%; width: 25px;height: 25px;} .gnb_wrap.sticky .btn-search { background: url(./images/common/search_ic_black02.png) no-repeat 50% 50%;width: 25px;height: 25px;display: block;background-size: inherit;} .visual_banner .img_mob {display: block;width: 100%;height: 40rem;} .gnb_wrap {max-width: 100%;padding: 0 20px; margin-top: 16px;} .logo_wrap {width: 145px; height: 50px;} .visual_banner{height:40rem;} .visual_banner .img_mob img { width: 100%; height: 100%; object-fit: cover;} .top_banner .today_close{display:none;} .top_banner{height:45px;} .main_visual .tit { position: absolute;left: 50%;top: 55%;transform: translate(-50%, -50%);text-align: center;color: #fff;z-index: 5;width: 100%;padding: 0 37px;} .main_visual .tit em { color: #fff;font-size: 10px;margin-bottom:42px;} .main_visual .tit strong { font-size: 28px;line-height: 140%; letter-spacing: -0.56px;} .visual_dir_btn{margin-top: 40px;} .visual_dir_btn {height: 48px;} .visual_dir_btn span { font-size: 15px; line-height: 48px;} .main_sec {max-width: 100%;width: 100%;margin: 0 auto;margin-top: 60px;padding: 0 20px;} .main_tit_wrap {margin-bottom: 20px;} .main_sec.quick_menu .main_con_tit {font-size: 20px;} .footer_inner { padding: 34px 20px;width: 100%;} .footer_inner { padding: 34px 20px;width: 100%;} .footer_top {flex-direction: column-reverse; margin-bottom: 24px;} .footer_top .quicklinks { flex-direction: column-reverse; width: 100%; gap: 15px;} .quicklinks .btn_outline {order: 0;border-radius: 50px;background: #E2E2E2; width: 100%;color: #111111;font-family: Pretendard;font-size: 16px;font-style: normal;font-weight: 600;line-height: normal;letter-spacing: -0.32px;padding: 18px 0;text-align: center;} .family_box:first-child {order: 2; width: 100%;} .family_box:nth-child(2) { order: 1; width: 100%;} .family_box {width: 100%;justify-content: flex-start;} .family_box::after {content: "";background: url(./images/common/arrow_down_blue.png) no-repeat 50% 50%; width: 12px;height: 10px;position: absolute; right: 32px; top: 50%;transform: translateY(-50%); transition: all 0.3s;} .family_box.open::after {transform: translateY(-50%) rotate(180deg);} /*패밀리사이트 임시 주석처리*/ .footer_top .quicklinks{display:none;} a.khu_logo {margin-top: 24px; width: 200px; height: 40px;} .footer_bottom_inner .campus_address { flex-direction: column;gap: 10px;margin-bottom: 30px;align-items: flex-start;} .footer_bottom {flex-direction: column;} .khu_copy.pc_copy { display: none;} .khu_copy.mob_copy { display: block;color: #666;text-align: center;font-size: 13px; font-weight: 500; line-height: 23px; letter-spacing: -0.26px;margin-top: 30px;} .campus_address strong{display:block;} .mob_br{display:block;} .quick_menu .panels { flex-direction: column; gap: 15px;height: auto;} .quick_menu .panel .panel_body{ align-items: flex-start; height: auto;border-radius: 5px; padding: 20px 20px 30px 20px;} .quick_menu .panel {height: 230px; transition: none; overflow: visible;} .quick_menu .detail_box { display: block;opacity: 1;visibility: visible;transform: none; transition: none;} .quick_menu .panel .default_label{ display: none;opacity:0;} .quick_menu .detail_box .tit_ff01 { font-size: 16px;margin-bottom: 30px;} .detail_box .panel_desc {font-size: 18px;margin-bottom: 40px; line-height: 130%;} .quick_menu .panel:After {content: ""; width: 42px; height: 42px;display: block; background: url(/content/05sub/style0006/images/common/quic_cont01.png) 0% 50%; z-index: 99; position: absolute; right: 20px; top: 30px; background-size: 42px;} .quick_menu .panel:nth-child(2):After {content: ""; background: url(/content/05sub/style0006/images/common/quic_cont02.png) 0% 50%; width: 43px;height: 42px; background-size: 43px;} .quick_menu .panel:nth-child(3):After {content: ""; background: url(/content/05sub/style0006/images/common/quic_cont03.png) 0% 50%; width: 43px; height: 36px; background-size: 43px;} .quick_menu .panel:nth-child(4):After {content: ""; background: url(/content/05sub/style0006/images/common/quic_cont04.png) 0% 50%; width: 39px; height: 38px; background-size: 38px;} .top_banner .banner-controls { padding-right: 0;} .top_banner .slide_link { font-size: 13px; line-height: 44px;} .top_banner .btn-close { font-size: 15px;width: 45px; height: 40px;} .top_banner .banner_inner { max-width: 300px;} .top_banner .swiper-button-prev {left: 20px;right: auto; width: 6px;height: 10px; background-size: cover; top: 50%;transform: translateY(50%);} .top_banner .swiper-button-next { right: 120px; width: 6px; height: 10px;background-size: cover; top: 50%;transform: translateY(50%);} .btn_gnb i {display: block;width: 20px;height: 2px; margin: 6px auto 0; background: #ffffff;transition: none;} .btn_gnb { left: auto; right: 0;width: 23px; height: 50px;top: 50%;transform: translateY(-50%); margin-top: 10px; width: auto;} /* .gnb_open .btn_gnb{height: 35px} */ .btn_gnb i:first-child { margin-top: 50%;} .family_box .family_toggle{background:none;} .btn_direct_khu{display:none;} .utile_box{margin-right: 30px; margin-left: auto;margin-top: -10px;} .main_w.gnb_open .utile_box{margin-right: 30px; margin-left: auto;margin-top: -10px;} body.sub_cont .btn_gnb span {width: 18px;height: 18px;background: url(./images/common/hamberger_bb_ic.png) no-repeat 50% 50%; display: block;text-indent: -999px;display: block;} body.sub_cont .btn_gnb{width:auto!important;} .pop-modal.search{ top: 50px;width: 90%; right: 50%;transform: translateX(50%) !important; left: auto;padding: 20px;z-index: -7;} .pop-header span {font-size: 20px;letter-spacing: -0.4px;margin-bottom: 15px;} .pop-wrapper button.pop-close { font-size: 18px;} .gnb_open .m_gnb{top:60px;} .sub_cont.gnb_open .m_gnb{ z-index: 3;} body.gnb_open .top_banner {display: none !important;} .dimlnb_bg {display: none;} body.gnb_open .gnb_wrap { background: #fff;margin-top: 0; padding-top: 6px; border-bottom: 1px solid #F3F3F3;} body.gnb_open .logo_wrap a { background: url(./images/common/footer_logo.png) no-repeat 50% 50%;background-size: contain;} body.gnb_open .btn-search { background: url(./images/common/search_ic_black.png) no-repeat 50% 50%;width: 20px;height: 20px; display: block;} .btn_gnb.on i { position: relative;left: 0; width: 20px; margin: 6px auto 0;background: #333;} .gnb_open .btn_gnb{left:auto;margin-top: 10px;} .gnb_open .btn_gnb.on i:nth-child(1){top: 0;transform: none;} .gnb_open .btn_gnb.on i:nth-child(2){opacity: 1;transform: none;} .gnb_open .btn_gnb.on i:nth-child(3){top: 0;transform: none;} .btn_gnb.on i:first-child {margin-top: 0;} body.gnb_open .btn_gnb.on {position: absolute;left: auto;top: 50%;transform: translateY(-50%); margin-top: 10px;width: auto;} body.gnb_open header { height: 60px; transition: none;} .m_gnb_wrap .m_gnb_list{background:#fff;} .m_gnb_wrap .m_gnb_list li a.depth_tit1 { display: block; padding: 30px 0;background: #fff; border-right: 0;color: #111;font-size: 24px;font-weight: 600;line-height: 140%;letter-spacing: -0.48px;} .m_gnb_wrap.ui_b .m_gnb_list { padding-bottom: 50px;padding: 30px 0;padding-top: 7px;} .m_gnb_wrap.ui_b .m_gnb_list li a.depth_tit1 { border-bottom: 1px solid #e5e5e5;background: transparent;border-bottom: 0;} .m_gnb_wrap .m_gnb_list > li {margin: 0 30px;} body.gnb_open .m_gnb_wrap .m_gnb_list > li.on ul.m_gnb_list2 {border-bottom: 0;} body.gnb_open .m_gnb_wrap .m_gnb_list li.on a.depth_tit1 {color: #A40F16;background: #fff; border-bottom: 0;} body.gnb_open .m_gnb_wrap .m_gnb_list li.on .m_gnb_list2 {padding-bottom: 30px;} body.gnb_open .m_gnb_wrap .m_gnb_list > li ul.m_gnb_list2 {border-bottom: 0 } .m_gnb_wrap li.on .m_gnb_list2 > li > a { color: #777;font-family: Pretendard; font-size: 16px;font-weight: 600;line-height: 140%;letter-spacing: -0.32px; border: 0; padding: 0;padding-left: 10px;} .m_gnb_wrap li.on .m_gnb_list2 > li + li { margin-top: 20px;} .m_gnb_wrap li.open .m_gnb_list2 > li.open { position: relative;padding-left: 0;} .m_gnb_wrap li.open .m_gnb_list2 > li.open::after {position: absolute;left: 0; top: 50%; width: 4px;height: 4px; content: ""; display: block;background: #A40F16;border-radius: 100%;} .m_gnb_wrap li.open .m_gnb_list2 > li.open > a { border: 0; padding: 0; padding-left: 10px;font-family: Pretendard;font-size: 16px;font-weight: 600;line-height: 140%;letter-spacing: -0.32px;text-decoration-line: underline;color: #A40F16;} /*.m_gnb_wrap li.on .m_gnb_list2 > li.first a { color: #A40F16; font-family: Pretendard; font-size: 16px;font-style: normal;font-weight: 600;line-height: 140%;letter-spacing: -0.32px; text-decoration-line: underline;} .m_gnb_wrap .m_gnb_list li.on .m_gnb_list2 li.first:after { position: absolute; left: 0;top: 50%;width: 4px;height: 4px;content: "";display: block;background: #A40F16;border-radius: 100%;}*/ .m_gnb_wrap .m_gnb_list li.on .m_gnb_list2 li.first {position: relative;} .m_gnb_wrap .m_gnb_list li .m_gnb_list2{padding:0;} .m_gnb_wrap .m_gnb_list li a.depth_tit1:After {position: absolute;content: "";width: 20px;height: 20px;background: url(/content/05sub/style0006/images/common/gnb_down.png) no-repeat 100% 50%;background-size: inherit; transition: transform 0.2s; right: 0;top: 50%;transform: translateY(-50%);} body.gnb_open .m_gnb_wrap .m_gnb_list li.on a.depth_tit1:after{ position: absolute;content: "";width: 35px;height: 35px;background: url(/content/05sub/style0006/images/common/gnb_up.png) no-repeat 100% 50%;background-size: inherit;transition: transform 0.2s;right: -10px;top: 50%;transform: translateY(-50%);} .mob_khu_wrap {padding: 20px 20px;width: 100%;height: 100px;} .mob_khu_wrap .mob_khu_direct {display: flex;width: 100%;padding: 20px;justify-content: flex-start; align-items: center;border-radius: 50px;background: #A40F16;background: #A40F16 url(./images/common/top_direct_arrow.png) no-repeat 95% 50%; background-size: 10px;} .mob_khu_wrap span {color: #FFF;font-family: Pretendard; font-size: 18px;font-weight: 700;line-height: 140%; /* 25.2px */letter-spacing: -0.36px;} .btn-search {width: 19px; height: 19px;} header .gnb_wrap.sticky .logo_wrap a { background: url(./images/common/footer_logo.png) no-repeat 50% 50%; background-size: contain;} header .gnb_wrap.sticky .logo_wrap { width: 145px; height: 50px;} .khu_content .h3_box h3 { margin-bottom: 40px;color: #111; font-family: Pretendard;font-size: 30px;font-weight: 700; letter-spacing: -0.6px;} .khu_content .con_box.con_box_pad { padding: 0;} /* .khu_content .page_cont {padding: 0 20px;} */ .khu_content .sub_visual h2 { color: #FFF; text-align: center;text-shadow: 0 0 24px rgba(0, 0, 0, 0.38);font-family: Pretendard; font-size: 28px; font-weight: 700;line-height: 65px;letter-spacing: -0.56px;} .khu_content .sub_visual {height: 250px;} .khu_wrap .gnb_wrap { background: #fff;margin-top: 0; border-bottom: 1px solid #F3F3F3;max-width: 100%;padding: 0 20px; height: 60px;padding-top: 6px;} .container.khu_content {margin-top: 60px;} header .gnb_wrap .logo_wrap {width: 145px;height: 50px;} .khu_wrap .logo_wrap a { background-size: contain;} body.sub_cont .btn_gnb i { background: #333333;} body.sub_cont .btn_gnb {width: 20px;height: 30px;margin-top: 10px;right: 18px;} body.sub_cont .utile_box { margin-right: 25px;margin-left: 0;margin-top: -7px; } .khu_content .con_wrap section{ margin-top: 50px;} .m_gnb_wrap li.on .m_gnb_list2 > li.open > a{padding:0; border: 0; padding: 0;padding-left: 10px;} .m_gnb_wrap li.open .m_gnb_list2 > li:last-child {padding-bottom: 30px;} .m_gnb_list2 li.open > a { color:#114396; font-weight:600; } .m_gnb_wrap li.open .m_gnb_list2 > li.on a {border: 0;padding: 0; padding-left: 10px;font-family: Pretendard;font-size: 16px;font-weight: 600;line-height: 140%;letter-spacing: -0.32px;text-decoration-line: underline;color: #A40F16;position: relative;} .m_gnb_wrap li.open .m_gnb_list2 > li.on a:after {position: absolute;left: 0;top: 50%;width: 4px;height: 4px;content: "";display: block;background: #A40F16;border-radius: 100%;} .board_view .file_wrap dd a.file {font-size: 12px;} .board_view .file_wrap dd .file::before {background-size: 18px; background-position: 0% 0%;} .board_view .file_wrap dd .file::after { background-size: 14px;} body.gnb_open.sub_cont .btn_gnb.on{margin-top: 5px;} } /* 반응형 */ @media (max-width: 1024px) { .main_con_tit { color: #111;text-align: center; font-size: 20px; font-weight: 800;line-height: 140%; letter-spacing: -0.4px;} .youtube_menu_inner { display: flex; flex-direction: column; gap: 15px;} .yt_item {width: 100%; height: 205px;grid-column: auto !important;grid-row: auto !important;} .yt_item:after {content: "";position: absolute;background: url(./images/common/youtube_ic.png) no-repeat 50% 50%; left: 50%;top: 50%; width: 45px;height: 100%; transform: translate(-50%, -50%);background-size: 45px;} .youtube_menu_inner .yt_item:nth-child(1):after{ width: 45px;height: 100%; transform: translate(-50%, -50%);background-size: 45px;} .main_more_wrap {display: flex;justify-content: center;margin-top: 28px;} .main_more_btn { padding: 16px 0;font-size: 16px; display: flex; align-items: center;justify-content: center; line-height: 1;max-width: 235px;width: 100%;} .main_con_tit_sub {display: block;font-size: 14px;letter-spacing: 0.14px;margin-bottom: 18px;} .main_sec.insta_menu .swiper-button-prev {width: 49px;height: 49px;background-size: 8px;} .notice_menu_inner ul {display: block;} .notice_menu_inner ul > li { width: 100%;height: auto;padding: 20px;min-height: 100%;} .notice_menu_inner ul > li + li{margin-top:15px;} .swiper.insta_swiper .swiper-slide {/* width: 305px !important; */height: 380px;} .notice_menu_inner ul > li .notice_tit {font-size: 18px; font-weight: 700;line-height: 140%;letter-spacing: -0.36px;min-height: 50px;margin-bottom: 30px;} .khu_content .area-linemap { height: 50px;padding: 20px; border-bottom: 1px solid #C8C8C8;max-width: 100%;} .area-linemap .etc{display:none;} .khu_content .area-linemap li span {font-size: 14px;letter-spacing: -0.28px;} } @media (max-width: 760px) {.direct_inner .info_item > p .yt_item { width: 100%; height: 205px;} } /* 서브 공통 */ h3.h3_tit {color: #333; font-family: Pretendard;font-size: 26px; font-weight: 700;line-height: 140%; letter-spacing: -0.52px;margin-bottom: 34px;} .con-p { color: #555;font-family: Pretendard;font-size: 16px;font-weight: 500;line-height: 160%;letter-spacing: -0.32px;} .con-p + .con-p{margin-top:40px;} .point01 {color: #333;font-family: Pretendard;font-size: 16px;font-weight: 600; line-height: 160%; /* 25.6px */letter-spacing: -0.32px;} .pc_br { display: block;} .page_cont h4:before{display:none;} h4.h4_tit { color: #333;font-family: Pretendard; font-size: 20px; line-height: 140%;letter-spacing: -0.4px;text-align: center;} @media (max-width: 1024px) { .pc_br { display: block;} } /* 인사말 */ .from_txt {color: #333;font-family: Pretendard;font-size: 18px; font-weight: 700;line-height: 140%; /* 25.2px */letter-spacing: -0.36px;margin-top: 62px;text-align: right;} .from_txt strong {color: #333;font-family: Pretendard;font-size: 32px;font-weight: 700;line-height: 140%; /* 44.8px */letter-spacing: -0.64px; margin-left: 25px;} .sub_top_banner {width: 100%;height: 390px;display: flex;justify-content: center; border-radius: 5px; overflow: hidden; margin-bottom: 50px;} .sub_top_banner > div { width: 50%;} .sub_top_banner .left_cont { display: flex;align-items: center; justify-content: center; background: url(./images/common/greeting_left.jpg)no-repeat 50% 50%;background-size: cover;} .sub_top_banner .left_cont strong { color: #FFF; font-family: Pretendard;font-size: 30px;font-weight: 700; line-height: 140%; /* 42px */letter-spacing: -0.6px; padding: 30px; word-break:keep-all;} .sub_top_banner .right_cont { background: url(./images/common/greeting_right.jpg) no-repeat 50% 50%;background-size: cover; text-indent: -9999px;height: 100%;} /* 목표 및 전략 */ .goal_banner {width: 100%;background: url(./images/common/goal_banner_bg.jpg) no-repeat 50% 50%; height: 258px;background-size: cover;border-radius: 5px;overflow: hidden;overflow: hidden; display: flex; align-items: center;justify-content: center; flex-direction: column} .goal_banner em {color: #FFF; font-family: Pretendard;font-size: 20px;font-weight: 500;line-height: 29px; /* 145% */ letter-spacing: -0.4px; position: relative; padding-bottom: 60px;} p.strong_point {color: #FFF; text-align: center; font-family: Pretendard;font-size: 30px;font-weight: 500;line-height: 38px; /* 126.667% */letter-spacing: -0.6px;} .goal_banner em:After { position: absolute; left: 50%;top: 70%;background: rgba(255, 255, 255, 0.40);width: 60px;height: 1px;content: "";transform: translateX(-50%);} .goal_banner + .aria_section { padding-top: 155px; background: url(./images/common/goal_arrow.png) no-repeat 50% 10%;} ul.strategy_list {display: flex;align-items: center;justify-content: center; gap: 130px;max-width: 1118px;margin: 0 auto; margin-top: 45px;} .strategy_list li { width: 33.33%;} .strategy_item .strategy_desc {display: block;color: #333;text-align: center;font-family: Pretendard;font-size: 18px;font-weight: 600;line-height: 23px;letter-spacing: -0.36px;margin-top: 30px;} .strategy_item .circle_inner { width: 260px;height: 260px; background: #fff;border-radius: 100%;} .strategy_item strong.strategy_tit {color: #0D326F;text-align: center;font-family: Pretendard;font-size: 30px;font-weight: 700; line-height: 140%; /* 42px */letter-spacing: -0.6px;display: block;} .strategy_item em.strategy_eng {color: #777;text-align: center;font-family: Pretendard; font-size: 16px;font-weight: 600; line-height: 140%; /* 22.4px */letter-spacing: -0.32px; display: block;} .circle_item{width: 286px;border-radius: 100%; border: 1px solid #B9C6DB; background: #F0F6FF;height: 286px; display: flex;align-items: center;justify-content: center;} .strategy_item.freedom .circle_item {border: 1px solid #DFA4A2;background: #FBEDEE;} .strategy_item.connect .circle_item {border: 1px solid #D9CAA0;background: #F8F1E0;} .strategy_item.freedom strong.strategy_tit {color: #A40F16;} .strategy_item.connect strong.strategy_tit {color: #BE9B3E;} /* 조직구성 */ .org_wrap {width: 100%;border-radius: 5px; border: 1px solid #ADBBD2;padding: 65px 0; display: flex; align-items: center; justify-content: center;background: url(./images/common/khu_watermartk02.png) no-repeat 50% 50%;} .org_wrap ul .org_row{position: relative;display: flex; align-items: center;gap: 380px;} .org_wrap ul > .org_row .org_left {width: 248px;height: 248px; background: url(./images/common/organ_01.png) no-repeat 50% 50%;display: flex;align-items: center;justify-content: center;z-index: 2;} .org_wrap ul > .org_row.bottom .org_left {width: 248px;height: 248px; background: url(./images/common/organ_02.png) no-repeat 50% 50%;} .org_left .org_circle {color: #FFF;text-align: center;font-family: Pretendard; font-size: 28px; font-weight: 700;line-height: 29px;letter-spacing: -0.56px;} .org_row.bottom {margin-top: 78px;} .org_row.top .org_right > li {border-radius: 5px;border: 1px solid #0D326F; background: #FFF;padding: 36px 0; width: 435px; justify-content: center;color: #0D326F;text-align: center; font-family: Pretendard;font-size: 26px;font-weight: 700; line-height: 29px;letter-spacing: -0.52px;} .org_row.top .org_right > li + li { margin-top: 80px;} li.org_box.personnel {border-radius: 5px;border: 1px solid #B9C6DB; width: 435px;background: #fff; z-index: 2;} li.org_box.personnel strong { padding: 27px 0;text-align: center;background: #F5F7FA;display: block;overflow: hidden;color: #333; font-family: Pretendard; font-size: 26px;font-weight: 700;line-height: 29px; /* 111.538% */letter-spacing: -0.52px;} ul.person_list { display: flex; flex-wrap: wrap; align-items: center;justify-content: center; padding: 30px 55px; gap: 24px 0;} ul.person_list li { width: 50%;color: #666;font-family: Pretendard; font-size: 16px; font-weight: 600;line-height: 140%; /* 22.4px */letter-spacing: -0.32px;} ul.person_list li:before { content: ""; width: 3px;height: 3px; background: #333; display: inline-block;margin-right: 8px;vertical-align: middle;border-radius: 100%;} .org_right li {position: relative;} .org_right > li:After {content: "";width: 12px;height: 12px;border: 3px solid #fff;background: #0D326F; border-radius: 100%;top: 50%;left: -10px;position: absolute; transform: translateY(-50%);z-index: 2;} .org_right li.org_box.personnel:After{background: #A40F16;} .org_wrap ul > .org_row .org_right:After { content: "";width: 16%; height: 1px; background: #C1CAD9; display: block;top: 50%;position: absolute; left: 243px;} .org_wrap ul > .org_row.bottom .org_right:After { width: 100%;left: 0;} .org_row.top .org_right > li:before {content: ""; width: 50%;height: 1px;background: #C1CAD9; display: block;position: absolute;right: 100%;top: 50%;} li.org_row.top .org_right::before {content: "";width: 1px;height: 64%;background: #C1CAD9;position: absolute;right: 650px;top: 52px;} /*탭박스*/ .tab-box.style1 {position: relative;} .tab-box.style1 .tab-list { display: flex;border-radius: 5px; flex-wrap: nowrap;} .tab-box.style1 .tab-list li { width: 50%;padding: 24px 0;line-height: normal;cursor: pointer; background: #E7EEF8;text-align: center;} .tab-box.style1 .tab-list li a { text-align: center;font-family: Pretendard; font-size: 18px; font-weight: 700; color: #0D326F;} .tab-box.style1 .tab-list li.active {border: 2px solid #114396; border-radius: 5px;background: #fff;} .tab-box.style1 .tab-list li.active a { color: #114396;font-size: 18px;font-style: normal; font-weight: 700;line-height: normal;} .tab-box.style1 .tab-toggle {display: none; /* PC에서는 숨김 */} /* .tab_cont_wrap > div {display: none;} .tab_cont_wrap > div.active {display: block;} */ .dir_tab_cont > div{position:absolute;opacity:0;pointer-events:none;} .dir_tab_cont > div.active{position:relative;opacity:1;pointer-events:auto;} .tab_cont_wrap { margin-top: 80px;} .location_box { border: 1px solid #ADBBD2;overflow: hidden;border-radius: 5px;margin-bottom: 20px;} .location_box .location_map { border-bottom: 1px solid #e0e0e0;} .location_box .location_map .root_daum_roughmap {width: 100%!important;} .location_box .location_map .root_daum_roughmap .wrap_map {height: 455px!important;} .location_box .location_map .root_daum_roughmap .cont { display: none;} .location_box .location_adress { padding: 40px 53px; display: flex; justify-content: space-between; align-items: center;} .location_box .location_adress ul li { padding: 0 0 20px; } .location_box .location_adress ul li:last-child { padding: 0;} .location_box .location_adress ul li span {position: relative;padding: 0 0 0 31px;display: inline-block; color: #666;font-family: Pretendard;font-size: 16px;font-weight: 600;line-height: 140%;margin-right: 20px;letter-spacing: -0.32px;} .location_box .location_adress ul li span.adress:before {content: "";position: absolute;background: url(./images/common/map_place02_ic.png) no-repeat; background-size: cover;width: 20px;height: 20px;left: 0;top: 0;} .location_box .location_adress ul li span.phone:before {content: "";position: absolute;background: url(./images/common/map_phone_ic.png)no-repeat;background-size: cover;width: 19px; height: 18px;left: 0;top: 0;} .location_box .location_adress ul li span.mail:before {content: "";position: absolute;background: url(./images/common/map_mail_ic.png)no-repeat;background-size: cover;width: 20px;height: 20px;left: 5px; top: 2px;} .location_box .location_adress ul li span.phone a {color: #666666;} .location_box .location_adress ul li span.fax {margin: 0 0 0 50px;} .location_box .location_adress ul li span.fax:before {content: ""; position: absolute; background: url(../img/content/ico-fax.png)no-repeat; background-size: cover;width: 18px;height: 19px; left: 0;top: 0;} .location_box .location_adress .map-btn {display: inline-block;margin: 5px 0 0;padding: 20px 40px;border-radius: 40px; background-color: #f7f5f1;font-size: 0;line-height: 1;box-sizing: border-box;border: 1px solid #e5ddcf;} .location_box .location_adress .map-btn span { position: relative;font-size: 16px;line-height: 26px;color: #72573c; letter-spacing: -0.025px; font-weight: 600;} .location_box .location_adress .map-btn span:before {content: '';display: inline-block;margin: -2px 13px 0 0;width: 16px;height: 21px;background: url(/_res/postech/csepostech/img/content/ico-btnmap.png) no-repeat 0 0 / 100%; vertical-align: middle;} .location_box .map_btn {border: 1px solid #114396;padding: 15px 30px;border-radius: 50px;} .location_box .map_btn span {color: #114396;text-align: center;font-family: Pretendard; font-size: 18px;font-weight: 700;line-height: 140%; /* 25.2px */letter-spacing: -0.36px;padding-left: 27px; background: url(./images/common/map_place_ic.png) no-repeat 0 50%;} .transport_guide .transport_item {display: flex; padding: 60px 0;border-bottom: 1px solid #CCC; gap: 200px; align-items: flex-start;} .transport_guide .divider { border: 0;border-top: 1px solid #eee; margin: 0;} .transport_guide .title_text {width: 220px;padding-left: 45px;color: #000;font-family: Pretendard;font-size: 34px;font-style: normal;font-weight: 700;line-height: 140%;letter-spacing: -0.68px;} .transport_item.car .title_text {background: url(./images/common/map_car.png) no-repeat 0 50%;display: inline-block; height: auto;} .transport_item.bus .title_text {background: url(./images/common/map_bus.png) no-repeat 0 50%;display: inline-block; height: auto;} .transport_item.subway .title_text {background: url(./images/common/map_subway.png) no-repeat 0 50%;display: inline-block; height: auto;} span.badge.yellow_line { background: #FABE00;} .transport_guide .transport_route .sub_txt {margin-top: 12px;} .subway .transport_route .sub_text {margin-top: 12px;margin-bottom: 30px;margin-left: 72px;} .sub_text.blue_txt { color: #0D326F;} .ul-type-dot li {padding-left: 10px; font-size: 14px;font-weight: 500; line-height: 26px;color: #555;text-indent: -10px; font-family: 'Pretendard';} .ul-type-dot li:before {content: '';display: inline-block; width: 3px;height: 3px;margin-top: -2px; margin-right: 7px;border-radius: 100%;background: #114396;vertical-align: middle;} p.mark-p { font-size: 15px;font-weight: 600;margin-bottom: 10px; color: #333;} .bus_info_item + div { margin-top: 25px;} .transport_guide .transport_route {flex: 1;} .transport_guide .route {display: flex; align-items: baseline;} .transport_guide .badge { padding: 5px 10px;border-radius: 5px;margin-right: 10px; color: #FFF;font-family: Pretendard;font-size: 15px; font-weight: 600; line-height: 140%;letter-spacing: -0.3px;} .transport_guide .line_1 { background-color: #0052A4; } .transport_guide .line_jungang { background-color:#77C4A3; } .transport_guide .bus_blue { background-color: #e8effa; color: #0052A4; } .transport_guide .bus_maeul { background-color: #ffffff; color: #53b332; border: 1px solid #53b332; } .transport_guide .group_name, .transport_guide .point_name {display: block; margin: 0 0 12px 0;color: #333; font-family: Pretendard; font-size: 16px; font-style: normal;font-weight: 600; line-height: 140%; letter-spacing: -0.32px;position: relative;padding-left: 15px;} .transport_guide .group_name::before, .point_name::before {content: ""; color: #0052A4;margin-right: 8px;} .transport_guide .sub_text { margin: 0 0 12px 18px; margin-left: 16px;color: #666;font-family: Pretendard;font-size: 15px; font-weight: 600; line-height: 160%;letter-spacing: -0.3px} .transport_guide .path_text { font-size: 14px;color: #666;margin: 0 0 20px 18px; line-height: 1.5;} .transport_guide .route .desc {color: #333;font-family: Pretendard;font-size: 16px; font-style: normal;font-weight: 600;line-height: 140%;letter-spacing: -0.32px;} .transport_route .route + .route{margin-top:30px;} .transport_route > div + div {margin-top: 30px;} .transport_guide .bus_blue:first-child { margin-left: 15px;} .transport_guide .group_name::before, .point_name::before { content: ""; width: 6px; height: 6px; display: block;background: #114396;border-radius: 100%;position: absolute; top: 40%;left: 0;} .drive_list li + li { margin-top: 30px;} .edu_section.vision_box .edu_cont{border: 1px solid #0D326F;color: #0D326F;} .edu_section.inovation_box .edu_cont {background: #114396;color: #fff;border: 0; margin-bottom: 20px; font-weight: 400;} .business_edu_wrap ul.strategy_list{gap: 70px;max-width: 945px;margin: 0 auto;margin-top: 10px;} .bus_group_wrap > .main_con_tit_sub{ margin-bottom: 15px;display: inline-block;} /* 사업개요 */ .edu_section {display: flex; align-items: center;gap: 145px;} .edu_section .title_box {border-radius: 5px;border: 1px solid #99B3DE;background: #FFF;color: #114396; text-align: center;font-family: Pretendard;font-size: 20px; position: relative; font-weight: 700;line-height: 29px; /* 145% */ letter-spacing: -0.4px; padding: 25px 10px;min-width: 230px;} .business_edu_wrap > div + div {margin-top: 40px;} .business_edu_wrap .edu_cont {border-radius: 5px;border: 1px solid #A40F16;background: #FFF;color: #A40F16;text-align: center;font-family: Pretendard;font-size: 24px;font-weight: 700;line-height: 29px; /* 120.833% */letter-spacing: -0.48px; padding: 32px 10px; min-width: 1144px;} .business_edu_txtbox { margin-bottom: 60px;} .business_edu_wrap span.num_tit {color: #A40F16;text-align: center;font-size: 16px; font-weight: 800;line-height: 150%; /* 24px */ font-family: Pretendard; letter-spacing: -0.32px;text-decoration-line: underline;text-transform: uppercase;margin-bottom: 20px;display: block;} .business_edu_wrap em.eng_bold { color: #666;text-align: center;font-family: Pretendard; margin-bottom: 5px;font-size: 14px;font-weight: 700;line-height: 130%; /* 18.2px */letter-spacing: -0.28px;} .business_edu_wrap .strategy_item strong.strategy_tit {color: #0D326F;text-align: center;font-family: Pretendard; font-size: 24px;font-weight: 700;line-height: 130%; /* 31.2px */ letter-spacing: -0.48px;margin-bottom: 15px;} .business_edu_wrap em.business_info {color: #333;font-family: Pretendard; font-size: 16px;font-weight: 500;line-height: 120%; /* 21.6px */letter-spacing: -0.36px; text-align: center;} .business_edu_wrap .circle_txt_box {display: flex; flex-direction: column;align-items: center;justify-content: center; margin-top: -30px;} .business_edu_wrap .strategy_item .circle_inner {display: flex;align-items: center;justify-content: center; width: 244px;height: 244px;} .business_edu_wrap .circle_item { position: relative;width: 268px;height: 268px;border: 1px dashed #B9C6DB; background: #F5F7FA;} .business_edu_wrap .strategy_list li + li:before{display:none;} .strategy_item.creativity .circle_item { border: 1px dashed #D9CAA0;background: #F8F1E0;} .strategy_item.empathy .circle_item {border: 1px dashed rgba(25, 128, 213, 0.60);background: rgba(25, 128, 213, 0.05);} .business_edu_wrap .strategy_item.creativity .strategy_tit { color: #B28B1C;} .business_edu_wrap .strategy_item.empathy .strategy_tit { color: #114396;} .edu_section .title_box:After {content: ""; width: 145px; height: 50px; position: absolute;right: -140px;top: 50%;background: url(./images/common/bussiness_arrow.png) no-repeat 0 50%; transform: translateY(-50%);} .business_edu_wrap ul.strategy_list li + li:before {content: "";width: 20px;height: 20px;background: url(./images/common/qna_plue.png) no-repeat 50% 50%;display: block; position: absolute;left: -20%; top: 50%;transform: translateX(50%);} .border_cont_box { position: relative; border-radius: 5px;border: 1px solid #ADBBD2;background: #FFF;overflow: hidden;display: flex;align-items: center;justify-content: center;padding: 50px 10px;} .edu_cont_boxwrap {width: 100%;} /* 통합검색 */ .total_searchbox .more_btn { border-radius: 50px; border: 1px solid #114396;text-align: center;font-family: Pretendard;font-size: 14px;font-weight: 700;line-height: 140%;letter-spacing: -0.28px;color: #114396; padding: 8px 12px;max-width: 95px;display: inline-flex;padding-right: 30px; background: url(./images/common/blue_arrow.png) no-repeat 85% 50%; background-size: 15px;} .hide { opacity: 0;position: absolute;} .hide { position: absolute !important; top: 0;left: -999999px;} legend, caption {width: 1px;height: 1px;margin: -1px;font-size: 1px;opacity: 0;white-space: nowrap;} .input_box input {border-radius: 75px; border: 2px solid #114396; background: #FFF;} .user .search_form .input_box input[type="text"] {border-radius: 75px; border: 2px solid #114396;background: #FFF;padding: 27px 35px;height: 70px;width: 728px!important;} .user .search_form .input_box .btn_box {border-radius: 50px; background: #114396;padding: 20px 10px;height: auto;margin-left: 15px; line-height: 1;} .user .search_form .input_box .btn_box button.search_btn {color: #FFF; text-align: center; font-family: Pretendard;font-size: 20px;font-style: normal;font-weight: 500;line-height: 140%; /* 28px */padding-right: 28px; letter-spacing: -0.4px; background: #114396 url(./images/common/search_ic.png) no-repeat 100% 50%; background-size: 18px;} .search_form ul li .input_box { display: flex; align-items: center;width: 100%;} .user .total_searchbox .search_form{width: 100%;align-items: center;justify-content: center; margin: 0; padding: 0; margin-bottom: 0 !important;} .search_form ul { width: 100%;max-width: 875px;} .total_searchbox .result_num {color: #111;font-family: Pretendard; font-size: 34px;font-weight: 700;line-height: 140%;letter-spacing: -0.68px;text-align: center;padding: 40px 0 60px;border-bottom: 2px solid #777;} .result_num .total_search_kyword { color: #A40F16;} .top_box .list_tit {color: #000;font-family: Pretendard;font-size: 28px;font-style: normal;font-weight: 700;line-height: 140%;letter-spacing: -0.56px;margin-right: 20px;display: inline-block;} .total_searchbox .top_box {display: flex; align-items: center;margin: 60px 0 15px 0;} .total_searchbox .list_box { border: 0;background: none; padding: 0;} .total_searchbox .list_box li::before{display:none;} .total_searchbox .notice_search li a { display: flex;align-items: center;justify-content: space-between;} .total_searchbox .notice_search li a .tit {color: #333;font-family: Pretendard; font-size: 18px; font-style: normal;font-weight: 700; line-height: 140%; /* 25.2px */letter-spacing: -0.36px;} .total_searchbox .notice_search li { padding: 18px 0;} .total_searchbox .notice_search li + li {border-top: 1px solid #ECECEC;} .total_searchbox .notice_search li a .date {color: #666;text-align: center;font-family: Pretendard;font-size: 16px;font-weight: 500; line-height: 160%; /* 25.6px */} .total_searchbox .list_box > ul {padding-bottom: 65px; border-bottom: 1px solid #999999b3;} .total_searchbox .list_box ul li { padding-left: 0;} .total_searchbox .news_item .txt_area .tit {overflow: hidden;text-overflow: ellipsis; /* 22.4px */margin-bottom: 20px;color: #333;font-family: Pretendard;font-size: 18px;font-style: normal;font-weight: 700;line-height: 140%; /* 25.2px */letter-spacing: -0.36px;text-transform: capitalize;} .total_searchbox .news_item .txt_area .con {overflow: hidden; color: #666;text-overflow: ellipsis; font-family: Pretendard;font-size: 16px;font-weight: 500;line-height: 140%; /* 22.4px */ letter-spacing: -0.32px; margin-bottom: 20px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} .total_searchbox .list_box ul.news_search li.gal_date, .total_searchbox .list_box ul.news_search li.gal_view {padding-left: 20px;} .total_searchbox .txt_area { padding: 0 195px 0 0;width: 90%;} .total_searchbox .list_box ul .news_item {display: flex; align-items: center;} .total_searchbox .news_search .thumb_area {width: 190px;height: 145px;border-radius: 5px; overflow: hidden;} .total_searchbox .news_search .thumb_area img {width: 100%;height: 100%;object-fit: cover;} .total_searchbox .list_box ul .news_item + .news_item { padding: 20px 0;border-top: 1px solid #999999b3;} .total_searchbox .txt_area .bottom_info {display: flex;gap: 20px;} .total_searchbox .bottom_info .gal_view:before {content: ""; width: 1px;height: 10px;background: #DDD;display: block; position: absolute;left: -10px; top: 48%;transform: translateY(-50%);} .total_searchbox ul.youtube_search { display: flex; gap: 60px 20px; align-items: center;flex-wrap: wrap; padding-top: 5px;} .total_searchbox ul.youtube_search .thumb_area { width: 365px; height: 205px;border-radius: 5px;overflow: hidden;margin-bottom: 20px;} .total_searchbox ul.youtube_search .thumb_area img {width: 100%;height: 100%;object-fit: cover;} .total_searchbox ul.youtube_search > li {width: calc((100% - 60px) / 4);} .total_searchbox ul.youtube_search .sub_text{ margin-bottom: 18px;} .total_searchbox ul.youtube_search > li .gal_date {padding-left: 20px;} .total_searchbox .insta_search .thumb_area {width: 330px;height: 430px;border-radius: 5px; margin-bottom: 25px;overflow: hidden;} .total_searchbox .insta_search .thumb_area img {width: 100%; height: 100%;object-fit: cover;} .total_searchbox .insta_search {display: flex;gap: 40px 70px;align-items: center;flex-wrap: wrap;} .total_searchbox .insta_search li {width: calc((100% - 210px) / 4);} .total_searchbox .insta_search .text_area { display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;min-height: 45px;} .total_searchbox .list_box:last-child > ul{border:0;} .total_searchbox #search_val::placeholder{ font-size: 18px;color: #666;} .sub_cont .total_searchbox .search_form input[type="text"] {color: #111;font-family: Pretendard;font-size: 24px;font-weight: 700; line-height: 140%;letter-spacing: -0.48px;} .search_none p {color: #666;font-family: Pretendard;font-size: 16px; font-weight: 500;line-height: 160%; padding-bottom: 65px; border-bottom: 1px solid #999999b3;} @media (max-width: 1550px) { .border_cont_box::after {content: ""; width: 40px;height: 40px; background: url(./images/common/zoom_ic.png) no-repeat 50% 50%;display: block;position: absolute; bottom: 8px; right: 8px;} .business_edu_wrap > div + div { margin-top: 35px;} .edu_section {flex-direction: column;gap: 30px;} .edu_section .title_box { width: 100%; min-width: auto; font-size: 18px;padding: 15px 10px;line-height: 140%;} .business_edu_wrap .edu_cont{ width:100%; min-width: auto; font-size: 16px;padding: 20px 10px;line-height: 140%;} .edu_section .title_box:After { transform: translateX(-50%); height: 60px; width: 8px;left: 50%; right: auto; top: auto; bottom: -50px;background: url(./images/common/bussiness_arrow_mob.png) no-repeat 0 50%;background-size: 8px;display: block;} .business_edu_wrap .circle_item {width: 240px;height: 240px;} .business_edu_wrap .strategy_item .circle_inner { width: 220px;height: 220px;} .business_edu_wrap span.num_tit {font-size: 14px;margin-bottom: 10px;} .business_edu_wrap .strategy_item strong.strategy_tit {font-size: 22px;margin-bottom: 10px;} .business_edu_wrap em.eng_bold {font-size: 13px;} .business_edu_wrap em.business_info { font-size: 14px;} .business_edu_wrap ul.strategy_list {gap: 30px;} .border_cont_box {padding: 20px 10px;} .border_cont_box img {width: 100%;} .business_edu_txtbox {margin-bottom: 0;} .total_searchbox .result_num {font-size: 24px;padding: 25px 0 35px;} .top_box .list_tit {font-size: 24px; text-align: center;} .total_searchbox .notice_search li a .tit {font-size: 16px;-webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;display: -webkit-box;max-width: 95%;} .total_searchbox .notice_search li a .date{ font-size: 14px;} .total_searchbox .notice_search li {padding: 15px 0;} .total_searchbox .list_box > ul { padding-bottom: 30px;} .total_searchbox .top_box { margin: 60px 0 10px 0;} .total_searchbox .news_item .txt_area .con{ font-size: 14px; margin-bottom: 10px;-webkit-line-clamp: 2;} .total_searchbox .txt_area { padding: 0;width: 100%;} .total_searchbox .list_box ul .news_item{ flex-direction: column-reverse;} .total_searchbox .news_search .thumb_area { width: 100%; height: 230px; margin-bottom: 15px;} .total_searchbox .list_box:last-child > ul { display: flex;flex-direction: column; gap: 20px;} .total_searchbox .insta_search .thumb_area {width: 100%;height: 400px;} .total_searchbox .insta_search li { width: 100%;} .total_searchbox .insta_search .text_area { font-size: 14px;} .total_searchbox .list_box:last-child > ul { display: flex;flex-direction: column; gap: 20px;} .total_searchbox .insta_search .thumb_area { width: 100%;height: 400px;} .total_searchbox .insta_search li { width: 100%;} .total_searchbox .insta_search .text_area {font-size: 14px;} .total_searchbox .list_box > ul { display: flex;flex-direction: column; gap: 20px;} .total_searchbox ul.youtube_search > li { width: 100%;} .total_searchbox ul.youtube_search .sub_text {font-size: 14px;} .total_searchbox ul.youtube_search .thumb_area {width: 100%;height: 230px;} .total_searchbox .notice_search li a {flex-direction: column;align-items: flex-start;gap: 10px;} .total_searchbox .list_box ul li{padding-bottom: 0;} .user .total_searchbox .search_form .input_box input[type="text"]{ width:100%!important ;flex: 1; height: 54px;;} .user .total_searchbox .search_form .input_box .btn_box{ margin-left: 10px;} .user .total_searchbox .search_form .input_box .btn_box{ width: auto; padding: 12px 15px;} .user .total_searchbox .search_form .input_box .btn_box button.search_btn{ font-size: 16px; padding: 0;height: auto;padding-right: 25px;} .sub_cont .total_searchbox .search_form input[type="text"]{ height: auto;padding: 10px 15px;} .total_searchbox #search_val::placeholder{ font-size: 14px;} } @media (max-width: 1024px) { .tab_cont_wrap {margin-top: 40px;} .location_box .location_adress { display: block;padding: 20px;} .location_box .map_btn { margin-top: 20px; display: block;text-align: center;} .location_box .location_adress ul li span {color: #666; font-size: 14px; letter-spacing: -0.28px;} .location_box .location_adress ul li:last-child {display: block;} .location_box .location_adress ul li span {display: block; margin: 0;} .location_box .location_adress ul li .mail { margin-top: 20px;} .location_box .location_adress ul li span.mail:before {left: 0;} .location_box .map_btn span{font-size: 16px; letter-spacing: -0.32px;} .transport_guide .transport_item { display: flex;padding: 30px 0;gap: 30px; flex-direction: column;} .transport_item .title_text { font-size: 24px; letter-spacing: -0.48px;} .transport_guide .route .desc { font-size: 14px;letter-spacing: -0.28px;} .transport_route .route + .route {margin-top: 20px;} .transport_guide .sub_text {font-size: 13px;letter-spacing: -0.26px;padding-left: 0;} .transport_guide .group_name, .transport_guide .point_name {font-size: 14px; letter-spacing: -0.28px;} .transport_guide .group_name::before, .point_name::before{ width: 4px;height: 4px;} .drive_list li + li { margin-top: 20px;} .transport_guide .badge {padding: 3px 8px;} .popup-overlay{position:fixed; top: 0; left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6); z-index: 1;} .popup-modal{ background: #fff;padding: 20px;position: fixed; top: 50%;left: 50%;width: 90%;height:380px;justify-content: center; align-items: center; z-index: 2; display: flex;transform: translate(-50%, -50%); border-radius: 5px;} .popup-img-wrap { background: #fff;border-radius: 10px;margin: 0 auto;width: 90%; height: 100%; object-fit: cover;overflow: hidden;} .popup-img {width: 100%; height: 100%;} .popup-modal .btn_close {opacity: 1;color: #333;font-size: 10px;width: 10px;height: 10px; position: absolute;top: 10px;right: 10px; text-indent: -9999px; background: url(./images/common/popup_close_btn.png) no-repeat 50% 50%;} .popup-img-wrap img { width: 100%;height: 100%; object-fit: contain;} .user .total_searchbox .search_form .input_box .btn_box button.search_btn{font-size: 15px; padding-right: 22px; background-size: 14px;} .user .total_searchbox .search_form .input_box input[type="text"]{ height: 45px;padding: 5px 12px; font-size: 15px;} .total_searchbox .result_num {font-size: 20px;padding: 25px 0 30px;} } /* 탭 모바일 (1024px 이하) */ @media (max-width: 1024px) { .tab-box.style1 .tab-list {display: none; position: absolute; top: 100%; left: 0; right: 0; flex-direction: column; background: #fff;border-top: 0; border: 1px solid #777777; border-radius: 8px;box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.2); z-index: 99;} .tab-box.style1 .tab-list.on {display: flex; padding: 15px;} .tab-box.style1 .tab-list li { width: 100%; padding: 15px 0; text-align: left; border: none; box-shadow: none; border-radius: 0; background: none;} tab-box.style1 .tab-list li.active { box-shadow: none;} .tab-box.style1 .tab-list li.active a {color: #114396; text-decoration: underline; text-underline-offset: 2px; font-size: 16px;} .tab-box.style1 .tab-toggle { display: block;width: 100%;padding: 18px 20px;background: #fff;border: 2px solid #114396;text-align: left;cursor: pointer;border-radius: 5px;color: #114396;position: relative;font-family: Pretendard; font-size: 16px;font-weight: 700;line-height: normal;letter-spacing: -0.32px;} .tab-box.style1 .tab-toggle::after {content: ""; display: block;width: 20px; height: 20px;background: url(./images/common/family_arrow.png) no-repeat 50% 50%; position: absolute;top: 50%; right: 25px;font-family: 'Line Awesome Free';font-size: 12px;color: #000;transform: translateY(-50%); transition: transform 0.3s ease-in-out; } .tab-box.style1 .tab-toggle[aria-expanded="true"]::after {transform: translateY(-50%) rotate(180deg);} .tab-box.style1 .tab-list li.active{box-shadow: none; border: 0;} .tab-box.style1 .tab-list li a {color: #333;font-size: 16px;} } @media (max-width: 1560px) { .org_wrap ul .org_row {flex-direction: column; gap: 60px;} .org_wrap ul .org_row .org_left { display: inline-block;width: 100%;height: auto;border-radius: 5px; background: url(./images/common/org_mob01.png) no-repeat 50% 50%; padding: 30px 0; background-size: cover;} .org_left .org_circle {font-size: 22px; line-height: 29px;letter-spacing: -0.44px;} .org_row.top .org_right > li + li { margin-top: 40px;} .org_row.top .org_right > li { width: 100%;padding: 20px 0;font-size: 20px;letter-spacing: -0.4px; z-index: 1;} .org_wrap { padding: 25px 20px; background-size: 90%;} .org_wrap ul.org_list {width: 100%;} .org_wrap ul.org_right{width: 90%; margin: auto;margin-right: 0;} .org_wrap ul > .org_row.bottom .org_left { display: inline-block;width: 100%;height: auto;border-radius: 5px; background: url(./images/common/org_mob02.png) no-repeat 50% 50%;padding: 30px 0;background-size: cover;} .org_row.bottom {margin-top: 70px;} .org_row.bottom li.org_box.personnel {width: 95%; margin: auto;margin-right: 0;} li.org_box.personnel strong {font-size: 20px;line-height: 29px;letter-spacing: -0.4px; padding: 20px 0;} ul.person_list {padding: 25px 30px; gap: 16px 0;} ul.person_list li {color: #666;font-family: Pretendard;font-size: 14px;font-weight: 600;line-height: 140%;letter-spacing: -0.28px;} .org_right > li:After{width: 8px;height: 8px;left: -7px;} .org_row.top .org_right > li:before { width: 30px;} .org_wrap ul > .org_row.top .org_right:After { width: 1px; height: 80%;left: 12px;top: 31px;} .org_row.top .org_right > li:before { display:none;} .org_wrap ul > .org_row.bottom .org_right:After { top: 70%;width: 30% !important; left: 0;margin-left: 20px;} li.org_row.top .org_right::before{display:none;} .org_wrap ul > .org_row.bottom .org_right:After { height: 62%;left: 12px;top: 30px;width: 1px !important;margin-left: 0;} .org_wrap ul > .org_row.bottom::After {content: "";width: 50%;height: 1px;background: #C1CAD9;display: block;left: 13px; top: 70%;position: absolute;} li.org_row.top:before { content: "";width: 50%;height: 1px;background: #C1CAD9;display: block; left: 13px; top: 56%;position: absolute;} li.org_row.top {position: relative;} li.org_row.top:after { content: "";width: 50%;height: 1px;background: #C1CAD9;display: block; left: 13px; top: 89%;position: absolute;} } @media (max-width: 1200px) { .strong_point {font-size: 22px;line-height: 32px;} .goal_banner em {font-size: 16px; padding-bottom: 20px;} .goal_banner em:After {top: 75%;} .goal_banner + .aria_section {padding-top: 100px;background: url(./images/common/goal_arrow.png) no-repeat 50% 2%; background-size: 380px;} ul.strategy_list { flex-direction: column; margin-top: 20px;max-width: 100%;width: 100%;gap: 40px;} .strategy_list li { width: auto;} .circle_item {width: 240px;height: 240px;} .strategy_item .circle_inner {width: 220px; height: 220px;} .circle_item .circle_txt_wrap{ padding-top: 130px; background-position: 48% 40%; background-size: 50px;} .strategy_item strong.strategy_tit{ font-size: 25px;} .strategy_item em.strategy_eng{font-size: 14px;} .strategy_item.apertast .circle_inner .circle_txt_wrap {background-size: 65px;} .strategy_item.freedom .circle_inner .circle_txt_wrap {background-size: 50px; background-position: 50% 40%; padding-top: 130px;} .strategy_item.connect .circle_inner .circle_txt_wrap {background-size: 65px; background-position: 50% 40%; padding-top: 130px;} .strategy_item .strategy_desc{ font-size: 16px;margin-top: 20px;} .strategy_list li + li:before{display:none!important;} } .accordion_w.qna_table .accordion_on .accordion_title .title a { color: #0D326F;} .accordion_title .title span { color: #0D326F;text-align: center;font-family: Pretendard;font-size: 24px;font-weight: 700;line-height: 29px;letter-spacing: -0.48px;margin-right: 20px;} .accordion_w.qna_table .accordion_title .title a { max-width: 90%;color: #333; font-family: Pretendard;font-size: 18px; font-weight: 700; line-height: 29px; letter-spacing: -0.36px;} .accordion_w.qna_table > ul > li + li {margin-top: 10px;} .accordion_w.qna_table > ul {border-top: 0;} .accordion_w > ul > li.accordion_on {background: #F5F8FA;} li.accordion_on .accordion_title { border-bottom: 1px solid #D1DBEA;padding-bottom: 35px;} .accordion_w.qna_table .answer_box { display: flex;gap: 20px;} .accordion_w.qna_table span.answer {color: #A40F16;text-align: center;font-size: 24px;font-weight: 700;line-height: 29px; /* 120.833% */letter-spacing: -0.48px;} .accordion_w > ul > li .accordion_title .title:after {content: '';display: block; position: absolute;top: 49%;width: 16px; height: 16px; transition: transform 0.3s; background: url(./images/common/qna_plue.png) no-repeat 50% 50%;right: 0;transform: translateY(-50%);} .accordion_w > ul > li .accordion_title .title{position:relative;} .accordion_w .accordion_on .accordion_title .title::after{content: '';display: block; position: absolute;top: 49%;width: 16px; height: 16px; transition: transform 0.3s; background: url(./images/common/qna_minus.png) no-repeat 50% 50%;right: 0;transform: translateY(-50%);} .accordion_w.qna_table .accordion_title .title a{display: block;} .accordion_w > ul > li .accordion_title .title {position: relative;display: flex;} .circle_txt_wrap {padding-top: 150px;background: url(./images/common/goal_ic01.png) no-repeat 50% 40%;} .freedom .circle_txt_wrap {padding-top: 150px;background: url(./images/common/goal_ic02.png) no-repeat 50% 40%;} .connect .circle_txt_wrap {padding-top: 150px;background: url(./images/common/goal_ic03.png) no-repeat 50% 40%;} .strategy_list li + li:before {content: "";background: #EDEDED;width: 1px;height: 260PX; display: block; position: absolute;left: -25%; top: 40%;transform: translate(-50%, -50%);} .strategy_list li + li {position: relative;} @media (max-width: 1024px) { .sub_top_banner {display: block; height: auto;} .sub_top_banner > div { width: 100%; height: 250px;} .sub_top_banner .right_cont {height: 250px;} .sub_top_banner .left_cont strong { font-size: 22px;text-align: center;padding: 0 20px;} .sub_top_banner{ margin-bottom: 35px;} .from_txt { margin-top: 25px;font-size: 16px;} .from_txt strong { font-size: 28px;margin-left: 10px;} .khu_content .h3_box{margin-bottom: 30px;} .con_box.con_box_pad{ padding: 0 20px 80px 20px;} h3.h3_tit{ font-size: 20px; letter-spacing: -0.4px;margin-bottom: 25px;} .con-p { font-size: 14px; line-height: 140%;letter-spacing: -0.28px;} .con-p + .con-p { margin-top: 20px;} .accordion_w > ul > li{ padding: 20px 15px;} .accordion_title .title span, .accordion_w.qna_table span.answer { font-size: 20px; line-height: 22px;margin-right: 0;} .accordion_w.qna_table .accordion_title .title a{ width: 80%;font-size: 15px; line-height: 22px;/*white-space: nowrap; overflow: hidden; text-overflow: ellipsis;max-width: 80%;*/display: block; margin-left: 10px;} li.accordion_on .accordion_title{ padding-bottom: 20px;} .accordion_w .accordion_details { padding-top: 25px;} .accordion_w.qna_table .answer_box{ gap: 0;} .accordion_w .accordion_details .text_box { font-size: 13px; margin-left: 5px;width: calc(100% - 40px);} .accordion_w.qna_table span.answer{width: 25px;} .goal_banner {height: auto;padding: 30px 25px;} p.strong_point { font-size: 22px;line-height: 34px;} } @media (max-width: 760px) { .sub_top_banner .left_cont strong>span {display: inline;} } /* left_gnb */ aside.left_gnb{position:static;width:230px;min-height:100%;height:auto;border-radius:0;border:1px solid #D9D9D9;border-top:0;border-bottom:0;background:#fff} .layout01 aside.left_gnb{min-height:100%;} .left_gnb .menu_ctrl{padding:20px} .left_gnb .menu_ctrl ul{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end} .left_gnb .menu_ctrl li{width:25px;height:25px;} .left_gnb .menu_ctrl li + li{margin-left:5px} .left_gnb .menu_ctrl li a{display:block;width:100%;height:100%;background:no-repeat 50% 50%;opacity:0.3} .left_gnb .menu_ctrl li.open a{background-image:url(./images/common/menu_ctrl_ic_p.png)} .left_gnb .menu_ctrl li.close a{background-image:url(./images/common/menu_ctrl_ic_m.png)} .left_gnb .menu_ctrl li a:hover{opacity:1} .gnb_list{border-bottom:1px solid #f3f3f3} .gnb_list > ul > li .tit a{display:block;position:relative;padding:15px 20px;padding-right:50px;margin:0;border-bottom:0;border-top:1px solid #F3F3F3;font-weight:500} .gnb_list > ul > li .tit a, .gnb_list > ul > li.on .tit a, .gnb_list > ul > li.open .tit a{background:none;color:#333} .gnb_list > ul > li .tit a::after{content:'';display:block;position:absolute;top:50%;right:20px;width:12px;height:7px;margin-top:-4px;background:url(./images/common/left_gnb_arrow.png) no-repeat 50% 50%;transition:transform 0.3s} .gnb_list > ul > li.on .tit a::after, .gnb_list > ul > li.open .tit a::after{background-image:url(./images/common/left_gnb_arrow_on.png);transform:rotate(180deg)} .gnb_list > ul > li:first-child .tit a{border-top:0} .gnb_list .sub_gnb ul{padding:0 8px 15px;border-bottom:0;border-top:0} .gnb_list > ul > li .tit a span{font-size:14px} .gnb_list .sub_gnb{display:none} .gnb_list > ul > li.open .sub_gnb{display:block} .gnb_list .sub_gnb ul li{height:auto;} .gnb_list .sub_gnb ul li + li{margin-top:2px} .gnb_list .sub_gnb ul li a{display:block;position:relative;overflow:hidden;padding:0;border-radius:3px;border-top:0;font-weight:400} .gnb_list .sub_gnb ul li a::before{content:'';display:block;position:absolute;top:50%;right:15px;width:70%;height:1px;margin:0;background:#fff} .gnb_list .sub_gnb ul li a span{display:inline-block;position:relative;z-index:10;padding:12px 10px 12px 20px;font-size:15px;background:#fff} .gnb_list .sub_gnb ul li a.on, .gnb_list .sub_gnb ul li a:hover, .gnb_list .sub_gnb ul li a.on span, .gnb_list .sub_gnb ul li a:hover span{color:#fff;background:#B81C2B;opacity:1} .gnb_list > ul > li.on .sub_gnb{display:none} aside.left_gnb{padding:0} aside.left_gnb .left_gnb_title{display:none} aside.left_gnb nav{background:#fff} .layout01 .gnb_list .sub_gnb ul{margin:0} .layout01 header .bg_gnb{top:78px;margin-top:0;background:#fff} .layout01 header .bg_gnb.is-active{height:400px !important;} .type03 .gnb > ul > li > .sub_2.is-active > ul > li > a.on, .type04 .gnb > ul > li > .sub_2 > ul > li > a.on:after, .btn_close{background-color:#B81C2B} .layout01 .type04 .gnb > ul > li > .sub_2, .type04 .gnb > ul > li > .sub_2{top:78px} header.sticky .bg_gnb{top:40px} /* content */ .h3_box{height:auto;padding:20px 0} .h3_box h3{font-weight:500;font-size:22px;color:#333} section .navigation{display:none} /* page_cont */ /* .page_cont{position:relative;padding:15px;border:1px solid #E0E0E0;border-radius:0;background:#fff;box-shadow:0 1px 3px 1px rgba(89,89,89,0.05)} */ .cont_section + .cont_section{margin-top:30px} .cont_section .cont_box{width:100%;} .cont_section .cont_box .table_wrap{margin:15px} .cont_section .cont_tit{margin-bottom:15px} .cont_section .cont_box + .cont_box{margin-top:20px} .cont_section .cont_tit .warn{text-align:right} /* text */ h4{font-size:16px;color:#333} h4::before{content:'';display:inline-block;width:2px;height:15px;margin-right:5px;background:#B81C2B;vertical-align:middle} .str{color:#B81C2B} .title_wrap{overflow:hidden;padding:15px 0 20px} .hyper:hover{color:#B81C2B} /* scroll */ body *::-webkit-scrollbar-track{background-color:#E0E0E0} body *::-webkit-scrollbar{width:4px;height:4px;background-color:#E0E0E0;} body *::-webkit-scrollbar-thumb{background-color:#B81C2B;border-radius:50px} body.main_w *::-webkit-scrollbar-thumb{background-color:#0039BD;} /* scroll IE */ .table_wrap, .scroll_box, .tree_wrap .tree_body, .ui-dialog .ui-dialog-content{scrollbar-3dLight-Color:#B81C2B;scrollbar-arrow-color:#B81C2B;scrollbar-Face-Color:#B81C2B;scrollbar-Track-Color:#E0E0E0;scrollbar-DarkShadow-Color:#B81C2B;scrollbar-Highlight-Color:#B81C2B;scrollbar-Shadow-Color:#B81C2B;} /* jquery datepicker */ .ui-datepicker.ui-widget.ui-widget-content{transform:translate(0,0)} /* btn */ a.btn01, a.btn01.col02, .btn_wrap .btn01, .tree_wrap .btn01{display:inline-block;min-width:80px;height:34px;padding:0 15px;border:1px solid #D7DFE4;border-radius:0;background:#fff;line-height:32px;font-weight:400;font-size:13px;color:#333;text-align:center} .btn_wrap .f_left .btn01{margin:0} a.btn01 span{display:inline-block;background:no-repeat 0 50%} a.btn01, a.btn01.col02, .btn_wrap .btn01, .tree_wrap .btn01 { border-radius: 50px;border: 1px solid #114396;padding: 24px 0; color: var(--KHU_SKY, #114396); text-align: center;font-family: Pretendard;font-size: 18px;font-weight: 700;line-height: 140%;letter-spacing: -0.36px; display: flex;align-items: center; justify-content: center;min-width: 115px;height: 50px; background: none;} a.btn01, a.btn01.col02, .btn_wrap .btn01 span, .tree_wrap .btn01 {background-image: none!important;padding: 0!important;} .btn_wrap.a1 .f_right {justify-content: flex-end;} .menu_wrap .menu_left #rootAddBtn { display: inline-block; min-width: 80px; height: 34px;padding: 0 15px;border: 1px solid #ddd;border-radius: 0; background: #fff;line-height: 32px;font-weight: 600; font-size: 13px; color: #333;text-align: center; margin-right: 10px;} /* btn�샄 */ /* a.btn01#addBtn span, a.btn01#writeBtn span, a.btn01#newRegisterBtn span, a.btn01#procBtn span, a.btn01#rootAddBtn span, a.btn01#createBtn span, a.btn01.resiBtn span{padding-left:24px;background-image:url(./images/common/btn01_regi_ic.png)} */ /* 占쏙옙占쎌삢 */ a.btn01.saveBtn span, a.btn01#saveBtn span, a.btn01#modiBtn span{padding-left:24px;background-image:url(./images/common/btn01_save_ic.png)} /* �빊遺쏙옙 */ a.btn01#addBtn span, a.btn01#stdBtn span{padding-left:24px;background-image:url(./images/common/btn01_add_ic.png)} /* 占쎄텣占쎌젫 */ a.btn01.delChkBtn span, a.btn01#delChkBtn span, a.btn01#delBtn span{padding-left:0;background-image:none;} /* 占쎈퓡占쏙옙 */ a.btn01#updateBtn span, a.btn01#staSaveBtn span, a.btn01.noModiBtn span{padding-left:24px;background-image:url(./images/common/btn01_edit_ic.png)} a.btn01.excelDownBtn span, a.btn01#excelDownBtn span{padding-left:24px;background-image:url(./images/common/btn01_excel_ic.png)} a.btn01#printBtn span, a.btn01.print_ic span{padding-left:26px;background-image:url(./images/common/btn01_print_ic.png)} a.btn01.copyBtn{width:20px;height:20px;border:0;background:url(./images/common/btn01_copy_ic.png) no-repeat 50% 50%;text-indent:-9999px} a.btn01.downBtn{width:20px;height:20px;border:0;background:url(./images/common/btn01_down_ic.png) no-repeat 50% 50%;text-indent:-9999px} /* slideup */ a.btn01#totHideBtn span, a.btn01.slideup span, a.btn01#expendBtn2 span, a.btn01.all_close_menu span{padding-left:24px;background-image:url(./images/common/menu_ctrl_ic_m.png)} /* slidedown */ a.btn01#totShowBtn span, a.btn01.slidedown span, a.btn01#expendBtn1 span, a.btn01.all_open_menu span{padding-left:24px;background-image:url(./images/common/menu_ctrl_ic_p.png)} a.btn02{display:inline-block;padding:5px 15px;border:1px solid #B81C2B;border-radius:50px;color:#B81C2B} a.btn02#excelDownBtn span, a.btn02.excelBtn span{display:inline-block;padding-left:20px;background:url(./images/common/btn02_exceldown_ic.png) no-repeat 0 50%} a.btn02#sendSmsBtn span, a.btn02.smsBtn span{display:inline-block;padding-left:20px;background:url(./images/common/btn02_sms_ic.png) no-repeat 0 50%} a.btn03{display:inline-block;padding:11px 30px;border-radius:50px;background:#B81C2B;color:#fff;text-align:center} a.btn01:hover, a.btn02:hover, a.btn03:hover{opacity:0.8} a.btn01:active, a.btn02:active, a.btn03:active{transform:scale(0.95)} .btn01 + .btn01, .tree_chk_wrap .tab_top_wrap .btn01 + .btn01{margin-left:2px;} .btn02{margin-left:5px} /* table btn */ .table_wrap .btn01{border:1px solid #B81C2B;color:#B81C2B;background:transparent} .table_wrap .btn01, .table_wrap table .btn01, .table_wrap table.t_list tbody td .btn01, .table_wrap table.t_list tbody td .btn01{min-width:auto;height:auto;padding:4px 15px;border-radius:50px;font-size:12px;line-height:1.2;word-break:keep-all;} .table_wrap .btn01 + .btn01{margin-left:5px} .table_wrap .btn01.col02{border-color:#1C4CB8;color:#1C4CB8;height: 50px; margin-top: 10px;} .table_wrap .btn01.col03{border-color:#b2b2b2;color:#b2b2b2} .table_wrap + .btn_wrap{margin-top:20px} /* .search_form */ .search_form{padding:15px 0;margin-bottom:10px;border:0;background: none;} .search_form > li{display:flex;flex-wrap:wrap;} .search_form > li dl{width:auto;padding:5px 20px;border-right:1px solid #f0f0f0} .search_form li dl dd{width:100%;padding-right:0} .search_form li dl dt, .search_form .comm_set, .search_form .cdDiv{padding-right:0} .search_form > li.dl2 dl{width:50%} .search_form > li.dl4 dl{width:25%} .search_form > li dl:last-child{border-right:0; padding: 0;} .search_form > li.dl4 dl:nth-child(3n){border-right:1px solid #f0f0f0} .search_form li dl dt{float:none;width:auto} .search_form li .search_title{display: inline-block;height:auto;font-size:14px;padding:0 0 10px;font-weight:500;line-height:1;vertical-align:top;} .search_form li .search_title label{font-weight:500;font-size:14px;} .search_form dl dd, .search_form .line_box{display:flex;align-items:center;width:100%} .search_form input[type="text"]{width:100%;border:1px solid #e0e0e0} .search_form select{width:100%;border:1px solid #e0e0e0;} .search_form select + select{margin-left:5px} .search_form dd select{min-width:120px} .search_form input[type="text"] + .btn01, .search_form input + .btn01{margin-left:5px;} .search_form .comm_set + input[type="text"], .search_form .cdDiv + input[type="text"]{margin-top:0} /* search_bar_wrap */ .search_form > li dl + .search_bar_wrap{width:66.66%; padding: 5px;} .search_form > li dl + dl + .search_bar_wrap, .search_form > li .search_bar_wrap{width:100%} .search_form > li .line_box .comm_set, .search_form > li .search_bar_wrap .comm_set, .search_form > li .search_bar_wrap .cdDiv, .search_form > li .search_bar_wrap select{width:160px;margin-right:5px} .search_form > li .search_bar_wrap select + input[type="text"]{width:calc(100% - 370px);} .search_form > li .search_bar_wrap input[type="text"]{width:calc(100% - 200px);} .search_form .search_bar_wrap .btn01{min-width:auto;height:38px;padding:0;border:0;line-height:36px;} .search_form .search_bar_wrap .btn01 + .btn01{margin-left:5px} .search_form .search_bar_wrap .searchBtn, .search_form .search_bar_wrap #searchBtn, .search_form .search_bar_wrap #dialogSearchBtn{width:145px;border-radius:50px;background:#B81C2B;color:#fff;font-size:14px;text-align:center;} .search_form .search_bar_wrap .searchBtn span, .search_form .search_bar_wrap #searchBtn span, .search_form .search_bar_wrap #dialogSearchBtn span{display:inline-block;padding:0 0 0 28px;background: url(./images/common/user_search_btn_ic.png) no-repeat 0 50%} .search_form .search_bar_wrap .resetBtn, .search_form .search_bar_wrap #resetBtn, .search_form .search_bar_wrap #dialogResetBtn{width:50px;border:1px solid #B81C2B;border-radius:50px;text-indent:-9999px;background:url(./images/common/reset_btn_ic.png) no-repeat 50% 50%!important;} .search_form .search_bar_wrap .btn01:hover{opacity:0.8} .search_form input[type="text"].hasDatepicker, .search_form input[type="text"].hasDatetimepicker{width:calc(50% - 20px);margin:0 2px} .search_form li.only_btn{text-align:center;padding:20px 0 10px} .search_form a.btn01.org_search{border:1px solid #e6e6e6;background:#F0F0F0} .search_form .comm_set, .search_form .cdDiv{width:100%} /* search_form detail */ .search_form .btn01.det_btn{width:120px;padding:0;border:0;background:none;font-size:13px;color:#999} .search_form .btn01.det_btn span{position:relative;padding:0;padding-right:25px;} .search_form .btn01.det_btn span::before{content:'';display:block;position:absolute;top:0;right:0;width:20px;height:38px;background:url(./images/common/search_accd_arrow.png) no-repeat 50% 50%;transition:0.3s} .search_form.detail_on .btn01.det_btn span::before{transform:rotate(180deg)} /* ul_question */ .ul_question p{margin-bottom:5px} /* cont_box */ .cont_box{padding:8px;margin:0 0 10px;border:1px solid #E0E0E0;background:#fff} /* check / radio */ .radio input, .check input {overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;border:0 none;font-size:0;line-height:0;clip:rect(0 0 0 0);opacity:0;} label.radio span:before, label.radio input:checked + span:before, label.check span:before, label.check input:checked + span:before{box-shadow:none} label.check{width:auto;height:auto;min-height:auto;padding:0;text-align:center} label.check .txt::before{display:inline-block;position:static;width:16px;height:16px;margin-right:5px;border:1px solid #E6E6E6;border-radius:3px;vertical-align:middle;background:#fff} label.check .txt{padding:0;font-size:14px;} label.check input:checked + .txt::before, label.check input:checked + input + .txt::before{border-color:#B81C2B;background:url(./images/common/check_ic.png) no-repeat 50% 50%;background-size:auto} .table_wrap .check .ico{width:13px;height:13px;margin:0 5px} .table_wrap .check input:checked + .ico{background-image:url(./images/common/table_check_ic.png);} label.radio{width:auto;height:auto;min-height:auto;padding:0;text-align:center} label.radio .txt::before{content:'';display:inline-block;position:static;width:16px;height:16px;margin-right:5px;border:1px solid #E6E6E6;border-radius:50%;vertical-align:middle;background:#fff no-repeat 50% 50%;} label.radio .txt{padding:0 2px;font-size:14px;} label.radio input:checked + .txt::before, label.radio input:checked + input + .txt::before{position:relative;border-color:#B81C2B;background-image:url(./images/common/check_ic.png)} label.radio input:checked + .ico::after{content:'';display:block;position:absolute;top:50%;left:50%;width:6px;height:6px;border-radius:50%;background:#B81C2B;transform:translate(-50%,-50%)} .t_left .check{text-align:left} /* table_wrap */ .table_wrap{overflow:auto;border-top:0} .table_wrap + .table_wrap{margin-top:20px} .table_wrap select{width:100%} .table_wrap table.t_list.hover tbody tr .NO_RESULT{border-right:0} .table_wrap table.t_list thead tr th{position:relative;padding:10px 0;height:38px;border-bottom:1px solid #B81C2B;font-weight:500;font-size:13px;color:#737373;background:#fff;text-align:center} .table_wrap table.t_list thead tr th::after, .table_wrap table.t_list thead tr th[colspan] + th::before{content:'';display:block;position:absolute;top:50%;right:0;width:1px;height:12px;background:#E6E6E6;transform:translateY(-50%)} .table_wrap table.t_list thead tr th[colspan] + th::before{left:0;right:auto} .table_wrap table.t_list thead tr th[colspan]::after, .table_wrap table.t_list thead tr th.last::after{display:none} .table_wrap table.t_list thead tr th[colspan]{border-color:#E6E6E6} .table_wrap table.t_list tbody td{padding:10px;height:38px;border:0;border-top:1px solid #F0F0F0;border-bottom:0;color:#4c4c4c;text-align:center} .table_wrap table.t_list th, .table_wrap table.t_list td{font-size:13px} .table_wrap table.t_list thead th.last, .table_wrap table.t_list tbody th.last, .table_wrap table.t_list tbody td.last{border-right:1px solid transparent} .table_wrap table.t_list tbody th{border-bottom:1px solid #f0f0f0;border-right:1px solid #f0f0f0;font-weight:500;text-align:center;color:#333} .table_wrap table.t_list tbody tr:last-child td{border-bottom:1px solid #f0f0f0} .table_wrap table.t_list tbody td.title{text-align:left} .table_wrap table.t_list tbody td.title a{ color: #333;font-family: Pretendard; font-size: 16px;font-weight: 600;line-height: 160%;letter-spacing: -0.32px; border-bottom: 0;} .table_wrap table.t_list tbody td.title a:hover{color:#114396;} /* .table_wrap table.t_list tbody tr:nth-child(2n) td{background:#FDFDFD} */ .table_wrap table.t_list .comm_set, .table_wrap table.t_list .cdDiv{width:100%;padding:0 10px} .comm_set + input[type="text"], .cdDiv + input[type="text"]{width:100%;margin-top:10px} .table_wrap table.t_list tbody td.NO_RESULT{padding:60px 0} /* hover */ .table_wrap table.hover tbody tr:hover td{background-color:rgba(184,28,43,0.02)} .table_wrap table.hover tbody tr:hover td, .table_wrap table.hover tbody tr:hover + tr td{border-top:1px solid #B81C2B;} .table_wrap table.hover tbody tr:hover td:first-child{border-left:1px solid #B81C2B} .table_wrap table.hover tbody tr:hover td:last-child{border-right:1px solid #B81C2B} .table_wrap table.hover tbody tr:hover .NO_RESULT, .table_wrap table.hover tbody tr:hover .last.NO_RESULT{border:0;background:#fff} .table_wrap table.hover tbody tr:last-child:hover td{border-bottom:1px solid #B81C2B} /* t_view */ .table_wrap table.t_view{border-top:1px solid #f0f0f0} .table_wrap table.t_view + table{border-top:0} .table_wrap table.t_view th{background:#f9f9f9;font-weight:500} .table_wrap table.t_view th label{font-weight:500} .table_wrap table.t_view th, .table_wrap table.t_view td{border-bottom:1px solid #f0f0f0;border-right:1px solid #f0f0f0} .table_wrap table.t_view th:last-child, .table_wrap table.t_view td:last-child{border-right:0} .table_wrap table.t_view thead th, .table_wrap table.t_view tbody tr th, .table_wrap table.t_view tbody tr td, .table_wrap table.t_view tfoot th, .table_wrap table.t_view tfoot td{height:40px;padding:5px 10px;border-color:#e1e5e6;font-size:13px;vertical-align:middle} .table_wrap table.t_view thead tr th{text-align:center} .table_wrap table.t_view tbody tr th{border-right:1px solid #e1e5e6;text-align:left;font-weight:500;} .table_wrap table.t_view input[type="text"]{min-width:240px;} .table_wrap .dl_list{display:flex;align-items:center} .table_wrap .dl_list + .dl_list{margin-top:10px} .table_wrap .dl_list dt{width:100px;padding-right:10px} .table_wrap .dl_list dd{width:calc(100% - 100px)} .table_wrap .chart_wrap tbody tr td{padding:0} .table_wrap label + input[type="text"]{margin-left:5px} .table_wrap table.t_view .t_list tr th{border-right:0} .reply_writing_w a.btn01{border:1px solid #B81C2B;background:#fff;color:#B81C2B} /* board_view */ .board_view thead tr td, .table_wrap table.board_view tbody tr td{padding:12px 20px;color:#666} .board_view thead .title{font-weight:600;font-size:18px;backgrond:#f9f9f9;color:#333} .file_box{display:flex;flex-wrap:wrap;align-items:flex-start;width:100%;padding:12px 20px;line-height:1.4} .file_box span{width:120px;padding:2px 0;padding-left:20px;background:url(./images/common/file_ic.png) no-repeat 0 50%} .file_box .ul_file{width:calc(100% - 120px)} .file_box .ul_file li a{font-family:'Noto Sans'} .tab_bottom, .tab_btn_b {overflow:hidden;margin-top:15px;letter-spacing:0} .tab_bottom p span, .tab_bottom li span, .tab_btn_b p span{font-weight:500;color:#B81C2B} .NO_RESULT{height:100px;text-align:center;line-height:100px} .NO_RESULT p, .no_result p{display:inline-block;padding-left:25px;background:url(./images/common/no_result_ic.png) no-repeat 0 50%;color:#bdbdbd} /* .table_top */ .table_top{padding-bottom:10px} .table_top select{min-width:100px;background-color:transparent;} .table_top .comm_set, .table_top .cdDiv{width:auto;min-width:100px} .table_top h4{float:left;font-size:16px;margin-top:10px} .table_top .warn_desc{float:right;padding-top:10px;font-size:13px;color:#999} .table_wrap + .table_top{margin-top:30px} /* orgSearch */ .line_box input.orgSearch{width:100%} .line_box .btn01.org_search{width:80px} .line_box{display:flex;align-items:center;width:100%} .line_box .comm_set + .btn01, .line_box .cdDiv + .btn01, .line_box input[type="text"] + .btn01, .childObjRow input[type="text"] + .btn01, .line_box select + select{margin-left:5px} .table_wrap table.t_view .line_box input[type="text"]{min-width:auto} /* page_list */ .page_list{display:flex;align-items:center;justify-content:center;padding:20px 0} .page_list li{margin:0;text-align:center} .page_list li + li{margin-left:5px} .page_list li a{display:block;position:relative;min-width:15px;height:32px;background:none;line-height:32px;font-size:13px;color:#666} .page_list li a::before{content:'';display:none;position:absolute;left:50%;bottom:6px;width:8px;height:2px;margin-left:-3px;background:#B81C2B} .page_list li.on a, .page_list li a:hover{background:none;font-weight:600;color:#B81C2B} .page_list li.on a::before, .page_list li a:hover::before{display:block} .page_list li:nth-child(1) a, .page_list li:nth-child(2) a, .page_list li:nth-last-child(2) a, .page_list li:last-child a{width:32px;height:32px;border:1px solid #E8E8E8;border-radius:50%;text-indent:-9999px;background:#fff no-repeat 50% 50%} .page_list li:nth-child(2) a{margin-right:20px} .page_list li:nth-last-child(2) a{margin-left:20px} .page_list li:nth-child(1) a:hover::before, .page_list li:nth-child(2) a:hover::before, .page_list li:nth-last-child(2) a:hover::before, .page_list li:last-child a:hover::before{display:none} .page_list li:nth-child(1) a{background-image:url(./images/common/pageing_ic_prev_02.png)} .page_list li:nth-child(2) a{background-image:url(./images/common/pageing_ic_prev_01.png)} .page_list li:nth-last-child(2) a{background-image:url(./images/common/pageing_ic_next_01.png)} .page_list li:last-child a{background-image:url(./images/common/pageing_ic_next_02.png)} .page_list li:nth-child(1) a:hover{border-color:#0D326F;background-image:url(./images/common/pageing_ic_prev_over02.png)} .page_list li:nth-child(2) a:hover{border-color:#0D326F;background-image:url(./images/common/pageing_ic_prev_over01.png)} .page_list li:nth-last-child(2) a:hover{border-color:#0D326F;background-image:url(./images/common/pageing_ic_next_over01.png)} .page_list li:last-child a:hover{border-color:#0D326F;background-image:url(./images/common/pageing_ic_next_over02.png)} /* guide_wrap */ .guide_wrap{padding:15px;margin-bottom:20px;border:1px solid #B81C2B;background:#fff} .guide_wrap ul li{padding:0 0 0 20px;color:#B81C2B;background:url(./images/common/guide_li_ic.png) no-repeat 0 3px;text-indent:0} .guide_wrap > ul > li:before{display:none} .guide_wrap ul li + li{margin-top:5px} /* help_pop */ .th_help{display:inline-block;width:16px;height:16px;margin-left:5px;background:url(./images/common/th_help_ic.png) no-repeat 50% 50%;text-indent:-9999px;} .help_pop{display:none} /* tab */ .tabType01 ul{display:flex;align-items:center;} .tabType01 ul li{position:relative;width:auto} .tabType01 ul li + li::before{content:'';display:block;position:absolute;top:50%;left:-1px;width:2px;height:14px;background:#DBDBDB;transform:translateY(-50%)} .tabType01 ul li a{display:block;padding:20px 30px;font-size:17px;color:#a6a6a6} .tabType01 ul li:first-child a{padding-left:0} .tabType01 ul li.on a{font-weight:600;color:#b81c2b} .tab_type1{display:flex;align-items:center;} .tab_type1 li{position:relative;width:auto;flex:1;border:0} .tab_type1 li + li::before{content:'';display:block;position:absolute;top:50%;left:-1px;width:2px;height:14px;background:#DBDBDB;transform:translateY(-50%)} .tab_type1 li a{display:block;height:auto;padding:0 12px;color:#a6a6a6} .tab_type1 li a span{padding:0} .tab_type1 li:first-child a{padding-left:0} .tab_type1 li.on{border:0;} .tab_type1 li.on a{font-weight:600;color:#b81c2b} .tabType02{margin-bottom:20px} .tabType02 ul{display:flex;align-items:center;} .tabType02 ul li + li{margin-left:10px} .tabType02 ul li a{display:block;padding:5px 20px;border:1px solid #b81c2b;border-radius:50px;background:#fff;font-size:14px;color:#b81c2b} .tabType02 ul li.on a{background:#b81c2b;color:#fff} .tab_type2 ul{display:flex;align-items:center;} .tab_type2 ul li + li{margin-left:10px} .tab_type2 ul li a{display:block;padding:5px 20px;border:1px solid #b81c2b;border-radius:50px;background:#fff;font-size:14px;color:#b81c2b} .tab_type2 ul li.ui-state-active a, .tab_type2 ul li.ui-state-active a.ui-tabs-anchor{background:#b81c2b;color:#fff} /* list_tab */ .list_tab li.on a, .list_tab li a:hover{color:#B81C2B} /* menu_wrap */ .menu_wrap{margin-bottom:10px} .menu_wrap .menu_right{padding-top:20px;background:#fff;} .ui-menu .ui-menu-item a{display:block;width:100%;padding:5px;padding-left:24px} .ui-menu .ui-menu-item a:hover, .ui-menu .ui-menu-item a.ui-state-active{padding:5px;padding-left:24px;margin:0} /* upload */ .ajax-file-upload-bar{background:#B81C2B} .ajax-file-upload-statusbar .ajax-file-upload-view{border-color:#B81C2B} .COMMON_FILEUPLOAD .ui-sortable li, .COMMON_FILEUPLOAD .ui-sortable li.SORT_INDEX_0{border-color:#f0f0f0;background:#fff} .COMMON_FILEUPLOAD .ui-sortable li.SORT_INDEX_0{margin-top:5px} .ajax-file-upload-content .ajax-file-upload-bar{box-shadow:0 0 20px 2px rgb(0 0 0 / 10%)} .ajax-file-upload-statusbar .ajax-file-upload-content .ajax-file-btns-wrap{top:50%;margin-top:-10px} .ico_menu.menu_del .hide_txt, .ajax-file-upload-statusbar .ajax-file-upload-content .ajax-file-btns-wrap a.txtLink, .ajax-file-upload.btnTypeDef{border:1px solid #DDE3E7;padding:3px 5px;background:#fff;color:#333;font-family:'Noto Sans','Nanum Gothic', '梨섑삨占쎈�ⓔ�占쎈퇋沅�';line-height:1;font-size:12px} .ajax-file-upload.btnTypeDef{height:auto;padding:8px 10px} .ajax-file-upload-statusbar .ajax-file-upload-content .ajax-file-btns-wrap a{height:20px;} .ajax-file-btns-wrap .moveLabel .ui-icon{height:18px;margin:0} /* ui-datepicker */ .ui-datepicker{box-shadow:0 0 20px 1px rgb(0 0 0 / 10%);} .ui-datepicker .ui-datepicker-header{padding:8px 5px;border:0;border-radius:0;background:#B81C2B;} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{top:50%;width:25px;height:25px;margin-top:-12px;border:0;background:no-repeat 50% 50%;cursor:pointer} .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{display:none} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-prev:hover{left:5px;background-image:url(./images/common/white_arrow_ic_prev.png)} .ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-next:hover{right:5px;background-image:url(./images/common/white_arrow_ic_next.png)} .ui-datepicker .ui-datepicker-title{display:flex;align-items:center;margin:0 25px;font-size:13px;color:#fff} .ui-datepicker .ui-datepicker-title select{height:25px;margin:0 5px;border-radius:3px;padding:0 5px;line-height:23px;font-size:13px;color:#666} .ui-datepicker .ui-datepicker-title select{background-position-x:calc(100% - 5px)} .ui-datepicker .ui-datepicker-calendar{margin:0} .ui-datepicker .ui-datepicker-calendar thead th{font-weight:400;} .ui-datepicker .ui-datepicker-calendar tbody td span, .ui-datepicker .ui-datepicker-calendar tbody td a{padding:3px 5px;border:0;background:none;text-align:center} .ui-datepicker .ui-datepicker-calendar tbody td a:hover, .ui-datepicker .ui-datepicker-calendar tbody td a.ui-state-active{border-radius:3px;background:#B81C2B;color:#fff} .ui-datepicker .ui-datepicker-calendar tbody td a:hover{opacity:0.8} .ui-datepicker .ui-datepicker-calendar tbody td.ui-state-disabled span{border:0;background:none} .ui-timepicker-div.ui-timepicker-oneLine{margin-top:10px;} .ui-timepicker-div.ui-timepicker-oneLine dl{display:flex;align-items:center;justify-content:center} .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label{margin-right:5px;padding:0;font-size:14px} .ui-timepicker-div .ui-timepicker-select{width:50px;height:25px;padding:0 10px;margin:0 2px;line-height:23px;background:#fff} /* datepicker */ .ui-datepicker.ui-widget.ui-widget-content{} /* actyDiv */ #actyDiv table.t_view, #aplDiv table.t_view{border-top:0} #ipDiv table + table tbody td{border-top:0} /* file_input */ .file_input{display:flex;align-items:center;margin-bottom:10px} .file_input label{height:34px;border:1px solid #f0f0f0;font-weight:400;line-hegith:32px;color:#999} .file_input #common_upload_file + label{border-left:0} .cmnFileLst li a{display:block;padding:2px 0;padding-left:20px;background:url('./images/common/file_ic.png') no-repeat 0% 50%;font-size:14px;color:#333} .cmnFileLst li a:hover{color:#B81C2B} /* menu */ .menu_wrap .menu_left .btn_wrap_{display:flex} .menu_wrap .btn01{display:inline-block;min-width:80px;height:34px;padding:0 15px;border:1px solid #D7DFE4;border-radius:0;background:#fff;line-height:32px;font-weight:400;font-size:13px;color:#333;text-align:center} .menu_wrap .btn01 + .btn01{border-left:0} #boardTemplate_ul li{display:flex;flex-wrap:wrap;align-items:center;width:100%;} #boardTemplate_ul li .boardTemplate_text{width:100px;} #boardTemplate_ul li select{width:200px} #boardTemplate_ul li .btn01{margin-left:5px} #boardTemplate_ul li + li{margin-top:5px} .mypage_wrap .btn_wrap .btn01{height:auto;padding:10px;line-height:1;} .secret_box{display:flex;align-items:center;width:100%;} .secret_box > .comm_set{display:block;} .secret_box ul{display:flex;align-items:center;} .secret_box ul li{padding-top:0} .secret_box ul li + li{padding-left:10px;} .secret_box input[type="text"]{margin-top:0;} .img_table .img_box > span > div{display:flex;justify-content:center;} .wrt_name{display:flex;align-items:center;justify-content:end;} .wrt_name .info{margin-top:5px;} .card_table .ctg{line-height:1;} .card_flexbox{display:flex;align-items:center;justify-content:space-between;margin-top:10px;} .card_flexbox .date{padding-top:0;} .img_table ul li .btn_box_{overflow:visible;} .img_table ul li .btn_box_:after{content:'';display:block;clear:both;} .banner_wrap .banner_ul > li{display:flex;align-items:center;justify-content:center;height:90px;padding:0 5px;border:0;} .banner_wrap .banner_ul > li > a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;border:1px solid #e1e5e6} .banner_wrap .banner_ul > li > a img{max-height:100%;height:100%;object-fit:cover;} #contype .addBtn{margin-bottom:10px;} #contype .ajax-file-upload{margin-top:10px;} .accordion_w .accordion_details .btn_box .btn01{padding:0;} /* �뚢뫂�쀯㎘占� 占쎈쾻嚥∽옙 沃섎챶�봺癰귣떯由� */ #dialogDiv .tit-txt{display:block; position: static;font-size: 18px;padding-bottom: 10px;} #dialogDiv .cont{overflow-y: auto;margin: auto;height: 350px;border-radius: 6px;background: #f3f8ff;border: 1px solid #dce5f5;padding: 12px;} #dialogDiv .type1 .cont{width: 350px;} #dialogDiv .type2 .cont{width:700px;} #dialogDiv .con-box{position: relative;} #dialogDiv img{width: auto;height: 100%;position: absolute; top: 50%;left: 50%; transform: translate(-50%, -50%);} #dialogDiv .type2 img{width: 100%;height: auto;} #dialogDiv .img-box{position: relative; overflow: hidden;height: 200px;margin: 8px 0;padding:0;} .search_bar_wrap.single{margin-bottom:0;} .input_group.member{display:flex;align-items:center;flex:1;} .search_form .auth_manage_search .search_bar_wrap{justify-content:center;margin-bottom:0;} .search_form .auth_manage_search .search_bar_wrap dd{display:flex;justify-content:center;} .search_form .auth_manage_search .search_bar_wrap dd #divuserTagLib input[type="text"]{width:calc(100% - 210px)} .search_form .auth_manage_search .search_bar_wrap dd #divuserTagLib a.btn01{padding:5px 15px;} .search_form .auth_manage_search .search_bar_wrap dd .search_btn_wrap{text-align:right;} .search_form .auth_manage_search .search_bar_wrap dd .search_btn_wrap a.btn01{background:#B81C2B;border-radius:50px;font-size:14px;color:#fff;} .search_form > li .search_bar_wrap input[type="text"].auth_input{max-width:670px;height:44px;border-radius:5px;} .search_form .search_bar_wrap .auth_search_btn #divuserTagLib{opacity:0;visibility:hidden;width:0px;} .search_form .search_bar_wrap .auth_search_btn .auth_button_wrap{border-radius:5px;margin-right:16px;} .search_form .search_bar_wrap .auth_search_btn .auth_button_wrap .btn01{margin-left:-3px;background:transparent;border:1px solid #ccc;border-radius:0;font-weight:400;font-size:14px;color:#999;padding:14px 0;line-height:1;height:auto;} .search_form .search_bar_wrap .auth_search_btn .auth_button_wrap .btn01:first-child{margin-left:-3px;border-radius:5px 0 0 5px;} .search_form .search_bar_wrap .auth_search_btn .auth_button_wrap .btn01:last-child{border-radius:0 5px 5px 0;} .search_form .search_bar_wrap .auth_search_btn .auth_button_wrap .btn01 span{padding:0 27px} .search_form .auth_manage_search .search_bar_wrap dd.auth_search_btn .btn01:hover, .search_form .auth_manage_search .search_bar_wrap dd.auth_search_btn .btn01:active{transform:scale(1);background:#fff;border-color:#a1a1a1;} .search_form .auth_manage_search .search_bar_wrap dd.auth_search_btn .btn01:hover span, .search_form .auth_manage_search .search_bar_wrap dd.auth_search_btn .btn01:active span{background:url(./images/common/search_check_ic.png) no-repeat;background-position:right 12px center;font-weight:500;color:#333;} .search_form .search_bar_wrap .auth_search_btn #resetBtn{width:auto;height:auto;border:0;border-radius:0;background-image:url(./images/common/dashboard_reset_ic.png);background-position-x:0px;padding:0; padding-left:30px;margin-left:12px;text-indent:0;font-weight:400;font-size:14px;color:#666;} .guide_top{display:flex;align-items:center;justify-content:space-between;border-top:2px solid #222;padding:20px 0;} .guide_top .guide_depth_color ul{display:flex;align-items:center;justify-content:space-between;} .guide_top .guide_depth_color ul li{margin-right:20px;} .guide_top .guide_depth_color ul li span{position:relative;padding-left:30px;font-weight:500;font-size:14px;color:#666;} .guide_top .guide_depth_color ul li span:before{content:'';display:block;position:absolute;top:0;width:20px;height:20px;border:1px solid;border-radius:5px;} .guide_top .guide_depth_color ul li.depth_col1 span:before{background-color:#f6f8fa;border-color:#93a7bb;} .guide_top .guide_depth_color ul li.depth_col2 span:before{background-color:#fff;border-color:#e7e7e7;} .guide_top .guide_depth_color ul li.depth_col3 span:before{background-color:#f7f7f7;border-color:e7e7e7;} .guide_top .guide_help_tooltip{position:relative;} .guide_top .guide_help_tooltip .guide_help:active{transform:scale(0.9)} .guide_top .guide_help_tooltip .guide_help span{padding:1px 0;padding-left:28px;background:url(./images/common/guide_help_ic.png) no-repeat 0 50%;font-weight:500;font-size:14px;color:#666;} .guide_top .guide_help_tooltip .tooltip{display:none;position:absolute;top:30px;right:0;z-index:2;width:334px;background:#fff;border:1px solid #c2c2c2;border-radius:10px;padding:22px 30px;} .guide_top .guide_help_tooltip .tooltip .close{position:absolute;top:10px;right:10px;width:13px;height:12px;background:url(./images/common/guide_close_ic.png) no-repeat;text-indent:-9999em;} .guide_top .guide_help_tooltip .tooltip > div span{position:relative;font-weight:500;font-size:14px;color:#000;} .guide_top .guide_help_tooltip .tooltip > div p{font-weight:300;font-size:14px;color:#666;line-height:1.6em;margin-top:4px;} .guide_top .guide_help_tooltip .tooltip > div + div{padding-top:20px;margin-top:20px;border-top:1px solid #e7e7e7;} .guide_top .guide_help_tooltip .tooltip > div span:before{content:'';display:block;position:absolute;top:10px;left:-10px;width:5px;height:5px;border-radius:100%;} .guide_top .guide_help_tooltip .tooltip > div.url_tip span:before{background-color:#ff4200;} .guide_top .guide_help_tooltip .tooltip > div.menu_tip span:before{background-color:#06bffb;} .auth_tree_wrap.tree_wrap .tree_chk_wrap{width:auto;float:none;} .auth_tree_wrap .table_top.flex_box{align-items:center;justify-content:space-between;} .tree_chk_wrap .table_top{margin-top:34px;} .tree_chk_wrap .auth_label_wrap{padding:5px 0;} .tree_chk_wrap .auth_label_wrap div{display:flex;align-items:center;margin-top:20px;} .tree_chk_wrap .auth_label_wrap div a{display:flex;align-items:center;flex:0 1 auto;min-width:54px;height:40px;border:1px solid #e7e7e7;border-radius:5px;margin-right:5px;} .tree_chk_wrap .auth_label_wrap div span{font-weight:500;font-size:13px;color:#111;padding:0 16px;} .tree_chk_wrap .auth_label_wrap div a.select_label{border-color:#ff0000;} .tree_chk_wrap .auth_label_wrap div a.select_label span{color:#ff0000;background:url(./images/common/selected_label_check.png) no-repeat 85% 50%;padding-right:32px;} .tree_chk_wrap .table_top .setting_top{display:flex;align-items:center;margin-top:20px;} .view_type_tab{display:flex;align-items:center;margin-left:5px;} .view_type_tab li + li{margin-left:5px;} .auth_user{font-weight:500;font-size:14px;color:#000;} .auth_user_color{color:#ff0000;} #gnb.auth_manage_wrap{z-index:1;text-align:inherit;} #gnb.auth_manage_wrap > ul{position:relative;z-index:0;display:flex;justify-content:unset;align-items:unset;overflow:auto;} #gnb.auth_manage_wrap > ul.col_cont{flex-direction:column;} #gnb.auth_manage_wrap > ul > li{flex:0 0 calc(100%/6);padding:0;} #gnb.auth_manage_wrap > ul > li + li{margin-left:10px;} #gnb.auth_manage_wrap > ul > li:nth-child(1){margin-left:0;} #gnb.auth_manage_wrap > ul > li.default_wrap{display:flex;align-items:center;justify-content:center;flex:1 0 auto;background:#f7f7f7;height:670px;} #gnb.auth_manage_wrap > ul > li.default_wrap p{background:url(./images/common/no_data_ic.png) center 0 no-repeat;padding:60px 0 0 0;font-weight:400;font-size:18px;color:#afb0b5;text-align:center;line-height:1.8em;} #gnb.auth_manage_wrap > ul.col_cont > li + li{margin-left:0;} #gnb.auth_manage_wrap dl.auth_wrap > dt{cursor:pointer;} #gnb.auth_manage_wrap dl.auth_wrap:not(.off) .menu_wrap{} #gnb.auth_manage_wrap dl.auth_wrap + .manage_sub{position:relative;top:-55px;overflow:hidden;opacity:0;transition:all ease .3s;} #gnb.auth_manage_wrap dl.auth_wrap .menu_wrap{display:none;position:relative;border-top:1px solid #e7e7e7;} #gnb.auth_manage_wrap dl.auth_wrap .menu_wrap:before{content:'';display:block;position:absolute;top:0;left:50%;transform:translateX(-50%);width:1px;height:100%;background-color:#e7e7e7;} #gnb.auth_manage_wrap dl.auth_wrap + .manage_sub.open{overflow:visible;opacity:1;top:0;} #gnb.auth_manage_wrap dl.auth_wrap + .manage_sub > ul.menu_sub2{} #gnb.auth_manage_wrap dl.auth_wrap + .manage_sub .menu_sub2 .auth_wrap{z-index:1;} #gnb.auth_manage_wrap dl.auth_wrap + .manage_sub .menu_sub2 .auth_wrap + .sub_3{overflow:hidden;opacity:0;position:relative;top:-40px;padding-left:30px;transition:all ease .3s;} #gnb.auth_manage_wrap dl.auth_wrap + .manage_sub .menu_sub2 .auth_wrap + .sub_3.sub_open{overflow:visible;top:0;opacity:1;} #gnb.auth_manage_wrap dl.auth_wrap + .manage_sub .menu_sub2 .auth_wrap + .sub_3:before{content:'';display:block;position:absolute;left:15px;top:-10px;width:1px;height:calc(100% - 10px);background-color:#e7e7e7;} #gnb.auth_manage_wrap dl.auth_wrap + .manage_sub .menu_sub2 .sub_3 > li{position:relative;} #gnb.auth_manage_wrap dl.auth_wrap + .manage_sub .menu_sub2 .sub_3 > li dl:before{content:'';display:block;position:absolute;top:50%;left:-15px;transform:translateY(-50%);width:15px;height:1px;background-color:#e7e7e7;} #gnb.auth_manage_wrap dd.menu_wrap{overflow:visible;margin:0;padding:10px;} #gnb.auth_manage_wrap dl.auth_wrap:not(.off) dd.menu_wrap{overflow:visible;} #gnb.auth_manage_wrap dl.auth_wrap.on dd.menu_wrap{display:block;background-color:#f7f7f7;} #gnb.auth_manage_wrap dd.menu_wrap label.switch{width:calc(178px - 146px);height:calc(54px/ 3);} #gnb.auth_manage_wrap dd.menu_wrap .red_sw label.switch{background-color:#ff4200;} #gnb.auth_manage_wrap dd.menu_wrap .blue_sw label.switch{background-color:#06bffb;} #gnb.auth_manage_wrap dd.menu_wrap label.switch>span:after{width:calc(42px/3);height:calc(42px/3);border-radius:100%;} #gnb.auth_manage_wrap dd.menu_wrap .switch_box{display:none;} #gnb.auth_manage_wrap dl.auth_wrap.on .switch_box{display:flex;align-items:center;justify-content:space-between;} #gnb.auth_manage_wrap dd.menu_wrap .switch_box li{display:flex;align-items:center;justify-content:space-between;flex:1;} #gnb.auth_manage_wrap dd.menu_wrap .switch_box li + li{margin-left:20px;} #gnb.auth_manage_wrap dd.menu_wrap .switch_box li p{letter-spacing:-1.4px;font-size:12px;margin-right:5px;} #gnb.auth_manage_wrap dd.menu_wrap .switch_box li > div{display:flex;align-items:center;} #gnb.auth_manage_wrap dd.menu_wrap .switch_box li > div em{margin-right:5px;} #gnb.auth_manage_wrap .auth_state{display:flex;align-items:center;position:absolute;top:5px;right:5px;} #gnb.auth_manage_wrap .auth_state span{width:5px;height:5px;border-radius:100%;background:#eaeaea;} #gnb.auth_manage_wrap .auth_state span + span{margin-left:4px;} #gnb.auth_manage_wrap .auth_state span.url_state.on{background:#ff4200;} #gnb.auth_manage_wrap .auth_state span.menu_state.on{background:#06bffb;} #gnb.auth_manage_wrap dd.menu_wrap .switch_box li.red_sw > div em.on{color:#ff4200;} #gnb.auth_manage_wrap dd.menu_wrap .switch_box li.blue_sw > div em.on{color:#06bffb;} #gnb.auth_manage_wrap dd.menu_wrap label.switch + label.switch{margin-left:10px;} .auth_depth1 > li > .auth_wrap{position:relative;z-index:1;margin-bottom:20px;border:1px solid #93a7bb;background:#f6f8fa;border-radius:5px;overflow:hidden;} .auth_depth1 > li > .manage_sub .auth_wrap{position:relative;margin-bottom:10px;border:1px solid #e7e7e7;background:#fff;border-radius:5px;} .auth_depth1 > li > .manage_sub .auth_wrap.on .auth_head{border-radius:5px 5px 0 0;} .auth_depth1 .auth_wrap > .auth_head{position:relative;padding:17px 5px;padding-left:50px;overflow:hidden;} .auth_depth1 .auth_wrap .auth_head span{font-weight:500;font-size:15px;color:#000;letter-spacing:-1.2px;} .auth_depth1 .menu_sub2 .auth_wrap .auth_head{background-color:#fff;border-radius:5px;padding:10px 5px;padding-left:48px;} .auth_depth1 li > .auth_wrap .auth_head:before{content:'';display:block;position:absolute;top:50%;left:14px;transform:translateY(-50%);width:24px;height:24px;border-radius:5px;border:1px solid #f0f0f0;background:no-repeat 50% 50%;} .auth_depth1 li.close > .auth_wrap .auth_head:before{border-color:#b9b9b9} .auth_depth1 li.close > .auth_wrap .auth_head:before{background-image:url(./images/common/menu_sub2_plus.png);} .auth_depth1 li.on > .auth_wrap .auth_head:before{background-image:url(./images/common/menu_sub2_minus.png);} .auth_depth1 .menu_sub2 .auth_wrap .auth_head > span{font-size:13px;color:#333;} .auth_depth1 .menu_sub2 .sub_3 .auth_wrap{background-color:#f7f7f7;} .auth_depth1 .menu_sub2 .sub_3 .auth_wrap .auth_head{background-color:#f7f7f7;padding-left:17px;} .auth_depth1 .menu_sub2 .sub_3 .auth_wrap .auth_head > span{font-size:12px;color:#666;} .auth_depth1 .auth_wrap .switch_button{display:block;position:absolute;right:-1px;bottom:-1px;width:29px;height:29px;background:url(./images/common/depth_arrow_ic.png) no-repeat center center;background-size:13px auto;border:1px solid #e7e7e7;border-radius:5px 0 5px 0;} .auth_depth1 .auth_wrap.on .switch_button{background-image:url(./images/common/depth_close_ic.png);} #gnb.auth_manage_wrap dl.auth_wrap + .manage_sub .menu_sub2 .auth_wrap + .sub_3 .auth_wrap .auth_head:before{display:none;} /* .auth_depth1 .auth_wrap.on .auth_head{background:#B81C2B;color:#fff;} */ /* .auth_depth1 .manage_sub .auth_wrap .auth_head{background:#B81C2B;color:#fff;} .auth_depth1 .auth_wrap.on .auth_head{background:#B81C2B;color:#fff;} */ /* .auth_depth1 li .menu_sub2 .auth_wrap .menu_wrap{margin-top:10px;} */ .auth_depth1 li .sub_3 .auth_wrap .menu_wrap{margin-top:10px;} .auth_depth1 > li .auth_wrap.highlight{border-color:#ff0000;} /* �꽭濡쒗삎 */ #gnb.auth_manage_wrap > ul.col_cont > li{display:flex;flex:0 0 auto;margin-bottom:20px;border-bottom:1px dashed #ccc;} #gnb.auth_manage_wrap > ul.col_cont > li > .auth_wrap{min-width:300px;height:100%;} ul.col_cont > li > .manage_sub{margin-left:30px;} ul.col_cont > li > .manage_sub .auth_wrap{min-width:300px;height:auto;} #gnb.auth_manage_wrap ul.col_cont dl.auth_wrap{z-index:1;height:100%;} #gnb.auth_manage_wrap ul.col_cont dl.auth_wrap + .manage_sub{position:relative;top:auto;left:-300px;height:auto;} #gnb.auth_manage_wrap ul.col_cont dl.auth_wrap + .manage_sub.open{left:0;top:auto;height:auto;} #gnb.auth_manage_wrap ul.col_cont dl.auth_wrap + .manage_sub .menu_sub2 .auth_wrap + .sub_3{top:auto;left:-300px;padding-left:30px;transition:all ease .3s;} #gnb.auth_manage_wrap ul.col_cont dl.auth_wrap + .manage_sub .menu_sub2 .auth_wrap + .sub_3.sub_open{overflow:visible;top:auto;left:0;opacity:1;} #gnb.auth_manage_wrap ul.col_cont dl.auth_wrap + .manage_sub .menu_sub2 .auth_wrap + .sub_3:before{height:100%;} #gnb.auth_manage_wrap > ul.col_cont > li .menu_sub2 li{display:flex;} /*게시판 search_form*/ /*관리자 사용자 공통*/ .tab_top{position:relative;} .tab_top .page_list{display:none;} .tab_top .tab_bottom{padding:0;margin:0;position:absolute;top:-40px;} .tab_top .tab_bottom > li:nth-child(2){display:none;} .page_cont > .tab_bottom{display:none;} .page_cont > .page_list{margin-top:30px;} /*관리자*/ .search_form {display:flex; align-items: center;;} .search_form > li{width:auto;align-items:flex-end;} .search_form > li dl{padding:5px;} .search_form > li .search_bar_wrap input[type="text"]{min-width:250px;} .search_form select{height: 40px;} /*사용자*/ .user .search_form {display:flex;gap:9px;justify-content:flex-end;margin-bottom:20px !important;} .user .search_form select, .user .search_form .srch{display:flex;border:1px solid #B8C2C9;border-radius:5px;height:50px;max-width:416px;} .user .search_form select{background: #fff url(./images/common/user_select_bg.png) no-repeat calc(100% - 14px) 50%;color: #666;font-size: 15px;font-weight: 700;letter-spacing: -0.3px;} .user .search_form .search_bar_wrap{width:auto;} .user .search_form input[type="text"]{height:100%;width:calc(100% - 50px) !important;padding:0;padding-left:0;border:0;border-radius:5px;color: #666;font-size: 15px;font-weight: 600;letter-spacing: -0.3px;} .user .search_form input[type="text"]::placeholder{color: #999;} .user .search_form .srch{padding-right: 0;} .user .search_form .search_bar_wrap .searchBtn, .user .search_form .search_bar_wrap #searchBtn, .user .search_form .search_bar_wrap #dialogSearchBtn{width:48px;height:100%;border-radius:0;margin-left:0;background:#fff url(./images/common/user_search_btn_ic.png) no-repeat 50% 50%;} .user .search_form .search_bar_wrap .searchBtn span, .user .search_form .search_bar_wrap #searchBtn span, .user .search_form .search_bar_wrap #dialogSearchBtn span{display:block;padding:0;} .campus_address .btn_outline { color: #114396;font-family: Pretendard;font-size: 14px; font-weight: 600;line-height: normal;letter-spacing: -0.28px;} .footer_bottom_inner {width: 100%;} @media only screen and (max-width:1024px){ .user .search_form .search_bar_wrap .searchBtn, .user .search_form .search_bar_wrap #searchBtn, .user .search_form .search_bar_wrap #dialogSearchBtn {margin-top: 0; background-size: 20px;} .search_top_wrap { display: flex;flex-direction: column-reverse;align-items: flex-end;gap: 15px;} } @media only screen and (max-width:760px){ .user .search_form { display: block;width: 100%;} .user .search_form select{margin-bottom: 10px; max-width: 100%;} .user .search_form .srch{ max-width: 100%} } @media print { /* 1️⃣ 페이지 여백 강제 제거 */ @page { size: A4; margin: 0; } /* 2️⃣ html과 body를 A4 한 페이지 크기로 고정 */ html, body { margin: 0; padding: 0; overflow: hidden; /* 페이지 넘어감 방지 */ } .con_wrap { visibility: hidden; display: flex; align-items: center; /* 수직 중앙 */ justify-content: center; /* 수평 중앙 */ } /* 3️⃣ 콘텐츠 설정 */ .con_wrap { visibility: visible; /* absolute 대신 Flexbox 정렬을 그대로 따름 */ position: static; transform: none; width: 100%; /* body 내부에서 꽉 차게 */ max-width: 011920; /* 인쇄 가독성을 위해 폭 제한 권장 */ background: #fff; padding: 20mm; /* 종이 안쪽 여백 필요시 추가 */ box-sizing: border-box; } .con_wrap * { visibility: visible; } }