@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
@import url("https://cdn.jsdelivr.net/gh/sunn-us/SUIT/fonts/static/woff2/SUIT.css");
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css");
@import url('https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700&display=swap');
@font-face {
    font-family: 'S-CoreDream-4Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

:root {
    --primary-color: #265495;
    --secondary-color: #A2B1C7;
    --sky-color: #EBF0F8; 
}

* {margin: 0; padding: 0; font-family: 'Pretendard'; box-sizing: border-box;}

body, html {margin: 0; padding: 0; box-sizing: border-box; font-family: 'Pretendard', sans-serif; font-weight: 400;}

ul, li {list-style: none; margin: 0; padding: 0;}

a {text-decoration: none; color: #333;}

a:hover, a:focus {color: #333;}

h1, h2, h3, h4, h5, h6, span, p, div, a, b {margin: 0; padding: 0; box-sizing: border-box; font-weight: 400;}

.no-margin{margin:0 !important;}
.no-padding{padding:0 !important;}

/* flex */
.flex { display: flex; }

/* flex, justify-content */
.flex-center { display: flex; justify-content: center; }
.flex-start { display: flex; justify-content: start; }
.flex-end { display: flex; justify-content: end; }
.flex-around { display: flex; justify-content: space-around; }
.flex-between { display: flex; justify-content: space-between; }
.flex-evenly { display: flex; justify-content: space-evenly; }

/* flex, align-items */
.flex-none-center { display: flex; align-items: center; }
.flex-none-start { display: flex; align-items: start; }
.flex-none-end { display: flex; align-items: flex-end; }
.flex-none-baseline { display: flex; align-items: baseline; }

/* flex, justify-content: center, align-items */
.flex-center-center { display: flex; justify-content: center; align-items: center; }
.flex-center-start { display: flex; justify-content: center; align-items: start; }
.flex-center-end { display: flex; justify-content: center; align-items: end; }

/* flex, justify-content: start, align-items */
.flex-start-center { display: flex; justify-content: start; align-items: center; }
.flex-start-start { display: flex; justify-content: start; align-items: start; }
.flex-start-end { display: flex; justify-content: start; align-items: end; }

/* flex, justify-content: end, align-items */
.flex-end-center { display: flex; justify-content: end; align-items: center; }
.flex-end-start { display: flex; justify-content: end; align-items: start; }
.flex-end-end { display: flex; justify-content: end; align-items: end; }

/* flex, justify-content: space-around, align-items */
.flex-around-center { display: flex; justify-content: space-around; align-items: center; }
.flex-around-start { display: flex; justify-content: space-around; align-items: start; }
.flex-around-end { display: flex; justify-content: space-around; align-items: end; }

/* flex, justify-content: space-between, align-items */
.flex-between-center { display: flex; justify-content: space-between; align-items: center; }
.flex-between-start { display: flex; justify-content: space-between; align-items: start; }
.flex-between-end { display: flex; justify-content: space-between; align-items: end; }
.flex-between-baseline { display: flex; justify-content: space-between; align-items: baseline; }

/* flex, justify-content: space-evenly, align-items */
.flex-evenly-center { display: flex; justify-content: space-evenly; align-items: center; }
.flex-evenly-start { display: flex; justify-content: space-evenly; align-items: start; }
.flex-evenly-end { display: flex; justify-content: space-evenly; align-items: end; }

/* flex, flex-direction */
.flex-column { display: flex; flex-direction: column; }
.flex-columnReverse { display: flex; flex-direction: column-reverse; }
.flex-row { display: flex; flex-direction: row; }
.flex-rowReverse { display: flex; flex-direction: row-reverse; }

/* color */
.color-primary {color: var(--primary-color);}
.color-secondary {color: var(--secondary-color);}

/* background color */
.bgc-sky {background-color: var(--sky-color);}


/* layout */
.main_container {
    width: 1200px;
    margin: 0 auto;
}

/* title */
.title_common .title_en {
    color: #fff;
    font-size: 16px;
    line-height: 1em;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}
.title_common .title_ko {
    color: #fff;
    font-size: 48px;
    line-height: 1em;
    font-weight: 300;
    text-align: center;
}

/* 게시판 */
#responBoard, .write-form {
    width: 1200px;
    margin: 0 auto;
}