@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)

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





/* 서브 start ----------------------------------- */


header {}



/* 서브 비주얼 */

.container_visual {}
.sub_visual { position:relative; width:100%; height:300px; overflow:hidden;}
.sub_visual .sub_bg { width:100%; height:300px; min-width:1100px; background-position:50% 0%; background-size:cover; background-attachment:fixed; -webkit-transition: all 0.45s ease; -moz-transition: all 0.45s ease; -ms-transition: all 0.45s ease; -o-transition: all 0.45s ease; transition: all 0.45s ease;}
.sub_visual .sub_bg:hover { -ms-transform: scale(1.05,1.05); -webkit-transform: scale(1.05,1.05); transform: scale(1.05,1.05);}
.sub_visual_view_pc { display:block;}
.sub_visual_view_tb { display:none;}
.sub_visual .sub01_bg_pc { background-image:url(/images/sub/sub01_visual.jpg);}
.sub_visual .sub01_bg_tb { background-image:url(/images/sub/sub01_visual_t.jpg);}
.sub_visual .sub02_bg_pc { background-image:url(/images/sub/sub02_visual.jpg);}
.sub_visual .sub02_bg_tb { background-image:url(/images/sub/sub02_visual_t.jpg);}
.sub_visual .sub03_bg_pc { background-image:url(/images/sub/sub03_visual.jpg);}
.sub_visual .sub03_bg_tb { background-image:url(/images/sub/sub03_visual_t.jpg);}
.sub_visual .sub04_bg_pc { background-image:url(/images/sub/sub04_visual.jpg);}
.sub_visual .sub04_bg_tb { background-image:url(/images/sub/sub04_visual_t.jpg);}
.sub_visual .sub05_bg_pc { background-image:url(/images/sub/sub05_visual.jpg);}
.sub_visual .sub05_bg_tb { background-image:url(/images/sub/sub05_visual_t.jpg);}



/* 서브공통 */

