@charset "UTF-8";
@font-face {
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/Pretendard-Regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/fonts/Pretendard-Medium.woff2') format('woff2');
}

@font-face {
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/fonts/Pretendard-SemiBold.woff2') format('woff2');
}

@font-face {
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/Pretendard-Bold.woff2') format('woff2');
}
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, address, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, select, textarea{margin:0; padding:0;font-family: "Pretendard", sans-serif;}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal;}
img, fieldset{border:none;}
table{border-collapse:collapse;table-layout:fixed;}
ul, ol, li{list-style:none;}
address, em{font-style:normal;}
li, object{vertical-align:middle;}
input, select, textarea, form img{vertical-align:middle;}
button{border:none;vertical-align:middle;cursor:pointer;}
img{vertical-align:middle;height:auto;max-width:100%;}
/* font */
body{color:#333;position:relative;font-weight:lighter;-webkit-text-size-adjust:none;}
input, select, textarea{color:#333; font-size:100%;}
select{border:1px solid #ddd;}
input[type="text"] {border:1px solid #ddd !important;}
input[type="password"] {border:1px solid #ddd !important;}
/* anchor */
a{color:#333; text-decoration:none;vertical-align: middle;}
a:hover, a:focus, a:active{color:#888;text-decoration:underline;}
/* skip */
legend, .hidden,.skip{position:absolute; left:-5000px; width:0; height:0; font-size:0; line-height:0; overflow:hidden;}
caption{width:0;height:0;padding: 0px;margin: 0px;visibility: hidden;line-height:0px;}
body.fixed{ overflow-y:hidden; }
.t-center{text-align:center;}
.t-left{text-align:left;}
.t-org{color:#f37336;}
.t-red{color:#f54747;}
.t-blue{color:#0e4681;}
.t-sky{color:#3498db;}
.t-grn{color:#2f803b;}
.row {width:1100px;margin:0 auto;padding: 0 2%;}/* *zoom:1; IE5.5~7 釉뚮씪?곗? ???Hack */
.row:after {content:"";display:block;clear:both;}
.brd{border:1px solid #ddd;}
.mobi {display: none;}

/* skipNavi 
*html #skipNavi{position:absolute; width:100%; height:0;margin:0 auto; z-index:-1;}*/
#skipNavi{position:absolute; width:100%;max-width:500px; height:0;margin:0 auto; z-index:100000; }
#skipNavi a{display:block; position:absolute; top:-500px; left:0; overflow:hidden;}
#skipNavi a:active, #skipNavi a:focus{position:absolute;top:0;left:0;display:block;width:100%; height:20px; padding:5px 0; background:#fff; color:#67585b; font-size:1em; text-align:center;}

/* table */
.tbl-comm{width:100%;border-top:3px solid #1c591f;text-align: center;}
.tbl-comm thead tr{border-bottom:1px solid #ddd;}
.tbl-comm tr th{padding: 9px 10px;background-color:#f7f7f7;font-size:13px;border-left:1px solid #ddd;}
.tbl-comm tbody tr{border-bottom:1px solid #ddd;}
.tbl-comm tr td{padding: 9px 12px;font-size:13px;border-left:1px solid #ddd;color:#666;}
.tbl-comm tr td.td_post input {margin-bottom: 6px;}
.tbl-comm tr td.td_post input.btn_post {padding: 4px 7px;}
.tbl-comm tr td.td_post input#sample6_address2 {margin-bottom: 0;}
.tbl-comm tr td.wp-file{padding:0 10px;}
.tbl-comm tr td.wp-file a img{margin:0 2px;}
.tbl-comm tr td.tit{text-align:center;font-weight:600;font-size:15px;padding:10px;}
.tbl-comm tr td.con video{ margin:12px 0; }
.tbl-comm tr td.t-left a{display:block;color:#666;position: relative;line-height: 17px;padding-right: 0px;color: #0e0e0e;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.tbl-comm tr td .new{position: absolute;right: 0;top:-2px;}
.tbl-comm tr .cell-l-b-n{border-left:none;}

/* 寃뚯떆??蹂몃Ц?댁슜 */
.data_view .tbl-comm {text-align: inherit;}
.tbl-comm td.con > div{min-height:300px;padding:18px 0;}
.tbl-comm td.con > div em{font-style:italic;}
.tbl-comm td.con > div table{width:100% !important;border:none;border-top:2px solid #1c591f;}
.tbl-comm td.con > div table td,
.tbl-comm td.con > div table th{border:none;border-left:1px solid #ddd;}
.tbl-comm td.con > div table td:first-child,
.tbl-comm td.con > div table th:first-child{border:none;}
.tbl-comm td.con > div h4{font-weight: unset; font-size: unset; background: unset; padding-left: unset;}
.tbl-comm td.con > div ul li{list-style-type:unset;}
.tbl-comm td.con > div .marker{background-color: #ffff00;}
.tbl-comm.tbl-form td{text-align:left;}
.tbl-comm.tbl-form td #sample6_postcode{padding: 5px 6px;margin-right: 5px;}
.tbl-comm.tbl-form td .ipt-txt{width: 95%;padding: 5px 6px;}
.tbl-comm.tbl-form td textarea{width: 95%;height: 100px;border:1px solid #ddd;padding: 6px;}
.tbl-comm.tbl-form td select#pa_app_count {height: 25px;padding-left: 3px;}

.wp-agree{margin-top:4%;}
.wp-agree .app-guide{width:96%;padding:2%;border:1px solid #ddd;line-height:1.8em;font-size:12px;margin-bottom:10px;}
.wp-agree .app-guide strong{color:#0e4681;}
.wp-agree .check{font-size:14px;}

/* sub table */
.tbl-s01{width:100%;border-top:2px solid #67585b;}
.tbl-s01 tr{border-bottom:1px solid #ddd;}
.tbl-s01 tr th{padding:15px 5px;background-color:#f7f7f7;font-size:14px;font-weight:600;border-left:1px solid #ddd;}
.tbl-s01 tr td{padding:15px 5px;color:#666;font-size:13px;line-height:1.6em;border-left:1px solid #ddd;text-align:center;}
.tbl-s01 tr td.t-left{padding:15px 4%;text-align:left;}
.tbl-s01 tr td span{font-size:12px;}
.tbl-s01 tr .cell-l-b-n{border-left:none;}
.tbl-s01 tr .highlight{background-color:#e1f7e4;font-weight:600;}

.board-post-comm{width:100%;border-top:3px solid #1c591f;text-align:center;}
.board-post-comm .board-row{border-bottom:1px solid #ddd;overflow:hidden;}
.board-post-comm .board-row .board-th{box-sizing:border-box;width:15%;float:left;height:40px;line-height:40px;background-color:#f7f7f7;font-size:13px;font-weight:600;border-left:1px solid #ddd;}
.board-post-comm .board-row .board-td{box-sizing:border-box;width:85%;float:left;height:40px;line-height:40px;padding-left:15px;text-align:left;font-size:13px;border-left:1px solid #ddd;color:#666;}
.board-post-comm .board-row .board-td .ipt-txt{width: 95%;height: 25px;margin: 7px 0 6px;}
.board-post-comm .board-row .board-td input {height: 25px; margin: 7px 0 6px;}
.board-post-comm .board-row .cell-l-b-n{border-left:none;}

.wp-page dl{border-bottom:1px solid #ddd;overflow:hidden;padding:7px 0;}
.wp-page dl dt{box-sizing:border-box;float:left;width:15%;padding:0 2%;font-size:13px;border-right:1px solid #ddd;text-align:center;font-weight:600;}
.wp-page dl dt span{color:#0e4681;}
.wp-page dl dd{box-sizing:border-box;float:left;width:85%;padding:0 2%;font-size:12px;color:#666;}

.pagination{margin:30px 0;}
.pagination ul{text-align:center;}
.pagination ul li{display:inline-block;}
.pagination ul li a{display: block; width: auto; height: 18px; font-size: 14px; text-align: center; padding: 1px;}
.pagination ul li a span{display:block; width:100%;height:100%;}
.pagination ul li a.page_current{background-color:#0e4681;color:#fff;font-weight:600;}

footer{min-width: 1146px;border-top:1px solid #ddd;padding:20px 0;background: #F3F4F6;}
footer h3{float:left;width:27%;margin:10px 0;}
footer .conts{float:left;font-size:13px;line-height:26px;width:37%;}
footer .conts ul li{position:relative;display:inline-block;}
footer .conts ul li a{font-weight:600;padding:0 10px;}
footer .conts ul li a:after{content:'';display:block;position:absolute;right:-2px;top:7px;width:1px;height:12px;background-color:#333;}
footer .conts ul li:first-child a{padding-left:0;}
footer .conts ul li:last-child a:after{content:none;}
footer .conts p{font-size:10px;color:#666;}
footer .family-site{float:left;text-align:left;font-size:0; width:36%;}
footer .family-site select{width:140px;font-size:12px;padding:4px 5px 4px;}
footer .family-site button{color:#fff;background-color:#0e4681;border:1px solid #0e4681;font-size:16px;padding:3px 4px 2px;}
footer .family-site .footer_banner { display:flex; gap:10px;}

#webfilterTargetFrame{border:0;position:absolute;top:-9999px;}

/*180515 CSS - 愿由ъ옄?섏씠吏 ?꾨줈洹몃옩 ?좎껌??愿由?/
.program tbody tr td div {border-bottom: 1px solid #ddd;}


/*?밴쾶??/
.webgame{ position: relative; padding-top: 56.3%; width: 100%; max-height: 250px;}
.webgame > iframe { position: absolute; top: 0; left: 0; width: 100%;  height: 100%; }

/* material-icons */
.material-symbols-outlined {font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24;}

/* renewed header */
.renew-header{position:sticky;top:0;z-index:200;min-width:0;background:#fff;}
.renew-header .row,
.renew-header #topmenu{box-sizing:border-box;}
.renew-header #seoul-common-gnb{position:relative;z-index:3;}
.renew-header .util-bar{background:#17457e;color:#fff;font-size:13px;}
.renew-header .util-bar .row{display:flex;align-items:center;justify-content:flex-end;width:100%;max-width:1400px;padding:0 24px;}
.renew-header .util-bar ul{display:flex;align-items:center;gap:0;padding:8px 0;float:none;}
.renew-header .util-bar ul li{float:none;}
.renew-header .util-bar ul li:not(.sns){padding:4px 0;}
.renew-header .util-bar ul li a{display:block;padding:0 10px;border-left:1px solid rgba(255,255,255,.35);font-size:13px;line-height:13px;color:rgba(255,255,255,.9);font-weight:600;}
.renew-header .util-bar ul li:first-child a{border-left:0;}
.renew-header .util-bar ul li a:hover,
.renew-header .util-bar ul li a:focus{color:#fff;text-decoration:underline;}
.renew-header .util-bar ul li.sns a{padding-left:5px;padding-right:0;border-left:0;}
.renew-header .util-bar ul li.sns img{width:21px;height:21px;object-fit:contain;}
.renew-header .header-main{position:relative;z-index:2;border-bottom:1px solid #e7ecf3;background:#fff;box-shadow:0 1px 0 rgba(15,23,42,.02);}
.renew-header .header-main .row{display:flex;align-items:center;width:100%;max-width:1180px;height:72px;margin:0 auto;padding:0 24px;}
.renew-header .header-main h1{flex:0 0 320px;float:none;margin:0;line-height:1;}
.renew-header .header-main h1 a{display:inline-flex;align-items:center;}
.renew-header .header-main h1 img{height:40px;margin:0;}
.renew-header #topmenu{position:static;display:block;flex:1;float:none;background:transparent;font-size:0;z-index:3;}
.renew-header #topmenu > h2{position:absolute;left:-5000px;width:0;height:0;overflow:hidden;}
.renew-header #topmenu > ul{display:grid;grid-template-columns:repeat(5,1fr);width:100%;margin:0;padding:0;border:0;}
.renew-header #topmenu > ul:after{display:none;}
.renew-header #topmenu > ul > li{display:block;float:none;position:relative;border:0;text-align:center;}
.renew-header #topmenu > ul > li > a{display:block;position:relative;padding:26px 10px 24px;background:#fff;color:#1f2933;font-size:17px;font-weight:700;line-height:22px;letter-spacing:0;}
.renew-header #topmenu > ul > li > a:after{content:"";position:absolute;left:0;right:0;bottom:0;width:auto;height:3px;background:#2e7cf6;transform:scaleX(0);transform-origin:left;transition:transform .22s ease;}
.renew-header #topmenu > ul > li:hover > a,
.renew-header #topmenu > ul > li:focus-within > a,
.renew-header #topmenu > ul > li > a:hover,
.renew-header #topmenu > ul > li > a:focus{padding-bottom:24px;border:0;background:#fff;color:#1957b0;text-decoration:none;}
.renew-header #topmenu > ul > li:hover > a:after,
.renew-header #topmenu > ul > li:focus-within > a:after,
.renew-header #topmenu > ul > li > a:hover:after,
.renew-header #topmenu > ul > li > a:focus:after{transform:scaleX(1);}
.renew-header #topmenu .bg-nav{display:none;position:absolute;left:0;right:0;top:72px;width:100%;height:295px;background:#fff;border-top:1px solid #e7ecf3;border-bottom:1px solid #e7ecf3;box-shadow:0 24px 40px -24px rgba(21,60,110,.35);z-index:1;}
.renew-header #topmenu .bg-nav .row{display:block;height:auto;padding:0;}
.renew-header #topmenu .bg-nav img{display:none;}
.renew-header #topmenu .ulDepth2{display:none;position:absolute;left:0;top:72px;width:100%;min-height:235px;margin:0;padding:28px 10px 24px;background:transparent;z-index:2;}
.renew-header #topmenu .ulDepth2 > li{float:none;margin:0 0 2px;border:0;}
.renew-header #topmenu .ulDepth2 li a{display:block;padding:9px 8px;border-radius:4px;color:#697586;font-size:14.5px;font-weight:600;line-height:1.35;text-align:left;word-break:keep-all;}
.renew-header #topmenu .ulDepth2 li a:hover,
.renew-header #topmenu .ulDepth2 li a:focus{background:#eaf2fe;color:#1957b0;text-decoration:none;}
.renew-header #topmenu .ulDepth3{display:none !important;}
.renew-header .mobile-nav-toggle{display:none;position:static;margin-left:auto;transform:none;line-height:1;font-size:0;}
.renew-header .mobile-nav-toggle a{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:6px;}
.renew-header .mobile-nav-toggle a:hover,
.renew-header .mobile-nav-toggle a:focus{background:#eaf2fe;text-decoration:none;}
