@charset "utf-8"; /**/ :root { --fontMainSet: 'Lato', 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', Dotum, '돋움', 'gulim', '굴림', 'Tahoma', sans-serif; --mainColor: #c70e0e; --subColor1: #0c4aba; /* 파란색 */ --subColor2: #0a8f32; /* 녹색 */ --subColor3: #de6808; /* 오렌지 */ --subColor4: #5c3d97; /* 보라색 */ --subColor5: #d63899; /* 분홍색 */ --colorWhite: #fff; --colorBlack: #000; --colorGray: #555; --colorLightgray: #efefef; --colorDarkgray: #222; --colorRed: #b02323; --colorPink: #f8277b; --colorPurple: #641886; --colorYellow: #ebaa00; --colorOrange: #f23f15; --colorGreen: #72bb2b; --colorNavy: #031444; --colorBlue: #1176b5; } /* Noto Sans KR */ @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 100; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 900; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); } /**/ html * {word-break: keep-all;box-sizing: border-box;} html {height: 100%;margin:0;padding:0;color: var(--colorDarkgray);font-size: 16px;font-style:normal;line-height:1.42857143;} body {height: 100%;margin:0;padding:0;color: var(--colorDarkgray);font-size: 16px;font-style:normal;line-height:1.42857143;font-family: var(--fontMainSet);} ol,ul{margin: 0;padding: 0;} ol li, ul li {list-style: none;} canvas, details, hgroup, menu {display:block} ul li {list-style: none} h1,h2,h3,h4,h5,h6 {margin: 0;} p {margin: 0;} dl {margin: 0;} dl dd {margin: 0;} blockquote, q{quotes:none} blockquote:before, blockquote:after, q:before, q:after{content:'';content:none} a {margin:0;padding:0;border:0;vertical-align: middle;text-decoration: none;color: inherit;} mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold} del{text-decoration:line-through} abbr[title], dfn[title]{border-bottom:1px dotted #000;cursor:help} input, select, label {vertical-align:middle;font-family: inherit;} input, select {padding: 5px;border: 1px solid #ddd;font-size: inherit;font-weight: 400;} caption, legend{position: absolute;top: -9999px;left: -9999px;z-index: -9999;font-size: 0;line-height: 0;height: 0;} pre,code,kbd,samp,tt{line-height:100%} em {font-style:normal;} iframe {overflow: hidden;width: 100%;border: 0;} hr{display:none} img {max-width: 100%;border: 0;} figure {margin: 0;} strong {font-weight: 500;} button, input[type="button"], input[type="submit"] {border: 0;cursor: pointer;font-family: inherit;background-color: transparent;} fieldset {margin: 0;padding: 0;border: 0;} textarea {width: 100%;min-height: 150px;padding: 20px;border: 1px solid #ddd;background-color: #fff;font-size: inherit;font-weight: 400;} #popupWindow{position:absolute;border:0} #ui-datepicker-div {z-index: 101 !important;} .root_daum_roughmap {width: 100% !important;} /* 공통클래스 */ .none{display:none !important;} .skip{position:absolute;top: -9999px;left: -99999px;z-index: -10;} .hidden{position:absolute;top: -9999px;left: -99999px;z-index: -10;} .transp {opacity: 0;} .underline {text-decoration: underline;} .db {display:block;} .both{clear:both} .line {display: block;} .bold {font-weight: 700;} .medium {font-weight: 500;} /*.holiday{display:none;position:absolute;z-index:5000;top:50px;left:50%;margin-left:-285px !important;cursor:pointer}*/ .btn_mod{position:fixed;z-index:9000;bottom:50px;left:0;display:block;width:73px;height:46px;overflow:hidden} .tal{text-align:left !important} .tac{text-align:center !important} .tar {text-align: right !important;} .blocker {z-index: 300 !important;} .root_daum_roughmap {width: 100% !important;} /* 색상 */ .black {color: var(--colorBlack) !important;} .gray {color: var(--colorGray) !important;} .lightgray {color: var(--colorLightgray) !important;} .darkgray {color: var(--colorDarkgray) !important;} .white {color: var(--colorWhite) !important;} .navy {color: var(--subColor1) !important;} .blue {color: var(--colorBlue) !important;} .green {color: var(--colorGreen) !important;} .yellow {color: var(--colorYellow) !important;} .orange {color: var(--colorOrange) !important;} .red {color: var(--colorRed) !important;} .pink {color: var(--colorPink) !important;} .purple {color: var(--colorPurple) !important;} /* input */ input.full {width: 100% !important;} input.half {width: 50% !important;} .multi input {width: 28% !important;} /* 간격 */ .mt0 {margin-top: 0 !important;} .mt10{margin-top:10px} .mt20{margin-top:20px} .mt30{margin-top:30px} .mt40{margin-top:40px} .mt50{margin-top:50px} .mb5{margin-bottom:5px !important} .mb10{margin-bottom:10px !important} .mb15{margin-bottom:15px !important} .mb20{margin-bottom:20px !important} .mb25{margin-bottom:25px !important} .mb30{margin-bottom:30px !important} .mb35{margin-bottom:35px !important} .mb40{margin-bottom:40px !important} .mb45{margin-bottom:45px !important} .mb50{margin-bottom:50px !important} .ml5{margin-left:5px !important} .ml10{margin-left:10px !important} .ml15{margin-left:15px !important} .ml20{margin-left:20px !important} .ml25{margin-left:25px !important} .ml30{margin-left:30px !important} .ml35{margin-left:35px !important} .ml40{margin-left:40px !important} .ml45{margin-left:45px !important} .ml50{margin-left:50px !important} .pt10{padding-top:10px !important} .pt20{padding-top:20px !important} .pt30{padding-top:30px !important} .pb10{padding-bottom:10px !important} .pl10{padding-left:10px !important} .pl20{padding-left:20px !important} .pr10{padding-right:10px !important} .pr15{padding-right:15px !important} .pr20{padding-right:20px !important} .pr25{padding-right:25px !important} .pr30{padding-right:30px !important} .pr35{padding-right:35px !important} .pr40{padding-right:40px !important} .pr45{padding-right:45px !important} .pr50{padding-right:50px !important} .w5p{width:5% !important} .w10p{width:10% !important} .w15p{width:15% !important} .w20p{width:20% !important} .w25p{width:25% !important} .w30p{width:30% !important} .w35p{width:35% !important} .w40p{width:40% !important} .w45p{width:45% !important} .w50p{width:50% !important} .w55p{width:55% !important} .w60p{width:60% !important} .w70p{width:70% !important} .w80p{width:80% !important} .w90p{width:90% !important} .w100p{width:100% !important} /* *::-webkit-scrollbar-button {display: none;} *::-webkit-scrollbar {width: 15px;background-color: rgba(0,0,0,0)} *::-webkit-scrollbar-thumb {background-color: #999;background-clip: padding-box;border: 5px solid transparent;border-radius: 12px;} *::-webkit-scrollbar-track {background-color: rgba(0,0,0,0);} *::-webkit-scrollbar-button {display: none;}*/ /* Firefox * {scrollbar-width: thin;}*/ /* Chrome, Edge, and Safari */ *::-webkit-scrollbar {width: 12px;} *::-webkit-scrollbar-track {background: #ffffff;} *::-webkit-scrollbar-thumb {background-color: #dd315c;border-radius: 14px;border: 3px solid #ffffff;} *::-webkit-scrollbar-button {height: 5px;opacity: 0} /**/ #design .concert_top {background:#133264; text-align:center; margin-bottom:12px; } #design .concert_top .date { padding:15px 0 10px 0;} #design .concert_top .date a {color:#fff; display:inline-block; padding:6px 12px; border:1px solid #aaa; color:#aaa; vertical-align:middle; margin:0 16px; margin-top:-19px; font-family:'dotum'; font-size:11px;} #design .concert_top .date span {color:#fff; font-size:17px; display:inline-block;} #design .concert_top .date span strong {font-size:42px; padding-left:6px;} #design .concert_top .number {text-align:center; background:#0e254b; padding:10px; } #design .concert_top .number a {color:#fff; padding:0 10px; margin:0 5px;} #design .concert_top .number a.on {color:yellow; font-weight:bold; font-size:16px; text-decoration:underline} #design .concert_search {border:1px solid #aaa; padding:15px; text-align:center; margin-bottom:28px;} #design .concert_search select {height:29px; font-size:13px; color:#555;} #design .concert_search input[type=text] { height:28px !important;} #design .concert_search input[type=submit] {color:#fff; background:#444;border-radius:2px; padding:5px 11px; margin-left:3px;} #design .tab2 {overflow:hidden; margin-bottom:22px; text-align:center;} #design .tab2 li { display:inline; margin:0 12px;} #design .tab2 li a {font-size:17px;} #design .tab2 li a.sel {font-weight:800; font-size:19px; text-decoration:underline; color:#2e55a6; } #design .concert_wrap ul { overflow:hidden; margin:0 -2%;text-align:center;} #design .concert_wrap ul li {position:relative;float:left; width:29.3333%;margin:0 2% 30px; position:relative;} #design .concert_wrap li p.kind {display:block; width:0; z-index:2; height:0; line-height:42px; background:none; color:#000; text-align:center; position:absolute; left:0; top:0; border-top:64px solid #2e55a6; border-right:64px solid; border-right-color: rgba(255, 255, 255, 0); font-weight:bold;} #design .concert_wrap li p.kind span {float:left; width:64px; margin:-70px 0 0 -12px; color:#fff;} #design .concert_wrap li p.kind2 {display:block; width:0; z-index:2; height:0; line-height:42px; background:none; color:#000; text-align:center; position:absolute; left:0; top:0; border-top:64px solid #a68b2e; border-right:64px solid; border-right-color: rgba(255, 255, 255, 0); font-weight:bold;} #design .concert_wrap li p.kind2 span {float:left; width:64px; margin:-70px 0 0 -12px; color:#fff;} /* #design .concert_wrap ul li span.kind { display:block; width:42px; z-index:2;line-height:42px; background:#12bfea; color:#fff; text-align:center; position:absolute; left:0; top:0; font-weight:bold;} #design .concert_wrap ul li span.kind.c2 {background:#ff771f;} */ #design .concert_wrap ul li a.img_box {display:block;height: auto;max-height: none;overflow:hidden;margin-bottom:12px;} #design .concert_wrap ul li a.img_box img {max-width: 100%; height: auto;transition: 0.5s;} #design .concert_wrap ul li:hover a.img_box img { transform: scale(1.1);} #design .concert_wrap ul li .con {height: 120px;} #design .concert_wrap ul li strong {display:block; text-align:center;margin-bottom:8px; font-family:'MalgunGothic'; letter-spacing:-1px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} #design .concert_wrap ul li span.date {display:block; text-align:center; color:#999; } #design .concert_wrap ul li em a {display:block; width:140px; margin:11px auto; line-height:34px; text-align:center; border-radius:2px; color:#666; border:1px solid #aaa; transition: 0.3s;} #design .concert_wrap ul li:hover em a {background:#666; color:#fff; border:1px solid #444;} /*#design .concert_wrap .gallery_list li {width:46%;} #design .concert_wrap .display_list li {height: 100%;} */ #design .concert_wrap .gallery_list > li {margin: 10px 2%;} #design .concert_detail {padding-top:20px;} #design .concert_detail h3.h3_title { padding:12px; border:2px solid #666; font-size:20px; position:relative; padding:14px 12px 14px 100px; margin-bottom:28px;font-weight:800;} #design .concert_detail h3.h3_title span {position:absolute;display:block;left:16px;top:13px;padding: 0;border:1px solid #12bfea;color:#12bfea; width:70px; line-height:28px;font-weight:700; text-align:center;background-color: #fff;font-size: 16px;font-weight: 400;border-radius: 0;} #design .concert_detail h3.h3_title span.c2 { border:1px solid #ff771f; color:#ff771f;} #design .t_dtl {position:relative;overflow:hidden; padding-bottom:35px; margin-bottom:35px; border-bottom:1px solid #d2d2d2;} #design .t_dtl .img_box {float:left; width:290px; margin-top:3px; position:relative;} #design .t_dtl .img_box img {width:100%;} #design .t_dtl .img_box #bx-pager { overflow:hidden; margin:0 -1px;} #design .t_dtl .img_box #bx-pager li {width:25%; float:left;} #design .t_dtl .img_box #bx-pager a {display:block; width:71px; height:48px; margin:0 1px;} #design .t_dtl .img_box #bx-pager a img {min-height:48px;} #design .t_dtl .txt_box {float:right;width: calc(100% - 320px); margin-top:0px;} @media (max-width: 920px) { #design .t_dtl .txt_box {clear: both;float: none;width: 100%;padding-top: 20px;} } #design .t_dtl .txt_box li { position:relative; padding-left:100px; padding-bottom:14px; padding-top:1px; } #design .t_dtl .txt_box li:before {content:''; display:block; width:2px; height:2px; background:#aaa; position:absolute; left:0; top:9px;} #design .t_dtl .txt_box li.b_line2 {border-bottom:1px dashed #d2d2d2; padding-bottom:18px; margin-bottom:18px;} #design .t_dtl .txt_box li * {font-family:'Montserrat','Microsoft Yahei','Malgun Gothic','dotum','돋움','gulim','굴림','Tahoma','sans-serif';} #design .t_dtl .txt_box li strong.title {position:absolute; left:9px; top:0; font-size:14px; } #design .t_dtl .txt_box li span.date {color:#ff6400; font-size:18px; display:block; margin-top:-4px;} #design .t_dtl .txt_box .btn_box {overflow:hidden; padding-top:18px;} #design .t_dtl .txt_box .btn_box a {display:block; float:left; margin-right:5px; width:150px; line-height:34px; background:#333; border-radius:2px; color:#fff; text-align:center;} #design .t_dtl .txt_box .btn_box a.list_btn {width:90px; line-height:32px; border:1px solid #666; background:#fff; color:#666;} #design .concert_detail .d_box {margin-bottom:30px;} #design .concert_detail .d_box h3 {font-size:19px; font-weight:800; padding-bottom:15px;} #design .concert_detail .d_box .e_txt {min-height:150px; } #design .concert_detail .d_box .default_txt {line-height:150px; text-align:center; background:#fafafa; color:#aaa; font-family:'Malgun Gothic' } #contain #design .calendar_date {overflow:hidden; position:relative; padding-top:10px; padding-bottom:20px;} #contain #design .calendar_date .c_left {position:absolute; left:0; top:0; z-index:2; overflow:hidden;overflow:hidden;} #contain #design .calendar_date .c_left h3 {font-size:38px;padding:0 12px; font-weight:800;margin-top:0px; float:left;} #contain #design .calendar_date .c_left button {color:#777;cursor:pointer;float:left; display:block; width:30px;margin-top:12px; height:30px;line-height:26px;background:#fff;border:1px solid #d2d2d2; font-size:16px;} #contain #design .calendar_date .c_n_left h3 {margin-bottom: 0;font-size:38px;padding:0 12px; font-weight:800;margin-top:0px; float:left;} #contain #design .calendar_date .c_n_left button {color:#777;cursor:pointer;float:left; display:block; width:30px;margin-top:12px; height:30px;line-height:26px;background:#fff;border:1px solid #d2d2d2; font-size:16px;} /* .calendar_table #contain #design table.calendar_table {margin-top: 6px;} #contain #design table.calendar_table th { font-size: 15px; position:relative; z-index:2;background:#fff; box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.08)} #contain #design table.calendar_table th.sun {color:#ff6400;} #contain #design table.calendar_table th.sat {color:#039be5;} #contain #design table.calendar_table span.date {position:absolute; left:0; top:0; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;font-weight:bold; display:block; color:#333; text-align:center; line-height:22px;width:22px; height:22px; background:#f2f2f2;} #contain #design table.calendar_table span.sun {position:absolute; left:0; top:0; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;font-weight:bold; display:block; color:#333; text-align:center; line-height:22px;width:22px; height:22px; background:#f2f2f2;} #contain #design table.calendar_table span.sat {position:absolute; left:0; top:0; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;font-weight:bold; display:block; color:#333; text-align:center; line-height:22px;width:22px; height:22px; background:#f2f2f2;} #contain #design table.calendar_table .busking_list span{font-size:11px;} #contain #design table.calendar_table .busking_list {cursor:pointer} #contain #design table.calendar_table tr td {width:133px; background:#fff;border:1px solid #e2e2e2; position:relative;text-align:left; vertical-align:top; padding:30px 6px 6px 6px; height:92px;box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.08);transition: 0.4s;} #contain #design table.calendar_table tr td:first-child {border-left:0;} #contain #design table.calendar_table tr td:last-child {border-right:0;} #contain #design table.calendar_table tr td:hover { border-bottom:1px solid #ccc; transition: 0.4s;z-index:3;} #contain #design table.calendar_table tr td div.box {position:relative; padding-bottom:3px;} #contain #design table.calendar_table tr td div.box div {display:none; position:absolute;z-index:4; left:-10px; top:23px; width:270px; height:156px; background:#fff; border:2px solid #333;box-shadow:2px 3px 3px 0px rgba(0,0,0,0.17)} #contain #design table.calendar_table tr td div.box div strong {display:block;font-size:13px; padding:8px 12px 10px 12px; border-bottom:1px solid #ccc;} #contain #design table.calendar_table tr td div.box div ul {padding:12px; padding-bottom:10px;} #contain #design table.calendar_table tr td div.box div ul li svg {margin-right:4px;} #contain #design table.calendar_table tr td div.box div ul li.no2 {padding-top:7px; font-size:13px;} #contain #design table.calendar_table tr td div.box div a {display:inline-block; width:82px;border-radius:2px;font-size:13px; height:22px; line-height:20px; margin-left:12px; text-align:center;background:#00b5af; color:#fff;} #contain #design table.calendar_table tr td div.box div a.res_btn { background:#666; margin-left:0px;} */ #contain #design table.calendar_table tr td div.box div button {position:absolute; right:4px; top:5px; border:0; cursor:pointer;} #contain #design table.calendar_table tr td div.box div button i {font-size:18px; color:#333;} #contain #design table.calendar_table tr td .title { width:100%;display:block;line-height:17px; text-align:left; color:#555; font-size:12px; overflow:hidden; text-overflow:ellipsis;} #contain #design table.calendar_table tr td .title span {display:block;vertical-align:middle; width:30px; height:16px;line-height:17px; margin-bottom:1px;background:#e31a22; color:#fff; border:1px solid #e31a22; text-align:center; font-family:'dotum'; font-size:11px; margin-right:4px; border-radius:2px;} #contain #design table.calendar_table tr td div.box em {font-size:11px; color:#666; display:block; padding-top:2px;} #contain #design table.calendar_table tr td .title span.c1 {background:#2e55a6; border:1px solid #2e55a6;} #contain #design table.calendar_table tr td .title span.c2 {background:#a68b2e; border:1px solid #a68b2e;} #contain #design table.calendar_table tr td .title span.c3 {background:#696969; border:1px solid #696969;} #contain #design table.calendar_table tr td .title span.c4 {background:#f27347; border:1px solid #f27347;} #contain #design table.calendar_table tr td .title span.c5{background:#ec008c;border:1px solid ##ec008c;} #contain #design table.calendar_table tr td a.sel {color:#ff6400;} /* .calendar_table / concert_calendar */ #contain #design .calendar_point {padding: 20px 30px;margin: 20px 0 10px;background-color: #f4f4f4;} #contain #design .calendar_point span {display: inline-flex;align-items: center;margin-right: 30px;font-size: 15px;} #contain #design .calendar_point span::before {content: '';width: 15px;height: 15px;margin-right: 5px;border-radius: 50%;} #contain #design .calendar_point span.c1::before {background:#2e55a6; } #contain #design .calendar_point span.c2::before {background:#a68b2e;} #contain #design .calendar_point span.c3::before {background:#696969;} #contain #design .calendar_point span.c4::before {background:#f27347;} #contain #design .calendar_point span.c5::before{background:#ec008c;} #contain #design .calendar_point span.e1::before {background: #e31a22;} #contain #design .calendar_point span.e2::before {background: #2e55a6;} #contain #design .calendar_point span.e4::before {background: #a68b2e;} #contain #design .calendar_point span.e6::before {background: #60ac16;} #contain #design .calendar_point span.e7::before {background: #dda100;} #contain #design .calendar_point span.e8::before {background: #e65700;} #contain #design .calendar_point span.e9::before {background: #ec008c;} #contain #design .concert_calendar table.calendar_table {border-collapse: collapse;border-top: 0;} #contain #design .concert_calendar table.calendar_table * {vertical-align: top;font-size: 13px;color: #000;} #contain #design .concert_calendar table.calendar_table thead th {background: #13274d;color: #fff;font-size: 14px;font-weight: 600;text-align: center;} #contain #design .concert_calendar table.calendar_table tbody th, #contain #design .concert_calendar table.calendar_table tbody td {position: relative;height: 200px;padding: 0;text-align: left;border: 1px solid #ddd;} #contain #design .concert_calendar table.calendar_table tbody td .ev_list {overflow: hidden;padding: 15px;box-sizing: border-box;} #contain #design .concert_calendar table.calendar_table tbody td .ev_list.active {overflow-y: auto;position: absolute;top: -1px;left: -1px;z-index: 12;width: calc(100% + 2px);max-height: 300px;border: 1px solid #72bb2b;box-shadow: 3px 3px 10px rgba(0,0,0,0.3);background-color: #fff;} #contain #design .concert_calendar table.calendar_table tbody td .ev_list .day {margin-bottom: 5px;font-size: 15px;font-weight: 600;color: #000;} #contain #design .concert_calendar table.calendar_table tbody td .ev_list .box {min-height: 180px;} #contain #design .concert_calendar table.calendar_table tbody td .ev_list .box .list > li {position: relative;padding-left: 15px;display: none;} #contain #design .concert_calendar table.calendar_table tbody td .ev_list .box .list > li::before {content: '';position: absolute;top: 0;left: 4px;z-index: 0;width: 1px;height: 100%;background-color: #ddd;} #contain #design .concert_calendar table.calendar_table tbody td .ev_list .box .list > li:first-child::before {top: 7px;} #contain #design .concert_calendar table.calendar_table tbody td .ev_list .box .list > li:nth-child(1), #contain #design .concert_calendar table.calendar_table tbody td .ev_list .box .list > li:nth-child(2) {display: block;} #contain #design .concert_calendar table.calendar_table tbody td .ev_list .box .list > li:last-child {height: calc(100% - 10px);} #contain #design .concert_calendar table.calendar_table tbody td .ev_list.active .box .list > li {display: block;} #contain #design .concert_calendar table.calendar_table tbody td .ev_list .box .list > li + li {padding-top: 10px;padding-bottom: 10px;} #contain #design .concert_calendar table.calendar_table tbody td .ev_list .box .list > li .ico {position: absolute;top: 18px;left: 0;z-index: 1;width: 8px;height: 8px;border-radius: 50%;background-color: #333;text-indent: -9999px;} #contain #design .concert_calendar table.calendar_table tbody td .ev_list .box .list > li:first-child .ico {top: 7px;} #contain #design .concert_calendar table.calendar_table tbody td .ev_list .box .list > li .c1 {background:#2e55a6; } #contain #design .concert_calendar table.calendar_table tbody td .ev_list .box .list > li .c2 {background:#a68b2e;} #contain #design .concert_calendar table.calendar_table tbody td .ev_list .box .list > li .c3 {background:#696969;} #contain #design .concert_calendar table.calendar_table tbody td .ev_list .box .list > li .c4 {background:#f27347;} #contain #design .concert_calendar table.calendar_table tbody td .ev_list .box .list > li .c5{background:#ec008c;} #contain #design .concert_calendar table.calendar_table tbody td .ev_list .box .list > li .c1 {background:#2e55a6; } #contain #design .concert_calendar table.calendar_table tbody td .ev_list .box .list > li .c2 {background:#a68b2e;} #contain #design .concert_calendar table.calendar_table tbody td .ev_list .box .list > li .c3 {background:#696969;} #contain #design .concert_calendar table.calendar_table tbody td .ev_list .box .list > li .c4 {background:#f27347;} #contain #design .concert_calendar table.calendar_table tbody td .ev_list .box .list > li .c5{background:#ec008c;} #contain #design .concert_calendar table.calendar_table tbody td .ev_list .box .list > li .e1 {background: #e31a22;} #contain #design .concert_calendar table.calendar_table tbody td .ev_list .box .list > li .e2 {background: #2e55a6;} #contain #design .concert_calendar table.calendar_table tbody td .ev_list .box .list > li .e4 {background: #a68b2e;} #contain #design .concert_calendar table.calendar_table tbody td .ev_list .box .list > li .e6 {background: #60ac16;} #contain #design .concert_calendar table.calendar_table tbody td .ev_list .box .list > li .e7 {background: #dda100;} #contain #design .concert_calendar table.calendar_table tbody td .ev_list .box .list > li .e8 {background: #e65700;} #contain #design .concert_calendar table.calendar_table tbody td .ev_list .box .list > li .e9 {background: #ec008c;} #contain #design .concert_calendar table.calendar_table tbody td .ev_list .box .list > li > a {position: static;display: block;} #contain #design .concert_calendar table.calendar_table tbody td .ev_list .box .list > li > a > strong.tit {display: block;margin: 0 0 3px;font-size: 14px;font-weight: 500;color: #000;word-break: break-all;} #contain #design .concert_calendar table.calendar_table tbody td .ev_list .box .list > li > a > em {display: block;font-size: 13px;color: #555;} #contain #design .concert_calendar table.calendar_table tbody td .ev_list .box .list > li > a > em.time {font-size: 13px;margin-bottom: 3px;} #contain #design .concert_calendar table.calendar_table tbody td .ev_more {position: absolute;top: 7px;right: 7px;z-index: 11;width: 40px;height: 20px;border-radius: 25px;background-color: #333;background-image: url(../img/ico_calendar_more.png);background-repeat: no-repeat;background-position: 50% 50%;background-size: auto 4px;text-indent: -9999px;border: 0;} #contain #design .concert_calendar table.calendar_table tbody td .ev_more.on {display: block !important;} #contain #design .concert_calendar table.calendar_table tbody td .ev_close {position: absolute;top: 7px;right: 7px;z-index: 13;display: block !important;width: 30px;height: 30px;border-radius: 35px;background-color: #333;background-image: url(../img/close_btn_w.png);background-repeat: no-repeat;background-position: 50% 50%;background-size: auto 10px;text-indent: -9999px;border: 0;} @media all and (max-width: 800px) { /**/ #contain #design .calendar_date {overflow:hidden; position:relative; padding-top:10px; padding-bottom:20px;} #contain #design .calendar_date .c_left {overflow:hidden;position: static;display: flex;justify-content: center;} #contain #design .calendar_date .c_left h3 {float: none;font-size: 28px;padding: 0 15px; font-weight: 600;margin: 0;line-height: 1;} #contain #design .calendar_date .c_left button {color:#777;cursor:pointer;float: none; display:block; width:30px;height:30px;margin: 0;line-height:26px;background:#fff;border:1px solid #d2d2d2; font-size:16px;} #contain #design .calendar_date .dk_search {margin-top: 15px;text-align: center;} /**/ #contain #design .concert_calendar .calendar_point {padding: 12px 20px;margin: 10px 0;background-color: #f4f4f4;} #contain #design .concert_calendar .calendar_point span {display: inline-flex;align-items: center;margin: 0 30px 0 0;font-size: 13px;} #contain #design .concert_calendar .calendar_point span::before {content: '';width: 12px;height: 12px;margin-right: 5px;border-radius: 50%;} #contain #design .concert_calendar .calendar_point span.c1::before {background:#2e55a6; } #contain #design .concert_calendar .calendar_point span.c2::before {background:#a68b2e;} #contain #design .concert_calendar .calendar_point span.c3::before {background:#696969;} #contain #design .concert_calendar .calendar_point span.c4::before {background:#f27347;} #contain #design .concert_calendar .calendar_point span.c5::before{background:#ec008c;} #contain #design .concert_calendar table tbody tr:first-child th, #contain #design .concert_calendar table tbody tr:first-child td {border-top: 0 !important;} #contain #design .concert_calendar table.calendar_table tbody th, #contain #design .concert_calendar table.calendar_table tbody td {border-top: 0 !important;} #contain #design .concert_calendar table.calendar_table colgroup, #contain #design .concert_calendar table.calendar_table thead {display: none;} #contain #design .concert_calendar table.calendar_table tbody th, #contain #design .concert_calendar table.calendar_table tbody td {display: block;height: auto;border: 0;} #contain #design .concert_calendar table.calendar_table tbody td .ev_list {display: flex;padding: 10px 10px 0;min-height: 120px;justify-content: center;border-top: 1px solid #ddd;} #contain #design .concert_calendar table.calendar_table tbody td .ev_list.active {position: static;width: 100%;height: auto;box-shadow: none;border: 0;border-top: 1px solid #ddd;} #contain #design .concert_calendar table.calendar_table tbody td .ev_list.hiddenTd {display: none;} #contain #design .concert_calendar table.calendar_table tbody td .ev_list .day {flex: 0 0 70px;margin-right: 10px;text-align: center;} #contain #design .concert_calendar table.calendar_table tbody td .ev_list .day .month {display: inline !important;} #contain #design .concert_calendar table.calendar_table tbody td .ev_list .day .date {display: none;} #contain #design .concert_calendar table.calendar_table tbody td .ev_list .day .t_day {display: block !important;text-align: center;font-weight: 400;color: #555;} #contain #design .concert_calendar table.calendar_table tbody td .ev_list .box {min-height: auto;flex: 1 1 auto;} #contain #design .concert_calendar table.calendar_table tbody td .ev_more {position: static;margin: 0 0 15px 77px;} #contain #design .concert_calendar table.calendar_table tbody td .ev_close {position: static;margin: 0 0 15px 80px;} #contain #design .concert_calendar table.calendar_table tbody td .ev_list .box .list > li > a > em.time {font-size: 12px;margin-bottom: 2px;} } /* 조직도 반응형 */ @media all and (min-width: 1160px) { .org_wrap {} .org {text-align: center;margin-bottom: 30px;} .org_ul {position:absolute; top:0px; left:0; width:100%; z-index:8888;} .org_ul {width:100%;} .org_ul ul {padding-left:0;} .org_ul ul li {display:block; text-align:center; opacity:0;} .org_ul ul li a {font-size:1px} .org_ul ul li .ogr_btn1 {width:30%; padding:2% 0; margin:23% 0 0 35%; display:block;} .org_ul ul li .ogr_btn2 {width:30%; float:left; padding:2% 0 3% 0; margin-top:11%; margin-right:5%;} .org_ul ul li .ogr_btn3 {width:30%; float:left; padding:2% 0 3% 0; margin-top:11%; margin-right:5%;} .org_ul ul li .ogr_btn4 {width:30%; float:left; padding:2% 0 3% 0; margin-top:11%;} .org_ul ul .orgmargin {margin-top:17%;} .org_ul ul li .ogr_btn5 {clear:both; width:30%; display:block; margin-left:70%; padding:2% 0;} .org_ul ul li .ogr_btn6 { width:30%; display:block; margin-left:70%; padding:2% 0;} .org_ul ul li .ogr_btn7 { width:30%; display:block; margin-left:70%; padding:2% 0;} .org_ul ul li .org_all {width:30%; padding:2% 0; margin:5% 0 0 35%; display:block;} .orgtable_tit {clear:both; width:100%; display:block; padding-left:0; padding:0; margin:0;} .orgtable_tit li {float:left; width: 120px; font-size:15px; padding-top:5px;} .orgtable_tit li:first-child {width: calc(100% - 240px);margin-bottom: 15px;font-size: 22px; font-weight: 700; padding-top:0; text-align:left} } @media all and (min-width: 769px) and (max-width: 1159px) { .org_wrap {position:relative; height:100%;} .org {text-align: center;margin-bottom: 20px;} .org_ul {position:absolute; top:0px; left:0; width:100%; z-index:8888;} .org_ul {width:100%;} .org_ul ul {padding-left:0;} .org_ul ul li {display:block; text-align:center; opacity:0;} .org_ul ul li a {font-size:1px} .org_ul ul li .ogr_btn1 {width:30%; padding:2% 0; margin:23% 0 0 35%; display:block;} .org_ul ul li .ogr_btn2 {width:30%; float:left; padding:2% 0 3% 0; margin-top:11%; margin-right:5%;} .org_ul ul li .ogr_btn3 {width:30%; float:left; padding:2% 0 3% 0; margin-top:11%; margin-right:5%;} .org_ul ul li .ogr_btn4 {width:30%; float:left; padding:2% 0 3% 0; margin-top:11%;} .org_ul ul .orgmargin {margin-top:17%;} .org_ul ul li .ogr_btn5 {clear:both; width:30%; display:block; margin-left:70%; padding:2% 0;} .org_ul ul li .ogr_btn6 { width:30%; display:block; margin-left:70%; padding:2% 0;} .org_ul ul li .ogr_btn7 { width:30%; display:block; margin-left:70%; padding:2% 0;} .org_ul ul li .org_all {width:30%; padding:2% 0; margin:5% 0 0 35%; display:block;} .orgtable_tit {overflow: hidden;width:100%; display:block; padding-left:0; padding:0; margin:0;margin-bottom: 10px;} .orgtable_tit li {float:left;width: 100px; font-size: 14px; padding-top:5px;} .orgtable_tit li:first-child {width: calc(100% - 200px);font-size: 20px; font-weight: 700; padding-top:0; text-align:left} } @media all and (min-width: 551px) and (max-width: 768px) { .org_wrap {position:relative;;} .org {text-align: center;margin-bottom: 15px;} .org_ul {position:absolute; top:0px; left:0; width:100%; z-index:8888;} .org_ul {width:100%;} .org_ul ul {padding-left:0;} .org_ul ul li {display:block; text-align:center; opacity:0;} .org_ul ul li a {font-size:1px} .org_ul ul li .ogr_btn1 {width:30%; padding:2% 0; margin:20% 0 0 35%; display:block;} .org_ul ul li .ogr_btn2 {width:30%; float:left; padding:2% 0 3% 0; margin-top:11%; margin-right:5%;} .org_ul ul li .ogr_btn3 {width:30%; float:left; padding:2% 0 3% 0; margin-top:11%; margin-right:5%;} .org_ul ul li .ogr_btn4 {width:30%; float:left; padding:2% 0 3% 0; margin-top:11%;} .org_ul ul .orgmargin {margin-top:17%;} .org_ul ul li .ogr_btn5 {clear:both; width:30%; display:block; margin-left:70%; padding:2% 0 3% 0;} .org_ul ul li .ogr_btn6 { width:30%; display:block; margin-left:70%; padding:2% 0 3% 0;} .org_ul ul li .ogr_btn7 { width:30%; display:block; margin-left:70%; padding:2% 0 3% 0;} .org_ul ul li .org_all {width:30%; padding:2% 0; margin:5% 0 0 35%; display:block;} .orgtable_tit {width:100%;margin-bottom: 15px;} .orgtable_tit li {display: inline-block;margin-right: 10px;font-size: 14px;color: #333;} .orgtable_tit li:first-child {display: block;width: 100%;font-size: 19px; font-weight: 700; padding-top:0;color: #000;text-align:left} } @media all and (min-width: 410px) and (max-width: 550px) { .org_wrap {position:relative;} .org {text-align: center;margin-bottom: 15px;} .org_ul {position:absolute; top:0px; left:0; width:100%; z-index:8888;} .org_ul {width:100%;} .org_ul ul {padding-left:0;} .org_ul ul li {display:block; text-align:center; opacity:0;} .org_ul ul li a {font-size:1px} .org_ul ul li .ogr_btn1 {width:30%; padding:2% 0; margin:20% 0 0 35%; display:block;} .org_ul ul li .ogr_btn2 {width:30%; float:left; padding:2% 0 3% 0; margin-top:11%; margin-right:5%;} .org_ul ul li .ogr_btn3 {width:30%; float:left; padding:2% 0 3% 0; margin-top:11%; margin-right:5%;} .org_ul ul li .ogr_btn4 {width:30%; float:left; padding:2% 0 3% 0; margin-top:11%;} .org_ul ul .orgmargin {margin-top:17%;} .org_ul ul li .ogr_btn5 {clear:both; width:30%; display:block; margin-left:70%; padding:1% 0 2% 0;} .org_ul ul li .ogr_btn6 { width:30%; display:block; margin-left:70%; padding:1% 0 2% 0;} .org_ul ul li .ogr_btn7 { width:30%; display:block; margin-left:70%; padding:1% 0 2% 0;} .org_ul ul li .org_all {width:30%; padding:2% 0; margin:2% 0 0 35%; display:block;} .orgtable_tit {width:100%;margin-bottom: 15px;} .orgtable_tit li {display: inline-block;margin-right: 10px;font-size: 14px;color: #333;} .orgtable_tit li:first-child {display: block;width: 100%;font-size: 19px; font-weight: 700; padding-top:0;color: #000;text-align:left} } @media all and (max-width: 409px) { .org_wrap {position:relative;} .org {text-align: center;margin-bottom: 10px;} .org_ul {position:absolute; top:0px; left:0; width:100%; z-index:8888;} .org_ul {width:100%;} .org_ul ul {padding-left:0;} .org_ul ul li {display:block; text-align:center; opacity:0;} .org_ul ul li a {font-size:1px} .org_ul ul li .ogr_btn1 {width:30%; padding:2% 0; margin:20% 0 0 35%; display:block;} .org_ul ul li .ogr_btn2 {width:30%; float:left; padding:2% 0 3% 0; margin-top:11%; margin-right:5%;} .org_ul ul li .ogr_btn3 {width:30%; float:left; padding:2% 0 3% 0; margin-top:11%; margin-right:5%;} .org_ul ul li .ogr_btn4 {width:30%; float:left; padding:2% 0 3% 0; margin-top:11%;} .org_ul ul .orgmargin {margin-top:17%;} .org_ul ul li .ogr_btn5 {clear:both; width:30%; display:block; margin-left:70%; padding:1% 0 0 0;} .org_ul ul li .ogr_btn6 { width:30%; display:block; margin-left:70%; padding:1% 0 0 0;} .org_ul ul li .ogr_btn7 { width:30%; display:block; margin-left:70%; padding:1% 0 0 0;} .org_ul ul li .org_all {width:30%; padding:4% 0; margin:1% 0 0 35%; display:block;} .orgtable_tit {width:100%;margin-bottom: 15px;} .orgtable_tit li {display: block;margin-bottom: 2px;font-size: 13px;color: #333;text-align: left !important;} .orgtable_tit li:first-child {display: block;margin-bottom: 7px;width: 100%;font-size: 17px; font-weight: 700; padding-top:0;color: #000;text-align:left} } /**/ .newsletter_pop {width: 100%;max-width: 600px !important;padding: 0 0 50px !important;border: 0;background: #3e549c !important;margin: 0 auto !important;text-align: center;font-family: 'nanumSquare';} .newsletter_pop .title {position:relative;background: #fff;} .newsletter_pop .title p {width: 100%;margin: 0;padding: 30px 0;font-size:24px;font-weight: 600;color:#000; 464646;background: url(../img/news_pop_bg.png) no-repeat 0 50%;background-size: 100%;} .newsletter_pop .title p span {font-size:34px;color:#102c89;} .newsletter_pop .title img {position:absolute;bottom:-20px;left: 20px;} .newsletter_pop #mSns {display: none;} .newsletter_pop form table {margin: 0 auto;} .newsletter_pop .pop_title {padding-top: 50px;font-size:17px;color:#000;} .newsletter_pop .pop_title span {font-size: 22px;font-weight: 600;color:#fff900;text-transform: uppercase;} .newsletter_pop td.wp75 {width: 75%;} .newsletter_pop .btn_gray {font-size: 14px;padding: 1px 10px;} /* 팝업창 */ .pop-layer .pop-container {width: 100%;max-height: 80%;overflow-y: auto;} .pop-layer {display: none;position: absolute;top: 50%;left: 50%;width: 500px;height: 500px;background: #fff;z-index: 10;} .dim-layer {position: fixed;_position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1000000;} .dim-layer .dimBg {position: absolute;top: 0;left: 0;width: 100%;height: 100% !important;background: #000;opacity: .7;filter: alpha(opacity=50);} .dim-layer .pop-layer {display: block;} a.btn-layerClose {position:absolute;top:-40px;right:0;width:30px;height:30px;background: url(../img/btn-layerClose-m.png) no-repeat center 50%;} .pop-today {position: absolute;top: -34px;right: 50px;z-index: 999999;margin-left: 0;color: #fff;} .pop-today input[type="checkbox"] {display:inline-block;width:16px;height:16px;margin-right:5px;} .pop-today span label {color:#fff;} .profile_tit {height:60px;line-height:60px;font-size:24px;font-weight:500;color:#222;border-bottom:1px solid #ccc;padding-left:20px;margin-bottom:20px;} .profile_con {padding:0 20px;height: 400px;overflow-y: scroll;} .profile_con .profile_info {margin-bottom:40px;overflow:hidden;} .profile_con .profile_info .pf_img {float:left;width:120px;border:1px solid #ddd;box-sizing:border-box;} .profile_con .profile_info .pf_img img {width:100%;height:150px;} .profile_con .profile_info .pf_text {float:left;padding-left:30px;} .profile_con .profile_info .pf_text .name {font-size:18px;font-weight:500;color:#222;margin-top: -4px;padding-bottom: 10px;} .profile_con .profile_info .pf_text .etc {} .profile_con .profile_info .pf_text .etc li {font-size:16px;color:#555;padding-left:8px;word-break: break-all;position:relative;} .profile_con .profile_info .pf_text .etc li::before {content: "";width: 3px;height: 3px;background: #888;position: absolute;top: 10px;left: 0;} .profile_con .profile_list {margin-bottom: 20px;} .profile_con .profile_list .tit {font-size:20px;color:#222;padding-left:18px;margin-bottom:10px;position:relative;} .profile_con .profile_list .tit::before {content: "";width: 10px;height: 2px;background: #bc2335;position: absolute;top: 16px;left: 0;} .profile_con .profile_list .cont {font-size:15px;color:#555;padding-left:18px;margin-bottom:5px;position:relative;} @media screen and (max-width: 768px) { .pop-layer {display: none;position: absolute;top: 10%;left: 0;width: 90%;height: 100%;background-color: transparent;z-index: 10;margin: auto 5% !important;} .scroll_ani {position:absolute;top:50%;left:50%;margin-top:-50px;margin-left:-54px;opacity: .5;} .profile_tit {height:60px;line-height:60px;font-size:22px;font-weight:500;color:#222;border-bottom:1px solid #ccc;padding-left:20px;margin-bottom:20px;} .profile_con {padding:0 20px;height: 400px;overflow-y: scroll;} .profile_con .profile_info {margin-bottom:40px;overflow:hidden;} .profile_con .profile_info .pf_img {float:left;width:120px;border:1px solid #ddd;box-sizing:border-box;} .profile_con .profile_info .pf_img img {width:100%;height:150px;} .profile_con .profile_info .pf_text {float:left;padding-left:30px;} .profile_con .profile_info .pf_text .name {font-size:16px;font-weight:500;color:#222;margin-top: -4px;padding-bottom: 10px;} .profile_con .profile_info .pf_text .etc {} .profile_con .profile_info .pf_text .etc li {font-size:14px;color:#555;padding-left:8px;word-break: break-all;position:relative;} .profile_con .profile_info .pf_text .etc li::before {content: "";width: 3px;height: 3px;background: #888;position: absolute;top: 10px;left: 0;} .profile_con .profile_list {margin-bottom: 20px;} .profile_con .profile_list .tit {font-size:18px;color:#222;padding-left:18px;margin-bottom:10px;position:relative;} .profile_con .profile_list .tit::before {content: "";width: 10px;height: 2px;background: #bc2335;position: absolute;top: 14px;left: 0;} .profile_con .profile_list .cont {font-size:14px;color:#555;padding-left:18px;margin-bottom:5px;position:relative;} } /* button */ .btn {display: inline-block;padding: 7px 15px;font-size: 15px;} /* button - color */ .btn_red {background-color: var(--mainColor) !important;color: var(--colorWhite) !important;} .btn_white {background-color: var(--colorWhite) !important;color: var(--colorDarkgray) !important;border: 1px solid var(--colorDarkgray) !important;} .btn_black {background-color: var(--colorDarkgray) !important;color: var(--colorWhite) !important;} .btn_blue {background-color: var(--colorBlue) !important;color: var(--colorWhite) !important;} .btn_purple {background-color: var(--colorPurple) !important;color: var(--colorWhite) !important;} .btn_yellow {background-color: var(--colorYellow) !important;color: var(--colorDarkgray) !important;} .btn_orange {background-color: var(--colorOrange) !important;color: var(--colorWhite) !important;} .btn_gray {background-color: var(--colorGray) !important;color: var(--colorWhite) !important;} .btn_lightgray {background-color: var(--colorLightgray) !important;color: var(--colorGray) !important;} .btn_navy {background-color: var(--subColor1) !important;color: var(--colorWhite) !important;} .btn_green {background-color: var(--colorGreen) !important;color: var(--colorWhite) !important;} .btn_pink {background-color: var(--colorPink) !important;color: var(--colorWhite) !important;}