/** * 이 파일은 경기대 연동모듈의 일부입니다. (https://www.imodule.kr) * * 경기대 포털 스타일시트 * * @file /templets/bbits/styles/subpage.css * @author Arzz (arzz@arzz.com) * @license MIT License * @version 3.0.0.160910 */ /* 서브페이지 새 레이아웃 */ div[data-role=wrapper] > header > nav {border-bottom:1px solid rgba(255, 255, 255, 0.4);} article + article {margin-top:150px;} h5.tit__bar {position: relative; padding-top:16px; margin-bottom:30px; font-size:24px; color:#333; line-height: 25px; font-weight: 700;} h5.tit__bar::before {content:""; position: absolute; top:0; display: inline-block; width:18px; height:4px; border-radius:22px; transform: scaleX(-1); background: var(--RIS, linear-gradient(135deg, #611A87 13.88%, #E50581 53.34%, #EC6FA6 88.34%));} main.subpage > div.intro {position:relative; height:520px; transition:all 0.1s;} main.subpage > div.intro .page_info {position:absolute; top:45%; display: flex; flex-direction:column; gap:12px;} main.subpage > div.intro .page_info > p {font-size:42px; font-weight:bold; color:#fff;} main.subpage > div.intro .page_info > span {font-size: 20px; font-weight: 400; color:#fff;} main.subpage > div.intro .page_info > div.nbreadcrumb {margin-top:30px; padding-bottom:10px; border-bottom:1px solid #fff; text-align:center; font-size:0;} main.subpage > div.intro .page_info > div.nbreadcrumb > a {display:inline-block; font-size:14px; line-height:16px; vertical-align:middle; color:#fff;} main.subpage > div.intro .page_info > div.nbreadcrumb > i {display:inline-block; width:16px; height:16px; margin:0 10px; border-radius:50%; font-size:14px; line-height:16px; vertical-align:middle; text-align:center; background:#fff; color:#8994a2;} main.subpage > div.intro .page_info > div.nbreadcrumb > span {display:inline-block; font-size:14px; line-height:20px; vertical-align:middle; color:#fff;} main.subpage > div.intro {background:url(../images/bg_sub_intro.png?1) no-repeat center 0; background-size:cover;} main.subpage > nav {position:relative; bottom:66px;} main.subpage > nav ul {display:table; width:100%; min-height:66px; border-collapse:collapse; box-sizing:border-box; table-layout:fixed;} main.subpage > nav ul > li {display:table-cell; height:66px; text-align:center; vertical-align:middle;} main.subpage > nav ul > li > a {display:block; text-align:center; overflow:hidden; text-overflow:ellipsis; height:66px; line-height:66px; font-size:20px; font-weight:500; color:#ECECEC; white-space:nowrap;} main.subpage > nav ul > li.selected {position:relative; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #444 100%);} main.subpage > nav ul > li.selected::after {position: absolute; bottom:0; left:0; content:""; display: inline-block; width:100%; height:4px; background:var(--123123,linear-gradient(91deg, #EF7BB2 0.37%, #E6389B 47.52%, #8A479F 99.63%));} main.subpage > nav ul > li.selected > a {font-weight: 700; color:#fff;} main.subpage div.context {padding-bottom:100px;} main.subpage div.context > h3 {margin:0 0 102px; text-align: center; font-size:42px; font-weight:700; color:#000;} main.subpage div.context > ul.tab_menu {display:table; width:100%; margin-bottom:60px; border-collapse:collapse; box-sizing:border-box; table-layout:fixed;} main.subpage div.context > ul.tab_menu > li {display:table-cell; text-align:center; border:1px solid #bbb;} main.subpage div.context > ul.tab_menu > li > a {display:block; overflow:hidden; padding:0 10px; text-overflow:ellipsis; position:relative; font-size:14px; line-height:56px; color:#999; background:#f7f7f7; white-space:nowrap;} main.subpage div.context > ul.tab_menu > li.selected {border-bottom:0 none;} main.subpage div.context > ul.tab_menu > li.selected > a {color:#00aeef; background:#fff;} main.subpage div.context > ul.tab_menu > li.selected > a:after {content:''; position:absolute; left:0; top:-1px; width:100%; height:3px; background:#00aeef;} main.subpage div.box_blue {box-sizing:border-box; width:100%; padding:40px; background-color:#f1f6fc;} main.subpage div.box_blue_description {box-sizing:border-box; width:100%; padding:40px; background-color:#f1f6fc;} main.subpage div.box_blue_description p {color:#16459d; font-size:17px; line-height:28px; word-break:keep-all; font-weight:bold;} div[data-widget=member-login][data-templet=barVer2] div[data-role=layer] > section[data-role=profile] > div.info > div.buttons > button.kongju_button{background-color: #17469e; color: #fff; width: 65px;height: 24px; border: 1px solid #000;} div.sub_cnts div.tb {overflow:hidden; overflow-x:auto;} div.sub_cnts div.tb > table {width:100%; border-collapse:collapse; box-sizing:border-box; min-width:800px; font-size:16px; overflow:hidden;} div.sub_cnts div.tb > table caption {font-size:0;} div.sub_cnts div.tb > table thead th {padding:10px; height:28px; border:1px solid #e5e5e5; background:#f7f7f7; text-align:center; vertical-align:middle; color:#111; line-height:28px; word-break:keep-all;} div.sub_cnts div.tb > table thead tr:first-child > th {border-top:1px solid #5c5f66;} div.sub_cnts div.tb > table thead th:first-child {border-left:0 none;} div.sub_cnts div.tb > table thead th:last-child {border-right:0 none;} div.sub_cnts div.tb > table tbody th {padding:10px; height:28px; border:1px solid #e5e5e5; background:#f7f7f7; text-align:center; vertical-align:middle; color:#111; line-height:28px;} div.sub_cnts div.tb > table tbody th:first-child {border-left:0 none;} div.sub_cnts div.tb > table tbody td {height:28px; padding:10px; border:1px solid #e5e5e5; text-align:center; vertical-align:middle; color:#666; line-height:28px; word-break:keep-all;} div.sub_cnts div.tb > table tbody td:first-child {border-left:0 none;} div.sub_cnts div.tb > table tbody td:last-child {border-right:0 none;} div.sub_cnts div.tb > table tbody td.a_l {text-align:left; padding:10px 15px;} div.sub_cnts div.tb > table tbody td > b {font-weight:500; color:#1a1a1a;} @media screen and (max-width:991px) { main.subpage div.box_blue_description {padding:20px} main.subpage > nav ul {display: flex; align-items: center; width:100%; overflow-x:auto;} main.subpage > nav ul > li {min-width:150px;} } main.subpage > div.container > div.context > section {width:100%;} main.subpage > div.container > div.context > section > h3 {display:block; height:80px; line-height:70px; font-size:32px; margin-bottom:40px; border-bottom: 1px solid #e6e6e6;} main.subpage > div.container > div.context > section > h3:after {content:''; display:block; clear:both} main.subpage > div.container > div.context > section > h3 > .nbreadcrumb {float:right; margin-top:30px} main.subpage > div.container > div.context > section > h3 + div[data-type="module"][data-module] > div[data-role=tabbar] {height:56px;} main.subpage > div.container > div.context > section > h3 + div[data-type="module"][data-module] > div[data-role=tabbar] > div {height:56px;} main.subpage > div.container > div.context > section > h3 + div[data-type="module"][data-module] > div[data-role=tabbar] > div > ul {box-sizing:border-box; border-collapse:collapse;} main.subpage > div.container > div.context > section > h3 + div[data-type="module"][data-module] > div[data-role=tabbar] > div > ul > li, main.subpage > div.container > div.context > section > h3 + div[data-type="module"][data-module] > div[data-role=tabbar] > div > ul > li > a {border:0 none; height:54px; line-height:54px; color:#000; background:#fff;} main.subpage > div.container > div.context > section > h3 + div[data-type="module"][data-module] > div[data-role=tabbar] > div > ul > li {box-sizing:border-box; border:1px solid #e6e6e6; border-bottom-color:#999;} main.subpage > div.container > div.context > section > h3 + div[data-type="module"][data-module] > div[data-role=tabbar] > div > ul > li.selected {background:#2A2C7F; border-color:#2A2C7F;} main.subpage > div.container > div.context > section > h3 + div[data-type="module"][data-module] > div[data-role=tabbar] > div > ul > li.selected > a {color:#fff; background:#2A2C7F;} main.subpage > div.container > div.context > section > h3 > ul.menus {float:right; list-style:none; height:35px; font-size:0; white-space:nowrap; overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; box-sizing:border-box;} main.subpage > div.container > div.context > section > h3 > ul.menus > li {display:inline-block; height:35px; line-height:35px; font-size:14px} main.subpage > div.container > div.context > section > h3 > ul.menus > li > a {display:inline-block; position:relative; color:#545255; text-decoration:none} main.subpage > div.container > div.context > section > h3 > ul.menus > li > a + a:after {content:''; display:block; position:absolute; left:-5px; top:50%; width:1px; height:15px; transform:translateY(-50%); background-color:#e9e7ea} main.subpage > div.container > div.context > section > h3 > ul.menus > li.sns {float:right} main.subpage > div.container > div.context > section > h3 > ul.menus > li.sns > a {display:inline-block; padding:0px 15px; margin-left:5px; font-size:18px} div[data-role=tabbar] > div > ul > li {position:relative; border-top:1px solid #e6e6e6; border-bottom:2px solid #203353; background-color:#fafafa} div[data-role=tabbar] > div > ul > li.selected {background:#fff; border-bottom:2px solid transparent} div[data-role=tabbar] > div > ul > li.selected > button, div[data-role=tabbar] > div > ul > li.selected > a {border-left:2px solid #203353; border-right:2px solid #203353; color:#000; background:none} div[data-role=tabbar] > div > ul > li:last-child > button, div[data-role=tabbar] > div > ul > li:last-child > a {border-right:1px solid #e6e6e6} div[data-role=tabbar] > div > ul > li:last-child.selected > button, div[data-role=tabbar] > div > ul > li:last-child.selected > a {border-right:2px solid #203353} div[data-role=tabbar] > div > ul > li > button, div[data-role=tabbar] > div > ul > li > a {font-size:16px; color:#999} /* 서브페이지 공통 */ main.subpage > div.container > div.context > section .sub_cnts h4.tit {position:relative; margin:100px 0px 10px 30px; font-size:25px; color:#000} main.subpage > div.container > div.context > section .sub_cnts h4.tit::before {content: "";width: 18px;height: 18px;position: absolute;left: -25px;top: 3px; background-image:url(../images/ico_main_tit.svg);} main.subpage > div.container > div.context > section .sub_cnts h5.tit {position: relative; margin:40px 0px 20px 21px; font-size:22px; color:#333;} main.subpage > div.container > div.context > section .sub_cnts h5.tit::before {content: "";width: 10px;height: 10px;position: absolute;left: -20px;top: 8px; background-image:url(../images/ico_sub_tit.svg);} main.subpage > div.container > div.context > section .sub_cnts > p.tit {margin-top:10px; position: relative; padding-left:15px; font-size:16px; color:#333; line-height:1.8;} main.subpage > div.container > div.context > section .sub_cnts > p.tit::before {content: "";width: 10px;height: 10px;position: absolute;left:0px;top: 8px; background-image:url(../images/ico_sub_tit.svg);} main.subpage > div.container > div.context > section .sub_cnts .border_box {margin:40px 0; box-sizing:border-box; width:100%; padding:20px; border:1px solid #E6E6E6; text-align: center;} main.subpage > div.container > div.context > section .sub_cnts .border_box > img {width:50%;} main.subpage > div.container > div.context > section .sub_cnts .gray_box {text-align:center; background:#f7f7f7;padding: 16px;} main.subpage > div.container > div.context > section .sub_cnts .gray_box > img {max-width:100%;} main.subpage > div.container > div.context > section .sub_cnts .border_box {margin-bottom:40px; box-sizing:border-box; padding:20px; width:100%; border:1x solid #e6e6e6;} main.subpage > div.container > div.context > section .sub_cnts .border_box > img {max-width:100%; margin:0 auto;} main.subpage > div.container > div.context > section .sub_cnts .border_box_flex {display: flex; gap: 60px; margin: 20px 0;} main.subpage > div.container > div.context > section .sub_cnts .border_box_flex > div.item_box > img {width: 100%; height: 100%; object-fit: cover;} main.subpage > div.container > div.context > section .sub_cnts .border_box_flex > div.item_box > p {display: inline-block; text-align: center; margin-top:10px; position: relative; padding-left:15px; font-size:15px; color:#333; line-height:1.8;} main.subpage > div.container > div.context > section .sub_cnts .border_box_flex > div.item_box > p.tit::before {content: "";width: 10px;height: 10px;position: absolute; left:0; top: 8px; background-image:url(../images/ico_sub_tit.svg);} main.subpage > div.container > div.context > section .sub_cnts .a_l {text-align:left;} main.subpage > div.container > div.context > section .sub_cnts .hr {display:block; height:1px; font-size:0; line-height:0; background-color:#e6e6e6} main.subpage > div.container > div.context > section .sub_cnts .mb-20 {margin-bottom:20px !important;} main.subpage > div.container > div.context > section .sub_cnts .mb-30 {margin-bottom:30px !important;} main.subpage > div.container > div.context > section .sub_cnts .mb-40 {margin-bottom:40px;} main.subpage > div.container > div.context > section .sub_cnts .mb-60 {margin-bottom:60px !important;} main.subpage > div.container > div.context > section .sub_cnts .mb-100 {margin-bottom:100px;} main.subpage > div.container > div.context > section .sub_cnts .mt-40 {margin-top:40px;} main.subpage > div.container > div.context > section .sub_cnts .mt-60 {margin-top:60px;} main.subpage > div.container > div.context > section .sub_cnts .inner_txt {padding-left:10px; font-size: 16px;} main.subpage > div.container > div.context > section .sub_cnts .em_txt {font-weight:600; color:#000;} main.subpage > div.container > div.context > section .sub_cnts .em_color {font-weight:600; color:#2A2C7F;} main.subpage > div.container > div.context > section .sub_cnts .notice_color {display:block; color:#2c3eec;} main.subpage > div.container > div.context > section .sub_cnts .box_bg > img {width: 100%;} div[data-role=context][data-type=module][data-module=tab] div[data-role=context][data-type=module][data-module=board] {padding-top:60px;} #ModuleCtlListForm {margin:50px 0 30px} /* 교수지원, 학습지원 */ div.sub_cnts > div.intro_box > div.box {padding:35px 100px 35px 140px; background-color:#edf0f5; background-repeat:no-repeat; background-position:40px center;} div.sub_cnts > div.intro_box > div.box > p {color:#000; font-size:16px; line-height:26px; word-break:keep-all;} div.sub_cnts > div.intro_box > div.box > p > i.red {font-style:normal;} div.sub_cnts > div.intro_box > div.box > p.red {color:#2A2C7F;} div.sub_cnts > div.intro_box > div.box > span.red {display:block; font-size:14px; margin-top:10px;} div.sub_cnts > div.intro_box > div.box > span.min {display:block; font-size:14px; margin-top:10px;} div.sub_cnts > div.intro_box > div.detail {border:1px solid #e6e6e6; text-align:center;} div.sub_cnts > div.intro_box > div.detail > img {max-width:100%;} div.sub_cnts > div.intro_box > div.detail > p.dot_inline {padding:10px 40px; text-align:left; font-size:0;} div.sub_cnts > div.intro_box > div.detail > p.dot_inline > span.dot {display:inline-block; position:relative; padding-left:15px; line-height:30px; font-size:12px; color:#333; margin-right:50px;} div.sub_cnts > div.intro_box > div.detail > p.dot_inline > span.dot:after {content:''; display:block; position:absolute; top:13px; left:0; width:4px; height:4px; border-radius:50%; background:#4d4d4d;} div.sub_cnts p.num {position:relative; padding-left:23px; line-height:30px; font-size:14px; color:#333;} div.sub_cnts p.num > i {position:absolute; left:0; top:6px; width:16px; height:16px; border:1px solid #9b9b9b; border-radius:50%; font-size:12px; font-style:normal; line-height:16px; text-align:center;} div.sub_cnts strong.num {display:block; position:relative; padding-left:23px; line-height:30px; font-size:16px; color:#333;} div.sub_cnts strong.num > i {position:absolute; left:0; top:6px; width:16px; height:16px; border:1px solid #9b9b9b; border-radius:50%; font-size:12px; font-style:normal; line-height:16px; text-align:center;} div.sub_cnts > p.txt {font-size:14px; line-height:24px; color:#333;} div.sub_cnts p.inner {padding-left:15px;} div.sub_cnts p.dot {position:relative; padding-left:23px; line-height:30px; font-size:14px; color:#333;} div.sub_cnts p.dot:after {content:''; display:block; position:absolute; left:8px; top:11px; width:4px; height:4px; border-radius:50%; background:#4d4d4d;} div.sub_cnts p.point_bold {font-size: 16px;line-height: 32px;font-weight: 900;text-decoration: underline;} div.sub_cnts p.bar {position:relative; padding-left:23px; line-height:30px; font-size:16px; color:#333;} div.sub_cnts p.bar:after {content:''; display:block; position:absolute; left:8px; top:13px; width:5px; height:1px; background:#4d4d4d;} div.sub_cnts .border {font-weight:bold;} div.sub_cnts a.mail {color:#2c3eec; text-decoration:none;} div.sub_cnts .red {color:#2A2C7F;} div.sub_cnts .brown {color:#916e4f;} div.sub_cnts .txt_red {color:red;} div.sub_cnts p.check {position:relative; padding-left:9px; line-height:30px; font-size:14px; color:#333;} div.sub_cnts p.check::before {content:"\e6e0"; display:block; position:absolute; left:-7px; top:-2px; font-family: XEIcon; font-size:12px;} div.sub_cnts > div.img_wrap > img {max-width:100%;} div.sub_cnts > div.tb {overflow:hidden; overflow-x:auto;} div.sub_cnts > div.tb > table {width:100%; min-width:700px; table-layout:fixed; border-collapse:collapse; font-size:16px; line-height:26px; color:#333; border-top:1px solid #5c5f66;} div.sub_cnts > div.tb > h4.table_tit {margin:20px 0; font-weight:600; font-size:16px;} div.sub_cnts > div.tb > h4.table_tit.center {text-align:center;} div.sub_cnts > div.tb > table thead th {background:#f5f5f5;} div.sub_cnts > div.tb > table tbody th {background:#fafafa;} div.sub_cnts > div.tb > table th {padding:12px 10px; border:1px solid #e5e5e5; text-align:center; vertical-align:middle; word-break:keep-all;} /* div.sub_cnts > div.tb > table tr:first-child th {border-top:0 none;} */ div.sub_cnts > div.tb > table td {padding:12px 7px; border:1px solid #e5e5e5; text-align:center; vertical-align:middle; word-break:keep-all;} div.sub_cnts > div.tb > table tr.bg td {background:#fbfbfc;} div.sub_cnts > div.tb > table td.a_l {text-align:left;} div.sub_cnts > div.tb > table th:first-child, div.sub_cnts > div.tb > table td:first-child {border-left:0 none;} div.sub_cnts > div.tb > table th:last-child, div.sub_cnts > div.tb > table td:last-child {border-right:0 none;} div.sub_cnts > div.tb > table .low_height {padding:3px 10px;} div.sub_cnts > div.tb > table.low_height th {padding:3px 10px;} div.sub_cnts > div.tb > table.low_height td {padding:3px 10px;} div.sub_cnts .tb_notice_red {display:block; margin:10px 0; font-size:14px ; color:red;} div.sub_cnts .tb_notice_blue_inner {margin-left:15px; color:#6D7CBD ;} div.sub_cnts > div.ico_box {display:table; width:100%; table-layout:fixed; border-collapse:collapse;} div.sub_cnts > div.ico_box > div {display:table-cell; box-sizing:border-box; width:33.33%; padding:25px 35px 25px 115px; border:1px solid #e6e6e6; border-top-color:#5c5f66; vertical-align:middle; line-height:24px; font-size:16px; word-break:keep-all; color:#2A2C7F; background-repeat:no-repeat; background-position:30px center;} div.sub_cnts ul.process_wrap {display:flex; align-items:center;} div.sub_cnts > div.card_box {overflow:hidden; margin-top:40px;} div.sub_cnts > div.card_box > div.wrap {width:calc(100% + 10px); margin-top:-10px; margin-left:-10px;} div.sub_cnts > div.card_box > div.wrap:after {content:''; display:block;clear:both;} div.sub_cnts > div.card_box > div.wrap > div {position:relative; box-sizing:border-box; display:table; float:left; width:calc(50% - 10px); height:140px; margin-left:10px; margin-top:10px; border:1px solid #e6e6e6; border-collapse:collapse; table-layout:fixed; background-repeat:no-repeat; background-position:right bottom;} div.sub_cnts > div.card_box > div.wrap > div > strong {display:table-cell; text-align:center; vertical-align:middle; width:110px; padding:0 15px; font-size:18px; word-break:keep-all;} div.sub_cnts > div.card_box > div.wrap > div > div {display:table-cell; text-align:left; vertical-align:middle; padding-left:20px; border-left:1px dotted #d9d9d9;} div.sub_cnts > div.card_box > div.wrap > div > div > p.dot {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} div.sub_cnts > div.type_box {border-top:1px solid #5c5f66;} div.sub_cnts > div.type_box > div {padding:25px 0 25px 100px; border:1px solid #e6e6e6; border-top:0 none; background-repeat:no-repeat; background-position:19px center;} div.sub_cnts > div.type_box > div > strong {display:block; box-sizing:border-box; float:left; width:100px; height:46px; border-right:1px dotted #d9d9d9; line-height:46px; font-size:18px; text-align:center;} div.sub_cnts > div.type_box > div > span {display:block; overflow:hidden; padding:13px 20px; font-size:14px; line-height:20px; color:#333; word-break:keep-all;} div.sub_cnts > div.img_border_box {box-sizing:border-box; padding:20px; margin:20px 0 40px; border:1px solid #e6e6e6; border-top-color:#5c5f66; text-align:center;} div.sub_cnts > div.img_border_box > img {display:block; max-width:100%; margin:0 auto;} div.sub_cnts > div.img_border_box > span.txt {display:inline-block; margin-top:15px;} div.sub_cnts > div.img_border_box ul.row {display:flex; align-items:center;} div.sub_cnts > div.img_border_box ul.row > li {display:flex; flex-direction:column; align-items:center; justify-content:center; margin-right:10px;} div.sub_cnts > div.img_border_box ul.row > li:last-child {margin-right:0;} div.sub_cnts > div.img_border_box ul.row.col-4 > li {width:calc((100% - 30px) / 4);} div.sub_cnts > div.img_border_box ul.row > li > img {width:100%;} div.sub_cnts > div.img_border_box ul.row.col-4 > li > span.txt {display:inline-block; margin-top:15px;} div.sub_cnts > div.img_border_box ul.row.col-2 > li {width:calc((100% - 10px) / 2);} div.sub_cnts > div.img_border_box ul.row.col-row-2 {flex-wrap:wrap;} div.sub_cnts > div.img_border_box ul.row.col-row-2 > li {width:calc((100% - 10px) / 2);} div.sub_cnts > div.img_border_box ul.row.col-row-2 > li span.txt {display:inline-block; margin-top:10px;} div.sub_cnts > div.img_border_box ul.row.col-row-2 > li:nth-child(2n) {margin-right:0;} div.sub_cnts > div.img_border_box ul.row.col-row-2 > li:nth-child(n + 3) {margin-top:10px;} div.sub_cnts > p.request_txt {padding:25px 15px; border:1px solid #d6d6d6; margin-bottom:-1px; font-size:14px; line-height:24px; word-break:keep-all; color:#333;} div.sub_cnts > p.request_txt > span.num_txt {display:block; position:relative; padding-left:25px; font-size:14px; line-height:30px; word-break:keep-all;} div.sub_cnts > p.request_txt > span.num_txt > i {display:block; position:absolute; left:0; top:6px; width:16px; height:16px; border:1px solid #999; border-radius:50%; line-height:16px; font-size:12px; font-style:normal; text-align:center; color:#333;} div.sub_cnts > p.request_txt + div.request_box {margin-top:0;} div.sub_cnts > div.request_box {margin-top:55px; padding:15px 15px 15px 30px; border:1px solid #d6d6d6; background-color:#fbfbfc;} div.sub_cnts > div.request_box:after {content:''; display:block; clear:both;} div.sub_cnts > div.request_box > strong {display:block; float:left; padding:8px 10px 8px 30px; font-size:16px; line-height:24px; background:url(../images/icon_chk.png) no-repeat left 10px;} div.sub_cnts > div.request_box > a {display:block; float:right; width:120px; height:40px; line-height:40px; font-size:16px; text-align:center; color:#fff; text-decoration:none; background:#364f60;} div.sub_cnts > div.request_box.play > strong {background-image:url(../images/icon_play.png);} div.sub_cnts > div.request_box.quick > strong {background-image:url(../images/icon_moniter.png);} div.sub_cnts > div.request_box.doc > strong {background-image:url(../images/icon_doc.png);} div.sub_cnts > p.gray_txt_box {margin-top:10px; padding:10px 30px; line-height:30px; font-size:14px; color:#333; background:#f5f5f7; word-break:keep-all;} div.sub_cnts p.no_img {display:block; height:190px; background:#c6c6c6; text-align:center;} div.sub_cnts p.no_img:after {content:'img'; line-height:190px; font-size:24px; color:#fff;} div.sub_cnts > div.qna_box {border:1px solid #e3e4e6;} div.sub_cnts > div.qna_box > strong {display:block; padding:25px 10px 25px 90px; font-size:22px; line-height:30px; background:url(../images/icon_q_box.png) no-repeat 25px 25px;} div.sub_cnts > div.qna_box > p {padding:20px 30px; font-size:14px; line-height:20px; background:#edf0f5;} div.sub_cnts > div.txt_border_box {margin-top:60px; padding:22px; border:3px solid #ebebeb;} div.sub_cnts > div.txt_border_box > strong {display:block; position:relative; margin-bottom:10px; font-size:16px; line-height:24px; color:#93735b;} div.sub_cnts > div.txt_border_box > strong.warning {padding-left:25px;} div.sub_cnts > div.txt_border_box > strong.warning:after {content:'!'; display:block; position:absolute; left:0; top:3px; width:18px; height:18px; text-align:center; line-height:18px; font-weight:normal; border-radius:50%; color:#fff; background:#93735b;} div.sub_cnts > div.txt_border_box > strong > em.point {font-style:normal; color:#2A2C7F;} div.sub_cnts > div.txt_border_box > p {font-size:12px; line-height:24px; color:#666; word-break:keep-all;} div.sub_cnts > div.txt_border_box > p.line {position:relative; padding-left:10px;} div.sub_cnts > div.txt_border_box > p.line:after {content:''; display:block; position:absolute; left:0; top:11px; width:5px; height:1px; background:#666;} div.sub_cnts.benefit div.benefit_box {margin-bottom:120px;} div.sub_cnts.benefit div.flex {display:flex; align-items:center; margin-bottom:60px;} div.sub_cnts.benefit div.flex div.text_wrap p {font-size:15px; font-weight:600; line-height:2;} /* sticky */ .sticky_bar {position:fixed; top:0; left:0; width:100%; height:68px; border-bottom:1px solid #979899; background:#fff; z-index:900; transform:translateY(-100%); opacity:0; transition:all 0.3s;} .sticky_bar.on {transform:translateY(0); opacity:1;} .sticky_bar > div.container:after {content:''; display:block; clear:both} .sticky_bar > div.container > h1 {display:inline-block; float:left; width:140px; height:68px; font-size:0; background-image:url(/modules/bbits/templets/portal/images/footer_logo.png); background-position:0 50%; background-repeat:no-repeat; background-size:contain; vertical-align:middle} .sticky_bar > div.container > h1 > a {font-size:0; display:block; width:100%; height:100%; text-decoration:none;} .sticky_bar > div.container > h3 {display:inline-block; float:right; width:calc(100% - 280px); font-size:20px; line-height:68px} .sticky_bar > div.container > h3:after {content:''; display:block; clear:both} .sticky_bar > div.container > h3 > .nbreadcrumb {float:right; margin-top:15px} div.nbreadcrumb div[data-role=input][data-type=select] > button > i:before {content:'\e910'} div.nbreadcrumb div[data-role=input][data-type=select].extend > button > i:before {content:'\e909'} div.sub_cnts > p{line-height:32px; font-size: 16px;} div.sub_cnts > div.map > div {width:100%;} div.sub_cnts > div.map .root_daum_roughmap .wrap_controllers {display:none;} div.sub_cnts p.map {margin-top:5px; font-size:16px; text-align:center;} div.sub_cnts p.map i {margin-right:5px;} div.sub_cnts div.intro_box > h2 {margin-bottom:30px; font-size:26px; color:#2A2C7F; font-weight:bolder; line-height:1.6;} div.sub_cnts div.intro_box p.intro_txt {margin-bottom:25px; line-height:1.8; font-size:15px; color:#666;} div.sub_cnts div.intro_box p.intro_txt span.intro_point {color:#C40781 ; font-weight:600;} div.sub_cnts div.intro_box h3.sign {font-size:20px; font-weight:bolder; } div.sub_cnts div.intro_box h3.sign > span { margin-left:5px;} div.sub_cnts div.flex_box {display: flex; width: 100%;} div.sub_cnts div.flex_box > div.flex_item {display: flex;} div.sub_cnts div.flex_box > div.flex_item > img {width: 100px; height: 100px;position: absolute;} div.sub_cnts div.flex_box > div.flex_item > div.text_box {min-width: 290px; padding: 25px 0px 25px 108px; border-radius: 50px 18px 18px 50px; background: #F6EDF5; color: #333;font-size: 16px;font-weight: 500;line-height: 24px; /* 171.429% */} div.sub_cnts div.flex_box > div.goal_box {width:calc(33.33%); height:120px; border: 1px solid transparent; border-radius:10px; background-image: linear-gradient(#F6EDF5, #F6EDF5), linear-gradient(135deg, #EB6FA6 13.88%, #611A87 53.34%); background-origin: border-box; background-clip: content-box, border-box; position: relative; background-color: linear-gradient(102deg, rgba(235, 111, 166, 0.10) -60.82%, rgba(97, 26, 135, 0.10) 163.68%);} div.sub_cnts div.flex_box > div.goal_box::before {position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(102deg, rgba(235, 111, 166, 0.10) -60.82%, rgba(97, 26, 135, 0.10) 163.68%); -webkit-background-clip: text; line-height: 36px; z-index: 1;} div.sub_cnts div.flex_box > div.goal_box > span.colored {background: var(--123123, linear-gradient(102deg, #EB6FA6 -60.82%, #611A87 163.68%));background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size:20px;font-style: normal;font-weight: 700;line-height: 25px;} div.sub_cnts div.pink_section {display: flex; margin-top: 20px; width: 100%; height: 300px; background-color: #F4ECF5; border-radius: 5px; justify-content: space-around; padding: 30px 0;} div.sub_cnts div.pink_section > ul {display: block; width: 352px; height: auto; text-align: center; font-size: 13px;} div.sub_cnts div.pink_section > ul > li {padding: 12px 0; background-color: #fff; border-bottom: 1px solid #e2e2e2; border-radius: 5px; } div.sub_cnts div.pink_section > ul > li > span {font-size: 15px;} div.sub_cnts div.pink_section > ul > li.title {height: 30px; line-height: 28px; background: var(--123123, linear-gradient(102deg, #EB6FA6 -60.82%, #611A87 163.68%)); color: #fff; font-size: 18px;} div.sub_cnts div.pink_section > ul > li:last-child {border: none;} div#cqi_cnts {padding: 100px 200px; } div#cqi_cnts h4.tit {margin:30px 0px; font-size: 20px;} div.sub_cnts > div#cqi > table tbody th {text-align: left; background-color: #ebebeb; border:1px solid #cecece;} div.sub_cnts > div#cqi_color > table tbody th {background-color: #ebebeb; border:1px solid #cecece;} div.sub_cnts div#cqi > table > tbody > td {text-align: left;} div.sub_cnts div#cqi > table tbody td {border-right: 1px solid #e5e5e5;border-left: 1px solid #e5e5e5;} div.sub_cnts div#cqi > table tbody th {border-right: 1px solid #e5e5e5;border-left: 1px solid #e5e5e5;} div.sub_cnts > div#cqi > table tbody > tr > td > div[data-role=input] > label > input {width: calc(100% - 12px);height: 40px;padding-left: 10px;border: 1px solid #ddd;} div.sub_cnts > div#cqi > table th {background-color: #ebebeb;} div.sub_cnts div#cqi > table tbody td {word-break: inherit;} div.sub_cnts div.caution_box {display: block;} div.sub_cnts p.caution {color: rgb(224, 66, 66); font-weight: 700;} div.sub_cnts p.ml {margin-left: 17px;} div.sub_cnts div.button_wrap {padding-top: 20px;text-align: center;} div.sub_cnts div.button_wrap > button { width: 65px;height: 40px;line-height: 40px;vertical-align: middle;background: #ddd;border: none;color: #fff;box-sizing: border-box;cursor: pointer;} div.sub_cnts div.button_wrap > button.save {background: #525566;} @media (min-width: 1200px) { div.popup_header { width: 1500px; } } @media (max-width:767px) { main.subpage > div.nbreadcrumb > div.container {padding:0px;} main.subpage > div.nbreadcrumb > div.container > a {border-left:0px solid #e6e4e7;} main.subpage > div.nbreadcrumb > div.container > div[data-role=input] {width:calc((100% - 44px)/2);} main.subpage > div.nbreadcrumb > div.container > div[data-role=input] > button span {padding:0px 10px 0px 10px;} main.subpage > div.nbreadcrumb > div.container > div[data-role=input][data-name=page] {width:calc((100% - 44px)/2);} main.subpage > div.nbreadcrumb > div.container > div[data-role=input][data-type=select] > ul > li {padding:0px 10px 0px 10px;} main.subpage > div.nbreadcrumb > div.container > div[data-role=input][data-type=select] > button {border-right:0px;} main.subpage > div.container > div.context {display:block; margin-top:0;} main.subpage > div.container > div.context > nav {display:none;} main.subpage > div.container > div.context > section {display:block; width:100%; padding:0px 0px 10px 0px;} main.subpage > div.container > div.context > section > h3 {font-size:24px; height:100px; line-height:100px; padding-left:0; text-align:center} main.subpage > div.container > div.context > section > h3 > .nbreadcrumb {display:none} main.subpage > div.container > div.context > section .bg_box {padding:30px 10px 30px 10px} .sticky_bar {min-width:320px} .sticky_bar > div.container > h3 {width:calc(100% - 160px)} .sticky_bar > div.container > h3 > span {display:none} .sticky_bar > div.container > h3 > div.nbreadcrumb > a {display:none} .sticky_bar > div.container > h3 > div.nbreadcrumb > div[data-role=input] {display:none} .sticky_bar > div.container > h3 > div.nbreadcrumb > div[data-role=input]:after {content:none} .sticky_bar > div.container > h3 > div.nbreadcrumb > div[data-role=input][data-name=page] {display:block} div.sub_cnts > div.card_box > div.wrap {width:100%;} div.sub_cnts > div.card_box > div.wrap > div {float:none; width:100%;} } @media (min-width:768px) and (max-width:991px) { /* main.subpage > div.intro {height:88px} */ main.subpage > div.container > div.context {display:block; margin-top:20px;} main.subpage > div.container > div.context > nav {display:none;} main.subpage > div.container > div.context > section {display:block; width:100%; padding:0px 0px 10px 0px;} main.subpage > div.container > div.context > section > h3 {font-size:24px; height:70px; line-height:70px; padding-left:32px;} main.subpage > div.container > div.context > section .bg_box {padding:30px 20px 30px 20px} .sticky_bar > div.container > h3 {width:calc(100% - 160px)} .sticky_bar > div.container > h3 > span {display:none} .sticky_bar > div.container > h3 > div.nbreadcrumb > a {display:none} .sticky_bar > div.container > h3 > div.nbreadcrumb > div[data-role=input] {display:none} .sticky_bar > div.container > h3 > div.nbreadcrumb > div[data-role=input]:after {content:none} .sticky_bar > div.container > h3 > div.nbreadcrumb > div[data-role=input][data-name=page] {display:block} } @media (min-width:992px) and (max-width:1199px) { main.subpage > div.container > div.context {margin-top:40px;} main.subpage > div.container > div.context > nav {width:185px;} main.subpage > div.container > div.context > nav > h2 {font-size:16px;} main.subpage > div.container > div.context > nav > ul > li > a {font-size:13px; padding:15px 18px; word-break:break-word; word-wrap:break-word;} /* main.subpage > div.container > div.context > section {padding:0px 0px 20px 20px;} */ main.subpage > div.container > div.context > nav > ul > li.selected > a {color:#2A2C7F} main.subpage > div.container > div.context > nav > ul > li.selected > a:after {font-size:18px; height:54px; line-height:54px;} .sticky_bar > div.container > h3 {width:calc(100% - 245px)} } @media screen and (max-width:768px){ div[data-role=wrapper] > header > nav > .top_menu > div.container > h1 {max-width:130px;} div[data-role=wrapper] > header > nav {border-bottom:0;} main.subpage > div.intro {padding-top:60%; height:auto;} main.subpage > div.intro .page_info > p {font-size:32px;} main.subpage > div.intro .page_info > span {font-size: 18px;} main.subpage > nav ul > li > a {font-size: 16px;} main.subpage div.context > h3 {margin: 0 0 80px; font-size: 30px;} } @media screen and (max-width:554px){ main.subpage > div.intro .page_info > p {font-size:24px;} main.subpage > div.intro .page_info > span {font-size:16px;} main.subpage div.context > h3 {margin: 0 0 50px; font-size:23px;} div[data-role=intabbar] ul {width:100%; display:flex; align-items:center; overflow-x:auto;} div[data-role=intabbar] > ul > li {min-width:fit-content;} } @media screen and (max-width:480px){ div[data-role=wrapper] > header > nav > .top_menu > div.container > h1 {max-width:110px;} main.subpage > div.intro {padding-top:0; min-height:290px;} main.subpage > div.intro .page_info > p {font-size:24px;} main.subpage > div.intro .page_info > span {font-size:16px;} main.subpage div.context > h3 {font-size:21px;} } /* 게시판 폰트크기 조정 */ main.subpage div[data-role=context][data-module=boarduniv] span, main.subpage div[data-role=context][data-module=boarduniv] p, main.subpage div[data-role=context][data-module=boarduniv] div.sub_cnts > div.all_faq > div.click_faq > a.faq > span, div.sub_cnts > div.all_faq > div.click_faq > div.box_faq > div[data-role=wysiwyg-content] p, div[data-role=button] > button, div[data-role=button] > a, div[data-module=boarduniv] article[data-role=post] > div[data-role=button] > ul[data-role=action] > li > button {font-size:16px;} /* 공간예약 폰트크기 조정 */ main.subpage div[data-role=context][data-module=booking] li, main.subpage div[data-module=booking] div[data-role=input][data-type=select] > button > span, main.subpage div[data-module=booking] div[data-role=toggle] > button, main.subpage div[data-module=booking] ul[data-role=legend] > li > button, main.subpage div[data-module=booking] div[data-role=toggle] > ul > li > button[data-action=application], main.subpage div[data-module=booking] div.helpBlock, div[data-module=boarduniv] article[data-role=post] > div.header > ul > li.hit, div[data-module=boarduniv] article[data-role=post] > div.header > ul > li > b {font-size:16px;} main.subpage div[data-module=booking] ul[data-role=legend] li {font-size: 15px;} main.subpage div[data-module=booking] div[data-role=calendarbar] > h4 {font-size: 30px;} main.subpage div[data-role=context][data-module=booking] li > div.program_text {vertical-align: middle;} div.sub_cnts p.dot, div[data-module=member][data-context^=search_] div.box div.fields > input, div[data-module=member][data-context^=search_] div.box div.buttons > p.alert, div.sub_cnts > div.join div.box_term, label.check_agree > span, ul[data-role=form] > li > label, div.sub_cnts > div.join span.notice, div[data-role=input][data-type=input] > input, div[data-role=input][data-type=select] > button > span, div#ModuleScheduleContext[data-templet=haksa] ul#haksa_schedule li span.date, div[data-role=intabbar] > ul > li > a, div[data-module=eco][data-role=item] > a > div.content span, div[data-module=eco][data-role=item] > a > div.content time, div[data-module=etcform] form#ModuleEtcApplicationForm > ul[data-role=form] li.description p, div[data-module=etcform] form#ModuleEtcApplicationForm > ul[data-role=form] > li.select div div[data-role=inputset].default div[data-role=input][data-type=radio].default > label, ul[data-role=form] > li > div div[data-role=help], div[data-module=attachment][data-templet=default] div.button > span, div[data-module=etcform] div[data-role=input] > div.notification, div[data-module=etcform] div#ModuleEtcformProcessList ul[data-role=table] > li > span, ul[data-role=table] > li.empty, div[data-module=etcform] form#ModuleEtcApplicationForm > ul[data-role=form] li strong, div[data-module=booking] ul[data-role=table] > li > span.title b {font-size: 16px;} div[data-module=member][data-context^=search_] div.box p.message {font-size:20px; line-height:36px;} div[data-module=member][data-context^=search_] h4.title {display: none;} div[data-module=booking] ul[data-role=table] > li > span.title small {font-size:15px;} div[data-module=etcform] form#ModuleEtcApplicationForm > ul[data-role=form] li.description span {font-size: 16px !important;}