:root { --main-color:#DA2127; --sub-color:#635B56; --point-color1:#8E2020; --point-color2:#B0AAA8; --dark-color:#BB1E29; --grd:linear-gradient(90deg, #BB1E29, #8E2020); --fa: 'FontAwesome'; } body {font-family: Pretendard;letter-spacing:-0.075rem;font-size: 18px;background:#FFF;overflow-x:hidden;} #wrap {min-width:1400px;background:#FFF;} .sub-wrap {position:relative;min-height:100vh;} .my-wrap {background:#F8F8FC;} #sub-container {position:relative;z-index:0;} #sub-container .tab a.on {background:var(--dark-color);border-color:var(--dark-color);} #content {padding:40px 0 100px;width:calc(100% - 290px);margin-left:50px;} #sub-container h2 {position:relative;} #sub-container h2:before {content:"";width:20px;height:20px;background:var(--dark-color);display: inline-block;margin-right:20px;} #sub-container h2:after {content:"";width:20px;height:20px;background:var(--main-color);position:absolute;top: 0;left:8px;} #sub-container h3 {font-size:22px;color:var(--dark-color);position:relative;padding-left:15px;} #sub-container h3:before {content:"";width:5px;height:5px;background:var(--dark-color);margin-right:5px;position:absolute;left:0;top:10px;} #sub-container h4 {font-size:19px;} #mm-0 {background:var(--sub-color);} .table3 table thead th {background:#918a85;} .table3 table tbody tr td:first-child {border-left:0;} table.t-red thead {color:#FFF;} .btn-d:hover, .btn-d:focus {background:var(--dark-color);border-color:var(--dark-color);} .nodata .img {display:block;background:url(../img/no-img.png) no-repeat 50% 50% / contain !important;} .list-nodata {text-align:center !important;} .board-paging .va-mo {font-size:14px;} #sub-container .link {position:relative;} #sub-container .link:after {content:"\f0c1";font-family:'FontAwesome';width:30px;height:30px;background: #dfdfdf;color:#fff;position:absolute;top:15px;left:50%;transform:translateX(-50%);font-size:14px;text-align: center;line-height: 30px;margin-left:0;} #sub-container .link:hover:after {background:var(--dark-color);color:#FFF;transition:all 0.6s;} #sub-container .fric-link a {display:block;width:100%;height:30px;} #sub-container .fric-link .link:after {top:50%;transform:translate(-50%, -50%);} #sub-container h2 a.link:after {top:1px;left:auto;transform:none;margin-left:10px;} #sub-container .link.download:after {content:"\f15b";background:var(--dark-color);} .board-write .row {justify-content: flex-start;} .board-write {padding:50px;} input[type="radio"] + label {padding-left:10px;} .board-list .date {width:100%;} .form-radio {display:inline-block;position:relative;} .form-radio input[type="radio"] {display: none;} .form-radio input[type="radio"] + label {position:relative;padding-left:25px;} .form-radio input[type="radio"] + label::after {display:none;} .form-radio input[type="radio"] + label::before {content:'';position:absolute;left:0;top:50%;margin-top:-8px;display:inline-block;width:16px;height:16px;background:none;border:2px solid #ccc;border-radius:50%;cursor:pointer;} .form-radio input[type="radio"]:checked + label::before {content:'';border:2px solid var(--main-color);background:none;} .form-radio input[type="radio"]:checked + label::after {content:'';position:absolute;left:5px;top:50%;margin-top:-3px;display:inline-block;width:6px;height:6px;background:var(--main-color);border-radius:50%;} .login-container {position:relative;padding:0 0 120px 0;z-index:5} .d_width {width:1400px;margin:0 auto;position:relative;z-index:99;} .row {justify-content:space-between;align-items:flex-start;} .board-list thead th {background:#918a85;} .sub-wrap>#header {background:#FFF;} .sub-wrap>#header .n1 {display:block;} .sub-wrap>#header .n2 {display:none;} .sub-wrap>#header ul.depth1 > li > a {color:#000;} .sub-wrap>#header #topmn a, .sub-wrap>#header #mo-top a:before {color:#000;} .sub-wrap>#header #topmn a:hover, .sub-wrap>#header #mo-top a:hover:before {color:var(--sub-color);} #header {position:absolute;left:0;top:0;width:100%;height:100px;z-index:999;transition:all 0.2s ease-out;background: rgba(0,0,0,0.3);border-bottom: 1px solid #fff;} #header.fix {position:fixed;left:0;top:0;width:100%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,0.2);padding-top:5px;height:80px;} #logo {position:absolute;left:-250px;top:35px;padding:0;margin:0;z-index:999;font-size:1.1rem;font-weight:700;color:#555;line-height:1;} #logo .n1 {display:none;} #logo .n2 {display:block;} #logo img {margin-right:10px;} #logo a {display:flex;flex-flow:row nowrap;align-items:center;} #header .my-btn , #header .mo-my-btn {color:rgb(255, 255, 255);width:170px;line-height:50px;background:var(--grd);font-size:19px;font-weight:700;text-align:center;display:inline-block;border-radius:5px;position:absolute;top:25px;right:15px;z-index:99;} #header .mo-my-btn {display:none;} #header .my-btn span::before, #header .mo-my-btn span::before {content:"\f007";font-family:var(--fa); margin-right:10px;font-weight:300;font-size:0.9rem;} #header.active .n1 {display:block !important;} #header.active .n2 {display:none !important;} #header.fix .n1 {display:block !important;} #header.fix .n2 {display:none !important;} #topmn, #mo-top {position:absolute;right:-250px;top:35px;z-index:99;} #topmn li, #mo-top li {float:left;} #topmn a, #mo-top a {padding:0 10px;font-size:14px;color:#FFF;} #topmn a:hover, #mo-top li a:hover:before {color:var(--sub-color);} #mo-top {display:none;right:70px;} #mo-top li a:before {color:#FFF;} #header.fix #mo-top li a:before {color:#444;} #mo-top li .mo-logout:before {content:"\f3c1";font-family:fontAwesome;} #mo-top li .mo-login:before {content:"\f023";font-family:fontAwesome;} #mo-top li .mo-signUp:before {content:"\f007";font-family:fontAwesome;} #mo-top li .mo-siteMap:before {content:"\f0c9";font-family:fontAwesome;} #mo-top li a:hover {color:var(--sub-color);} #header.fix #topmn, #header.fix #mo-top {top:20px;} .sub #header .my-btn {background:#FFF;color:var(--sub-color);border:1px solid rgb(147, 169, 224);} #gnb {position:relative;width: 1400px;margin: 0 auto;} #gnbmn {position:relative;width:100%;padding:0;margin:0;z-index:99;} #gnbmn a {position:relative;display:block;} #gnbmn a[target=_blank] span:after {content:"";display:inline-block;width:10px;height:10px;background:url(../img/ico_nw.png) no-repeat 0 0 / 100% auto;margin-left:5px;} #gnbmn a:hover, #gnbmn a.active, #gnbmn a.on {color:var(--main-color) !important;} #gnbmn ul.depth1 {width: calc(100% - 400px);margin:0 auto;} #gnbmn ul.depth1 > li {float:left;position:relative;width:20%;} #gnbmn ul.depth1 > li > a {line-height:100px;font-size:22px;font-weight:700;letter-spacing:-0.0125rem;text-align:center;color: #FFF;} #gnbmn ul.depth1 > li:after {content:'';display:block;position:absolute;bottom:0px;left:50%;transform:translateX(-50%);width:0%;height:3px;background-color:var(--main-color);transition:0.3s ease width;} #gnbmn ul.depth1 > li:hover:after, #gnbmn ul.depth1 > li.active:after {width:100%;} /* #header:hover #topmn a {color:#000;} */ #gnbmn:hover ~ #topmn a {color:#000;} #gnbmn:hover ~ #mo-top a:before {color:#000;} #gnbmn .depth2 {display:none;position:absolute;left:0;top:100px;/* width:200px; */padding:15px 10px 15px 20px;margin:0;border-left:1px solid rgba(0,0,0,0.05);text-align:left;} #gnbmn .depth2>ul>li {padding:0;margin:0;width:100%;} #gnbmn .depth2>ul>li>a {padding:0.5rem 0;margin:0;font-size:1.125rem;font-weight:500;line-height:1.25;color:#333;white-space:normal;word-break:keep-all;} #gnbmn .depth2>ul>li>a>span {display:inline-block;position:relative;} #gnbmn .depth2>ul>li>a>span:before {content:"";display:block;position:absolute;left:50%;bottom:0;width:0;transform:translateX(-50%);border-bottom:1px solid var(--main-color);transition:all ease-out 0.2s;} #gnbmn .depth2>ul>li>a:hover>span:before {width:100%;} #gnbmn ul.depth3 {padding:0 0 0.325rem 0;} #gnbmn ul.depth3>li>a {padding:0;font-size:0.938rem;font-weight:300;color:#666} #gnbmn ul.depth3>li>a:before {content:"";display:inline-block;vertical-align:top;margin:0.725rem 0.5rem 0 0.25rem;width:2px;height:2px;border-radius:50%;background:#aaa} #gnbmn ul.depth3>li>a:hover:before {background:var(--main-color)} #id_gnb_bg {position:absolute;width:100%;left:0;top:0px;z-index:1;} .gnb_bg {width:100%;padding:0;margin:0;background:#fff} .gnb_bg:after {content:"";position:absolute;left:0;top:100px;width:100%;height:calc(100% - 100px);background:#f7f7f7;box-shadow:0px 2px 1px rgba(0,0,0,0.1);-moz-box-shadow:0px 2px 1px rgba(0,0,0,0.1);-webkit-box-shadow:0px 2px 1px rgba(0,0,0,0.1);} #header.fix #logo {top:1.2rem;} #header.fix #logo img {} #header.active .n1 {display:block !important;} #header.active .n2 {display:none !important;} #header.fix .n1 {display:block !important;} #header.fix .n2 {display:none !important;} #header.active #gnbmn {box-shadow:0 1px 0px rgba(0,0,0,0.1)} #header.active #gnbmn ul.depth1 > li > a, #header.fix #gnbmn ul.depth1 > li > a {color:#111} #header.fix #gnb .topmn a {line-height:70px;} #header.fix #gnbmn ul.depth1 > li > a {line-height:70px;font-size:1.2rem;} #header.fix .my-btn {font-size:16px;top:12px;line-height:45px;} #header.fix #topmn a {color:#000;} #header.fix #gnbmn .depth2 {top:75px;} #header.fix .gnb_bg {background:none} #header.fix .gnb_bg:after {top:75px;} #mobile-navicon {display:none;position:absolute;left:1.2rem;top:30px;background:var(--grd2);color:#FFF;border-radius:3px;font-size: 20px;padding:8px;} #mobile-navicon:before {content:"";display:block;} #mobile-navicon i {display:none;} #header.fix #mobile-navicon {top:17px;} .mm-menu {background:var(--grd) !important;} @media only screen and (max-width:2000px){ #logo {left:-150px;} #topmn {right:-150px} } @media only screen and (max-width:1820px){ /* 1200 */ #gnb{width:1200px;} #wrap{min-width: 960px;} .top1menu{margin-left:205px;width:calc(100% - 400px);} #header.fix .top1menu{width:calc(100% - 440px);} #gnbmn ul.depth1 {margin-left:90px;} #gnbmn ul.depth1 > li > a {font-size:1.3rem;} #gnbmn ul.depth1 {width:auto;padding:0 45px;} #header .my-btn, #header .mo-my-btn{width:120px;line-height:45px;font-size:16px;top:28px;right:95px;} .sub-wrap>#header #topmn, .sub-wrap>#header #mo-top{} .sub-wrap>#topmn{top:-40px;line-height:40px;width:100%;border-bottom:1px solid rgba(0,0,0,0.1);right:0;transform:none;display: flex;justify-content:flex-end;background:#FFF;border-bottom:1px solid rgba(255,255,255,0.6);} .sub-wrap>#topmn li{float:none;} } @media only screen and (max-width:1750px){ /* 1200 */ .d_width{width:1200px} #wrap{min-width:auto;} } @media only screen and (max-width:1480px){ /* 1200 */ #gnb{width:1000px;} #gnbmn ul.depth1 {margin-left:60px;padding:0 40px;} #gnbmn .depth2>ul>li>a>span {font-size:1rem;} #logo {left:-170px;} #header .my-btn, #header .mo-my-btn{right:105px;} #topmn {right:-170px;} #gnbmn ul.depth1 > li {width:20%;} #gnbmn ul.depth1 > li > a {font-size:1.1rem;} } @media only screen and (max-width:1320px){ /* 960 */ .d_width{width:960px} #gnb{width:960px;} #logo {left:-90px;top:2.4rem;} #logo span {width:230px;} #logo img {max-width:100%;} #gnbmn ul.depth1 {margin-left:120px;} #gnbmn .depth2>ul>li>a>span {font-size:0.9rem;} #header .my-btn, #header .mo-my-btn{right:185px;} #topmn {right:-90px;} #topmn li span {display:none;} #topmn li a:before {display:block;padding:0 10px;} #mo-top {display:block;right:-30px;} #header .my-btn {display:none;} #header .mo-my-btn {display:block;line-height:30px;font-size:13px;top:35px;padding:0 10px;width:auto;right:70px;} #header.fix .mo-my-btn {top:20px;} #header.fix #gnbmn ul.depth1 > li > a {font-size:1rem;} #gnbmn ul.depth1 > li {width:auto;} #gnbmn ul.depth1 > li > a {font-size:1rem;padding:0 50px;} #gnbmn ul.depth1 > li:nth-child(3) > a, #gnbmn ul.depth1 > li:nth-child(4) > a {padding:0 20px !important;} } @media only screen and (max-width:1023px){ /* 720 */ .d_width{width:auto;margin:0 1.2rem;} #gnb{width:100%;} #logo {left:65px;} #topmn {right:15px;} #mo-top {right:1.2rem;} #header .mo-my-btn{right:120px;} #gnbmn {display:none;} #mobile-navicon, #mobile-navicon i{display:block;z-index:999999;color:var(--sub-color);} } @media only screen and (max-width:767px){ /* auto */ #header #logo img {height:27px;} #logo {top:2.2rem;} #header.fix #logo {top:1.2rem;} #header .mo-my-btn {right:80px;} #mo-top li:last-child {display:none;} table {font-size:16px;} #sub-container .fric-link .link:after {top:0;left:auto;right:0;transform:none;} } @media only screen and (max-width:599px){ /* mobile-l */ #wrap {min-width:320px;} #topmn {display:none;} } @media only screen and (max-width:415px){ /* mobile-l */ .mv-title h1 {font-size:25px;} .mv-title p {font-size:15px;} } /*main-visual*/ #main-visual {position:relative;z-index: 0;} #main-visual:before {content:"";width:100%;height:100%;background: rgba(0,0,0,0.2);position:absolute;top:0;left:0;z-index: 1;} .mv-slide {width:100%;height:100%;position:absolute;top:0;right:0;} .mv-slide div {height:100%;background:url(../img/mv-bg.png) no-repeat 50% 50% / cover;} #mv-cont > .d_width {display:flex;padding:230px 0 220px;justify-content:space-between;} .mv-title {width: calc(100% - 682px);} .mv-title h1 {font-size:55px;color:#FFF;font-weight:800;margin: 0 0 1rem;line-height: 1.2;} .mv-title p {color:#FFF;font-size:22px;} .mv-search {background:rgba(187, 30, 41, 0.9);padding:5px;position:relative;border-top: 1px solid #a51923;} .mv-search select {background:transparent;border:0;color:#FFF;font-size: 15px;width: 150px;margin-left: 7px;position:relative;} select#search_knu_sel {} .mv-search select:after {content:"";width:1px;height:10px;background:#FFF;position:absolute;} .mv-search option {color:#333;} .mv-search input {width: calc(100% - 171px);font-size: 15px;padding: 15px 15px;border:0;margin-left: 10px;} .mv-search-btn {position:absolute;top:50%;right: 25px;transform:translateY(-50%);color:var(--main-color);} .search-tab {display:flex;margin-top:40px;width: auto;} .search-tab a {width:auto;text-align:center;color:#FFF;font-size:17px;padding:10px 13px;} .search-tab a:first-child {padding-left:0;} .search-tab a.on {color: var(--main-color);} .mv-info {position:relative;} .mv-info-control {display:flex;position:absolute;width:100%;height:50px;background:#000;line-height:50px;bottom:0;left:0;z-index:50;justify-content:space-between;color:#FFF;padding:0 25px;font-size:13px;} .mv-info-control .item-number {letter-spacing:1px;} .mv-info-control .item-control a {color:#FFF;} .mv-info-control .item-control a.stop:before{content:"\f04b";} .mv-info-control .item-control em {} .mv-info .popup_zone {width:350px !important;height:350px !important;} .mv-info .popup_zone > div {width:100% !important;height:100% !important;} .mv-info .bx-viewport {width:100% !important;height:100% !important;} .mv-info .bx-wrapper img {max-height:100%;max-width:100%;object-fit: cover;width:100%;height:100%;position:absolute;top:50%; left:50%;transform:translate(-50%, -50%);} /*svisual*/ #svisual {position:relative;z-index:1;background:#635B56 url(../img/sub-bg.png) no-repeat 90% 100%;height: auto;padding:140px 0 0;} #svisual .lo-home:before {content:"\f015";font-size: 18px;color:#FFF;font-family:'FontAwesome';font-weight: 600;} #svisual > .d_width {padding:30px 0 40px;} #svisual > .d_width.slogin {padding:10px 0 50px;} #svisual .title .tit {font-size:50px;color:#fff;font-weight:800;line-height:1.3;margin-bottom:0;} #svisual .title .txt {color:#FFF;} .location {margin:0 0 1rem 0} .location ul {display:flex;flex-flow:row wrap;align-items: center;} .location ul li {display:inline-block;line-height: 23px;font-size:0.925rem;color:#FFF;font-weight:100;} .location ul li a {color:#FFF;} .location ul li:before {content:"\f105";font-family:FontAwesome;display:inline-block;font-size:0.75rem;margin:0.085rem 0.75rem 0 0.75rem;vertical-align:top;color:#ccc} .location ul li:first-child:before {display:none;} .location ul li:last-child {color:var(--main-color);font-weight:600;} /*snbmn display:none*/ /*#snbmn {display:none;position:absolute;bottom:0;left:0;width:100%;background:rgba(0,0,0,0.4);}*/ #snbmn {display:block;position:absolute;bottom:0;left:0;width:100%;} #snbmn .sub_depth1 {float:left;} #snbmn > ul > li {position:relative;float:left;} #snbmn > ul > li:after {content:"\f107";font-family:FontAwesome;position:absolute;top:50%;right:20px;transform:translateY(-50%);display:block;color:#fff;} #snbmn ul li span {position:relative;display:block;line-height:60px;padding:0 30px 0 20px;cursor:pointer;min-width:260px;color:#fff;font-size:16px;border-right:1px solid rgba(255,255,255,0.2);white-space:nowrap;} #snbmn ul li a {display:block;} #snbmn ul ul {position:absolute;left:0;top:60px;z-index:999;width:100%;border:1px solid rgba(0,0,0,0.1);border-top:none;background:#fff;box-shadow:0 5px 10px rgba(0,0,0,0.15);} #snbmn ul ul li a {position:relative;line-height:50px;color:#555;font-size:15px;border:none;border-bottom:1px solid rgba(0,0,0,0.05);padding:0 20px;background:none;} #snbmn ul ul li:last-child a {border-bottom:none;} #snbmn ul ul li a:hover {background:#f6f6f6;} #snbmn .home {display:none;position:relative;float:left;background:var(--main-color);box-shadow:0 0 20px rgba(0,0,0,0.2);} #snbmn .home a {display:block;width:60px;height:60px;} #snbmn .home a:before {content:"\f015";font-family:FontAwesome;font-weight:900;font-size:16px;display:block;width:100%;line-height:60px;text-align:center;color:#fff;vertical-align:top} #pnb {float:right;} #pnb .font-control {display:none;} #pnb span {float:left;display:block;width:60px;height:60px;border-left:1px solid rgba(255,255,255,0.2);background-image:url(../img/pnb_ico.png);background-repeat:no-repeat;background-size:120px;} #pnb span.ico-share {background-position:0 0;position:relative;} #pnb span.ico-print {background-position:-60px 0;} #pnb .share-sns {position: absolute;bottom: -40px;left: 50%;transform: translateX(-50%);width:110px;} #pnb .share-sns a {display:block;width:30px;height: 30px;line-height: 30px;float: left;border-radius: 50%;margin:0 3px;background:rgba(0,0,0,0.4);color:#fff;} @media only screen and (max-width:1750px){ /* 1200 */ .mv-title {width:calc(100% - 500px);} } @media only screen and (max-width:1320px){ /* 1200 */ .mv-title {width:calc(100% - 390px);} .mv-title h1 {font-size:42px;} .mv-title p {font-size:18px;} } @media only screen and (max-width:1240px){ /* 960 */ } @media only screen and (max-width:1023px){ /* 720 */ #pnb{display:none;} #snbmn .sub_depth1{width:calc(100% - 60px);} #snbmn > ul > li{width:50%;} #mv-cont > .d_width {flex-wrap:wrap;padding:190px 0 90px;} .mv-info {margin-top:30px;} .mv-title {width:100%;} } @media only screen and (max-width:767px){ /* auto */ .mobile-none{display:none;} #snbmn{position:relative;} #snbmn ul li span{font-size:14px;border-right:0;} #snbmn .home a{width:50px;height:50px;transition:none;} #snbmn .home a:before, #snbmn ul li span{line-height:50px;} #snbmn ul ul{top:50px;} #snbmn .sub_depth1{width:calc(100% - 50px);} #snbmn > ul > li{width:100%;} #svisual {padding:140px 0 30px;} #svisual .d_width{padding:0;} #svisual > .d_width.slogin {padding:10px 0 25px;} h2{font-size:1.6rem;} h3{font-size:1.4rem;} #mv-cont > .d_width {padding:170px 0 60px;} .mv-info {width:100%;} .mv-info .popup_zone {width:100% !important;} .mv-search select {width:80px;} .mv-search input {padding:10px 13px;width:calc(100% - 101px);} .search-tab a {font-size:16px;} } @media only screen and (max-width:599px){ /* mobile-l */ .location {margin:0;} #svisual .title .tit {font-size:30px;} #body_content{padding-bottom:80px;} .mv-title h1 {font-size:30px;margin:0 0 0.5rem 0;} .mv-title h1 .va-pc {display:block;} /*.mv-title p {font-size:16px;} 2023.12.22 최무성 변경 */ .mv-title p {font-size:15px;} .mv-search select {width:90px;font-size:13px;} .mv-search input {width:calc(100% - 111px);font-size:13px;} .search-tab a {font-size:14px;padding:10px 7px;} h2{font-size:1.4rem;} h3{font-size:1.3rem;} } @media only screen and (max-width:415px){ /* mobile-s */ h2{font-size:1.3rem;} h3{font-size:1.1rem;} } @media all and (max-width:720px){ } /*snb*/ /* snb */ #snb h2 {display:none;} #ssnbmn {width:240px;float:left;padding:50px 0;} #ssnbmn ul li {display:block;padding:0;margin:0;} #ssnbmn ul li a {display:block;padding:15px 0 16px 0;margin:0;font-size:20px;color:#000;border-bottom:1px solid #D7D7D7;font-weight:600;} #ssnbmn ul li a.on, #ssnbmn ul li a:focus, #ssnbmn ul li a:active, #ssnbmn ul li a:hover {padding:15px 0;border-bottom:2px solid var(--main-color);color:var(--main-color) !important;text-decoration:none;animation:snbmn-on 0.2s ease-out;background:url(../img/snbmn_arr.png) no-repeat 100% 50%;} #ssnbmn ul li a[target=_blank]:after {content:"";display:block;width:9px;height:9px;float:right;margin:9px 18px 0 0;} #ssnbmn > ul > li > ul {padding:20px;background:#f9f9f9;} #ssnbmn > ul > li > ul li a {display:block;font-size:1rem;line-height:1.3;padding:10px 0;font-weight:400;} #ssnbmn > ul > li > ul li a:before {content: "";display: inline-block;width:7px;margin-right:10px;border-top:2px solid #999999;vertical-align:middle;} #ssnbmn > ul > li > ul li a.on, #ssnbmn > ul > li > ul li a:focus, #ssnbmn > ul > li > ul li a:active, #ssnbmn > ul > li > ul li a:hover {border-bottom:1px solid #D7D7D7;padding:10px 0;border-bottom:1px solid var(--main-color)} @keyframes snbmn-on { 0% {background-position:85% 50%;} 100% {background-position:100% 50%;} } /*mc-cont1*/ #mc-cont1 {background:#F5F5F5;} #mc-cont1 .mc-quick {margin-top: -120px;} #mc-cont1 .mc-quick ul {display:flex;} #mc-cont1 .mc-quick ul li {width:calc(100% / 3);padding:40px 40px 65px;background: var(--sub-color);border-right:1px solid #4F4946;position:relative;} #mc-cont1 .mc-quick ul li:before {content:"";width:75px;height:75px;background:url(../img/mc-quick-icon01.png)no-repeat 50% 50% / contain;position:absolute;top:40px;right:40px;} #mc-cont1 .mc-quick ul li:nth-child(2):before {background:url(../img/mc-quick-icon02.png)no-repeat 50% 50% / contain;} #mc-cont1 .mc-quick ul li:nth-child(3):before {background:url(../img/mc-quick-icon03.png)no-repeat 50% 50% / contain;} #mc-cont1 .mc-quick ul li:last-child {border-right:0;} #mc-cont1 .mc-quick ul li a {color:#FFF;} #mc-cont1 .mc-quick ul li .tit {font-size:25px;margin-bottom:40px;font-weight:600;line-height: 1;} #mc-cont1 .mc-quick ul li .txt {font-size:18px;line-height:1.5;} #mc-cont1 .mc-quick .btn-arrow {position:absolute;right:70px;bottom:35px;font-size:14px;} #mc-cont1 .mc-quick .btn-arrow:before {content:"";width:90px;height:1px;background:#FFF;position: absolute;bottom:-1px;right:-25px;} #mc-cont1 .mc-quick .btn-arrow:after {content:"";width:1px;height: 20px;background:#FFF;position:absolute;top: 5px;right: -19px;transform:rotate(-42deg);} #mc-cont1 .mc-board {padding: 50px 0 70px;} #mc-cont1 .mc-board > .d_width {display:flex;justify-content:space-between;} #mc-cont1 .mc-rank {width:calc(100% - 460px);background:#FFF;position: relative;} #mc-cont1 .mc-rank .bx-viewport {height:100% !important;} #mc-cont1 .mc-rank-title {padding: 20px 30px;display: flex;align-items:center;border-bottom:1px solid #F5F5F5;} #mc-cont1 .mc-rank-title .tit {font-size:33px;color:#000;font-weight:600;margin-right:20px;} #mc-cont1 .mc-rank .mc-rank-title .tit em {font-weight:600;color:#DA2127;} #mc-cont1 .mc-rank-title .stit {font-size: 22px;color:#666;} #mc-cont1 .mc-rank-box {display:flex;padding:50px 30px 40px;} #mc-cont1 .mc-rank-box li {text-align:center;position: relative;} #mc-cont1 .mc-rank-box .ms-img {width:135px;height:180px;position:absolute;top:0;left:50%;transform: translateX(-50%);} #mc-cont1 .mc-rank-box .ms-title {margin-top:185px;} #mc-cont1 .mc-rank-box .img {width:100%;height:100%;margin:0 auto;overflow:hidden;} #mc-cont1 .mc-rank-box .img img {width:100%;} #mc-cont1 .mc-rank-box .tit {color:#000;font-size:19px;font-weight:600;line-height: 1.3;margin-top:5px;} #mc-cont1 .mc-rank-box em {position:absolute;width:45px;height:45px;background:var(--main-color);border-radius:50%;color:#FFF;text-align:center;line-height:45px;top:-20px;left:-20px;} #mc-cont1 .mc-rank .mc-rank-control {position:absolute;top: 23px;right: 0;width: 101px;display: flex;justify-content: space-between;} #mc-cont1 .mc-rank .mc-rank-control a {width:50px;height:50px;display:block;text-align:center;line-height:50px;background:rgba(0,0,0,0.4);color:#FFF;cursor: pointer;} #mc-cont1 .mc-info {width:420px;} #mc-cont1 .mc-info .mc-about {height:calc(100% - 220px);background:url(../img/mc-about-img.png)no-repeat;padding:30px;position: relative;color: #FFF;z-index: 0;overflow: hidden;} #mc-cont1 .mc-info .mc-about:before {content:"";width:100%;height:100%;background:rgba(0,0,0,0.4);position:absolute;top:0;left:0;z-index:-1;} #mc-cont1 .mc-info .mc-about .txt {font-size:18px;line-height:1.3;} #mc-cont1 .mc-info .mc-about .txt:after {content:"ABOUT";opacity:0.4;font-size:65px;letter-spacing:-1.5px;font-weight:900;position: absolute;bottom:-20px;left:-1px;} #mc-cont1 .mc-info .mc-ask {height:190px;margin-top:30px;background:var(--dark-color);padding:30px;color:#FFF;position:relative;} #mc-cont1 .mc-info .mc-ask:after {content:"\f4ad";font-family:'FontAwesome';font-size:80px;color:#8E2020;font-weight:100;position: absolute;top:0;right:30px;} #mc-cont1 .mc-info .tit {font-size:26px;font-weight:600;margin-bottom: 25px;line-height: 1;} #mc-cont1 .mc-info .mc-ask ul li {font-size:16px;} #mc-cont1 .mc-info .mc-ask ul li span {width:120px;display:inline-block;font-size:18px;} #mc-cont1 .mc-info .mc-about .btn-more {background:rgba(174, 26, 32, 0.8);} #mc-cont1 .mc-info .btn-more {width:70px;height:70px;background:var(--point-color1);position:absolute;bottom:0;right:0;} #mc-cont1 .mc-info .btn-more:before {content:"";width:80px;height:1px;background:#FFF;position: absolute;bottom: 30px;right: 35px;} #mc-cont1 .mc-info .btn-more:after {content:"";width:1px;height: 20px;background:#FFF;position:absolute;top:22px;right:41px;transform:rotate(-42deg);} /*mc-cont2*/ #mc-cont2 {margin: 60px auto;} #mc-cont2 > .d_width {display:flex;justify-content:space-between;} #mc-cont2 .mc-notice {position:relative;width: calc(100% - 460px);height: auto;} .mc-notice .cont-tab a {font-size:28px;color:#000;font-weight:800;display:inline-block;width:120px;height:55px;} .mc-notice .cont {height:auto;} .mc-notice .cont .date {text-align:center;line-height:0.8;margin:0 30px 0 5px;} .mc-notice .cont .txt {display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;white-space:normal;text-overflow:ellipsis;word-wrap:break-word;overflow:hidden;vertical-align:top;width: 750px;height:42px;color: #333;font-weight: 500;} .mc-notice .cont p em {display:block;font-size:2rem;font-weight: 800;} .mc-notice .cont p span {color:#999;font-size:12px;} .mc-notice .cont a {display:flex;font-size:20px;padding: 20px 0;border-top: 1px solid #CFCFCF;line-height:42px;align-items:center;} .mc-notice .cont li:last-child a {border-bottom: 1px solid #CFCFCF} .mc-notice .n-btn {display:block;color:var(--main-color);font-size:15px;padding:3px 10px;position:absolute;top:5px;right:0;cursor:pointer;} .mc-notice .n-btn:hover {background:var(--dark-color);color:#FFF;border-radius:20px;transition:all 0.3s;} .mc-notice .n-btn:before {content:"\2b";font-family:'FontAwesome';color:var(--main-color);font-size:20px;font-weight:100;margin-right:3px;} .mc-notice .n-btn:hover:before {color:#FFF;} #mc-cont2 .mc-schedule {width:420px;height:390px;background:var(--sub-color);color:#FFF;} #mc-cont2 .mc-schedule .tit {font-size:26px;font-weight: 500;display:flex;align-items:center;padding:20px 30px;border-bottom: 1px solid #DADADA;} .mc-schedule .tit:before {content:"";width:37px;height:37px;background:url(../img/mc-schedule-ico.png)no-repeat;margin-right:15px;display:block;} .mc-schedule ul {} .mc-schedule ul li {display:flex;border-bottom:1px solid #dadada;height:100px;padding:20px 40px;} .mc-schedule ul li:last-child {border-bottom:0;} .mc-schedule ul li:nth-child(2) {align-items:center;} .mc-schedule ul li span {width:150px;display: block;} @media only screen and (max-width:1750px){ /* 1200 */ } @media only screen and (max-width:1320px){ /* 1200 */ #ssnbmn{display:none;} #content{width:100%;margin-left:0;} #mc-cont1 .mc-quick ul li {padding:30px 30px 65px;} #mc-cont1 .mc-quick ul li:before {width:50px;height:50px;top:30px;right:30px;} #mc-cont1 .mc-quick ul li .tit {font-size:20px;} #mc-cont1 .mc-quick ul li .txt {font-size:17px;} #mc-cont1 .mc-rank-title .tit {font-size:27px;margin-right:15px;} #mc-cont1 .mc-rank-title .stit {font-size:18px;} } @media only screen and (max-width:1240px){ /* 960 */ } @media only screen and (max-width:1023px){ /* 720 */ #mc-cont1 {position:relative;} #mc-cont1 .mc-quick {width:50%;position:absolute;top:-320px;right:0;} #mc-cont1 .mc-quick ul, #mc-cont1 .mc-board > .d_width, #mc-cont2 > .d_width {flex-wrap:wrap;} #mc-cont1 .mc-quick ul li {width:100%;border-right:none;border-bottom:1px solid #4F4946;padding:30px 30px 26px;} #mc-cont1 .mc-quick ul li:before {width:40px;height:40px;top:20px;right:30px;} #mc-cont1 .mc-quick .btn-arrow {right:50px;bottom:20px;} #mc-cont1 .mc-quick ul li .txt {display:none;} #mc-cont1 .mc-quick ul li:last-child {border-bottom:0;} #mc-cont1 .mc-rank, #mc-cont1 .mc-info {width:100%;} #mc-cont1 .mc-info .tit {font-size:24px;} #mc-cont1 .mc-info {margin-top:20px;display:flex;justify-content: space-between;} #mc-cont1 .mc-about, #mc-cont1 .mc-ask {width:calc(50% - 10px);min-height:220px;} #mc-cont1 .mc-ask {margin-top:0 !important;} #mc-cont2 .mc-notice {width:calc(100% - 410px);} #mc-cont2 .mc-schedule {width:380px;height:auto;} #mc-cont2 .mc-schedule .tit {font-size:24px;padding:20px;} .mc-notice .cont p em {font-size:1.6rem;} .mc-notice .cont .date {margin:0 20px 0 5px;} .mc-notice .cont a {padding:14px 0;font-size:18px;} .mc-schedule ul li {font-size:17px;padding:15px 25px;height:80px;} } @media only screen and (max-width:767px){ /* auto */ #mc-cont1 .mc-board {padding:30px 0;} #mc-cont1 .mc-quick {position:static;width:100%;margin-top:20px;} #mc-cont1 .mc-quick ul li .tit {margin-bottom:10px;margin:0 0 0 50px;} #mc-cont1 .mc-quick ul li:before {right:auto;left:30px;width:30px;height:30px;} #mc-cont2 {margin:30px auto;} #mc-cont2 .mc-notice, #mc-cont2 .mc-schedule {width:100%;} #mc-cont2 .mc-schedule {margin-top:20px;} #mc-cont2 .mc-schedule .tit {font-size:24px;} #mc-cont1 .mc-rank .mc-rank-control {top:auto;bottom:130px;width:100%;padding:0 30px;} #mc-cont1 .mc-rank-box {padding:35px 0 20px;} #mc-cont1 .mc-rank-box .ms-img {width:100px;height:135px;} #mc-cont1 .mc-rank-box .ms-title {margin-top:140px;} } @media only screen and (max-width:599px){ /* mobile-l */ #mc-cont1 .mc-info {flex-wrap:wrap;} #mc-cont1 .mc-info .mc-about, #mc-cont1 .mc-info .mc-ask {width:100%;min-height:180px;padding:20px;} #mc-cont1 .mc-info .mc-ask {margin-top:10px !important;height:auto;} #mc-cont1 .mc-quick ul li .tit {font-size:17px;} #mc-cont1 .mc-rank-title {flex-wrap:wrap;padding:15px 20px;} #mc-cont1 .mc-rank-title .tit {font-size:22px;width:100%;} #mc-cont1 .mc-rank-title .stit {font-size:17px;width:100%;} #mc-cont1 .mc-info .tit {font-size:20px;} #mc-cont1 .mc-info .mc-about .txt {font-size:17px;} #mc-cont2 .mc-schedule .tit {font-size:20px;} #mc-cont1 .mc-quick ul li:before {left:20px;width:25px;height:25px;} #mc-cont1 .mc-quick ul li .tit {margin:0 0 0 25px;} .mc-schedule ul li {font-size:15px;height:auto;} .mc-notice .cont p em {font-size:1.3rem;} .mc-notice .cont a {font-size:16px;padding:10px 0;} } @media only screen and (max-width:415px){ /* mobile-s */ } @media all and (max-width:720px){ } /*mc-fsite*/ #mc-fsite {padding:30px 0;border-top:2px solid #000;} #mc-fsite .bx-wrapper {max-width:1080px !important;margin-left:159px !important;} #mc-fsite .tit {font-size:28px;color:#000;font-weight:800;} #mc-fsite > .d_width {display:flex;justify-content:space-between;} #mc-fsite .banner_slide {display:flex;} .banner_slide li {width:200px;height:60px;border:1px solid #999;margin-right:20px;overflow:hidden;background:#FFF;} .banner_slide li:last-child {margin-right:0;} .banner_slide li a {display:block;line-height: 60px;text-align: center;} .banner_slide li a img {max-width:160px;max-height:40px;} .mc-fsite-control {position:absolute;left:190px;top: 10px;} .mc-fsite-control a {cursor:pointer;} .mc-fsite-control i {font-weight:400;color:#444;font-size:22px;} /*인사말*/ #greeting {padding:60px 70px 100px 450px;background:#F9F9F9 url(../img/greeting-bg2.png) no-repeat 100% 0/contain;position:relative;box-shadow:0 0 30px rgba(0,0,0,0.15);} #greeting:after {content:"KNU FRIC";font-size: 100px;font-family:Montserrat;font-weight:600;color:rgba(0,0,0,0.03);position:absolute;bottom: -5px;right: 10px;letter-spacing: 7px;line-height: 0.8;} #greeting .greeting-bg {width: 380px;height:100%;background:url(../img/greeting-bg1.png) no-repeat 0 0/cover;border-radius:0 50px 0 0;box-shadow:10px 0 20px rgba(0,0,0,0.2);position:absolute;top:0;left:0;} #greeting .stit {font-size:30px;line-height:1;font-weight:300;} #greeting .tit {font-size:40px;font-weight:900;color:var(--main-color);margin-bottom: 80px;word-break:keep-all;line-height:1.1;} #greeting .txt {font-weight:300;text-align:justify;} #greeting .name {color:#000;font-weight:600;font-size:20px;margin-top:20px;} /*연혁*/ #history .tit {position:relative;float:left;width:550px;padding:50px 50px;border:10px solid var(--point-color2);border-right:none;} #history .tit em {font-weight:700;} #history .tit p:nth-child(1) {font-size:40px;margin-bottom:20px;line-height:1.2;color: #000;} #history .tit p:nth-child(2) {font-size:14px;letter-spacing:5px;color:var(--sub-color);} #history .tit p span {display:block;} #history .cont {float:right;width:calc(100% - 630px);padding:0px 40px 20px 40px;border-left:1px dashed var(--sub-color);} #history .cont li .year {position:relative;margin:40px 0 20px 0;font-size:30px;color:var(--main-color);font-weight: 800;line-height:1.2;} #history .cont li .year:before {content:"";position:absolute;top:calc(50% - 5px);left:calc(-40px - 6px);display:block;width:10px;height:10px;border-radius:50%;border: 2px solid var(--sub-color);background:#fff;} #history .cont li li .date {display:inline-block;margin-right:20px;font-size: 17px;color: var(--sub-color);font-weight:600;vertical-align:middle;} @media only screen and (max-width:1750px){ /* 1200 */ #greeting:after, #login:after {font-size:86px;letter-spacing:0px;} #greeting .tit {line-height:1.2;} #mc-fsite .bx-wrapper {max-width:865px !important;margin-left:170px !important;} } @media only screen and (max-width:1320px){ /* 960 */ #mc-fsite .bx-wrapper {max-width:650px !important;margin-left:149px !important;} } @media only screen and (max-width:1240px){ /* 960 */ /*#mc-fsite .bx-wrapper {max-width:590px !important;margin-left:209px !important;} 2023.12.22 최무성 변경 */ #mc-fsite .bx-wrapper {max-width:590px; margin-left:209px !important;} } @media only screen and (max-width:1023px){ /* 720 */ #greeting .tit {font-size:2rem;} #greeting .stit {font-size:1.8rem;} #greeting, #login {padding:340px 40px 40px 40px;} #greeting:after, #login:after {font-size:82px;} #greeting .greeting-bg, #login .login-bg{width:100%;height:300px;} #greeting .greeting-bg {background-position:50% 75%;} #greeting, #login {padding:370px 70px 70px 70px;border-radius:0 50px 0 0;} #history .tit {float:none;width:100%;padding:30px;} #history .tit:after {bottom:-100px;left:auto;right:0;width:220px;height:180px;} #history .tit p:nth-child(1) {font-size:30px;} #history .cont {float:none;width:100%;margin-left:10px;padding:0 0 20px 40px} #history .cont li .year {font-size:24px;} #mc-fsite > .d_width {flex-wrap:wrap;} #mc-fsite .tit {width:100%;margin-bottom:10px;} #mc-fsite .tit {font-size:24px;} /*#mc-fsite .bx-wrapper {max-width:900px !important;margin-left:0 !important;} 2023.12.22 최무성 변경 */ #mc-fsite .bx-wrapper {max-width:600px; margin-left:0 !important;} } @media only screen and (max-width:767px){ /* auto */ #greeting:after{font-size:50px;} .mc-fsite-control {top:7px;left:170px;} } @media only screen and (max-width:599px){ /* mobile-l */ .sub-titwrap{word-break:keep-all;padding:20px;} .sub-titwrap .tit{font-size:1.4rem;line-height:1.2;} .sub-titwrap .txt br{display:none;} #greeting .greeting-bg, #login .login-bg{height:250px;} #greeting, #login{padding: 290px 30px 40px;} #greeting .tit{font-size:1.4rem;margin-bottom:20px;} #greeting .stit{font-size:1.2rem;} #greeting .txt{font-size:16px;} #greeting:after, #login:after{font-size:59px;} #history .bnr {height:180px;padding: 30px;} #history .bnr .tit {font-size: 32px;} #history .tit {padding:20px;} #history .tit:after {bottom:-80px;width:186px;height:150px;} #history .tit p:nth-child(1) {font-size:24px;} #history .tit p:nth-child(2) {display:none;} #mc-fsite .tit {font-size:20px;} .mc-fsite-control {top:3px;left:150px;} .mc-fsite-control i {font-size:18px;} } @media only screen and (max-width:415px){ /* mobile-s */ #greeting .greeting-bg, #login .login-bg{height:150px;} #greeting, #login{padding:170px 20px 20px 20px;} #greeting:after, #login:after{font-size:39px;} #history .tit:after {width:150px;height:120px;} } /*로그인*/ #login {padding:60px 0;background:#f5f5f5;} #login-wrap { display: flex; background: var(--sub-color); } #login-wrap .login-con1 {text-align:center;background:var(--sub-color);position:relative;overflow:hidden;width:calc(100% - 600px);padding:60px 120px;} #login-wrap .login-con2 {width:600px;background:rgba(0,0,0,0.2);display:flex;flex-wrap:wrap;padding: 40px 60px;align-content:flex-start;} #login-wrap .login-con2 .login-tbox {width:100%;height: auto;color:#ededed;font-size:16px;} #login-wrap .login-con2 .login-tbox.b1 {height:calc(100% - 250px);height:220px;position:relative;} #login-wrap .login-con2 .login-tbox.b1:after {content:"";width:100%;height:1px;background:#8b8b8b;position:absolute;bottom:-5px;} #login-wrap .login-con2 .login-tbox.b2 {height:250px;padding-top:30px;} #login-wrap .login-con2 .login-tbox .stit {font-size: 31px;font-weight:500;margin-bottom: 15px;color:#FFF;} #login-wrap .login-con2 .login-tbox .tel {font-size:20px;} #login-wrap .login-con2 .login-tbox span {margin-left:20px;font-size:16px;color:#ededed;} #login-wrap:after {content: "KNU FRIC";font-size: 100px;font-family:Montserrat;font-weight:600;color:rgba(255,255,255,0.08);position:absolute;bottom: 0;right: 10px;letter-spacing: 7px;line-height: 0.7;} #login-wrap .login-bg {width:450px;height:100%;background:url(../edu/img/login-bg1.png) no-repeat 0 0/cover;border-radius:0 50px 0 0;box-shadow:10px 0 20px rgba(0,0,0,0.5);position:absolute;top:0;left:0;} #login-wrap .tit {font-size:50px;color:var(--main-color);font-weight:700;margin-bottom:20px;} #login-wrap .txt {color:#BAC2C9;margin:5px 0 40px;} #login-wrap .login-bx {color:#FFF;} #login-wrap .login-bx dt {position:relative;} #login-wrap .login-bx i {position:absolute;left:15px;top:22px;width:20px;height:20px;text-align:center; font-size: 18px; color:#C4C8CD;} #login-wrap .login-bx input {width:100%;height:65px; padding-left:55px; border-radius:0; font-size: 15px;border-radius:10px;outline:none;margin-bottom:13px;border:none;color:#000;} #login-wrap .login-bx input:-internal-autofill-selected{background:#fff !important;} #login-wrap .btn_login {display: block; padding:20px;text-align:center; font-size:20px; background:var(--main-color);color:#fff;font-weight:700;border-radius:10px;} #login-wrap .btn_login a:hover {background:var(--sub-color);} #login-wrap .lo-txt {color:#ccc;} #login-wrap .btn-find {text-align:center; margin-top:10px;position:relative;z-index:1;} #login-wrap .btn-find p {display:inline-block;color:#BFCAD5;font-size:18px;} #login-wrap .btn-find a {display: inline-block;position: relative;font-size:17px;color:#fff;} #login-wrap .btn-find a:hover {text-decoration:underline;} #login-wrap.btn-find a:nth-of-type(1) {margin-left:30px;} #login-wrap .btn-find a:after {color:#BFCAD5;display:inline-block;margin:0 15px;} #login-wrap .btn-find a:nth-of-type(1):after {content:"/";color:#FFF;} input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px #fff inset ; -webkit-text-fill-color: #000; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; } @media only screen and (max-width:1750px){ /* 1200 */ } @media only screen and (max-width:1320px){ /* 960 */ #login-wrap .login-con1 {width:calc(100% - 400px);padding:60px 90px;} #login-wrap .login-con2 {width:400px;padding:40px;} #login-wrap .login-con2 .login-tbox.b1:after {bottom:-15px;} } @media only screen and (max-width:1023px){ /* 720 */ #login-wrap {flex-wrap:wrap;} #login-wrap .login-con1, #login-wrap .login-con2 {width:100%;} #login-wrap .login-con2 {padding:30px;} #login-wrap .login-con2 .login-tbox.b1, #login-wrap .login-con2 .login-tbox.b2 {height:auto;} } @media only screen and (max-width:767px){ /* auto */ #login-wrap .tit {font-size:35px;} #login-wrap .login-bx input {height:50px;} #login-wrap .login-bx i {top:15px;} #login-wrap .btn_login {padding:13px;} #login-wrap .login-con1 {padding:30px 70px;} #login-wrap .login-con2 {padding:20px 30px;} #login-wrap .login-con2 .login-tbox .stit {font-size:25px;margin-bottom:5px;} #login-wrap .login-con2 .login-tbox .tel {font-size:18px;} #login-wrap .btn-find a {font-size:14px;} } @media only screen and (max-width:599px){ /* mobile-l */ #login-wrap .login-con1 {padding:30px;} #login-wrap .login-con2 .login-tbox {font-size:15px;} } @media only screen and (max-width:415px){ /* mobile-s */ } /*검색*/ #ssearch {padding:30px 150px;;background:#f6f6f6;} .ssearch-list {position:relative;} .ssearch-list .ico-excel {position:absolute;right:90px;top:50%;transform:translateY(-50%);font-size:14px;} .ssearch-list .ico-excel:before {font-size:18px;margin-right:3px;} .mv-search.n-sel input {width:100%;margin-left:0;background:#FFF;} .search-top {} .search-bg {padding:40px;border:2px solid var(--point-color2);background:#FFF;} .search-bg.ico {padding: 40px 160px 40px 30px;position:relative;} .search-bg.ico:after {content:"";width: 100px;height: 100px;background:url(../img/search-ico.png) no-repeat 50% 50% / contain;position:absolute;right: 30px;top:50%;transform:translateY(-50%);} .search-bg p {word-break:keep-all;} .search-ifo .tit {font-size:1.3rem !important;font-weight:600;color:#000;} .search-ifo ul {margin:20px 0;padding:20px;background:#f9f9f9;} #slist .list_top {display:flex;justify-content:space-between;padding:30px 0;} #slist .list_top select {font-size:15px;} #slist .total p {color:#000;font-size:1.2rem;} #slist .search-list li {display:flex;padding:20px 0;border-bottom:1px solid #ddd;align-items:flex-start;} #slist .search-list li a {color: #666;font-size:15px;} #slist .search-list li p {width:calc(100% - 50px);line-height: 1.2;} #slist .search-list li .tit {font-size:1.2rem;font-weight:600;color:#000;line-height:1.5;} #slist .search-list li:first-child {border-top:3px solid var(--sub-color);} #slist .search-list li h3 {margin-right:40px;font-size:1.2rem;margin:2px 30px 0 15px;font-weight:600;color: var(--dark-color);} .link-bx {padding:10px 20px;border: 1px solid #ddd;margin-top:10px;} .link-bx:first-child {margin-top:0;} .link-bx h2 {margin:20px 0;} /*무료 원문 복사 서비스*/ .t-red thead th {background:var(--point-color1);} .t-red tbody td {border-right:1px solid var(--basic-border);} .t-red tbody td:last-child {border-right:0;} .apply-mail span {font-weight:500;color:#000;margin-right:5px;} #sitemap>ul>li>span {border-top:2px solid var(--dark-color);border-bottom:1px solid var(--dark-color);color:var(--dark-color);} /*footer*/ #footer {background:#333;padding:40px 0;font-size:14px;color:#ccc;} #footer .fmn {margin-bottom:20px;} .footer-site {position:absolute;top:0;right:0;} .footer-site select {background:transparent;border:none;border:1px solid #FFF;color:#FFF;padding:10px;} .footer-site option {background:#333;} #slist .list li:first-child {border-top:3px solid var(--main-color);} #slist .list li h3 {margin-right:40px;} /*아이디 비밀번호 찾기*/ .poptit {padding:20px;background:var(--dark-color);} .poptit h1 {color:#fff;font-size:24px;margin:0;} .tab_txt:after, .tab_list:after {content:" ";display:block;float:none;clear:both;} .tab_txt {position:relative;overflow:hidden;border-bottom:1px solid #dadada;margin-bottom:20px;} .tab_txt li {float:left;min-width:100px;text-align:center;overflow:hidden;transition: 0.3s;cursor:pointer;} .tab_txt li a {display:block;padding:7px 20px;margin:0;background-color:#fff;border-width:1px;border-color:#dadada;border-style:solid;border-top-width:1px;border-left-width:0;border-bottom-width:0;/*white-space:nowrap;overflow:hidden;text-overflow:ellipsis;*/font-size:15px;} .tab_txt li:first-child a{border-left-width:1px;} .tab_txt a:hover, .tab_txt a.on {background:var(--sub-color);border-color:var(--sub-color);color:#fff;text-decoration:none;} .tab_txt em {font-family:verdana;font-size:11px;color:#35A6B5;} .tab_txt a.on em {color:#4CF0B1;} .tab_cont {display: none;} div.t1 table {border-top:1px solid #ccc;border-bottom:1px solid #ccc;font-size:16px;} div.t1 table input {border:1px solid #ccc;} div.t1 table thead th {padding:0.875rem 1rem;border-bottom:1px solid #768395} div.t1 table tbody th, div.t1 table tbody td {padding:0.875rem 1rem;border:1px solid #ddd;border-bottom:none;border-right:none;} div.t1 table tbody th:first-child {border-left:0;background:#f9f9f9;} div.t1 table tbody tr:nth-child(1) th, div.t1 table tbody tr:nth-child(1) td{border-top:none;} #popup_container {padding:20px 20px 0 20px;} #popup_container .btn-submit {width:80px;padding:5px;text-align:center;display:inline-block;background:#3D4567;border:1px solid #3D4567;cursor:pointer;} #popup_container .btn-submit input {background:none;border:none;cursor:pointer;color:#fff;} #popup_container .btn-close {width:80px;padding:5px;text-align:center;display:inline-block;background:#f4f4f4;border:1px solid #ccc;} .popupbg .close a.btn-close @media only screen and (max-width:1750px){ /* 1200 */ } @media only screen and (max-width:1023px){ /* 720 */ #ssearch {padding:30px 150px 30px 30px;} } @media only screen and (max-width:767px){ /* auto */ .search-bg {padding:25px;font-size:17px;} .bg_gr {font-size:16px;} .search-bg p {font-size:17px;} #slist .total p {font-size:1rem;} #slist .list_top select {font-size:14px;} .search-ifo .tit {font-size:1.2rem !important;} #footer {padding:25px 0;} #footer .d_width {margin-top:50px;} .footer-site {top:-50px;right:auto;left:0;width:100%;} #footer .fcont span {display:block;margin-left:0 !important;} } @media only screen and (max-width:599px){ /* mobile-l */ .search-bg.ico {padding:30px 85px 30px 30px;} .search-bg.ico:after {width:65px;height:65px;} #ssearch {padding:0;background:none;text-align:right;} .ssearch-list .ico-excel {position:static;transform:none;margin-top:5px;} } @media only screen and (max-width:415px){ /* mobile-s */ } /*20240329 온라인신청*/ .copy-apply .board-write table th, .board-write table td {vertical-align:baseline;}