@charset "utf-8";
/* CSS Document */


/* CSS Information ----------------------------------------

Site Name : 사단법인 만사소년
Part : 기본세팅
Last edit : 2026.04.
Author : Gautech

관련폰트 :
font-family: 'Noto Sans KR', sans-serif; (100~900)
font-family: 'Noto Serif KR', serif; (200~900)
font-family: 'Roboto', sans-serif; (100~900)
font-family: 'GyeonggiMillenniumTitle', sans-serif; (300,500,700,800)

--------------------------------------------------------- */



@font-face {
    font-family: 'GyeonggiMillenniumTitle';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2410-3@1.0/Title_Light.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'GyeonggiMillenniumTitle';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2410-3@1.0/Title_Medium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'GyeonggiMillenniumTitle';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2410-3@1.0/Title_Bold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'GyeonggiMillenniumTitle';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2410-3@1.0/TitleV.woff') format('woff');
    font-weight: 800;
    font-display: swap;
}




/* 브라우저 초기화 -------------------------------------- */

html { scroll-behavior: smooth;}
* { margin:0; padding:0; box-sizing:border-box;}
body { font-family: 'Roboto','Noto Sans KR', sans-serif; font-weight: 400; letter-spacing:-0.03em; font-size:16px; line-height:1.5; color:#444; word-break: keep-all;}
ul, ol, li { list-style:none;}
p, span, li, a, h1, h2, h3, h4, h5, h6 { transform: skew(-0.001deg);}/* 익스 웹폰트 깨짐 방지 */
img, a { vertical-align:top; border:0; background-color: transparent; color:inherit; font-size: inherit; font-weight: inherit; font-family: inherit;}
button, input, select, textarea { vertical-align:top; border:1px solid rgba(0,0,0,0.2); background-color: transparent; color:inherit; font-size: inherit; font-weight: inherit; font-family: inherit;}
input { height:28px; padding:0 5px 0 5px; vertical-align: middle;}
select { width: auto; height:28px; padding:0 40px 0 5px; vertical-align: middle; background: url(/images/icon/ar_box2.png) no-repeat 100% 50%; border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
select::-ms-expand { display: none;}
textarea { padding:5px;}
a { text-decoration:none; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; text-decoration: none;}
a:hover { text-decoration:none;}
a:focus, a:hover {}
address { font-style:normal;}
caption { display:none;}
input::-webkit-input-placeholder { color:#ccc;}
input::-moz-placeholder { color:#ccc;}
input::-ms-input-placeholder { color:#ccc;}
input[type="checkbox"] {
  appearance: none;
  width: 20px;
  height: 20px;
  border: 1px solid #ccc;
}
input[type="checkbox"]:checked { background-image:url(/images/icon/checkbox_bg.jpg); background-position:center;}




/* 전체 공통 -------------------------------------- */

#skip a { position:absolute; top:-9999px; left:0; width:100%; height:0px; overflow:hidden; background-color: #027bc4; font-size: 16px; font-weight: 500; color: #fff; text-align: center; line-height: 32px; z-index: 900;}
#skip a:focus { top: 0; height: 36px;}

.quick_wrap { display:none;}

.board_wrap { width:100%; margin:0 auto; font-size:14px;}
.board_notice { margin-bottom:20px;}
.board_wrap:after { display:block; content:""; clear:both;}

.table_over { width: 100%; margin: 0 auto 60px auto; overflow-x: auto;}
.table_unit { position:relative; width:100%; text-align:right; margin-bottom:10px; font-size:12px; color:#777;}
.table_notice { display:none;}
.content_table { margin:0 auto; padding:0; width:99.8%; background-color:#FFF; border-top:2px solid #bebebe; border-collapse:collapse;}
.content_table th { font-size:15px; font-weight:400;}
.content_table td { font-size:14px; color:#777;}
.content_table th, .content_table td { text-align:center; line-height:20px; padding:12px; border-left:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9;}
.content_table tr th:first-child, .content_table tr td:first-child { border-left: none;}
.content_table tr th:last-child, .content_table tr td:last-child { }
.content_table th.bg_01, .content_table td.bg_01 { background-color:#e4ebf2;}
.content_table th.bg_02, .content_table td.bg_02 { background-color:#F9F9F9;}
.content_table th.bg_03, .content_table td.bg_03 { background-color:#F9F9F9;}
.content_table th.bg_left, .content_table td.bg_left { text-align:left;}

.table_over_02 { border-top:4px solid #6490c7; border-bottom:2px solid #bbb; border-radius:0; width:100%; margin: 20px auto; overflow-x: auto;}
.content_table_02 { margin:0 auto; padding:0; width:100%; background-color:#FFF; border:none; border-collapse:collapse; border-radius:0; overflow:hidden;}
.content_table_02 th { font-family: 'Noto Sans KR', sans-serif; font-size:16px; font-weight:500; background-color:#e9eef4 !important;}
.content_table_02 td { font-size:15px; color:#555;}
.content_table_02 th, .content_table_02 td { text-align:center; padding:15px; border-right:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9;}
.content_table_02 tr th:first-child, .content_table_02 tr td:first-child { border-left:1px solid #c9c9c9;}
.content_table_02 tr:nth-child(2n+1) th, .content_table_02 tr:nth-child(2n+1) td { background-color:#fafafa;}
.content_table_02 th.bg_01, .content_table_02 td.bg_01 { background-color:#f5f8fb !important;}
.content_table_02 th.bg_02, .content_table_02 td.bg_02 { background-color:#f8f3f3 !important;}
.content_table_02 th.bg_03, .content_table_02 td.bg_03 { background-color:#fff !important;}
.content_table_02 th.bg_left, .content_table_02 td.bg_left { text-align:left;}
.content_table_02 th.bg_right, .content_table_02 td.bg_right { text-align:right;}



/* 버튼 */

.btn_brown { background-color:#976c00;}
.btn_blue { background-color:#008cd6;}
.btn_orange { background-color:#d66300;}
.btn_green { background-color:#33ab24;}
.btn_gray {	background-color:#444;}
.btn_lightgray { background-color:#848484;}
.btn_pink { background-color:#d8507c;}
.btn_purple { background-color:#801992;}
.btn_white_green { background-color:#fff; border:1px solid #33ab24; color:#33ab24 !important; line-height:38px !important;}
.btn_kakao { display:inline-block; line-height:50px; margin:0 2px 0 2px;}

.btn_basic { display:inline-block; background-color:#FFF; border:1px solid #CCC; padding:6px 40px 6px 20px; background-image:url(/images/icon/ar_right.png); background-position:90% 50%; background-repeat:no-repeat; line-height:normal; font-size:13px; vertical-align:middle; margin-left:10px; margin-bottom:10px;}
.btn_basic2 { display:inline-block; background-color:rgba(255,255,255,0.1); padding:6px 40px 6px 20px; background-image:url(/images/icon/ar_right_w.png); background-position:90% 50%; background-repeat:no-repeat; line-height:normal; font-size:13px; color:#FFF; vertical-align:middle; margin-left:10px; margin-bottom:10px;}
.btn_main { display:inline-block; color:#FFF; padding:10px 30px 13px 30px; line-height:normal; font-size:16px; vertical-align:middle; margin:0 5px 10px 5px; font-weight:400; letter-spacing:-0.04em;}
.btn_main:hover { color:#FFF;}



/* 폰트 지정 */

.font_black { color:#1c1c1c;}
.font_yellow { color:#fcd429;}
.font_gray { color:#676767;}
.font_lightgray { color:#848484;}
.font_blue { color:#008cd6;}
.font_red { color:#F00;}
.font_green { color:#33ab24;}
.font_pink { color:#d8507c;}
.font_orange { color:#F60;}
.font_white { color:#FFF;}
.font_brown { color:#cf6c00;}
.font_purple { color:#801992;}

.uline { text-decoration:underline;}




/* 1500 ~ 1100까지 설정 */

@media screen and (max-width:1400px){

.quick_wrap { display:block; position:fixed; top:50%; right:20px; width:100px; margin-top:-50px; z-index:49;}
.quick01 { display:block; width:100px; height:100px; border-radius:10px; text-align:center; color:rgba(255,255,255,0.9); background-color:#1fa2da; background-image:url(/images/common/icon01.png); background-repeat:no-repeat; background-position:55% 18px; padding-top:75px;}
.quick01_txt1 { font-size:12px; line-height:1; letter-spacing:-0.1em;}
.quick01:hover { background-color:#1a2062;}


}




/* 1100 ~ 768까지 태블릿 설정 */

@media screen and (max-width:1100px){


/* 브라우저 초기화 -------------------------------------- */

html {}
* { margin:0; padding:0; box-sizing:border-box;}
body { font-weight: 400; letter-spacing:-0.02em; font-size:14px; line-height:1.5; color:#444; word-break: keep-all;}
ul, ol, li { list-style:none;}
img, a { vertical-align:top; border:0; background-color: transparent; color:inherit; font-size: inherit; font-weight: inherit; font-family: inherit;}
button, input, select, textarea { vertical-align:top; border:1px solid #CCC; background-color: transparent; color:inherit; font-size: inherit; font-weight: inherit; font-family: inherit;}
input { height:28px; padding:0 5px 0 5px; vertical-align: middle;}
select { width: auto; height:28px; padding:0 40px 0 5px; vertical-align: middle; border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
select::-ms-expand { display: none;}
textarea { padding:5px;}
a { text-decoration:none; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; text-decoration: none;}
a:hover { text-decoration:none;}
a:focus, a:hover {}
address { font-style:normal;}
caption { display:none;}
input::-webkit-input-placeholder { color:#ccc;}
input::-moz-placeholder { color:#ccc;}
input::-ms-input-placeholder { color:#ccc;}





/* 전체 공통 -------------------------------------- */

#skip a { position:absolute; top:-9999px; left:0; width:100%; height:0px; overflow:hidden; background-color: #027bc4; font-size: 16px; font-weight: 500; color: #fff; text-align: center; line-height: 32px; z-index: 900;}
#skip a:focus { top: 0; height: 36px;}

.board_wrap { width:100%; margin:0 auto; font-size:14px;}
.board_notice { margin-bottom:20px;}
.board_wrap:after { display:block; content:""; clear:both;}

.table_over { width: 100%; margin: 0 auto; overflow-x: auto; }
.table_unit { position:relative; width:100%; text-align:right; margin-bottom:10px; font-size:12px; color:#777;}
.table_notice { display:none;}
.content_table { margin:0 auto; padding:0; width:99.8%; background-color:#FFF; border-top:2px solid #bebebe; border-collapse:collapse;}
.content_table th { font-size:14px; font-weight:400;}
.content_table td { font-size:13px; color:#777;}
.content_table th, .content_table td { text-align:center; line-height:20px; padding:12px; border-left:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9;}
.content_table tr th:first-child, .content_table tr td:first-child { border-left: none;}
.content_table tr th:last-child, .content_table tr td:last-child { }
.content_table th.bg_01, .content_table td.bg_01 { background-color:#e4ebf2;}
.content_table th.bg_02, .content_table td.bg_02 { background-color:#F9F9F9;}
.content_table th.bg_03, .content_table td.bg_03 { background-color:#F9F9F9;}
.content_table th.bg_left, .content_table td.bg_left { text-align:left;}

.table_over_02 { border-top:4px solid #6490c7; border-bottom:2px solid #bbb; border-radius:0; width:100%; margin: 20px auto; overflow-x: auto;}
.content_table_02 { margin:0 auto; padding:0; width:100%; background-color:#FFF; border:none; border-collapse:collapse; border-radius:0; overflow:hidden;}
.content_table_02 th { font-family: 'Noto Sans KR', sans-serif; font-size:14px; font-weight:500; background-color:#e9eef4 !important;}
.content_table_02 td { font-size:13px; color:#555;}
.content_table_02 th, .content_table_02 td { text-align:center; padding:10px; border-right:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9;}
.content_table_02 tr th:first-child, .content_table_02 tr td:first-child { border-left:1px solid #c9c9c9;}
.content_table_02 tr:nth-child(2n+1) th, .content_table_02 tr:nth-child(2n+1) td { background-color:#fafafa;}
.content_table_02 th.bg_01, .content_table_02 td.bg_01 { background-color:#f5f8fb !important;}
.content_table_02 th.bg_02, .content_table_02 td.bg_02 { background-color:#f8f3f3 !important;}
.content_table_02 th.bg_03, .content_table_02 td.bg_03 { background-color:#fff !important;}
.content_table_02 th.bg_left, .content_table_02 td.bg_left { text-align:left;}
.content_table_02 th.bg_right, .content_table_02 td.bg_right { text-align:right;}

.btn_basic { display:inline-block; background-color:#FFF; border:1px solid #CCC; padding:6px 40px 6px 20px; background-image:url(/images/icon/ar_right.png); background-position:90% 50%; background-repeat:no-repeat; line-height:normal; font-size:13px; vertical-align:middle; margin-left:10px; margin-bottom:10px;}
.btn_basic2 { display:inline-block; background-color:rgba(255,255,255,0.1); padding:6px 40px 6px 20px; background-image:url(/images/icon/ar_right_w.png); background-position:90% 50%; background-repeat:no-repeat; line-height:normal; font-size:13px; color:#FFF; vertical-align:middle; margin-left:10px; margin-bottom:10px;}
.btn_main { display:inline-block; color:#FFF; padding:8px 25px 8px 25px; line-height:normal; font-size:16px; vertical-align:middle; margin:0 5px 10px 5px; }


}



/* 767 ~ 320까지 모바일 설정 */

@media screen and (max-width:767px){


/* 브라우저 초기화 -------------------------------------- */

html {}
* { margin:0; padding:0; box-sizing:border-box;}
body { font-weight: 400; letter-spacing:-0.02em; font-size:13px; line-height:1.5; color:#444; word-break: keep-all;}
ul, ol, li { list-style:none;}
img, a { vertical-align:top; border:0; background-color: transparent; color:inherit; font-size: inherit; font-weight: inherit; font-family: inherit;}
button, input, select, textarea { vertical-align:top; border:1px solid #CCC; background-color: transparent; color:inherit; font-size: inherit; font-weight: inherit; font-family: inherit;}
input { height:28px; padding:0 5px 0 5px; vertical-align: middle;}
select { width: auto; height:28px; padding:0 40px 0 5px; vertical-align: middle; border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
select::-ms-expand { display: none;}
textarea { padding:5px;}
a { text-decoration:none; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; text-decoration: none;}
a:hover { text-decoration:none;}
a:focus, a:hover {}
address { font-style:normal;}
caption { display:none;}
input::-webkit-input-placeholder { color:#ccc;}
input::-moz-placeholder { color:#ccc;}
input::-ms-input-placeholder { color:#ccc;}
input[type="checkbox"] {
  appearance: none;
  width: 18px;
  height: 18px;
  border: 1px solid #ccc;
}
input[type="checkbox"]:checked { background-image:url(/images/icon/checkbox_bg.jpg); background-position:center; background-size:cover;}




/* 전체 공통 -------------------------------------- */

#skip a { position:absolute; top:-9999px; left:0; width:100%; height:0px; overflow:hidden; background-color: #027bc4; font-size: 16px; font-weight: 500; color: #fff; text-align: center; line-height: 32px; z-index: 900;}
#skip a:focus { top: 0; height: 36px;}

.quick_wrap { display:block; position:fixed; top:auto; bottom:100px; right:0; width:90px; margin-top:-45px; z-index:49;}
.quick01 { display:block; width:90px; height:90px; border-radius:7px 0 0 7px; text-align:center; color:rgba(255,255,255,0.9); background-color:#1fa2da; background-image:url(/images/common/icon01.png); background-size:44px auto; background-repeat:no-repeat; background-position:55% 15px; padding-top:66px;}
.quick01_txt1 { font-size:11px; line-height:1; letter-spacing:-0.1em;}
.quick01:hover { background-color:#1a2062;}

.board_wrap { width:100%; margin:0 auto; font-size:14px;}
.board_notice { margin-bottom:20px;}
.board_wrap:after { display:block; content:""; clear:both;}

.table_over { width: 100%; margin: 0 auto; overflow-x: auto; }
.table_unit { position:relative; width:100%; text-align:right; margin-bottom:10px; font-size:12px; color:#777;}
.table_notice { position:absolute; left:0; display: block;}
.content_table { margin:0 auto; padding:0; width:99.8%; background-color:#FFF; border-top:2px solid #bebebe; border-collapse:collapse;}
.content_table th { font-size:12px; font-weight:400;}
.content_table td { font-size:12px; color:#777;}
.content_table th, .content_table td { text-align:center; line-height:16px; padding:10px; border-left:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9;}
.content_table tr th:first-child, .content_table tr td:first-child { border-left: none;}
.content_table tr th:last-child, .content_table tr td:last-child { }
.content_table th.bg_01, .content_table td.bg_01 { background-color:#e4ebf2;}
.content_table th.bg_02, .content_table td.bg_02 { background-color:#F9F9F9;}
.content_table th.bg_03, .content_table td.bg_03 { background-color:#F9F9F9;}
.content_table th.bg_left, .content_table td.bg_left { text-align:left;}

.table_over_02 { border-top:4px solid #6490c7; border-bottom:2px solid #bbb; border-radius:0; width:100%; margin: 15px auto; overflow-x: auto;}
.content_table_02 { margin:0 auto; padding:0; width:100%; background-color:#FFF; border:none; border-collapse:collapse; border-radius:0; overflow:hidden;}
.content_table_02 th { font-family: 'Noto Sans KR', sans-serif; font-size:12px; font-weight:500; background-color:#e9eef4 !important;}
.content_table_02 td { font-size:12px; color:#555;}
.content_table_02 th, .content_table_02 td { text-align:center; padding:8px; border-right:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9;}
.content_table_02 tr th:first-child, .content_table_02 tr td:first-child { border-left:1px solid #c9c9c9;}
.content_table_02 tr:nth-child(2n+1) th, .content_table_02 tr:nth-child(2n+1) td { background-color:#fafafa;}
.content_table_02 th.bg_01, .content_table_02 td.bg_01 { background-color:#f5f8fb !important;}
.content_table_02 th.bg_02, .content_table_02 td.bg_02 { background-color:#f8f3f3 !important;}
.content_table_02 th.bg_03, .content_table_02 td.bg_03 { background-color:#fff !important;}
.content_table_02 th.bg_left, .content_table_02 td.bg_left { text-align:left;}
.content_table_02 th.bg_right, .content_table_02 td.bg_right { text-align:right;}

.btn_basic { display:inline-block; background-color:#FFF; border:1px solid #CCC; padding:6px 40px 6px 20px; background-image:url(/images/icon/ar_right.png); background-position:90% 50%; background-repeat:no-repeat; line-height:normal; font-size:12px; vertical-align:middle; margin-left:10px; margin-bottom:10px;}
.btn_basic2 { display:inline-block; background-color:rgba(255,255,255,0.1); padding:6px 40px 6px 20px; background-image:url(/images/icon/ar_right_w.png); background-position:90% 50%; background-repeat:no-repeat; line-height:normal; font-size:12px; color:#FFF; vertical-align:middle; margin-left:10px; margin-bottom:10px;}
.btn_main { display:inline-block; color:#FFF; padding:8px 20px 8px 20px; line-height:normal; font-size:14px; vertical-align:middle; margin:0 3px 6px 3px; }



}