@charset "utf-8"; @import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:400,700'); @font-face { font-family: 'FontAwesome';font-weight:900;font-style: normal; src: url('../css/fa-solid-900.eot'); src: url('../css/fa-solid-900.eot?#iefix') format('eot'), url('../css/fa-solid-900.woff') format('woff'), url('../css/fa-solid-900.ttf') format('truetype'), url('../css/fa-solid-900.svg#FontAwesome') format('svg'); } @font-face { font-family: 'FontAwesome';font-weight: normal;font-style: normal; src: url('../css/fa-regular-400.eot'); src: url('../css/fa-regular-400.eot?#iefix') format('eot'), url('../css/fa-regular-400.woff') format('woff'), url('../css/fa-regular-400.ttf') format('truetype'), url('../css/fa-regular-400.svg#FontAwesome') format('svg'); } @font-face { font-family: 'FontAwesome';font-weight: normal;font-style: normal; src: url('../css/fa-brands-400.eot'); src: url('../css/fa-brands-400.eot?#iefix') format('eot'), url('../css/fa-brands-400.woff') format('woff'), url('../css/fa-brands-400.ttf') format('truetype'), url('../css/fa-brands-400.svg#FontAwesome') format('svg'); } @font-face { font-family: 'nsn';font-weight: 400;font-style: normal; src: url('../css/NanumSquareR.eot'); src: url('../css/NanumSquareR.eot?#iefix') format('embedded-opentype'), url('../css/NanumSquareR.woff2') format('woff2'), url('../css/NanumSquareR.woff') format('woff'), url('../css/NanumSquareR.ttf') format('truetype'), url('../css/NanumSquareR.svg#nanum-barun-gothic-light') format('svg'); } @font-face { font-family: 'nse';font-weight: 800;font-style: normal; src: url('../css/NanumSquareEB.eot'); src: url('../css/NanumSquareEB.eot?#iefix') format('embedded-opentype'), url('../css/NanumSquareEB.woff2') format('woff2'), url('../css/NanumSquareEB.woff') format('woff'), url('../css/NanumSquareEB.ttf') format('truetype'), url('../css/NanumSquareEB.svg#nanum-barun-gothic-light') format('svg'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 900; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); } body {background:#f4f4f4} .d_width {margin:0 auto;width:960px;} /* #wrap:before{content:"";position:absolute;z-index:1;width:100%;height:100%;padding:0;margin:0;background:url(../img/pattern.png) repeat} */ #wrap:before{content:"";position:absolute;width:100%;height:100%;padding:0;margin:0;background:url(../img/pattern.png) repeat} #wrap {position:relative;width:100%;padding:0;margin:0;} #header {position:fixed;left:0;top:0;width:100%;height:80px;background:#0B3D91;box-shadow:0 2px 4px rgba(0,0,0,0.2);z-index:2;} #header .topwrap{position:absolute;top:0;left:0;width:100%;line-height:80px;color:#fff;padding:0 20px;font-size:14px;} #header .topwrap i{margin-right:5px;} #header .today {float:left;} #header .topmn {float:right;position:relative;z-index:2;} #header .topmn a{display:inline-block;color:#fff;margin-left:10px;} #header .va_mo{display:none;position:relative;z-index:2;} #logo {text-align:center;padding-top:22px;position:relative;z-index:2;} #container {position:relative;width:calc(100% - 240px);padding:0;margin:80px 0 0 240px;} #container2 {position:relative;width:100%;} #gnbwrap {position:fixed;left:0;top:80px;width:240px;height:calc(100vh - 80px);background:#fff;z-index:1;} #gnb {position:relative;height:calc(100vh - 160px);overflow-y:scroll} #gnb {scrollbar-face-color: #aaa; scrollbar-track-color:transparent; scrollbar-arrow-color: none; scrollbar-highlight-color: #e0e0e0; scrollbar-3dlight-color: none; scrollbar-shadow-color: #aaa; scrollbar-darkshadow-color: none;/**/} #gnb::-webkit-scrollbar {width:6px; height: 6px;border:4px solid transparent} #gnb::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment { display: block; height: 2px; color:#fff} #gnb::-webkit-scrollbar-track {background: transparent; -webkit-border-radius: 10px; border-radius:10px;} #gnb::-webkit-scrollbar-thumb {height:50px;width:50px; background:#aaa; -webkit-border-radius: 8px; border-radius: 8px;} #gnbmn ul {padding:15px 20px;border-bottom:1px solid #eee} #gnbmn li a {display:block;font-size:14px;} #gnbmn li a:hover{color:#0B3D91;text-decoration:underline} #gnbbnr {position:relative;background:#0B3D91;} #gnbbnr i {font-size:14px;display:inline-block;width:20px;} #gnbbnr .nav a {float:left;width:33.3333%;font-size:12px;text-align:center;line-height:40px;background:#999;color:#fff;border-left:1px solid rgba(0,0,0,0.1)} #gnbbnr .nav li:first-child a{border:none;} #gnbbnr .nav li.active a{background:#0B3D91;color:#fff} #gnbbnr .tab-content {clear:both;background:#fff;margin:2px;padding:10px 15px 80px 15px;line-height:1.5} #gnbbnr .tab-content li a {display:block;font-size:13px;} #gnbbnr .tab-content li a:before{content:"";display:inline-block;background:#0B3D91;width:2px;height:2px;margin:8px 8px 0 0;vertical-align:top;} #gnbbnr .tab-content li a:hover{color:#0B3D91;text-decoration:underline} #gnbbnr .tab-content .tab-pane {display:none} #gnbbnr .tab-content .active {display:block !important} .fade {opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear} .fade.in{opacity:1} #gnbmn .gnbtemp {background:#fff;border:3px solid #0B3D91;} #gnbmn .gnbtemp li a {display:block;font-size:16px;color:#0B3D91;text-align:center;line-height:30px;} #gnbmn .gnbtemp li a:hover{color:#0B3D91;text-decoration:underline;} /*송윤정 테스트*/ .portal {position:relative;} .portal a{display:block;padding:20px;background:#768395;color:#fff;text-align:center;border:5px solid #ddd;} .portal a:hover {background:#0B3D91;} #body_title {border-bottom:1px solid #ddd;line-height:60px;padding:0 20px;font-size:20px;letter-spacing:-1px;color:#222;font-weight:500} #body_content {padding:20px;min-height:680px} #footer {text-align:center;font-size:12px;color:#777;padding:20px} .linksite {float:left;width:20%;position:relative;line-height:60px;background:#768395;} .linksite .tit {display:block;position:relative;border-left:1px solid rgba(0,0,0,0.1);color:#fff;padding:0 20px;} .linksite i {display:block;line-height:60px;float:right;font-size:16px;} .linksite .link {display:none;position:absolute;left:0;bottom:60px;width:100%;height:220px;overflow-y:auto;background:#fff;border:1px solid #2E3442;border-bottom:none;line-height:15px;z-index:9;} .linksite .link .stit {display:block;padding:10px 15px;font-size:14px;background:#D8DDE0} .linksite .link a {display:block;padding:10px 20px;font-size:14px;border-bottom:1px solid #eee} .linksite .link li:last-child a {border:none} .linksite .link a:hover {background:#efefef;} @media only screen and (max-width:767px){ /*auto*/ .linksite {float:none;width:auto;border-top:1px solid rgba(0,0,0,0.1);line-height:50px;font-size:14px;} .linksite i {line-height:50px;} .linksite .link {bottom:50px;} .linksite .tit {border:none;} } @media only screen and (max-width:767px){ /*auto*/ .d_width {margin:0 20px;width:auto;min-width:280px;} #header {position:relative;height:60px;padding:0} #header .topwrap{background:rgba(0,0,0,0.4);top:60px;} #header .today, #header .topmn {line-height:40px;font-size:11px;} #header .topmn span{display:none;} #header .topmn a{line-height:40px;margin-left:5px;} #header .va_mo {display:block;position:absolute;left:0;top:0;} #header .va_mo a{display:block;width:60px;height:60px;line-height:60px;color:#fff;text-align:center;} #logo {padding-top:12px;} #gnbwrap {display:none;} #container {width:auto;margin:40px 0 0 0;padding:0;} #body_content {padding:20px;min-height:auto} #related-link .col_d4 {float:none;width:auto;border-left:none;border-top:1px solid #ddd;} } .login-bg {background:url(../img/login_bg.png) no-repeat 50% 0} #login-top {position:relative;z-index:2;padding:160px 0 0 0;height:360px;color:#595F6A;font-family: 'nsn';font-size:36px;line-height:1.2;letter-spacing:-1px;} #login-top .tit {color:#0B3D91;font-family: 'nse';font-size:48px;line-height:1;margin-top:10px;} #login-wrap {position:relative;z-index:2;margin:0 auto;background:#fff;border:10px solid #CFDAE9;padding:60px 120px;} #login-wrap .login-tit {float:left;width:180px;color:#334466;font-family: 'nse';font-size:17px;line-height:1} #login-wrap .login-tit p{font-size:48px;margin-left:-2px;} #login-wrap .login-cont {float:left;width:calc(100% - 180px);position:relative;margin-bottom:20px;} #login-wrap .login-cont dl {clear:both;border-bottom:1px solid #ddd;width:calc(100% - 140px)} #login-wrap .login-cont dl:after{content:"";clear:both;float:none;display:block;} #login-wrap .login-cont dt {float:left;line-height:50px;width:30px;text-align:center;color:#999} #login-wrap .login-cont dd {float:left;line-height:50px;width:calc(100% - 30px);} #login-wrap .login-cont input{border:none;width:100%;line-height:50px;} #login-wrap .login-cont .btn_login {position:absolute;right:0;top:0;width:120px;height:100px;line-height:100px;padding:0;background:#0B3D91;border:none;color:#fff} #login-wrap .login-btn {line-height:45px;} #login-wrap .login-btn .fa {color:#FF6633} #login-wrap .login-btn a {float:right;padding:0;border:none;background:#595F6A;color:#fff;margin-left:5px;line-height:45px;width:120px;} .login-bnr {padding:40px 0;} .login-bnr a {position:relative;float:left;width:33%;display:block;padding:0 40px;} .login-bnr a.fst{padding-left:0} .login-bnr i {position:absolute;right:0;top:10px;color:#0B3D91} .login-bnr .tit {font-weight:500;} .login-bnr .txt {font-size:14px;} @media only screen and (max-width:767px){ /*auto*/ #login-top {padding:30px 0;height:auto;font-size:16px;text-align:center;} #login-top .tit {font-size:40px;} #login-wrap {padding:20px;} #login-wrap .login-tit {font-size:12px;margin:0 0 10px 0;float:none;width:auto;text-align:center;} #login-wrap .login-tit p{font-size:24px;} #login-wrap .login-cont {float:none;width:auto} #login-wrap .login-cont dl {width:auto} #login-wrap .login-cont .btn_login {position:relative;width:auto;height:50px;line-height:50px;margin-top:10px;} #login-wrap .login-btn .txt {display:block;font-size:12px;} #login-wrap .login-btn a {float:left;margin:0 1px;line-height:30px;width:calc(50% - 2px);font-size:11px;} } #main-board .bx {position:relative;background:#fff;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,0.2);} #main-board h3 {padding:20px;margin:0;color:#0B3D91;border-bottom:1px solid #eee;} #main-board ul {padding:20px;} #main-board li {position:relative;overflow:hidden;line-height:30px;height:30px;} #main-board li a:before {content:"";display:inline-block;width:3px;height:3px;background:#ccc;margin:0 8px 0 0;vertical-align:middle;} #main-board a {display:inline-block;width:calc(100% - 80px);} #main-board a:hover {color:#0B3D91;text-decoration:underline;} #main-board .date {position:absolute;right:0;top:0;font-size:13px;color:#999} #main-board .more {position:absolute;right:20px;top:16px;font-size:16px;} #main-board .more a {color:#999} @media only screen and (max-width:767px){ /*auto*/ #main-board .col_d2 {float:none !important;width:auto !important;} } /*221026 직원한마당 달력 공통 css*/ .fa-regular {font-family:"Font Awesome 5 Free";font-weight:normal;font-style:normal;} .btn_d.btn_blue:hover{background:#0b3d91;border-color:#0b3d91;} .t_calendar .today {background:#0b3d9108;} .t_calendar .day{display:inline-block;width:30px;height:30px;line-height:30px;text-align:center;border-radius:50%;margin-bottom:5px;} .t_calendar .today .day{background:#3E78C1;color:#fff;} .t_calendar .today .day:before{content:"";} /*취소선 임시 사용 */ .cc {text-decoration: line-through;} /*20240530_입학상담자료*/ .tab_txt li a {padding:8px 10px;} #pdf-view .pdfarea:after {content:"";display:block;float:none;clear:both;} #pdf-view #pdfview {width:100%;height:860px;} #pdf-view .btnarea {border:1px solid #ddd;margin-bottom:20px;margin-top:0;padding:20px;} #pdf-view .btnarea span {display:inline-block;font-size:20px;color:#8e001c;margin-top:5px;}