.sub_container_wrap { position:relative; width:100%; min-width:1100px;}
.sub_container { position: relative; width:100%; max-width:1400px; min-width:1100px; margin:0 auto; padding:0 30px 50px 30px;}
.sub_container:after { display:block; content:""; clear:both;}
.sub_title { font-family: 'GyeonggiMillenniumTitle', sans-serif; position:relative; width:100%; margin:0 auto 40px auto; padding:60px 0 20px 0; font-size:40px; font-weight:700; letter-spacing:0; text-align:left; border-bottom:1px solid #e1ded8;}
.sub_title_sub { font-family: 'Roboto','Noto Sans KR', sans-serif; display:inline-block; font-size:16px; letter-spacing:-0.04em; font-weight:400; color:#999; padding-left:20px;}
.sub_title_fixed { padding:110px 0 20px 0;}
.box100per { width:100%; margin:0 auto; padding:0;}
.line_1px { position:relative; width:100%; height:1px; background-color:rgba(0,0,0,0.2); margin:20px 0 60px 0;}
.sub_img { position:relative;}
.sub_img_m { display:none;}
.big_view { display: none;}
.big_view>a { display: none;}

.preparing { width:100%; text-align:center;}
.preparing>img { width:80%; height:auto; max-width:392px;}

.in_title { font-family: 'GyeonggiMillenniumTitle', sans-serif; font-size:42px; font-weight:700; margin-bottom:50px; line-height:1.2; letter-spacing:-0.04em;}
.in_title>p { margin:0 0 30px -15px;}
.in_title>span { display:block;}
.in_title2 { font-family: 'GyeonggiMillenniumTitle', sans-serif; font-size:32px; font-weight:700; margin-bottom:30px; line-height:1.2;}
.in_title2>span {}
.in_title3 { font-size:22px; font-weight:500; margin-bottom:20px; line-height:1.2;}
.in_title3>span {}
.in_title_txt { font-size:17px; line-height:1.4; font-weight:400; color:rgba(0,0,0,0.7);}
.in_title_txt>span {}

.sub_box_wrap { width:100%; padding:70px;}
.sub_box { width:100%; background-color:rgba(255,255,255,1); border-top:1px solid rgba(0,0,0,0.2); border-bottom:1px solid rgba(0,0,0,0.2);}




/* 서브탭 start */

.sub_menu_wrap { width:100%; height:52px; border-bottom:1px solid #e1ded8; border-top:1px solid #e1ded8; background-color:#fff;}
.sub_menu { position:relative; width:100%; max-width:1400px; min-width:1100px; height:50px; margin:0 auto;}
.icon_home { position:absolute; left:0; top:0; width:50px; height:50px;}
.icon_print { position:absolute; right:0; top:0; width:50px; height:50px;}
.sub_tab { width:calc(100% - 100px); height:50px; margin:0 50px;}
.sub_tab>ul {}
.sub_tab>ul>li { float:left; position:relative; border-right:1px solid #e1ded8; height:50px; line-height:50px; font-size:17px; color:#444; cursor:pointer; background-repeat:no-repeat; background-position:90% 50%;}
.sub_tab>ul>li.sub_depth1 { border-left:none; padding-left:30px; padding-right:150px; background-image:url(/images/icon/tab_box_bg.png); z-index:1;}
.sub_tab>ul>li.sub_depth2 { display:none; padding-left:30px; padding-right:150px; background-image:url(/images/icon/tab_box_bg.png); z-index:1;}
.menu_on { display:block !important;}
.sub_tab>ul>li>a { display:block; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); width: 100%; text-align: center;}
.sub_tab>ul>li:hover { background-color:#f6f6f6;}
.sub_tab>ul>li.tab_active { background-color:#f6f6f6;}
.tab_box_bg_on { background-image:url(/images/icon/tab_box_bg_on.png) !important;}

.sub_tab_sub { position:absolute; display:none; top:50px; left:-1px; border:1px solid #e1ded8; width:100%; z-index:1; box-sizing:content-box; background-color:#FFF;}
.sub_tab_sub ul { padding:30px;}
.sub_tab_sub ul li { float:none; height:30px; font-size:15px; line-height:29px; width:100%; border:none; background-image:none;}
.sub_tab_sub ul li a { display:block; width:100%; height:100%; padding-left:10px;}
.sub_tab_sub ul li:hover { background-color:#f6f6f6;}

.sub_menu_wrap_fixed { position: fixed; top: -1px; z-index: 100;}

.depth3_tab { width:100%; height:auto; padding:0; margin:0 0 80px 0; font-size:0;}
.depth3_tab_btn { display:inline-block; vertical-align:middle; font-size:20px; text-align:center; padding:20px 0; background-color:#eee; cursor:pointer;}
.depth3_tab_btn:nth-child(2n) { background-color:#ddd;}
.depth3_tab_btn.depth3_active, .depth3_tab_btn:hover { color:#FFF; background-color:#193e75;}




/* 서브01 */

.sub01_box_wrap { width:100%; padding:40px 0; font-size:0;}
.sub01_box01 { display:inline-block; vertical-align:top; width:55%; padding:0 100px 80px 0;}
.sub01_box01_txt { font-size:17px;}
.sub01_box02 { display:inline-block; vertical-align:top; width:45%; padding:0 0 80px 0;}
.sub01_box02>img { width:100%; height:auto; max-width:583px; border-radius:10px;}
.sub01_box03 { width:100%; padding:0 0 80px 0; text-align:center; box-sizing:border-box;}
.sub01_box03_01 { margin:0 auto; display:inline-flex; align-items:center; gap:20px; border:1px solid rgba(0,0,0,0.2); border-radius:10px; font-family:'GyeonggiMillenniumTitle', sans-serif; font-size:clamp(20px, 2.2vw, 28px); font-weight:700; padding:30px clamp(40px, 7vw, 100px) 30px clamp(80px, 10vw, 160px); background-image:url(/images/icon.png); background-size:auto 70%; background-repeat:no-repeat; background-position:clamp(20px, 4vw, 60px) 50%;}
.sub01_box03_line { width:1px; height:40px; background:#ccc; margin:0 auto;}
.sub01_box03_teams { position:relative; display:flex; justify-content:center; gap:clamp(15px, 3vw, 40px); padding-top:40px;}
.sub01_box03_teams::before { content:""; position:absolute; top:0; left:calc(16.5% - 10px); right:calc(16.5% - 11px); height:1px; background:#ccc;}
.sub01_box03_team { position:relative; flex:1; max-width:500px;}
.sub01_box03_team::before { content:""; position:absolute; top:-40px; left:50%; width:1px; height:40px; background:#ccc;}
.sub01_box03_02 { display:block; width:100%; border-radius:10px; font-family:'GyeonggiMillenniumTitle', sans-serif; font-size:clamp(16px, 1.6vw, 20px); font-weight:700; padding:25px 20px; background-color:#2570a7; color:#fff;}
.sub01_box03_teams2 { position:relative; display:flex; justify-content:center; gap:clamp(15px, 3vw, 40px); padding-top:40px;}
.sub01_box03_03 { display:block; width:100%; font-size:16px; border:1px solid rgba(0,0,0,0.2); border-radius:10px; padding:30px; text-align:left; line-height:2;}
.sub01_box03_03>span { display:inline-block; padding-left:8px;}


/* 서브02 */

.sub02_01_tw { width:20%;}
.sub02_box_wrap { width:100%; padding:0; font-size:0;}
.sub02_box01 { display:inline-block; vertical-align:top; width:100%; padding:40px 40px 80px 40px;}
.sub02_box01_txt { font-size:17px; display:inline-block; vertical-align:top; width:55%; padding:20px 100px 80px 0;}
.sub02_box01_img { display:inline-block; vertical-align:top; width:45%; padding:0;}
.sub02_box01_img>img { width:100%; height:auto; max-width:582px; border-radius:10px; }
.sub02_box02_wrap { display:flex; align-items:flex-start; width:100%; padding:0; }
.sub02_box02 { width:55%; padding:0 100px 60px 0; align-self:flex-start;}
.sub02_box02_txt { font-size:17px; width:100%; padding:0; }
.sub02_box02_img { display:flex; flex-wrap:wrap; justify-content:center; align-content:flex-end; gap:20px; width:45%; padding:0 0 60px 0;}
.sub02_box02_img>img { width:calc(50% - 10px); height:auto; display:block; border-radius:10px; }
.sub02_box03 { width:100%; padding:0 0 100px 0;}

.sub02_02_tw { width:20%;}
.sub02_02_box_wrap { width:100%; padding:0; }
.sub02_02_group { display:flex; align-items:flex-start; width:100%; }
.sub02_02_box { width:55%; padding:0 100px 40px 0; }
.sub02_02_box_txt { font-size:17px; width:100%; padding:0; }
.sub02_02_box_img { display:flex; flex-wrap:wrap; justify-content:center; gap:20px; width:45%; padding:0 0 40px 0; margin-top:auto; }
.sub02_02_box_img>img { width:calc(100% - 10px); height:auto; max-width:216px; display:block; border-radius:10px; }
.sub02_02_box_img2 { display:flex; flex-wrap:wrap; justify-content:center; align-content:flex-start; gap:20px; width:45%; padding:0 0 40px 0; }
.sub02_02_box_img2>img { width:calc(50% - 10px); height:auto; display:block; border-radius:10px; }
.sub02_02_box_btn { display:inline-block; cursor:pointer; font-size:20px; color:#fff; padding:20px 50px; border-radius:10px; background-color:#F66; margin:-20px 0 40px 0;}
.sub02_02_box_btn:hover { background-color:#F36;}
#application { display:block; position:absolute; width:1px; height:1px; top:-80px; left:0;}
.sub02_02_box_wrap2 { width:100%; padding: 20px 0 60px 0;}
.sub02_02_box_notice { background-image:url(/images/icon/mark.png); background-repeat:no-repeat; background-position:0 4px; font-size:18px; padding:0 0 0 20px; margin:-10px 0 40px 0; text-decoration:underline;}
.sub02_02_box2 { padding:40px; background-color:rgba(0,0,0,0.05); margin-bottom:40px;}
.sub02_02_box2_in { padding:40px; background-color:rgba(255,255,255,1); margin-bottom:20px;}
.sub02_02_box2_title { font-size:20px; font-weight:500; margin-bottom:10px;}
.sub02_02_box2_txt { font-size:17px;}
.sub02_02_box3 { padding:40px; border:1px solid rgba(0,0,0,0.1); background-color:rgba(51,153,204,0.1);}
.sub02_02_box_notice_btn { display:inline-block; border:1px solid rgba(0,0,0,0.1); border-radius:5px; padding:10px 50px 10px 20px; background-image:url(/images/icon/download.jpg); background-repeat:no-repeat; background-position:right 20px center; background-size:auto; font-size:18px; margin:-20px 0 10px 0;}
.sub02_02_box_notice_btn:hover { border:1px solid rgba(0,0,0,0.5);}
.sub02_02_box_btn2 { display:inline-block; cursor:pointer; font-size:22px; font-weight:500; color:#fff; padding:20px 60px; border-radius:10px; background-color:#1fa2da; margin:0;}
.sub02_02_box_btn2:hover { background-color:#1a2062;}
.sub02_02_box_name { font-weight:500; color:#630;}
.sub02_02_02_box_img { max-width:275px !important;}
.sub02_02_box4 { width:100%; padding:0 300px 40px 0; background-image:url(/images/sub/sub02_02_03_bg2.png); background-repeat:no-repeat; background-size:auto 100%; background-position:100% 0%;}
.sub02_02_box5 { width:100%; padding:40px 300px 40px 40px; background-image:url(/images/sub/sub02_02_03_bg.png); background-repeat:no-repeat; background-size:auto 100%; background-position:100% 0%;}
.sub02_02_box_img3 { display:flex; flex-wrap:wrap; justify-content:left; align-content:flex-start; gap:20px; width:100%; padding:30px 30px 60px 30px; }
.sub02_02_box_img3_box { width:calc(25% - 20px); height:auto; display:block; border-radius:10px; overflow:hidden;}
.sub02_02_box_img3_box>img { width:100%; height:auto;}
.sub02_02_box_img3_box>p { width:100%; padding:10px; background-color:rgba(0,0,0,0.06); text-align:center;}

.sub02_02_group2 { display:flex; flex-wrap:wrap; justify-content:space-between; align-content:flex-start; gap:15px; width:100%; padding:40px 0;}
.sub02_02_group2>img { width:calc(25% - 15px); height:auto; display:block; border-radius:10px; }



.sub02_03_bg { padding:50px 60px; background-image:url(/images/sub/sub02_03_bg.jpg); background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}

.sub02_04_tw { width:33.333333333%;}
.sub02_04_bg { padding:0; text-align:center;}

.sub_box02_04 { border:none;}
.webzine_wrap { display:none; width:100%; max-width:1080px; margin:0 auto;}
.webzine_wrap_active { display:block;}
.webzine_img_box {}
.webzine_img_box>img {}

/* 좌우 화살표 */
.webzine_wrap .slick-prev { position:absolute; left:0; top:45%; background-image: url(/images/icon/btn_left2.jpg); width:60px; height:60px; text-indent:-9999px; border:none; opacity: 0.7; z-index:100; cursor:pointer; border:1px solid rgba(0,0,0,0.2);}
.webzine_wrap .slick-next { position:absolute; right:0; top:45%; background-image: url(/images/icon/btn_right2.jpg); width:60px; height:60px; text-indent:-9999px; border:none; opacity: 0.7; z-index:100; cursor:pointer; border:1px solid rgba(0,0,0,0.2);}
.webzine_wrap .slick-prev:hover, .webzine_wrap .slick-prev:focus, .webzine_wrap .slick-next:hover, .webzine_wrap .slick-next:focus { opacity: 1; border:1px solid rgba(0,0,0,0.6);}




/* 서브03 */

.sub03_01_tw { width:33.333333333%;}
.sub03_box_wrap { width:100%; padding:0 0 80px 0; font-size:0;}
.sub03_box01 { display:inline-block; vertical-align:top; width:55%; padding:0 100px 0 0;}
.sub03_box01_txt { font-size:17px;}
.sub03_box02 { display:inline-block; vertical-align:top; width:45%; padding:0 0 80px 0;}
.sub03_box02>img { width:100%; height:auto; border-radius:10px;}
.sub03_box03 { display:inline-block; vertical-align:top; width:100%; padding:0;}
.sub03_box04 { width:100%; padding:0; font-size:17px;}

.sub03_02_tw { width:100%;}
.sub03_box_wrap2 { width:100%; padding:40px 0; font-size:0;}



/* 서브04 */

.sub04_01_bg { padding:50px 60px; background-image:url(/images/sub/sub04_01_bg.jpg); background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.sub04_02_bg { padding:50px 60px; background-image:url(/images/sub/sub04_02_bg.jpg); background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.sub04_03_bg { padding:50px 60px; background-image:url(/images/sub/sub04_03_bg.jpg); background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.sub04_04_bg { padding:50px 60px; background-image:url(/images/sub/sub04_04_bg.jpg); background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.sub04_05_bg { padding:50px 60px; background-image:url(/images/sub/sub04_05_bg.jpg); background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.sub04_06_bg { padding:50px 60px; background-image:url(/images/sub/sub04_06_bg.jpg); background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}

.sub04_01_txt1 { margin:-10px 0 0 0;}
.sub04_01_bg2 { padding:40px;}





/* 서브05 */

.sub05_01_bg { border:1px solid rgba(0,0,0,0.15); background-color:rgba(0,0,0,0.02); background-image:url(/images/sub/sub05_01_bg.png); background-repeat:no-repeat; background-position:50% 0%; background-size:100% auto; margin-bottom:80px;}
.sub05_01_bg2 { padding:30px 0;}
.sub05_01_txt { }
.sub05_01_txt>span { display:inline-block;}
.sub05_01_txt1 { padding:0 40% 40px 0;}
.sub05_01_box { margin-bottom:40px;}
.sub05_01_box1 { width:65%; margin:0 35% 40px 0;}
.sub05_01_box1_1 { border-bottom:1px solid rgba(0,0,0,0.2); padding:20px; font-size:0;}
.sub05_01_box1_1_1 { display:inline-block; vertical-align:middle;}
.sub05_01_box1_1_1>img {}
.sub05_01_box1_1_2 { display:inline-block; vertical-align:middle; font-size:38px; font-weight:700; padding:0 10px;}
.sub05_01_box1_1_3 { display:inline-block; vertical-align:middle; font-size:18px; color:rgba(0,0,0,0.5);}
.sub05_01_box1_2 { padding:20px; font-size:0;}
.sub05_01_box1_2_1 { display:inline-block; vertical-align:middle; font-size:17px; padding:0 10px}
.sub05_01_box1_2_2 { display:inline-block; vertical-align:middle; font-size:26px; font-weight:700;}
.sub05_01_box1_2_2>span { display:inline-block; vertical-align:middle; padding:0 10px;}
.sub05_01_txt2 { padding:0 0 40px 0;}

.sub05_01_btn { display:inline-block; border:1px solid rgba(0,0,0,0.1); border-radius:5px; padding:10px 50px 10px 20px; background-image:url(/images/icon/download.jpg); background-repeat:no-repeat; background-position:right 20px center; background-size:auto; font-size:18px; margin:0; background-color:#fff;}
.sub05_01_btn:hover { border:1px solid rgba(0,0,0,0.5);}

.sub05_01_box2_wrap { width:100%; font-size:0; margin:0 0 40px 0;}
.sub05_01_box2 { display:inline-block; vertical-align:top; width:100%; text-align:left; margin-bottom:40px;}
.donation_type input[type="radio"] { display: none;}
.donation_type label { display: inline-block; vertical-align:middle; padding: 12px 25px; border: 1px solid #ccc; cursor: pointer; background: #fff; color: #333; transition: all 0.3s ease; margin-right: 10px;}
/* 선택 안된 상태 hover */
.donation_type label:hover { border-color: #6490c7;}
/* 선택된 버튼 스타일 */
.donation_type input[type="radio"]:checked + label { background: #6490c7; color: #fff; border-color: #6490c7;}
.donation_select { height:40px; width:100%; background-color:#fff; border:1px solid rgba(0,0,0,0.2);}
.donation_select2 { height:40px; width:auto; background-color:#fff; border:1px solid rgba(0,0,0,0.2);}
.donation_input { height:40px; width:100%; background-color:#fff;}
.donation_input2 { height:40px; width:200px; background-color:#fff;}
.donation_input3 { height:40px; width:40px; background-color:#fff;}
.donation_textarea { height:300px; width:100%; background-color:#fff; margin-bottom:20px;}
.donation_span { display:inline-block; vertical-align:middle; margin-right:6px;}
.donation_checkbox { height:18px; width:18px; border:1px solid rgba(0,0,0,0.2);}
.donation_span_btn { display:inline-block; vertical-align:middle; border:1px solid rgba(0,0,0,0.2); padding:8px 10px 8px 10px; color:rgba(0,0,0,1); font-size:17px; background-color:rgba(0,0,0,0.1);}
.donation_bottom_txt_wrap { width:100%; padding:40px; font-size:16px; background-color:rgba(0,0,0,0.05);}
.donation_bottom_txt_wrap>p { background-image:url(/images/icon/mark.png); background-repeat:no-repeat; background-position:0 2px; padding:0 0 0 20px;}
.donation_bottom_btn_wrap { width:100%; text-align:left; padding:20px 0 0 0;}
.donation_bottom_btn { font-family: 'GyeonggiMillenniumTitle', sans-serif; display:inline-block; font-size:26px; padding: 20px 40px; color: #fff; background-color: #6490c7; height:auto;}

.sub05_kakaopay { padding:15px 25px 9px 25px !important;}
.sub05_payco { padding:15px 25px 9px 25px !important;}

.sub05_02_txt { text-align:center;}
.sub05_02_txt1 { text-align:center; margin:0 0 40px 0;}
.sub05_02_box_wrap { width:50%; margin:0 auto 40px auto;}
.login_bottom { text-align:center;}

.sub05_02_list_bg { padding:40px 0;}
.sub05_02_txt2 { text-align:left; margin:-10px 0 40px 0;}
.sub05_02_txt2>p { background-image:url(/images/icon/mark.png); background-repeat:no-repeat; background-position:0 2px; padding:0 0 0 20px;}
.sub05_02_list_wrap { width:100%; margin:0 auto 40px auto;}
.sub05_02_list_btn { display:inline-block; padding:5px 20px; border:1px solid rgba(0,0,0,0.1); color:#999;}
.sub05_02_list_btn2 { display:inline-block; padding:5px 20px; border:1px solid rgba(0,0,0,0.1); color:#fff; background-color:#6490c7;}
.sub05_02_list_btn3 { display:inline-block; padding:5px 20px; border:1px solid rgba(0,0,0,0.1); color:#aaa; background-color:rgba(0,0,0,0.1);}





/* 서브 end ----------------------------------- */



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

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



/* 서브 비주얼 */

.container_visual {}
.sub_visual { width:100%; height:200px;}
.sub_visual .sub_bg { width:100%; height:200px; min-width:768px; background-position:50% 0%; background-attachment:fixed; background-size:cover; -webkit-transition: all 0s ease; -moz-transition: all 0s ease; -ms-transition: all 0s ease; -o-transition: all 0s ease; transition: all 0s ease;}
.sub_visual .sub_bg:hover { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1);}
.sub_visual_view_pc { display:none;}
.sub_visual_view_tb { display:block;}
.sub_visual_title { position:absolute; width:100%; top:60px; left:auto; margin-left:0; font-size:34px; font-weight:500; color:#FFF; letter-spacing:-1px; z-index:3; padding-left:40px;}
.sub_visual_txt { position:absolute; width:100%; top:115px; left:auto; margin-left:0; font-size:12px; font-weight:400; color:rgba(255,255,255,0.7); z-index:3; padding-left:44px;}




/* 서브공통 */

.sub_container_wrap { position:relative; width:100%; min-width:1px;}
.sub_container { position: relative; width:100%; max-width:100%; min-width:1px; margin:0 auto; padding:0 30px 40px 30px;}
.sub_container:after { display:block; content:""; clear:both;}
.sub_title { position:relative; width:100%; margin:0 auto 30px auto; padding:50px 0 20px 0; font-size:24px; font-weight:700; letter-spacing:0; text-align:left; border-bottom:1px solid #e1ded8;}
.sub_title_sub { display:inline-block; font-size:13px; letter-spacing:-0.04em; font-weight:400; color:#999; padding-left:20px;}
.sub_title_fixed {}
.box100per { width:100%; margin:0 auto; padding:0;}
.line_1px { width:100%; height:1px; background-color:rgba(0,0,0,0.2); margin:20px 0 40px 0;}
.sub_img { position:relative;}
.sub_img_m { display:none;}
.big_view { display: none;}
.big_view>a { display: none;}

.preparing { width:100%; text-align:center;}
.preparing>img { width:80%; height:auto; max-width:392px;}

.in_title { font-size:30px; font-weight:700; margin-bottom:30px; line-height:1.2;}
.in_title>p { margin:0 0 20px -10px;}
.in_title>span { display:inline;}
.in_title2 { font-size:24px; font-weight:700; margin-bottom:25px; line-height:1.2;}
.in_title2>span {}
.in_title3 { font-size:18px; font-weight:500; margin-bottom:15px; line-height:1.2;}
.in_title3>span {}
.in_title_txt { font-size:14px; line-height:1.4; font-weight:400; color:rgba(0,0,0,0.7);}
.in_title_txt>span {}

.sub_box_wrap { width:100%; padding:10px;}
.sub_box { width:100%; background-color:rgba(255,255,255,1); border-top:1px solid rgba(0,0,0,0.2); border-bottom:1px solid rgba(0,0,0,0.2);}




/* 서브탭 start */

.sub_menu_wrap { width:100%; height:52px; border-bottom:1px solid #e1ded8; border-top:1px solid #e1ded8; background-color:#fff;}
.sub_menu { position:relative; width:100%; min-width:1px; height:50px; margin:0 auto;}
.icon_home { display:none;}
.icon_print { display:none;}
.sub_tab { width:100%; margin-left:0;}
.sub_tab>ul {}
.sub_tab>ul>li { float:left; position:relative; border-right:1px solid #e1ded8; height:50px; line-height:50px; font-size:14px; color:#444; cursor:pointer; background-repeat:no-repeat; background-position:90% 50%;}
.sub_tab>ul>li.sub_depth1 { width:50%; border-left:none; padding-left:30px; padding-right:100px; background-image:url(/images/icon/tab_box_bg.png); z-index:1;}
.sub_tab>ul>li.sub_depth2 { width:50%; border-right:none; display:none; padding-left:30px; padding-right:100px; background-image:url(/images/icon/tab_box_bg.png); z-index:1;}
.menu_on { display:block !important;}
.sub_tab>ul>li>a { display:block; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); width: 100%; text-align: center;}
.sub_tab>ul>li:hover { background-color:#f6f6f6;}
.sub_tab>ul>li.tab_active { background-color:#f6f6f6;}
.tab_box_bg_on { background-image:url(/images/icon/tab_box_bg_on.png) !important;}

.sub_tab_sub { position:absolute; display:none; top:50px; left:-1px; border:1px solid #e1ded8; width:100%; z-index:1; box-sizing:content-box; background-color:#FFF;}
.sub_tab_sub ul { padding:15px 30px;}
.sub_tab_sub ul li { float:none; height:auto; margin:8px 0; padding:5px 0; font-size:13px; line-height:19px; width:100%; border:none; background-image:none;}
.sub_tab_sub ul li:hover { background-color:#f6f6f6;}

.sub_menu_wrap_fixed { position: relative; top: auto; z-index: 100;}

.depth3_tab { margin:0 0 40px 0;}
.depth3_tab_btn { font-size:15px; padding:15px 0;}



/* 서브01 */

.sub01_box_wrap { width:100%; padding:20px 0; font-size:0;}
.sub01_box01 { display:inline-block; vertical-align:top; width:55%; padding:0 40px 0 0;}
.sub01_box01_txt { font-size:14px;}
.sub01_box02 { display:inline-block; vertical-align:top; width:45%; padding:0;}
.sub01_box02>img { width:100%; height:auto; max-width:583px;}
.sub01_box03 { width:100%; padding:0; text-align:center; box-sizing:border-box;}
.sub01_box03_01 { margin:0 auto; display:inline-flex; align-items:center; gap:20px; border:1px solid rgba(0,0,0,0.2); border-radius:10px; font-family:'GyeonggiMillenniumTitle', sans-serif; font-size:clamp(20px, 2.2vw, 28px); font-weight:700; padding:30px 50px 30px 120px; background-image:url(/images/icon.png); background-size:auto 70%; background-repeat:no-repeat; background-position:clamp(20px, 4vw, 60px) 50%;}
.sub01_box03_line { width:1px; height:40px; background:#ccc; margin:0 auto;}
.sub01_box03_teams { position:relative; display:flex; justify-content:center; gap:10px; padding-top:40px;}
.sub01_box03_teams::before { content:""; position:absolute; top:0; left:calc(16.5% - 4px); right:calc(16.5% - 4px); height:1px; background:#ccc;}
.sub01_box03_team { position:relative; flex:1; max-width:500px;}
.sub01_box03_team::before { content:""; position:absolute; top:-40px; left:50%; width:1px; height:40px; background:#ccc;}
.sub01_box03_02 { display:block; width:100%; border-radius:10px; font-family:'GyeonggiMillenniumTitle', sans-serif; font-size:clamp(16px, 1.6vw, 20px); font-weight:700; padding:25px 20px; background-color:#2570a7; color:#fff;}
.sub01_box03_teams2 { position:relative; display:flex; justify-content:center; gap:10px; padding-top:40px;}
.sub01_box03_03 { display:block; width:100%; font-size:13px; border:1px solid rgba(0,0,0,0.2); border-radius:10px; padding:20px; text-align:left; line-height:1.8;}
.sub01_box03_03>span { display:inline-block; padding-left:8px;}



/* 서브02 */

.sub02_01_tw { width:20%;}
.sub02_box_wrap { width:100%; padding:0; font-size:0;}
.sub02_box01 { display:inline-block; vertical-align:top; width:100%; padding:0;}
.sub02_box01_txt { font-size:14px; display:inline-block; vertical-align:top; width:55%; padding:0 60px 50px 0;}
.sub02_box01_img { display:inline-block; vertical-align:top; width:45%; padding:0;}
.sub02_box01_img>img { width:100%; height:auto; max-width:582px;}
.sub02_box02_wrap { display:flex; align-items:flex-start; gap:30px; width:100%; padding:0;}
.sub02_box02 { width:50%; padding:0 0 50px 0; align-self:flex-start;}
.sub02_box02_txt { font-size:14px; width:100%; padding:0;}
.sub02_box02_img { display:flex; flex-wrap:wrap; justify-content:center; align-content:flex-end; gap:10px; width:50%; padding:0 0 50px 0;}
.sub02_box02_img>img { width:calc(50% - 5px); height:auto; display:block; border-radius:10px;}
.sub02_box03 { width:100%; padding:0 0 60px 0;}

.sub02_02_tw { width:20%;}
.sub02_02_box_wrap { width:100%; padding:0; }
.sub02_02_group { display:flex; align-items:flex-start; gap:40px; width:100%; }
.sub02_02_box { width:50%; padding:0 0 30px 0; }
.sub02_02_box_txt { font-size:14px; width:100%; padding:0; }
.sub02_02_box_img { display:flex; flex-wrap:wrap; justify-content:center; gap:20px; width:50%; padding:0 0 30px 0; margin-top:auto; }
.sub02_02_box_img>img { width:calc(100% - 10px); height:auto; max-width:180px; display:block; border-radius:10px; }
.sub02_02_box_img2 { display:flex; flex-wrap:wrap; justify-content:center; align-content:flex-start; gap:20px; width:50%; padding:0 0 30px 0; }
.sub02_02_box_img2>img { width:calc(50% - 10px); height:auto; display:block; border-radius:10px; }
.sub02_02_box_btn { display:inline-block; cursor:pointer; font-size:16px; color:#fff; padding:15px 30px; border-radius:10px; background-color:#F66; margin:-10px 0 20px 0;}
.sub02_02_box_btn:hover { background-color:#F36;}
#application { display:block; position:absolute; width:1px; height:1px; top:-80px; left:0;}
.sub02_02_box_wrap2 { width:100%; padding: 0 0 30px 0;}
.sub02_02_box_notice { background-image:url(/images/icon/mark.png); background-repeat:no-repeat; background-position:0 4px; font-size:15px; padding:0 0 0 20px; margin:-10px 0 30px 0; text-decoration:underline;}
.sub02_02_box2 { padding:30px; background-color:rgba(0,0,0,0.05); margin-bottom:30px;}
.sub02_02_box2_in { padding:30px; background-color:rgba(255,255,255,1); margin-bottom:15px;}
.sub02_02_box2_title { font-size:16px; font-weight:500; margin-bottom:10px;}
.sub02_02_box2_txt { font-size:14px;}
.sub02_02_box3 { padding:30px; border:1px solid rgba(0,0,0,0.1); background-color:rgba(51,153,204,0.1);}
.sub02_02_box_notice_btn { display:inline-block; border:1px solid rgba(0,0,0,0.1); border-radius:5px; padding:10px 50px 10px 20px; background-image:url(/images/icon/download.jpg); background-repeat:no-repeat; background-position:right 20px center; background-size:auto; font-size:14px; margin:-20px 0 10px 0;}
.sub02_02_box_notice_btn:hover { border:1px solid rgba(0,0,0,0.5);}
.sub02_02_box_btn2 { display:inline-block; cursor:pointer; font-size:18px; font-weight:500; color:#fff; padding:15px 50px; border-radius:10px; background-color:#1fa2da; margin:0;}
.sub02_02_box_btn2:hover { background-color:#1a2062;}
.sub02_02_box_name { font-weight:500; color:#630;}
.sub02_02_02_box_img { max-width:260px !important;}
.sub02_02_box4 { width:100%; padding:0 30px 30px 0; background-image:url(/images/sub/sub02_02_03_bg2.png); background-repeat:no-repeat; background-size:50% auto; background-position:100% 0%;}
.sub02_02_box5 { width:100%; padding:0 30px 30px 0; background-image:url(/images/sub/sub02_02_03_bg.png); background-repeat:no-repeat; background-size:50% auto; background-position:100% 0%;}
.sub02_02_box_img3 { display:flex; flex-wrap:wrap; justify-content:left; align-content:flex-start; gap:15px; width:100%; padding:0; }
.sub02_02_box_img3_box { width:calc(33.333333333% - 15px); height:auto; display:block; border-radius:10px; overflow:hidden;}
.sub02_02_box_img3_box>img { width:100%; height:auto;}
.sub02_02_box_img3_box>p { width:100%; padding:10px; background-color:rgba(0,0,0,0.06); text-align:center;}

.sub02_02_group2 { display:flex; flex-wrap:wrap; justify-content:space-between; align-content:flex-start; gap:15px; width:100%; padding:40px 0;}
.sub02_02_group2>img { width:calc(25% - 15px); height:auto; display:block; border-radius:10px; }


.sub02_03_bg { padding:30px 40px;}

.sub02_04_tw { width:33.333333333%;}
.sub02_04_bg { padding:0; text-align:center;}

.sub_box02_04 { border:none;}
.webzine_wrap { display:none; width:100%; max-width:1080px; margin:0 auto;}
.webzine_wrap_active { display:block;}
.webzine_img_box { width:100%;}
.webzine_img_box>img { width:100%; height:auto;}

/* 좌우 화살표 */
.webzine_wrap .slick-prev { position:absolute; left:0; top:45%; background-image: url(/images/icon/btn_left2.jpg); width:60px; height:60px; text-indent:-9999px; border:none; opacity: 0.7; z-index:100; cursor:pointer; border:1px solid rgba(0,0,0,0.2);}
.webzine_wrap .slick-next { position:absolute; right:0; top:45%; background-image: url(/images/icon/btn_right2.jpg); width:60px; height:60px; text-indent:-9999px; border:none; opacity: 0.7; z-index:100; cursor:pointer; border:1px solid rgba(0,0,0,0.2);}
.webzine_wrap .slick-prev:hover, .webzine_wrap .slick-prev:focus, .webzine_wrap .slick-next:hover, .webzine_wrap .slick-next:focus { opacity: 1; border:1px solid rgba(0,0,0,0.6);}



/* 서브03 */

.sub03_01_tw { width:33.333333333%;}
.sub03_box_wrap { width:100%; padding:0 0 20px 0; font-size:0;}
.sub03_box01 { display:inline-block; vertical-align:top; width:100%; padding:0 0 30px 0;}
.sub03_box01_txt { font-size:14px;}
.sub03_box02 { display:inline-block; vertical-align:top; width:100%; padding:0;}
.sub03_box02>img { width:100%; height:auto; max-width:none;}
.sub03_box03 { display:inline-block; vertical-align:top; width:100%; padding:0 0 30px 0;}
.sub03_box04 { width:100%; padding:40px 0; font-size:14px;}


/* 서브04 */

.sub04_01_bg, .sub04_02_bg, .sub04_03_bg, .sub04_04_bg, .sub04_05_bg, .sub04_06_bg { padding:30px 40px;}

.sub04_01_txt1 { margin:-10px 0 0 0;}
.sub04_01_bg2 { padding:30px 0;}



/* 서브05 */

.sub05_01_bg { border:1px solid rgba(0,0,0,0.15); background-color:rgba(0,0,0,0.02); background-image:url(/images/sub/sub05_01_bg.png); background-repeat:no-repeat; background-position:50% 0%; background-size:100% auto; margin-bottom:60px; padding:50px 40px;}
.sub05_01_bg2 { padding:20px 0;}
.sub05_01_txt { padding:0;}
.sub05_01_txt>span { display:inline-block;}
.sub05_01_box { margin-bottom:30px;}
.sub05_01_txt1 { padding:0 30% 30px 0;}
.sub05_01_box1 { width:100%; margin:0 0 35px 0;}
.sub05_01_box1_1 { border-bottom:1px solid rgba(0,0,0,0.2); padding:20px 0; font-size:0;}
.sub05_01_box1_1_1 { display:inline-block; vertical-align:middle;}
.sub05_01_box1_1_1>img {}
.sub05_01_box1_1_2 { display:inline-block; vertical-align:middle; font-size:28px; font-weight:700; padding:0 10px;}
.sub05_01_box1_1_3 { display:inline-block; vertical-align:middle; font-size:14px; color:rgba(0,0,0,0.5);}
.sub05_01_box1_2 { padding:20px 0; font-size:0;}
.sub05_01_box1_2_1 { display:inline-block; vertical-align:middle; font-size:14px; padding:6px 10px 0 10px;}
.sub05_01_box1_2_2 { display:inline-block; vertical-align:middle; font-size:20px; font-weight:700;}
.sub05_01_box1_2_2>span { display:inline-block; vertical-align:middle; padding:0 10px;}
.sub05_01_txt2 { padding:0 0 35px 0;}

.sub05_01_btn { display:inline-block; border:1px solid rgba(0,0,0,0.1); border-radius:5px; padding:10px 50px 10px 20px; background-image:url(/images/icon/download.jpg); background-repeat:no-repeat; background-position:right 20px center; background-size:auto; font-size:16px; margin:0;}
.sub05_01_btn:hover { border:1px solid rgba(0,0,0,0.5);}

.sub05_01_box2_wrap { width:100%; font-size:0;}
.sub05_01_box2 { display:inline-block; vertical-align:top; width:100%; text-align:left; margin-bottom:30px;}
.donation_type input[type="radio"] { display: none;}
.donation_type label { display: inline-block; padding: 10px 15px; border: 1px solid #ccc; cursor: pointer; background: #fff; color: #333; transition: all 0.3s ease; margin-right: 6px;}
/* 선택 안된 상태 hover */
.donation_type label:hover { border-color: #6490c7;}
/* 선택된 버튼 스타일 */
.donation_type input[type="radio"]:checked + label { background: #6490c7; color: #fff; border-color: #6490c7;}
.donation_select { height:35px; width:100%; background-color:#fff; border:1px solid rgba(0,0,0,0.2);}
.donation_select2 { height:35px; width:auto; background-color:#fff; border:1px solid rgba(0,0,0,0.2);}
.donation_input { height:35px; width:100%; background-color:#fff;}
.donation_input2 { height:35px; width:200px; background-color:#fff;}
.donation_input3 { height:35px; width:40px; background-color:#fff;}
.donation_textarea { height:300px; width:100%; background-color:#fff; margin-bottom:15px;}
.donation_span { display:inline-block; vertical-align:middle; margin-right:6px;}
.donation_checkbox { height:18px; width:18px; border:1px solid rgba(0,0,0,0.2);}
.donation_span_btn { display:inline-block; vertical-align:middle; border:1px solid rgba(0,0,0,0.2); padding:8px 10px 8px 10px; color:rgba(0,0,0,1); font-size:14px; background-color:rgba(0,0,0,0.1);}
.donation_bottom_txt_wrap { width:100%; padding:30px; font-size:13px; background-color:rgba(0,0,0,0.05);}
.donation_bottom_txt_wrap>p { background-image:url(/images/icon/mark.png); background-repeat:no-repeat; background-position:0 2px; padding:0 0 0 20px;}
.donation_bottom_btn_wrap { width:100%; text-align:left; padding:10px 0 0 0;}
.donation_bottom_btn { display:inline-block; font-size:20px; padding: 20px 40px; color: #fff; background-color: #6490c7;}

.sub05_kakaopay { padding:13px 15px 6px 15px !important;}
.sub05_kakaopay>img { width:60px; height:auto;}
.sub05_payco { padding:13px 15px 6px 15px !important;}
.sub05_payco>img { width:50px; height:auto;}

.sub05_02_txt { text-align:center;}
.sub05_02_txt1 { text-align:center; margin:0 0 30px 0;}
.sub05_02_box_wrap { width:70%; margin:0 auto 30px auto;}
.login_bottom { text-align:center;}

.sub05_02_list_bg { padding:20px 0;}
.sub05_02_txt2 { text-align:left; margin:-10px 0 30px 0;}
.sub05_02_txt2>p { background-image:url(/images/icon/mark.png); background-repeat:no-repeat; background-position:0 2px; padding:0 0 0 20px;}
.sub05_02_list_wrap { width:100%; margin:0 auto 30px auto;}
.sub05_02_list_btn { display:inline-block; padding:5px 20px; border:1px solid rgba(0,0,0,0.1); color:#999;}
.sub05_02_list_btn2 { display:inline-block; padding:5px 20px; border:1px solid rgba(0,0,0,0.1); color:#fff; background-color:#6490c7;}
.sub05_02_list_btn3 { display:inline-block; padding:5px 20px; border:1px solid rgba(0,0,0,0.1); color:#aaa; background-color:rgba(0,0,0,0.1);}





/* 서브 end ----------------------------------- */
}



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

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



/* 서브 비주얼 */

.sub_visual { display:none;}



/* 서브공통 */

.sub_container_wrap { position:relative; width:100%; min-width:1px;}
.sub_container { position: relative; width:100%; max-width:100%; min-width:1px; margin:0 auto; padding:0 15px 20px 15px;}
.sub_container:after { display:block; content:""; clear:both;}
.sub_title { position:relative; width:100%; margin:0 auto 20px auto; padding:25px 0 10px 0; font-size:20px; font-weight:700; letter-spacing:0; text-align:left; border-bottom:1px solid #e1ded8;}
.sub_title_sub { display:block; font-size:11px; letter-spacing:-0.04em; font-weight:400; color:#999; padding-left:0; padding-top:5px;}
.sub_title_fixed {}
.box100per { width:100%; margin:0 auto; padding:0;}
.line_1px { width:100%; height:1px; background-color:rgba(0,0,0,0.2); margin:15px 0 30px 0;}
.sub_img { position:relative;}
.sub_img_m { display:none;}
.big_view { display: none;}
.big_view>a { display: none;}

.preparing { width:100%; text-align:center;}
.preparing>img { width:80%; height:auto; max-width:300px;}

.in_title { font-size:24px; font-weight:700; margin-bottom:20px; line-height:1.2;}
.in_title>p { margin:0 0 15px 0;}
.in_title>span {}
.in_title2 { font-size:20px; font-weight:700; margin-bottom:20px; line-height:1.2;}
.in_title2>span {}
.in_title3 { font-size:16px; font-weight:500; margin-bottom:10px; line-height:1.2;}
.in_title3>span {}
.in_title_txt { font-size:12px; line-height:1.4; font-weight:400; color:rgba(0,0,0,0.7);}
.in_title_txt>span {}

.sub_box_wrap { width:100%; padding:0;}
.sub_box { width:100%; background-color:rgba(255,255,255,1); border-top:1px solid rgba(0,0,0,0.2); border-bottom:1px solid rgba(0,0,0,0.2);}



/* 서브탭 start */

.container_visual { display:none;}
.sub_menu_wrap { width:100%; height:51px; border-bottom:1px solid #e1ded8; border-top:none; background-color:#fff;}
.sub_menu { position:relative; width:100%; min-width:320px; height:50px; margin:0 auto;}
.icon_home { display:none;}
.icon_print { display:none;}
.sub_tab { width:100%; margin-left:0;}
.sub_tab>ul {}
.sub_tab>ul>li { float:left; position:relative; border-right:1px solid #e1ded8; height:50px; line-height:50px; font-size:13px; color:#444; cursor:pointer; background-repeat:no-repeat; background-position:right 10px  center;}
.sub_tab>ul>li.sub_depth1 { width:50%; border-left:none; padding-left:20px; padding-right:0; background-image:url(/images/icon/tab_box_bg.png); z-index:1;}
.sub_tab>ul>li.sub_depth2 { width:50%; border-right:none; display:none; padding-left:20px; padding-right:35px; background-image:url(/images/icon/tab_box_bg.png); z-index:1;}
.sub_tab>ul>li.sub_depth2>p { width:100%; /* 내용 1줄에서 말줄임 */ white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.sub_depth2>.sub_tab_sub { border-right:0;}
.menu_on { display:block !important;}
.sub_tab>ul>li>a { display:block; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); width: 100%; text-align: center;}
.sub_tab>ul>li:hover { background-color:#f6f6f6;}
.sub_tab>ul>li.tab_active { background-color:#f6f6f6;}
.tab_box_bg_on { background-image:url(/images/icon/tab_box_bg_on.png) !important;}

.sub_tab_sub { position:absolute; display:none; top:50px; left:-1px; border:1px solid #e1ded8; width:100%; z-index:1; box-sizing:content-box; background-color:#FFF;}
.sub_tab_sub ul { padding:10px 20px;}
.sub_tab_sub ul li { float:none; height:auto; margin:8px 0; padding:5px 0; font-size:12px; line-height:18px; width:100%; border:none; background-image:none;}
.sub_tab_sub ul li:hover { background-color:#f6f6f6;}
.sub_tab_sub ul li a { padding-left:0;}
.sub_tel { display:none;}

.depth3_tab { margin:0 0 30px 0; text-align:left;}
.depth3_tab_btn { font-size:13px; padding:8px 0; margin:0 0 4px 0;}





/* 서브01 */

.sub01_box_wrap { width:100%; padding:20px 0; font-size:0;}
.sub01_box01 { display:inline-block; vertical-align:top; width:100%; padding:0 0 20px 0;}
.sub01_box01_txt { font-size:13px;}
.sub01_box02 { display:inline-block; vertical-align:top; width:100%; padding:0;}
.sub01_box02>img { width:100%; height:auto; max-width:583px;}
.sub01_box03 { width:100%; padding:0; text-align:center; box-sizing:border-box;}
.sub01_box03_01 { margin:0 auto; display:inline-flex; align-items:center; gap:20px; border:1px solid rgba(0,0,0,0.2); border-radius:10px; font-family:'GyeonggiMillenniumTitle', sans-serif; font-size:clamp(18px, 2.2vw, 28px); font-weight:700; padding:20px 40px 20px 80px; background-image:url(/images/icon.png); background-size:auto 70%; background-repeat:no-repeat; background-position:clamp(20px, 4vw, 60px) 50%;}
.sub01_box03_line { width:1px; height:40px; background:#ccc; margin:0 auto;}
.sub01_box03_teams { position:relative; display:flex; justify-content:center; gap:6px; padding-top:40px;}
.sub01_box03_teams::before { content:""; position:absolute; top:0; left:calc(16.5% - 2px); right:calc(16.5% - 2px); height:1px; background:#ccc;}
.sub01_box03_team { position:relative; flex:1; max-width:500px;}
.sub01_box03_team::before { content:""; position:absolute; top:-40px; left:50%; width:1px; height:40px; background:#ccc;}
.sub01_box03_02 { display:block; width:100%; border-radius:10px; font-family:'GyeonggiMillenniumTitle', sans-serif; font-size:clamp(14px, 1.6vw, 20px); font-weight:700; padding:15px 15px; background-color:#2570a7; color:#fff; word-break:break-all;}
.sub01_box03_teams2 { position:relative; display:flex; justify-content:center; gap:6px; padding-top:40px;}
.sub01_box03_03 { display:block; width:100%; font-size:12px; border:1px solid rgba(0,0,0,0.2); border-radius:10px; padding:20px 10px; text-align:left; line-height:1.5; word-break:break-all;}
.sub01_box03_03>span { display:inline-block; padding-left:4px; font-size:11px;}


/* 서브02 */

.sub02_01_tw { width:20%;}
.sub02_box_wrap { width:100%; padding:0; font-size:0;}
.sub02_box01 { display:inline-block; vertical-align:top; width:100%; padding:0;}
.sub02_box01_txt { font-size:13px; display:inline-block; vertical-align:top; width:100%; padding:0 0 20px 0;}
.sub02_box01_img { display:inline-block; vertical-align:top; width:100%; padding:0 0 40px 0;}
.sub02_box01_img>img { width:100%; height:auto; max-width:582px; border-radius:5px;}
.sub02_box02_wrap { display:block; align-items:flex-end; gap:30px; width:100%; padding:0; }
.sub02_box02 { width:100%; padding:0 0 20px 0; align-self:flex-start;}
.sub02_box02_txt { font-size:13px; width:100%; padding:0; }
.sub02_box02_img { display:flex; flex-wrap:wrap; justify-content:center; align-content:flex-end; gap:10px; width:100%; padding:0 0 20px 0;}
.sub02_box02_img>img { width:calc(50% - 5px); height:auto; display:block; border-radius:5px; }

.sub02_02_tw { width:20%;}
.sub02_02_tw:nth-child(1) { width:18%;}
.sub02_02_tw:nth-child(2) { width:26%;}
.sub02_02_tw:nth-child(5) { width:16%;}
.sub02_02_box_wrap { width:100%; padding:0; }
.sub02_02_group { display: block; align-items:flex-start; gap:40px; width:100%; }
.sub02_02_box { width:100%; padding:0 0 20px 0; }
.sub02_02_box_txt { font-size:13px; width:100%; padding:0; }
.sub02_02_box_img { display:flex; flex-wrap:wrap; justify-content:center; gap:20px; width:100%; padding:0 0 20px 0; margin-top:auto; }
.sub02_02_box_img>img { width:calc(100% - 10px); height:auto; max-width:180px; display:block; border-radius:10px; }
.sub02_02_box_img2 { display:flex; flex-wrap:wrap; justify-content:center; align-content:flex-start; gap:10px; width:100%; padding:0 0 20px 0; }
.sub02_02_box_img2>img { width:calc(50% - 10px); height:auto; display:block; border-radius:5px; }
.sub02_02_box_btn { display:inline-block; cursor:pointer; font-size:15px; color:#fff; padding:10px 20px; border-radius:5px; background-color:#F66; margin:-10px 0 20px 0;}
.sub02_02_box_btn:hover { background-color:#F36;}
#application { display:block; position:absolute; width:1px; height:1px; top:-80px; left:0;}
.sub02_02_box_wrap2 { width:100%; padding: 0 0 30px 0;}
.sub02_02_box_notice { background-image:url(/images/icon/mark.png); background-repeat:no-repeat; background-position:0 2px; font-size:13px; padding:0 0 0 20px; margin:-10px 0 20px 0; text-decoration:underline;}
.sub02_02_box2 { padding:20px; background-color:rgba(0,0,0,0.05); margin-bottom:20px;}
.sub02_02_box2_in { padding:20px; background-color:rgba(255,255,255,1); margin-bottom:10px;}
.sub02_02_box2_title { font-size:14px; font-weight:500; margin-bottom:10px;}
.sub02_02_box2_txt { font-size:13px;}
.sub02_02_box3 { padding:20px; border:1px solid rgba(0,0,0,0.1); background-color:rgba(51,153,204,0.1);}
.sub02_02_box_notice_btn { display:inline-block; border:1px solid rgba(0,0,0,0.1); border-radius:5px; padding:8px 45px 8px 15px; background-image:url(/images/icon/download.jpg); background-repeat:no-repeat; background-position:right 20px center; background-size:auto; font-size:13px; margin:-10px 0 10px 0;}
.sub02_02_box_notice_btn:hover { border:1px solid rgba(0,0,0,0.5);}
.sub02_02_box_btn2 { display:inline-block; cursor:pointer; font-size:16px; font-weight:500; color:#fff; padding:10px 30px; border-radius:5px; background-color:#1fa2da; margin:0;}
.sub02_02_box_btn2:hover { background-color:#1a2062;}
.sub02_02_box_name { font-weight:500; color:#630;}
.sub02_02_02_box_img { max-width:240px !important;}
.sub02_02_box4 { width:100%; padding:30px 20px 30px 0; background-image:url(/images/sub/sub02_02_03_bg2.png); background-repeat:no-repeat; background-size:100% auto; background-position:100% 0%;}
.sub02_02_box5 { width:100%; padding:30px 20px 30px 0; background-image:url(/images/sub/sub02_02_03_bg.png); background-repeat:no-repeat; background-size:100% auto; background-position:100% 0%;}
.sub02_02_box_img3 { display:flex; flex-wrap:wrap; justify-content:left; align-content:flex-start; gap:10px; width:100%; padding:0; }
.sub02_02_box_img3_box { width:calc(50% - 10px); height:auto; display:block; border-radius:5px; overflow:hidden;}
.sub02_02_box_img3_box>img { width:100%; height:auto;}
.sub02_02_box_img3_box>p { width:100%; padding:8px; background-color:rgba(0,0,0,0.06); text-align:center;}

.sub02_02_group2 { display:flex; flex-wrap:wrap; justify-content:center; align-content:flex-end; gap:10px; width:100%; padding:0 0 20px 0;}
.sub02_02_group2>img { width:calc(50% - 10px); height:auto; display:block; border-radius:5px; }



.sub02_04_tw { width:33.333333333%;}
.sub02_04_bg { padding:0; text-align:center;}

.sub_box02_04 { border:none;}
.webzine_wrap { display:none; width:100%; max-width:1080px; margin:0 auto;}
.webzine_wrap_active { display:block;}
.webzine_img_box { width:100%;}
.webzine_img_box>img { width:100%; height:auto;}

/* 좌우 화살표 */
.webzine_wrap .slick-prev { position:absolute; left:0; top:45%; background-image: url(/images/icon/btn_left2.jpg); background-size:100%; width:40px; height:40px; text-indent:-9999px; border:none; opacity: 0.7; z-index:100; cursor:pointer; border:1px solid rgba(0,0,0,0.2);}
.webzine_wrap .slick-next { position:absolute; right:0; top:45%; background-image: url(/images/icon/btn_right2.jpg); background-size:100%; width:40px; height:40px; text-indent:-9999px; border:none; opacity: 0.7; z-index:100; cursor:pointer; border:1px solid rgba(0,0,0,0.2);}
.webzine_wrap .slick-prev:hover, .webzine_wrap .slick-prev:focus, .webzine_wrap .slick-next:hover, .webzine_wrap .slick-next:focus { opacity: 1; border:1px solid rgba(0,0,0,0.6);}



/* 서브03 */

.sub03_01_tw { width:50%;}
.sub03_01_tw:nth-child(1) { width:100%;}
.sub03_box_wrap { width:100%; padding:0; font-size:0;}
.sub03_box01 { display:inline-block; vertical-align:top; width:100%; padding:0 0 40px 0;}
.sub03_box01_txt { font-size:13px;}
.sub03_box02 { display:inline-block; vertical-align:top; width:100%; padding:0;}
.sub03_box02>img { width:100%; height:auto; max-width:583px;}
.sub03_box03 { display:inline-block; vertical-align:top; width:100%; padding:0 0 20px 0;}
.sub03_box04 { width:100%; padding:40px 0; font-size:13px;}



/* 서브04 */

.sub02_03_bg, .sub04_01_bg, .sub04_02_bg, .sub04_03_bg, .sub04_04_bg, .sub04_05_bg, .sub04_06_bg { padding:20px 20px;}

.sub04_01_txt1 { margin:-10px 0 0 0;}
.sub04_01_bg2 { padding:20px 0;}



/* 서브05 */

.sub05_01_bg { border:1px solid rgba(0,0,0,0.15); background-color:rgba(0,0,0,0.02); background-image:url(/images/sub/sub05_01_bg.png); background-repeat:no-repeat; background-position:100% 0%; background-size:150% auto; margin-bottom:30px; padding:40px 20px;}
.sub05_01_bg2 { padding:0;}
.sub05_01_txt { padding:0;}
.sub05_01_txt>span { display:inline;}

.sub05_01_box { margin-bottom:30px;}
.sub05_01_txt1 { padding:0 0 25px 0;}
.sub05_01_box1 { width:100%; margin:0 0 25px 0;}
.sub05_01_box1_1 { border-bottom:1px solid rgba(0,0,0,0.2); padding:15px 5px; font-size:0;}
.sub05_01_box1_1_1 { display:block; vertical-align:middle;}
.sub05_01_box1_1_1>img { width:120px; height:auto;}
.sub05_01_box1_1_2 { display:block; vertical-align:middle; font-size:24px; font-weight:700; padding:0;}
.sub05_01_box1_1_3 { display:block; vertical-align:middle; font-size:12px; color:rgba(0,0,0,0.5);}
.sub05_01_box1_2 { padding:15px 5px; font-size:0;}
.sub05_01_box1_2_1 { display:inline-block; vertical-align:middle; font-size:12px; padding:0 10px;}
.sub05_01_box1_2_2 { display:inline-block; vertical-align:middle; font-size:18px; font-weight:700;}
.sub05_01_box1_2_2>span { display:inline-block; vertical-align:middle; padding:0 10px;}
.sub05_01_txt2 { padding:0 0 25px 0;}

.sub05_01_btn { display:inline-block; border:1px solid rgba(0,0,0,0.1); border-radius:5px; padding:10px 50px 10px 20px; background-image:url(/images/icon/download.jpg); background-repeat:no-repeat; background-position:right 20px center; background-size:auto; font-size:12px; margin:0;}
.sub05_01_btn:hover { border:1px solid rgba(0,0,0,0.5);}

.sub05_01_box2_wrap { width:100%; font-size:0;}
.sub05_01_box2 { display:inline-block; vertical-align:top; width:100%; text-align:left; margin-bottom:30px;}
.donation_type input[type="radio"] { display: none;}
.donation_type label { display: inline-block; padding: 8px 12px; border: 1px solid #ccc; cursor: pointer; background: #fff; color: #333; transition: all 0.3s ease; margin:3px 2px;}
/* 선택 안된 상태 hover */
.donation_type label:hover { border-color: #6490c7;}
/* 선택된 버튼 스타일 */
.donation_type input[type="radio"]:checked + label { background: #6490c7; color: #fff; border-color: #6490c7;}
.donation_select { height:30px; width:100%; background-color:#fff; border:1px solid rgba(0,0,0,0.2);}
.donation_select2 { height:30px; width:auto; background-color:#fff; border:1px solid rgba(0,0,0,0.2);}
.donation_input { height:30px; width:100%; background-color:#fff;}
.donation_input2 { height:30px; width:100px; background-color:#fff;}
.donation_input3 { height:30px; width:40px; background-color:#fff;}
.donation_textarea { height:200px; width:100%; background-color:#fff; margin-bottom:10px;}
.donation_span { display:inline-block; vertical-align:middle; margin:3px 2px;}
.donation_checkbox { height:16px; width:16px; border:1px solid rgba(0,0,0,0.2);}
.donation_span_btn { display:inline-block; vertical-align:middle; border:1px solid rgba(0,0,0,0.2); padding:8px 8px 8px 8px; color:rgba(0,0,0,1); font-size:13px; background-color:rgba(0,0,0,0.1); margin:3px 2px;}
.donation_bottom_txt_wrap { width:100%; padding:20px; font-size:12px; background-color:rgba(0,0,0,0.05);}
.donation_bottom_txt_wrap>p { background-image:url(/images/icon/mark.png); background-repeat:no-repeat; background-position:0 2px; background-size:12px auto; padding:0 0 0 17px;}
.donation_bottom_btn_wrap { width:100%; text-align:left; padding:10px 0 0 0;}
.donation_bottom_btn { display:inline-block; font-size:18px; padding: 15px 30px; color: #fff; background-color: #6490c7;}

.sub05_kakaopay { padding:10px 12px 6px 12px !important;}
.sub05_kakaopay>img { width:55px; height:auto;}
.sub05_payco { padding:10px 12px 6px 12px !important;}
.sub05_payco>img { width:45px; height:auto;}

.sub05_02_txt { text-align:center;}
.sub05_02_txt1 { text-align:center; margin:0 0 20px 0;}
.sub05_02_box_wrap { width:94%; margin:0 auto 20px auto;}
.login_bottom { text-align:center;}

.sub05_02_list_bg { padding:20px 0;}
.sub05_02_txt2 { text-align:left; margin:-10px 0 20px 0;}
.sub05_02_txt2>p { background-image:url(/images/icon/mark.png); background-repeat:no-repeat; background-position:0 2px; padding:0 0 0 20px;}
.sub05_02_list_wrap { width:100%; margin:0 auto 20px auto;}
.sub05_02_list_btn { display:inline-block; padding:5px 10px; border:1px solid rgba(0,0,0,0.1); color:#999;}
.sub05_02_list_btn2 { display:inline-block; padding:5px 10px; border:1px solid rgba(0,0,0,0.1); color:#fff; background-color:#6490c7;}
.sub05_02_list_btn3 { display:inline-block; padding:5px 10px; border:1px solid rgba(0,0,0,0.1); color:#aaa; background-color:rgba(0,0,0,0.1);}





/* 서브 end ----------------------------------- */
}