@charset "utf-8";

/* =================================================================================
* INFORMATION
* -----------------------------------------------------------------------
* @Author : Cho, Myung Jin (mj-cho@think-tree.co.kr)
* @File Name: Common.css
* @Version: 1.0
* @Create Date: 2018-02-05
* @Update Date: N/A
* @History: N/A
* ================================================================================= */

/* ===== Default ===== */
/* outline:0 none; 웹접근성 및 Tab 이동 시 삭제요망 */
hr {display:none;}
dl,ul,ol,menu,li {list-style:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,label,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0;}
body, * {font-size:14px;color:#6a6a6a;}
/**:not(.gnbTit) {font-family:'NanumGothic','나눔고딕','Nanum Gothic',Dotum,Sans-serif;}*/
html, body {min-width:320px;height:100%;background:#f3f6f9;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:"";content:none;}
i {font-style:normal;}
a {text-decoration:none;color:#555555;}
a img {border:none;}
img {vertical-align: top;}
address, caption, cite, code, dfn, em, th, var {font-style:normal;font-weight:normal;}
caption {display:none;}
.skip-navigation a {display:block;height:1px;width:1px;margin:0 -1px -1px 0;padding:0;overflow:hidden;font-size:0;line-height:0;}
.skip-navigation a:hover,.skip-navigation a:active,.skip-navigation a:focus {position:fixed;top:0;left:0;width:100%;height:auto;padding:8px 0 12px;font-weight:500;font-size:14px;color:#fff;font-family:Tahoma;line-height:1;text-align:center;text-decoration:none;background:black;}
/* ===== Form ===== */
input[type="text"],
input[type="password"],
input[type="file"],
input[type="tel"] {padding:8px 15px;height:32px;border-radius:2px;color:#353535;vertical-align:middle;border:1px solid #7e8c99;box-sizing:border-box;outline:0 none;font-weight:500;-webkit-appearance:none;/*safari, chrome*/}
input[type="text"]:focus,
input[type="password"]:focus,
select:focus {outline:0 none;/*safari, chrome*/}
input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus {background:#fff;}
input[type="text"]:read-only, input[type="password"]:read-only {background:#f3f5f8;font-weight:500;}
input[type=submit] {-webkit-appearance:none;}
input {outline:0 none;/*safari, chrome*/font-family:'NanumGothic','나눔고딕','Nanum Gothic',Dotum,Sans-serif;}
textarea {width:100%;padding:5px;line-height:22px;border:1px solid #7e8c99;border-radius:2px;box-sizing:border-box;outline:0 none;resize:none; font-family:'NanumGothic','나눔고딕','Nanum Gothic',Dotum,Sans-serif;/*safari, chrome*/}
select {padding:0 0 0 5px;height:27px;vertical-align:middle;border:1px solid #b2bbc3;outline:0 none; *height:auto;}
@supports (-webkit-appearance:none) {select {letter-spacing:-0.1em;}} /* for Chrome ≥ 28 & Opera ≥ 14 */
button,
input[type="button"] {outline:none;cursor:pointer;-webkit-appearance:none;border-radius:0;}
iframe {border:0;}

/* file upload */
.fileex_back {position:relative;display:inline-block;overflow:hidden;vertical-align:middle;}
.fileex_back .fileex {position:absolute;left:0;top:0;z-index:5;width:101px;height:30px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: .0;}
.fileex_back .btnSet {position:relative;left:0;top:0;} /*button area*/
.fileex_back .btnSet label {padding:0 10px 0 35px;}
/* placeholder */
::-webkit-input-placeholder {color:#818181;font-style:italic;font-weight:normal;line-height:1;} /* WebKit browsers */
:-moz-placeholder {color:#818181;opacity:1;font-style:italic;font-weight:normal;} /* Mozilla Firefox 4 to 18 */
::-moz-placeholder {color:#818181;opacity:1;font-style:italic;font-weight:normal;}/* Mozilla Firefox 19+ */
:-ms-input-placeholder {line-height:14px;color:#818181 !important;font-style:italic;font-weight:normal;}/* Internet Explorer 10+ */
/* radio */
.radioSet {position:relative;display:inline-block;vertical-align:middle;margin:0 13px 0 0;}
.radioSet input[type="radio"] {position:absolute;opacity:0;left:0;top:0;width:100%;height:22px;}
.radioSet label {position:relative;display:inline-block;font-size:12px;line-height:20px;}
.radioSet label i {display:inline-block;margin:0 10px 0 0;padding:0;width:18px;height:18px;/* line-height:18px; */line-height:20px;border-radius:100%;border:1px solid #7e8c99;background:#fff;vertical-align:middle;text-align:center;}
.radioSet input[type="radio"]:checked + label i:before {content:'';float:left;display:inline-block;width:10px;height:10px;border-radius:50%;margin:3px 0 0 3px;border:1px solid #ff4d5c;background:#ff4d5c;}
.radioSet input[type="radio"]:checked:disabled + label i:before {content:'';display:inline-block;width:10px;height:10px;border-radius:50%;border:1px solid #686f79;background:#686f79;}
.radioSet.noTxt label {padding-left:17px;}
/* checkBox */
.checkSet {position:relative;display:inline-block;vertical-align:middle;margin:0 13px 0 0;}
.checkSet input[type="checkbox"] {position:absolute;opacity:0;left:0;top:0;width:100%;height:20px;}
.checkSet label {position:relative;display:inline-block;font-size:14px;line-height:17px;font-weight:500;}
.checkSet label i {display:inline-block;width:12px;height:12px;padding:2px;margin:-3px 12px 0 0;border:1px solid #7e8c99;background:#fff;vertical-align:middle;}
.checkSet input[type="checkbox"]:checked + label i {background:#ff4d5c;border-color:#ff4d5c;}
.checkSet input[type="checkbox"]:checked + label i:before,
.checkSet input[type="checkbox"]:disabled + label i:before {content:'';display:inline-block;width:10px;height:4px;margin:0 0 6px 0;border:3px solid #fff;border-top:0;border-right:0;background:none;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);}
.checkSet.noTxt label {padding-left:17px;}
.checkSet input[type="radio"] {position:absolute;opacity:0;left:0;top:0;width:100%;height:20px;}
.checkSet input[type="radio"]:checked + label i {background:#ff4d5c;border-color:#ff4d5c;}
.checkSet input[type="radio"]:checked + label i:before {content:'';display:inline-block;width:10px;height:4px;margin:0 0 5px 0;border:3px solid #fff;border-top:0;border-right:0;background:none;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
 }
/* txtSet */
.txtSet {display:table;width:100%;}
.txtSet div {display:table-cell;}
.txtSet div:first-child {width:100px;}
/* telSet */
.telSet {display:table;width:100%;}
.telSet .selectSet {width:100%;}
.telSet div {display:table-cell;padding-right:10px;float:left;box-sizing:border-box;}
.telSet div:first-child {width:100px;padding:6px 0;}
.telSet div:nth-child(4) {padding-right:0;}
/* addSet */
.addArea div.detail {margin-left:100px;}
.addSet {display:table;width:100%;}
.addSet div {display:table-cell;}
.addSet div:first-child {width:100px;}
.addSet div:nth-child(3) {width:80px;text-align:right;}
/* mailSet */
.mailSet,
.mailSet div {display:inline-block;}
/* fileSet */
.fileSet {position:relative;display:inline-block;}
.fileSet input[type="file"] {position:absolute;width:100%;height:100%;opacity:0;}
.fileSet span,
.fileSet input[type="button"],
.fileSet button {display:inline-block;height:32px;text-align:center;white-space:nowrap;vertical-align:middle;padding:5px 18px;background:#fff;border:2px solid #17a6ff;font-size:14px;font-weight:500;color:#191919;box-sizing:border-box;}
/*등록파일 삭제*/
.fileDelete {margin-left:10px;}
.fileDelete span {display:inline-block;height:28px;line-height:24px;color:#353535;outline:0;font-size:14px;border:0 none;border-bottom:1px solid #ced6e2;background:#fff;word-break: break-all;}
.fileDelete .imgdelete {content:'';float:right;display:inline-block;width:30px;height:26px;background:#fff url("../images/bg_btn.png") no-repeat right -2px;cursor:pointer;}
/* select */
.selectSet {position:relative;display:inline-block;height:32px;border:1px solid #7e8c99;box-sizing:border-box;outline:0 none;border-radius:2px;color:#333;background:white;}
.selectSet strong {display:block;position:absolute;top:0;left:0;padding:4px 22px 4px 10px;width:100%;height:100%;line-height:22px;box-sizing:border-box;font-weight:500;color:#353535;font-size:14px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.selectSet strong:after {content:'';position:absolute;right:9px;top:13px;border-right: 3px solid transparent;border-left: 3px solid transparent;border-top: 5px solid #565964;}
.selectSet select {width:100%;height:100%;padding:0 10px 0 10px;opacity:0;filter:alpha(opacity=0);font-size:14px;color:#353535;}
.selectSet select option {font-size:14px;color:#333;background:#fff;}
.selectSet select:disabled {color:red;}
/* Calendar 2018-04-10  */
.calSet {position:relative;display:inline-block;}
.calSet .btnCal {position:absolute;right:1px;top:0;width:31px;height:31px;cursor:pointer;overflow:hidden;border-radius:2px;border:0;background:url("../images/bg_cal.png") no-repeat 6px 6px;}
input.cal {width:140px ;padding:5px 35px 5px 10px;color:#000 !important;font-size:14px;}
input.timepicker {vertical-align:top; -webkit-appearance: none;border:1px solid #cfd8d8 !important;background:#fff !important;color:#303030 !important;}
/* required */
.required {position:relative;}
.required .retxt {display:none;padding:2px 10px;font-size:81%;color:red !important;}
/* ===== Interval ===== */
/* align */
.left {float:left;}
.right {float:right;}
.clearB {clear: both;}
.tLeft {text-align:left !important;}
.tRight {text-align:right !important;}
.tCenter {text-align:center;}
.hide {display:none !important;}
.block {display:block !important;}
.inBlock {display:inline-block;}
.vMiddle {vertical-align:middle !important;}
.vTop {vertical-align:top !important;}
/* space */
.pd0 {padding:0 !important;}
.pd0-ipt {padding:0 !important;}
.pd10 {padding:10px;}
.pd20 {padding:20px;}
.pt10 {padding-top:10px;}
.pb10 {padding-bottom:10px !important;}
.pd-t40 {padding:0 40px 40px;}
.pd40-t20 {padding:20px 40px 40px;}
.pd40 {padding:40px 40px 40px;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px;}
.mg0 {margin:0;}
.mtmb25 {margin:25px 0;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mb5 {margin-bottom:5px;}
.mb0 {margin-bottom:0;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.w50 {width:50px;}
.w65 {width:65px;}
.w80 {width:80px;}
.w90 {width:90px;}
.w100 {width:100px;}
.w120 {width:120px !important;}
.w140 {width:140px;}
.w150 {width:150px;}
.w160 {width:160px;}
.w180 {width:180px !important;}
.w200 {width:200px !important;}
.w215 {width:215px;}
.w300 {width:300px;}
.w325 {width:325px;}
.w400 {width:400px;}
.w500 {width:500px;}
.wHalf {width:50% !important;}
.wWide {width:97%;}
.wFull {width:100%;}
.hWide {height:300px;}
.wFull-ipt {width: 100% !important;}
/*border*/
.bt0 {border-bottom:0px !important;}
/* bg */
.bgBlue {background:#eff3f7 !important;}
.bgSkyblue {background:#00b0f0;}
.bgOrange {background:#ff6600;}
.bgYellow {background:#ffcc00;}
.bgPink {background:#ff6699;}
.bgGreen {background:#2bc191;}
/* txt */
.ftBlack {color:#1a1a1a !important;}
.ftRed {color:#ef5352 !important;}
.ftBlue {color:#0080ed !important;}
.ftGreen {color:#179926 !important;}
.ft12 {font-size:12px;}
.ft14 {font-size:14px !important;}
.ft16 {font-size:16px !important;}
.ft500 {font-weight:500 !important;}
/* 2021-05-07 폰트 스타일 추가 */
.fBlack {color: #333;}
.fBlue {color: #0090ff !important;}
.f500 {font-weight: 500;}
.text-line {text-decoration:line-through;}
.required {font-size:11px !important;color:#ff4d5c !important;}
.ellipsis {display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.pRel {position: relative;}
/**/
.gridSet {display:table;width:100%;}
.gridSet.pdCase .gridItem {padding:0 5px;}
.gridSet.pdCase .gridItem:first-child {padding:0 5px 0 0;}
.gridSet.pdCase .gridItem:last-child {padding:0 0 0 5px;}
.gridSet.pdCase .gridItem div {background:#fff;}
.gridSet.rcCase>div {padding:0 10px;}
.gridItem {display:table-cell;width:100%;}
.gridItem.box {text-align:center;}
.gI-1 {width:10%;}
.gI-2 {width:20%;}
.gI-25 {width:25%;}
.gI-3 {width:30%;}
.gI-4 {width:40%;}
.gI-5 {width:50%;}
.gI-6 {width:60%;}
.gI-7 {width:70%;}
.gI-8 {width:80%;}
.gI-9 {width:90%;}
/**/
.box {padding:15px 20px;margin-bottom:20px;background:#fff;border:1px solid #c4d1de;}
.box p {line-height:28px;font-size:16px;font-weight:500;color:#1b2127;word-break:break-all;}
.databox-line {border:1px solid #ccc;background:#fff;}
/* ===== 공통 기본 Table ===== */
/* list */
.tbls1 {padding:0;}
.tbls1 table {border-collapse:separate;border-spacing:0;width:100%;}
.tbls1 table thead tr th {padding:0 5px;height:38px;color:#fff;font-weight:500;font-size:93%;text-align:center;border-top:1px solid #6b7685;border-bottom:1px solid #6b7685;background:#768395}
.tbls1 table thead tr th em {color:#fff;}
.tbls1 table thead .rsItem {font-size:93%;color:#fff !important;}
.tbls1 table thead .rsItem span {display:none;font-size:100%;color:#fff;}
.tbls1 table thead .rsItem span.showCol {display:inline-block;}
.tbls1 table tbody th {line-height:20px;}
.tbls1 table tbody td {padding:10px 5px;line-height:20px;text-align:center;vertical-align:middle;word-break:break-all;border-bottom:1px solid #e7ebeb;}
.tbls1 table tbody td,
.tbls1 table tbody td div {color:#373737;}
.tbls1 table tbody tr.listTop td {padding:9px 5px;background:#f3f8fa;}
.tbls1 table tbody tr.listTop .rsItem.rsTit {font-weight:500;color:#f71c46;}
.tbls1 table tbody tr:last-child td {border-color:#6b7685;}
.tbls1 table tbody td div a {color:#373737;}
.tbls1 table tbody tr:hover td {position:relative;z-index:5;overflow:hidden;}
.tbls1 table tbody span.showCol {display:none;}
.tbls1 table tbody td.rsdate {padding:10px 2px;letter-spacing:-1px;}
.tbls1 table tbody td.num {width:55px;font-weight:500;}

.tbls1 table.reactive tbody div {display:table;width:100%;}
.tbls1 table.reactive tbody div span {display:table-cell;text-align:center;vertical-align:middle;}
.tbls1 table.reactive tbody div span em {display:none;color:#a9a9a9;}

.tbls1 table.reactive.ver1 tbody div span {width:20%;}
.tbls1 table.reactive.ver1 tbody div span:last-child {width:40%;}
.tbls1 table.reactive.ver2 tbody div span {width:20%;}
/* .tbls1 table.reactive.ver2 tbody div span:nth-child(3) {width:33%;} */

.tbls1 table.reactive.ver3 tbody div span {width:14%;}
.tbls1 table.reactive.ver4 tbody div span {width:33%;}
.tbls1 table.reactive.twoTb {display:none;}
.proSet .proDt .tbls1 .charge {display:table;}

.tbls1 table tfoot span.showCol {display:none;}
.tbls1 .rsGird {display:table;width:100%;}
.tbls1 .rsGird a {display:table;width:100%;vertical-align:middle;line-height:24px;}
.tbls1 .rsGird .rsItem {display:table-cell;text-align:center;vertical-align:middle;box-sizing:border-box;color:#323a45;}
.tbls1 .rsGird .rsItem.rsTit {text-align:left;}
.tbls1 .rsGird .rsItem.rsTit em {color:red;}
.tbls1 .rsViews span {display:none;font-size:12px;}
.tbls1 .rsThumb {padding-right:10px;height:75px;text-align:center;}
.tbls1 .rsThumb img {max-width:100px;max-height:75px;}
.txtEllipsis {text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.tbls1.caseLine table {border-collapse:collapse;}
.tbls1.caseLine th {border:1px solid #6b7685;}
.tbls1.caseLine td {border:1px solid #e7ebeb;}
.tbls1.caseLine tr:last-child td {border-left-color:#e7ebeb !important;border-right-color:#e7ebeb !important;}
.tbls1.caseLine td.last {border-bottom:1px solid #6b7685;}
/**/
.tbls2 {padding:0;}
.tbls2 table {border-collapse:collapse;border-spacing:0;width:100%;border:1px solid #6b7685;}
.tbls2 table thead tr th {padding:0 5px;height:28px;color:#536a8b;font-weight:500;font-size:93%;text-align:center;border:1px solid #e7ebeb;background:#e7ebeb}
.tbls2 table tbody td {padding:5px 3px;line-height:20px;text-align:center;vertical-align:middle;word-break:break-all;border:1px solid #e7ebeb;text-align:center;}
.tbls2 table tbody td,
.tbls2 table tbody td div {color:#373737;}

.mobile {width:100%;}
.mobile .info {height:30px;font-size:16px;color:#23468b;padding-left:7px;}
.mobile table {width:100%;border-top:1px solid #000;border-bottom:1px solid #000;}
.mobile table tr td {padding:10px 5px;border-bottom: 1px solid #e7ebeb;}
.mobile table tr td div span {display:block;height: 25px;}
.mobile table tr td div span:first-child {padding-bottom:5px;font-weight:bold;}
.mobile table tr td div span:nth-child(2) {display:inline-block;margin-right:5px;}
.mobile table tr td div span:nth-child(3) {display:inline-block;}
.mobile table tr td div span em {color:#a9a9a9;}

/* boardBottom & paginate */
.boardBottom {display:inline-block;padding:14px 40px;width:100%;text-align:center;box-sizing:border-box;background:#fff;border-top:1px solid #ced6e2;vertical-align:bottom;}
div.paginate {display:inline-block;margin:0 auto;}
div.paginate span {display:inline-block;height:32px;border:1px solid #8398b7;border-radius:4px;background:#fff;vertical-align:middle;overflow:hidden;}
div.paginate a {display:inline-block;float:left;width:32px;height:32px;line-height:32px;cursor:pointer;border-right:1px solid #8398b7;color:#606060;font-weight:600;text-align:center;background:#e2e9f3;font-size:12px;}
div.paginate a.prev ,
div.paginate a.first,
div.paginate a.last,
div.paginate a.next {width:auto;padding:0 10px;background:#fff;}
div.paginate a:hover {background:#f2586e;color:#fff;}
div.paginate a.on {background:#f2586e;color:#fff;}
div.paginate a:last-child {border-right:0;}
/* write */
.bbsws1 dl {display:table;width:100%;border-bottom:1px solid #ced6e2;}
.bbsws1 dl.topLine {border-top:1px solid #ced6e2;}
.bbsws1 dl:last-child {border-bottom-color:#6b7685;}
.bbsws1 dl dt {position:relative;display:table-cell;width:130px;padding:17px 9px 10px 0px;line-height:24px;vertical-align:middle;font-weight:500;color:#1b2127;word-break:keep-all;} /* 2019-05-22 수정 */
.bbsws1 dl dt:before {content:'';display:inline-block;margin:-4px 10px 0;width:6px;height:6px;border-radius:2px;vertical-align:middle;background:#686f79;} /* 2019-05-22 수정(absolute 제거) */
.bbsws1 dl dt.import:before {background:#ff4d5c;}
.bbsws1 dl dt:after {content:'';display:inline-block;float:right;width:1px;height:26px;background:#ced6e2;vertical-align:middle;} /*2019-05-22 수정 */
.bbsws1 dl dt.noBar:after {display:none;}
.bbsws1 dl dd {display:table-cell;padding:12px 10px 12px 7px;vertical-align:middle;}
.bbsws1 dl dd .selectSet {margin-right:10px;}
.bbsws1 div.filed-3 {display:inline-block;vertical-align:top;}
.bbsws1 div.filed-3 div {display:inline-block;}
.bbsws1 div.phone input {display:inline-block;margin-right:10px;}
.bbsws1 div.filed-btn {display:inline-block;vertical-align:top;}
.bbsws1 div.filed-btn div {display:inline-block;}
.bbsws1 .editorBack {padding:10px;border-bottom:1px solid #eee;}
.bbsws1 .editorBack .title {padding-bottom:10px;}
.bbsws1 .editorBack .title button {margin-left:10px;}
.bbsws1 .cke_chrome {border-radius:2px;border:1px solid #7e8c99;}
.bbsws1 .cke_bottom {display:none;}
.bbsws1 .rswsT {padding:10px;border-bottom:1px solid #eee;}
/* view */
.bbsvs1 .viewTit {width:100%;padding:19px 40px 19px;border-bottom:1px solid #ff4d5c;overflow:hidden;box-sizing:border-box;}
.bbsvs1 .viewTit h3 {display:inline-block;color:#1b2127;font-size:22px;font-weight:500;word-break:break-all;}
.bbsvs1 .viewInfo {float:right;}
.bbsvs1 .viewInfo span:first-child {margin-right:20px;}
.bbsvs1 .viewInfo strong {color:#1b1d20;}
.bbsvs1 .viewInfo strong:after {content:'';display:inline-block;width:1px;height:26px;margin:0 10px;background:#ced6e2;vertical-align:middle;}
.bbsvs1 .fileList {word-break:keep-all;}
.bbsvs1 .fileList dl dt {margin-bottom:10px;font-weight:500;font-size:14px;color:#1b2127;}
/* ===== Tab ===== */
.tab {position:relative;display:inline-block;width:100%;padding:0 0 0 20px;margin-top:20px;height:47px;overflow:hidden;clear:both;border-bottom:1px solid #ff4d5c;box-sizing:border-box;}
.tab span {display:inline-block;padding:0 10px 0 10px;float:left;width:110px;height:46px;text-align:center;background:#fff;border:1px solid #b7c2d1;border-left:0;}
.tab .swiper-wrapper {display:flex;}
.tab span.longTab {width:150px;} /* 2018-04-27 */
.tab span a,
.tab span input[type="button"] {display:block;width:100%;line-height:46px;font-size:14px;color:#414b59;border:0;background:none;font-weight:500;}
.tab span.on {margin:0 0 0px -1px;background:#ff4d5c;border-color:#ff4d5c;}
.tab span.on a,
.tab span.on input[type="button"] {color:#fff;font-weight:500;}
.tab.logTab span {width:150px;}
.tab .btnPrev {display:none;position:absolute;top:-1px;left:0px;z-index:2;width:30px;height:48px;text-indent:-9999px;font-size:0;border:0;background:rgba(237, 109, 108, 0.85) url("../images/btn_swiper_prev_pc.png") no-repeat 50% 50%;background-size:10px auto;}
.tab .btnNext {display:none;position:absolute;top:-1px;right:0px;z-index:2;width:30px;height:48px;text-indent:-9999px;font-size:0;border:0;background:rgba(237, 109, 108, 0.85) url("../images/btn_swiper_next_pc.png") no-repeat 50% 50%;background-size:10px auto;}
.tab.ticketTab {display:block;border-bottom:none;}
/* ===== Btn ===== */
.btnPrint {width:32px;height:32px;border:1px solid #ced6e2;background:url("../images/bg_btn.png") no-repeat;background-position:left -124px;text-indent:-9999px;}
.btnShare {width:32px;height:32px;border:1px solid #ced6e2;background:url("../images/bg_btn.png") no-repeat;background-position:left -163px;text-indent:-9999px;}
.btnEnroll {display:inline-block;height:22px;padding:0 10px;line-height:20px;text-align:center;vertical-align:middle;color:#fff;border-radius:5px;font-weight:500;font-size:12px;background:#f2586e;border:1px solid #d33a46;}
.btnEnroll.white {background:#fff;color:#000;}
.btnEnroll.gray {background:#8398b4;border: 1px solid #8398b4;}
.btnEnroll.blue {background:#4e8ff1;border: 1px solid #4e8ff1;}
.btnFormdow {float:right;height:30px;padding:0 18px 0 10px;line-height:30px;border:2px solid #17a6ff;font-size:14px;font-weight:500;color:#191919;cursor:pointer;}
/**/
.btnSet,
.btnSet * {position:relative;padding:0;display:inline-block;overflow:visible;height:30px;font-weight:normal;color:#666;cursor:pointer;text-decoration:none;white-space:nowrap;border:0;background:#fff;}
.btnSet {height:30px;border:none;overflow:hidden;vertical-align:middle;}
.btnSet * {width:auto;padding:0 10px 0 35px;color:#fff;line-height:28px;text-align:left;vertical-align:middle;background:url("../images/bg_btn.png") no-repeat;}
.btnSet img {padding:0;margin:0;display:block;}
.btnSet input {line-height:25px;}
.btnSet.onlytxt {padding:0;}
.btnSet.onlytxt * {padding:0 6px;color: #666;background:none;}
/**/
.btnSet.search {background-color:#ff4d5c;border:1px solid #d33a46;padding-right:3px;}
.btnSet.search * {background-position:3px -43px;}
.btnSet.refresh {border:1px solid #7e8c99;}
.btnSet.refresh * {padding:0 16px;background-position:left -82px;text-indent:-9999px;}
.btnSet.list {border:1px solid #8398b7;border-radius:4px;}
.btnSet.list * {background-position:left top;color:#606060;font-size:10px;line-height:30px;}
.btnSet.koList {border:1px solid #8398b7;border-radius:4px;}
.btnSet.koList * {background-position:left top;color:#191919;font-size:12px;font-weight:500;line-height:30px;}
.btnSet.myPg {height:32px;border:1px solid #8398b7;}
.btnSet.myPg * {background-position:left -523px;padding:0 20px 0 34px;color:#2e2e2e;font-size:14px;font-weight:500;line-height:30px;}
.btnSet.mpGo {height:32px;padding:0 10px;border:1px solid #8398b7;border-radius:0;}
.btnSet.mpGo * {background-position:left -523px;color:#191919;font-size:12px;font-weight:500;line-height:30px;}
.btnSet.koList.noAngle {height:32px;padding:0 10px;border:1px solid #8398b7;border-radius:0;}
.btnSet.koList.noAngle * {font-size:14px;}
.btnSet.write {height:32px;border:1px solid #8398b7;border-radius:4px;}
.btnSet.write * {height:32px;line-height:32px;background-position:left -241px;color:#191919;padding:0 15px 0 30px;font-size:12px;font-weight:500;}
.btnSet.cancel {height:32px;background-color:#414b59;border:1px solid #414b59;border-radius:4px;}
.btnSet.cancel * {height:32px;line-height:32px;background-position:left -281px;color:#fff;padding:0 15px 0 30px;font-size:12px;font-weight:500;}
.btnSet.prevNext {height:32px;overflow:visible;}
.btnSet.prevNext * {float:left;display:inline-block;width:59px;height:32px;padding:0;margin:0 -1px 0 0;line-height:32px;color:#191919;font-size:10px;text-align:center;border:1px solid #8398b7;box-sizing:border-box;background:none;}
.btnSet.prevNext a:first-child {border-top-left-radius:4px;border-bottom-left-radius:4px;}
.btnSet.prevNext a:last-child {border-top-right-radius:4px;border-bottom-right-radius:4px;}
.btnSet.fBook {background:none;}
.btnSet.fBook * {padding:0 16px;background-position:right -42px;text-indent:-9999px;}
.btnSet.insta {background:none;}
.btnSet.insta * {padding:0 16px;background-position:right -82px;text-indent:-9999px;}
/*.btnSet.twitter {background:none;}
.btnSet.twitter * {padding:0 16px;background-position:right -86px;text-indent:-9999px;}*/
.btnSet.kakao {background:none;}
.btnSet.kakao * {padding:0 16px;background-position:right -122px;text-indent:-9999px;}
.btnSet.naver {background:none;}
.btnSet.naver * {padding:0 16px;background-position:right -164px;text-indent:-9999px;}
.btnSet.yReserve {padding:0;width:120px;height:34px;border:none;background-color:#ff4d5c;}
.btnSet.yReserve * {display:inline-block;width:120px;height:34px;padding:2px 0 0 46px;font-weight:500;box-sizing:border-box;background-position:right -280px;}
.btnSet.pReserve {padding:0;vertical-align:top;width:138px;height:34px;border:none;background-color:#ff4d5c;}
.btnSet.pReserve * {display:inline-block;width:138px;height:34px;padding:2px 0 0 46px;font-weight:500;box-sizing:border-box;background-position:right -520px;}
.btnSet.pRequest {padding:0;width:138px;height:34px;border:none;background-color:#ff4d5c;}
.btnSet.pRequest * {display:inline-block;width:138px;height:34px;padding:2px 0 0 56px;font-weight:500;box-sizing:border-box;background-position:right -560px;}
.btnSet.pWait {padding:0;width:115px;height:34px;border:none;background-color:#ff4d5c;}
.btnSet.pWait * {display:inline-block;width:115px;height:34px;padding:2px 0 2px 42px;font-weight:500;box-sizing:border-box;background-position:-242px -520px;}
.btnSet.btnOrg {padding:0;vertical-align:top;width:138px;height:34px;border:none;}
.btnSet.btnOrg * {display:inline-block;width:138px;height:34px;padding:0 0 0 29px;font-weight:500;box-sizing:border-box;background-position:-220px -560px;}
.btnSet.pQuestion {padding:0;width:120px;height:34px;border:none;background-color:#ff4d5c;}
.btnSet.pQuestion * {display:inline-block;width:120px;height:34px;padding:0 0 2px 46px;font-weight:500;box-sizing:border-box;background-position:right -320px;}
.btnSet.pWrite {padding:0;width:110px;height:34px;border:none;background-color:#ff4d5c;}
.btnSet.pWrite * {display:inline-block;width:110px;height:34px;padding:3px 0 2px 34px;font-weight:500;box-sizing:border-box;background-position:right -360px;}
.btnSet.pminiWrite {padding:0;width:82px;height:34px;border:none;background-color:#ff4d5c;}
.btnSet.pminiWrite * {display:inline-block;width:82px;height:34px;padding:3px 0 2px 34px;font-weight:500;box-sizing:border-box;background-position:right -400px;}
.btnSet.pPay {padding:0;width:138px;height:34px;border:none;background-color:#ff4d5c;}
.btnSet.pPay * {display:inline-block;width:138px;height:34px;padding:3px 0 2px 54px;font-weight:500;box-sizing:border-box;background-position:right -440px;}
.btnSet.receipt * {padding:0 16px;background-position:left -445px;text-indent:-9999px;}
.btnSet.payCancel {width:115px;height:34px;background-color:#ff904d;}
.btnSet.payCancel * {line-height:34px;padding:0 10px 0 40px;background-position:left -475px;}
.btnSet.pPrint {padding:0;width:112px;height:34px;border:none;background-color:#ff4d5c;}
.btnSet.pPrint * {display:inline-block;width:112px;height:34px;padding:3px 0 2px 42px;font-weight:500;box-sizing:border-box;background-position:right -480px;}
/* btnC */
.btnC {display:inline-block;padding:6px 28px;text-align:center;vertical-align:middle;color:#fff;cursor:pointer;background:#a8a8a8;font-weight:500;font-size:14px;}
.btnC.pink {height:34px;background:#ff4d5c;border:1px solid #d33a46;}
.btnC.white {padding:7px 17px;line-height:18px;background:#fff;border:2px solid #17a6ff;color:#191919;}
.btnC.gray {height:34px;background:#8398b4;border:1px solid #8398b4;}
/* btnR */
.btnR {width:133px;height:30px;background:#fff;font-size:14px;border-radius:3px;font-weight:500;border:1px solid #788ba7;}
.btnR.white {background:#fff;color:#565656;}
.btnR.pink {background:#ff4d5c;border:1px solid #d33a46;color:#fff;}
.btnR.blue {background-color:#4e8ff1;border:1px solid #3670c6;color:#fff;}
.btnR.bgBlue {background-color:#e2e9f3;border:1px solid #788ba7;color:#565656;}
/* Icon */
.roundIcon {display:inline-block;width:83px;height:24px;line-height:24px;text-align:center;vertical-align:middle;color:#fff;border-radius:12px;font-weight:500;font-size:14px;background:#a1a6a7;}
.roundIcon.green {background:#30b96d;}
.roundIcon.lightGreen {background:#8acb4b;}
.roundIcon.purple {background:#ae4bcb;}
.notIcon {display:inline-block;height:20px;padding:0 10px;line-height:20px;text-align:center;vertical-align:middle;color:#fff;border-radius:5px;font-weight:500;font-size:12px;background:#f2586e;border:1px solid #d33a46;}
.stateIcon {position:relative;display:inline-block;width:104px;height:30px;line-height:30px;text-align:center;vertical-align:middle;color:#fff;font-weight:500;font-size:16px;background:#9ea5a8;}
.stateIcon.green {background:#08bf6f;}
.stateIcon.pink {background:#f2586e;}
.stateIcon.pink:after {content:'';position:absolute;display:inline-block;right:1px;bottom:1px;width:8px;height:8px;background:url('../images/bg_btnArrow.png') no-repeat;}
.stateIcon.blue {background:#5887f2;}
.stateBtn {position:relative;display:inline-block;width:64px;height:26px;line-height:26px;text-align:center;vertical-align:middle;color:#fff;font-weight:500;font-size:12px;border-radius:3px;background:#9ea5a8;}
.stateBtn.green {background:#08bf6f;}
.stateBtn.pink {background:#f2586e;}
.stateBtn.blue {background:#5887f2;}
/* sportIcon */
.sportIcon {display:inline-block;margin-right:5px;color:#505965;font-weight:500;vertical-align:bottom;}
.sportIcon:before {content:'';display:inline-block;width:30px;height:24px;margin:0 5px;background:url('../images/icon_sport.png') no-repeat;vertical-align:middle;}
.sportIcon1:before {background-position:center top;}
.sportIcon2:before {background-position:center -24px;}
.sportIcon3:before {background-position:center -48px;}
.sISet {display:inline-block;margin:0 0 0 5px;vertical-align:middle;}
.sISet .sportIcon {margin:0;}
.sISet .sportIcon:before {margin:0 0 !important;}
.sISet .sportIcon1:before {width:24px;}
.sISet .sportIcon2:before {width:20px;}
.sISet .sportIcon3:before {width:20px;}
/* 목록 정렬 */
.sort {display:inline-block;margin:0 0 0 2px;padding:0;height:18px;width:9px;border:0;font-size:0;line-height:10000%;overflow:hidden;cursor:pointer;border:none;vertical-align:middle;background:url("../images/bg_btn.png") no-repeat;background-size:500px auto;background-position:right -320px;}
.sort.sup {background-position:-464px -320px;}
.sort.sdown {background-position:-426px -320px;}
.sort.sre {background-position:right -320px;}
/* 첨부파일 셋트 */
.fileSelected {display:inline-block;color:#ff2436;font-weight:500;line-height: 24px;}
.fileDown, .fileAdd {display:inline-block;padding:0;height:28px;width:28px;border:0;font-size:0;line-height:-9999px;overflow:hidden;cursor:pointer;border:none;vertical-align:middle;background:#fff url("../images/bg_btn.png") no-repeat left -100px;vertical-align:top;}
.fileDown {background-position:left -204px;}
.fileAdd {background-color:#40b0ff;background-position:-432px top;}
.attfile {display:inline-block;}
.attfile span {display:inline-block;width:25px;height:25px;font-size:0;line-height:10000%;vertical-align:middle;overflow:hidden;background: url("../images/bg_btn.png") no-repeat right -160px;background-size:500px auto;}
.attfile strong {margin:0 0 0 5px;color:#ed6d6c;font-size:14px;}
/* 선택된 이미지 */
.imgselected {clear:left;display:inline-block;vertical-align:middle;}
.imgselected span {display:inline-block;padding:3px 5px 4px 5px;line-height:18px;border:1px solid #b2bbc3}
.imgselected a {display:inline-block;padding:3px 5px 4px 5px;line-height:18px;border:1px solid #b2bbc3;text-decoration:underline;word-break: break-all;}
.imgdelete {display:inline-block;margin:0;padding:0;height:10px;width:12px;border:0;font-size:0;line-height:10000%;overflow:hidden;cursor:pointer;border:none;vertical-align:middle;background:url("../images/bg_btn.png") no-repeat right -450px}
/* 언어선택 */
/*.youthCase .gnbBack .gnbImg {position:relative;}
.youthCase .gnbBack .gnbImg div {position:absolute;top:50%;left:50%;margin:-40px 0 0 -130px;width:260px;padding:5px 0;box-shadow:0 0 10px rgba(255,255,255, .2);background:rgba(0,0,0,.5);}
.youthCase .gnbBack .gnbImg div strong:first-child {display:inline-block;width:100%;padding:0 0 10px;color:#fff;}*/
.topLang {position:relative;z-index:5;clear:left;display:inline-block;height:28px;padding:0 0 0 48px;line-height:34px !important;background:url('../images/bg_btn.png') no-repeat left -403px;}
.topLang .selectSet {height:28px;border:1px solid #7d8698;background:transparent;border-radius:0;}
.topLang .selectSet strong {padding:0 0 0 12px !important;line-height:24px;font-size:12px !important;font-weight:500;font-family: '맑은 고딕', 'Malgun Gothic';text-align:left;}
.topLang .selectSet strong:after {top:11px;border-top:5px solid #7d8698;}
.topLang .selectSet select {width:97px;height:26px;vertical-align:top;}
/* 정의형 목록 */
.dlStyle {display:table;table-layout:fixed;width:100%;}
.dlStyle .tt {position:relative;display:table-cell;width:90px;padding:15px 7px 10px 30px;font-size:16px;vertical-align:top;font-weight:500;color:#1b2127;word-break:keep-all;}
.dlStyle .tt:before {content:'';position:absolute;left:0;top:22px;display:inline-block;width:6px;height:6px;/* margin:-4px 10px 0 0; */margin:0 10px 0 9px;border-radius:2px;vertical-align:middle;background:#ff4d5c;}
.dlStyle .detail {display:table-cell;padding:10px 10px 30px 7px;vertical-align:top;}
.dlStyle.vCase .tt {display:inline-block;width:100%;}
.dlStyle.vCase .detail {float:left;display:table-cell;width:50%;box-sizing:border-box;}
/* wFull 수평선 */
hr.line {display:block;margin:0;border-top:1px solid #ff4d5c;}
/* root */
.root {display:inline-block;padding-right:10px;/* line-height:24px; */line-height:32px;vertical-align:middle;}
.root a {color:#5f6d81;font-size:12px;}
.root a.rootTit:before {content:'';display:inline-block;width:16px;height:20px;background:url('../images/bg_btn.png') no-repeat left -329px;vertical-align:middle;}
.root span {font-weight:500;color:#ff4d5c;font-size:12px;}
.root a:before, .root span:before {content:'>';padding:0 7px;color:#5f6d81;font-weight:normal;font-size:11px;}
/* 목록 상단 공통 */
.boardTop {display:inline-block;position: relative;width:100%;padding:0 0 10px;box-sizing:border-box;}
.boardTop .total {float:left;padding:23px 0 0;color:#444a54;font-size:15px;}
.boardTop .total.onCase {padding:0 23px 0 0;}
.boardTop .total strong {color:#444a54;font-size:15px;}
.boardTop .total strong:before {content:'';display:inline-block;width:6px;height:6px;margin-right:14px;background:#686f79;border-radius:1px;vertical-align:middle;}
.boardTop .searchArea {float:right;margin-top:17px;}
/* 2021-05-07 추가 */
.boardTop .selectSet {float: right;margin: 17px 10px 0 0;}
.boardTop .selectSet.right {margin-right: 0}

/* 검색 */
.list-search {position:relative;display:inline-block;margin:-1px 5px;}
.list-search span {display:none;width:28px;height:28px;}
.list-search span input.search-v {position:absolute;right:0;bottom:6px;display:inline-block;width:30px;height:30px;line-height:100000%;border:none;overflow:hidden;background:white url("../images/bg_btn.png") no-repeat -465px -200px;background-size:500px auto;border:1px solid #cfd8d8;}
.list-search div {position:relative;display:inline-block;height:28px;border:1px solid #9eb0b4;vertical-align:middle;}
.list-search div input[type="text"] {position:relative;width:140px;height:28px;line-height:28px;vertical-align: top;border:0;}
.list-search div input[type="text"]:focus {box-shadow:none;}
.list-search div input.search-icon {position:absolute;right:0;top:0;display:inline-block;width:28px;height:28px;line-height:100000%;border:none;overflow:hidden;background:white url("../images/bg_btn.png") no-repeat -465px -200px;background-size:500px auto;cursor:pointer;}
.list-search div input.search-close {position:absolute;right:0;top:0;display:none;width:20px;height:20px;line-height:100000%;border:none;overflow:hidden;background:white url("../images/btn_search_close.png") no-repeat;background-size:20px auto;}
/**/
.search-v {float:right;width:32px;height:32px;text-indent:-9999px;font-size:0;border-radius:4px;border:none;overflow:hidden;background:white url("../images/bg_btn.png") no-repeat left -364px;border:1px solid #cfd8d8;}
.search-v.mOn {border-color:#98a5b6;}
.mScharea {display:none;}
.pcScharea.mOn {position:relative;}
.pcScharea.mOn .searchArea {position:relative;z-index:5;left:0;top:0;margin:-1px 0 0;padding:10px 10px;background:#fff;border:1px solid #98a5b6;}
.pcScharea.mOn .searchArea input.ml5 {margin:8px 0 0;width:calc(100% - 129px);}
.pcScharea.mOn .searchArea .calSet {width:calc((100% - 17px)/2);}
.pcScharea.mOn .searchArea .calSet input.cal {width:100%;}
.pcScharea.mOn .searchArea .btnSet {margin-top:8px;}
/**/
.iTxt {padding:10px 0 0;}
.iTxt li {position:relative;padding:3px 0 3px 15px;font-size:12px;color:red;}
.iTxt li:before {position:absolute;content:'*';left:0;top:3px;}
/* ===== Error ===== */
#error {position:absolute;z-index:2000;top:50%;left:50%;margin:-225px 0 0 -400px;display:table-cell;padding:60px 0 0;width:800px;height:450px;color:#333;vertical-align:middle;text-align:center;box-sizing:border-box;border:1px solid #ccc;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;box-shadow:0 1px 10px rgba(0,0,0,.2);background:#fff;}
#error h1 {position:relative;padding-bottom:40px;font-size:28px;color:#3c3c3c;}
#error h1 span {color:#1869d7;}
#error h1:after {content:"";display:block;position:absolute;top:45px;left:50%;margin-left:-17px;width:34px;height:2px;background:#c5c5c5;}
#error strong {padding-bottom:40px;font-size:40px;line-height:1;color:#08408e;display:block;}
#error div {padding:0;line-height:22px;}
#error div strong {padding-bottom:20px;color:#696969;font-weight:bold;font-size:14px;}
#error p {padding:20px 0 20px;color:#777777;}
#error p a {display:block;margin:20px auto;width:200px;height:30px;line-height:30px;color:white;background:#666;cursor:pointer;}
#error .btnC {border:none;}
/* ====================== */
/* Project library */
/* ====================== */
/* ===== Common ===== */
html, body {text-align:center;background:#323a45;}
#wrap {position:relative;}
#wrap .comBack {float:none;margin:0 auto;width:1280px;text-align:center;box-sizing:border-box;}
.basicLnb {position:fixed;z-index:10;top:0;width:100%;height:78px;border-bottom:1px solid #98a5b6;background:#fff;}
.basicLnb.introCase:after {position:absolute;top:0;left:0;z-index:0;content:'';height:52px;width:100%;background:#fff;}
.basicLnb .comBack {position:relative;}
.basicLnb .comBack>h1 a {display:block;height:100%;}
.basicLnb h1 {position:absolute;top:25px;left:28px;z-index:4;display:inline-block;width:249px;height:24px;text-indent:-9999px;overflow:hidden;background:url("../images/img_top_logo.png") no-repeat;}
.basicLnb ul {position:relative;z-index:5;display:inline-block;margin:30px auto 0;height:47px;border-top:1px solid #98a5b6;border-right:1px solid #98a5b6;background:#f5f5f5;}
.basicLnb ul li {float:left;height:47px;width:133px;border-left:1px solid #98a5b6;}
.basicLnb ul li a {display:block;padding:0;height:48px;line-height:46px;font-size:14px;color:#76777a;font-family:'NanumGothic';box-shadow:inset 0 1px 0 #fff;}
.basicLnb ul li.on {position:relative;z-index:5;border-bottom:1px solid #fff;background:#fff;}
.basicLnb ul li.on a {font-size:17px;font-weight:bold;font-family:'NanumSquare';}
.basicLnb .comBack div {position:absolute;top:0;right:0;z-index:4;display:inline-block;text-align:right;}
.basicLnb .comBack div span.topGo {display:inline-block;width:100%;height:32px;}
.basicLnb .comBack div span.topGo a {color:#484848;font-weight:500;font-size:14px;font-family:'NanumGothic';}
.basicLnb .comBack div span.topGo a:after {content:'';display:inline-block;width:1px;height:14px;margin:-4px 10px 0 10px;vertical-align:middle;background:#6a6a6a;}
.basicLnb .comBack div .selectSet {border:0 none;background:none;text-align:left;vertical-align: middle;}
.basicLnb .comBack div .selectSet select {width:auto;padding:0;}
.basicLnb .btnBack {position:absolute;top:0;left:60px;width:78px;height:78px;text-indent:-9999px;overflow:hidden;border:none;background:url(../images/btn_prev.svg) no-repeat center;background-size:40% auto;}

.basicLnb .comBack div .selectSet strong {width:auto;margin-top:0;padding-left:0;line-height:20px;text-align:left;font-family: 'NanumGothic';}
.basicLnb .topGo2 {display:inline-block;border:1px solid #98a5b6;border-bottom:0;vertical-align:top;}
.basicLnb .topGo2 a.topSearch {float:left;display:inline-block;width:45px;height:45px;text-indent:-9999px;font-size:0;overflow:hidden;background:url('../images/btn_topSearch.png') no-repeat;}
.basicLnb .topGo2 span.goSitemap {float:left;display:inline-block;height:45px;width:45px;vertical-align:middle;border-left:1px solid #bcbcbc;}
.basicLnb .topGo2 span.goSitemap a {display:inline-block;height:45px;width:45px;text-indent:-9999px;font-size:0;overflow:hidden;background:url("../images/btn_sitemap.png") no-repeat;vertical-align:top;}
.basicLnb .goMnav {position:absolute;right:0;top:0;z-index:4;display:none;height:45px;width:45px;vertical-align:middle;text-indent:-9999px;overflow:hidden;border:none;/* border-left:1px solid #bcbcbc; */background:url("../images/btn_menu_m.png") no-repeat center center;background-size:23px auto;}
.gnbBack {position:relative;float:none;display:block;padding:78px 0 0;background:#fff;}
.gnbBack:after {position:absolute;z-index:2;content:'';display:inline-block;bottom:-48px;left:0;width:100%;height:150px;border-bottom:7px solid #fa4b60;background:url('../images/bg_gnb_center.png') repeat-x;}
.gnbBack h2 {height:136px;text-align:center;}
.gnbBack h2 span.gnbTit {position:relative;z-index:5;cursor:pointer;display:inline-block;margin:0 auto;width:1280px;line-height:138px;font-size:44px;font-family:'NanumSquareRound';font-weight:bold;}
.gnbBack h2 span.gnbTit em {font-size:26px;font-weight:bold;font-family:'NanumSquare' !important;}
.gnbBack h2 span.gnbTit a {position:absolute;top:30px;right:0;z-index:5;display:inline-block;width:148px;height:75px;padding:6px 58px 0 13px;text-align:left;color:#fff;font-size:20px;line-height:32px;font-weight:500;box-sizing:border-box;background:url("../images/bg_goOnline.png") no-repeat;}
.gnbBack .mainSwiper {height:640px;border-top:1px solid #98a5b6;overflow:hidden;}
.gnbBack .gnbImg {position:relative;width:100%;}
.gnbBack .gnbImg.mobile {display:none;}
.gnbBack .scollPos {position:absolute;z-index:5;display:inline-block;left:0;bottom:12px;width:100%;margin:0 0 0 0;}
.gnb {padding:10px 30px;}
.gnb ul {float:none;display:table;width:100%;box-sizing:border-box;}
.gnb ul>li {display:table-cell;position:relative;padding:0 2px;height:134px;}
.gnb ul>li span {display:inline-block;height:134px;width:100%;background:#fa4b60;box-shadow:0 4px 8px rgba(0,0,0,.3);}
.gnb ul>li span a {display:block;height:134px;line-height:130px;font-size:29px;color:#fff;font-family:'NanumSquareRound';font-weight:bold;text-shadow:0 3px 1px rgba(0,0,0,.3);}
.gnb ul>li span.on a {font-weight:bold;}
.gnb ul>li ol {position:absolute;z-index:5;left:2px;right:2px;bottom:134px;padding:10px 0;display:none;background:rgba(0,0,0,.6);}
.gnb ul>li ol li {padding-bottom:5px;} /*2019-05-23*/
.gnb ul>li ol a {padding-bottom:5px;color:#fff;font-size:26px;font-family:'NanumSquareRound';font-weight:500;} /*2019-05-23*/
.gnb ul>li:hover ol {display:block;}
.gnbBack .scollPos.on {position:fixed;top:79px;bottom:auto;z-index:5;border-bottom:1px solid #98a5b6;background:#fff;}
.gnbBack .scollPos.on .gnb ul>li {height:62px;}
.gnbBack .scollPos.on .gnb ul>li span {height:62px;box-shadow:none;}
.gnbBack .scollPos.on .gnb ul>li span a {height:62px;line-height:60px;}
.gnbBack .scollPos.on ol {top:62px;bottom:auto;}
.gnbBack.subCase .gnbImg {background-size:100% auto !important;}
.gnbBack.subCase .mainSwiper {display:none;}

/* Mobile nav */
.navCase {background:#fff;}
.navCase .topGo {height:45px;background:#e7ebf1;}
.navCase .topGo .goArea {height:45px;padding:0 18px;line-height:45px;text-align:left;}
.navCase .topGo .goArea a {color:#545a63;font-size:12px;font-weight:500;}
.navCase .topGo .goArea a:first-child:after {content:'';display:inline-block;width:1px;height:10px;margin:0 15px 0 18px;background:#545a63;vertical-align:middle;}
.navCase .topGo .selectSet {position:absolute;top:6px;right:10px;border:none;background:none;}
.navCase .topGo .selectSet strong {color:#545a63;}
.navCase ul li {text-align:left;}
.navCase ul.depth_1>li strong {display:inline-block;width:100%;box-sizing:border-box;}
.navCase ul.depth_1>li strong {position:relative;display:block;padding:12px 20px;font-family:'NanumSquareRound';font-size:19px;color:#999;border-bottom:1px solid #999;}

.navCase ul.depth_1>li strong:after {content: "";position: absolute;right:25px;top:15px;display:inline-block;width:12px;height:12px;background:url('../images/btn_gnb_more.png') no-repeat;background-size:72px auto;}
.navCase ul.depth_1>li.notDept strong:after {display: none;}
.navCase ul.depth_1>li.on>strong {color:#fff;background:#999;}
.navCase ul.depth_1>li.on>strong:after {background-position:-60px top;}
.navCase ul li.center strong{color:#fa4b60;border-color:#fa4b60;}
.navCase ul li.center strong:after {background-position:-12px top;}
.navCase ul li.center.on>strong {background:#fa4b60;border-color:#f03509;}
.navCase ul li.global>strong {color:#f37823;border-color:#f37823;}
.navCase ul li.global>strong:after {background-position:-24px top;}
.navCase ul li.global.on>strong {background:#f37823;border-color:#f37823;}
.navCase ul li.well>strong {color:#0660ad;border-color:#0660ad;}
.navCase ul li.well>strong:after {background-position:-36px top;}
.navCase ul li.well.on>strong {background:#0660ad;border-color:#0660ad;}
.navCase ul li.youth>strong {color:#00a36b;border-color:#00a36b;}
.navCase ul li.youth>strong:after {background-position:-48px top;}
.navCase ul li.youth.on>strong {background:#00a36b;border-color:#00a36b;}
.navCase ul.depth_1>li.youth strong:after {display:none;} /*2019-06-14*/
.navCase ul.depth_2 {display:none;border-bottom:1px solid #e7e7e7;}
.navCase ul.depth_2>li {margin:0 20px;}
.navCase ul.depth_2>li strong {position:relative;display:block;padding:12px;font-size:14px;color:#506178;font-weight:500;border-bottom:1px solid #e7e7e7;font-family:'NanumGothic';}
.navCase ul.depth_2>li:last-child strong {border-bottom:none;}
.navCase ul.depth_2>li strong:after {content:'';position:absolute;right:5px;top:15px;display:inline-block;width:10px;height:10px;background:url('../images/btn_gnb_arrow.png') no-repeat;background-size:30px auto;background-position:-20px top;}
.navCase ul.depth_2>li.sub strong:after {background-position:-10px top;}
.navCase ul.depth_2>li.sub.on >strong:after {background-position:left top;}
.navCase ul.depth_2>li a {display:block;}
.navCase ul.depth_2 li:last-child ul.depth_3 {margin-bottom:5px;}
.navCase ul.depth_3 {display:none;overflow:hidden; background:#e7e7e7;}
.navCase ul.depth_3 li {float:left;display:inline-block;width:56%;padding: 0 5px;box-sizing:border-box;}
.navCase ul.depth_3 li:nth-child(2n+2) {width:44%;}
.navCase ul.depth_3 li:nth-child(2n+2) a {padding:12px 0;}
.navCase ul.depth_3 li>a {display:inline-block;width:100%;padding:12px 0px 12px 12px;font-size:12px;color:#5a5a5a;box-sizing:border-box;}
.navCase ul.depth_3.activity li {width:50%;}
.navCase ul.depth_3.activity li:nth-child(2n+2) {width:50%;}
.navCase ul.depth_3 li.wFull {width:100%;padding:5px;font-size:12px;font-weight:500;word-break:keep-all;border-bottom:1px solid #999;}
.navCase .bottomBox {padding:10px 20px;}
.navCase .bottomBox:after {content:"";display:block;clear:both;}
.navCase .bottomBox a {display:inline-block;float:left; width:calc(50% - 5px);height:44px;line-height:44px;background:#eee;color:#373737;font-size:14px;font-weight:600;font-family: 'NanumGothic'}
.navCase .bottomBox a:nth-child(2) {float:right;}
/**/
.centerCase .basicLnb ul li.on a {color:#f03509;}
.centerCase .gnbBack h2 span.gnbTit {color:#f03509;}
.centerCase .gnb ul>li {width:16%;}
.centerCase .gnb ul>li span {background:#fa4b60;}
.centerCase .gnbBack:after {bottom:-353px;height:455px;border-bottom:7px solid #fa4b60;background:url('../images/bg_gnb_center.png') repeat-x;}
/* .centerCase .gnbBack .gnbImg {background:url('../images/bg_newBanner01.png') no-repeat center top;} */
/* .centerCase .gnbBack.subCase:after {bottom:-48px;height:150px;} */
.centerCase .gnbBack.subCase .gnbImg {background:url('../images/bg_newBanner01.png') no-repeat center top;}

.globalCase .basicLnb ul li.on a {color:#f37823;}
.globalCase .gnbBack h2 span.gnbTit {color:#f37823;}
.globalCase .gnb ul>li {width:20%;}
.globalCase .gnb ul>li span {background:#fbae20;}
.globalCase .gnbBack:after {border-bottom:7px solid #f46a0b;background:url('../images/bg_gnb_global.png') repeat-x;}
/* .globalCase .gnbBack .gnbImg {background:url('../images/bg_newBanner02.png') no-repeat center center;} */
.globalCase .gnbBack h2 span.gnbTit a {background-position:left -75px;}
.globalCase .gnbBack.subCase .gnbImg {background:url('../images/bg_newBanner02.png') no-repeat center top;}

.dreamCase .basicLnb ul li.on a {color:#0660ad;}
.dreamCase .gnbBack h2 span {color:#0660ad;}
.dreamCase .gnb ul>li {width:20%;} /* 2018-04-27 */
.dreamCase .gnb ul>li span {background:#09aeee;}
.dreamCase .gnbBack:after {border-bottom:7px solid #09aeee;background:url('../images/bg_gnb_dream.png') repeat-x;}
/* .dreamCase .gnbBack .gnbImg {background:url('../images/bg_newBanner03.png') no-repeat center center;} */
.dreamCase .gnbBack h2 span.gnbTit a {background-position:left -150px;}
.dreamCase .gnbBack.subCase .gnbImg {background:url('../images/bg_newBanner03.png') no-repeat center top;}

.youthCase .basicLnb ul li.on a {color:#00a36b;}
.youthCase .gnbBack h2 span.gnbTit {padding:26px 0 0 0;line-height:50px;color:#00a36b;box-sizing:border-box;}
.youthCase .gnb ul>li {width:16%;}
.youthCase .gnb ul>li span {background:#20bd6a;}
.youthCase .gnbBack:after {bottom:-353px;height:455px;border-bottom:7px solid #20bd6a;background:url('../images/bg_gnb_youth.png') repeat-x;}
.youthCase .gnbBack .gnbImg {background:url('../images/bg_newBanner04.png') no-repeat center center;}
/*.youthCase .gnbBack.subCase:after {bottom:-48px;height:150px;}*/
.youthCase .gnbBack h2 span.gnbTit a {background-position:left -225px;}

.memberCase .gnb ul>li {width:25%;}
.memberCase .gnbBack .gnbImg {background:url('../images/bg_newBanner05.png') no-repeat center center;}

.myCase .gnb ul>li {width:16.6%;}
.myCase .gnbBack .gnbImg {background:url('../images/bg_newBanner06.png') no-repeat center center;}

.searchCase .gnbBack .gnbImg {background:url('../images/bg_newBanner07.png') no-repeat center center;}

.guideCase .gnb ul>li {width:25%;}
.guideCase .gnbBack .gnbImg {background:url('../images/bg_newBanner08.png') no-repeat center center;}

.infoCase .gnb ul>li {width:25%;}
.infoCase .gnbBack .gnbImg {background:url('../images/bg_newBanner09.png') no-repeat center center;}

.gnbBack.subCase:after {bottom:0;background:none;}
.gnbBack.subCase .gnbImg {height:210px;}
.gnbBack.subCase .scollPos {bottom:28px;}
.gnbBack.subCase .scollPos.on {bottom:auto;}
.gnbBack.subCase .scollPos ol {top:134px;bottom:auto;}
.gnbBack.subCase .scollPos.on ol {top:62px;bottom:auto;}
/**/
#container * {font-family:'NanumGothic','나눔고딕','Nanum Gothic',Dotum,Sans-serif;}
#container .bgWhite {background:#fff;}
#container .bgGray {background:#e2e2e2 url('../images/bg_gray.png') repeat;}
#container.subMain {margin:48px 0 0;background:#fff;}
#container.subMain .comBack {width:1108px;}
#container.subCase .comBack {width:1080px;}
/* footer */
#footer .footAddress {background:#414b59;font-family: 'NanumGothic';}
.footAddress {padding:20px 0;}
.footAddress .addBox {position:relative;width:955px;margin:0 auto;}
.footAddress div img {float:left;padding-right:19px;padding-bottom:35px;margin-right:15px;border-right:1px solid #c0c2c8;}
.footAddress .txtBox {overflow:hidden;}
.footAddress .txtBox span {display:block;text-align:left;}
.footAddress .info {color:#b2bcce;font-family:'Malgun Gothic';font-size:12px;}
.footAddress .link a {display:inline-block;margin-bottom:7px;color:#ececec;font-weight:500;font-size:14px;}
.footAddress .link a:after {content:'';display:inline-block;width:1px;height:14px;margin:0 9px 0 15px;background:#c0c2c8;vertical-align:middle;}
.footAddress .link a:last-child:after {display:none;}
.footAddress .siteBox {position:absolute;right:0;top:0;}
.footAddress .siteBox .siteSet {margin-top:5px;}
.footAddress .siteSet {height:22px;border-radius:4px;box-shadow:2px 2px 2px rgba(0,0,0,.6),inset 0 1px 1px #fff;border:0;background:#e1e9ef;vertical-align:top;}
.footAddress .siteSet strong {font-family:'Malgun Gothic' !important;font-size:11px;font-weight:500;line-height:13px;}
.footAddress .siteSet strong:after {top:9px;}
.footCopy {padding:6px 20px;font-family:'Malgun Gothic' !important;font-size:12px;color:#888;}
/* ===== Main ===== */
 /*#container.mainCase {position:fixed;z-index:20;left:0;top:0;right:0;bottom:0;width:100%;background:#fff;}
.mainCase .comBack {padding:50px 0;}
.mainCase h2 {padding:50px 0 20px;}
.mainCase ul {float:none;display:table;width:100%;box-sizing:border-box;}
.mainCase ul>li {display:table-cell;width:25%;padding:0 5px;text-align:center;} 2018-04-24 */
/* ===== Sub ===== */
#container.subMain.on {padding:0 0 0 0;}
#container.subCase {padding:48px 0 20px;background:#f1f3f6;}
#container.subCase.on {padding:48px 0 20px 0;}
#container.subCase .comBack {padding:0;text-align:left;border:1px solid #ced6e2;background:#fff;}
#container.subCase .conPos {position:relative;padding:0 40px 0 40px;height:64px;box-sizing:border-box;text-align:left;border-bottom:1px solid #ced6e2;}
#container.subCase .conPos h2 {display:inline-block;color:#39414b;font-size:26px;line-height:60px;font-family:'NanumSquare';font-weight:bold;/*font-family:Noto Sans CJK KR;*/}
#container.subCase .conPos h2:before {float:left;margin-right:18px;content:'';display:inline-block;width:2px;height:45px;background:#ff4d5c;}
/*#container.subCase .conPos h2:before {content:'';display:inline-block;position:absolute;left:41px;top:0;width:2px;height:34px;background:#ff4d5c;}*/
#container.subCase .conPos .right {margin:16px 0;}
/* #container.subCase .conPos .right .inBlock {float:right;}  2019-05-22 주석  */
#container.subCase .conPos .btnPrint { margin-right:5px;vertical-align:middle;}
/* #container.subCase .conPos .btnShare { float:right;} 2019-05-22 주석  */
#container.subCase .conPos .btnShare { vertical-align:middle;} /* 2019-05-22 추가 */
#container.subCase .conPos .btnShare.on {border:1px solid #324159;background-position:-40px -163px;}
#container.subCase .conPos .shareList {position:absolute;z-index:4;display:none;top:47px;right:40px;padding:5px;border:1px solid #324159;box-shadow:0 2px 3px rgba(0,0,0,.2);background:#fff;}
#container.subCase .conPos .shareList:after {position:absolute;z-index:3;top:-1px;right:0;content:'';display:inline-block;width:30px;border-top:1px solid #fff;}
#container.subCase .conPos .shareList li {float:left;padding:5px;}
#container.subCase .conPos .shareList li input {width:44px;height:44px;font-size:0;text-indent:-9999px;border:1px solid #98a5b6;background:url("../images/bg_sns.png") no-repeat;}
#container.subCase .conPos .shareList li.shareks input {background-position:left -45px;}
/*#container.subCase .conPos .shareList li.sharekt {display:none;}*/
#container.subCase .conPos .shareList li.sharekt input {background-position:left -88px;}
/*#container.subCase .conPos .shareList li.sharenl {display:none;}*/
#container.subCase .conPos .shareList li.sharenl input {background-position:left -132px;}
#container.subCase .conPos .shareList li.shareurl input {background-position:left -176px;}
/*body.isIOS #container.subCase .conPos .shareList li.sharekt,
body.isAndroid #container.subCase .conPos .shareList li.sharekt,
body.isIOS #container.subCase .conPos .shareList li.sharenl,
body.isAndroid #container.subCase .conPos .shareList li.sharenl {display:inline-block;}*/
.dataNone {padding:40px;}
.dataNone div {text-align:center;border:1px solid #b7c2d1}
.dataNone img {margin:0 auto;}
/* ===== 센터소개 ===== */
/* 인사말 */
.greetArea {position:relative;padding:30px 40px;background:url('../images/bg_greetings.png') repeat-x left bottom;}
.greetArea .tit {padding:0 0 15px 20px;font-size:16px;color:#1b2127;font-weight:500;line-height:22px;border-bottom:1px solid #6b7685;}
.greetArea .tit:before {content:'';display:inline-block;width:6px;height:6px;margin-right:10px;background:#6b7685;}
.greetArea .txtArea {padding:46px 36px;}
.greetArea .txtArea p {padding-bottom:30px;line-height:30px;color:#323a45;font-size:16px;font-weight:500;word-break:keep-all;}
.greetArea .txtArea p:last-child {margin-top:60px;}
.greetArea img {position:absolute;top:150px;right:10%;}
/* 센터 둘러보기 */
.tourArea .tourBox {display:table;width:100%;border:1px solid #b7c2d1;}
.tourArea .tourBox>div {display:table-cell;}
.tourArea .tourBox .txtBox {width:208px;background:#3e4755;}
.tourArea .tourBox .txtBox .tt {padding:0 18px;height:50px;background:#353c46;border-bottom:1px solid #5a6678;}
.tourArea .tourBox .txtBox .tt strong {line-height:50px;color:#fff;font-size:18px;}
.tourArea .tourBox .txtBox .tt span {float:right;line-height:50px;color:#fff;font-size:30px;font-family:'Lato' !important;font-weight:100;}
.tourArea .tourBox .txtBox .listBox {padding:15px 20px;box-sizing:border-box;}
.tourArea .tourBox .txtBox li {padding-left:16px;text-indent:-25px;margin-bottom:9px;color: #fff;counter-increment: item;line-height:17px;}
.tourArea .tourBox .txtBox li:before {content: counter(item);display: inline-block;width: 15px;height: 15px;border-radius: 7px;background: #ff5b5b;box-sizing: border-box;margin-right: 10px;text-align: right;font-size: 12px;font-weight:500;vertical-align: middle;padding-right: 4px;}
/*	.tourArea .tourBox .txtBox ol li:first-child:before {content:'1';}
.tourArea .tourBox .txtBox ol li:nth-child(2):before {content:'2';}
.tourArea .tourBox .txtBox ol li:nth-child(3):before {content:'3';}
.tourArea .tourBox .txtBox ol li:nth-child(4):before {content:'4';}
.tourArea .tourBox .txtBox ol li:nth-child(5):before {content:'5';} */
.tourArea .tourBox .txtBox ul li:before {width:16px;height:16px;background:url('../images/img_tour_list.png');border-radius:0;vertical-align:middle;}
.tourArea .tourBox .txtBox ul li:first-child:before {background-position:left top;}
.tourArea .tourBox .txtBox ul li:nth-child(2):before {background-position:left bottom;}
.tourArea .tourBox .imgBox {padding:10px 20px;vertical-align:middle;box-sizing:border-box;}
.tourArea .tourBox .imgBox img {border:0;vertical-align:middle;max-width:100%;width:auto;object-fit: cover;width: 100%;}
/* 셔틀버스 안내 */
.busTab {overflow:hidden;}
.busTab ul {overflow:hidden;}
.busTab div {float:left;padding:15px 15px 15px 60px;margin:0 15px 10px 0;box-sizing:border-box;background:rgba(19, 147, 115, 0.5) url('../images/bg_info_bus.png') no-repeat left center;cursor:pointer;}
.busTab ul li:last-child div {margin:0 0 10px 0;}
.busTab div.on {background:#139373 url('../images/bg_info_bus.png') no-repeat left center;}
.busTab div strong {display:block;margin-bottom:3px;color:#fff;font-size:18px;}
.busTab div span {color:#fff;font-size:14px;}
.busArea .tab-car {display:none;}
.busArea .tab-car1 {display:block;}
.busArea .infoBox {overflow:hidden;padding:12px 24px;border:1px solid #07835f;}
.busArea .infoBox span {font-size:16px;color:#474747;font-weight:500;}
.busArea .infoBox span.right {font-size:12px;color:#999;}
.busArea .imgBox {margin:20px 0;text-align:center;}
.busArea .imgBox img {max-width:100%;}
.busArea table * {font-weight:500;}
.busArea .tab-car .proDt {display:inline-block;width:100%;}
.busArea .tab-car .proDt .tbls1 {float:left;width:50%;padding-right:10px;box-sizing:border-box;}
.busArea .tab-car .proDt .tbls1:last-child {padding-right:0;padding-left:10px;}
.busArea .tab-car .proDt .tbls1 td {height:22px;}
.busArea .tab-car .proDt .tbls1 td:first-child {color:#999;}
/* 오시는 길 */
.lacationArea .mapBox {width:100%;text-align:center;border:1px solid #dddd;box-sizing:border-box;}
.lacationArea .mapBox img {width:100%;}
.lacationArea .addressBox {clear:left;display:inline-block;padding:20px 0 40px;width:100%;border-bottom:1px solid #dddd;}
.lacationArea .addressBox em {display: inline-block;padding:10px 0 0 0;color: #222;text-indent: -19px;padding-left:29px;line-height:16px;}
.lacationArea .addressBox em:before {content:'';display:inline-block;margin:-4px 10px 0 0;width:10px;height:0;vertical-align:middle;border-radius:5px;border:2px solid red;}
.lacationArea .addressBox span {float:right;}
.lacationArea .addressBox span * {display:inline-block;padding:0 20px 0 20px;height:42px;line-height:42px;color:#fff;vertical-align:top;border:none;box-sizing:border-box;}
.lacationArea .addressBox .btnBus {width:188px;background:#139373 url('../images/btn_RightArrow.png') no-repeat right center;}
.lacationArea .addressBox .btnMap {width:157px;text-align:left;background:#768395 url('../images/btn_print.png') no-repeat right center;}
.lacationArea .moveBoxBox {padding:35px 0;width:100%;}
.lacationArea .moveBoxBox a {display:inline-block;margin:0 20px 0 0;}
.lacationArea .moveBoxBox img {vertical-align:middle;}
.lacationArea .moveBoxBox em {padding:0 20px;font-weight:500;}

.box.bus dl {padding-bottom:30px;}
.box.bus dl:last-child {padding:0;}
.box.bus dl.use dd div {padding-bottom:10px;}
.box.bus dl dt {padding-bottom:14px;font-size:16px;font-weight:500;}
.box.bus dl dd {display:inline-block;vertical-align:top;line-height:1.5;}
.box.bus dl dd div {padding:0 70px 0 30px;}
.box.bus dl dd div em {display:inline-block;margin-right:20px;width:50px;height:22px;line-height:20px;text-align:center;font-size:12px;font-weight:500;box-sizing:border-box;}
.box.bus .metro {margin-right:10px;width:64px;height:22px;line-height:19px;color:#5ba37f;box-sizing:border-box;border:2px solid #5ba37f;border-radius:20px;}
.box.bus .green {color:#48922d;border:1px solid #48922d;}
.box.bus .blue {color:#395cb3;border:1px solid #395cb3;}
.box.bus .red {color:#ff4d5c;border:1px solid #ff4d5c;}

/* 조직도 */
.chartArea .orgMap {text-align:center;}
.chartArea .orgMap img {border:0;vertical-align:middle;max-width:100%;width:auto;}
.chartArea .boardTop .total strong:before {background:#ff4d5c;}
.chartArea .boardTop .total strong {font-size:16px;}
.chartArea .orgLayout {border-bottom:1px solid #38465a;}
.chartArea .tbLayout .box {padding:33px 37px 40px;}
.chartArea .orgLayout .tit {background:#768395;border-top:1px solid #38465a;}
.chartArea .orgLayout .tit div {height:38px;line-height:38px;color:#fff;font-weight:500;text-align:center;}
.chartArea .orgLayout .division {display:inline-block;width:170px;box-sizing:border-box;border-right:1px solid #ced6e2;border-bottom:1px solid #ced6e2;}
.chartArea .orgLayout .tb {display:table;width:100%;}
.chartArea .orgLayout .tb.inner {border-bottom: 1px solid #ced6e2;}
.chartArea .orgLayout .tb.inner .tbc:first-child {width:120px;}
.chartArea .orgLayout .tb.inner .tbc:nth-child(2) {width:120px;}
.chartArea .orgLayout .tb.inner .tbc:nth-child(4) {width:150px;}
.chartArea .orgLayout .tb.contents .tb div {padding:10px 15px;}
.chartArea .orgLayout .tb.contents .division {padding:10px 5px 10px 15px;}
.chartArea .orgLayout .tbc {display:table-cell;vertical-align:middle;color:#1b2127;box-sizing:border-box;word-break: break-word;}
.chartArea .orgLayout .tbc .tb .tbc {border-right:1px solid #ced6e2;/* border-bottom:1px solid #ced6e2; */}
.chartArea .orgLayout .tbc .tb .tbc:last-child {border-right:none;}
.chartArea .orgLayout .tb.contents:last-child .division {border-bottom:none;}
.chartArea .orgLayout .tb.contents:last-child .inner:last-child {border-bottom:none;}
/* 센터연혁 */
.hisArea {padding:120px 67px;}
.hisArea ul {position:relative;top:0;bottom:0;left:0;}
.hisArea ul:before {content:'';position:absolute;top:0;bottom:3px;left:12px;display:inline-block;width:1px;background:#6b7685;}
.hisArea ul:after {content:'';display:inline-block;width:100%;height:1px;margin-left:12px;border-bottom:1px solid #6b7685;}
/*.hisArea ul {border-left:1px solid #6b7685;} */
.hisArea ul li {display:table;width:100%;margin-bottom:50px;}
.hisArea ul li>div{display:table-cell;vertical-align:top;}
.hisArea ul li .date {position:relative;width:215px;padding-left:40px;color:#2677c3;font-size:24px;font-weight:500;box-sizing:border-box;}
.hisArea ul li .date span {position:absolute;left:0;top:0;display:inline-block;width:25px;height:25px;margin-right:10px;background:#3a80c6;border-radius:14px;text-align:center;}
.hisArea ul li .date span:before {content:'';display:inline-block;width:15px;height:15px;margin-top:5px;background:#fff;border-radius:8px;}
.hisArea ul li .imgTxt {position:relative;}
.hisArea ul li p {position:absolute;left:140px;top:0;display:inline-block;font-size:16px;line-height:30px;word-break:keep-all;} /* 2018-04-16 by hr-park */
.hisArea ul li strong {display:block;margin-bottom:15px;font-size:18px;color:#323a45;font-weight:500;}
.hisArea ul li strong span {font-size:16px;color:#323a45;word-break:keep-all;} /* 2018-04-16 by hr-park */
/* movement */
.movementArea .box .bgBox {margin-top:10px;padding:20px;background:#f1f4f8;}
.movementArea .box .bgBox strong {color:#10389e;font-weight:500;}
.movementArea .box p {font-size:14px;font-weight:normal;word-break:keep-all;} /* 2018-04-16 by hr-park */
.movementArea dl dt {margin-bottom:10px;color:#c35226;font-size:14px;font-weight:500;word-break:keep-all;} /* 2018-04-16 by hr-park */
.movementArea dl dd {margin-bottom:30px;padding:20px;background:#f8f8f8;}
.movementArea dl:last-child dd {margin-bottom:0;}
/* history */
.historyArea h3 {margin-bottom:20px;color:#5179b0;font-size:16px;font-weight:500;}
.historyArea p {line-height:22px;}
.historyArea .tab span {width:auto;padding:0 15px;min-width:110px;}
.historyArea .bgBox {display:table;width:100%;padding:24px;margin:20px 0;background:#f8f8f8;box-sizing:border-box;}
.historyArea .bgBox div {display:table-cell;vertical-align:middle;}
.historyArea .bgBox ul li {margin-bottom:15px;}
.historyArea .bgBox ul li:last-child {margin-bottom:0;}
.historyArea .bgBox .imgBox {width:230px;height:141px;padding:2px;box-sizing:border-box;border:1px solid #b7c2d1;background:#fff;}
.historyArea .bgBox .imgBox img {width:100%;}
.historyArea .bgBox .txtBox {padding-left:15px;}
.historyArea .bgBox .txtBox strong {display:inline-block;margin-bottom:10px;color:#414b59;font-weight:500;}
.historyArea .bgBox .txtBox p {color:#414b59;}
.historyArea .listArea {display:table;width:100%;margin:40px 0;}
.historyArea .listArea div {display:table-cell;}
.historyArea .listArea div img {max-width:100%;}
.historyArea .listArea div strong {display:inline-block;width:100%;margin-top:10px;text-align:center;}
.historyArea .listArea div strong span {display:block;margin-top:10px;}
.historyArea .listArea div.tb1 div {width:33.3%;}
.historyArea .listArea div.tb2 {width:332px;padding-left:15px;}
.historyArea .listArea div.tb2 .imgBox {padding:2px;border:1px solid #b7c2d1;}
.historyArea .alignArea {overflow:hidden;padding:20px 0;text-align:center;box-sizing:border-box;}
.historyArea .alignArea .imgSet {float:left;}
.historyArea .alignArea .imgSet strong {display:inline-block;margin-top:5px;}
.historyArea .alignArea .imgBox {padding:2px;margin-right:15px;border:1px solid #b7c2d1;}
/* ===== 프로그램 상세 ===== */
.programTop {display:table;width:100%;padding:0 0 30px;}
.programTop .img {display:table-cell;vertical-align:top;}
.programTop .img .imgBack {position:relative;overflow:hidden;width:100%;height:258px;vertical-align:top;box-sizing:border-box;border:1px solid #999}
.programTop .img .imgBack.adventureMain {border: none;}
.programTop .img .imgBack img {position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;max-width:100%;max-height:100%;/* width:100%; */} /* 2018-04-25 */
.programTop .prHeader {position:relative;display:table-cell;padding:0 0 0 28px;width:580px;}
.programTop .prHeader dt {line-height:44px;font-size:24px;font-weight:500;color:#1c1e22;border-bottom:1px solid #999;}/* 2019-05-23 수정 */
.programTop .prHeader dt em {font-size:24px;font-weight:500;color:#1c1e22;}   /* 2019-05-23 추가 */
.programTop .prHeader dt b {float:right;margin:7px 0 0;display:inline-block;width:104px;height:30px;}
.programTop .prHeader dd {padding:7px 0 0;}
.programTop .prHeader dd .resume {padding-top:8px;}
.programTop .prHeader dd .resume li {position:relative;padding:0 0 0 18px;font-size:16px;line-height:28px;color:#3c3c3c;}
.programTop .prHeader dd .resume li:before {position:absolute;left:0;top:9px;content:'';display:inline-block;width:6px;height:6px;border-radius:100%;background:#7992b2;}
.programTop .prHeader dd .resume li strong {font-size:16px;font-weight:500;color:#3c3c3c;}
.programTop .prHeader.imgNone {padding: 0 28px 0 28px;}
.programTop .prHeader.imgNone dd .resume {float:left;width:50%;}
.programTop .prHeader dd .personnel strong {padding:0 0 0 10px;vertical-align:middle;}
.programTop .prHeader dd .personnel strong:before {content:'';display:inline-block;margin:-2px 0 0;width:15px;height:19px;vertical-align:middle;background:url("../images/bg_btn.png") no-repeat -426px -40px;}
.programTop .prHeader dd .personnel strong span {padding:0 8px;color:#3c3c3c;}
.programTop .prHeader dd .personnel strong em {display:inline-block;width:24px;text-align:right;color:#ff5f3a;font-weight:500;}
.programTop .prHeader dd .guidTxt {font-size:12px;color:#fe2457;line-height:1.4;}
.programTop .prHeader dd .guidTxt span {margin:0 0 3px;}
.programDetail.babyMascot1 {background:url("../images/bg_baby_mascot1.png") no-repeat center 20px;}
.programDetail.babyMascot2 {background:url("../images/bg_baby_mascot2.png") no-repeat center 40px;}
.summary {padding:12px 20px;line-height:1.8;font-size:16px;color:#1b2127;box-sizing:border-box;border:1px solid #d9e0ec;background:#f6f6f6;}
.summary strong {font-size:16px;font-weight:normal;color:#1b2127;}
.summary.noBg {background:none;border:none;font-family:'Noto Sans CJK KR' !important;}
.summary.noBg strong {font-weight:normal;font-family:'Noto Sans CJK KR' !important;}
.summary ul {margin:10px 0 0;padding:10px 10px 10px 20px;background:#fff;}
.summary li {line-height:140%;}
.proSet .proTt {padding:0 0 16px 11px;font-weight:500;color:#1b2127;font-size:16px;}
.proSet.hiringSet .blNone {border-left:none !important;} /* 2018-04-26 */
.proSet.hiringSet .smFull {display:table;width:100% important;}
.proSet.hiringSet .hlaf {display:table-cell;width:50% !important;}
.proSet.hiringSet .cubt.tfoot .cubt.inSide .cubtc {border-left:1px solid #ced6e2;} /* 2018-04-26 */
.spaceKind {display:inline-block;margin:-13px 0 -8px 20px;padding:10px;vertical-align:middle;border:1px solid #b7c2d1}
.spaceKind label {font-weight:500;color:#1b2127;font-size:16px;}
.proSet .proTt:before {content:'';display:inline-block;margin:-6px 10px 0 0;vertical-align:middle;width:6px;height:6px;background:#ff4d5c;}
.proSet .proDt {position:relative;padding:0 0 30px;color:#1b2127;}
.redList {position:absolute;left:48px;right:0;bottom:0;font-size:14px;padding:10px 14px;border:1px solid #f08c95;}
.redList li {position:relative;padding:5px 0 5px 18px;font-weight:600;color:#3c3c3c;}
.redList li:before {position:absolute;left:0;top:50%;content:'';display:inline-block;width:4px;height:4px;margin-top:-2px;border-radius:100%;background:#ff4d5c;}
/*.proSet .proDt * {color:#1b2127;}*/
.proSet.busCase {padding:10px 0 0;}/* 2019-09-19 */
.embedContents {position:relative;padding-bottom: 56.25%;height:0;overflow:hidden;max-width:100%;height:auto;}
.embedContents iframe, .embedContents object, .embedContents embed {position:absolute;top:0;left:0;width:100%;height:100%;}
.editorArea {padding:12px 20px;line-height:165%;border:1px solid #d9e0ec;box-sizing:border-box;font-size:inherit;color:inherit;}
.editorArea img {width:auto;height:auto;max-width:100%;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;}
.editorArea * {font-size:inherit;color:inherit;}
.editorArea .editTd {width:300px;border-collapse:collapse;}
.editorArea .editTd tbody tr td:last-child {padding-right:5px;}
.prEtc {border:1px solid #38465a;}
.prEtc li {display:table;table-layout:fixed;width:100%;border-bottom:1px solid #ced6e2;}
.prEtc li:last-child {border-bottom:0;}
.prEtc li>span {display:table-cell;padding:0 0 0 25px;width:112px;height:32px;vertical-align:middle;color:#fff !important;font-weight:500;background:#768395;} /* 2018-03-16 by hr-park */
.prEtc li strong {display:table-cell;padding:0 0 0 18px;font-weight:normal;word-break:break-all;vertical-align:middle;border-left:1px solid #ced6e2;}
.prEtc2 {padding:10px 0 0;}
.prEtc2 p {padding:0 0 10px 10px;line-height:165%;border-bottom:1px solid #38465a;}
.prEtc2 p span {display:inline-block;padding:0 10px 0 10px;}
.planDownload {display:inline-block;width:100%;padding:15px 20px;box-sizing:border-box;border:1px solid #d9e0ec;}
.planDownload a {float:right;}
.planDownload span {font-weight:500;font-size:16px;color:#1b2127;line-height:2;}
.planDownload em {line-height:2.4}
.directInfo {padding:12px 20px;border:1px solid #d9e0ec;box-sizing:border-box;}
.directInfo dl {display:table;width:100%;padding:0 0 6px;line-height:165%;}
.directInfo dl dt {display:table-cell;width:130px;font-weight:500;}
.directInfo dl dt:before {content:'';display:inline-block;width:0;height:0;margin:-2px 10px 0 0;vertical-align:middle;border-radius:100%;border:2px solid #000;}
.directInfo dl dd {display:table-cell;color:#333;word-break:keep-all;}
.directInfo .planDownload {margin:5px 0 0 0;padding:5px 20px 5px;}
.directInfo li {line-height:165%;color:#333;}
.directInfo li strong {color:#333;font-weight:500;}
.directInfo .proList2 li {padding:0 0 0 20px;text-indent:-11px;}
.directInfo p {margin:10px 0 0 0;padding:10px 0 0;line-height:160%;border-top:1px solid #d9e0ec;}
.directInfo .txtTerm {display:inline-block;width:26px;}
.planImg {padding:12px 20px;border:1px solid #d9e0ec;font-size:inherit;color:inherit;}
.planImg img {width:auto;height:auto;max-width:100%;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;}
.teacherLayout {padding:15px 20px;border:1px solid #d9e0ec;}
.teacherLayout strong {font-size:18px;font-weight:500;}
.teacherLayout p {display:inline-block;float:right;padding:4px 0 0;font-size:12px;color:#fe2457 !important;}
.teacherSet {position:relative;display:inline-block;margin:0 0 0 8px;}
.teacherSet span {font-size:18px;}
.teacherSet div {position:absolute;bottom:30px;left:20px;z-index:1;margin:0 0 0 0;width:200px;}
.teacherSet div:after {position:absolute;bottom:-11px;left:20px;content:'';display:inline-block;width:10px;height:10px;margin:0 0 5px 0;border:1px solid #38465a;border-top:0;border-right:0;background:#fff;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
 }
.teacherSet div dl {border-radius:5px;box-shadow:0 1px 3px rgba(0,0,0,.3);border:1px solid #38465a;background:#fff;overflow:hidden;}
.teacherSet div dt {padding:6px 11px 8px;color:#fff !important;font-weight:500;background:#606f84;}
.teacherSet div dd {padding:6px 6px  8px 11px;}
.teacherSet div dd li {position:relative;padding:0 0 0 10px;font-size:12px;line-height:20px;color:#3c3c3c;}
.teacherSet div dd li:before {position:absolute;left:0;top:9px;content:'';display:inline-block;width:2px;height:2px;border-radius:100%;background:#2e333a;}
.prBtn {clear:left;display:inline-block;width:100%;padding:0 0 20px;}
.prCase.tbls1 table {border-top:1px solid #38465a;}
.prCase.tbls1 table tbody th {width:100px;text-align:center;border-bottom:1px solid #ced6e2}
.prCase.tbls1 table tbody td {padding:0 5px;border-bottom:1px solid #ced6e2}

.prCase.tbls1 .rsGird .rsItem {padding:5px 0;width:24%;border-left:1px solid #ced6e2} /* 2018-04-24 */
.prCase.tbls1 .disabled th,
.prCase.tbls1 .disabled td {background:#ecf0f5;}
.prCase.tbls1 table tr:last-child th,
.prCase.tbls1 table tr:last-child td {border-bottom:1px solid #38465a;}
.prCase.tbls1 .disabled td .rsItem:first-child {color:red;}
.proApply {border-top:1px solid #38465a;border-bottom:1px solid #38465a;}
.proApply li {display:table;width:100%;border-bottom:1px solid #ced6e2;}
.proApply li:last-child {border-bottom:0;}
.proApply li .tt {display:table-cell;padding:0 0 0 25px;width:112px;height:32px;vertical-align:middle;color:#fff !important;font-weight:500;background:#768395;}
.proApply li .dt {display:table-cell;padding:4px 0 4px 18px;font-weight:normal;vertical-align:middle;border-left:1px solid #ced6e2;}
.proApply.divide {overflow:hidden;}
.proApply.divide li {float:left;width:50%;}
.proApply.divide li.wFull {width:100% !important;}
.proApply.divide li .tt {height:40px;padding:0 12px 0 15px;}
.proApply.divide li .tt span {font-size:12px;color:#fff;}
.proApply.divide li .dt {padding:4px 10px 4px 8px;color:#1b2127;font-weight:500;}
.proApply.divide textarea {border: 1px solid #7e8c99;}
.proApply.divide .filed-3 {display:table;width:100%;}
.proApply.divide .filed-3 .selectSet select {height:30px;}
.proApply.divide .filed-3>span {display:table-cell;width:33.3%;height:auto;padding-right:10px;}
.proApply.divide .filed-3>span:last-child {padding-right:0;}
.proApply.divide .filed-3 em {padding-right:10px;}
.prRule {padding:12px 20px;line-height:28px;font-size:16px;color:#1b2127;box-sizing:border-box;border:1px solid #d9e0ec;background:#f6f6f6;}
/* ===== 마이페이지 ===== */
/* 수강, 대관, 사물함, 1:1문의 */
.myArea .infoBox {padding:15px 20px;margin-top:23px;border:1px solid #c4d1de;}
.myArea .infoBox p {font-size:14px;color:#1b2127;line-height:24px;}
.myArea .chkState {padding:15px 0 10px;border-top:1px solid #6b7685;text-align:right;}
.myArea .chkState .checkSet {margin-bottom:5px;}
.myArea .tbls1 .rsGird {line-height:15px;}
.myArea .tbls1 .rsGird span em {display:none;font-size:12px;line-height:12px;}
.myArea .tbls1 .rsGird span.subCon {display:block;line-height:11px;font-size:11px;font-weight:normal;}
.myArea .tbls1 .rsGird span.rsOneline {line-height:30px;}
.myArea .tbls1 .checkSet,
.myArea .tbls1 .checkSet i {margin-right:0;}
.myArea .prCase.tbls1 .rsGird .rsItem {width:auto;padding:6px 10px;word-break: keep-all;}
.myArea .prCase.tbls1 .rsGird .rsItem.w100 {width:100px;}
.myArea .prCase.tbls1 .rsGird .rsItem.w140 {width:140px;}
.myArea .prCase.tbls1 .rsGird .rsItem.w180 {width:180px;}
.myArea .prCase.tbls1 .rsGird .rsItem.w200 {width:200px;}
.myArea .prCase.viewList table tr th,
.myArea .prCase.viewList .rsGird .rsItem {width:20%;}
.myArea .prCase.viewList .rsGird .rsItem:first-child {border-left:0;}
.myArea .prEtc li span {width:140px;padding:0;text-align:center;}
.myArea .prEtc li strong {color:#1b2127;}
.myArea .guideArea {margin-top:30px;}
.myArea .guideArea div {padding:20px 20px 30px;}
.myArea .txtArea {margin:15px 0 0 15px;}
.myArea .txtArea p,
.myArea .txtArea ul li {line-height:24px;color:#1b2127;}
.myArea p.payInfo {display:inline-block;line-height:24px;margin:5px 0;color:#1b2127;}
.myArea p.lightInfo {margin-top:5px;display:inline-block;color:#008816;font-size:13px;line-height:normal;border-bottom:1px solid #008816;}
/* 1:1문의 상세 */
.myArea dl.replyBox dt {display:inline-block;margin-bottom:15px;font-size:16px;color:#1b2127;font-weight:500;}
.myArea dl.replyBox dt:before {content:'';display:inline-block;width:6px;height:6px;margin:0 15px 3px 10px;background:#ff4d5c;}
.myArea dl.replyBox dd {overflow:hidden;}
.myArea dl.replyBox dd.replyDate {float:right;}
.myArea dl.replyBox .box {margin-bottom:0;}
.myArea dl.replyBox .box p {font-weight:normal;}
/* 사물함 */
.guideArea div.lockerUse>strong {font-size:16px;color:#1b2127;font-weight:500;}
.guideArea div.lockerUse>strong:before {content:'';display:inline-block;width:6px;height:6px;margin-right:14px;background:#ff4d5c;vertical-align:middle;}
.guideArea div.lockerUse ol {margin:20px 0 0;}
.guideArea div.lockerUse ol li {width:25%;margin-bottom:60px;background:url('../images/img_info_locker.png') no-repeat;}
.guideArea div.lockerUse ol li:first-child {background-position:center top;}
.guideArea div.lockerUse ol li:nth-child(2) {background-position:center -130px;}
.guideArea div.lockerUse ol li:nth-child(3) {background-position:center -260px;}
.guideArea div.lockerUse ol li:nth-child(4) {background-position:center -390px;}
.guideArea div.lockerUse ol li strong {top:100px;}
.guideArea div.lockerUse ol li strong em {display:block;}
.guideArea div.lockerUse ol li strong span {display:block;padding-top:10px;font-size:14px;line-height:22px;color:#1b2127;font-weight:normal;}
/* 수강, 대관 리스트 */
.myArea .reserveList .rsTit {line-height:30px;}

.myArea .tbls1.lessonList table tbody td,
.myArea .tbls1.reserveList table tbody td {padding:6px 0;}
.myArea .tbls1.lessonList .rsGird span.rsTit,
.myArea .tbls1.reserveList .rsGird span.rsTit {font-weight:500;}
.myArea .prCase.lessonList table thead tr th {width:auto;padding:0;}
.myArea .prCase.lessonList table tbody td {padding:0;}
.myArea .prCase.lessonList table tfoot tr {height:40px;font-weight:500;}
.myArea .prCase.lessonList table tfoot tr.backBg {background:#d8e1ef;}
.myArea .prCase.lessonList table tfoot tr .rsItem.total {border-left:0 none;}
.myArea .tbls1.lessonList .rsGird a {display:table-cell;width:auto;}
/* 대관예약 상세 */
/* .myArea .tbls1.hardChart table thead tr th {border-left:1px solid #ced6e2;}
.myArea .tbls1.hardChart table tbody tr:last-child td {border-bottom:none;}
.myArea .tbls1.hardChart table tr.total td:first-child {font-weight:500;}
.myArea .tbls1.hardChart table tbody tr.total {background:#dbefd8;}
.myArea .tbls1.hardChart table tfoot tr.total {background:#d8e1ef;}
.myArea .tbls1.hardChart table tbody tr:first-child td:first-child {border-left:0 none;}
.myArea .tbls1.hardChart table tbody td {padding:10px;border-left:1px solid #ced6e2;}
.myArea .tbls1.hardChart table tfoot td {padding:10px;line-height:20px;vertical-align:middle;word-break:break-all;text-align:center;border-top:1px solid #38465a;border-bottom:1px solid #38465a;color:#1b2127;}
 */
.chtTb {display:table;width:100%;table-layout:fixed;}
.chtTb div {text-align:center;vertical-align:middle;box-sizing:border-box;}
.chtTb.tit {display:table;width:100%;box-sizing:border-box;height:38px;line-height:38px;font-size:93%;text-align:center;border-bottom:1px solid #6b7685;background:#768395;border-top:1px solid #38465a;}
.chtTb.tit div {color:#fff;font-weight:500;}
.chtTb.tit .inner.chtTbc {padding:0;border-color:#ced6e2;border-bottom:0;}
.chtTb.tit .inner .chtTbc {padding:0;border-bottom:0;}
.chtTb.inner .chtTbc {padding:8px 10px;border-left: 1px solid #ced6e2;border-bottom:1px solid #ced6e2;}
.chtTbc.inner {padding:8px 10px;border-left: 1px solid #ced6e2;border-bottom:1px solid #ced6e2;}
.chtTbc {display:table-cell;color:#1b2127;}
.chtTbc em {display:none;color:#1b2127;}
.chtTbc.w60 {width:60px;}
.chtTbc.w60-1 {width:60px;padding:5px 5px;font-size:12px;}
.chtTbc.w75 {width:75px;padding:10px;}
.chtTbc.w80 {width:80px;}
.chtTbc.w90 {width:90px;}
.chtTbc.w100 {width:100px;}
.chtTbc.w120 {width:120px;}
.chtTbc.w150 {width:150px;}
.chtTbc.w300 {width:320px;}
.chtTbc.w400 {width:420px;}
.chtTb.midTot {background: #dbefd8;}
.chtTb.midTot >.chtTbc:first-child {font-weight:500;}
.chtTb.lastTot {background: #d8e1ef;border-top: 1px solid #38465a;border-bottom:1px solid #38465a;}
.chtTb.lastTot >.chtTbc:first-child {font-weight:500;}
.chtTbc.overTxt {padding:5px 10px !important;}
.chtTbc.overTxt span {display:inline-block;width:100%;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
 /* 결제완료 페이지 */
.myArea .finishBox {width:388px;margin:23px auto 10px;padding:13px 0;border:1px solid #6b7685;border-radius:10px;color:#0080ed;font-size:16px;text-align:center;font-weight:500;}
.myArea .finishTop p {padding:10px 0;text-align:center;font-size:14px;line-height:22px;color:#323437;word-break: keep-all;}
.myArea .finishTop p:first-child {width:520px;margin:0 auto;font-weight:500;border-bottom:1px solid #ced6e2;}
.myArea .finishTop p em {font-weight:500;color:#ff4d5c;}
.myArea .finishDt .prEtc li strong{padding:10px;}
.myArea .finishDt .multi div {padding:7px 0 0 0;}
.myArea .finishDt .multi div:before {content:'';display:inline-block;width:3px;height:3px;margin:-3px 5px 0 0;vertical-align:middle;background:#768395;}
.myArea .finishDt .multi div:first-child {padding:0;}
.myArea .finishDt .multi div em {display:inline-block;width:200px;}
.myArea .finishDt .multi div em.pn {width:auto;}
.myArea .finishDt .multi div em.pn:before {content:'-';margin:0 10px 0 0;}
.myArea .fnshbtnBox {overflow:hidden;}
.myArea .fnshbtnBox div span {vertical-align:top;}

/* ===== 멤버쉽 ===== */
/* 로그인, ID/PW 찾기 :: loginArea */
.loginArea {width:404px;margin:0 auto;padding:0 0 110px 0;text-align:center;font-family:'NanumGothic','나눔고딕','Nanum Gothic',Dotum,Sans-serif;}
.loginArea .txtBox {padding:25px 0 0 11px;}
.loginArea .txtBox p {text-align:left;line-height:24px;color:#323a45;font-size:14px;word-break:keep-all;} /* 2018-04-19 word break */
.loginArea img {margin:85px 0 60px;}
.loginArea h3 {line-height:45px;font-size:30px;color:#323a45;letter-spacing:-0.02em;word-break: break-all;}
.loginArea h3 span {display:block;font-size:24px;color:#323a45;}
.loginArea .joinSet .entryArea {margin-bottom:15px;}
.loginArea .joinSet div.entrySet {display:table;width:100%;height:44px;/* margin-bottom:16px; */line-height:44px;border:1px solid #7e8c99;border-radius:2px;box-sizing:border-box;background: #fff}
.loginArea .joinSet label {display:table-cell;width:55px;padding-left:17px;color:#303030;font-size:14px;font-weight:500;vertical-align:middle;}
.loginArea .joinSet input {display:table-cell;width:100%;height:44px;padding:8px 15px 8px 8px;line-height:28px;border:0 none;vertical-align:middle;}
.loginArea .btnLogin {width:100%;margin:26px 0 16px;}
.loginArea .checkSet {display:inline-block;margin-left:14px;}
.loginArea .joinSet .genderSet label {width:auto;}
.loginArea fieldset {border:0 none;text-align:left;}
.loginArea fieldset .btnC {height:46px;font-size:18px;font-weight:500;}
.loginArea fieldset a {padding:0 10px;border-right:1px solid #8da3c3;border-left:1px solid #8da3c3;font-size:12px;color:#505965;font-weight:500;vertical-align:top;}
.loginArea fieldset a.pwLink {padding:0 10px 0 6px;border-left:0 none;}
.loginArea .findOut {margin:13px 0 18px;padding:7px 10px;background:#fff;border-radius:3px;word-wrap: break-word;font-weight:500;font-size:14px;color:#323437;}
.loginArea .findOut strong {display:inline-block;margin-bottom:5px;font-weight:500;font-size:18px;color:#323437;}
.loginArea .dataBox {padding:32px 36px 30px;margin:20px 0 16px;border:1px solid #8da3c3;}
.loginArea .dataBox.bg {/* padding:24px 53px 20px 53px; */padding:24px 48px 20px 48px;background:#e2e9f3;}
.loginArea .dataBox>strong {display:inline-block;margin-bottom:20px;font-size:18px;color:#323437;font-weight:500;}
.loginArea .dataBox p {line-height:18px;font-size:12px;color:#323437;}
.loginArea .dataBox p strong {font-size:14px;color:#323437;}
.loginArea .forgetId {padding-left:12px;border-left:1px solid #8da3c3;text-align:left;font-weight:500;font-size:12px;color:#505965;}
.loginArea .forgetId a {display:inline-block;padding-bottom:1px;border-bottom:1px solid #002aff;margin-left:9px;color:#002aff;font-size:12px;}
/* 2018-04-11 */
.loginArea .numchArea {padding:10px 0 0;}
.loginArea .numchArea span {display:inline-block;margin-right:5px;line-height:22px;vertical-align:middle;color:#323437;}
.loginArea .numchArea input {margin-right:5px;}
.loginArea .numchArea .btnEnroll.white {background:#fff;color:#000;vertical-align:baseline;} /* 2018-04-18 */
/* end 2018-04-11 */
.loginArea .pwStep_03 .dataBox.bg {padding:32px 36px;}
.loginArea .pwStep_03 .dataBox.bg .joinSet label {width:84px;}
.loginArea .pwStep_03 .joinSet input::-webkit-input-placeholder {font-size:11px;} /* WebKit browsers */
.loginArea .pwStep_03 .joinSet input::-moz-placeholder {font-size:11px;} /* Mozilla Firefox 4 to 18 */
.loginArea .pwStep_03 .joinSet input::-moz-placeholder {font-size:11px;}/* Mozilla Firefox 19+ */
.loginArea .pwStep_03 .joinSet input::-ms-input-placeholder {font-size:11px;}/* Internet Explorer 10+ */
/* joinArea :: 회원가입 intro 페이지 */
.joinArea {width:498px;padding:140px 20px 200px;margin:0 auto;}
.joinArea .selectAge {display:table;width:100%;margin-bottom:60px;}
.joinArea .selectAge div {display:table-cell;width:50%;text-align:center;}
.joinArea .selectAge div input {width:194px;height:32px;margin:22px 0 15px;}
.joinArea .selectAge div p {line-height:16px;font-size:12px;color:#505965;font-weight:500;}
.joinArea .selectAge .underAge .bg {display:inline-block;width:192px;height:184px;background:url('../images/bg_join01.png') no-repeat;text-indent:-9999px;}
.joinArea .selectAge .overAge .bg {display:inline-block;width:192px;height:184px;background:url('../images/bg_join02.png') no-repeat;text-indent:-9999px;}
.joinArea .infoBox {padding:16px 20px;margin:0 auto;border:3px solid #8da3c3;text-align:left;}
.joinArea .infoBox ul li {line-height:24px;list-style-type:disc;margin-left:20px;color:#323a45;word-break:break-all;}
.joinArea .infoBox ul li a {color:#0000ff;border-bottom:1px solid #0000ff;}
/* 2018-04-19 */
.changePw .txtBox {width:540px;margin:30px auto;}
.changePw .txtBox p {line-height:24px;color:#323a45;word-break: keep-all;text-align:center;}
.changePw .txtBox ul {width:410px;margin:10px auto 0;}
.changePw .txtBox ul li {position:relative;display:inline-block;padding-left:12px;line-height:24px;color:#323a45;word-break: keep-all;}
.changePw .txtBox ul li:before {content:'';position:absolute;left:0;top:50%;display:inline-block;width:4px;height:4px;margin-top:-2px;border-radius:6px;background:#000;}
.changePw .btnR {width:107px;border-radius:0;cursor:pointer;}
/* end 2018-04-19 */
/* 2020-12-10 */
.changeLive .txtBox {width:540px;margin:30px auto;text-align:center;}
.changeLive .txtBox strong {display:block;padding:30px 0 10px;font-size:20px;}
.changeLive .txtBox p {padding:10px 0;line-height:24px;color:#323a45;word-break: keep-all;text-align:center;}
.changeLive .btnBox {padding:40px 0 50px;text-align:center;border-top:1px solid #7e8c99;}
/* end 2020-12-10 */
/* stepArea :: 회원가입 상단 step 표시 */
.stepArea {height:46px;margin:23px 0 21px;text-align:center;}
.stepArea.step1 {background:url('../images/bg_joinstep01.png') no-repeat center center;}
.stepArea.step2 {background:url('../images/bg_joinstep02.png') no-repeat center center;}
.stepArea.step3 {background:url('../images/bg_joinstep03.png') no-repeat center center;}
.stepArea.step4 {background:url('../images/bg_joinstep04.png') no-repeat center center;}
.stepArea ol {overflow:hidden;display:inline-block;width:546px;}
.stepArea ol li {float:left;width:136px;padding:14px 0;text-align:center;font-size:14px;font-weight:500;color:#414b59;}
.stepArea ol li.finish {color:#7c828b;}
.stepArea ol li.on {color:#fff;}
/* joinstepArea :: 회원가입 1-3step, 마이페이지  */
.joinstepArea p.info {padding:0 50px;margin-bottom:35px;line-height:28px;font-size:16px;font-weight:500;color:#323437;word-break: break-all;}
.joinstepArea p.info em {color:#ff4d5c;font-weight:500;font-size:16px;}
.joinstepArea div.infoBox {width:388px;margin:8px auto 24px;padding:13px 0;border:1px solid #6b7685;border-radius:10px;color:#0080ed;font-size:16px;text-align:center;font-weight:500;}
.joinstepArea h3 {margin-bottom:15px;color:#1f2226;font-size:16px;font-weight:500;}
.joinstepArea .radioSet label {color:#505965;}
.joinstepArea .bbsws1 {margin-bottom:40px;}
/* .joinstepArea .bbsws1 dl dt {width:64px;} 주석처리  2019-05-22   */
.joinstepArea .bbsws1 dl dt em {display:none;}
.joinstepArea .agreeBox {margin-bottom:29px;padding:14px 0 13px;border:1px solid #ff4d5c;border-radius:11px;text-align:center;}
.joinstepArea .agreeBox .checkSet label {color:#ff4d5c;font-size:16px;}
.joinstepArea .agreeBox.on {background:#ff4d5c;}
.joinstepArea .agreeBox.on .checkSet label {color:#fff;}
.joinstepArea .agreeBox.on .checkSet label i {background:#ff4d5c;border:1px solid #fff;}
.joinstepArea .papersArea {height:104px;overflow-y:auto;}
.joinstepArea .chkAree {margin:13px 0 38px;text-align:right;}
.joinstepArea .chkAree .checkSet label {color:#505965;}
.joinstepArea p.authTxt {margin-top:35px;line-height:22px;font-size:14px;font-weight:500;color:#505965;text-align:center;}
.joinstepArea p.authTxt a {display:inline-block;margin-left:5px;color:#006dff;border-bottom:1px solid #006dff;}
.joinstepArea span.guideTxt {display:inline-block;margin:3px 0 0 11px;font-size:11px;color:#505965;vertical-align:middle;word-break:break-all;}
.joinstepArea span.gradeTxt {display:inline-block;margin-left:15px;font-size:14px;font-weight:500;color:#353535;}
.joinstepArea dl.mail span.guideTxt {margin-left:0;}
.joinstepArea dl.mail dt {width:160px;} /* 2019-05-22 수정  */
.joinstepArea .btnBox {margin:5px 0 25px;text-align:center;}
.joinstepArea .numchArea {padding-top:10px;margin-top:10px;border-top:1px dotted #ced6e2;} /* 2018-04-18 */
.joinstepArea .numchArea span.time {display:inline-block;margin-right:10px;line-height:22px;vertical-align:middle;} /* 2018-04-18 */
/* joinFinish :: 회원가입 마지막 페이지 */
.joinFinish {width:496px;margin:0 auto;}
.joinFinish p.lastTit {margin:30px 0 40px;font-size:24px;color:#323a45;font-weight:500;text-align:center;word-wrap:break-word;}
.joinFinish p.lastTit strong {display:block;margin-bottom:10px;font-size:30px;color:#323a45;}
.joinFinish span.join_bg {display:inline-block;width:100%;height:214px;background:url('../images/bg_join_finish.png') no-repeat;}
.joinFinish .idinfoBox {width:216px;margin:20px auto;padding:13px 20px 9px;line-height:24px;border:3px solid #8da3c3;text-align:center;color:#323a45;word-wrap:break-word;}
.joinFinish .idinfoBox strong {font-size:18px;color:#323a45;font-weight:500;}
.joinFinish .txtBox {margin-bottom:30px;}
.joinFinish .txtBox p {padding:5px 0;border-bottom:1px solid #ced6e2;line-height:22px;font-size:14px;color:#323437;text-align:center;word-wrap:break-word;}
.joinFinish .txtBox p:last-child {border-bottom:0 none;}
.joinFinish .txtBox p em {font-weight:500;color:#ff4d5c;}
/* leaveArea :: 탈퇴 페이지 */
.leaveArea .dlStyle .tt {display:inline-block;width:100%;padding:15px 7px 0 30px;}
.leaveArea .dlStyle .detail {display:inline-block;width:100%;padding:10px 10px 7px 30px;line-height:21px;box-sizing:border-box;color:#1b2127;}
.leaveArea .pickBox * {color:#1b2127;}
.leaveArea .pickBox {margin-top:10px;}
.leaveArea .pickBox dt:before {content:'';display:inline-block;width:6px;height:6px;margin-right:10px;border-radius:3px;background:#32363b;}
.leaveArea .pickBox dt {padding:10px 0;font-weight:500;}
.leaveArea .pickBox dd .checkSet {padding:10px 0;}
.leaveArea .pickBox dd .checkSet label {font-weight:normal;}
/* ===== 커뮤니티 ===== */
/* galleryList */
.galleryList .back {margin:0 -7px;}
.galleryList ul {clear:left;display:inline-block;width:100%;overflow:hidden;margin-bottom:-20px;}
.galleryList ul li {float:left;width:20%;padding:0 7px 27px;box-sizing:border-box;}
.galleryList ul li div {position:relative;width:100%;padding-bottom:calc(100% - 2px);box-sizing:border-box;background:#fff;border:1px solid #9ba6b4;overflow: hidden;}
.galleryList ul li em {position: absolute;z-index: 6;bottom: 0;left: 0;right: 0;margin: auto;max-width: 100%;height: 31px;padding: 10px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;white-space: normal;word-wrap: break-word;line-height: 1.4;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color: #fff;background:rgba(0,0,0,.7);}
.galleryList ul li img {position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;max-width:100%;max-height:100%;}
.galleryList.safeCase {margin-top:10px;}
.galleryList.safeCase li {width:33.3%;}
.galleryList.safeCase li div {position:relative;width:100%;padding-bottom:0;border-color:#d9e0ec}
.galleryList.safeCase li img {position:relative;top:auto;bottom:auto;left:auto;right:auto;margin:0;max-height:none;max-width:none;width:100%;height:auto;}
/* eventList */
.eventList {border-top:1px solid #6b7685;}
.eventList .back {margin:0 -3px;}
.eventList ul {overflow:hidden;clear:left;padding-top:15px;}
.eventList ul li {float:left;display:table-cell;width:33.3%;height:100%;box-sizing:border-box;padding:0 3px 10px;}
.eventList ul li a {position:relative;display:block;width:100%;height:234px;padding:7px;border:1px solid #ced6e2;box-sizing:border-box;}
.eventList strong {display:inline-block;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:27px;max-height:54px;font-size:17px;font-weight:500;color:#323437;}
.eventList strong span.roundIcon {margin-right:10px;}
.eventList .imgBox {position:relative;overflow:hidden;display:inline-block;width:100%;height:118px;margin-bottom:5px;}
.eventList .imgBox span {overflow:hidden;display:table;top:0;left:0;width:100%;height:100%;}
.eventList .imgBox span em {display:table-cell;width:100%;height:100%;text-align:center;vertical-align:middle;background:#fff;}
.eventList .imgBox span img {max-width:100%;max-height:100%;height:auto;}
.eventList .infoBox {position:absolute;left:13px;right:23px;bottom:17px;color:#697281;font-size:14px;font-weight:500;}
.eventList .infoBox .view span {color:#1b2127;font-weight:normal;}
.eventList .infoBox .date {float:right;color:#1b2127;font-size:12px;}
/* faqList */
.faqList {margin-bottom:8px;}
.faqList dl dt {position:relative;padding:15px 35px 15px 50px;margin-bottom:-1px;color:#323437;font-size:16px;line-height:18px;font-weight:500;border:1px solid #b7c2d1;border-bottom:1px solid transparent;word-break: break-all;cursor:default;}
.faqList dl:last-child dt {border-bottom-color:#b7c2d1;}
.faqList dl:last-child dd {border-bottom:1px solid #b7c2d1;}
.faqList dl dt:hover {z-index:1;border:1px solid #ff4d5c;}
.faqList dl dt.on {border:1px solid #ff4d5c;margin-bottom:0;}
.faqList dl dt:before {content:'Q';position:absolute;left:18px;top:14px;display:inline-block;font-size:20px;font-weight:500;color:#fe6370;}
.faqList dl dt:after {content:'Q';position:absolute;right:15px;top:50%;margin-top:-10px;width:22px;height:22px;border:0 none;background:url('../images/bg_btn.png')no-repeat right -206px;text-indent:-9999px;}
.faqList dl dt.on:after {background-position:right -248px;}
.faqList dl dd {display:none;position:relative;padding:13px 20px 13px 50px;background:#eff3f7;line-height:30px;font-size:16px;color:#323437;border-left:1px solid #b7c2d1;border-right:1px solid #b7c2d1;word-break:break-all;}
.faqList dl dd:before {content:'A';position:absolute;left:18px;top:13px;display:inline-block;padding-right:20px;font-size:20px;font-weight:500;color:#717c8b;}
/* 1:1문의 도입 */
.inquiryArea {padding:60px 20px 200px;text-align:center;}
.inquiryArea .bg {display:inline-block;width:178px;height:178px;background:url('../images/bg_inquiry.png') no-repeat center center;text-indent:-9999px;}
.inquiryArea h3 {padding:35px 0 20px;line-height:30px;color:#323a45;font-size:24px;font-weight:500;word-break: keep-all;}
.inquiryArea .infoBox {width:446px;padding:16px 20px;margin:0 auto;margin-bottom:20px;border:3px solid #8da3c3;text-align:left;}
.inquiryArea .infoBox ul li {line-height:24px;list-style-type:disc;margin-left:20px;color:#323a45;word-break:break-all;}
.inquiryArea .infoBox ul li a {color:#0000ff;border-bottom:1px solid #0000ff;}
/* ===== 프로그램 안내 ===== */
/* programList */
.pgList ul::after {content:'';display:block;clear:both;}
.pgList ul li {padding-bottom:10px;}
.pgList ul li a {position:relative;display:inline-block;width:100%;border:1px solid #c4d1de;box-sizing:border-box;background:#f8fbfd;}
.pgList ul li .imgBox {position:absolute;left:0;top:0;display:inline-block;width:200px;height:136px;overflow:hidden;border-right:1px solid #c4d1de;box-sizing:border-box;line-height:0;}
.pgList ul li .imgBox img {position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;max-height:100%;max-width:100%;/* width:100%;height:100%; */} /* 2018-04-25 */
.pgList ul li .txtBox {display:inline-block;width:100%;height:136px;padding:0 90px 0 225px;box-sizing:border-box;}
.pgList ul li .txtBox strong {display:inline-block;width:100%;padding:20px 0 15px;font-size:24px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;color:#2b2c2c;}
.pgList ul li .txtBox span {display:inline-block;width:100%;line-height:24px;font-size:16px;color:#3c3c3c;font-weight:500;word-wrap: break-word;}
.pgList ul li .txtBox span:nth-child(3),
.pgList ul li .txtBox span:nth-child(4){display:inline-block;width:auto;}
.pgList ul li .txtBox span i {color:#3c3c3c;font-size:16px;}
.pgList ul li .txtBox p {display:inline-block;width:20px;}
.pgList ul li .txtBox em {font-size:18px;color:#3c3c3c;font-weight:500;}
.pgList ul li b {position:absolute;right:-1px;top:50%;margin-top:-15px;}
.pgList ul li.none .imgBox:before {content:'';position:absolute;left:0;top:0;display:inline-block;width:200px;height:inherit;background: rgba(255, 255, 255, 0.5);}
.pgList ul li.none .txtBox {background:#f0f7fa;opacity:0.5;}
.pgList ul li.noResult {padding:50px 0;border:1px solid #c4d1de;text-align:center;font-weight:500;} /* 2018-04-25 */
.pgList.activityCase .imgBox {width:387px;height:256px;}
.pgList.activityCase .txtBox {padding:0 50px 0 420px;height:256px;}
.pgList.activityCase p {width:auto !important;/* margin:10px 0 0;padding:10px 0 0; */margin:5px 0 0;padding:5px 0;line-height:2;border-top:1px solid #c4d1de;}
.pgList.activityCase ul li .txtBox strong {/* padding:20px 0 10px; */padding:10px 0 10px;}
.pgList.activityCase ul li .txtBox span {line-height:30px;}
.pgList.activityCase ul li .txtBox span:before {content:'';display:inline-block;width:6px;height:6px;margin:-2px 7px 0 0;vertical-align:middle;border-radius:100%;background:#7992b2;}
.pgList.activityCase ul li b {top:24px;margin:0;}
.pgList ul li.imgNone .txtBox {display:inline-block;width:100%;padding:0 90px 0 20px;box-sizing:border-box;}
/* 체험활동 */
.activityCal .month {height:80px;line-height:70px;text-align:center;border-top:1px solid #38465a;}
.activityCal .month span {padding:0 60px;font-size:30px;font-family:'Lato' !important;color:#374452;vertical-align:middle;}
.activityCal .month input {width:30px;height:30px;text-indent:-9999px;overflow:hidden;border:1px solid #5b656c;background:white url("../images/btn_activityCal_prev.png") no-repeat;}
.activityCal .month input.next {background:white url("../images/btn_activityCal_next.png") no-repeat;}
.activityCal table {border-collapse:separate;border-spacing:0;width:100%;border-top:1px solid #38465a;border-bottom:1px solid #38465a;}
.activityCal table thead th {width:14.2%;height:34px;text-align:center;font-weight:500;color:#fff;border-left:1px solid #ced6e2;background:#768395;}
.activityCal table thead th:first-child {border-left:0;}
.activityCal table tbody td {position:relative;padding:10px 0 5px 10px;vertical-align:top;border-left:1px solid #ced6e2;border-bottom:1px solid #ced6e2}
.activityCal table tbody td:first-child {border-left:0;}
.activityCal table tbody td:last-child {border-right:0;}
.activityCal table tbody tr:last-child td {border-bottom:0;}
.activityCal table tbody td div {padding:0 0 0 11%;}
.activityCal table tbody td .day {font-size:24px;font-family:'Lato';line-height:0;color:#374452;}
.activityCal table tbody td.notM .day {color:#9ba1a8;}
.activityCal table tbody td.holyD .day {color:#dd8e8e;}
.activityCal table tbody td.holyD div {color:#dd8e8e;}
.activityCal table .tSet {display:block;margin:2px 0;}
.activityCal table .tSet * {font-weight:normal;font-size:11px;color:#1b2127;}
.activityCal table .tSet span {display:inline-block;padding:1px 3px 1px;width:82px;text-align:center;border:1px solid #16a27c;border-radius:2px;box-sizing:border-box;background:#3bf693;box-shadow: 0px 2px 2px rgba(0,0,0,.4);}
.activityCal table .tSet span i {display:inline-block;width:17px;font-style:normal;text-align:right;}
.activityCal table .tSet.closed span {text-align:center;border-color:#e2e9ed;background:#e2e9ed;box-shadow:none;}
.activityCal table .tSet .to {padding-right:5px;}
.activityCal .prEtc {margin-top:15px;}
.activityCal .prEtc strong {padding:10px 18px;}
.activityCal .prEtc strong em {display:inline-block;width:100%;padding:3px 0;}
.bicycleCase {display:table;width:100%;}
.bicycleCase .calLayout {display:table-cell;}
.activityCal .bicycleCase .calLayout table tbody td {padding:10px 10px 5px 10px;}
.activityCal .bicycleCase .calLayout table tbody td.closure {background:#c6d0dc;}
.activityCal .bicycleCase .calLayout table tbody td.choiceD {/* box-shadow:red; */border:2px solid #fa4d5e;}
.activityCal .bicycleCase .calLayout table tbody td div {padding:4px 0 3px 0;}
.activityCal .bicycleCase .calLayout table .tSet span {width:100%;}
.bicycleCase .timeLayout {display:table-cell;width:40%;padding:0 0 0 25px;}
.bicycleCase .timeLayout table tbody td {position:relative;text-align:center;color:#1b2127;vertical-align:middle;padding:8px 1% 7px 1%;}
.bicycleCase .timeLayout.hiringCase table .checkSet {margin:0;} /* 대관상세 time table checkbox Area */
.bicycleCase .timeLayout.hiringCase table .checkSet i {margin:0;} /* 대관상세 time table checkbox Area */
.bicycleCase .timeLayout p {padding:10px 0 0;}
.activityCal .bicycleCase .timeLayout table .tSet span {border:1px solid #b82323;background:#fa4d5e;box-shadow: 0px 2px 2px rgba(0,0,0,.4);}
.activityCal .bicycleCase .timeLayout table .tSet * {color:#fff;}
.activityCal .bicycleCase .timeLayout table .tSet.closed span {border-color:#e2e9ed;background:#e2e9ed;box-shadow:none;}
.activityCal .bicycleCase .timeLayout table .tSet.closed * {color:#1b2127;}
.activityCal .bicycleCase .timeLayout table .tSet.possible * {color:#1b2127;}
.activityCal .bicycleCase .timeLayout table .tSet.possible a {cursor:none;}
.activityCal .bicycleCase .timeLayout table .tSet.possible span {border-color:#16a27c;background:#58bba0;box-shadow:none;color:#fff;}
.activityDate {display:inline-block;width:100%;padding:15px 20px;font-size:16px;color:#1b2127;font-weight:500;line-height:2;box-sizing:border-box;border:1px solid #d9e0ec;}
.activityDate span {margin:0 10px 0 10px;display:inline-block;font-size:18px;color:#1b2127;font-weight:normal;border-bottom:1px solid red;}
.cubt {display:table;width:100%;}
.cubtc {display:table-cell;text-align:center;vertical-align:middle;box-sizing:border-box;}
.cubt.inSide .cubtc {padding:0 10px;height:44px;color:#1b2127;border-left:1px solid #ced6e2;border-bottom:1px solid #ced6e2;word-break: keep-all;} /* 2018-04-27 */
.cubt.thead {border-top:1px solid #38465a;background:#768395;}
.cubt.thead * {color:#fff;}
.cubt.thead .wAFull .cubtc {height:34px;color:#fff;text-align:center;}
.cubtc em {display:none;color:#1b2127;}
.cubtc span.ib {display:inline-block;width:100%;}
.cubtc.w100 {width:45%;text-align:center;}
.cubtc.w150 {width:50%;text-align:right;}
.cubtc.w160 {width:17%;text-align:right;padding:0 10px;border-left:1px solid #ced6e2;border-bottom:1px solid #ced6e2;}
.cubtc.w130 {width:130px;padding:0 10px;border-bottom:1px solid #ced6e2;}
.cubtc.w170 {width:170px;padding:0 10px;border-bottom:1px solid #ced6e2;}
.cubtc.w170:last-child {border-left:1px solid #ced6e2;}
.cubtc.w200 {width:25%;}
.cubtc.w300 {width:35%;}
.cubtc.w400 {width:50%;}
.cubtc.w380 {width:380px;}
.cubt.tfoot .cubt.inSide .cubtc {border-left:0;}
.cubt.tfoot .cubt.inSide .cubtc.w160 {border-left:1px solid #ced6e2;}
.cubt.tfoot .bTotal {border-bottom:1px solid #ced6e2;}
.cubt.tfoot .bTotal2 .cubtc:last-child {border-left:1px solid #ced6e2;}
.qBox {display:inline-block;margin:0 3px 0 0;border:1px solid #5e5e5e;height:26px;vertical-align:middle;}
.qBox .cP,
.qBox .cM {float:left;width:20px;height:26px;color:#1e1e1e;text-align:center;line-height:26px;border:none;background:#fff;}
.qBox .cN {float:left;width:40px;height:26px;border-left:1px solid #5e5e5e;border-right:1px solid #5e5e5e;}
.qBox .cN input[type="number"] {width:100%;height:26px;padding:0;color:#1e1e1e;text-align:center;border:0;background:0;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
/*.cubt.tfoot {border-top:1px solid red;}
.cubt.tfoot .cubtc.w170,
.cubt.tfoot .cubt.inSide .cubtc {border-color:red;}
.cubtc.last {border-bottom-color:red;}*/
/* 대관신청 */
.leaseArea .leaselist {padding:20px 15px 5px;margin-bottom:0;border:1px solid #ced6e2;}
.leaseArea .leaselist ul {clear:left;display:inline-block;width:100%;overflow:hidden;}
.leaseArea .leaselist ul li {float:left;display:table;width:100%;padding:0 5px 10px;min-height:110px;box-sizing:border-box;}
.leaseArea .leaselist ul li span {display:table-cell;width:190px;vertical-align:top;}
.leaseArea .leaselist ul li span em {position:relative;display:inline-block;width:100%;padding-bottom:calc(100% - 2px);box-sizing:border-box;background:#fff;border:1px solid #9ba6b4;}
.leaseArea .leaselist ul li img {position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;max-height:100%;max-width:100%;}
.leaseArea .leaselist ul li dl {display:table-cell;padding:0 10px 0 20px;vertical-align:top;}
.leaseArea .leaselist ul li dl dt {padding:5px 0 5px;font-size:16px;font-weight:500;color:#000;}
.leaseArea .leaselist ul li dl dd.txt {padding:0 0 3px 0;height:auto;line-height:1.5;}
.leaseArea .leaselist ul li dl dd.price {padding:0 0 10px 0;height:35px;line-height:20px;} /*2019-05-23 수정  */
.leaseArea .leaselist ul li dl dd.btn a {float:left;margin:0 10px 0 0;display:inline-block;width:95px;height:28px;padding:0;line-height:26px;font-weight:500;text-align:center;color:#fff;border:none;box-sizing:border-box;border-radius:5px;background:#09aeee;}
.leaseArea .leaselist ul li dl dd.btn a.w115 {width:115px;}
.leaseArea .selectLease {padding:20px 40px 20px;}
.leaseArea .selectLease .selectSet {width:100%;height: 50px;border: 1px solid #7e8c99;border-radius: 2px;}
.leaseArea .selectLease .selectSet strong {padding:4px 22px 4px 15px;line-height:40px;color:#0660ad;font-size:20px;font-weight:500;}
.leaseArea .selectLease .selectSet strong:after {right:15px;top:20px;border-right:8px solid transparent;border-left:8px solid transparent;border-top:8px solid #0660ad;}
.leaseArea .selectLease .selectSet select {font-size:20px;}
/* ===== 유스센터 ===== */
/* 2019-07-03 유스센터 내용 삭제 by lexy */
/* ===== 이용안내 ===== */
/* 프로그램 신청 안내, 대관예약 안내 */
.tab.fixedTab {padding:0 20px;}
.tab.fixedTab span {width:200px;}
.guideArea div {padding:15px 40px;margin-bottom:0;border:1px solid #f08c95;}
.guideArea div ol {overflow:hidden;margin:20px 0 20px;counter-reset:item;}
.guideArea div ol li {position:relative;float:left;height:140px;}
.guideArea div ol li strong {position:absolute;left:0;bottom:0;display:inline-block;width:100%;text-align:center;font-family: 'NanumSquare' !important;color:#353b40;font-size:18px;font-weight:bold;word-break:break-all;}
.guideArea div ol li:after {content:"";display: block;position:absolute;right:-3px;top:50%;width:11px;height:11px;border-top:2px solid #ff4d5c;border-right:2px solid #ff4d5c;-webkit-transform: rotate(45deg);transform: rotate(45deg);margin-top:-7px;}
.guideArea div ol li:last-child:after {display:none;}
.guideArea div.complyBox ol li {width:25%;background:url('../images/img_info_comply.png') no-repeat;}
.guideArea div.complyBox ol li:first-child {background-position:center top;}
.guideArea div.complyBox ol li:nth-child(2) {background-position:center -130px;}
.guideArea div.complyBox ol li:nth-child(3) {background-position:center -260px;}
.guideArea div.complyBox ol li:nth-child(4) {background-position:center -390px;}
.guideArea div.refundBox ol li {width:20%;background:url('../images/img_info_refund.png') no-repeat;}
.guideArea div.refundBox ol li:first-child {background-position:center top;}
.guideArea div.refundBox ol li:nth-child(2) {background-position:center -130px;}
.guideArea div.refundBox ol li:nth-child(3) {background-position:center -260px;}
.guideArea div.refundBox ol li:nth-child(4) {background-position:center -390px;}
.guideArea div.refundBox ol li:nth-child(5) {background-position:center -520px;}
.guideArea div.refundBox img {width:100%;}
.guideArea div p {color:#ff1226;font-size:12px;font-weight:500;word-wrap: break-word;}
.guideArea dl dd ol li {position:relative;line-height:28px;list-style-type:none;list-style-position:inside;font-size:14px;color:#1b2127;word-break: keep-all;}
.guideArea dl dd ol>li {padding-left:20px;counter-increment:item;}
.guideArea dl dd ol li:before {position:absolute;left:0;top:0;display:inline-block;content:counter(item) ".";font-weight:500;}
.guideArea dl dd ol li p {/* font-family:'돋움,Dotum'; */font-size:12px;}
.guideArea dl dd ul {padding-left:10px;}
.guideArea dl dd ul li {padding-left:13px;list-style:none;/* font-family:'돋움,Dotum'; */font-size:14px;}
.guideArea dl dd ul li:before {content:'-';margin-right:8px;}
.guideArea dl dd p {line-height:28px;color:#1b2127;}
.guideArea dl dd span {display:inline-block;width:100%;line-height:28px;color:#1b2127;}
.guideArea dl dd a {color:blue;border-bottom:1px solid blue;}
.guideArea.infoCase .dlStyle .tt {width:160px;}
.guideArea.infoCase .dlStyle .detail {line-height:190%;}
.guideArea.infoCase .txt1 {padding:5px 0 0 0;}
.guideArea.infoCase .txt2 {padding:5px 10px 15px;font-weight:500;font-size:16px;}
.guideArea.infoCase .tbls2 {padding:0 0 10px;border:none;}
.guideArea.infoCase .tbls2.pd10 {padding:0 10px 10px;}
.guideArea.infoCase .tbls2.notFull table {width:auto;}
.guideArea div.mobile {border:none;padding:0;border:none;}
.guideArea div.mobile table {padding-left:7px;border:none;}
.guideArea div.mobile div {border:none;padding:0;}
.guideArea div.mobile {margin:0 0 20px;}
.guideArea div.mobile table tr td div span {height:auto;line-height:22px;}
.guideArea .mobile table tr td div span:nth-child(3) {display:block;}
/* ===== membership ===== */
/* 이용약관, 개인정보 취급방침, 제3자 제공 */
.papersArea {margin-top:6px;padding:18px;border:1px solid #8da3c3;}
.papersArea dl * {font-size:14px;color:#1b2127;}
.papersArea>dl {margin-bottom:28px;line-height:28px;}
.papersArea dl.backBg {padding:10px 20px;background:#f3f8fa;}
.papersArea dl ul {padding-left:17px;}
.papersArea dl dd p {word-break: break-all;}
.papersArea dl dd ol ol {padding-left:17px;}
.papersArea dl dd ol ol li {list-style-type:decimal;list-style-position:inside;}
.papersArea .cntList {counter-reset: qcnt;}
.papersArea .cntList>li:before {float:left;padding-right:4px;counter-increment:qcnt;content: counter(qcnt);}
.papersArea .cntList.num>li:nth-child(1):before { content: "\2460" " "; }
.papersArea .cntList.num>li:nth-child(2):before { content: "\2461" " "; }
.papersArea .cntList.num>li:nth-child(3):before { content: "\2462" " "; } /* 원 안에 숫자 */
.papersArea .cntList.kor li:nth-child(1):before { content: "가" "."; }
.papersArea .cntList.kor li:nth-child(2):before { content: "나" "."; }
.papersArea .cntList.kor li:nth-child(3):before { content: "다" "."; } /* 가나다 */
/* 사이트맵 */
.mapArea {margin-top:70px;border-top:1px solid #6b7685;}
.mapArea h3 {font-size:20px;color:#404c58;text-align:left;}
.mapArea .gridSet {border-bottom:1px solid #ced6e2;}
.mapArea .gridItem {text-align:left;padding:35px 0 0 40px;width:auto;vertical-align:top;box-sizing:border-box;}
.mapArea .gridItem:first-child {padding:35px 0 0 17px;width:140px;border-right:1px solid #ced6e2;}
.mapArea .largeCate {overflow:hidden;}
.mapArea .largeCate>li {display:inline-block;width:24%;margin-bottom:34px;text-align:left;vertical-align:top;}
.mapArea .largeCate.six>li {width:130px;}
.mapArea .largeCate.five>li {width:143px;}
.mapArea .largeCate.five>li:last-child {padding-right:0px;}
.mapArea .largeCate>li>a {display:inline-block;font-weight:500;color:#1b2127;}
.mapArea .largeCate>li:before {content:'';display:inline-block;width:6px;height:6px;margin-right:15px;background:#686f79;}
.mapArea .largeCate ul::first-child {display:table;}
.mapArea .largeCate li ul {margin-top:15px;padding-left:10px;}
.mapArea .largeCate li ul li {position:relative;padding-left:10px;margin-bottom:10px;} /* 2018-04-16 */
.mapArea .largeCate li ul li:before {content:'-';position:absolute;left:0;top:50%;margin-top:-8px;} /* 2018-04-16 */
/* 통합검색 */
.inschArea .selectSet {margin-right:10px;}
.inschArea p.info {margin:30px 0 20px;color:#323437;font-size:16px;font-weight:500;text-align:center;}
.inschArea p.total {padding:0 15px;line-height:56px;color:#323a45;font-size:14px;}
.inschArea p.total strong {font-size:16px;color:#323a45;font-weight:500;}
.inschArea p.total em {margin-right:5px;font-size:16px;color:#fe162a;font-weight:500;}
.inschArea p.total:before {content:'';display:inline-block;width:6px;height:6px;margin-right:8px;background:#686f79;border-radius:1px;}
.inschArea .schBox {padding:18px 10px 16px;background:#e2e9f3;border:1px solid #8da3c3;text-align:center;}
.inschArea .schBox>div {display:inline-block;}
.inschArea .schBox div div {display:inline-block;}
.inschArea .resBox {padding:0 19px;margin-bottom:22px;border-top:1px solid #6b7685;}
.inschArea .resBox.noResult {line-height:140px;text-align:center;}
.inschArea .resBox h3 {padding:10px 0;border-bottom:1px solid #ced6e2;color:#323a45;font-size:16px;font-weight:normal;}
.inschArea .resBox h3 em {display:inline-block;margin:0 5px 0 10px;color:#fe162a;font-weight:500;}
.inschArea .resBox h3 strong {font-size:18px;font-weight:500;}
.inschArea .resBox .resTxt {overflow:hidden;padding:19px 11px 15px 19px;}
.inschArea .resBox .resTxt a {text-decoration:underline;font-weight:500;word-break: break-word;}
.inschArea .resBox .resTxt ul li {margin-bottom:15px;}
.inschArea .resBox .resTxt ul li:last-child {margin-bottom:0;}
.inschArea .resBox .resTxt ul li.txtRoot a:after {content:'>';display:inline-block;margin:0 5px;}
.inschArea .resBox .resTxt ul li.txtRoot a:last-child:after {display:none;}
.inschArea .resBox .resTxt input.more,
.inschArea .resBox .resTxt input.moreClose {float:right;margin-top:29px;border:0 none;background:none;color:#ff4d5c;font-weight:500;}
.inschArea .resBox .resTxt .paginate {margin-top:20px;}
/* 온라인수강신청 */
.onschAreaBack {padding:20px 40px 20px;}
.onschArea {padding:15px 20px 15px 20px;border:1px solid #8da3c3;box-shadow:inset 0 0 0 5px #e2e9f3;}
.onschArea .line .selectSet strong {font-weight:normal;}
.onschArea .line {display:inline-block;width:100%;padding:5px 0;}
.onschArea .line.l1 .selectSet {float:left;/* margin-right:5px; */margin-right:7px;width:25%;}
.onschArea .line.l1 .checkSet {margin:8px 0 0 5px;}
.onschArea .line.l2 {padding:5px 0 0 0;}
.onschArea .line.l2 input {float:left;width:488px;margin-right:5px;}
.onschArea .line.l3 {padding:2px 0 0 0;}
.onschArea .line.l3 .col1,
.onschArea .line.l3 .col2,
.onschArea .line.l3 .col3,
.onschArea .line.l3 .searBtn {float:left;display:inline-block;padding:5px 5px 0 0;}
.onschArea .line.l3 .col1 .selectSet {width:128px;}
.onschArea .line.l3 .col2 .selectSet {width:175px;}
.onschArea .line.l3 .col3 input {width:175px;margin-right:5px;}
.onschArea .onday {float:left;position:relative;display:inline-block;vertical-align:middle;}
.onschArea .onday input[type="checkbox"] {position:absolute;opacity:0;left:0;top:0;width:100%;height:20px;}
.onschArea .onday label {position:relative;display:inline-block;width:35px;height:30px;font-size:14px;line-height:30px;text-align:center;font-weight:500;border:1px solid #7e8c99;border-left:0;}
.onschArea .onday:first-child label {border-left:1px solid #7e8c99;}
.onschArea .onday input[type="checkbox"]:checked + label {color:#fff;border-color:#ff4d5c;background:#ff4d5c;}
/* 2018-04-30 by hr-park */
.memberArea {padding:40px 40px 20px;}
.memberArea .firstLine {padding:0 0 20px;}
.memberArea .firstLine strong {display:inline-block;width:100%;height:110px;padding-top:118px;font-size:34px;color:#444;font-weight:500;background:url('../images/bg_membership.png') no-repeat center top;text-align:center;word-break:keep-all;}
.memberArea .firstLine strong em {font-size:34px;color:#f84c61;font-weight:500;}
.memberArea .firstLine ul {display:table;width:100%;padding-bottom:30px;}
.memberArea .firstLine ul li {display:table-cell;width:33%;margin-bottom:40px;text-align:center;}
.memberArea .firstLine ul li:first-child {padding-right:2%;}
.memberArea .firstLine ul li:last-child {padding-left:2%;}
/* .memberArea .firstLine ul li.center {padding:0 1%;width:34%;} */ /*2019-06-14 */
.memberArea .firstLine ul li img {display:inline-block;/* width:155px; */width:auto;height:155px;}
.memberArea .firstLine ul li dl {width:100%;}
.memberArea .firstLine ul li dl dt {padding:25px 0 10px;margin-bottom:20px;font-size:20px;color:#f64a15;font-weight:500;border-bottom:1px solid red;}
.memberArea .firstLine ul li dl dd {padding-bottom:10px;word-break:keep-all;line-height:14px;}
.memberArea .programDetail {border-top:1px solid #ddd;}
.memberArea .programDetail h3 {padding:30px 0 30px;color:#000;font-size:18px;}
.memberArea .programDetail .proSet .proTt {padding:0 0 16px 0;}
.memberArea .programDetail .proDt {padding:0 16px 30px;}
.memberArea .programDetail .proDt li {padding:0 0 0 20px;text-indent:-20px;line-height:160%;}
.memberArea .programDetail .proDt li p {padding:5px 0 5px 5px;text-indent:0;color:#f64a15;}
.memberArea .programDetail .proDt li table {border-collapse:collapse;margin:20px 0 0 -20px;text-indent:0;width:100%;text-align:center;}
.memberArea .programDetail .proDt li table th {padding:5px 0;color:#fff;border:none;background:#aaa;}
.memberArea .programDetail .proDt li table td {padding:5px 30px;color:#666;border:none;border-bottom:1px solid #aaa;}
.memberArea .programDetail .proDt li table td.tRight {padding:5px 50px 5px 30px;}
.memberArea .programDetail .proDt dl {margin-top:20px;padding:20px 20px 20px 154px;line-height:160%;border:1px solid #ddd;background:url('../images/img_program_icon1.png') no-repeat 45px center;}
.memberArea .programDetail .proDt dl.last {background:url('../images/img_program_icon2.png') no-repeat 45px center;}
.memberArea .programDetail .proDt dl dt {font-weight:500;color:#222;}
.memberArea .programDetail .proDt dl dd {font-size:14px;}
.memberArea .programDetail .proDt li table tr em {display:none;color:#c16f6f;}
.memberArea .programDetail .proDt li table td div {display:table;width:100%;}
.memberArea .programDetail .proDt li table td div span {display:table-cell;width:25%;text-align:center;vertical-align:middle;box-sizing:border-box;color:#323a45;}
.memberArea .programDetail .proDt table.reactive td {padding:10px 0px;}
/** Index Page **/
#container.indexCase {position:fixed;z-index:20;left:0;top:0;right:0;bottom:0;width:100%;background:#fff;}
#container.indexCase h2 {padding:50px 0 20px;}
#container.indexCase .comBack {position:relative;padding:50px 0;}
#container.indexCase .indexMenu {display:table;width:100%;}
#container.indexCase .indexMenu li {display:table-cell;width:25%;height:600px;vertical-align:top;box-sizing:border-box;border:5px solid #fff}
#container.indexCase .indexMenu li a {display:table;width:100%;height:100%;}
#container.indexCase .indexMenu li span {display:table-cell;height:100%;vertical-align:middle;font-weight:500;color:#fff;font-size:33px;font-family:'NanumSquare' !important;font-weight:bold;}
#container.indexCase .indexMenu li span em {display:inline-block;width:100%;font-size:18px;color:#fff;height:155px;line-height:1.5;padding:10px 0 0;}
#container.indexCase .indexMenu li:hover span {background:rgba(0,0,0,.5);}
#container.indexCase .indexMenu li:nth-child(1) a {background:#e43a46;}
#container.indexCase .indexMenu li:nth-child(1) a:hover {background:url('../images/bg_newBanner01.png') no-repeat center;background-size:auto 100%;}
#container.indexCase .indexMenu li:nth-child(2) a {background:#fb911f;}
#container.indexCase .indexMenu li:nth-child(2) a:hover {background:url('../images/bg_newBanner02.png') no-repeat center;background-size:auto 100%;}
#container.indexCase .indexMenu li:nth-child(3) a {background:#4ba1e4;}
#container.indexCase .indexMenu li:nth-child(3) a:hover {background:url('../images/bg_newBanner03.png') no-repeat center;background-size:auto 100%;}
#container.indexCase .indexMenu li:nth-child(4) a {background:#6dbe45;}
#container.indexCase .indexMenu li:nth-child(4) a:hover {background:url('../images/bg_newBanner04.png') no-repeat center;background-size:auto 100%;}
/* ====================== */
/* Popup Layout */
/* ====================== */
#blind_wrap {position:fixed;left:0;top:0;bottom:0;display:block;width:100%;z-index:3000;background:#000;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
			filter: alpha(opacity=75);
			opacity: .75;}
.commonPop {position:fixed;z-index:3005;top:50%;left:50%;display:inline-block;width:500px;height:auto;margin:-100px 0 0 -250px;box-shadow:0 8px 8px rgba(0, 0, 0, 0.5);background:#fff;padding-bottom:87px;overflow:hidden;border-radius:8px;font-family:'NanumGothic';}
.commonPop .popData {padding:15px 20px;overflow-y:auto;max-height:400px;background-color:#fff;}
.commonPop .popHeader {position:relative;height:56px;border-bottom:1px solid #ff4d5c;text-align:left;}
.commonPop .popHeader strong {display:inline-block;font-size:20px;padding:16px 27px;color:#1b2127;}
.commonPop .popHeader .pclose {position:absolute;right:17px;top:20px;width:15px;height:15px;text-indent:-9999px;border:none;cursor:pointer;overflow:hidden;background:url('../images/p_close.png');}
.commonPop p.info {font-size:12px;font-weight:500;color:#2a2a2a;text-align:left;}
.commonPop * {font-family:'NanumGothic','나눔고딕','Nanum Gothic',Dotum,Sans-serif;}
.popBtn {position:absolute;left:0;bottom:0;height:65px;width:100%;line-height:65px;}
.popBtn .back {display:table;width:100%;height:100%;background:#fff;border-top:1px solid #38465a;text-align:center;}
.popBtn .back .btnpSet {display:inline-block;width:128px;height:38px;line-height:36px;font-weight:500;color:#fff;border:0;font-size:14px;border-radius:4px;}
.popBtn .back .btnpSet.gray {background:#8398b4;border:1px solid #5e6b7c;}
.popBtn .back .btnpSet.pink {background:#ff4d5c;border:1px solid #a52933;}
/* 이용약관, 개인정보 변경안내 팝업 */
.guidePop {margin:-227px 0 0 -250px}
.guidePop .popData strong {display:inline-block;margin:53px 0;color:#ff4d5c;font-size:30px;}
.guidePop .popData p {width:360px;margin:0 auto;line-height:24px;font-size:14px;color:#2a2a2a;font-weight:900;padding-bottom:15px;border-bottom:1px solid #c1c7cf;}
.guidePop .popData p em {font-size:14px;color:#ff293b;font-weight:900;}
.guidePop .popData span {display:inline-block;margin:10px 0 30px;font-size:12px;color:#fe0c20;}
/* 주소검색 */
.addrPop {margin:-285px 0 0 -250px;}
.addrPop p.info {margin-bottom:40px;}
.addrPop .searchBox {display:table;width:100%;margin-bottom:24px;}
.addrPop .searchBox>div {display:table-cell;}
.addrPop .searchBox>div:last-child {width:105px;}
.addrPop .searchBox .btnC {width:90px;font-weight:500;}
.addrPop .popData {min-height:400px;}
.addrPop ul.popList {border-top:1px solid #38465a;border-bottom:1px solid #38465a;}
.addrPop ul.popList li {display:table;width:100%;border-bottom:1px solid #ced6e2;cursor:default;}
.addrPop ul.popList li:last-child {border-bottom:none;}
.addrPop ul.popList li div {display:table-cell;padding:10px 5px;text-align:center;font-weight:500;color:#2a2a2a;}
.addrPop ul.popList li div.adn {display:table-cell;width:99px;border-right:1px solid #ced6e2;vertical-align:middle;}
.addrPop ul.popList li.tt {background:#768395;}
.addrPop ul.popList li.tt div {color:#fff;font-weight:500;}
/* 아이디중복체크 */
.idPop {margin:-162px 0 0 -250px;}
.idPop p.info {margin-bottom:10px;}
.idPop .bbsws1 dl:last-child {border:none;}
.idPop .bbsws1 dl dt {padding:7px 7px 10px 10px;}
.idPop .bbsws1 dl dt.import {width:100px;}
.idPop .bbsws1 dl dd input {float:left;height:36px;margin:0 10px 0 0;}
.idPop .bbsws1 dl dd input.btnC {margin:0;}
.idPop .idResult {height:50px;font-weight:500;}
.idPop .idResult p {padding:5px 0;color:#00a800;}
.idPop .idResult p.notuse {color:#ff2b3d;}
/* 비밀번호변경 */
.pwPop {margin:-162px 0 0 -250px;}
.pwPop .bbsws1 {padding:15px 0 0;}
.pwPop .bbsws1 dl {border:none;}
.pwPop .bbsws1 dl dt {width:95px;padding:0 7px 0 26px;text-align:left;}
.pwPop .bbsws1 dl dt:before {margin:-2px 0 0 0;}
.pwPop .bbsws1 dl dd {padding:5px 20px 5px 10px;text-align:left;}
.pwPop .bbsws1 dl dd input {width:100%;}
/* 1:1문의 */
.questionPop {margin:-282px 0 0 -250px;}
.questionPop p.info {margin-bottom:10px;}
.questionPop .bbsws1 dl {text-align:left;}
.questionPop .bbsws1 dl:last-child {border-bottom-color:#ced6e2;}
.questionPop .bbsws1 dl dt {width:70px;padding:5px 7px 5px 26px;text-align:left;}
.questionPop .bbsws1 dl dt:before {margin:-2px 0 0 0;}
.questionPop .bbsws1 dl dd {padding:5px 10px 5px 10px;text-align:left;box-sizing:border-box;}
.questionPop .bbsws1 dl dd textarea {width:100%;height:240px;border:1px solid #7e8c99;}
.questionPop .bbsws1 dl.last dt {display:block;}
.questionPop .bbsws1 dl.last dt:after {display:none;}
.questionPop .bbsws1 dl.last dd {display:block;}
/**/
.prRulePop {width:780px;margin:-290px 0 0 -390px;}
.prRulePop .popData {max-height:500px;}
.prRulePop .bbsws1 dl {text-align:left;border:none;}
.prRulePop .bbsws1 dl dt {display:inline-block;width:auto;padding:0 0 0 26px}
.prRulePop .bbsws1 dl dt:before {margin:-3px 0 0 0;}
.prRulePop .bbsws1 dl dt:after {display:none;}
.prRulePop .bbsws1 dl dd {display:block;padding:0 0 0 0;}
.prRulePop .bbsws1 dl dd .papersArea {height:300px;overflow-y:auto;}
.prRulePop .chkAree {padding:15px 0 5px;text-align:right;}
.prRulePop .chkAree strong {color:#ff2b3d;padding-right:10px;}
/**/
.annualPop {position:absolute;top:100px;width:720px;margin:0 0 0 -360px;}
.annualPop .popData {max-height:inherit}
.annualPop.firstCase {position:fixed;top:50%;margin:-276px 0 0 -360px;}
.annualPop .btnpSet.pink {padding:0 20px;width:auto;}
.annualLayout {padding:0 0 20px;}
.annualLayout .pInfo {display:table;width:100%;border:1px solid #7e8c99;box-sizing:border-box;}
.annualLayout .pInfo span.cut {display:table-cell;width:144px;height:140px;text-align:center;vertical-align:top;border-right:1px solid #7e8c99;background:url("../images/bg_mypageMainYear_on.png") no-repeat center center;background-size:100% auto;}
.firstCase .annualLayout .pInfo span.cut {background:url("../images/bg_mypageMainYear.png") no-repeat center 45px;background-size:100% auto;}
.annualLayout .pInfo span.cut em {display:inline-block;width:100%;height:36px;line-height:32px;font-size:12px;font-weight:500;color:#fff;background:#ff4d5c;}
.annualLayout .pInfo div {display:table-cell;padding:0 30px 0 30px;position:relative;vertical-align:middle;text-align:left;}
.annualLayout .pInfo p {padding:4px 0;font-size:14px;color:#353535;}
.annualLayout .pInfo p.line1 {font-size:20px;}
.annualLayout .pInfo p.line1 strong {font-size:20px;}
.annualLayout .pInfo p.line1 span {float:right;font-size:14px;color:#353535;}
.annualLayout .pInfo p em {color:#353535;}
.annualLayout .txt {padding:9px 15px;font-size:12px;text-align:left;line-height:19px;color:#ff1414;}
.annualLayout .txt .btnC.white {float:right;margin:-18px 0 0;}
.annualLayout .bbsws1 {text-align:left;}
.annualLayout .bbsws1 dl:last-child {border-bottom-color:#ced6e2;}
.annualLayout .bbsws1 dl.topLine {border-top-color:#6b7685;}
.annualLayout .bbsws1 dl dt {width:140px;padding:8px 7px 8px 0px;}
.annualLayout .bbsws1 dl dd {padding:8px 10px 8px 7px;}
.annualLayout .kind {font-weight:500;font-size:16px;}
.annualLayout .kind p {padding:7px 0 0;font-size:12px;color:#336699;font-weight:normal;}
/**/
.annualLayout .annuaScroll {width:100%;max-height:193px;border:1px solid #b7c2d1;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;}
.annualLayout .annualList {text-align:left;}
.annualLayout .annualList dl dt {position:relative;padding:15px 115px 15px 38px;color:#323437;font-size:14px;line-height:18px;border-top:1px solid #b7c2d1;word-break: break-all;cursor:default;}
.annualLayout .annualList dl:first-child dt {border-top:0;}
.annualLayout .annualList dl dt:before {content:'';position:absolute;left:18px;top:50%;display:inline-block;margin:-3px 0 0 ;width:6px;height:6px;border-radius:2px;background:#ff4d5c;}
.annualLayout .annualList dl dt:after {content:'결제정보';position:absolute;right:15px;top:50%;margin-top:-10px;padding:0 28px 0 0;height:22px;color:#8e99a8;font-weight:normal;font-size:12px;border:0 none;background:url('../images/bg_btn.png')no-repeat right -206px;}
.annualLayout .annualList dl dt span {display:inline-block;width:100px;color:#323437;font-size:16px;font-weight:500;}
.annualLayout .annualList dl dt strong {float:right;font-weight:500;color:#ff3048;text-align:right;}
.annualLayout .annualList dl dt strong em {font-weight:500;color:#323437;}
.annualLayout .annualList dl dt.on:after {color:#ff4d5c;background-position:right -248px;}
.annualLayout .annualList dl dd {display:none;position:relative;padding:12px;background:#eff3f7;line-height:30px;font-size:16px;color:#323437;border-top:1px solid #ff4d5c;word-break:break-all;}
.annualLayout .lightInfo {position:relative;margin-top:5px;color:#567492;font-size:12px;line-height:normal;}
.annualLayout .lightInfo .btnSet {position:absolute;right:0;top:-2px;}
.annualLayout .apaylist li {padding-bottom:5px;}
.annualLayout .apaylist li div {position:relative;display:table;width:100%;padding:5px 10px;border:1px solid #b7c2d1;box-sizing:border-box;background:#fff;}
.annualLayout .apaylist li div .col {display:table-cell;width:380px;font-size:12px;}
.annualLayout .apaylist li div .col strong {padding-right:5px;font-size:14px;font-weight:500;color:#1b2127;}
.annualLayout .apaylist li.re div .col strong {color:#ff3048;}
.annualLayout .apaylist li div .col em {font-size:12px;}
.annualLayout .apaylist li div .col2 {display:table-cell;padding:0 40px 0 0;}
.annualLayout .apaylist li div .col2 span {float:right;font-size:14px;font-weight:500;color:#1b2127;}
.annualLayout .apaylist li div .btnSet {position:absolute;right:5px;top:2px;}
.annualLayout .annualAdd {padding:20px 0 0;text-align:left;}
.annualLayout .annualAdd div {height:34px;padding:5px 5px 5px 15px;border:1px solid #7e8c99;}
.annualLayout .annualAdd .btnSet.pPay {float:right;width:178px;}
.annualLayout .annualAdd .btnSet.pPay * {width:178px;background-position:left -600px;}
.annualLayout .annualAdd .radioSet {margin:5px 0 0;}
.annualLayout .annualAdd p {padding:7px 0 0;font-size:12px;color:#336699;font-weight:normal;}
.annualLayout .donation p {padding:10px 0 10px;font-size:13px;color:#336699;font-weight:normal;}
.annualLayout .donation div input {padding:3px;}
/* facilityPop */
.facilityPop {width:874px;margin:-328px 0 0 -437px;padding-bottom:0;}
.facilityPop .popData {max-height:600px;padding:0;}
.facilityPop .popData img {width:100%;}
.facilityPop .swiper-slide div {position:relative;width:100%;height:600px;box-sizing:border-box;background:#000;border:1px solid #9ba6b4;}
.facilityPop .swiper-slide img {position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;max-height:100%;max-width:100%;}
.facilityPop .swiper-button-prev {left:20px;height:50px;background:url('../images/btn_swiper_white_prev.png') no-repeat !important;}
.facilityPop .swiper-button-next {right:20px;height:50px;background:url('../images/btn_swiper_white_next.png') no-repeat !important;}
/* checkPop 2018-04-18 */
.checkPop {width:600px;margin:-275px 0 0 -300px;padding-bottom:65px;}
.checkPop .popData {padding:5px 20px 15px;}
.checkPop .bbsws1 dl {border-bottom:0 none;}
.checkPop .bbsws1 dl:last-child {border-bottom-color:#ced6e2;}
.checkPop .bbsws1 dl dt {display:inline-block;width:100%;padding:5px 7px 5px 26px;text-align:left;box-sizing:border-box;}
.checkPop .bbsws1 dl dt:after {display:none;}
.checkPop .bbsws1 dl dd {display:inline-block;width:100%;padding:0 10px;text-align:left;box-sizing:border-box;}
.checkPop .bbsws1 dl dd textarea {width:100%;border:1px solid #7e8c99;}
.checkPop .prEtc {overflow:hidden;display:table;width:100%;}
.checkPop .prEtc li {float:left;width:50%;}
.checkPop .prEtc li.fullArea {width:100%;}
.checkPop .prEtc li>span {padding:0;/* width:80px; */text-align:center;}
.checkPop .prEtc li strong {display:table;width:100%;padding:5px;box-sizing:border-box;}
.checkPop .prEtc li strong>span {padding:0;display:table-cell;}
.checkPop .prEtc li strong>span.unit {width:30px;padding-left:5px;text-align:center;}
.checkPop .medicalHis {border:1px solid #ced6e2;}
.checkPop .medicalHis p {padding:5px 10px;border-bottom:1px solid #ced6e2;line-height:20px;word-break:keep-all;}
.checkPop .medicalHis div {padding:2px 10px;}
.checkPop .checkSet {width:90px;margin:5px 0;}
/* end checkPop */
/* payPop 2018-05-03 */
.payPop {width:510px;margin:-135px 0 0 -255px;padding-bottom:80px;}
.payPop .popData {padding:5px 20px 15px;}
.payPop .bbsws1 dl {border-bottom:0 none;}
.payPop .bbsws1 dl dt {display:inline-block;width:100%;padding:10px 7px 15px 0;font-weight:normal;text-align:left;box-sizing:border-box;}
.payPop .bbsws1 dl dt:before {display:none;}
.payPop .bbsws1 dl dt:after {display:none;}
.payPop .bbsws1 dl dd {display:inline-block;width:100%;padding:20px 20px;text-align:left;box-sizing:border-box;border:1px solid #ced6e2}
.payPop .bbsws1 dl dd textarea {width:100%;border:1px solid #7e8c99;}
/* end payPop */
/* isIOS */
.isIOS .footAddress .siteSet strong {line-height:normal;}
/* 2018-05-03 */
.mnotiPop {width:400px;margin:-200px 0 0 -155px;padding-bottom:35px;}
.mnotiPop .popData {padding:5px 5px 5px;max-height:550px;}
.mnotiPop .popData img {width:100%;}
.mnotiPop.mnp1 {margin:-200px 0 0 -611px;}
.mnotiPop.mnp2 {margin:-200px 0 0 -197px;}
.mnotiPop.mnp3 {margin:-200px 0 0 214px;}
.mnotiPop .popBtn {height:35px;line-height:32px;}
.smallMN {position:absolute;z-index:10;right:0;top:100px;display:inline-block;background:#fff;border-radius:24px;}
.smallMN input {float:left;margin:5px;display:inline-block;width:20px;height:20px;text-indent:-9999px;font-size:0;overflow:hidden;border:none;border-radius:100%;background:#a8a8a8;}
.centerCase .smallMN input {background:#fa4b60;}
.globalCase .smallMN input {background:#f37823;}
.dreamCase .smallMN input {background:#09aeee;}
.gnbBack .smallMN {top:250px;right:100px;z-index:5;}
/* 체험학습 티켓탭 */
.tabLineTicket {padding:0 20px;margin-bottom:20px;border:1px solid #ff4d5c;}
.tabLineTicket p {margin:20px 5px;font-size:16px;font-weight:500;color:#001aa2;}
/* 2020-12-11 휴면계정 본인인증 실패 시 */
.liveNotPop {width:380px;margin-left:-190px;padding-bottom:65px;}
.liveNotPop .popData {line-height:2}
.liveNotPop .popData div {font-size:11px;padding:20px 0 0 0;}
.liveNotPop .popData div span {font-size:11px;}

/* 2021-05-04 모바일 인트로 화면 개선 */
#container.indexCase .mIndexMenuBox {display: none;position: relative;width: 100%;padding: 0 10px;font-size: 0;text-align: left;box-sizing: border-box;}
#container.indexCase .mIndexMenuBox > ul > li {position: absolute;padding: 40px 25px;border-radius: 50px;box-sizing: border-box;box-shadow:  0 0 20px 0 rgb(0 0 0 / 30%);width: calc(50% - 60px);}
#container.indexCase .mIndexMenuBox > ul > li:last-child {margin-bottom: 0}
#container.indexCase .mIndexMenuBox > ul > li h3 a {font-size: 36px;color: #fff;font-weight: bold;}
#container.indexCase .mIndexMenuBox .menuLi {position: absolute;left: 25px;bottom: 45px;}
#container.indexCase .mIndexMenuBox .menuLi li {margin-bottom: 15px}
#container.indexCase .mIndexMenuBox .menuLi li:last-child {margin-bottom: 0}
#container.indexCase .mIndexMenuBox .menuLi a {font-size: 28px;color: #fff;font-weight: 400}
#container.indexCase .mIndexMenuBox .center {height: 390px;background: #e43a46;left: 40px;top: 0;}
#container.indexCase .mIndexMenuBox .center::before {content: '';position: absolute;top: 90px;left: 50%;transform: translateX(-50%);width: 176px;height: 120px;background: url(../images/img_intro01.png) no-repeat center;background-size: 100%}
#container.indexCase .mIndexMenuBox .well {height: 530px;background: #4ba1e4;top: 420px;left:40px;}
#container.indexCase .mIndexMenuBox .well::before {content: '';position: absolute;top: 130px;left: 50%;transform: translateX(-50%);width: 210px;height: 216px;background: url(../images/img_intro02.png) no-repeat center;background-size: 100%}
#container.indexCase .mIndexMenuBox .global {height: 540px;background: #fb911f;right: 40px;}
#container.indexCase .mIndexMenuBox .global::before {content: '';position: absolute;top: 90px;left: 50%;transform: translateX(-50%);width: 272px;height: 216px;background: url(../images/img_intro03.png) no-repeat center;background-size: 100%}
#container.indexCase .mIndexMenuBox .youth {height: 244px;background: #6dbe45;right: 40px;top: 570px;}
#container.indexCase .mIndexMenuBox .youth::before {content: '';position: absolute;top: 100px;right: 24px;width: 144px;height: 144px;background: url(../images/img_intro04.png) no-repeat center;background-size: 100%}
#container.indexCase .mIndexMenuBox .login {height: 100px;padding: 0;background: #484848;right: 40px;top: 840px;}
#container.indexCase .mIndexMenuBox .login > a {display: block;height: 100%;padding: 28px 25px;font-size: 34px;color: #fff;font-weight: 500;vertical-align: middle;box-sizing: border-box;}
#container.indexCase .mIndexMenuBox .login > a span {font-size: 26px;font-weight: 400;color: #fff;}
#container.indexCase .mIndexMenuBox .login > a p {font-size: 34px;color: #fff;font-weight: 500;color: #fff;text-align: center;}

/* 2021-05-04 모바일 인트로 화면 바코드 추가 */
.smallBarcd {display: none;position: absolute;right: 170px;top: 100px;overflow: hidden;z-index: 10;width: 46px;height: 35px;background: url(../images/img_head_barcode.png) no-repeat center;background-size: 100%;text-indent: -9999px;}
.smallBarcd.headBcd {position: fixed;width: 23px;height: 17px;right: 60px;top: 15px;z-index: 10;}
.barcodePop {display: none;position: fixed;top: 50%;left: 50%;width: 595px;z-index: 3005;transform: translate(-50%,-50%);box-shadow:0 8px 8px rgba(0, 0, 0, 0.5);font-family:'NanumGothic','나눔고딕','Nanum Gothic',Dotum,Sans-serif;}
.barcodePop .popBack {box-sizing: border-box;background: url(../images/bg_popup.png) no-repeat center;background-size:100% 100%;border-radius: 20px;}
.barcodePop .popCon {padding: 50px 45px 25px;box-sizing: border-box;overflow-y: auto;;max-height: 800px;}
.barcodePop .cardInfo {position: relative;width: 100%;text-align: left;padding-bottom: 45px;margin-bottom: 70px;font-size: 0}
.barcodePop .cardInfo::after {content: '';position: absolute;;bottom: 0;left: 0;width: 100%;height: 1px;background: url(../images/i_dash.png);}
.barcodePop .cardInfo > * {display: inline-block;vertical-align: middle;box-sizing: border-box;}
.barcodePop .cardInfo > .txtBox {width: calc(100% - 146px);padding-right: 55px;}
.barcodePop .cardInfo > .txtBox span {display: inline-block;font-size: 28px;color: #888;line-height: 1.5;}
.barcodePop .cardInfo > .txtBox span.name {font-size: 36px;color: #333;font-weight: 500;}
.barcodePop .cardInfo > .dDayBox {position: relative;width: 146px;height: 146px;overflow: hidden;}
.barcodePop .cardInfo > .dDayBox p {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;}
.barcodePop .cardInfo > .dDayBox p span {display: block;font-size: 20px;text-align: center;line-height: 1.5;}
.barcodePop .cardInfo > .dDayBox .progressBar {position: absolute;top: 0;right: 0;height: 100%;}
.barcodePop .cardInfo > .dDayBox .progressBar canvas {width:146px !important;height:146px !important;}
.barcodePop .cardInfo.ty02 {margin-bottom: 0;padding-bottom: 20px;}
.barcodePop .cardInfo.ty02 .txtBox {width: 100%}
.barcodePop .cardInfo.ty02::after {display: none;}
.barcodePop .grayBox {background: #dfdfdf;text-align: center;padding: 30px 20px;}
.barcodePop .grayBox p {font-size: 22px;line-height: 1.4}
.barcodePop .linkBtn, .bcdInfo .linkBtn {display: inline-block;position: relative;padding: 0 40px 0 20px;margin-top: 20px;width: 180px;font-size: 22px;color: #fff;border-radius: 40px;line-height: 50px;background: #fa4b60}
.barcodePop .linkBtn::after, .bcdInfo .linkBtn::after {content: '';position: absolute;width: 10px;height: 10px;right: 20px;top: 50%;transform: translateY(-50%) rotate(45deg);border-width: 2px 2px 0 0;border-style: solid;border-color: #fff;}
.bcdInfo .expBox {position: absolute;left: 0;top: 0;background: rgba(255,255,255,0.9) !important;text-align: center;padding: 20px;height: 100%;width: 100%;box-sizing: border-box;}
.bcdInfo .expBox p {font-size: 20px;line-height: 1.4;color: #fa596c;}
.bcdInfo {position: relative;}
.bcdInfo img {width: 100%;}
.bcdInfo > p {font-size: 28px;font-weight: 500;margin-top: 10px}
.myYear .bcdInfo {display: none;padding: 3% 5% 3% 5%;}
.myYear .bcdInfo p {font-size: 13px;font-weight: 500;padding: 0;text-align: center;}
.myYear .bcdInfo .linkBtn {padding:0 20px 0 10px;margin-top:10px;width:90px;line-height:25px;font-size: 11px;border-radius:20px;}
.myYear .expBox {padding:40px 0;}
.barcodePop .popBtn {position: relative;padding: 25px 45px 50px;height:130px;line-height: inherit;box-sizing: border-box;}
.barcodePop .popBtn .btnpSet {width: 200px;height: 60px;border-radius: 0;background: #0289ff;border: 0;font-size: 22px;font-weight: 400;line-height: 60px;color: #fff;}
.barcodePop.headBacPop .popBack {border-top-left-radius: 0;border-top-right-radius: 0;}
.barcodePop .popHead {padding: 50px 0 50px 45px;box-sizing: border-box;border-top-left-radius: 20px;border-top-right-radius: 20px;border-bottom: 2px solid #d4d5d7;background: #f5f7f9;overflow: hidden;}
.barcodePop .swiper-slide {width: auto;padding-right: 20px}
.famLi {overflow: hidden;}
.famLi .swiper-slide {position: relative;padding: 80px 20px 6px;border-radius: 10px;box-sizing: border-box;border: 2px solid #ddd;text-align: center;margin-right: 12px;}
.famLi .swiper-slide::before {content: '';position: absolute;top: 16px;left: 50%;transform: translateX(-50%);height: 52px}
.famLi .swiper-slide.ty01::before {width: 44px;background: url(../images/img_face01.png) no-repeat;background-size: 100%;}
.famLi .swiper-slide.ty02::before {width: 42px;background: url(../images/img_face02.png) no-repeat;background-size: 100%;}
.famLi .swiper-slide.ty03::before {width: 60px;background: url(../images/img_face03.png) no-repeat;background-size: 100%;}
.famLi .swiper-slide.ty04::before {width: 44px;background: url(../images/img_face04.png) no-repeat;background-size: 100%;}
.famLi .swiper-slide.on {border-color: #fff;background: #1e96ff;}
.famLi .swiper-slide.on span {color: #fff !important}
.famLi .swiper-slide span {display: block;}
.famLi .swiper-slide span.type {font-size: 22px;color: #888;}
.famLi .swiper-slide span.name {font-size: 28px;color: #333;}
.tabConLi > li {display: none;}
.tabConLi > li:first-child {display: block;}

/* 2021-05-04 모바일 FNB 추가 */
.mFnb {display: none;position: fixed;width: 100%;bottom: 0;left: 0;z-index:10;box-sizing: border-box;text-align: left;background: #fff;box-shadow: 0 -5px 30px -15px rgba(0, 0, 0, 0.3);}
.mFnb > ul {font-size: 0}
.mFnb > ul > li {display: inline-block;width: 20%;text-align: left;}
.mFnb > ul > li:nth-child(3) {margin-left: 20%}
.mFnb > ul > li > a {font-size: 16px;color: #444;vertical-align: middle;padding: 15px 0;text-align: center;display: block}
.mFnb > ul > li.on > a {color: #ff921d;}
.mFnb > ul > li > a::before {content: '';display: block;height: 37px;margin: 0 auto 7px}
.mFnb > ul > li > a.global::before {width: 45px;background: url(../images/i_fnb_global.png) no-repeat center;background-size: 100%;}
.mFnb > ul > li.on > a.global::before {background: url(../images/i_fnb_global_on.png) no-repeat center;background-size: 100%;}
.mFnb > ul > li > a.wellness::before {width: 37px;background: url(../images/i_fnb_wellness.png) no-repeat center;background-size: 100%;}
.mFnb > ul > li.on > a.wellness {color: #35a0f4;}
.mFnb > ul > li.on > a.wellness::before {background: url(../images/i_fnb_wellness_on.png) no-repeat center;background-size: 100%;}
.mFnb > ul > li > a.youth::before {width: 42px;background: url(../images/i_fnb_youth.png) no-repeat center;background-size: 100%;}
.mFnb > ul > li.on > a.youth::before {background: url(../images/i_fnb_youth_on.png) no-repeat center;background-size: 100%;}
.mFnb > ul > li > a.edu::before {width: 30px;background: url(../images/i_fnb_edu.png) no-repeat center;background-size: 100%;}
.mFnb > ul > li.on > a.edu::before {background: url(../images/i_fnb_edu_on.png) no-repeat center;background-size: 100%;}
.mFnb .my {position: absolute;left: 50%;top: -37px;width: 135px;height: 144px;transform: translateX(-50%);background: url(../images/img_fnb_my01.png) no-repeat center;background-size: 100%}
.mFnb .my span {position: relative;display: block;padding-top: 30px;margin-top: 40px;font-size: 16px;color: #fff;text-align: center;}
.mFnb .my span::before {content: "";position: absolute;top: 0;left: 50%;width: 28px;height: 22px;background: url(../images/i_fnb_home.png) no-repeat center;background-size: 100%;transform: translateX(-50%);}
.mFnb.coGlobal .my {background: url(../images/img_fnb_my02.png) no-repeat center;background-size: 100%}
.mFnb.coWell .my {background: url(../images/img_fnb_my03.png) no-repeat center;background-size: 100%}
.mFnb.coCenter .my {background: url(../images/img_fnb_my04.png) no-repeat center;background-size: 100%}

/* 2021-05-07 사물함연장 팝업 추가 */
.lockerPop {top: 50%;margin-top: -250px;}
.lockLayout, .refundLayout {text-align: left;}
.lockLayout .box:first-child {padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #ced6e2;}
.lockLayout .lockInfo {font-size: 0;margin-bottom: 15px;display: table;table-layout: auto;width: 100%;}
.lockLayout .lockInfo > * {display: table-cell;vertical-align: middle;}
.lockLayout .lockInfo strong {width:61px;height:26px;text-align:center;font-size:18px;line-height:26px;border:2px solid #597bab;}
.lockLayout .lockInfo span:first-of-type {padding: 0 15px;font-size: 18px;color: #ef4c67;font-weight: 500;}
.lockLayout .lockInfo span:last-of-type {font-size: 16px;color: #333;width: 60%}
.lockLayout .box01 {background: #eff3f7;padding: 10px;font-size: 16px;text-align: center;color: #333;font-weight: 500;}
.lockLayout .box02 {padding: 10px;font-size: 16px;text-align: center;color: #333;font-weight: 500;border: 1px solid #7e8c99;margin-top: 10px;}
.lockLayout .box03 {padding: 10px;background: #eff3f7;overflow: hidden;}
.lockLayout .box03 span:first-child {font-size: 14px;}
.lockLayout .box03 span:last-child {font-size: 14px;font-weight: 500;color: #333;float: right;text-align: right;}
.lockLayout .box03 span:last-child strong {font-size: 16px;font-weight: bold;color: #ff921d;}
.lockLayout .box04 {line-height: 1.5}
.lockLayout .box04 strong {font-size: 16px;font-weight: 500}
.lockLayout .box04 p {font-size: 14px;}
.lockLayout .txt01 {color: #ef4c67;text-align: right;margin: 10px 0;}
.lockLayout .txt02 {margin: 10px 0;font-size: 13px;}
.lockLayout .txt03 {color: #333;font-weight: 500;font-size: 13px;line-height: 1.5;text-align: center;}
.lockLayout .layBox:first-of-type {padding-bottom: 15px;margin-bottom: 15px;border-bottom: 1px solid #b7c2d1;}
.lockLayout .layBox .tit {font-size: 18px;color: #333;font-weight: 500;margin-bottom: 10px;}
.lockLayout .monLi {position: relative;font-size: 0;}
.lockLayout .monLi > li {display: inline-block;width: calc(20% - 5px);margin-right: 5px;overflow: hidden;}
.lockLayout .monLi > li input[type="radio"] {position: absolute;left: -9999px;width: 0;height: 0;border: none;overflow: hidden}
.lockLayout .monLi > li label {display: block;line-height: 30px;color: #606060;font-size: 11px;border-radius: 4px;border: 1px solid #8398b7;;text-align: center;cursor: pointer;}
.lockLayout .monLi > li.more a {font-size: 11px;font-weight: 500;padding: 0 15px;position: relative;line-height: 30px;}
.lockLayout .monLi > li.more a::after {content: '';position: absolute;right: 0;top: 50%;border-right: 5px solid transparent;border-left: 5px solid transparent;border-top: 5px solid #565964;margin-top: -2px;}
.lockLayout .monLi > li.more a.on::after {transform: rotate(180deg);}
.lockLayout .monLi.full {position: absolute;top: 40px;left: -5px;width: 100%;padding: 0 5px;background: #fff;display: none;}
.lockLayout .monLi.full > li {width: calc(16.66% - 5px);margin: 2px}

/* 2021-05-07 강사화면 추가 */
.teacherCase .comBack {padding: 0 !important;}
.teacherCase .loginArea img {display: block !important;margin: 85px auto 60px;}
#wrap.teacherLoginWrap {position:fixed;left:0;right:0;top:0;bottom:0;background:#fff;}
.teacherLoginWrap #container {margin-top:0 !important;}
.teacherLoginWrap #container .comBack {border-width:0 !important;}

.teacherWrap #container {padding:120px 0 20px;background:#fff;min-height: 100vh;box-sizing: border-box;}
.teacherWrap #container .comBack {border: none;}
.teacherWrap .logoutBtn {position: absolute;right: 28px;top: 20px;height: 35px;line-height: 35px;box-sizing: border-box;}
.rsGird .rsNmg .new {display: inline-block;line-height: 20px;font-size: 12px;color: #f2586e;border: 1px solid #f2586e;border-radius: 4px;padding: 0 5px;margin-left: 5px;vertical-align: middle;}
.popSubTit {font-size: 18px;color: #333;font-weight: 500;margin-bottom: 10px;}

/* 2021-05-07 해약팝업 추가 */
.refundPop {top: 50%;margin-top: -370px;}
.refundPop .popData {max-height: 540px;}
.refundLayout .txt01 {font-size: 14px;line-height: 1.5;text-align: center;}
.refundLayout .subTit {display:block;font-size:16px;color:#6c97d8;font-weight:bold;}
.refundLayout .subTitBox {display:block;padding:20px 10px;background:#bfbfbf;color:#fff;text-align:center;font-size:18px;}
.refundLayout .txt02 {font-size: 14px;line-height: 1.5;text-align: center;}
.refundLayout .box {padding:10px;margin-top:10px;border:1px solid #6c97d8;}
.refundLayout .box.selected {border-color:#ff6161;}
.refundLayout .box .tit {display:block;font-size:16px;color:#6c97d8;font-weight:bold;text-align:center;}
.refundLayout .box .checkSet input[type="checkbox"] {height:100%;}
.refundLayout .box .checkSet label i {margin-right:0;}
.refundLayout .box01 {padding: 10px;border: 1px solid #bfbfbf;text-align: center;}
.refundLayout .box01 span {display:inline-block;vertical-align:middle;}
.refundLayout .box01 strong {display:inline-block;margin-left:5px;font-size:16px;color:#111;font-weight:600;vertical-align:middle;}
.refundLayout .box01 em {display:inline-block;margin:0 10px;font-size:16px;vertical-align:middle;}
.refundLayout .box02 {padding: 10px;border: 1px solid #ff6161;background: #f6e7e6;font-size: 16px;}
.refundLayout .box02 .tit {font-size: 16px;font-weight: bold;text-align: center;margin-bottom: 20px;}
.refundLayout .box02 ul {margin-bottom: 20px}
.refundLayout .box02 ul li, .lockLayout .box07 .txt {font-size: 16px;}
.mobileView {display:none;}
.refundLayout .btnArea {text-align:center;}
.refundLayout .btnArea .btnpSet {display:inline-block;width:128px;height:38px;line-height:36px;font-weight:500;color:#fff;border:0;font-size:14px;border-radius:4px;text-align:center;}
.refundLayout .btnArea .btnpSet.gray {background:#8398b4;border:1px solid #5e6b7c;}
.refundLayout .btnArea .btnpSet.pink {background:#ff4d5c;border:1px solid #a52933;}


/* 2021-05-18 추가 */
.activeListBox {padding:0;border-bottom:1px solid #efefef;overflow:hidden;}
.activeListBox .boardTop {padding:30px 30px 15px;}
.activeListBox .boardTop > .left {float: right !important;}
.activeListBox .pgList {padding:15px 30px;background:#f6f6f6;}
.helpBox {display:none;float:right;margin-top:-3px;}
.helpBox .btnHelp {display:inline-block;width:37px;height:37px;font-size:0;border:none;cursor:pointer;background:url(../images/btn_help.png) no-repeat center;background-size:100%;}
.helpBox .iconHoverBox {position:absolute;right:25px;top:80px;z-index:1;padding:15px;width:85%;height:0;opacity:0;transform:scale(0);background:#fff;border-radius:15px;transition: all 0.3s;-webkit-box-shadow: 0px 0px 24px 2px rgba(68,68,68,0.2);box-shadow: 0px 0px 24px 2px rgba(68,68,68,0.2);}
.helpBox .iconHoverBox::after {content:'';position:absolute;right:11px;top:-11px;z-index:1;width:0;height:0;border-top:11px solid none;border-bottom:11px solid #fff;border-right:11px solid transparent;border-left:11px solid transparent;}
.helpBox.on .iconHoverBox {height:auto;opacity:1;transform:scale(1);transform-origin:100% 0;}
.helpBox .iconHoverBox .iconList {margin-bottom: 0 !important;}






.editBox {word-break:keep-all;}
.editBox img {width:auto;height:auto;max-width:100%;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;}
.editBox * {color:inherit;margin:1rem 0;padding:0;}
.editBox p {word-break:inherit;}
.editBox em {font-style:italic;}
.editBox dl, .editBox ul, .editBox ol, .editBox menu, .editBox li {list-style:inherit;}
.editBox span strong {font-size:inherit;}
/* 에디터 적용을 위한 대응*/

.editBox
{
	font-size: 13px;
	line-height: 1.6;
	/* Fix for missing scrollbars with RTL texts. (#10488) */
	word-wrap: break-word;
}

.editBox blockquote
{
	font-style: italic;
	/*font-family: Georgia, Times, "Times New Roman", serif;*/
	padding: 2px 0;
	border-style: solid;
	border-color: #ccc;
	border-width: 0;
}

/* .cke_contents_ltr blockquote
{
	padding-left: 20px;
	padding-right: 8px;
	border-left-width: 5px;
}

.cke_contents_rtl blockquote
{
	padding-left: 8px;
	padding-right: 20px;
	border-right-width: 5px;
} */

.editBox a
{
	color: #0782C1;
}

.editBox ol, .editBox ul, .editBox dl
{
	/* IE7: reset rtl list margin. (#7334) */
	*margin-right: 0px;
	/* preserved spaces for list items with text direction other than the list. (#6249,#8049)*/
	padding: 0 40px;
}

.editBox h1, .editBox h2, .editBox h3, .editBox h4, .editBox h5, .editBox h6
{
	font-weight: normal;
	line-height: 1.2;
}

.editBox hr
{
	border: 0px;
	border-top: 1px solid #ccc;
}

.editBox img.right
{
	border: 1px solid #ccc;
	float: right;
	margin-left: 15px;
	padding: 5px;
}

.editBox img.left
{
	border: 1px solid #ccc;
	float: left;
	margin-right: 15px;
	padding: 5px;
}

.editBox pre
{
	white-space: pre-wrap; /* CSS 2.1 */
	word-wrap: break-word; /* IE7 */
	-moz-tab-size: 4;
	tab-size: 4;
}

.editBox .marker
{
	background-color: Yellow;
}

.editBox span[lang]
{
	font-style: italic;
}

.editBox figure
{
	text-align: center;
	border: solid 1px #ccc;
	border-radius: 2px;
	background: rgba(0,0,0,0.05);
	padding: 10px;
	margin: 10px 20px;
	display: inline-block;
}

.editBox figure > figcaption
{
	text-align: center;
	display: block; /* For IE8 */
}

.editBox a > img {
	padding: 1px;
	margin: 1px;
	border: none;
	outline: 1px solid #0782C1;
}

/* Widget Styles
.code-featured {border: 5px solid red;}
.math-featured {padding: 20px;box-shadow: 0 0 2px rgba(200, 0, 0, 1);background-color: rgba(255, 0, 0, 0.05);margin: 10px;}
.image-clean {border: 0;background: none;padding: 0;}
.image-clean > figcaption {font-size: .9em;text-align: right;}
.image-grayscale {background-color: white;color: #666;}
.image-grayscale img, img.image-grayscale {filter: grayscale(100%);}
.embed-240p {max-width: 426px;max-height: 240px;margin:0 auto;}
.embed-360p {max-width: 640px;max-height: 360px;margin:0 auto;}
.embed-480p {max-width: 854px;max-height: 480px;margin:0 auto;}
.embed-720p {max-width: 1280px;max-height: 720px;margin:0 auto;}
.embed-1080p {max-width: 1920px;max-height: 1080px;margin:0 auto;}
*/

/* ===== Loading ===== */
.pageLoading {position:fixed;z-index:30000;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.2);}
@keyframes spinner {
	to {transform: rotate(360deg);}
}
@-webkit-keyframes spinner {
	to {-webkit-transform: rotate(360deg);}
}
.spinner {position: absolute;width:80px;height:80px;top:50%;left:50%;margin:-40px 0 0 -40px;min-width: 80px;min-height: 80px;}
.spinner:before {content: 'Loading…';position: absolute;top: 50%;left: 50%;width: 80px;height: 80px;margin-top: -40px;margin-left: -40px;}
.spinner:not(:required):before {content: '';border-radius: 50%;border: 3px solid #fff;border-top-color: #e43a46;animation: spinner .6s linear infinite;-webkit-animation: spinner .6s linear infinite;}

/* 2021-06-22 추가 */
.refundList li {padding:10px;margin-bottom:10px;box-sizing:border-box;border:1px solid #c4d1de;text-align:left;}
.refundList li:last-of-type {margin-bottom:0;}
.refundList li .checkSet {margin:0;}
.refundList li .checkSet label {padding-left:0;}
.refundList li .txtBox {display:inline-block;vertical-align:middle;}
.refundList li .txtBox .tit {display:block;font-size:14px;}
.refundList li .txtBox .txt {font-size:12px;}

.tvs table {width:100%;border-collapse:collapse;border-top:1px solid #6b7685;}
.tvs table th {padding:10px 10px;font-weight:600;background:#768395;color:#fff;}
.tvs table td {padding:10px 10px;height:38px;text-align:left;word-break:break-all;vertical-align:middle;box-sizing:border-box;border-bottom:1px solid #6b7685;}
.tvs table tbody tr {border-bottom:1px solid #6b7685;}
.tvs table tbody tr:last-of-type {border-bottom:none;}