/* CSS-RESET */
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 {padding: 0; margin: 0; border: 0; font-size: 100%; font: inherit;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
img,fieldset {border: 0;}
input, button {outline: none;}
address,cite,code,em{font-style:normal;font-weight:normal;}
label,img,input,select,textarea,button{vertical-align:middle;}
ol, ul {list-style: none; padding: 0; margin: 0;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
input, button {outline: none;}

/* LINK-RESET */
a:link{text-decoration:none; color: inherit; }
a:visited{text-decoration:none; color: inherit;}
a:hover{text-decoration:none; color: inherit;}
a:active{text-decoration:none; color: inherit;}	

/* CLEAR */
.clear {zoom:1;}
.clear::after{content:''; display:block; clear:both;}

/* Hide */
.hide {
    display: inline-block !important;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0;
    line-height: 0;
    border: 0 !important;
    overflow: hidden !important;
}
.hides {position: absolute; left: -3000%;}

/* Scroll-Smooth */
html {scroll-behavior: smooth;} 

/* END CSS-RESET */

/* BASIC */
body {
    font-family:'Noto Sans KR', 'Malgun Gothic','맑은 고딕','Apple SD Gothic Neo','Open Sans',sans-serif;
    font-size: 1rem;
    letter-spacing: -0.005em;
    font-weight: 400;
    white-space: normal;
    word-break: break-all;
    color: #000;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    background-color: #FEFBFB;
}
.tit-bx {font-size: 48px; line-height: 1.45833;}
.tit-mx {font-size: 40px; line-height: 1.35;}
.tit-sx {font-size: 28px; line-height: 1.464286;}
.txt-bx {font-size: 20px; line-height: 1.5;}
.txt-mx {font-size: 16px; line-height: 1.625;}
.txt-sx {font-size: 15px; line-height: 1.46667;}

.tb-500 {font-weight: 500;}
.tb-700 {font-weight: 700;}
.tsp8 {letter-spacing: 0.08em;} 


.tc-b6 {color: #242424 !important;}
.tc-b5 {color: #3d3d3d !important;}
.tc-b4 {color: #575757 !important;}
.tc-b3 {color: #707070 !important;}
.tc-b2 {color: #8a8a8a !important;}
.tc-b1 {color: #d6d6d6 !important;}

.tc-r5 {color: #C95F6A !important;}

.wd_fix {
    max-width: 1200px;
    width: 100%;
    margin: auto;
    box-sizing: border-box;
}

.btn-mooa {
    display: inline-block;
    width: 160px;
    height: 56px;
    line-height: 52px;
    padding: 0 5px;
    border: 2px solid transparent;
    border-radius: 4px;
    box-sizing: border-box;
    text-align: center;
    font-weight: 700;
}
.btn-mooa:hover {
    color: #C95F6A !important;
    border: 2px solid #E2ABB1 ;
}

@media screen and (max-width:768px) {
    .wd_fix {padding: 0 10px;}
    .tit-bx {font-size: 40px; line-height: 1.45833;}
    .tit-mx {font-size: 33px; line-height: 1.35;}
}