@charset "UTF-8";

/*****************************************************************

******************************************************************/

/*reset.css------------------------------------------------------------------------------------------------------------------ */
/*초기화------------------------------------------------------------------------------------------------------------------ */
*{box-sizing: border-box; -webkit-text-size-adjust: none;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
*:focus{outline:none; border:none;}

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;}
ul, ol, dl{list-style:none;}
fieldset{border:none;}
legend{display:none;}
img{border:none;}

/* 링크 */
a{text-decoration:none; }
a:link{ text-decoration:none;}
a:visted{ text-decoration:none;}
a:active{  text-decoration:none;}
a:hover{ text-decoration:none;}

/* 인용구 */
blockquote:before, blockquote:after,
q:before, q:after{content: ''; content: none;}
table{border-collapse: collapse;border-spacing: 0;}
blockquote, q{quotes: none;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main{display: block;}


/*추가------------------------------------------------------------------------------------------------------------------ */
.moon-mob{display:none;}

/* 너비 */
.moon-w-0 {width: 0% !important;}
.moon-w-5 {width: 5% !important;}
.moon-w-10 {width: 10% !important;}
.moon-w-15 {width: 15% !important;}
.moon-w-20 {width: 20% !important;}
.moon-w-25 {width: 25% !important;}
.moon-w-30 {width: 30% !important;}
.moon-w-35 {width: 35% !important;}
.moon-w-40 {width: 40% !important;}
.moon-w-45 {width: 45% !important;}
.moon-w-50 {width: 50% !important;}
.moon-w-55 {width: 55% !important;}
.moon-w-60 {width: 60% !important;}
.moon-w-65 {width: 65% !important;}
.moon-w-70 {width: 70% !important;}
.moon-w-75 {width: 75% !important;}
.moon-w-80 {width: 80% !important;}
.moon-w-85 {width: 85% !important;}
.moon-w-90 {width: 90% !important;}
.moon-w-95 {width: 95% !important;}
.moon-w-100 {width: 100% !important;}


/* 높이 */
.moon-h-1 {height:1px !important;}
.moon-h-2 {height:2px !important;}
.moon-h-3 {height:3px !important;}
.moon-h-4 {height:4px !important;}
.moon-h-5 {height:5px !important;}
.moon-h-6 {height:6px !important;}
.moon-h-7 {height:7px !important;}
.moon-h-8 {height:8px !important;}
.moon-h-9 {height:9px !important;}
.moon-h-10 {height:10px !important;}
.moon-h-15 {height:15px !important;}
.moon-h-20 {height:20px !important;}
.moon-h-30 {height:30px !important;}
.moon-h-40 {height:40px !important;}
.moon-h-50 {height:50px !important;}
.moon-h-60 {height:60px !important;}
.moon-h-70 {height:70px !important;}
.moon-h-80 {height:80px !important;}
.moon-h-90 {height:90px !important;}
.moon-h-100 {height:100px !important;}


/* 폰트 사이즈 */
.moon-font-8 {font-size:8px !important;}
.moon-font-9 {font-size:9px !important;}
.moon-font-10 {font-size:10px !important;}
.moon-font-11 {font-size:11px !important;}
.moon-font-12 {font-size:12px !important;}
.moon-font-14 {font-size:14px !important;}
.moon-font-15 {font-size:15px !important;}
.moon-font-16 {font-size:16px !important;}
.moon-font-17 {font-size:17px !important;}
.moon-font-18 {font-size:18px !important;}
.moon-font-19 {font-size:19px !important;}
.moon-font-20 {font-size:20px !important;}
.moon-font-22 {font-size:22px !important;}
.moon-font-24 {font-size:24px !important;}
.moon-font-26 {font-size:26px !important;}
.moon-font-28 {font-size:28px !important;}
.moon-font-30 {font-size:30px !important;}
.moon-font-36 {font-size:36px !important;}
.moon-font-40 {font-size:40px !important;}
.moon-font-45 {font-size:45px !important;}
.moon-font-50 {font-size:50px !important;}


/* 폰트 두께 */
.moon-weight-1{font-weight:100 !important;}
.moon-weight-2{font-weight:200 !important;}
.moon-weight-3{font-weight:300 !important;}
.moon-weight-4{font-weight:400 !important;}
.moon-weight-5{font-weight:500 !important;}
.moon-weight-6{font-weight:600 !important;}
.moon-weight-7{font-weight:700 !important;}
.moon-weight-8{font-weight:800 !important;}
.moon-weight-9{font-weight:900 !important;}

/* 줄바꿈 */
.moon-br-1280{display:none;}
.moon-br-1024{display:none;}
.moon-br-768{display:none;}
.moon-br-480{display:none;}
.moon-br-375{display:none;}
.moon-br-320{display:none;}

/* 마진 */
.moon-mt-3 {margin-top: 3px !important;}
.moon-mt-5 {margin-top: 5px !important;}
.moon-mt-10 {margin-top: 10px !important;}
.moon-mt-12 {margin-top: 12px !important;}
.moon-mt-15 {margin-top: 15px !important;}
.moon-mt-20 {margin-top: 20px !important;}
.moon-mt-25 {margin-top: 25px !important;}
.moon-mt-30 {margin-top: 30px !important;}
.moon-mt-32 {margin-top: 32px !important;}
.moon-mt-35 {margin-top: 35px !important;}
.moon-mt-40 {margin-top: 40px !important;}
.moon-mt-45 {margin-top: 45px !important;}
.moon-mt-50 {margin-top: 50px !important;}
.moon-mt-55 {margin-top: 55px !important;}
.moon-mt-60 {margin-top: 60px !important;}
.moon-mt-65 {margin-top: 65px !important;}
.moon-mt-70 {margin-top: 70px !important;}
.moon-mt-75 {margin-top: 75px !important;}
.moon-mt-80 {margin-top: 80px !important;}
.moon-mt-85 {margin-top: 85px !important;}
.moon-mt-90 {margin-top: 90px !important;}
.moon-mt-95 {margin-top: 95px !important;}
.moon-mt-100 {margin-top: 100px !important;}
.moon-mt-110 {margin-top: 110px !important;}
.moon-mt-120 {margin-top: 120px !important;}
.moon-mt-130 {margin-top: 130px !important;}
.moon-mt-140 {margin-top: 140px !important;}
.moon-mt-150 {margin-top: 150px !important;}


.moon-mb-3 {margin-bottom: 3px !important;}
.moon-mb-5 {margin-bottom: 5px !important;}
.moon-mb-10 {margin-bottom: 10px !important;}
.moon-mb-15 {margin-bottom: 15px !important;}
.moon-mb-20 {margin-bottom: 20px !important;;}
.moon-mb-25 {margin-bottom: 25px !important;}
.moon-mb-30 {margin-bottom: 30px !important;}
.moon-mb-32 {margin-bottom: 32px !important;}
.moon-mb-35 {margin-bottom: 35px !important;}
.moon-mb-40 {margin-bottom: 40px !important;}
.moon-mb-45 {margin-bottom: 45px !important;}
.moon-mb-50 {margin-bottom: 50px !important;}
.moon-mb-55 {margin-bottom: 55px !important;}
.moon-mb-60 {margin-bottom: 60px !important;}
.moon-mb-65 {margin-bottom: 65px !important;}
.moon-mb-70 {margin-bottom: 70px !important;}
.moon-mb-75 {margin-bottom: 75px !important;}
.moon-mb-80 {margin-bottom: 80px !important;}
.moon-mb-85 {margin-bottom: 85px !important;}
.moon-mb-90 {margin-bottom: 90px !important;}
.moon-mb-95 {margin-bottom: 95px !important;}
.moon-mb-100 {margin-bottom: 100px !important;}
.moon-mb-110 {margin-bottom: 110px !important;}
.moon-mb-120 {margin-bottom: 120px !important;}
.moon-mb-130 {margin-bottom: 130px !important;}
.moon-mb-140 {margin-bottom: 140px !important;}
.moon-mb-150 {margin-bottom: 150px !important;}

/* 패딩 */
.moon-pt-0 {padding-top: 0px !important;}
.moon-pt-3 {padding-top: 3px !important;}
.moon-pt-5 {padding-top: 5px !important;}
.moon-pt-10 {padding-top: 10px !important;}
.moon-pt-15 {padding-top: 15px !important;}
.moon-pt-20 {padding-top: 20px !important;}
.moon-pt-25 {padding-top: 25px !important;}
.moon-pt-30 {padding-top: 30px !important;}
.moon-pt-32 {padding-top: 32px !important;}
.moon-pt-35 {padding-top: 35px !important;}
.moon-pt-40 {padding-top: 40px !important;}
.moon-pt-45 {padding-top: 45px !important;}
.moon-pt-50 {padding-top: 50px !important;}
.moon-pt-55 {padding-top: 55px !important;}
.moon-pt-60 {padding-top: 60px !important;}
.moon-pt-65 {padding-top: 65px !important;}
.moon-pt-70 {padding-top: 70px !important;}
.moon-pt-75 {padding-top: 75px !important;}
.moon-pt-80 {padding-top: 80px !important;}
.moon-pt-85 {padding-top: 85px !important;}
.moon-pt-90 {padding-top: 90px !important;}
.moon-pt-95 {padding-top: 95px !important;}
.moon-pt-100 {padding-top: 100px !important;}
.moon-pt-110 {padding-top: 110px !important;}
.moon-pt-120 {padding-top: 120px !important;}
.moon-pt-130 {padding-top: 130px !important;}
.moon-pt-140 {padding-top: 140px !important;}
.moon-pt-150 {padding-top: 150px !important;}

.moon-pb-0 {padding-bottom: 0px !important;}
.moon-pb-3 {padding-bottom: 3px !important;}
.moon-pb-5 {padding-bottom: 5px !important;}
.moon-pb-10 {padding-bottom: 10px !important;}
.moon-pb-15 {padding-bottom: 15px !important;}
.moon-pb-20 {padding-bottom: 20px !important;}
.moon-pb-25 {padding-bottom: 25px !important;}
.moon-pb-30 {padding-bottom: 30px !important;}
.moon-pb-32 {padding-bottom: 32px !important;}
.moon-pb-35 {padding-bottom: 35px !important;}
.moon-pb-40 {padding-bottom: 40px !important;}
.moon-pb-45 {padding-bottom: 45px !important;}
.moon-pb-50 {padding-bottom: 50px !important;}
.moon-pb-55 {padding-bottom: 55px !important;}
.moon-pb-60 {padding-bottom: 60px !important;}
.moon-pb-65 {padding-bottom: 65px !important;}
.moon-pb-70 {padding-bottom: 70px !important;}
.moon-pb-75 {padding-bottom: 75px !important;}
.moon-pb-80 {padding-bottom: 80px !important;}
.moon-pb-85 {padding-bottom: 85px !important;}
.moon-pb-90 {padding-bottom: 90px !important;}
.moon-pb-95 {padding-bottom: 95px !important;}
.moon-pb-100 {padding-bottom: 100px !important;}
.moon-pb-110 {padding-bottom: 110px !important;}
.moon-pb-120 {padding-bottom: 120px !important;}
.moon-pb-130 {padding-bottom: 130px !important;}
.moon-pb-140 {padding-bottom: 140px !important;}
.moon-pb-150 {padding-bottom: 150px !important;}


/* 텍스트 정렬 */
.moon-TL{text-align:left !important;}
.moon-TC{text-align:center !important;}
.moon-TR{text-align:right !important;}


/* 색상 */
.moon-color-fff {color:#fff !important;}
.moon-color-ddd {color:#ddd !important;}
.moon-color-eee {color:#eee !important;}
.moon-color-bbb {color:#bbb !important;}
.moon-color-000 {color:#000 !important;}
.moon-color-999 {color:#999 !important;}
.moon-color-888 {color:#888 !important;}
.moon-color-777 {color:#777 !important;}
.moon-color-666 {color:#666 !important;}
.moon-color-555 {color:#555 !important;}
.moon-color-444 {color:#444 !important;}
.moon-color-333 {color:#333 !important;}
.moon-color-222 {color:#222 !important;}
.moon-color-111 {color:#111 !important;}


/* 배치와 관련된 속성 클래스로 정의 */
.none{display:none;}
.moon-flex{display: flex;align-items: center;}
.moon-flex-btw {display:flex;justify-content:space-between;align-items: center;}
.moon-flex-btwt {display:flex;justify-content:space-between;}
.moon-flex-cnt {display:flex; justify-content:center;}
.moon-column {display: flex;flex-direction: column;}
.moon-row {display: flex;flex-flow: row;flex-wrap: wrap;}
.moon-rel{position: relative;}
.moon-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.moon-row-center{position:absolute;left:50%;transform:translateX(-50%);}
.moon-column-center{position:absolute;top:50%;transform:translateY(-50%);}
.moon-gap-03{gap: 3px;}
.moon-gap-05{gap: 5px;}
.moon-gap-10{gap: 10px;}
.moon-gap-15{gap: 15px;}
.moon-gap-20{gap: 20px;}

/*input------------------------------------------------------------------------------------------------------------------ */
select{all: unset;border-radius:0; /* 아이폰 사파리 보더 없애기 */ -webkit-appearance:none; /* 화살표 없애기 for chrome*/ -moz-appearance:none; /* 화살표 없애기 for firefox*/ appearance:none; /* 화살표 없애기 공통*/}
select::-ms-expand{display:none; /* 화살표 없애기 for IE10, 11*/ }
input{all:unset;-webkit-appearance: none;margin:0; outline:none; }
input:focus{outline:none; }
textarea{vertical-align:middle; background:#fff;}
button{background:none; border:none; padding:0; margin:0; cursor:pointer; }
button:active {outline: none}
button::-moz-focus-inner {padding:0; border:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}

/* 테이블 */
table{width:100%;}
table th,table td{position:relative;}

@media screen and (max-width:768px){
    .moon-pt-150 {padding-top: 75px !important;}
    .moon-mb-30{margin-bottom:15px !important}
    .moon-mb-50{margin-bottom:30px !important;}
	.moon-pt-100 {padding-top: 50px !important;}
	.moon-mt-100 {margin-top: 50px !important;}


    /* 폰트 사이즈 */
    .moon-font-30{font-size:18px !important}
}

@media screen and (max-width:576px){
    .moon-pt-20 {padding-top: 10px !important;}
    .moon-pt-80{padding-top: 50px !important;}
    .moon-pb-20 {padding-bottom: 10px !important;}
    .moon-pb-80{padding-bottom: 50px !important;}
	
    .moon-mb-20 {margin-bottom:10px !important}
    .moon-mb-40 {margin-bottom:20px !important}
    .moon-mb-80 {margin-bottom: 50px !important;}
    .moon-mb-100 {margin-bottom: 60px !important;}


    .moon-font-18{font-size:16px !important}
    .moon-font-20 {font-size:17px !important;}
    .moon-font-36{font-size: 21px !important;}

    /*너비*/
    .moon-w-5 {width: 100% !important;}
    .moon-w-10 {width: 100% !important;}
    .moon-w-15 {width: 100% !important;}
    .moon-w-20 {width: 100% !important;}
    .moon-w-25 {width: 100% !important;}
    .moon-w-30 {width: 100% !important;}
    .moon-w-35 {width: 100% !important;}
    .moon-w-40 {width: 100% !important;}
    .moon-w-45 {width: 100% !important;}
    .moon-w-50 {width: 100% !important;}
    .moon-w-55 {width: 100% !important;}
    .moon-w-60 {width: 100% !important;}
    .moon-w-65 {width: 100% !important;}
    .moon-w-70 {width: 100% !important;}
    .moon-w-75 {width: 100% !important;}
    .moon-w-80 {width: 100% !important;}
    .moon-w-85 {width: 100% !important;}
    .moon-w-90 {width: 100% !important;}
    .moon-w-95 {width: 100% !important;}


}


/*그누위즈 reset.css------------------------------------------------------------------------------------------------------------------ */