@charset "UTF-8";

/****************************************/
/*  Name : 퍼블리싱 가이드
/*  PART : reset, common style
/*  Author : 최초 작성자
/*  MODIFY : 작성 참여자
/*
/*  Summary:
/*  01) Reset
/*  02) Common
/*  03) Margin
/*  04) Padding
/*  05) Width
/****************************************/

/* GMarketSans Font */
@font-face {
    font-family: 'GMarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}

/* ********************************************************************************* *
 * 01) Reset
 * ********************************************************************************* */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block; }
body { font-family: 'GMarketSans', sans-serif; font-size: 16px; line-height: 1.3; word-break: break-all; letter-spacing: -1px; }
strong, b, h1, h2, h3, h4, h5, h6 { font-family: 'SchoolSafetyNotification', 'GMarketSans', sans-serif; font-weight: 700; }
ol, 
ul { list-style: none; }
blockquote, 
q { quotes: none; }
blockquote:before, 
blockquote:after, 
q:before, 
q:after { content: ""; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
iframe { border:0; }

/* custom reset */
*, 
*:before, 
*:after { box-sizing: border-box; }
a { text-decoration: none; color: inherit; }
a:hover { text-decoration: none; }
img { max-width: 100%; vertical-align: top; }
input { outline: none; }
button, 
[type='button'], 
[type='reset'], 
[type='submit'] { cursor: pointer; }
button,
input[type='reset'],
input[type='submit'],
input[type='text'], 
input[type='search'], 
input[type='password'], 
input[type='file'], 
input[type='submit'], 
input[type='image'], 
input[type='button'], 
textarea, 
select { font: inherit; margin: 0; padding: 0; border: 0; border-radius: 0; background-color: #fff; -o-border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; }
select::-ms-expand { display: none; /* 화살표 없애기 for IE10, 11*/ }
textarea { resize: none; }


/* ********************************************************************************* *
* 02) Common
* ********************************************************************************* */
/* Display */
.blind { position: absolute !important; left: -9999px !important; top: -9999px !important; text-indent: -9999px !important; font-size: 0 !important; opacity: 0; overflow: hidden !important; }
.hide { display: none !important; }
.visible-hide { visibility: hidden !important; }
.visible-show { visibility: visible !important; }
.block { display: block !important; }
.inline-block { display: inline-block !important; }
.noscroll { width: 100%; height: 100%; overflow: hidden; }

/* Float */
.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { display: block; content: ""; line-height: 0; }
.clearfix:after { clear: both; }
.float-left { float: left !important; }
.float-right { float: right !important; }

/* Text */
.align-left { text-align: left !important; }
.align-center { text-align: center !important; }
.align-right { text-align: right !important; }
.align-justify { text-align: justify !important; }
.align-top { vertical-align: top !important; }
.align-middle { vertical-align: middle !important; }
.align-bottom { vertical-align: bottom !important; }
.text-upper { text-transform: uppercase !important; }
.text-lower { text-transform: lowercase !important; }
.text-light { font-weight: 300 !important; }
.text-normal { font-weight: 400 !important; }
.text-medium { font-weight: 500 !important; }
.text-bold { font-weight: bold !important; }
.text-blind { text-indent: -9999px !important; }
.ir_su { overflow: hidden; position: absolute; width: 0; height: 0; line-height: 0; text-indent: -9999px; }

/* Ellipsis */
.ellipsis1 { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } /* 1줄 줄임 */
.ellipsis2 { display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; overflow: hidden; } /* 2줄 줄임 */
.ellipsis3 { display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 3; overflow: hidden; } /* 3줄 줄임 */

/* Form */
input[type='text'], input[type='search'], input[type='password'], input[type='file'], input[type='submit'], input[type='image'], input[type='button'], textarea, select { min-height: 35px; border: 1px solid #ddd; }
input::-moz-placeholder, textarea::-moz-placeholder { color: #999; }
input::placeholder, 
textarea::placeholder { color: #999; }
select { padding-right: 35px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='35' height='35'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 15l-4.243-4.243 1.415-1.414L12 12.172l2.828-2.829 1.415 1.414z' fill='rgba(153,153,153,1)'/%3E%3C/svg%3E") #fff no-repeat right 0px center; }

table { width: 100%; }
th, 
td { vertical-align: middle; }
legend, 
caption { position: absolute; top: -9999px; left: -9999px; margin: 0; padding: 0; font-size: 0; line-height: 0; overflow: hidden; z-index: -1; }

/* Border */
.border0 { border: 0; }
.border-top0 { border-top: 0; }
.border-right0 { border-right: 0; }
.border-bottom0 { border-bottom: 0; }
.border-left0 { border-left: 0; }

/* Flex */
.flex { display: flex; flex-wrap: wrap; }
.flex-dc { flex-direction: column; }
.flex-dr { flex-direction: row; }
.flex-dcr { flex-direction: column-reverse; }
.flex-drr { flex-direction: row-reverse; }
.flex-ais { align-items: stretch; }
.flex-aifs { align-items: flex-start !important; }
.flex-aife { align-items: flex-end; }
.flex-aic { align-items: center; }
.flex-aib { align-items: baseline; }
.flex-acs { align-content: stretch; }
.flex-acfs { align-content: flex-start; }
.flex-acfe { align-content: flex-end; }
.flex-acc { align-content: center; }
.flex-acsb { align-content: space-between; }
.flex-acsa { align-content: space-around; }
.flex-ass { align-self: stretch; }
.flex-asfs { align-self: flex-start; }
.flex-asfe { align-self: flex-end; }
.flex-asc { align-self: center; }
.flex-asb { align-self: baseline; }
.flex-jcfs { justify-content: flex-start; }
.flex-jcfe { justify-content: flex-end; }
.flex-jcc { justify-content: center; }
.flex-jcsb { justify-content: space-between; }
.flex-jcsa { justify-content: space-around; }
.flex-w { flex-wrap: wrap; }
.flex-wr { flex-wrap: wrap-reverse; }
.flex-wn { flex-wrap: nowrap; }
.flex-o0 { order: 0; }
.flex-o1 { order: 1; }
.flex-o2 { order: 2; }
.flex-o3 { order: 3; }
.flex-o4 { order: 4; }
.flex-o5 { order: 5; }

.flex-center { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }

.flex .col1 { flex: 1; }
.flex .col2 { width: calc(100% / 2); }
.flex .col3 { width: calc(100% / 3); }
.flex .col4 { width: calc(100% / 4); }
.flex .col5 { width: calc(100% / 5); }
.flex .col6 { width: calc(100% / 6); }
.flex .col7 { width: calc(100% / 7); }
.flex .col8 { width: calc(100% / 8); }

/* Skip Navi */
#skipNavi { position: absolute; top: 0; left: 0; width: 100%; z-index: 500; }
#skipNavi a { display: block; position: absolute; top: -9999px; }
#skipNavi a:hover, 
#skipNavi a:active, 
#skipNavi a:focus { display: block; top: 0; width: 100%; padding: 10px 0; color: #000; font-size: 16px; text-align: center; background: #fafafa; border: 2px solid #666; }

/* animation */
.reveal { -webkit-animation-play-state: paused !important; animation-play-state: paused !important; }
.reveal.animated { -webkit-animation-play-state: running !important; animation-play-state: running !important; }


/* ********************************************************************************* *
* 03) Margin
* ********************************************************************************* */
.mg00 { margin: 0 !important; }
.mg02 { margin: 0.2rem !important; }
.mg03 { margin: 0.3rem !important; }
.mg05 { margin: 0.5rem !important; }
.mg06 { margin: 0.6rem !important; }
.mg07 { margin: 0.7rem !important; }
.mg08 { margin: 0.8rem !important; }
.mg09 { margin: 0.9rem !important; }
.mg10 { margin: 1rem !important; }
.mg15 { margin: 1.5rem !important; }
.mg20 { margin: 2rem !important; }
.mg25 { margin: 2.5rem !important; }
.mg30 { margin: 3rem !important; }
.mg35 { margin: 3.5rem !important; }
.mg40 { margin: 4rem !important; }
.mg45 { margin: 4.5rem !important; }
.mg50 { margin: 5rem !important; }
.mg60 { margin: 6rem !important; }
.mg70 { margin: 7rem !important; }
.mg80 { margin: 8rem !important; }
.mg90 { margin: 9rem !important; }
.mg100 { margin: 10rem !important; }

.mt00 { margin-top: 0 !important; }
.mt02 { margin-top: 0.2rem !important; }
.mt03 { margin-top: 0.3rem !important; }
.mt05 { margin-top: 0.5rem !important; }
.mt06 { margin-top: 0.6rem !important; }
.mt07 { margin-top: 0.7rem !important; }
.mt08 { margin-top: 0.8rem !important; }
.mt09 { margin-top: 0.9rem !important; }
.mt10 { margin-top: 1rem !important; }
.mt15 { margin-top: 1.5rem !important; }
.mt20 { margin-top: 2rem !important; }
.mt25 { margin-top: 2.5rem !important; }
.mt30 { margin-top: 3rem !important; }
.mt35 { margin-top: 3.5rem !important; }
.mt40 { margin-top: 4rem !important; }
.mt45 { margin-top: 4.5rem !important; }
.mt50 { margin-top: 5rem !important; }
.mt60 { margin-top: 6rem !important; }
.mt70 { margin-top: 7rem !important; }
.mt80 { margin-top: 8rem !important; }
.mt90 { margin-top: 9rem !important; }
.mt100 { margin-top: 10rem !important; }

.mr00 { margin-right: 0 !important; }
.mr02 { margin-right: 0.2rem !important; }
.mr03 { margin-right: 0.3rem !important; }
.mr05 { margin-right: 0.5rem !important; }
.mr10 { margin-right: 1rem !important; }
.mr15 { margin-right: 1.5rem !important; }
.mr20 { margin-right: 2rem !important; }
.mr25 { margin-right: 2.5rem !important; }
.mr30 { margin-right: 3rem !important; }
.mr35 { margin-right: 3.5rem !important; }
.mr40 { margin-right: 4rem !important; }
.mr45 { margin-right: 4.5rem !important; }
.mr50 { margin-right: 5rem !important; }
.mr60 { margin-right: 6rem !important; }
.mr70 { margin-right: 7rem !important; }
.mr80 { margin-right: 8rem !important; }
.mr90 { margin-right: 9rem !important; }
.mr100 { margin-right: 10rem !important; }

.mb00 { margin-bottom: 0 !important; }
.mb05 { margin-bottom: 0.5rem !important; }
.mb02 { margin-bottom: 0.2rem !important; }
.mb03 { margin-bottom: 0.3rem !important; }
.mb10 { margin-bottom: 1rem !important; }
.mb15 { margin-bottom: 1.5rem !important; }
.mb20 { margin-bottom: 2rem !important; }
.mb25 { margin-bottom: 2.5rem !important; }
.mb30 { margin-bottom: 3rem !important; }
.mb35 { margin-bottom: 3.5rem !important; }
.mb40 { margin-bottom: 4rem !important; }
.mb45 { margin-bottom: 4.5rem !important; }
.mb50 { margin-bottom: 5rem !important; }
.mb60 { margin-bottom: 6rem !important; }
.mb70 { margin-bottom: 7rem !important; }
.mb80 { margin-bottom: 8rem !important; }
.mb90 { margin-bottom: 9rem !important; }
.mb100 { margin-bottom: 10rem !important; }

.ml00 { margin-left: 0 !important; }
.ml02 { margin-left: 0.2rem !important; }
.ml03 { margin-left: 0.3rem !important; }
.ml05 { margin-left: 0.5rem !important; }
.ml10 { margin-left: 1rem !important; }
.ml15 { margin-left: 1.5rem !important; }
.ml20 { margin-left: 2rem !important; }
.ml25 { margin-left: 2.5rem !important; }
.ml30 { margin-left: 3rem !important; }
.ml35 { margin-left: 3.5rem !important; }
.ml40 { margin-left: 4rem !important; }
.ml45 { margin-left: 4.5rem !important; }
.ml50 { margin-left: 5rem !important; }
.ml60 { margin-left: 6rem !important; }
.ml70 { margin-left: 7rem !important; }
.ml80 { margin-left: 8rem !important; }
.ml90 { margin-left: 9rem !important; }
.ml100 { margin-left: 10rem !important; }


/* ********************************************************************************* *
* 04) Padding
* ********************************************************************************* */
.pd00 { padding: 0 !important; }
.pd02 { padding: 0.2rem !important; }
.pd03 { padding: 0.3rem !important; }
.pd05 { padding: 0.5rem !important; }
.pd10 { padding: 1rem !important; }
.pd15 { padding: 1.5rem !important; }
.pd20 { padding: 2rem !important; }
.pd25 { padding: 2.5rem !important; }
.pd30 { padding: 3rem !important; }
.pd35 { padding: 3.5rem !important; }
.pd40 { padding: 4rem !important; }
.pd45 { padding: 4.5rem !important; }
.pd50 { padding: 5rem !important; }
.pd60 { padding: 6rem !important; }
.pd70 { padding: 7rem !important; }
.pd80 { padding: 8rem !important; }
.pd90 { padding: 9rem !important; }
.pd100 { padding: 10rem !important; }

.pt00 { padding-top: 0 !important; }
.pt02 { padding-top: 0.2rem !important; }
.pt03 { padding-top: 0.3rem !important; }
.pt05 { padding-top: 0.5rem !important; }
.pt10 { padding-top: 1rem !important; }
.pt15 { padding-top: 1.5rem !important; }
.pt20 { padding-top: 2rem !important; }
.pt25 { padding-top: 2.5rem !important; }
.pt30 { padding-top: 3rem !important; }
.pt35 { padding-top: 3.5rem !important; }
.pt40 { padding-top: 4rem !important; }
.pt45 { padding-top: 4.5rem !important; }
.pt50 { padding-top: 5rem !important; }
.pt60 { padding-top: 6rem !important; }
.pt70 { padding-top: 7rem !important; }
.pt80 { padding-top: 8rem !important; }
.pt90 { padding-top: 9rem !important; }
.pt100 { padding-top: 10rem !important; }

.pr00 { padding-right: 0 !important; }
.pr02 { padding-right: 0.2rem !important; }
.pr03 { padding-right: 0.3rem !important; }
.pr05 { padding-right: 0.5rem !important; }
.pr10 { padding-right: 1rem !important; }
.pr15 { padding-right: 1.5rem !important; }
.pr20 { padding-right: 2rem !important; }
.pr25 { padding-right: 2.5rem !important; }
.pr30 { padding-right: 3rem !important; }
.pr35 { padding-right: 3.5rem !important; }
.pr40 { padding-right: 4rem !important; }
.pr45 { padding-right: 4.5rem !important; }
.pr50 { padding-right: 5rem !important; }
.pr60 { padding-right: 6rem !important; }
.pr70 { padding-right: 7rem !important; }
.pr80 { padding-right: 8rem !important; }
.pr90 { padding-right: 9rem !important; }
.pr100 { padding-right: 10rem !important; }

.pb00 { padding-bottom: 0 !important; }
.pb02 { padding-bottom: 0.2rem !important; }
.pb03 { padding-bottom: 0.3rem !important; }
.pb05 { padding-bottom: 0.5rem !important; }
.pb10 { padding-bottom: 1rem !important; }
.pb15 { padding-bottom: 1.5rem !important; }
.pb20 { padding-bottom: 2rem !important; }
.pb25 { padding-bottom: 2.5rem !important; }
.pb30 { padding-bottom: 3rem !important; }
.pb35 { padding-bottom: 3.5rem !important; }
.pb40 { padding-bottom: 4rem !important; }
.pb45 { padding-bottom: 4.5rem !important; }
.pb50 { padding-bottom: 5rem !important; }
.pb60 { padding-bottom: 6rem !important; }
.pb70 { padding-bottom: 7rem !important; }
.pb80 { padding-bottom: 8rem !important; }
.pb90 { padding-bottom: 9rem !important; }
.pb100 { padding-bottom: 10rem !important; }

.pl00 { padding-left: 0 !important; }
.pl02 { padding-left: 0.2rem !important; }
.pl03 { padding-left: 0.3rem !important; }
.pl05 { padding-left: 0.5rem !important; }
.pl10 { padding-left: 1rem !important; }
.pl15 { padding-left: 1.5rem !important; }
.pl20 { padding-left: 2rem !important; }
.pl25 { padding-left: 2.5rem !important; }
.pl30 { padding-left: 3rem !important; }
.pl35 { padding-left: 3.5rem !important; }
.pl40 { padding-left: 4rem !important; }
.pl45 { padding-left: 4.5rem !important; }
.pl50 { padding-left: 5rem !important; }
.pl60 { padding-left: 6rem !important; }
.pl70 { padding-left: 7rem !important; }
.pl80 { padding-left: 8rem !important; }
.pl90 { padding-left: 9rem !important; }
.pl100 { padding-left: 10rem !important; }


/* ********************************************************************************* *
* 05) Width
* ********************************************************************************* */
.wp5 { width: 5% !important; }
.wp10 { width: 10% !important; }
.wp15 { width: 15% !important; }
.wp16 { width: 16.6% !important; }
.wp20 { width: 20% !important; }
.wp25 { width: 25% !important; }
.wp30 { width: 30% !important; }
.wp33 { width: 33.3% !important; }
.wp35 { width: 35% !important; }
.wp40 { width: 40% !important; }
.wp45 { width: 45% !important; }
.wp50 { width: 50% !important; }
.wp55 { width: 55% !important; }
.wp60 { width: 60% !important; }
.wp65 { width: 65% !important; }
.wp70 { width: 70% !important; }
.wp75 { width: 75% !important; }
.wp80 { width: 80% !important; }
.wp85 { width: 85% !important; }
.wp90 { width: 90% !important; }
.wp95 { width: 95% !important; }
.wp100 { width: 100% !important; }

.wd03 { width: 0.3rem !important; }
.wd05 { width: 0.5rem !important; }
.wd10 { width: 1rem !important; }
.wd15 { width: 1.5rem !important; }
.wd20 { width: 2rem !important; }
.wd25 { width: 2.5rem !important; }
.wd30 { width: 3rem !important; }
.wd35 { width: 3.5rem !important; }
.wd40 { width: 4rem !important; }
.wd45 { width: 4.5rem !important; }
.wd50 { width: 5rem !important; }
.wd55 { width: 5.5rem !important; }
.wd60 { width: 6rem !important; }
.wd65 { width: 6.5rem !important; }
.wd70 { width: 7rem !important; }
.wd75 { width: 7.5rem !important; }
.wd80 { width: 8rem !important; }
.wd85 { width: 8.5rem !important; }
.wd90 { width: 9rem !important; }
.wd95 { width: 9.5rem !important; }
.wd100 { width: 10rem !important; }
.wd110 { width: 11rem !important; }
.wd115 { width: 11.5rem !important; }
.wd120 { width: 12rem !important; }
.wd125 { width: 12.5rem !important; }
.wd130 { width: 13rem !important; }
.wd135 { width: 13.5rem !important; }
.wd150 { width: 15rem !important; }
.wd160 { width: 16rem !important; }
.wd170 { width: 17rem !important; }
.wd180 { width: 18rem !important; }
.wd190 { width: 19rem !important; }
.wd200 { width: 20rem !important; }
.wd250 { width: 25rem !important; }
.wd300 { width: 30rem !important; }
.wd350 { width: 35rem !important; }
.wd400 { width: 40rem !important; }
.wd450 { width: 45rem !important; }
.wd500 { width: 50rem !important; }