/* Common **********************************************************************/
@font-face { 
font-family: 'Noto Sans KR'; 
font-style: normal; 
font-weight: 100; 
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); 
} 
@font-face { 
font-family: 'Noto Sans KR'; 
font-style: normal; 
font-weight: 300; 
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
} 
@font-face { 
font-family: 'Noto Sans KR'; 
font-style: normal; 
font-weight: 400; 
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
} 
@font-face { 
font-family: 'Noto Sans KR'; 
font-style: normal; 
font-weight: 500; 
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
} 
@font-face { 
font-family: 'Noto Sans KR'; 
font-style: normal; 
font-weight: 700; 
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
} 
@font-face { 
font-family: 'Noto Sans KR'; 
font-style: normal; 
font-weight: 900; 
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); 
}

@font-face {
font-family: 'Pretendard';
font-weight: 100;
src: url('/assets/font/Pretendard-Thin.woff2') format('woff2');
}
@font-face {
font-family: 'Pretendard';
font-weight: 200;
src: url('/assets/font/Pretendard-ExtraLight.woff2') format('woff2');
}
@font-face {
font-family: 'Pretendard';
font-weight: 300;
src: url('/assets/font/Pretendard-Light.woff2') format('woff2');
}
@font-face {
font-family: 'Pretendard';
font-weight: 400;
src: url('/assets/font/Pretendard-Regular.woff2') format('woff2');
}
@font-face {
font-family: 'Pretendard';
font-weight: 500;
src: url('/assets/font/Pretendard-Medium.woff2') format('woff2');
}
@font-face {
font-family: 'Pretendard';
font-weight: 600;
src: url('/assets/font/Pretendard-SemiBold.woff2') format('woff2');
}
@font-face {
font-family: 'Pretendard';
font-weight: 700;
src: url('/assets/font/Pretendard-Bold.woff2') format('woff2');
}
@font-face {
font-family: 'Pretendard';
font-weight: 800;
src: url('/assets/font/Pretendard-ExtraBold.woff2') format('woff2');
}

@font-face {
    font-family: 'SchoolSafetyFoundation';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2307-2@1.0/HakgyoansimBareonbatangR.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'SchoolSafetyFoundation';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2307-2@1.0/HakgyoansimBareonbatangB.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

.noto-serif-<uniquifier> {
font-family: "Noto Serif", serif;
font-optical-sizing: auto;
font-weight: <weight>;
font-style: normal;
font-variation-settings:
"wdth" 100;
}

/* Common **********************************************************************/ 
html,body {width:100%;scroll-behavior:smooth;}
html {overflow-y:scroll; box-sizing:border-box;}
*, *:before, *:after{box-sizing:inherit;}
*{
-webkit-text-size-adjust:none;
-webkit-text-size-adjust - auto | none | N% (default auto)
}
body {word-break:break-all;-ms-word-break:break-all; text-align: start;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0; padding:0; word-break:keep-all;}
fieldset,img {border:0px none; vertical-align:top;}
dl,ul,ol,menu,li {list-style:none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}
button {border:0 none; background-color:transparent; cursor:pointer;}
body { background:#fff;}
body,th,td,input,select,textarea,button {font-size:13px; line-height:1.6; font-family: 'Pretendard';color:#333;} 
input, select, textarea, button{vertical-align:middle; }
a:link,a:active,a:visited{color:#7d7d7d; text-decoration:none; border:0px;}
a:hover,a:focus{color:#333; text-decoration:none}

table {border-collapse:collapse; border-spacing:0;}
address,caption,cite,code,dfn,em,var {font-style:normal; font-weight:normal;}
summary, caption, legend, hr {width:0; height:0; font-size: ; line-height: ; overflow: hidden; visibility: hidden; border: none; position:absolute; left:-1000em;}
caption {position:static;}
/* label hidden 처리 */
.invisible, .hide{overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0; position:absolute;}
label.invisible{*position:Absolute;}

/* common */
.clfix:after {content: "."; display: block; height:0px; clear: both; visibility: hidden;}
.clfix {display:inline-block;}
.clfix {display:block;}
* html .clfix {height:1%;} /* Hides from IE-mac */
.clfix {zoom:1;} /*for IE 5.5-7*/

.list {border-top:2px solid #1c1815; border-bottom:1px solid #1c1815;}


/*멤버스킨*/
.title{font-size:15px; font-weight:bold;}

/*테이블*/
.tbl_type,.tbl_type th,.tbl_type td{border:0}
.tbl_type{width:100%;border-bottom:1px solid #e2e2e5; }
.tbl_type th{padding:10px 0 10px 0;border-top:2px solid #383d4a; font-weight:bold; border-bottom:1px solid #e2e2e5;}
.tbl_type p{font-size:11px; color:#b6b7bc;}
.tbl_type td{padding:7px 0 7px 0;border-top:1px solid #e5e5e5;color:#4c4c4c; border-bottom:none; border-top:none; line-height:18px;}

.tbl_type2,.tbl_type2 th,.tbl_type2 td{border:0}
.tbl_type2{width:100%;border-bottom:1px solid #e7e7e7; }
.tbl_type2 th{padding:10px 0 10px 0; background:#f9f9f9; text-align:center;}
.tbl_type2 p{font-size:11px; color:#b6b7bc;}
.tbl_type2 td{padding:10px 0 10px 10px; border-bottom:none; border-top:none; line-height:18px;}

/* sub_id */
.sub_id_wrap{max-width:700px; margin: 0 auto; padding: 80px 50px; background: #fff; border-radius:15px; line-height: 1;}
.sub_id_wrap h2{margin-bottom: 50px; font-size: 40px; color: #000; text-align: center;}
.sub_id_wrap .form_wrap .tabs{display: flex;}
.sub_id_wrap .form_wrap .tabs a{display: block; width: 50%; text-align: center; font-size:var(--fs-20); padding-block:15px;}
.sub_id_wrap .form_wrap .tabs a.on{color: #000; border-bottom: 1px solid #000;}
.sub_id_wrap .form_inner02{display: flex; flex-direction: column; gap:30px; align-items: center;}
.sub_id_wrap .form_inner02 p{font-size: 22px; color: #444;}
.sub_id_wrap .id_check .id_box{width: 100%; padding-block:15px; background: #F9F9F9; border-radius:10px; text-align: center; font-size:var(--fs-18); color: #222;}
.sub_id_wrap .form_inner{display: flex; flex-direction: column; gap:30px; margin-top: 50px;}
.sub_id_wrap .form_box{display: flex; flex-direction: column; gap:10px;}
.sub_id_wrap .form_box label{font-size:var(--fs-20); color: #222; font-weight: 600;}
.sub_id_wrap .submit_btn{border-radius: 10px; background: #000; font-size:var(--fs-24); color: #fff; width: 100%; height: 60px; margin-top: 30px;}
.sub_id_wrap .login_wrap{display: flex; justify-content: center; gap:25px; margin-top: 50px;}
.sub_id_wrap .login_wrap a{width: 240px; font-size:var(--fs-24); text-align: center; border-radius:10px; padding-block:10px;}
.sub_id_wrap .login_wrap a.login_btn01{border:2px solid #000; color: #fff; background: #000;}
.sub_id_wrap .login_wrap a.login_btn02{border:2px solid #000; color: #000; background: #fff;}
.sub_id_wrap input[type="text"], .sub_id_wrap input[type="password"], .sub_id_wrap input[type="email"]{height: 60px; padding: 5px 15px; font-size:var(--fs-18); color: #666; border:none; border-radius: 10px; background: #F9F9F9;}
.sub_id_wrap .submit_btn{border-radius: 10px; background:var(--co01); font-size:var(--fs-24); color: #fff; height: 60px; margin-top: 30px;}

/* sub_login */
.sub_login_wrap{padding: 80px 0px; background: #fff; border-radius:15px; line-height: 1;}
.sub_login_wrap.account_box{max-width:700px; margin: 0 auto;}
.sub_login_wrap h2{margin-bottom:40px; font-size:2rem; color: #000; text-align: center;}
.sub_login_wrap.account_box{padding: 50px;}
.sub_login_wrap .input_box{display: flex; flex-direction: column; gap:30px;}
.sub_login_wrap .login_md{display: flex; justify-content: space-between; margin-top: 20px;}
.sub_login_wrap input[type="text"], .sub_login_wrap input[type="password"], .sub_login_wrap input[type="email"]{height: 60px; padding: 5px 15px; font-size:var(--fs-18); color: #666; border:none; background: #F9F9F9;}
.sub_login_wrap .form_inner{display: flex; flex-direction: column; gap:32px; margin-top:40px;}
.sub_login_wrap .form_box{display: flex; flex-direction: column; gap:10px;}
.sub_login_wrap .form_box label{font-size:var(--fs-20); color: #222; font-weight: 600;}
.sub_login_wrap .check_wrap {display: flex;align-items: center;gap: 15px;font-family: sans-serif;font-size:var(--fs-16);}
.sub_login_wrap .check_wrap input[type="checkbox"] {appearance: none;width: 16px;height: 16px;border: 1px solid #ccc;border-radius: 2px;background-color: white;position: relative;cursor: pointer; margin-right: 5px;}
.sub_login_wrap .check_wrap input[type="checkbox"]:checked {background-color: black;border-color: black;}
.sub_login_wrap .check_wrap input[type="checkbox"]:checked::after {content: '✔';color: white;font-size: 12px;position: absolute;top: -2px;left: 2px;}
.sub_login_wrap .check_wrap input[type="checkbox"]:disabled {background-color: #f0f0f0;border-color: #dcdcdc;cursor: not-allowed;}
.sub_login_wrap .check_wrap input[type="checkbox"]:disabled::after {color: #ccc;}
.sub_login_wrap .submit_btn{border-radius: 10px; background:var(--co01); font-size:var(--fs-24); color: #fff; height: 60px; margin-top: 30px;}
.sub_login_wrap .search_wrap{display: flex; align-items: center; gap:20px;}
.sub_login_wrap .search_wrap a{position: relative; font-size: 16px ; color: #444;}
.sub_login_wrap .search_wrap a:not(:last-child)::after{content:''; position: absolute; right: -10px; top: 50%; transform:translateY(-50%); width: 1px; height: 40%; background: #666;}
.sub_login_wrap .external_wrap{display: flex; justify-content: space-evenly; margin-top: 50px;}
.sub_login_wrap .external_wrap p{margin-top: 10px; text-align: center;}
.sub_login_wrap .divider{display: flex; justify-content: center; align-items: center; gap:15px; margin-top: 35px; white-space:nowrap;}
.sub_login_wrap .divider span{display: block; background: #DDD; width: 100%; height: 1px;}
.sub_login_wrap .signup_link{display: flex; justify-content: center; gap:30px; margin-top: 20px; font-size:var(--fs-14); color: #444; line-height: 1.4;}
.sub_login_wrap .signup_link a{font-size:var(--fs-14); color: #444; border-bottom: 1px solid #444; line-height: 1.4;}
.sub_login_wrap .txt_area{display: flex; gap:50px;}
.sub_login_wrap .txt_area > div{flex:1;}
.sub_login_wrap .txt_area h3{font-size:var(--fs-20); color: #222; text-align: center; margin-bottom: 20px;}
.sub_login_wrap .txt_area .txt_box{height: 400px; border-radius: 10px; background: #F9F9F9; padding: 25px; font-size:var(--fs-16); line-height: 1.6; overflow-y:auto;}
.sub_login_wrap .txt_area .txt_box strong{display: block; padding-block: 15px;}
.sub_login_wrap .txt_area.area_column{flex-direction: column;}
.sub_login_wrap .txt_area .txt_box{height: 240px;}
.sub_login_wrap .agree_wrap{margin-top: 25px;}
.sub_login_wrap .check_label{display: flex;align-items: center;cursor: pointer;justify-content: flex-end; font-size:var(--fs-14); color: #444;}
.sub_login_wrap .agree_box{appearance: none;width: 18px;height: 18px;border: 1px solid #ccc;border-radius: 3px;margin-right: 8px;position: relative;cursor: pointer;}
.sub_login_wrap .agree_box::after {content: '✔'; font-size: 13px; position: absolute; left: 2px; top: -2px; color: #ccc; visibility: visible;}
.sub_login_wrap .agree_box:checked {background-color: #000;border-color: #000;}
.sub_login_wrap .agree_box:checked::after {color: #fff;}


.sub_login_wrap .account_btn{display: flex; justify-content: center; gap: 20px; margin-top: 24px;}
.sub_login_wrap .account_btn button{width: 160px; height:55px; font-size: 22px; border-radius:10px; padding-block:10px; border:1px solid #000; text-align: center; line-height: 1;}
.sub_login_wrap .account_btn button.btn01{background: #fff; color: #000;}
.sub_login_wrap .account_btn button.btn02{background: #000; color: #fff;}

/*로그인스킨*/
/*#login_wrap {width:100%;  background:#f7f7f7; padding:50px;}
.login_top {width:100%; height:50px; border-bottom:1px solid #eaeaea; margin-bottom:20px;}
.login_top h2 {font-size:30px; color:#4b4f58; line-height:1; font-weight:600;}
.login_top h2 span {font-size:15px; font-weight:400; }
.login_mid {display: flex; justify-content: space-between; width:100%; overflow: hidden;}
.login_mid .login_con { width:50%; height:100%; }
.login_mid .login_con h2 {text-align:center; color:#222; font-size:40px; margin-bottom:20px;}
.login_mid .login_con .login_id {width:100%; height:40px; background:#fff; border:1px solid #fff; margin-bottom:10px;}
.login_mid .login_con .login_id #mb_id {height:100%; width:90%; border:none; background:none; font-size:14px; color:#666; line-height:40px; vertical-align: top;}
.login_mid .login_con .login_pw {width:100%; height:40px; background:#fff; border:1px solid #fff; margin-bottom:20px;}
.login_mid .login_con .login_pw #mb_pass {height:100%; width:90%; border:none; background:none; font-size:14px; color:#666; line-height:40px; vertical-align: top;}
.login_mid .login_con span {display:inline-block;width:10%; height:100%; text-align:center; line-height:40px; }
.login_mid .login_con span img {vertical-align:middle;}
.login_mid .login_con input::placeholder {font-size:14px; color:#c3c3c3;}
.login_mid .login_con input::-webkit-input-placeholder { /* Chrome/Opera/Safari font-size:14px; color:#c3c3c3;}
.login_mid .login_con input::-moz-placeholder { /* Firefox 19+font-size:14px; color:#c3c3c3;}
.login_mid .login_con input:-ms-input-placeholder { /* IE 10+ font-size:14px; color:#c3c3c3;}
.login_mid .login_con input:-moz-placeholder { /* Firefox 18- font-size:14px; color:#c3c3c3;}
.login_mid .login_btn {width:100%; height:55px; margin-top:20px;}
.login_mid .login_btn button {width:100%; height:100%; background:#4b4f58; border:1px solid #4b4f58; text-align:center; color:#fff; font-size:18px; line-height:53px;}
.login_mid .login_bottom {text-align:center;}
.login_mid .login_bottom li {display:inline-block; margin-left:20px; padding-left:20px; position:relative; line-height:35px;}
.login_mid .login_bottom li::before {width:1px; height:13px; background:#ddd; content:''; position:absolute; left:0; top:11px;}
.login_mid .login_bottom li:first-child {margin-left:0; padding-left:0;}
.login_mid .login_bottom li:first-child::before {display:none;}
.login_mid .login_bottom li a {color:#666; font-size:15px; line-height:15px;}
.login_mid .login_bottom li a img {vertical-align:middle; margin-right:5px;}
.login_mid .login_bottom li label {color:#666; font-size:15px; line-height:15px;}
.login_mid .login_bottom li input[type="checkbox"] {vertical-align:-3px;}
.login_mid .login_bottom li .naver_login {display:inline-block; background: #00ce38; width: 200px; height: 35px; font-size:var(--fs-14); color: #fff; text-align: center; 
line-height: 35px; border-left: 1px solid #DDD; border-radius: 5px; vertical-align: middle;}
.login_mid .login_bottom li .naver_login img {vertical-align:-1px;}
.login_mid .login_img {width:47.27%;}
.login_mid .login_img .img_wrap{position:relative; padding-bottom: 42.3%;}
.login_mid .login_img .img_wrap img{position:Absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: auto; height: auto; max-width: 100%; max-height:100%;}/*


/*회원가입 스킨*/
.inWrap {width:98%;  border:1px solid #353638; border-width:1px 0; padding:30px 0;}
.inWrap.type1 { padding:50px 0;}
.inWrap.type2 { padding:0;}
.inWrap.type3 { padding:5px 0; border-bottom-width:0;}
.inWrap.width1 { width:680px !important; margin:0 auto;}
.tbox1 { border:1px solid #cdcdcd; }
.tbox1 .boxTit { padding:20px 20px 10px; color:#333; font-weight:700; font-size:16px;}
.tbox1 .txt_scroll { height:200px; padding:0 20px; overflow-y:auto;}
.txt_type { line-height:25px; font-size:13px; color:#666;}
.agreement input{vertical-align:middle; border:none;}
.btnType { display:inline-block; position:relative; transition:all 0.3s;}
.btnType.btn1 { height:30px; line-height:28px; padding:0 45px; font-size:13px;}
.btnType.btn1.color2 {border:1px solid #333; background:#333; cursor:pointer; }
.btnWrap input{color:#fff;}

.center{text-align:center;}
.pc_img {display:block;}
.tab_img {display:none;}
.mob_img {display:none;}
.pc {display:block;}
.tab {display:none;}
.mob {display:none;}


:root{
--bg01: #2bacf0;
--co01: #1E3A8A; 
--co02: #E3C588;
--co03: #1E3A8A;
--fs-24: clamp(25px, 1.26vw, 32px);
--fs-20: clamp(21px, 1.05vw, 26px);
--fs-19: clamp(20px, 1.00vw, 25px);
--fs-18: clamp(19px, 0.95vw, 24px);
--fs-17: clamp(18px, 0.89vw, 23px);
--fs-16: clamp(17px, 0.84vw, 22px);
--fs-15: clamp(16px, 0.79vw, 21px);
--fs-14: clamp(15px, 0.74vw, 20px);
}


/* ==main== */
#wrap{position: relative; width: 100%; max-width: 100%;  margin: 0 auto; overflow: hidden; line-height: 1;}
.inner{width: calc(100% - 40px); margin: 0 auto; max-width:1620px;}


/* quick */
.quick_menu{position: fixed; right: 30px; bottom:40px; z-index: 9998; width: 80px; opacity:1; transform: translateY(0); transition:.3s;}
.quick_menu.hide{opacity:0;	transform: translateY(10px); pointer-events:none;}
.quick_menu ul{display:none; padding-block:10px; border-radius: 999px;background: linear-gradient(180deg, rgba(248, 249, 250, 0.90) 0%, rgba(233, 236, 239, 0.90) 100%);box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.10);backdrop-filter: blur(2px);}
.quick_menu ul li{aspect-ratio:1;}
.quick_menu ul li a{display: flex; flex-direction: column; align-items: center; gap:5px; height: 100%; justify-content: center;}
.quick_menu ul li a span{font-size:var(--fs-14); color: #444; letter-spacing:-0.04rem;}
.quick_menu .qbtn{margin-top: 10px; width: 100%; aspect-ratio:1; border-radius:50%; background: var(--co02); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.10);}
.quick_menu .qbtn span{font-size:var(--fs-16); color: #333; letter-spacing:-0.04rem;}
.quick_menu .top_btn{display: flex; align-items: center; justify-content: center; margin-top: 10px; width: 100%; aspect-ratio:1; border-radius:50%; background: var(--co01); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.10);}


/* search */
.main_search_wrap{position: absolute; padding-block:40px; background: #fff; width: 100%; z-index: 5000; display: none; border-top:1px solid #eee; border-bottom:1px solid #eee;}
.main_search_wrap .inner{max-width:800px;}
.main_search_wrap .search_con{width: 100%; border:2px solid var(--co01); height: 50px; padding: 5px 20px; display: flex; align-items: center;}
.main_search_wrap .search_con input{width: 96%; height: 100%; border:0; font-size: var(--fs-16); letter-spacing:-0.04rem;}
.main_search_wrap .search_con input:focus{outline:none; border:none; box-shadow:none;}
.main_search_wrap .search_con .s_btn i{font-size:var(--fs-24); color: var(--co01); letter-spacing:-0.04rem;}
.main_search_wrap .term_box{margin-top: 40px; text-align: center;}
.main_search_wrap .term_box > span{font-size: var(--fs-16); color: #111; font-weight: 600; letter-spacing:-0.04rem;}
.main_search_wrap .term_box ul{display: flex; justify-content: center; gap:6px; margin-top: 20px;}
.main_search_wrap .term_box ul li{border:1px solid #CCC; transition:.3s;}
.main_search_wrap .term_box ul li a{display: block; padding: 5px 16px; font-size:var(--fs-14); color: #111; line-height: 1.4; transition:.3s; letter-spacing:-0.04rem;}
.main_search_wrap .term_box ul li:hover{background: var(--co01); color: #fff;}
.main_search_wrap .term_box ul li:hover a{color: #fff;}


/* main 공통 */
.section{padding-block:120px;}
a.more_btn{background: rgba(30, 64, 175, 0.50); flex-shrink:0; border-radius:50%; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; color: #fff; transition:.3s ease;}
a.more_btn i{font-size:var(--fs-20); transition:.3s ease; letter-spacing:-0.04rem;}
a.more_btn:hover{background: #fff; border:1px solid rgba(30, 64, 175, 0.50);}
a.more_btn:hover i{color: rgba(30, 64, 175, 0.50); transition:.3s ease;}


/* head_top */
.head_top{background: var(--co01);}
.head_top .inner{max-width:1840px; width: calc(100% - 80px); display: flex; justify-content: space-between;}
.head_top a{padding-block:10px; font-size: var(--fs-14); color: #fff; font-weight: 400; line-height: 1.6; letter-spacing:-0.04rem;}
.head_top div{display: flex; align-items: center; gap:20px;}
.head_top div a{position: relative;}
.head_top div a:not(:last-child)::after{content:''; position: absolute; right: -12px; top: 50%; transform:translateY(-50%); width: 4px; height: 4px; border-radius:50%; background: #fff; opacity: .2; z-index: 5;}
.head_top .utile_wrap a{display: flex; align-items: center; gap:10px;}


/* header */
.header_wrap{position: absolute; top: 0; left: 0; width: 100%; z-index: 5000;}
.main_header #header{background: linear-gradient(0deg, transparent, rgba(30, 58, 138, 1)), linear-gradient(0deg, transparent 20%, rgba(30, 58, 138, .5));}
#header{height: 100px;}
#header .inner{max-width: 1690px; height: 100%; display: flex; align-items: center; justify-content: space-between;}
#header h1 a{display: block; background: url('/assets/images/main/logo_white.png')center no-repeat; background-size:cover; width: 194px; height: 40px;}
#header .h_right{display: flex; align-items: center; gap:20px;}
#header .h_right .eng{color: #fff; border:1px solid #fff; padding-inline:12px; padding-block:5px;font-size:var(--fs-16); letter-spacing:-0.04rem;}
#header .h_right .eng i{margin-right: 5px;}
#header .h_right .h_search_btn{font-size: 30px; color: #fff; letter-spacing:-0.04rem;}

#header.on{background: #fff;}
#header.on .mega{border-top:1px solid #eee;}
#header.on h1 a{display: block; background: url('/assets/images/main/logo_black.png')center no-repeat; background-size:cover; width: 194px; height: 40px;}
#header.on .h_right .eng, #header .h_right .eng:hover{color: #fff; background: #1E3A8A; border:none;}
#header.on .h_right .h_search_btn{color: #333;}
#header.on .gnb-depth1 .d1{color: #333;}


.nav_btn{display: none;}
.navigation{display: none;}


/* Depth1 */
.gnb-depth1{display:flex; gap:50px;}
.gnb-depth1 .d1{font-size: var(--fs-18); color: #fff; letter-spacing:-0.04rem;}


/* 메가영역 */
.mega{position:absolute; left:0; right:0; top:100%; background:#fff; height:0; overflow:hidden; box-shadow: 0 20px 20px 0 rgba(30, 58, 138, 0.10); z-index:1;}
.mega-panel{display:none; max-width:1920px; margin: 0 auto; min-height:240px; transition:.3s ease;}
.mega-panel.is-active{display:flex; gap:40px;}
.mega-panel .mega-tit{width: 350px; padding: 50px 60px; background:#1E3A8A; transition:.3s ease;}
.mega-panel .mega-tit h2{/*font-family: "Noto Serif", serif;*/ color: #fff; text-align: right; font-size:2.25rem; word-break: keep-all; line-height: 1.35; letter-spacing:-0.04rem; transition:.3s ease;}
.mega-panel .mega-tit h2 span{position: relative; display: inline-block; padding-top: 15px;}
.mega-panel .mega-tit h2 span::after{content:''; position: absolute; top: 0; right: 0; width: 40px; height: 2px; background: #fff;}


.mega-grid{max-width:1380px; display:grid; grid-template-columns:repeat(4,1fr); align-content: start; gap:24px; padding-block:40px; width: 100%; margin-right:30px; transition:.3s ease;}
.mega-grid article{height: fit-content;}
.mega-grid article h3{position: relative;}
.mega-grid article h3.dth::after{content:''; position: absolute; right: 14px; top: 50%; transform:translateY(-50%); background: url('/assets/images/main/nav_arw.png')center no-repeat; background-size:cover; width: 20px; height: 20px; transition:.3s;}
.mega-grid article.active h3{background: var(--co01);}
.mega-grid article.active h3 a{color: #fff; font-weight:600;}
.mega-grid article.active h3.dth::after{content:''; position: absolute; right: 14px; top: 50%; transform:translateY(-50%); background: url('/assets/images/main/nav_arw_on.png')center no-repeat; background-size:cover; width: 20px; height: 20px;}
.mega-grid article h3{border: 1px solid rgba(0, 0, 0, 0.10);}
.mega-grid article h3 a{display: block; padding: 15px 36px; font-size: var(--fs-18); color: #222; font-weight:400; letter-spacing:-0.04rem;}
.mega-grid article h3 a:hover{font-weight:600;}
.mega-grid ul{display:flex; flex-direction: column; gap:15px; margin-top: 15px; padding-inline:20px;}
.mega-grid ul li{position: relative;}
.mega-grid ul li::after{content:''; position: absolute; left: 0; top: 50%; transform:translateY(-50%); width: 6px; height: 6px; background: #E3C588; border-radius:50%;}
.mega-grid ul li a{padding-left: 20px; font-size: var(--fs-16); color: #222; font-weight: 400; letter-spacing:-0.04rem;}
.mega-grid a{padding:4px 0;}

a.ex_link i{margin-left:4px;}

@media screen and (max-width:1400px) {
.gnb-depth1{gap:30px;}
.mega-panel.is-active{gap:20px;}
.mega-panel .mega-tit{padding:40px 50px;}
.mega-grid {gap:15px; margin-right:20px; padding-block: 30px; grid-template-columns: repeat(3, 1fr);}
.mega-grid ul{padding-inline:18px;}
.mega-grid article h3 a{padding: 12px 24px;}
}

/* visual */
#visual_wrap .video_wrap{position: relative; width: 100%; height: 100vh; overflow: hidden;}
#visual_wrap .video_wrap iframe{position: absolute; top: 50%; left: 50%; width: 177.7778vh; min-width: 100%; height: 56.25vw; min-height: 100%; transform: translate(-50%, -50%); pointer-events: none;}
#visual_wrap .swiper-button-next, #visual_wrap .swiper-button-prev{width: 18px; color: #fff;}
#visual_wrap .swiper-button-prev{left: 50px;}
#visual_wrap .swiper-button-next{right: 50px;}
#visual_wrap .swiper-pagination{bottom: 50px;}
#visual_wrap .swiper-pagination .swiper-pagination-bullet{background: #fff;}
#visual_wrap .txt_wrap{position: absolute; top: 50%; left:  50%; transform:translate(-50%, -50%); color: #fff; text-align: center;}
#visual_wrap .txt_wrap span , #visual_wrap .txt_wrap h2{font-family: "Noto Serif", serif;}
#visual_wrap .txt_wrap span.eng{font-size:var(--fs-24); letter-spacing:-0.04rem;}
#visual_wrap .txt_wrap h2{margin-top: 30px; font-size: 80px; letter-spacing:-0.04rem;}
#visual_wrap .txt_wrap p{margin-top: 30px; font-size: 28px; letter-spacing:-0.04rem;}
#visual_wrap .txt_wrap p em{font-weight: 600;}
#visual_wrap .txt_wrap span, #visual_wrap .txt_wrap h2, #visual_wrap .txt_wrap p{opacity: 0;transform: translateY(50px);transition: all 0.6s ease;}
#visual_wrap .swiper-slide-active .txt_wrap span {opacity: 1;transform: translateY(0);transition-delay: 0.2s;}
#visual_wrap .swiper-slide-active .txt_wrap h2 {opacity: 1;transform: translateY(0);transition-delay: 0.5s;}
#visual_wrap .swiper-slide-active .txt_wrap p {opacity: 1;transform: translateY(0);transition-delay: 0.7s;}
#visual_wrap .scroll_btn{position: absolute; left: 50%; transform:translateX(-50%);	bottom: 50px; color: #fff; z-index: 10;}
#visual_wrap .scroll_btn .arws{position: relative; bottom: -2px; left: 50%; transform:translateX(-50%);}
#visual_wrap .scroll_btn span {position: absolute;top: 0;left: 50%; transform:translateX(-50%); width: 14px;height: 14px;border-left: 2px solid #fff;border-bottom: 2px solid #fff;-webkit-transform: rotate(-45deg);transform: translateX(-50%) rotate(-45deg);-webkit-animation: sdb07 2s infinite;animation: sdb07 2s infinite;opacity: 0;box-sizing: border-box;}
#visual_wrap .scroll_btn span:nth-of-type(1) {-webkit-animation-delay: 0s;animation-delay: 0s;}
#visual_wrap .scroll_btn span:nth-of-type(2) {top: 8px;-webkit-animation-delay: .15s;animation-delay: .15s;}

@-webkit-keyframes sdb07 {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes sdb07 {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}



/* section01 */
#section01{background: #F0F4FA; margin-bottom:120px;}
#section01 .inner{display: flex; align-items: flex-end; gap:40px; height:855px;}
#section01 .left_con{flex:1 0 61%; height:stretch;}
#section01 .right_con{flex:1 0 32%; height:stretch;}
#section01 .notice_wrap .tit_wrap{display: flex; justify-content: space-between; align-items: flex-end;}
#section01 .notice_wrap .tit{display: flex; align-items: flex-end; width:100%; gap:60px;}
#section01 .notice_wrap h3{width:60%; font-size: 60px; color: #333; word-break:keep-all; letter-spacing:-0.04rem;}
#section01 .notice_wrap h3 span{color: var(--co01);}
#section01 .notice_wrap .tab_list{width:30%; display: flex; gap:24px; justify-content: flex-end; margin-right:24px;}
#section01 .notice_wrap .tab_list li a{display: block; font-size: var(--fs-20); color: #ccc; line-height: 1.6; transition:.3s; letter-spacing:-0.04rem;}
#section01 .notice_wrap .tab_list li.on a{color: var(--co01); font-weight: 600; border-bottom: 2px solid var(--co01);}
#section01 .notice_wrap .tab_list li:hover a{color: var(--co01); transition:.3s;}
#section01 .board_wrap{margin-top: 20px; padding: 25px; border: 1px solid #E9ECEF; background: #FFF; border-radius:10px;}
#section01 .board_wrap ul li:not(:first-child){padding-top: 15px;}
#section01 .board_wrap ul li:not(:last-child){padding-bottom: 15px; border-bottom: 1px dashed #ccc;}
#section01 .board_wrap ul li a{display: flex; align-items: center; gap:20px;}
#section01 .board_wrap ul li a .tit_box{display: flex; flex-direction: column; align-items: center; gap:5px; flex-shrink: 0; width: 80px; aspect-ratio: 1; justify-content: center; border-radius: 5px; background: #F8F8F8;}
#section01 .board_wrap ul li a .tit_box strong{font-size:var(--fs-24); color: var(--co01); letter-spacing:-0.04rem;}
#section01 .board_wrap ul li a .tit_box p{font-size:var(--fs-14); color: #777; letter-spacing:-0.04rem;}
#section01 .board_wrap .tit_info{line-height: 1.4;}
#section01 .board_wrap .tit_info h4{width: 80%; font-size: var(--fs-18); color: #333; display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 1;line-clamp: 1; letter-spacing:-0.04rem;}
#section01 .board_wrap .tit_info p{margin-top: 5px; font-size: var(--fs-14); color: #777; display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 1;line-clamp: 1; letter-spacing:-0.04rem;}
#section01 .btm{display: flex; gap:40px; margin-top: 40px; height:calc(100% - 363px);}
#section01 .btm > div{width:calc((100% - 40px) / 2); max-width:492px;}
#section01 .btm .tit_wrap{display: flex; align-items: center; justify-content: space-between;}
#section01 .btm .tit_wrap h3{font-size: 32px; color: #333; letter-spacing:-0.04rem;}
#section01 .diet_wrap .board_wrap .tit_info p{font-size: var(--fs-16); color: #333; margin-top: 0; letter-spacing:-0.04rem;}
#section01 .gallery_wrap .nav_wrap{display: flex; gap:10px;}
#section01 .gallery_wrap .nav_wrap .swiper-button-prev, #section01 .gallery_wrap .nav_wrap .swiper-button-next{position: unset; width: 40px; height: 40px; margin-top: 0; border-radius:50%; background: rgba(30, 64, 175, 0.50);} 
#section01 .gallery_wrap .nav_wrap .swiper-button-prev svg, #section01 .gallery_wrap .nav_wrap .swiper-button-next svg{width: 10px; color: #fff;}
#section01 .gallSlide{height:calc(100% - 60px); margin-top: 20px; padding: 25px; border-radius: 10px; border: 1px solid #E9ECEF; background: #FFF;}
#section01 .gallSlide .swiper-slide img{width: 100%; height:calc(100% - 72px); object-fit:cover;}
#section01 .gallSlide .swiper-slide .txt_wrap{margin-top: 20px;}
#section01 .gallSlide .swiper-slide .txt_wrap h4{font-size:var(--fs-20); color: #333; line-height: 1.4; letter-spacing:-0.04rem;}
#section01 .gallSlide .swiper-slide .txt_wrap p{margin-top: 10px; font-size: var(--fs-14); color: #777; text-align: right; letter-spacing:-0.04rem;}


#section01 .schedule_wrap{background: #1E3A8A; border-radius: 10px; height: 100%; padding-bottom: 20px;}
#section01 .schedule_wrap .tit_wrap{padding: 25px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #fff;}
#section01 .schedule_wrap .tit_wrap h3{font-size: 28px; color: #fff; letter-spacing:-0.04rem;}
#section01 .schedule_wrap a.more_btn{background: #fff; color: var(--co01);}
#section01 .sche_list{padding: 25px; height: calc(100% - 91px);}
#section01 .sche_list ul{height:100%; overflow-y: auto; scrollbar-gutter: stable; padding-right: 15px;}
#section01 .sche_list ul li{background: #fff; border-radius:5px; transition: all .3s ease;}
#section01 .sche_list ul li:hover{border-radius:10px; transition: all .3s ease;}
#section01 .sche_list ul li:not(:first-child){margin-top: 20px;}
#section01 .sche_list ul li a{display: block; padding: 20px;}
#section01 .sche_list ul li .sche_area{display: flex; align-items: flex-start; gap:15px;}
#section01 .sche_list ul li .sche_area .cate{width: 64px; height: 32px; line-height: 32px; border-radius: 5px; font-size:var(--fs-16); color: #fff; text-align: center; font-weight: 700; flex-shrink:0;}
#section01 .sche_list ul li.today .sche_area .cate{background: #094;}
#section01 .sche_list ul li.ing .sche_area .cate{background: #1E3A8A;}
#section01 .sche_list ul li.expect .sche_area .cate{background: #FE7744;}
#section01 .sche_list ul li.end .sche_area .cate{background: #CCC;}
#section01 .sche_list ul li a h4{font-size: var(--fs-20); color: #333; transition: all .3s ease; letter-spacing:-0.04rem; line-height:1.35;}
#section01 .sche_list ul li a p{margin-top: 10px; font-size: var(--fs-14); color: #777; letter-spacing:-0.04rem;}
#section01 .sche_list ul li:hover a h4{color: #111; font-weight: 800; transition: all .3s ease;}
#section01 .school_wrap{display: flex; gap:20px; margin-top: 20px;}
#section01 .school_wrap .item{flex:1; border-radius:10px; aspect-ratio:1; transition: background-color .35s ease, box-shadow .35s ease, transform .35s ease;}
#section01 .school_wrap .item a{display: flex; height: 100%; flex-direction: column; align-items: flex-start; justify-content: space-between; padding: 20px 15px 15px 20px;}
#section01 .school_wrap .item strong{font-size:var(--fs-24); color: #fff; letter-spacing:-0.04rem;}
#section01 .school_wrap .item img{margin-left: auto;}
#section01 .school_wrap .item:nth-child(1){background: var(--co02);}
#section01 .school_wrap .item:nth-child(2){background: var(--co01);}
#section01 .school_wrap .item:nth-child(3){background: #1E3A8A;}
#section01 .school_wrap .item:nth-child(1) strong{color: #111;}
#section01 .school_wrap .item:nth-child(1):hover{background: color-mix(in srgb, var(--co02) 85%, white 15%);}
#section01 .school_wrap .item:nth-child(2):hover{background: color-mix(in srgb, var(--co01) 88%, white 12%);}
#section01 .school_wrap .item:nth-child(3):hover{background: color-mix(in srgb, #1E3A8A 85%, white 15%);}
#section01 .school_wrap .item:hover{transform:translateY(-10px);}
#section01 .sche_list ul::-webkit-scrollbar{margin-left: 10px; width:5px; background: rgba(255, 255, 255, 0.20);}
#section01 .sche_list ul::-webkit-scrollbar-thumb{background:var(--co02); border-radius:6px;}
#section01 .sche_list ul{-ms-overflow-style:auto;}

/* section02 */
#section02{background: url('/assets/images/main/main_sec02_bg.png')right no-repeat; background-attachment: fixed;}
#section02 .inner {min-height: 100vh;display: flex;flex-direction: column;justify-content: center;}
#section02 .tit_wrap h3{font-size: 3.75rem; color: #333; line-height: 1.4; letter-spacing:-0.04rem;}
#section02 .tit_wrap h3 span{color: var(--co01);}
#section02 .item_wrap{display: flex; justify-content: space-between; margin-bottom:40px;}
#section02 .item_wrap .item{flex:0 1 20%;}
#section02 .item_wrap .num{font-size: 6rem; color: rgba(30, 64, 175, 0.10); letter-spacing:-0.04rem;}
#section02 .item_wrap .txt_box{text-align: center; margin-top: 30px;}
#section02 .item_wrap .txt_box strong{font-size:3rem; color: var(--co01); letter-spacing:-0.04rem;}
#section02 .item_wrap .txt_box span{font-size:var(--fs-20); color: #111; letter-spacing:-0.04rem;}
#section02 .item_wrap .txt_box p{font-size:var(--fs-20); color: #111; letter-spacing:-0.04rem;}
#section02 .item_wrap .img_box img{width: 100%; border-radius:50%; aspect-ratio:1; border:1px solid var(--co01);}
#section02 .item_wrap .item .first {opacity: 1;transition: opacity .5s ease;}
#section02 .item_wrap .item .second {opacity: 0;position: absolute;top: 0;left: 0;transition: opacity .5s ease;}
#section02 .item_wrap .num_box,
#section02 .item_wrap .item .img_box,
#section02 .item_wrap .item .big_box,
#section02 .item_wrap .info_box {position: relative;}
#section02 .item_wrap .info_box{top: 20px;}
#section02 .item_wrap .num_box{top: 30px;}
#section02 .item_wrap .item .big_box .big_txt{word-break:no-wrap;}
#section02 .item_wrap .item .big_box .second,
#section02 .item_wrap .item .info_box .second {left: 50%;transform: translateX(-50%);width: 100%;}
#section02 .item_wrap .item.show-second .first {opacity: 0; }
#section02 .item_wrap .item.show-second .second {opacity: 1;  display:flex; justify-content: center; align-items: flex-end;}
#section02 .item_wrap .item .circle-timer {position: absolute;width: 110%;height: 110%;top: 50%;left: 50%;transform: translate(-50%, -50%) rotate(-90deg);}
#section02 .item_wrap .item .circle-timer .circle-fg {fill: none; stroke: #1E3A8A; stroke-width: 1; stroke-linecap: round; stroke-dasharray: 365; stroke-dashoffset: 365;}
#section02 .item_wrap .item.animating .circle-fg {
animation: circle-draw 2s linear forwards;
}
@keyframes circle-draw {
from { stroke-dashoffset: 365; }
to   { stroke-dashoffset: 0; }
}

#section02 .item_wrap .item .circle-timer .circle-fg{fill:none;stroke:#1E3A8A;stroke-width:1;stroke-linecap:round;stroke-dasharray:365;stroke-dashoffset:365;transition: stroke-dashoffset .2s linear;}

/* mopop */
#mopop {display: none;position: fixed;inset: 0;z-index: 999;}
#mopop.active {display: flex; align-items: center; justify-content: center; }
#mopop .mopop_overlay {position: absolute;inset: 0;background: rgba(0,0,0,0.55);}
#mopop .mopop_content {position: relative; background: #fff;border-radius: 12px;width: 70%;max-width: 900px;padding: 60px 70px;display: flex;flex-direction: column;gap: 20px;z-index: 1;box-shadow: 0 10px 30px rgba(0,0,0,0.2);animation: fadeInUp .4s ease;}
#mopop .motop {display: flex;align-items: flex-start; justify-content: space-between; gap: 40px;}
#mopop .info_top{display: flex;}
#mopop .info_wrap {flex: 1; display: flex; flex-direction: column; align-items: flex-start; gap:20px;}
#mopop .info_wrap .cate {display: inline-block; font-size:var(--fs-14); color: #fff; background: var(--co01); padding: 6px 15px; border-radius: 20px; letter-spacing:-0.04rem;}
#mopop .info_wrap .tit_wrap h4 {font-size: 32px; margin-bottom: 10px; font-weight: 600; color: #333; line-height: 1.4; letter-spacing:-0.04rem;}
#mopop .info_wrap .tit_wrap p {font-size:var(--fs-18); color: #333; letter-spacing:-0.04rem;}
#mopop .info_wrap .nav_wrap{display: flex; gap:10px;}
#mopop .info_btm{margin-top: 40px; border-radius: 10px; background: #F8F8F8; padding: 20px 10px 20px 20px;}
#mopop .info_btm p{font-size:var(--fs-16); color: #333; line-height: 1.4; letter-spacing:-0.04rem;}
#mopop .info_btm p:not(:first-child){margin-top: 20px;}
#mopop .info_btm .txt_wrap{max-height:280px; overflow-y:scroll; padding-right: 15px;}
#mopop .info_btm .txt_wrap::-webkit-scrollbar {width: 6px;}
#mopop .info_btm .txt_wrap::-webkit-scrollbar-track {background: #ffffff;}
#mopop .info_btm .txt_wrap::-webkit-scrollbar-thumb {background: #212529;border-radius: 8px;}
#mopop .moSlide{max-width:790px;}
#mopop .moSlide .img_box{width: 37.5%;}
#mopop .moSlide img {width: 100%; aspect-ratio:1.5 / 1; object-fit: cover;}
#mopop .close_btn {position: absolute ;top: 10px; right: 16px; font-size: 40px; color: #333; cursor: pointer; line-height: 1; letter-spacing:-0.04rem;}
#mopop .mobtm {max-height: 260px;overflow-y: auto;border-top: 1px solid #eee;padding-top: 20px;}
#mopop .mobtm p {line-height: 1.6; color: #444; margin-bottom: 14px;}
#mopop .moSlide .swiper-button-prev, #mopop .moSlide .swiper-button-next{position: unset; margin-top: 0; width: 40px; height: 40px; background: rgba(30, 64, 175, 0.50); border-radius:50%;}
#mopop .moSlide .swiper-button-prev svg, #mopop .moSlide .swiper-button-next svg{color: #fff; width: 10px;}



/* section03 */
#section03{background: url('/assets/images/main/main_sec03_bg.png')right no-repeat #1E3A8A;}
#section03 .inner{display: flex; justify-content: space-between; align-items: flex-end;}
#section03 .txt_wrap{display: flex; flex-direction: column; gap: 40px;}
#section03 .txt_wrap h3{font-size: 60px; color: var(--co02); letter-spacing:-0.04rem;}
#section03 .txt_wrap strong{font-size: 32px; color: #fff; line-height: 1.4; letter-spacing:-0.04rem;}
#section03 .txt_wrap strong span{display: block;}
#section03 .txt_wrap p{font-size: var(--fs-20); color: #fff; line-height: 1.4; letter-spacing:-0.04rem;}
#section03 .txt_wrap p span{display: block;}
#section03 .contact_wrap{display: flex; flex-direction: column; gap:10px;}
#section03 .contact_wrap a{display: flex; align-items: center; justify-content: space-between; width: 200px; height: 50px; font-size:var(--fs-18); border-radius:5px; padding-inline:20px; transition:.3s ease; letter-spacing:-0.04rem;}
#section03 .contact_wrap a:nth-child(1){border:1px solid #fff; color: #fff;}
#section03 .contact_wrap a:nth-child(2){background: #000A2A; color: #fff;}
#section03 .contact_wrap a:nth-child(1):hover{background: var(--co01); color: #fff; transition:.3s ease;}


/* section04 */
#section04 .zone_wrap{position: relative;	height: 100vh;}
#section04 .zone{z-index: 0;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#section04 .area{padding: 7.5rem 3.125rem; height:100%;}
#section04 .zone .box{position: relative; width: 100%; height: 100%;}
#section04 .zone .info{display: flex; flex-direction: column; justify-content: flex-end; align-items: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;}
#section04 .zone .info .text{position: relative; font-size: var(--fs-24); color: #fff; text-align: center; line-height: 1.6; font-weight: 600; z-index: 5; word-break:keep-all; letter-spacing:-0.04rem;  z-index:2;}
#section04 .zone .info .text.type01{margin-bottom:9%;}
#section04 .zone .info .text.type02{position:absolute; bottom:4%; right:3%; font-size: var(--fs-18);}
#section04 .zone .img_box{position: relative; height:100%; overflow:hidden; border-radius:40px;}
#section04 .zone .img_box:before{content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%); z-index:1;}
#section04 .zone .img_box img{width: 100%; height:100%; object-fit:cover;}


/* footer */
#footer{padding-block:80px; background: #F4F4F8;}
#footer .footer_top{display: flex; justify-content: space-between; align-items: flex-end; padding-bottom: 40px;}
#footer .footer_top h2 img{width:194px; height:40px;}
#footer .footer_top .info_wrap ul{display: flex; gap:16px; margin-top:16px; flex-direction: column;}
#footer .footer_top .info_wrap ul li address{font-size:var(--fs-16); color: #777; letter-spacing:-0.04rem;}
#footer .footer_top .info_wrap ul li dl{display: flex; gap:10px; font-size:var(--fs-16); letter-spacing:-0.04rem;}
#footer .footer_top .info_wrap ul li dl dt{color: #111; font-weight: 600;}
#footer .footer_top .info_wrap ul li dl dd{color: #777;}
#footer .footer_top .loc_btn{display: flex; align-items: center; justify-content: space-between; width: 200px; height: 50px; padding-inline:20px; font-size:var(--fs-18); color: #777; border:1px solid #777; border-radius:5px; letter-spacing:-0.04rem;}
#footer .footer_btm{padding-top: 40px; display: flex; justify-content: space-between; border-top: 1px solid #111;}
#footer .footer_menu{display: flex; gap:40px;}
#footer .footer_menu a{font-size:var(--fs-16); color: #777; letter-spacing:-0.04rem;}
#footer .footer_menu a:nth-child(1){color: #111; font-weight: 700;}
#footer .footer_btm .copy{font-size:var(--fs-16); color: #111; letter-spacing:-0.04rem;}



/* sub */
.header_wrap.sub_header{position: relative; background: #fff; border-bottom: 1px solid rgba(0, 0, 0, 0.10);}
.header_wrap.sub_header #header.on .mega{border-top:1px solid #eee;}
.header_wrap.sub_header #header h1 a{background: url('/assets/images/main/logo_black.png')center no-repeat; background-size:cover;}
.header_wrap.sub_header .gnb-depth1 .d1{color: #222; font-weight:600;}
.header_wrap.sub_header #header .h_right .eng{color: #fff; background: #1E3A8A; border: none;}
.header_wrap.sub_header #header .h_right .h_search_btn{color: #333;}
.sub_inner{max-width:1440px; width: calc(100% - 40px); display:flex; justify-content: space-between; gap:40px;}
#sub_contents{min-height:560px;}
#sub_contents .conbody{max-width:1080px; width:100%;}
#sub_contents .con_inner{max-width:1080px; width:100%; }

/* tab_menu */
.sub_tab_wrap{padding-block:20px 60px;}
.sub_tab_wrap .sub_inner{display:flex; gap:0px; justify-content: flex-start; margin:0 auto;}
.sub_tab_wrap .tab_menu .on .arrow02{background: url(/assets/images/sub/sub_ico05_pc.png)center no-repeat;}
.sub_tab_wrap .tab_menu .home{display: block; padding-right: 12px;}
.sub_tab_wrap .tab_menu .menu {display: flex;width: calc(100% - 80px); height:100%;}
.sub_tab_wrap .tab_menu .menu > li{position:relative; height:100%;}
.sub_tab_wrap .tab_menu .menu > li:before{content: '';position: absolute;background: #B8C1CA;width: 4px;height: 4px;left: -1px;top: 50%;transform: translateY(-50%);border-radius: 50%;}
.sub_tab_wrap .tab_menu .menu > li.on > a .arw svg{transform:rotate(-180deg);}
.sub_tab_wrap .tab_menu .menu > li > a {position:relative; display:flex; align-items:center; gap: 10px; padding: 0 12px; width:100%; height:100%; font-size:var(--fs-16); color:#283038; font-weight:700; text-indent:0; letter-spacing:-0.04rem;}
.sub_tab_wrap .tab_menu .menu > li > a .arw{display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; background: #E9ECEF; border-radius:50%;}
.sub_tab_wrap .tab_menu .menu > li.on > a:before{transform:translateY(-50%) rotate(-180deg);}
.sub_tab_wrap .tab_menu .menu > li.on > a:after{transform:translateY(-50%) rotate(-90deg);}
.sub_tab_wrap .tab_menu .menu > li ul {display:none; position:absolute; width:100%; min-width: 150px; top:150%; left:0; background-color:#fff; z-index:100; box-shadow: 0 10px 20px 0 rgba(30, 58, 138, 0.20); border-radius:5px; padding:16px}
.sub_tab_wrap .tab_menu .menu > li ul li a {display:block; transition: all 0.5s ease-in-out; font-size:var(--fs-14);line-height:30px; color:#999;font-weight: 500; word-break:keep-all; letter-spacing:-0.04rem;}
.sub_tab_wrap .tab_menu .menu > li ul li.on a{color: #283038;}

.pc_block{display:block !important;}
.pc_flex{display:flex !important;}
.mob_block{display:none !important;}
.mob_flex{display:none !important;}

#sub_contents .sub_gallery_wrap .bbs_top select,
#sub_contents .sub_gallery_wrap .search_wrap,
#sub_contents .basic_bd01 .search_box .search select,
#sub_contents .basic_bd01 .search_box .input_wrap input{border-radius:0px !important;}

#sub_contents .contop{width: 240px; flex-shrink:0;}
#sub_contents .contop h2{font-size: 2.25rem; color:#333; font-weight:700; word-break:keep-all; line-height:1.35; letter-spacing:-0.04rem;}
#sub_contents .side_navbar{margin-top: 40px; overflow:hidden;}
#sub_contents .side_navbar h3{font-size:var(--fs-24); color:#333; letter-spacing:-0.04rem;}
#sub_contents .side_navigation .lnb{padding: 32px 24px; background: #233067; border-radius:10px;}
#sub_contents .side_navigation .lnb h4{position: relative;}
#sub_contents .side_navigation .lnb h4::after{content:''; position: absolute; left: 0; top: 50%; transform:translateY(-50%); width: 8px; height: 8px; background: #B8C1CA; border-radius:50%;}
#sub_contents .side_navigation .lnb h4.on::after{background: #E3C588;}
#sub_contents .side_navigation .lnb h4 a{padding-left: 20px; font-size:var(--fs-18); color: #B8C1CA; font-weight: 500; letter-spacing:-0.04rem; white-space: nowrap;}
#sub_contents .side_navigation .lnb h4:not(:first-child){margin-top: 20px;}
#sub_contents .side_navigation .lnb h4.on a{color: #fff;}

/* con_tab */
#sub_contents .con_inner .con_tab{margin-bottom:40px; display:flex;}
#sub_contents .con_inner .con_tab a.tab_btn:last-child{border-top:1px solid #B8C1CA; border-left:1px solid #B8C1CA; border-bottom:1px solid #B8C1CA; border-right:1px solid #B8C1CA;}
#sub_contents .con_inner .con_tab a.tab_btn{width:100%; height:64px; font-size:var(--fs-20); display:flex; justify-content: center; align-items: center; line-height:1; font-weight:700; color:#B8C1CA; background:#fff; border-top:1px solid #B8C1CA; border-left:1px solid #B8C1CA; border-bottom:1px solid #B8C1CA; letter-spacing:-0.04rem;}
#sub_contents .con_inner .con_tab a.tab_btn.on{color:#fff; background:#233067; border:0px;}

/* sub_txt */
#sub_contents .color_blue{color:#1E3A8A;}
#sub_contents .color_black{color:#333;}
#sub_contents .con_tit img{margin-bottom:8px;}
#sub_contents .con_tit h5{font-size:2rem; line-height:1.35; font-weight:700; word-break:keep-all; letter-spacing:-0.04rem;}
#sub_contents p.point_txt{font-size:var(--fs-24); line-height:150%; font-weight:700; margin-bottom:12px; word-break:keep-all; letter-spacing:-0.04rem;}
#sub_contents p.con_txt_type01{font-size:var(--fs-20); line-height:150%; font-weight:700; padding-left:16px; margin-bottom:12px; position:relative; word-break:keep-all; letter-spacing:-0.04rem;}
#sub_contents p.con_txt_type01:before{content:''; position:absolute; width:8px; height:8px; top:10px; left:0px; background:#1E3A8A; border-radius:99px; word-break:keep-all; letter-spacing:-0.04rem;}
#sub_contents p.con_txt_type02{font-size:var(--fs-20); line-height:150%; font-weight:700; margin-bottom:12px; word-break:keep-all; letter-spacing:-0.04rem;}
#sub_contents p.normal_txt_type01{font-size:var(--fs-16); line-height:150%; font-weight:400; margin-left:12px; padding-left:12px; position:relative; word-break:keep-all; letter-spacing:-0.04rem;}
#sub_contents p.normal_txt_type01:before{content:''; position:absolute; width:5px; height:5px; top:9px; left:0px; background:#1E3A8A; word-break:keep-all; letter-spacing:-0.04rem;}
#sub_contents p.normal_txt_type02{font-size:var(--fs-16); line-height:150%; font-weight:400; margin-left:12px; word-break:keep-all; letter-spacing:-0.04rem;}
#sub_contents p.small_txt_type01{font-size:var(--fs-14); line-height:150%; font-weight:400; margin-left:12px; padding-left:12px; position:relative; word-break:keep-all; letter-spacing:-0.04rem;}
#sub_contents p.small_txt_type01:before{content:''; position:absolute; width:6px; height:2px; top:10px; left:0px; background:#666; word-break:keep-all; letter-spacing:-0.04rem;}
#sub_contents p.small_txt_type02{font-size:var(--fs-14); line-height:150%; font-weight:400; margin-left:12px; word-break:keep-all; letter-spacing:-0.04rem;}
#sub_contents p.normal_txt_type01:not(:last-child),
#sub_contents p.normal_txt_type02:not(:last-child),
#sub_contents p.small_txt_type01:not(:last-child),
#sub_contents p.small_txt_type02:not(:last-child){margin-bottom:8px;}
#sub_contents p.ml20{margin-left:20px !important;}
#sub_contents .serif_txt{font-family: "SchoolSafetyFoundation"; font-weight:700;}

/* sub_con */
#sub_contents .con{margin-bottom:80px;}
#sub_contents .con_tit{margin-bottom:28px;}
#sub_contents .txt_wrap{margin-bottom:32px;}
#sub_contents .txt_box:not(:last-child){margin-bottom:20px;}
#sub_contents .txt_box p:first-child{margin-left:0px}
#sub_contents .con_box{padding:40px; background:#f4f4f8;}
#sub_contents .con_box.back_box{padding:60px;}
#sub_contents .con_box p{margin-left:0px;}
#sub_contents .img_box{margin-bottom:32px;}
#sub_contents .img_area{width:100%;}
#sub_contents .img_area img{width:100%; object-fit:contain;}
#sub_contents .back_box{display:flex; flex-direction:column; justify-content: center; min-height:320px;}

/* calendar */
#sub_contents .calendar_wrap{display:flex; gap:20px; width:100%; flex-wrap: wrap;}
#sub_contents .calendar_box{width:calc((100% - 20px) / 2); padding:24px; border:1px solid #E9ECEF;}
#sub_contents .calendar_info{width:calc((100% - 20px) / 2); padding:24px; border:1px solid #E9ECEF;}
#sub_contents .calendar_box .calendar_head{display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:20px; padding-bottom:16px; border-bottom:1px dashed #ddd;}
#sub_contents .calendar_box .calendar_title{font-size:1.25rem; font-weight:700; color:#222; letter-spacing:-0.04rem;}
#sub_contents .calendar_box .calendar_select_box{ display:flex; gap:10px;}
#sub_contents .calendar_box .calendar_select_box select{height:28px; padding:0 12px 0 8px; border:1px solid #ddd; background:#fff; font-size:0.75rem; color:#222; outline:none; cursor:pointer; letter-spacing:-0.04rem;}
#sub_contents .calendar_box .calendar_select_box select:nth-child(1){width:70px;}
#sub_contents .calendar_box .calendar_select_box select:nth-child(2){width:56px;}
#sub_contents .calendar_box thead .fc-scrollgrid-section .fc-scroller-harness{padding-bottom:8px;}
#sub_contents .calendar_box .fc-toolbar{display:none;}
#sub_contents .calendar_box .fc-scrollgrid{border:0;}
#sub_contents .calendar_box .fc-theme-standard td,
#sub_contents .calendar_box .fc-theme-standard th{border:0 !important;}
#sub_contents .calendar_box .fc-col-header-cell{font-size:0.875rem; font-weight:700; color:#222; background:none; letter-spacing:-0.04rem;}
#sub_contents .calendar_box .fc-daygrid-day{padding:0;}
#sub_contents .calendar_box .fc-daygrid-day-number{margin:0 auto; display:flex; align-items:center; justify-content:center; font-size:1rem; font-weight:700; color:#222; padding:0; letter-spacing:-0.04rem; cursor:pointer;}
#sub_contents .calendar_box .fc-day-sun .fc-daygrid-day-number,
#sub_contents .calendar_box .fc-col-header-cell.fc-day-sun{ color:#ff2b2b;}
#sub_contents .calendar_box .fc-day-sat .fc-daygrid-day-number,
#sub_contents .calendar_box .fc-col-header-cell.fc-day-sat{color:#005cff;}
#sub_contents .calendar_box .fc-day-today{background:none !important;}
#sub_contents .calendar_box .fc-day-today .fc-daygrid-day-number{ background:#e9ebf4; border-radius:0;}
#sub_contents .calendar_box .fc-day-other .fc-daygrid-day-number{ opacity:.25;}
#sub_contents .calendar_box .fc-daygrid-day-events{margin:4px 0; margin-bottom:4px !important;}
#sub_contents .calendar_info .calendar_info_title{font-size:1.25rem; line-height:28px; font-weight:700; color:#222; margin-bottom:20px; padding-bottom:16px; border-bottom:1px dashed #ddd; letter-spacing:-0.04rem;}
#sub_contents .calendar_info .calendar_info_wrap{display:flex; gap:20px; align-items: center; margin-bottom:15px; padding-bottom:15px; border-bottom:1px dashed #ddd;}
#sub_contents .calendar_info .info_box{background:#F4F4F8; width:80px; height:80px; flex-shrink:0; display:flex; flex-direction:column; align-items: center; justify-content:center;}
#sub_contents .calendar_info .info_date{font-size:1.25rem; font-weight:700; color:#1E3A8A; line-height:1.35; letter-spacing:-0.04rem;}
#sub_contents .calendar_info .info_category,
#sub_contents .calendar_info .info_kacl{font-size:0.75rem; color:#777; font-weight:600; line-height:1.35; letter-spacing:-0.04rem;}
#sub_contents .calendar_info .info_txt{font-size:0.875rem; line-height:1.35; word-break:keep-all; letter-spacing:-0.04rem;}
#sub_contents .calendar_info .info_txt i{font-size:0.75rem; font-style:normal; letter-spacing:-0.04rem;}
#sub_contents .calendar_info .info_status{font-size:0.875rem; font-weight:600; letter-spacing:-0.04rem;}
#sub_contents .calendar_info .info_status.true{color:#005cff;}
#sub_contents .calendar_info .info_status.false{color:#ff2b2b;}

/* form */
#sub_contents .form_group{ margin-bottom:20px; margin-left:12px;}
#sub_contents .form_label{ display:block; font-size:var(--fs-14); font-weight:600; margin-bottom:8px; letter-spacing:-0.04rem;}
#sub_contents .required{ color:#ff4d4f; }
#sub_contents .form_input{ width:100%; height:40px; border:1px solid #ddd; padding:0 16px; font-size:var(--fs-14); letter-spacing:-0.04rem;}
#sub_contents .form_date{ width:100%; height:40px; border:1px solid #ddd; padding:0 16px; font-size:var(--fs-14); letter-spacing:-0.04rem;}
#sub_contents .phone_form{display:flex; gap:8px; align-items: center;}
#sub_contents .form_number_select{ width:100%; height:40px; border:1px solid #ddd; padding:0 16px; font-size:var(--fs-14); letter-spacing:-0.04rem;}
#sub_contents .form_number_input{ width:100%; height:40px; border:1px solid #ddd; padding:0 16px; font-size:var(--fs-14); letter-spacing:-0.04rem;}
#sub_contents .add_form{max-width:524px; width:100%; display:flex; gap:4px; flex-direction: column;}
#sub_contents .add_form .form_box{width:100%;}
#sub_contents .add_form .form_box:first-child{display:flex; gap:4px;}
#sub_contents .add_form .form_box:first-child input{width:calc(100% - ); height:40px; border:1px solid #ddd; padding:0 16px; font-size:var(--fs-14); letter-spacing:-0.04rem;}
#sub_contents .add_form .form_box:first-child button{width:120px; height:40px; color:#fff; background:#1E3A8A;}
#sub_contents .add_form .form_box input{width:100%; height:40px; border:1px solid #ddd; padding:0 16px; font-size:var(--fs-14); letter-spacing:-0.04rem;}
#sub_contents .form_textarea{margin-left:12px; width:calc(100% - 12px); height:140px; border:1px solid #ddd; padding:16px; font-size:var(--fs-14); background:#fff; resize:none; font-family:inherit; letter-spacing:-0.04rem;}
#sub_contents .form_textarea::placeholder{ color:#bbb; }
#sub_contents .side_btn{ min-width:80px; height:40px; border:0; background:var(--co01); color:#fff; font-size:var(--fs-14); cursor:pointer; letter-spacing:-0.04rem;}
#sub_contents .file_row{display:flex; gap:8px;}
#sub_contents .file_row .form_input{max-width:unset; flex:1;}
#sub_contents .hidden_file{display:none;}
#sub_contents .radio_row, .checkbox_row{ display:flex; flex-wrap:wrap; gap:16px; margin-left:12px;}
#sub_contents .radio_item{ display:flex; align-items:center; gap:8px; font-size:var(--fs-14); letter-spacing:-0.04rem;}
#sub_contents input[type=radio], input[type=checkbox]{ width:18px; height:18px; accent-color:var(--co01); }
#sub_contents .status_true{color:#005cff; font-weight:700;}
#sub_contents .status_false{color:#ff2b2b; font-weight:700;}
#sub_contents .status_null{color:#ccc; font-weight:700;}
#sub_contents .cancel_btn{padding:6px 16px; background:#f4f4f8; color:#222; font-weight:700; font-size:var(--fs-14); letter-spacing:-0.04rem;}
#sub_contents .cancel_btn:hover{background:#ff2b2b; color:#fff;}

#sub_contents .sub_gallery_wrap h2,
#sub_contents .sub_faq_wrap h2{display:none !important;}

#sub_contents .sub_faq_wrap .faq_wrap li .fre .q{background:#f4f4f8;}
#sub_contents .sub_gallery_wrap .search_wrap,
#sub_contents .basic_bd01 .search_box .input_wrap{position:relative; max-width:320px; border-radius:0px !important; height: 40px;  border: 1px solid #eee; padding: 0px !important; overflow:hidden; flex-shrink:0;}
#sub_contents .sub_faq_wrap .search_wrap{position:relative; max-width:240px; border-radius:0px !important; height: 40px;  border: 1px solid #eee; padding: 0px !important; overflow:hidden;}
#sub_contents .sub_gallery_wrap .bbs_top select,
#sub_contents .basic_bd01 .search_box .search select{font-size: var(--fs-14); width: auto; height:40px; border: 1px solid #eee; border-radius:0px !important; padding: 0px 24px 0px 6px; background: url(/assets/images/sub/basic_bd01_icon01.png) center right 6px no-repeat;}
#sub_contents .sub_gallery_wrap .search_wrap input[type="search"],
#sub_contents .basic_bd01 .search_box .input_wrap input{width: 100%; height: 38px; font-size: var(--fs-14); color: #222; border:0px; border-radius:0px !important; padding:0px 24px 0px 12px;}
#sub_contents .sub_gallery_wrap .search_wrap button.search_btn{right:12px; width:16px; height:16px; position: absolute; top: 50%; transform: translateY(-50%);}
#sub_contents .basic_bd01 .search_box .input_wrap button{right:12px; width:16px; height:16px;}
#sub_contents .basic_bd01 .search_box .input_wrap button > img{width:100%;}
#sub_contents .sub_faq_wrap .search_wrap button.search_btn{right:12px; width:16px; height:16px; position: absolute; top: 50%; transform: translateY(-50%);}
#sub_contents .sub_faq_wrap .search_wrap input{width: 100%; height: 38px; font-size: var(--fs-14); letter-spacing: -0.04rem; border:0px; border-radius:0px !important; padding:0px 24px 0px 12px;}


/* sub_graph */
#sub_contents .sub_basic_tbl{width: 100%; font-size:var(--fs-16); letter-spacing:-0.04rem;}
#sub_contents .sub_basic_tbl.fix_tbl{table-layout: fixed; border-collapse: collapse;}
#sub_contents .sub_basic_tbl th, .sub_basic_tbl td{padding:6px 12px; font-size:var(--fs-16); color: #333; text-align: center; border-bottom: 1px solid #ddd; word-break:keep-all; letter-spacing:-0.04rem;}
#sub_contents .sub_basic_tbl th:not(:last-child), .sub_basic_tbl td:not(:last-child) {border-right: 1px solid #ddd;}
#sub_contents .br_ddd {border-right: 1px solid #ddd;}
#sub_contents .sub_basic_tbl thead tr:first-child{background: #f4f4f8; border-top: 2px solid #111;}
#sub_contents .sub_basic_tbl .sum_title{background: #f4f4f8;}
#sub_contents .sub_basic_tbl .ta_l{text-align:left !important;}

#sub_contents .col_box{overflow-x:scroll;}
#sub_contents .col_box.can-scroll {cursor: grab;}
#sub_contents .col_box.active {cursor: grabbing; user-select: none;}
#sub_contents .col_box::-webkit-scrollbar {display: none;}
#sub_contents .sub_basic_tbl.col_table{min-width:720px;}

/* sub_010101	 */
#sub_contents .sub010101_wrap .con01 .con_box{background:none; padding:0px !important; margin-bottom:20px;}
#sub_contents .sub010101_wrap .con01 .con_box .img_wrap{width:100%; margin-bottom:16px;}
#sub_contents .sub010101_wrap .con01 .con_box .img_wrap img{width:100%;}
#sub_contents .sub010101_wrap .con01 .con_box p{text-align:right;}
#sub_contents .sub010101_wrap .con01 .con_box p strong{font-size:var(--fs-20); margin-left:8px; letter-spacing:-0.04rem;}
#sub_contents .sub010101_wrap .con01 p.normal_txt strong{font-weight:700;}
#sub_contents .sub010101_wrap .con01 p.serif_txt{margin-top:8px;}

#sub_contents .sub010101_wrap .edu_goal_wrap{max-width:800px; display:flex; gap:104px; margin:0 auto;}
#sub_contents .sub010101_wrap .edu_goal_wrap div{font-size:var(--fs-20); line-height:1.35; color:#fff; font-weight:700; position: relative; width:calc((100% - 208px) / 3); aspect-ratio: 1 / 1; display:flex; justify-content: center; align-items: center; text-align:center; border-radius:999px;}
#sub_contents .sub010101_wrap .edu_goal_wrap div:nth-child(1){background:#497BC3;}
#sub_contents .sub010101_wrap .edu_goal_wrap div:nth-child(2){background:#1E3A8A;}
#sub_contents .sub010101_wrap .edu_goal_wrap div:nth-child(3){background:#233067;}
#sub_contents .sub010101_wrap .edu_goal_wrap div:not(:last-child):before{position:absolute; content:''; background:#788999; opacity:0.5; width:24px; height:7px; border-radius:999px; right:-64px; top:50%; transform:translateY(-50%);}
#sub_contents .sub010101_wrap .edu_goal_wrap div:not(:last-child):after{position:absolute; content:''; background:#788999; opacity:0.5; width:7px; height:24px; border-radius:999px; right:-56px; top:50%; transform:translateY(-50%);}
#sub_contents .sub010101_wrap .con02 .txt_wrap .con_box{max-width:800px; margin:32px auto 0px; border-radius:999px; padding:20px;}
#sub_contents .sub010101_wrap .con02 .txt_wrap .con_box p{color:#233067; text-align:center; margin-bottom:0px;}

/* sub_010102 */
#sub_contents .sub010102_wrap .history_wrap {margin:40px auto 0px;}
#sub_contents .sub010102_wrap .history_con {position: relative;}
#sub_contents .sub010102_wrap .history-line {position: absolute;top: 0;left:28%;width: 5px;height: 100%;background: #ddd; z-index: 1;}
#sub_contents .sub010102_wrap .history-scroll-bar {position: absolute;top: 0;left: 50%;width: 5px;background: var(--co03);z-index: 2;transform: translateX(-50%);}
#sub_contents .sub010102_wrap .scroll-point {width:56px;height:56px;background: var(--co03);border-radius: 50%;position: absolute;bottom: -70px;left: 50%;transform: translate(-50%, -50%);display: flex;align-items: center;justify-content: center;color: #fff;font-size:36px;box-shadow: 5px 5px 30px 0 rgba(0, 0, 0, 0.30);}
#sub_contents .sub010102_wrap .year_item {display: flex; justify-content: space-between; align-items: flex-start;}
#sub_contents .sub010102_wrap .year_item strong {flex-shrink:0; position: relative;display: block; width:200px; font-size:3rem;color: var(--co03);text-align: left; letter-spacing:-0.04rem;}
#sub_contents .sub010102_wrap .year_item .year_info {width:60%;}
#sub_contents .sub010102_wrap .year_item .year_info .info_box:not(:first-child){margin-top:48px;}
#sub_contents .sub010102_wrap .year_item .img_box {max-width: 420px;margin-top: 20px;}
#sub_contents .sub010102_wrap .year_item .img_box img {width: 100%;aspect-ratio: 1.4 / 1;object-fit: cover;}
#sub_contents .sub010102_wrap .history_con > div:first-child .year_item.on strong::after {background: var(--co01);}
#sub_contents .sub010102_wrap .history_con > div:first-child .year_item.on strong::before {content: '';position: absolute;right: -63px;top: 50%;transform: translateY(-50%);width: 24px;height: 24px;border: 3px solid var(--co01);border-radius: 50%;z-index: 1;}
#sub_contents .sub010102_wrap .year_item.past strong::after {background: var(--co01);}
#sub_contents .sub010102_wrap .year_item:not(:first-child) {margin-top:160px;}
#sub_contents .sub010102_wrap .year_item:last-child{margin-bottom:160px;}
#sub_contents .sub010102_wrap .year_item .year{font-size:2.5rem; color: #111; font-weight: 700; letter-spacing:-0.04rem;}
#sub_contents .sub010102_wrap .year_list {padding-top:24px;}
#sub_contents .sub010102_wrap .year_list li {display: flex;gap: 20px;align-items: center;}
#sub_contents .sub010102_wrap .year_list li em {min-width: 65px;font-size:var(--fs-16);color: #111;font-weight: 600; letter-spacing:-0.04rem;}
#sub_contents .sub010102_wrap .year_list li p {font-size:var(--fs-16);color: #111;line-height: 1.5; letter-spacing:-0.04rem;}
#sub_contents .sub010102_wrap .year_list li:not(:first-child) {margin-top:12px;}


/* sub_010201 */
#sub_contents .sub010201_wrap .con_box{display:flex; align-items: center; gap:80px;}
#sub_contents .sub010201_wrap .con_box .txt_wrap{margin-bottom:0px;}
#sub_contents .sub010201_wrap .con_box .img_wrap{flex-shrink:0; width:240px; height:240px;}
#sub_contents .sub010201_wrap .con_box .img_wrap img{width:100%; height:auto; object-fit:contain;}

#sub_contents .sub010201_wrap .img_box{display:flex; gap:20px;}
#sub_contents .sub010201_wrap .img_box .con_box{width:100%; aspect-ratio: 1 / 1; padding:0px !important;}
#sub_contents .sub010201_wrap .img_box .con_box .img_wrap,
#sub_contents .sub010201_wrap .con_box .img_wrap img{width:100%; height:100%;}

#sub_contents .sub010201_wrap .point_box{display:flex; flex-direction:column; align-items: center; padding:32px 28px; border:1px solid #ddd;}
#sub_contents .sub010201_wrap .point_box .con_txt_type02{text-align:center; margin-top:8px; margin-bottom:8px; font-weight:400;}
#sub_contents .sub010201_wrap .point_box .con_txt_type02 strong{color:#1E3A8A; font-weight:700;}
#sub_contents .sub010201_wrap .point_box img.mark_end{transform:rotate(180deg);}

/* sub_010202	 */
#sub_contents .sub010202_wrap .con01 .con_box{color:#fff; height:320px; display:flex; align-items: center; background: url('/assets/images/sub/sub010202_img01.png')center no-repeat; background-size:cover;}
#sub_contents .sub010202_wrap .con02 .txt_wrap{display:flex; gap:20px; align-items: stretch}
#sub_contents .sub010202_wrap .con02 .txt_wrap .txt_box{width:calc((100% - 20px) / 2); display:flex; flex-direction:column; margin-bottom:0px; }
#sub_contents .sub010202_wrap .con02 .txt_wrap .img_wrap{width:100%; flex:1; padding:20px; border:1px solid #ddd; display:flex; align-items: flex-start; justify-content:center;}
#sub_contents .sub010202_wrap .con02 .txt_wrap .img_wrap img{width:100%;}
#sub_contents .sub010202_wrap .con02 .con_box{position:relative; padding:60px 40px; width:100%; overflow:hidden; display:flex; flex-direction:column; align-items: center;}
#sub_contents .sub010202_wrap .con02 .con_box:before{position:absolute; content:''; background: url('/assets/images/sub/mla_logo.png')center no-repeat; background-size:cover; width:400px; height:400px; right:-60px; bottom:-60px; opacity:0.1; z-index:1;}
#sub_contents .sub010202_wrap .con02 .con_box .txt_box{position:relative; margin-bottom:40px; z-index:2; text-align:center;}
#sub_contents .sub010202_wrap .con02 .con_box .txt_box p{margin-left:0px;}
#sub_contents .sub010202_wrap .con02 .con_box .lyrics_wrap{display:flex; gap:20px; width:100%;}
#sub_contents .sub010202_wrap .con02 .con_box .lyrics_wrap .txt_box{width:calc((100% - 20px) / 2); padding:32px 40px; background:#fff; text-align:left;}
#sub_contents .sub010202_wrap .con02 .con_box .btn_wrap{position:relative; display:flex; gap:16px; z-index:2;}
#sub_contents .sub010202_wrap .con02 .con_box .btn_wrap a{width:200px;height:45px;display:flex;align-items:center;justify-content:space-between; flex-shrink:0; background:var(--co01); font-size:var(--fs-16);color:#fff;padding-inline:20px; letter-spacing:-0.04rem; transition:all 0.3s ease-out;}
#sub_contents .sub010202_wrap .con02 .con_box .btn_wrap a:hover{padding-inline:24px;}

/* sub_010301	 */
#sub_contents .sub010301_wrap .con{display:flex; gap:40px;}
#sub_contents .sub010301_wrap .con .con_tit h5{line-height:1.35;}
#sub_contents .sub010301_wrap .con_wrap{width:360px; height:fit-content; flex-shrink:0;}
#sub_contents .sub010301_wrap .con_wrap p{margin-left:0px !important;}
#sub_contents .sub010301_wrap .con_wrap p strong{font-size:var(--fs-20); margin-left:8px; letter-spacing:-0.04rem;}
#sub_contents .sub010301_wrap .con_box{padding:0px !important; margin-bottom:16px; overflow:hidden;}
#sub_contents .sub010301_wrap .con_box img{width:100%;}f4f4f8
#sub_contents .sub010301_wrap .con_tit h5{line-height:1.35;}
#sub_contents .sub010301_wrap p.normal_txt strong{font-weight:700;}
#sub_contents .sub010301_wrap p.sign_txt{display:flex; align-items: center;}
#sub_contents .sub010301_wrap p.sign_txt img{width:100px; margin-left:8px;}

/* sub_010302	 */
#sub_contents .sub010302_wrap .vision_wrap{display:flex; flex-direction: column; gap:10px; }
#sub_contents .sub010302_wrap .vision_box{display:flex; }
#sub_contents .sub010302_wrap .vision_title{display: flex; flex-direction: column; justify-content: center; align-items: center; flex-wrap: wrap; gap:5px; flex-shrink: 0; color:#fff; padding:10px; width:120px; height:80px; background: #2E50B8; box-sizing: border-box;    }
#sub_contents .sub010302_wrap .vision_box:nth-child(6) .vision_title{height:unset; }
#sub_contents .sub010302_wrap .vision_title h5{font-size:var(--fs-18); letter-spacing:-0.04rem;}
#sub_contents .sub010302_wrap .vision_title em{font-size:var(--fs-14); letter-spacing:-0.04rem;}
#sub_contents .sub010302_wrap .vision_item{flex:1; width:100%; height:80px; font-size:var(--fs-16); line-height:1.35; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align:center; background:#ebf2f7; font-weight: 600; margin-left:20px; color:#333; letter-spacing:-0.04rem;}
#sub_contents .sub010302_wrap .vision_item span{font-size:var(--fs-16); display:block; font-weight:400; letter-spacing:-0.04rem;}
#sub_contents .sub010302_wrap .vision_box .type01{display: flex; width:100%; margin-left:20px;}
#sub_contents .sub010302_wrap .vision_box .type01 li{flex: 1; display: flex; justify-content: center; align-items: center; margin: 0 0 0 -15px; border-radius:999px; background-color: #ebf2f7; mix-blend-mode: multiply; font-size:var(--fs-18); font-weight: 600; color: #111; height:80px; text-align: center; letter-spacing: -0.025em; box-sizing: border-box; letter-spacing:-0.04rem;}
#sub_contents .sub010302_wrap .vision_box li:first-child{margin:0px;}
#sub_contents .sub010302_wrap .vision_box .type02,
#sub_contents .sub010302_wrap .vision_box .type03{display: flex; width:100%; margin-left:20px; gap:15px;}
#sub_contents .sub010302_wrap .vision_box .type02 li{flex: 1; display: flex; justify-content: center; align-items: center; padding:0px 20px; background-color: #ebf2f7; font-size:var(--fs-16); font-weight: 600; color: #111; height:80px; text-align: center; letter-spacing: -0.025em; line-height:1.35; box-sizing: border-box; word-break:keep-all; letter-spacing:-0.04rem;}
#sub_contents .sub010302_wrap .vision_box .type03 li{position: relative; flex: 1; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap:15px; padding:25px; background-color: #ebf2f7; font-size:var(--fs-16); font-weight: 600; color: #111; height:auto; letter-spacing: -0.025em; line-height:1.35; box-sizing: border-box; letter-spacing:-0.04rem;}
#sub_contents .sub010302_wrap .vision_box .type03 li:before{content:''; position: absolute; left:50%; top:-10px; transform:translateX(-50%); width:2px; height:10px; background:#ddd;}
#sub_contents .sub010302_wrap .vision_box .type03 li p{padding-left:10px; position:relative; word-break:keep-all;}
#sub_contents .sub010302_wrap .vision_box .type03 li p:before{content:''; position: absolute; left:0px; top:7px; width:4px; height:4px; background:#2E50B8;}
#sub_contents .sub010302_wrap p.normal_txt_type01:not(:last-child){margin-bottom:8px;}

#sub_contents .sub010302_wrap > div:last-child .txt_wrap{display:flex; flex-wrap:wrap; gap:20px;}
#sub_contents .sub010302_wrap > div:last-child .txt_wrap .txt_box{width:calc((100% - 20px) / 2); border:1px solid #ddd; margin-bottom:0px !important; padding:20px 24px; }
#sub_contents .sub010302_wrap > div:last-child .txt_wrap .txt_box:first-child{width:100%;}
#sub_contents .sub010302_wrap > div:last-child .txt_wrap .tit_box{display:flex; align-items: center; padding-bottom:8px; border-bottom:1px solid #ddd; margin-bottom: 12px; gap:16px;}
#sub_contents .sub010302_wrap > div:last-child .txt_wrap .tit_box .img_wrap{display:flex; justify-content: center; align-items: center; flex-shrink:0; width:60px; height:60px; background:#f4f4f8; border-radius:999px;}
#sub_contents .sub010302_wrap > div:last-child .txt_wrap .tit_box .img_wrap img{width:60%; height:60%;}
#sub_contents .sub010302_wrap > div:last-child .txt_wrap .tit_box .con_txt_type02{margin-bottom:0px !important;}
#sub_contents .sub010302_wrap > div:last-child .txt_wrap .tit_box .con_txt_type02 span{display:block; font-size: var(--fs-16); font-weight:500; line-height:1.35; letter-spacing:-0.04rem;}

/* sub_010402 */
#sub_contents .sub010402_wrap .img_wrap{width:100%;}
#sub_contents .sub010402_wrap .img_wrap img{width:100%; height:fit-content;}

#sub_contents .sub010402_wrap .school_org{display:flex; flex-direction:column; align-items: center; gap:32px; width:100%; text-align:center;}
#sub_contents .sub010402_wrap .school_org .department_card{border-radius:5px; overflow:hidden; border:1px solid #6C7A89;}
#sub_contents .sub010402_wrap .school_org .card_head,
#sub_contents .sub010402_wrap .school_org .card_name{font-size:var(--fs-16); line-height:1.35; letter-spacing:-0.04rem; display: flex; justify-content: center; align-items: center; padding:12px;}
#sub_contents .sub010402_wrap .school_org .card_head{background:#6C7A89; color:#fff; font-weight:700;}
#sub_contents .sub010402_wrap .school_org .card_name{color:#222; background:#fff;}
#sub_contents .sub010402_wrap .school_org .card_name.single_card{border-radius:5px; border:1px solid #6C7A89;}

#sub_contents .sub010402_wrap .org_top{position:relative; width:calc(((100% - 48px) / 9) * 2);}
#sub_contents .sub010402_wrap .org_top .department_card{border:1px solid #1E3A8A;}
#sub_contents .sub010402_wrap .org_top .card_head{background:#1E3A8A;}

#sub_contents .sub010402_wrap .org_mid{position:relative; width:calc(((100% - 48px) / 9) * 2); margin-bottom:32px;}
#sub_contents .sub010402_wrap .org_mid .department_card{border:1px solid #1E40AF;}
#sub_contents .sub010402_wrap .org_mid .card_head{background:#1E40AF;}
#sub_contents .sub010402_wrap .org_mid .department_card:nth-child(2){position:absolute; top:50%; left:calc(100% + 64px); transform:translateY(-50%); border:1px solid #6C7A89;}
#sub_contents .sub010402_wrap .org_mid .department_card:nth-child(2) .card_head{padding:12px 32px; background:#6C7A89;}

#sub_contents .sub010402_wrap .org_bottom{position:relative; width:100%; display:flex; gap:8px;}
#sub_contents .sub010402_wrap .org_bottom .bottom_card_org{position:relative; display:flex; flex-direction:column; gap:32px; width:calc((100% - 48px) / 9); flex-shrink:0;}
#sub_contents .sub010402_wrap .org_bottom .bottom_card_org.center_card{width:calc(((100% - 48px) / 9) * 3);}

#sub_contents .sub010402_wrap .org_bottom .team_card{position:relative; display:flex; flex-direction:column; gap:8px; flex:1;}
#sub_contents .sub010402_wrap .org_bottom .team_card .single_card{position:relative; background:#f4f4f8; flex:1;}

#sub_contents .sub010402_wrap .org_bottom .center_card .team_card{display:flex; flex-direction:row; gap:8px;}
#sub_contents .sub010402_wrap .org_bottom .center_card .left_team_card{display:flex; gap:4px; flex:0 0 90px;}
#sub_contents .sub010402_wrap .org_bottom .center_card .left_team_card .single_card{writing-mode: vertical-rl;}
#sub_contents .sub010402_wrap .org_bottom .center_card .right_team_card{position:relative; display:flex; flex-direction:column; gap:8px; flex:1; min-width:0;}
#sub_contents .sub010402_wrap .org_bottom .center_card .single_card{position:relative; background:#E0E5EA;}
#sub_contents .sub010402_wrap .org_bottom .center_card .left_team_card .single_card:nth-child(3){background:#fff;}

#sub_contents .sub010402_wrap .org_bottom .long_card .single_card{background:#fff;}

/* org_bar */
#sub_contents .sub010402_wrap .org_top:before{position:absolute; content:''; width:2px; height:32px; top:100%; left:50%; transform:translateX(-50%); background:#6C7A89;}
#sub_contents .sub010402_wrap .org_mid:before{position:absolute; content:''; width:2px; height:64px; top:100%; left:50%; transform:translateX(-50%); background:#6C7A89;}
#sub_contents .sub010402_wrap .org_mid:after{position:absolute; content:''; width:64px; height:2px; top:50%; left:100%; transform:translateY(-50%); background:#6C7A89;}
#sub_contents .sub010402_wrap .org_bottom:before{position:absolute; content:''; height:2px; bottom:calc(100% + 32px); left:calc((100% - 48px) / 18); right:calc((100% - 48px) / 18); background:#6C7A89;}
#sub_contents .sub010402_wrap .bottom_card_org:before{position:absolute; content:''; width:2px; height:34px; bottom:100%; left:50%; transform:translateX(-50%); background:#6C7A89;}
#sub_contents .sub010402_wrap .org_bottom .team_card:before{position:absolute; content:''; width:2px; height:32px; bottom:100%; left:50%; transform:translateX(-50%); background:#6C7A89;}
#sub_contents .sub010402_wrap .org_bottom .center_card .team_card:before{position:absolute; content:''; width:2px; height:16px; bottom:calc(100% + 16px); left:50%; transform:translateX(-50%); background:#6C7A89;}
#sub_contents .sub010402_wrap .org_bottom .center_card .team_card:after{position:absolute; content:''; height:2px; bottom:calc(100% + 15px); left:calc((140px / 3) / 2); right:calc((100% - 165px) / 2); background:#6C7A89;}
#sub_contents .sub010402_wrap .org_bottom .center_card .left_team_card .single_card:nth-child(1):before,
#sub_contents .sub010402_wrap .org_bottom .center_card .left_team_card .single_card:nth-child(2):before{position:absolute; content:''; width:2px; height:16px; bottom:100%; left:50%; transform:translateX(-50%); background:#6C7A89;}
#sub_contents .sub010402_wrap .org_bottom .center_card .right_team_card:before{position:absolute; content:''; width:2px; height:16px; bottom:100%; left:50%; transform:translateX(-50%); background:#6C7A89;}


/* sub_0105	 */
#sub_contents .sub0105_wrap .con:first-child p{margin-left:0px !important;}
#sub_contents .sub0105_wrap .img_wrap{margin-bottom:20px;}
#sub_contents .sub0105_wrap .img_wrap img{width:100%;}
#sub_contents .sub0105_wrap .board_wrap{margin-top: 40px;}
#sub_contents .sub0105_wrap .board_wrap .board_top{display: flex; align-items: flex-end; justify-content: space-between; margin-bottom:28px; height:40px;}
#sub_contents .sub0105_wrap .board_wrap .board_top p{font-size:var(--fs-14); letter-spacing:-0.04rem;}
#sub_contents .sub0105_wrap .board_wrap .board_top p span{color: var(--co01); font-weight: 600; margin-inline:5px;}
#sub_contents .sub0105_wrap .board_wrap .search_wrap{display: flex; gap:8px; font-size:var(--fs-14);}
#sub_contents .sub0105_wrap .board_wrap .search_wrap select{width: 140px; height: 40px; padding-inline:15px; border:1px solid #eee;}
#sub_contents .sub0105_wrap .board_wrap .search_wrap .input_box{display: flex; gap:; width: 300px; height: 40px; padding-inline:15px; border:1px solid #eee;}
#sub_contents .sub0105_wrap .board_wrap .search_wrap .input_box input{border:0; width: 100%; height: 100%;}
#sub_contents .sub0105_wrap .board_wrap .search_wrap .input_box button i{font-size:var(--fs-18); color: var(--co01); letter-spacing:-0.04rem;}

/* sub_0106 */
#sub_contents .sub0106_wrap #yearChart{height: 600px;}
#sub_contents .sub0106_wrap .date_select_wrap{display: flex; align-items: center; justify-content: flex-end; gap:20px; margin-bottom:32px;}
#sub_contents .sub0106_wrap .date_select_wrap select{height: 40px; padding-inline: 15px; border:1px solid #eee; font-size:var(--fs-16); letter-spacing:-0.04rem;}
#sub_contents .sub0106_wrap .date_select_wrap .unit{margin-left: 10px; font-size:var(--fs-16); letter-spacing:-0.04rem;}

#sub_contents .sub0106_wrap .donation_form_wrap{background: #F4F4F8; padding:40px;}
#sub_contents .sub0106_wrap .donation_form_wrap .form_row{display: flex; justify-content: center; align-items: center;}
#sub_contents .sub0106_wrap .donation_form_wrap .form_row:not(:last-child){margin-bottom:16px;}
#sub_contents .sub0106_wrap .donation_form_wrap .form_row .form_title{position:relative; font-size:var(--fs-16); width:100px; margin-right:16px; padding-right:12px; font-weight:700; flex-shrink:0;}
#sub_contents .sub0106_wrap .donation_form_wrap .form_row .form_title:before{position:absolute; content:''; background:#999; right:0px; top:50%; transform:translateY(-50%); width:1px; height:16px;}
#sub_contents .sub0106_wrap .donation_form_wrap .form_row .form_controls{width:100%; max-width:300px; display: flex;}
#sub_contents .sub0106_wrap .donation_form_wrap .form_row label{font-size:var(--fs-16); letter-spacing:-0.04rem; width:calc(100% / 2);}
#sub_contents .sub0106_wrap .donation_form_wrap .row_btn{margin-top:32px;}
#sub_contents .sub0106_wrap .donation_form_wrap .row_btn .btn_submit{width:180px;height:45px;display:flex;align-items:center;justify-content:space-between; flex-shrink:0; background:var(--co01); font-size:var(--fs-16);color:#fff;padding-inline:20px;margin:0 auto; letter-spacing:-0.04rem; transition:all 0.3s ease-out;}
#sub_contents .sub0106_wrap .donation_form_wrap .row_btn .btn_submit:hover{padding-inline:24px;}

#sub_contents .sub0106_wrap .donation_view_wrap{background: #F4F4F8; padding:40px;}
#sub_contents .sub0106_wrap .donation_view_wrap .form_row{display: flex; justify-content: center; align-items: center;}
#sub_contents .sub0106_wrap .donation_view_wrap .form_row:not(:last-child){margin-bottom:16px;}
#sub_contents .sub0106_wrap .donation_view_wrap .form_row .form_title{position:relative; font-size:var(--fs-16); width:100px; margin-right:16px; padding-right:12px; font-weight:700;  flex-shrink:0;}
#sub_contents .sub0106_wrap .donation_view_wrap .form_row .form_title:before{position:absolute; content:''; background:#999; right:0px; top:50%; transform:translateY(-50%); width:1px; height:16px;}
#sub_contents .sub0106_wrap .donation_view_wrap .form_row .form_controls{width:100%; max-width:300px; display: flex;}
#sub_contents .sub0106_wrap .donation_view_wrap .form_row .form_controls input[type="text"]{width:100%;}
#sub_contents .sub0106_wrap .donation_view_wrap .form_row .form_controls .id_inputs{display:flex; gap:8px; align-items: center;}
#sub_contents .sub0106_wrap .donation_view_wrap .form_row .form_controls .id_inputs input{width:calc((100% - 22px) / 2);}
#sub_contents .sub0106_wrap .donation_view_wrap .form_row label{font-size:var(--fs-16); letter-spacing:-0.04rem; width:calc(100% / 2);}
#sub_contents .sub0106_wrap .donation_view_wrap .row_radio input[type="radio"] {width: 16px; height: 16px; accent-color: var(--co01);}
#sub_contents .sub0106_wrap .donation_view_wrap .form_row input:not([type="radio"]),
#sub_contents .sub0106_wrap .donation_view_wrap .form_row select{font-size:var(--fs-16); border: 1px solid #eee;height: 40px;padding: 0 15px; letter-spacing:-0.04rem;}
#sub_contents .sub0106_wrap .donation_view_wrap .row_btn{margin-top:32px;}
#sub_contents .sub0106_wrap .donation_view_wrap .row_btn .btn_submit{width:180px;height:45px;display:flex;align-items:center;justify-content:space-between; flex-shrink:0; background:var(--co01); font-size:var(--fs-16);color:#fff;padding-inline:20px;margin:0 auto; letter-spacing:-0.04rem; transition:all 0.3s ease-out;}
#sub_contents .sub0106_wrap .donation_view_wrap .row_btn .btn_submit:hover{padding-inline:24px;}

#sub_contents .sub0106_wrap .contact_wrap{width:100%; border:1px solid #ddd; padding:24px; display:flex; align-items: center; gap:32px;}
#sub_contents .sub0106_wrap .contact_wrap .img_wrap{width:100px; border-radius:99px; background:#f4f4f8; padding:20px; flex-shrink:0; margin-bottom:0px !important;}
#sub_contents .sub0106_wrap .contact_wrap .img_wrap img{width:100%;}
#sub_contents .sub0106_wrap .contact_wrap .txt_wrap{width:100%; padding-left:32px; border-left:1px solid #ddd; margin-bottom:0px !important;}
#sub_contents .sub0106_wrap .contact_wrap .txt_wrap p{margin-left:0px !important;}
#sub_contents .sub0106_wrap .contact_wrap .txt_wrap .con_txt_type02{margin-bottom:6px;}
#sub_contents .sub0106_wrap .contact_wrap a{width:180px;height:45px;display:flex;align-items:center;justify-content:space-between; flex-shrink:0; background:var(--co01); font-size:var(--fs-16);color:#fff;padding-inline:20px;margin:0 auto; letter-spacing:-0.04rem; transition:all 0.3s ease-out;}
#sub_contents .sub0106_wrap .contact_wrap a:hover{padding-inline:24px;}


/* sub_010601 */
#sub_contents .sub010601_wrap > div:nth-child(2) p{margin-left:0px !important;}
#sub_contents .sub010601_wrap > div:nth-child(2) .img_wrap{margin-bottom:20px;}
#sub_contents .sub010601_wrap > div:nth-child(2) .img_wrap img{width:100%;}
#sub_contents .sub010601_wrap > div:nth-child(3) .txt_wrap{display:flex; flex-wrap:wrap; gap:20px;}
#sub_contents .sub010601_wrap > div:nth-child(3) .txt_wrap .txt_box{width:calc((100% - 20px) / 2); border:1px solid #ddd; margin-bottom:0px !important; padding:20px 24px; }
#sub_contents .sub010601_wrap > div:nth-child(3) .txt_wrap .tit_box{display:flex; align-items: center; padding-bottom:8px; border-bottom:1px solid #ddd; margin-bottom: 12px; gap:16px;}
#sub_contents .sub010601_wrap > div:nth-child(3) .txt_wrap .tit_box .img_wrap{display:flex; justify-content: center; align-items: center; flex-shrink:0; width:60px; height:60px; background:#f4f4f8; border-radius:999px;}
#sub_contents .sub010601_wrap > div:nth-child(3) .txt_wrap .tit_box .img_wrap img{width:60%; height:60%;}
#sub_contents .sub010601_wrap > div:nth-child(3) .txt_wrap .tit_box .con_txt_type02{margin-bottom:0px !important;}
#sub_contents .sub010601_wrap > div:nth-child(3) .txt_wrap .tit_box .con_txt_type02 span{display:block; font-size: var(--fs-16); font-weight:500; line-height:1.35; letter-spacing:-0.04rem;}
#sub_contents .sub010601_wrap  > div:last-child .txt_box:last-child p{margin-left: 12px;}
#sub_contents .sub010601_wrap  > div:last-child .con_box{margin-left:12px;}

/* sub_010602 */
#sub_contents .sub010602_wrap  > div:last-child .txt_wrap > div{margin-left:12px;}
#sub_contents .sub010602_wrap .download_wrap{display:flex; gap:12px;}
#sub_contents .sub010602_wrap .download_wrap .download_btn{width:calc((100% - 24px) / 3); background:#1E3A8A; color:#fff; display:flex; justify-content: center; align-items: center; font-size: var(--fs-16); height:45px; text-align:center; line-height:1.35;}

/* sub_010605 */
#sub_contents .sub010605_wrap p{margin-left:0px !important;}

/* sub_010606 */
#sub_contents .sub010605_wrap .con_box{padding:32px 24px; background:#f4f4f8;}
#sub_contents .sub010605_wrap .agree_wrap .form_group .con_box{background:#fff;}
#sub_contents .sub010605_wrap .agree_wrap .form_group .con_box a{display:block; font-size:var(--fs-16); line-height:1.35; font-weight:700; color:#222; margin-bottom:12px;}
#sub_contents .sub010605_wrap .agree_wrap .form_group .con_box p.form_help{display:block; font-size:var(--fs-16); line-height:1.35; margin-bottom:12px;}
#sub_contents .sub010605_wrap .agree_wrap .form_group .con_box p.form_notice{display:block; font-size:var(--fs-14); line-height:1.35;}
#sub_contents .sub010605_wrap label{display:flex; align-items: center; gap:4px;}
#sub_contents .sub010605_wrap label span{font-size:var(--fs-16);}
#sub_contents .sub010605_wrap .form_group .form_box a{font-size:var(--fs-16);}
#sub_contents .sub010605_wrap .form_group{margin-left:0px;}
#sub_contents .sub010605_wrap .form_group .radio_form{display:flex; width:100%;}
#sub_contents .sub010605_wrap .form_group .radio_form label{font-size:var(--fs-16); letter-spacing:-0.04rem; width:calc(100% / 4); max-width:160px; flex-shrink:0;}
#sub_contents .sub010605_wrap .form_group .radio_form input[type=radio]{margin-right:4px;}
#sub_contents .sub010605_wrap .form_group .form_help{font-weight:400; display: inline-block; margin-left:8px; font-size:var(--fs-16);}
#sub_contents .sub010605_wrap .form_group .inline_fields{display:flex; gap:20px;}
#sub_contents .sub010605_wrap .form_group .inline_row{display:flex; align-items: center; gap:12px; width:calc((100% - 20px) / 2);}
#sub_contents .sub010605_wrap .form_group .inline_label{font-size:var(--fs-15); flex-shrink:0;}
#sub_contents .sub010605_wrap .form_group .phone_form{width:100%;}
#sub_contents .sub010605_wrap .add_form{max-width:unset;}
#sub_contents .sub010605_wrap .email_form{display:flex; gap:8px; align-items: center;}
#sub_contents .sub010605_wrap .block_fields{display:flex; flex-wrap: wrap; gap:8px;}
#sub_contents .sub010605_wrap .block_fields .inline_label{width:100px; flex-shrink:0;}
#sub_contents .sub010605_wrap .money_form{width:100%; display:flex; align-items: center; gap: 12px;}
#sub_contents .sub010605_wrap .check_form{width:100%; display:flex; flex-direction:column;}
#sub_contents .sub010605_wrap .check_form label{display:flex; align-items: center; gap:4px; margin-bottom:8px; font-size:var(--fs-15);}
#sub_contents .sub010605_wrap .check_form .form_input{margin-bottom:8px;}
#sub_contents .sub010605_wrap .date_select_row{display:flex; width:100%; align-items: center; gap:12px;}
#sub_contents .sub010605_wrap .block_fields .inline_row{width:100%; }
#sub_contents .sub010605_wrap .check_label span,
#sub_contents .sub010605_wrap .form_text{font-size:var(--fs-16);}
#sub_contents .sub010605_wrap .direct_wrap .con_box{background:#fff; padding:20px;}
#sub_contents .sub010605_wrap .direct_wrap .con_box p{font-size:var(--fs-16); line-height:1.35;}
#sub_contents .sub010605_wrap .button_wrap a{width:180px;height:45px;display:flex;align-items:center;justify-content:space-between;background:var(--co01); font-size:var(--fs-16);color:#fff;padding-inline:20px;margin:0 auto; letter-spacing:-0.04rem; transition:all 0.3s ease-out;}
#sub_contents .sub010605_wrap .button_wrap a:hover{padding-inline:30px;}

#sub_contents .sub010605_wrap .onetime_form .money_form{width:50%;}
#sub_contents .sub010605_wrap .onetime_form .money_form .inline_label{width:auto;}
#sub_contents .sub010605_wrap .regular_form .inline_fields{align-items: center; gap:12px; width:50%;}
#sub_contents .sub010605_wrap .regular_form .inline_label{width:auto;}
#sub_contents .sub010605_wrap .regular_form .money_form{width:50%;}
#sub_contents .sub010605_wrap .regular_form .money_form .inline_label{width:auto;}

/* sub_010608 */
#sub_contents .sub010608_wrap .con_box{text-align:center;}
#sub_contents .sub010608_wrap .con_box img{width:100%; max-width:280px; margin-bottom:32px;}
#sub_contents .sub010608_wrap .con_box .point_txt{margin-bottom:16px; margin-left:0px !important;}
#sub_contents .sub010608_wrap .con_box .con_txt_type02{margin-bottom:8px; margin-left:0px !important;}
#sub_contents .sub010608_wrap .con_box .normal_txt_type02{margin-bottom:32px; margin-left:0px !important;}
#sub_contents .sub010608_wrap .home_btn{width:180px;height:45px;display:flex;align-items:center;justify-content:space-between;background:var(--co01); font-size:var(--fs-16);color:#fff;padding-inline:20px;margin:0 auto; letter-spacing:-0.04rem; transition:all 0.3s ease-out;}
#sub_contents .sub010608_wrap .home_btn:hover{padding-inline:30px;}

/* sub_010610 */
#sub_contents .donation_print_wrap{width:100%; padding:40px; border:1px solid #aaa;}
#sub_contents .donation_print_wrap .item_name{font-size:var(--fs-16); margin-bottom:12px; font-weight:700;}
#sub_contents .donation_print_wrap table{width:100%; border-collapse:collapse; border:1px solid #aaa; margin-bottom:24px;}
#sub_contents .donation_print_wrap table th{font-size:var(--fs-14); background:#f4f4f8; font-weight:700; padding:10px; border-collapse:collapse; border:1px solid #aaa; text-align:left;}
#sub_contents .donation_print_wrap table td{font-size:var(--fs-14); background:#fff; padding:10px; border-collapse:collapse; border:1px solid #aaa;}
#sub_contents .donation_print_wrap .print_title th{text-align:center; font-size:var(--fs-20);}
#sub_contents .donation_print_wrap .print_end th{text-align:center;}
#sub_contents .donation_print_wrap .print_date,
#sub_contents .donation_print_wrap .print_name{display:block;}

#sub_contents .sub010610_wrap .con_tit{position:relative;}
#sub_contents .sub010610_wrap .print_btn{position:absolute; bottom:0px; right:0px; width:96px;height:36px;display:flex;align-items:center;justify-content:space-between;background:var(--co01); font-size:var(--fs-15);color:#fff;padding-inline:14px;margin:0 auto; letter-spacing:-0.04rem;}

#sub_contents .sub010610_wrap .button_wrap a{width:180px;height:45px;display:flex;align-items:center;justify-content:space-between;background:var(--co01); font-size:var(--fs-16);color:#fff;padding-inline:20px; margin:60px auto 0; letter-spacing:-0.04rem; transition:all 0.3s ease-out;}
#sub_contents .sub010610_wrap .button_wrap a:hover{padding-inline:30px;}

/* sub_0107 */
#sub_contents .sub0107_wrap .con_box{text-align:center;}
#sub_contents .sub0107_wrap .con_box img{width:60%; height:100%; object-fit:contain;}
#sub_contents .sub0107_wrap .glps_link{}
#sub_contents .sub0107_wrap .con:last-child p{margin-left:0px;}
#sub_contents .sub0107_wrap .con .con_box{padding:0px !important;}
#sub_contents .sub0107_wrap .con .con_box img{width:100%;}

#sub_contents .sub0107_wrap .purpose_wrap{max-width:800px; display:flex; gap:104px; margin:0 auto 32px;}
#sub_contents .sub0107_wrap .purpose_wrap div{font-size:var(--fs-20); padding:20px 20px 12px; line-height:1.35; color:#fff; font-weight:700; position: relative; width:calc((100% - 208px) / 3); aspect-ratio: 1 / 1; display:flex; justify-content: center; align-items: center; text-align:center; border-radius:999px;}
#sub_contents .sub0107_wrap .purpose_wrap div:nth-child(1){background:#497BC3;}
#sub_contents .sub0107_wrap .purpose_wrap div:nth-child(2){background:#1E3A8A;}
#sub_contents .sub0107_wrap .purpose_wrap div:nth-child(3){background:#233067;}
#sub_contents .sub0107_wrap .purpose_wrap div:not(:last-child):before{position:absolute; content:''; background:#788999; opacity:0.5; width:18px; height:7px; border-radius:999px; right:-62px; top:calc(50% + 4px); transform:translateY(-50%) rotate(135deg);}
#sub_contents .sub0107_wrap .purpose_wrap div:not(:last-child):after{position:absolute; content:''; background:#788999; opacity:0.5; width:7px; height:18px; border-radius:999px; right:-56px; top:calc(50% - 4px); transform:translateY(-50%) rotate(-45deg);}

/* sub_0108 */
#sub_contents .sub0108_wrap .con_box img{width:100%; height:100%; object-fit:contain;}
#sub_contents .sub0108_wrap .loc_list{display: flex; flex-wrap:wrap; gap:20px;}
#sub_contents .sub0108_wrap .loc_list li{display: flex; align-items: center; gap:8px;}
#sub_contents .sub0108_wrap .loc_list li .num{display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; background: #1E3A8A; border-radius:50%; font-size:var(--fs-14); color: #fff; font-weight: 600; letter-spacing:-0.04rem;}
#sub_contents .sub0108_wrap .loc_list li p{font-size:var(--fs-16); padding-top: 0; font-weight:700; color:#333; letter-spacing:-0.04rem;}
#sub_contents .sub0108_wrap .sub_info_wrap{margin-top:16px;}
#sub_contents .sub0108_wrap .add_info_box{display: flex; gap:20px; padding: 10px 15px; align-items: center;}
#sub_contents .sub0108_wrap .add_info_box.top_box{background: var(--co01); justify-content: space-between; align-items: center; height:80px;}
#sub_contents .sub0108_wrap .add_info_box.top_box .left_info{display: flex; align-items: center; gap:20px;}
#sub_contents .sub0108_wrap .add_info_box.top_box dl{color: #fff;}
#sub_contents .sub0108_wrap .add_info_box.top_box .naver_map{font-size:var(--fs-18); display: flex; align-items: center; justify-content: space-between; width: 200px; height:50px; padding: 10px 20px; color: #111; background: #fff; gap:10px; letter-spacing:-0.04rem;}
#sub_contents .sub0108_wrap .add_info_box dl{display: flex; align-items: center; gap:20px;}
#sub_contents .sub0108_wrap .add_info_box dt{font-size:var(--fs-18); font-weight:700; letter-spacing:-0.04rem;}
#sub_contents .sub0108_wrap .add_info_box dd{font-size:var(--fs-16); letter-spacing:-0.04rem;}
#sub_contents .sub0108_wrap .add_info_box .icon{flex-shrink:0; display: flex; align-items: center; justify-content: center; width: 55px; height: 55px; border-radius:50%; font-size: 25px; color: var(--co01); background: #fff; letter-spacing:-0.04rem;}
#sub_contents .sub0108_wrap .info_row{display: flex; gap:16px; margin-top:16px;color:#333;}
#sub_contents .sub0108_wrap .info_row > div{flex:1; background: #E9ECEF; height:80px;}

/* sub_010801 */
#sub_contents .sub010801_wrap .con_box{padding:0px !important;}

/* sub_010802 */
#sub_contents .sub010802_wrap .contact_wrap{width:100%; border:1px solid #ddd; padding:24px; display:flex; align-items: center; gap:32px;}
#sub_contents .sub010802_wrap .contact_wrap .img_wrap{width:100px; border-radius:99px; background:#f4f4f8; padding:20px; flex-shrink:0; margin-bottom:0px !important;}
#sub_contents .sub010802_wrap .contact_wrap .img_wrap img{width:100%;}
#sub_contents .sub010802_wrap .contact_wrap .txt_wrap{width:100%; padding-left:32px; border-left:1px solid #ddd; margin-bottom:0px !important;}
#sub_contents .sub010802_wrap .contact_wrap .txt_wrap p{margin-left:0px !important;}
#sub_contents .sub010802_wrap .contact_wrap .txt_wrap .con_txt_type02{margin-bottom:6px;}
#sub_contents .sub010802_wrap .contact_wrap a{width:180px;height:45px;display:flex;align-items:center;justify-content:space-between; flex-shrink:0; background:var(--co01); font-size:var(--fs-16);color:#fff;padding-inline:20px;margin:0 auto; letter-spacing:-0.04rem; transition:all 0.3s ease-out;}
#sub_contents .sub010802_wrap .contact_wrap a:hover{padding-inline:24px;}
#sub_contents .sub010802_wrap .con01 .txt_wrap .txt_box_list{display:flex; gap:20px;}
#sub_contents .sub010802_wrap .con01 .txt_wrap .txt_box_list .txt_box{width:calc((100% - 40px) / 3); border:1px solid #eee; overflow:hidden; margin-bottom:0px;}
#sub_contents .sub010802_wrap .con01 .txt_wrap .txt_box_list .txt_box ul{padding:20px 28px;}
#sub_contents .sub010802_wrap .con01 div:nth-child(4) .con_box{padding:0px !important; overflow:hidden;}
#sub_contents .sub010802_wrap .con01 div:nth-child(6) .con_box{margin-bottom:12px;}
#sub_contents .sub010802_wrap .con01 div:nth-child(6) .con_box .txt_box p:not(:first-child){margin-left:12px;}
#sub_contents .sub010802_wrap .con01 .button_wrap a{margin-top: 20px; width: 180px; height: 45px; display: flex; align-items: center; justify-content: space-between; background: var(--co01); font-size: var(--fs-16); color: #fff; padding-inline: 20px; margin:0px auto; letter-spacing:-0.04rem; transition:all 0.3s ease-out;}
#sub_contents .sub010802_wrap .con01 .button_wrap a:hover{padding-inline:24px;}


/* sub_010803 */
#sub_contents .sub010803_wrap .con_box.map_type01{height:480px; padding:0px; overflow:hidden;}
#sub_contents .sub010803_wrap .con_box.map_type02{height:480px; padding:40px; text-align:center; overflow:hidden;}
#sub_contents .sub010803_wrap .con_box.map_type01 iframe{width:100%; height:100%;}
#sub_contents .sub010803_wrap .con_box.map_type02 img{width:100%; height:100%; object-fit:contain;}

/* sub_0201 */
#sub_contents .sub0201_wrap .con:nth-child(2) p{margin-left:0px !important;}
#sub_contents .sub0201_wrap .con:nth-child(2) .img_wrap{margin-bottom:20px;}
#sub_contents .sub0201_wrap .con:nth-child(2) .img_wrap img{width:100%;}
#sub_contents .sub0201_wrap .con:nth-child(4) .txt_wrap,
#sub_contents .sub0201_wrap .con:nth-child(5) .txt_wrap,
#sub_contents .sub0201_wrap .con:nth-child(6) .txt_wrap{display:flex; gap:20px;}
#sub_contents .sub0201_wrap .con:nth-child(4) .txt_box,
#sub_contents .sub0201_wrap .con:nth-child(5) .txt_box,
#sub_contents .sub0201_wrap .con:nth-child(6) .txt_box{width:calc((100% - 40px) / 3); border:1px solid #eee; overflow:hidden; margin-bottom:0px;}
#sub_contents .sub0201_wrap .con:nth-child(4) .txt_box ul,
#sub_contents .sub0201_wrap .con:nth-child(5) .txt_box ul,
#sub_contents .sub0201_wrap .con:nth-child(6) .txt_box ul{padding:20px 28px;}

/* sub_0202 */
#sub_contents .sub0202_wrap .con:nth-child(2) p{margin-left:0px !important;}
#sub_contents .sub0202_wrap .con:nth-child(2) .img_wrap{margin-bottom:20px;}
#sub_contents .sub0202_wrap .con:nth-child(2) .img_wrap img{width:100%;}
#sub_contents .sub0202_wrap .con:nth-child(3) .img_wrap{width:100%}
#sub_contents .sub0202_wrap .con:nth-child(3) .img_wrap img{width:100%;}
#sub_contents .sub0202_wrap .con:nth-child(3) .img_area{position:relative; width:100%; padding-block:120px 210px; text-align:center;}
#sub_contents .sub0202_wrap .con:nth-child(3) .img_area img{position:relative; width:80%; max-width:500px; max-height:500px; z-index:2;}
#sub_contents .sub0202_wrap .con:nth-child(3) .txt_wrap{position:relative;}
#sub_contents .sub0202_wrap .con:nth-child(3) .txt_wrap .point_top{position:absolute; top:0px; z-index:1; display:flex; justify-content: space-between;}
#sub_contents .sub0202_wrap .con:nth-child(3) .txt_wrap .point_mid{position:absolute; top:40%; z-index:1; display:flex; justify-content: space-between;}
#sub_contents .sub0202_wrap .con:nth-child(3) .txt_wrap .txt_box{background:#E9ECEF; width:100%; padding:24px; margin-bottom:0px; text-align:left;}
#sub_contents .sub0202_wrap .con:nth-child(3) .txt_wrap .txt_box.point_01{width:35%; padding-right:5%; min-width:300px;}
#sub_contents .sub0202_wrap .con:nth-child(3) .txt_wrap .txt_box.point_02{width:35%; padding-left:5%; min-width:300px;}
#sub_contents .sub0202_wrap .con:nth-child(3) .txt_wrap .txt_box.point_03{width:30%; padding-right:5%;}
#sub_contents .sub0202_wrap .con:nth-child(3) .txt_wrap .txt_box.point_04{width:30%; padding-left:5%;}
#sub_contents .sub0202_wrap .con:nth-child(3) .txt_wrap .txt_box.point_05{position:absolute; bottom:0px; right:50%; transform:translateX(50%); width:33%; padding-top:40px;}

/* sub_0203 */
#sub_contents .sub0203_wrap .con:nth-child(2) p{margin-left:0px !important;}
#sub_contents .sub0203_wrap .con:nth-child(2) .img_wrap{margin-bottom:20px;}
#sub_contents .sub0203_wrap .con:nth-child(2) .img_wrap img{width:100%;}
#sub_contents .sub0203_wrap .con_box > img{width:100%; height:100%; object-fit:contain;}
#sub_contents .sub0203_wrap .con_box .img_wrap{margin-bottom:8px;}
#sub_contents .sub0203_wrap .con .youtube_wrap{position: relative; padding-bottom: 50%; height: 0; overflow: hidden;}
#sub_contents .sub0203_wrap .con .youtube_wrap iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#sub_contents .sub0203_wrap .con:nth-child(4) .con_box .txt_box p:first-child,
#sub_contents .sub0203_wrap .con:nth-child(5) .con_box .txt_box p:first-child{margin-left:0px;}
#sub_contents .sub0203_wrap .con:nth-child(4) .con_box .txt_box p,
#sub_contents .sub0203_wrap .con:nth-child(5) .con_box .txt_box p{margin-left:12px;}
#sub_contents .sub0203_wrap .con:nth-child(5) .logo_wrap{display:flex; gap:16px; margin-bottom:20px;}
#sub_contents .sub0203_wrap .con:nth-child(5) .img_wrap{width:calc((100% - 16px) / 2); padding: 40px; background: #f4f4f8; display:flex; justify-content: center; align-items: center;}
#sub_contents .sub0203_wrap .con:nth-child(5) .img_wrap img{width:100%; max-height:120px; object-fit:contain;}
#sub_contents .sub0203_wrap .con:nth-child(6) p{margin-left:0px;}
#sub_contents .sub0203_wrap .con:nth-child(6) .img_wrap{width:100%; margin-bottom:20px;}
#sub_contents .sub0203_wrap .con:nth-child(6) .img_wrap img{width:100%; object-fit:contain;}

/* sub_0204 */
#sub_contents .sub0204_wrap .con:nth-child(1) .img_wrap{margin-bottom:20px;}
#sub_contents .sub0204_wrap .con:nth-child(1) .img_wrap img{width:100%;}
#sub_contents .sub0204_wrap .con .fifth_wrap{display:flex; flex-wrap: wrap; gap:12px;}
#sub_contents .sub0204_wrap .con .fifth_wrap .txt_box{position:relative; width:calc((100% - 48px) / 5); margin-bottom:0px !important; display: flex; flex-direction:column; align-items: flex-start; background:#f4f4f8; padding:32px 24px;}
#sub_contents .sub0204_wrap .con .fifth_wrap .txt_box img{position:absolute; top:16px; right:16px; width:60px; height:60px;}
#sub_contents .sub0204_wrap .con .fifth_wrap .txt_box .normal_txt_type02{margin-bottom:60px;}
#sub_contents .sub0204_wrap .con .fifth_wrap .txt_box .con_txt_type02{display:block;  margin-bottom:0px !important;}
#sub_contents .sub0204_wrap .con .fifth_wrap .txt_box:last-child{width:100%; border:0px; margin-top:50px; background:#233067; align-items: center; padding:16px 24px;}
#sub_contents .sub0204_wrap .con .fifth_wrap .txt_box:last-child .con_txt_type02{color:#fff;}
#sub_contents .sub0204_wrap .con .fifth_wrap .txt_box:last-child:before{content: ""; position: absolute; top: -50px; left: 50%; width: 0; height: 0; border-top: 30px solid #e7e7e7; border-bottom: 30px solid transparent; border-right: 30px solid transparent; border-left: 30px solid transparent; transform: translateX(-50%);}
#sub_contents .sub0204_wrap .con:not(:last-child) p{margin-left:0px;}
#sub_contents .sub0204_wrap .txt_wrap > .txt_box:first-child > p{margin-left:0px;}
#sub_contents .sub0204_wrap .img_wrap{text-align:center; margin-bottom:12px; background:#fff; padding:12px;}
#sub_contents .sub0204_wrap .con:last-child .con_box .txt_box p:first-child{margin-left:0px;}
#sub_contents .sub0204_wrap .con:last-child .con_box .txt_box p{margin-left:12px;}

/* sub_0205 */
#sub_contents .sub0205_wrap .con:nth-child(2) p{margin-left:0px !important;}
#sub_contents .sub0205_wrap .con:nth-child(2) .img_wrap{margin-bottom:20px;}
#sub_contents .sub0205_wrap .con:nth-child(2) .img_wrap img{width:100%;}
#sub_contents .sub0205_wrap .con:last-child .con_box .txt_box p:first-child{margin-left:0px;}
#sub_contents .sub0205_wrap .con:last-child .con_box .txt_box p{margin-left:12px;}
#sub_contents .sub0205_wrap .con .third_wrap{display:flex; flex-wrap: wrap; gap:20px;}
#sub_contents .sub0205_wrap .con .third_wrap .txt_box{width:calc((100% - 40px) / 3); border:1px solid #B8C1CA; margin-bottom:0px !important;}
#sub_contents .sub0205_wrap .con .third_wrap .txt_box .con_txt_type02{display:block; text-align:center; background:#f4f4f8; padding:16px 24px; margin-bottom:0px !important;}
#sub_contents .sub0205_wrap .con .third_wrap .txt_box .normal_txt_type02{margin-bottom:0px !important; margin-left:0px !important; padding:16px 24px; }
#sub_contents .sub0205_wrap .con .third_wrap .txt_box:last-child{position:relative; width:100%; border:0px; margin-top:50px;}
#sub_contents .sub0205_wrap .con .third_wrap .txt_box:last-child .con_txt_type02{background:#233067; color:#fff;}
#sub_contents .sub0205_wrap .con .third_wrap .txt_box:last-child:before{content: ""; position: absolute; top: -50px; left: 50%; width: 0; height: 0; border-top: 30px solid #e7e7e7; border-bottom: 30px solid transparent; border-right: 30px solid transparent; border-left: 30px solid transparent; transform: translateX(-50%);}

/* sub_0206 */
#sub_contents .sub0206_wrap .con:nth-child(2) p{margin-left:0px !important;}
#sub_contents .sub0206_wrap .con:nth-child(2) .img_wrap{margin-bottom:20px;}
#sub_contents .sub0206_wrap .con:nth-child(2) .img_wrap img{width:100%;}
#sub_contents .sub0206_wrap > div.con:nth-child(3) p{margin-left:0px;}
#sub_contents .sub0206_wrap .con .con_box .txt_box p:first-child{margin-left:0px;}
#sub_contents .sub0206_wrap .con .con_box .txt_box p{margin-left:12px;}

/* sub_0207 */
#sub_contents .sub0207_wrap .con p{margin-left:0px;}
#sub_contents .sub0207_wrap .con:nth-child(2) p{margin-left:0px !important;}
#sub_contents .sub0207_wrap .con:nth-child(2) .img_wrap{margin-bottom:20px;}
#sub_contents .sub0207_wrap .con:nth-child(2) .img_wrap img{width:100%;}

/* sub_0208 */
#sub_contents .sub0208_wrap .con:nth-child(2) p{margin-left:0px !important;}
#sub_contents .sub0208_wrap .con:nth-child(2) .img_wrap{margin-bottom:20px;}
#sub_contents .sub0208_wrap .con:nth-child(2) .img_wrap img{width:100%;}

#sub_contents .sub0208_wrap .infra_wrap{display:flex; gap:20px; align-items:stretch;}
#sub_contents .sub0208_wrap .infra_item{width:calc((100% - 40px) / 3); display:flex; flex-direction:column;}
#sub_contents .sub0208_wrap .infra_item .img_wrap{width:100%;}
#sub_contents .sub0208_wrap .infra_item .img_wrap img{width:100%;}
#sub_contents .sub0208_wrap .infra_item .txt_box{flex:1; padding:20px 24px; border:1px solid #ddd; border-top: 0; display:flex; flex-direction:column; justify-content:flex-start;}

#sub_contents .sub0208_wrap .exploration_wrap{display:flex; gap:20px; align-items:stretch;}
#sub_contents .sub0208_wrap .exploration_item{width:calc((100% - 20px) / 2); display:flex; flex-direction:column;}
#sub_contents .sub0208_wrap .exploration_item .img_wrap{width:100%;}
#sub_contents .sub0208_wrap .exploration_item .img_wrap img{width:100%;}
#sub_contents .sub0208_wrap .exploration_item .txt_box{flex:1; padding:20px 24px; border:1px solid #ddd; border-top: 0; display:flex; flex-direction:column; justify-content:flex-start;}

#sub_contents .sub0208_wrap .quest_wrap{display:flex;}
#sub_contents .sub0208_wrap .quest_wrap .img_wrap,
#sub_contents .sub0208_wrap .quest_wrap .txt_box{width:50%;}
#sub_contents .sub0208_wrap .quest_wrap .img_wrap img{width:100%; height:280px; object-fit:cover;}
#sub_contents .sub0208_wrap .quest_wrap .txt_box{display: flex; flex-direction: column; justify-content: center; padding: 40px; border: 1px solid #ddd; border-left: 0;}

#sub_contents .sub0208_wrap .academic_wrap{display:flex; flex-wrap:wrap; gap:20px;}
#sub_contents .sub0208_wrap .academic_wrap .txt_box{width:calc((100% - 20px) / 2); border:1px solid #ddd; margin-bottom:0px !important; padding:20px 24px;}
#sub_contents .sub0208_wrap .academic_wrap .txt_box:last-child{width:100%; border:0px; background:#f4f4f8; text-align:center;}
#sub_contents .sub0208_wrap .academic_wrap .tit_box{display:flex; align-items: center; padding-bottom:8px; border-bottom:1px solid #ddd; margin-bottom: 12px; gap:16px;}
#sub_contents .sub0208_wrap .academic_wrap .tit_box .img_wrap{display:flex; justify-content: center; align-items: center; flex-shrink:0; width:60px; height:60px; background:#f4f4f8; border-radius:999px;}
#sub_contents .sub0208_wrap .academic_wrap .tit_box .img_wrap img{width:60%; height:60%;}

/* sub_0209 */
#sub_contents .sub0209_wrap .con:nth-child(2) p{margin-left:0px !important;}
#sub_contents .sub0209_wrap .con:nth-child(2) .img_wrap{margin-bottom:20px;}
#sub_contents .sub0209_wrap .con:nth-child(2) .img_wrap img{width:100%;}
#sub_contents .sub0209_wrap .con:nth-child(4) p{margin-left:0px;}
#sub_contents .sub0209_wrap .con .txt_box:first-child p{margin-left:0px;}
#sub_contents .sub0209_wrap .con .con_box .txt_box p:first-child{margin-left:0px;}
#sub_contents .sub0209_wrap .con .con_box .txt_box p{margin-left:12px;}

#sub_contents .sub0209_wrap > div:last-child > .txt_box p{margin-left:0px !important;}
#sub_contents .sub0209_wrap > div:last-child .txt_wrap{display:flex; flex-wrap:wrap; gap:20px;}
#sub_contents .sub0209_wrap > div:last-child .txt_wrap .txt_box{width:calc((100% - 20px) / 2); border:1px solid #ddd; margin-bottom:0px !important; padding:20px 24px; }
#sub_contents .sub0209_wrap > div:last-child .txt_wrap .tit_box{display:flex; align-items: center; padding-bottom:8px; border-bottom:1px solid #ddd; margin-bottom: 12px; gap:16px;}
#sub_contents .sub0209_wrap > div:last-child .txt_wrap .tit_box .img_wrap{display:flex; justify-content: center; align-items: center; flex-shrink:0; width:60px; height:60px; background:#f4f4f8; border-radius:999px;}
#sub_contents .sub0209_wrap > div:last-child .txt_wrap .tit_box .img_wrap img{width:60%; height:60%;}
#sub_contents .sub0209_wrap > div:last-child .txt_wrap .tit_box .con_txt_type02{margin-bottom:0px !important;}
#sub_contents .sub0209_wrap > div:last-child .txt_wrap .tit_box .con_txt_type02 span{display:block; font-size: var(--fs-16); font-weight:500; line-height:1.35; letter-spacing:-0.04rem;}

/* sub_02010 */
#sub_contents .sub02010_wrap .point_wrap{display:flex; gap:20px;}
#sub_contents .sub02010_wrap .point_box{position:relative; width:calc((100% - 40px) / 3);}
#sub_contents .sub02010_wrap p{margin-left:0px !important;}

#sub_contents .sub02010_wrap .con:nth-child(1) .img_wrap{margin-bottom:20px;}
#sub_contents .sub02010_wrap .con:nth-child(1) .img_wrap img{width:100%;}
#sub_contents .sub02010_wrap .con:nth-child(1) .point_box{position:relative; padding:32px 24px 16px 24px;}
#sub_contents .sub02010_wrap .con:nth-child(1) .point_box img{position:absolute; top:24px; right:24px; width:60px; height:60px;}
#sub_contents .sub02010_wrap .con:nth-child(1) .point_box:nth-child(1){background:#233067;}
#sub_contents .sub02010_wrap .con:nth-child(1) .point_box:nth-child(2){background:#b19966;}
#sub_contents .sub02010_wrap .con:nth-child(1) .point_box:nth-child(3){background:#7b8a92;}
#sub_contents .sub02010_wrap .con:nth-child(1) .point_box p{color:#fff;}
#sub_contents .sub02010_wrap .con:nth-child(1) .point_box .normal_txt_type02{margin-bottom:60px; font-weight:700;}
#sub_contents .sub02010_wrap .con:nth-child(1) .point_box .con_txt_type02{font-size: var(--fs-18); font-weight:400;}

#sub_contents .sub02010_wrap .con:nth-child(2) .point_box{padding-top:27px;}
#sub_contents .sub02010_wrap .con:nth-child(2) .point_box .con_txt_type02{position:absolute; top:0px; left:50%; transform:translateX(-50%); width:max-content; padding:12px 24px; border-radius:999px; background:#1E3A8A; color:#fff;}
#sub_contents .sub02010_wrap .con:nth-child(2) .point_box .normal_txt_type02{width:100%; height: 100%; padding:48px 16px 32px; border:1px solid #ccc; text-align:center; margin-left:0px !important;}
#sub_contents .sub02010_wrap .con:nth-child(2) .txt_box:first-child p{margin-left:0px;}

/* sub_0301 */
#sub_contents .sub0301_wrap > div:nth-child(2) .con_box{padding:0px !important; overflow:hidden;}
#sub_contents .sub0301_wrap .con_box img{width:100%; height:100%; object-fit:contain;}

#sub_contents .sub030102_wrap .con:nth-child(2) .img_wrap{margin-bottom:20px;}
#sub_contents .sub030102_wrap .con:nth-child(2) .img_wrap img{width:100%;}
#sub_contents .sub030102_wrap .con:nth-child(2) p{margin-left:0px !important;}
#sub_contents .sub030102_wrap > div:last-child .txt_box .con_box p:nth-child(even){margin-left:12px;}

/* sub_030103 */
#sub_contents .sub030103_wrap .timetable_list{border-top: 2px solid #111; position: relative;}
#sub_contents .sub030103_wrap .timetable_list:after{content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #ddd;}
#sub_contents .sub030103_wrap .timetable_list ul{width:100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
#sub_contents .sub030103_wrap .timetable_list ul li{width: 50%; padding: 0; border-bottom: 1px solid #ddd;}
#sub_contents .sub030103_wrap .timetable_list ul li .sch_box{display: flex; flex-wrap: wrap; justify-content: stretch; align-items: center; width:100%; height: 100%;}
#sub_contents .sub030103_wrap .timetable_list ul li .sch_box .num{width: 120px; height: 100%; display: flex; flex-direction:column; justify-content: center; align-items: center; background-color:#f4f4f8; border-right: 1px solid #ddd; padding:20px 0px;}
#sub_contents .sub030103_wrap .timetable_list ul li .sch_box .num p{text-align: center; line-height: 1.5;}
#sub_contents .sub030103_wrap .timetable_list ul li .sch_box .num p.month_kor{font-size:1.875rem; color:#1E3A8A; font-weight:700; letter-spacing:-0.04rem;}
#sub_contents .sub030103_wrap .timetable_list ul li .sch_box .num p.month_eng{font-size:var(--fs-18); color:#283038; letter-spacing:-0.04rem;}
#sub_contents .sub030103_wrap .timetable_list ul li .sch_box .desc{display:flex; flex-direction:column; width: calc(100% - 120px); height: 100%;}
#sub_contents .sub030103_wrap .timetable_list ul li .sch_box .desc dl{display:flex; width:100%; gap:8px; padding:20px; border-bottom:1px solid #ccc;}
#sub_contents .sub030103_wrap .timetable_list ul li .sch_box .desc dl:last-child{border-bottom:0px;}
#sub_contents .sub030103_wrap .timetable_list ul li .sch_box .desc dt{flex-shrink:0; font-size:var(--fs-16); color: #283038; width:30%; font-weight:700; line-height: 1.5; letter-spacing:-0.04rem;}
#sub_contents .sub030103_wrap .timetable_list ul li .sch_box .desc dd{font-size:var(--fs-16); color: #666; width:70%; font-weight:400; line-height: 1.5; letter-spacing:-0.04rem;}

/* sub_0302 */
#sub_contents .sub0302_wrap .con_box{display:flex; flex-wrap: wrap; align-items: center; gap:32px;}
#sub_contents .sub0302_wrap .con_box .img_wrap{width:100%; text-align:center;}
#sub_contents .sub0302_wrap .con_box .img_wrap img{max-height:420px;}
#sub_contents .sub0302_wrap .con_box .txt_box{margin-bottom:0px;}
#sub_contents .sub0302_wrap .con_box .txt_box.wid_100{width:100%;}
#sub_contents .sub0302_wrap .con_box .txt_box.wid_50{width:calc((100% - 32px) / 2); flex-shrink:0;}
#sub_contents .sub0302_wrap .con_box .txt_box.wid_100 ul{display:flex; flex-wrap: wrap; gap:8px;}
#sub_contents .sub0302_wrap .con_box .txt_box.wid_100 ul li{width:calc((100% - 8px) / 2); flex-shrink:0;}
#sub_contents .sub0302_wrap .con_box .txt_box.wid_50 ul{display:flex; flex-direction:column; gap:8px;}
#sub_contents .sub0302_wrap .con_box .txt_box ul li p:last-child{margin-left:12px;}
#sub_contents .sub0302_wrap .con_box .txt_box .normal_txt_type01{font-weight:700;}
#sub_contents .sub0302_wrap .con_box p{margin-bottom:0px;}
#sub_contents .sub0302_wrap .con_box .txt_box .con_txt_type01.type_01,
#sub_contents .sub0302_wrap .con_box .txt_box .con_txt_type01.type_02,
#sub_contents .sub0302_wrap .con_box .txt_box .con_txt_type01.type_03{width:120px; height:42px; line-height:42px; text-align:center; padding-left:0px; border-radius: 999px; margin-bottom:16px;}
#sub_contents .sub0302_wrap .con_box .txt_box .con_txt_type01.type_01{background:#1E3A8A; color:#fff; }
#sub_contents .sub0302_wrap .con_box .txt_box .con_txt_type01.type_02{background:#E3C588; color:#222; }
#sub_contents .sub0302_wrap .con_box .txt_box .con_txt_type01.type_03{background:#B8C1CA; color:#222; }
#sub_contents .sub0302_wrap .con_box .txt_box .con_txt_type01.type_01:before,
#sub_contents .sub0302_wrap .con_box .txt_box .con_txt_type01.type_02:before,
#sub_contents .sub0302_wrap .con_box .txt_box .con_txt_type01.type_03:before{display:none;}

#sub_contents .sub0302_wrap .department_role{display:flex; gap:12px;}
#sub_contents .sub0302_wrap .department_role .tit_box{width:130px; flex-shrink:0; display:flex; flex-direction:column; justify-content: center; align-items: center; gap:12px; background:#233067; padding:20px 20px;}
#sub_contents .sub0302_wrap .department_role .tit_box .img_wrap{display:flex; justify-content: center; align-items: center; flex-shrink:0; width:56px; height:56px; background:#fff; border-radius:999px;}
#sub_contents .sub0302_wrap .department_role .tit_box .img_wrap img{width:65%; height:65%;}
#sub_contents .sub0302_wrap .department_role .tit_box p{color: #fff; font-weight:700; font-size:var(--fs-18); line-height:1.35; letter-spacing:-0.04rem; text-align:center;}
#sub_contents .sub0302_wrap .department_role .list_box{width:100%; padding:24px 20px 24px 8px; display:flex; flex-direction:column; justify-content: center; border:1px solid #ddd; gap:4px;}
#sub_contents .sub0302_wrap .department_role .list_box.type02{padding:24px 20px; gap:4px;}
#sub_contents .sub0302_wrap .department_role .list_box .con_box{padding:20px 24px; margin-top:8px;}
#sub_contents .sub0302_wrap .department_role .list_box .con_box p{margin-left:0px !important;}

/* sub_030301 */
#sub_contents .sub030301_wrap .con:nth-child(2) .img_wrap{margin-bottom:20px;}
#sub_contents .sub030301_wrap .con:nth-child(2) .img_wrap img{width:100%;}
#sub_contents .sub030301_wrap .con:nth-child(2) p{margin-left:0px !important;}

/* sub_030302 */
#sub_contents .sub030302_wrap .con:nth-child(2) .img_wrap{margin-bottom:20px;}
#sub_contents .sub030302_wrap .con:nth-child(2) .img_wrap img{width:100%;}
#sub_contents .sub030302_wrap .con:nth-child(2) p{margin-left:0px !important;}
#sub_contents .sub030302_wrap .sub_basic_tbl tr:first-child{border-top: 2px solid #111;}
#sub_contents .sub030302_wrap .sub_basic_tbl tr:nth-child(2n){background: #f8f8f8;}

/* sub_030401 */
#sub_contents .sub030401_wrap .con:nth-child(2) .img_wrap{margin-bottom:20px;}
#sub_contents .sub030401_wrap .con:nth-child(2) .img_wrap img{width:100%;}
#sub_contents .sub030401_wrap .con:nth-child(2) p{margin-left:0px !important;}
#sub_contents .sub030401_wrap .con .con_box .txt_box p:first-child{margin-left:0px;}
#sub_contents .sub030401_wrap .con .con_box .txt_box p{margin-left:12px;}

#sub_contents .sub030401_wrap .curriculum_wrap{display:flex; flex-direction:column; gap:10px;}
#sub_contents .sub030401_wrap .curriculum_box{display:flex; gap:20px;}
#sub_contents .sub030401_wrap .curriculum_title{display: flex; justify-content: center; align-items: center; flex-shrink: 0; padding:20px; width: 120px; height:auto; background: #2E50B8; box-sizing: border-box;}
#sub_contents .sub030401_wrap .curriculum_title p{ color: #fff; font-weight:700; font-size:var(--fs-18); line-height:1.35; letter-spacing:-0.04rem; text-align:center;}
#sub_contents .sub030401_wrap .curriculum_list{width:100%; display:flex; gap:15px;}
#sub_contents .sub030401_wrap .curriculum_list li{width:calc((100% - 45px) / 4); height:auto; padding:24px 20px 24px 8px; display: flex; flex-direction: column; background: #ebf2f7;}
#sub_contents .sub030401_wrap .curriculum_box:nth-child(2) .curriculum_list{gap:38px;}
#sub_contents .sub030401_wrap .curriculum_box:nth-child(2) li{position: relative; width:calc((100% - 76px) / 3); justify-content: center; align-items: center; text-align:center; border-radius:999px; padding:24px 20px;}
#sub_contents .sub030401_wrap .curriculum_box:nth-child(2) li:not(:last-child):before{position:absolute; content:'+'; font-size:24px; line-height:24px; color:#233067; font-weight:900; right:-27px; top:50%; transform:translateY(-50%);}
#sub_contents .sub030401_wrap .curriculum_box:nth-child(2) li p{margin-left:0px !important;}
#sub_contents .sub030401_wrap .goal_wrap{position: relative; margin-top:50px; width:100%; background: #233067; padding: 16px 24px; justify-content: center;}
#sub_contents .sub030401_wrap .goal_wrap p{color:#fff; margin-bottom:0px !important;}
#sub_contents .sub030401_wrap .goal_wrap:before{content: ""; position: absolute; top: -45px; left: 50%; width: 0; height: 0; border-top: 30px solid #e7e7e7; border-bottom: 30px solid transparent; border-right: 30px solid transparent; border-left: 30px solid transparent; transform: translateX(-50%);}
#sub_contents .sub030401_wrap .curriculum_wrap.grade_02 .curriculum_list li{width:calc((100% - 30px) / 3);}
#sub_contents .sub030401_wrap .curriculum_wrap.grade_02 .curriculum_box:nth-child(2) .curriculum_list li{width:calc((100% - 38px) / 2);}
#sub_contents .sub030401_wrap .curriculum_wrap.grade_03 .curriculum_box:nth-child(2) .curriculum_list li{width:calc((100% - 38px) / 2);}
#sub_contents .sub030401_wrap > div:last-child > .txt_box p{margin-left:0px !important;}
#sub_contents .sub030401_wrap > div:last-child .txt_wrap{display:flex; flex-wrap:wrap; gap:20px;}
#sub_contents .sub030401_wrap > div:last-child .txt_wrap .txt_box{width:calc((100% - 20px) / 2); border:1px solid #ddd; margin-bottom:0px !important; padding:20px 24px; }
#sub_contents .sub030401_wrap > div:last-child .txt_wrap .tit_box{display:flex; align-items: center; padding-bottom:8px; border-bottom:1px solid #ddd; margin-bottom: 12px; gap:16px;}
#sub_contents .sub030401_wrap > div:last-child .txt_wrap .tit_box .img_wrap{display:flex; justify-content: center; align-items: center; flex-shrink:0; width:60px; height:60px; background:#f4f4f8; border-radius:999px;}
#sub_contents .sub030401_wrap > div:last-child .txt_wrap .tit_box .img_wrap img{width:60%; height:60%;}
#sub_contents .sub030401_wrap > div:last-child .txt_wrap .tit_box .con_txt_type02{margin-bottom:0px !important;}
#sub_contents .sub030401_wrap > div:last-child .txt_wrap .tit_box .con_txt_type02 span{display:block; font-size: var(--fs-16); font-weight:500; line-height:1.35; letter-spacing:-0.04rem;}

/* sub_030402 */
#sub_contents .sub030402_wrap .con:nth-child(2) .img_wrap{margin-bottom:20px;}
#sub_contents .sub030402_wrap .con:nth-child(2) .img_wrap img{width:100%;}
#sub_contents .sub030402_wrap .con:nth-child(2) p{margin-left:0px !important;}

#sub_contents .sub030402_wrap .career_role_wrap{display:flex; flex-direction:column; gap:12px;}
#sub_contents .sub030402_wrap .career_role_wrap .student_role,
#sub_contents .sub030402_wrap .career_role_wrap .school_role{display:flex; gap:12px;}
#sub_contents .sub030402_wrap .career_role_wrap .tit_box{width:130px; flex-shrink:0; display:flex; flex-direction:column; justify-content: center; align-items: center; gap:12px; background:#233067; padding:20px 20px;}
#sub_contents .sub030402_wrap .career_role_wrap .tit_box .img_wrap{display:flex; justify-content: center; align-items: center; flex-shrink:0; width:56px; height:56px; background:#fff; border-radius:999px;}
#sub_contents .sub030402_wrap .career_role_wrap .tit_box .img_wrap img{width:65%; height:65%;}
#sub_contents .sub030402_wrap .career_role_wrap .tit_box p{color: #fff; font-weight:700; font-size:var(--fs-18); line-height:1.35; letter-spacing:-0.04rem; text-align:center;}
#sub_contents .sub030402_wrap .career_role_wrap .list_box{width:100%; padding:24px 20px 24px 8px; display:flex; flex-direction:column; justify-content: center; border:1px solid #ddd; gap:4px;}
#sub_contents .sub030402_wrap .career_role_wrap .list_box.type02{padding:24px 20px; gap:4px;}
#sub_contents .sub030402_wrap .career_role_wrap .list_box .con_box{padding:20px 24px; margin-top:8px;}
#sub_contents .sub030402_wrap .career_role_wrap .list_box .con_box p{margin-left:0px !important;}
#sub_contents .sub030402_wrap .con:nth-child(5) .txt_box:not(:last-child){margin-bottom:40px;}

/* sub_030403 */
#sub_contents .sub030403_wrap > div:nth-child(2) .img_wrap{margin-bottom:20px;}
#sub_contents .sub030403_wrap > div:nth-child(2) .img_wrap img{width:100%;}
#sub_contents .sub030403_wrap > div:nth-child(2) p{margin-left:0px !important;}
#sub_contents .sub030403_wrap > div:nth-child(3) .img_wrap{width:100%;}
#sub_contents .sub030403_wrap > div:nth-child(3) .img_wrap img{width:100%;}
#sub_contents .sub030403_wrap > div:nth-child(3) > .con_box{padding:20px; text-align:center; margin-bottom: 32px;}
#sub_contents .sub030403_wrap > div:nth-child(3) > .con_box p{font-weight:700; font-size:var(--fs-18); line-height:1.5; letter-spacing:-0.04rem; color:#222;}

#sub_contents .sub030403_wrap .operation_wrap{display:flex; flex-wrap:wrap; gap:20px;}
#sub_contents .sub030403_wrap .operation_wrap .txt_box{width:calc((100% - 20px) / 2); border:1px solid #ddd; margin-bottom:0px !important; padding:20px 24px;}
#sub_contents .sub030403_wrap .operation_wrap .txt_box:last-child{width:100%;}
#sub_contents .sub030403_wrap .operation_wrap .tit_box{display:flex; align-items: center; padding-bottom:8px; border-bottom:1px solid #ddd; margin-bottom: 12px; gap:16px;}
#sub_contents .sub030403_wrap .operation_wrap .tit_box .img_wrap{display:flex; justify-content: center; align-items: center; flex-shrink:0; width:60px; height:60px; background:#f4f4f8; border-radius:999px;}
#sub_contents .sub030403_wrap .operation_wrap .tit_box .img_wrap img{width:60%; height:60%;}

#sub_contents .sub030403_wrap .personality_test_wrap{display:flex; flex-wrap:wrap; gap:20px;}
#sub_contents .sub030403_wrap .personality_test_wrap .txt_box{width:calc((100% - 40px) / 3); border:1px solid #ddd; margin-bottom:0px !important; padding:20px 24px;}
#sub_contents .sub030403_wrap .personality_test_wrap .tit_box{display:flex; align-items: center; padding-bottom:8px; border-bottom:1px solid #ddd; margin-bottom: 12px; gap:16px;}
#sub_contents .sub030403_wrap .personality_test_wrap .tit_box .img_wrap{display:flex; justify-content: center; align-items: center; flex-shrink:0; width:60px; height:60px; background:#f4f4f8; border-radius:999px;}
#sub_contents .sub030403_wrap .personality_test_wrap .tit_box .img_wrap img{width:60%; height:60%;}
#sub_contents .sub030403_wrap .personality_test_wrap .tit_box .con_txt_type02{margin-bottom:0px !important;}
#sub_contents .sub030403_wrap .personality_test_wrap .tit_box .con_txt_type02 span{display:block; font-size: var(--fs-14); font-weight:500; line-height:1.35; letter-spacing:-0.04rem;}
#sub_contents .sub030403_wrap > div:nth-child(4) > div:nth-child(4) .personality_test_wrap .txt_box{width:calc((100% - 20px) / 2);}

#sub_contents .sub030403_wrap .peer_counseling_wrap{display:flex;}
#sub_contents .sub030403_wrap .peer_counseling_wrap .img_wrap,
#sub_contents .sub030403_wrap .peer_counseling_wrap .list_box{width:50%;}
#sub_contents .sub030403_wrap .peer_counseling_wrap .img_wrap{height:280px;}
#sub_contents .sub030403_wrap .peer_counseling_wrap .img_wrap img{width:100%; height:100%; object-fit:cover;}
#sub_contents .sub030403_wrap .peer_counseling_wrap .list_box{display:flex; flex-direction: column; justify-content: center; padding:40px; border:1px solid #ddd; border-left: 0;}

#sub_contents .sub030403_wrap .advisor_wrap{max-width:800px; display:flex; gap:104px; margin:0 auto;}
#sub_contents .sub030403_wrap .advisor_wrap div{font-size:var(--fs-20); color:#fff; font-weight:700; position: relative; width:calc((100% - 208px) / 3); aspect-ratio: 1 / 1; display:flex; justify-content: center; align-items: center; text-align:center; border-radius:999px;}
#sub_contents .sub030403_wrap .advisor_wrap div:nth-child(1){background:#497BC3;}
#sub_contents .sub030403_wrap .advisor_wrap div:nth-child(2){background:#1E3A8A;}
#sub_contents .sub030403_wrap .advisor_wrap div:nth-child(3){background:#233067;}
#sub_contents .sub030403_wrap .advisor_wrap div:not(:last-child):before{position:absolute; content:''; background:#788999; opacity:0.5; width:24px; height:7px; border-radius:999px; right:-64px; top:50%; transform:translateY(-50%);}
#sub_contents .sub030403_wrap .advisor_wrap div:not(:last-child):after{position:absolute; content:''; background:#788999; opacity:0.5; width:7px; height:24px; border-radius:999px; right:-56px; top:50%; transform:translateY(-50%);}

#sub_contents .sub030403_wrap .professional_wrap{display:flex; flex-wrap:wrap; gap:20px;}
#sub_contents .sub030403_wrap .professional_wrap .txt_box{width:calc((100% - 20px) / 2); border:1px solid #ddd; margin-bottom:0px !important; padding:20px 24px;}
#sub_contents .sub030403_wrap .professional_wrap .txt_box:last-child{width:100%;}
#sub_contents .sub030403_wrap .professional_wrap .tit_box{display:flex; align-items: center; padding-bottom:8px; border-bottom:1px solid #ddd; margin-bottom: 12px; gap:16px;}
#sub_contents .sub030403_wrap .professional_wrap .tit_box .img_wrap{display:flex; justify-content: center; align-items: center; flex-shrink:0; width:60px; height:60px; background:#f4f4f8; border-radius:999px;}
#sub_contents .sub030403_wrap .professional_wrap .tit_box .img_wrap img{width:60%; height:60%;}

#sub_contents .sub030403_wrap .info_wrap{display:flex; flex-wrap:wrap;  gap:20px;}
#sub_contents .sub030403_wrap .info_wrap .txt_box{width:calc((100% - 20px) / 2); border:1px solid #ddd; margin-bottom:0px !important; padding:20px 24px;}
#sub_contents .sub030403_wrap .info_wrap .tit_box{display:flex; align-items: center; padding-bottom:8px; border-bottom:1px solid #ddd; margin-bottom: 12px; gap:16px;}
#sub_contents .sub030403_wrap .info_wrap .tit_box .img_wrap{display:flex; justify-content: center; align-items: center; flex-shrink:0; width:60px; height:60px; background:#f4f4f8; border-radius:999px;}
#sub_contents .sub030403_wrap .info_wrap .tit_box .img_wrap img{width:60%; height:60%;}

#sub_contents .sub030403_wrap .counseling_room_wrap{display:flex; gap:20px;}
#sub_contents .sub030403_wrap .counseling_room_item{width:calc((100% - 20px) / 2);}
#sub_contents .sub030403_wrap .counseling_room_item .img_wrap{width:100%;}
#sub_contents .sub030403_wrap .counseling_room_item .img_wrap img{width:100%;}
#sub_contents .sub030403_wrap .counseling_room_item .txt_box{padding:20px 24px; border:1px solid #ddd; border-top: 0;}

#sub_contents .sub030403_wrap .principle_wrap{display:flex; flex-wrap:wrap; gap:20px;}
#sub_contents .sub030403_wrap .principle_wrap .txt_box{width:calc((100% - 20px) / 2); border:1px solid #ddd; margin-bottom:0px !important; padding:20px 24px;}
#sub_contents .sub030403_wrap .principle_wrap .tit_box{display:flex; align-items: center; padding-bottom:8px; border-bottom:1px solid #ddd; margin-bottom: 12px; gap:16px;}
#sub_contents .sub030403_wrap .principle_wrap .tit_box .img_wrap{display:flex; justify-content: center; align-items: center; flex-shrink:0; width:60px; height:60px; background:#f4f4f8; border-radius:999px;}
#sub_contents .sub030403_wrap .principle_wrap .tit_box .img_wrap img{width:60%; height:60%;}


/* sub_030301 */
#sub_contents .sub030301_wrap tbody tr td:last-child{text-align:left;}

/* sub_0305 */
#sub_contents .sub0305_wrap .con:nth-child(2) .img_wrap{margin-bottom:20px;}
#sub_contents .sub0305_wrap .con:nth-child(2) .img_wrap img{width:100%;}
#sub_contents .sub0305_wrap .con:nth-child(2) p{margin-left:0px !important;}
#sub_contents .sub0305_wrap .con:nth-child(2) > div:nth-child(4){padding:32px 24px; background:#f4f4f8;}
#sub_contents .sub0305_wrap .con:nth-child(2) > div:nth-child(4) .txt_box{margin-bottom:32px;}
#sub_contents .sub0305_wrap .con:nth-child(2) > div:nth-child(4) .txt_box:last-child{margin-bottom:0px;}
#sub_contents .sub0305_wrap .con > div:last-child a{width:180px;height:45px;display:flex;align-items:center;justify-content:space-between;background:var(--co01); font-size:var(--fs-16);color:#fff;padding-inline:20px;margin:0 auto; letter-spacing:-0.04rem; transition:all 0.3s ease-out;}
#sub_contents .sub0305_wrap .con > div:last-child a:hover{padding-inline:30px;}

/* sub_0307 */
#sub_contents .sub0307_wrap .con:nth-child(1) .img_wrap{margin-bottom:20px;}
#sub_contents .sub0307_wrap .con:nth-child(1) .img_wrap img{width:100%;}
#sub_contents .sub0307_wrap .con:nth-child(1) p{margin-left:0px !important;}

/* sub_0308 */
#sub_contents .sub0308_wrap .week_wrap{width:100%; display:flex; justify-content: center; align-items: center; gap:32px;}
#sub_contents .sub0308_wrap .week_txt{font-size:1.75rem; color:#333; text-align:center; font-weight:700;}
#sub_contents .sub0308_wrap button.arw {display: flex;justify-content: center; align-items: center; width: 32px; height: 32px; background: #E9ECEF; border-radius: 50%;}
#sub_contents .sub0308_wrap button.arw svg{width:12px; height:12px;}
#sub_contents .sub0308_wrap .calendar_wrap{margin-bottom:16px;}
#sub_contents .sub0308_wrap .calendar_box .fc-daygrid-day-top{height:56px;}
#sub_contents .sub0308_wrap .calendar_box .fc-daygrid-day-number{width: 100%; margin:0px;  border-radius:5px;}
#sub_contents .sub0308_wrap .calendar_box .fc-daygrid-day-events{display:none !important;}

#sub_contents .sub0308_wrap .allergy_info{padding:24px; background:#f4f4f8; font-size:0.875rem; line-height:1.5; margin-bottom:16px; word-break:keep-all; letter-spacing:-0.04rem;}
#sub_contents .sub0308_wrap .food_photo{padding:24px; border:1px solid #e9ecef; display:flex; gap:12px;}
#sub_contents .sub0308_wrap .food_photo .food_box{width:calc((100% - 36px) / 4); background:#f4f4f8; padding:12px; text-align:center;}
#sub_contents .sub0308_wrap .food_photo .food_box .img_wrap{width:100%; margin-bottom:8px;}
#sub_contents .sub0308_wrap .food_photo .food_box .img_wrap img{width:100%;}
#sub_contents .sub0308_wrap .food_photo .food_box p{font-size:1rem; line-height:1.35; letter-spacing:-0.04rem;}
#sub_contents .sub0308_wrap .lunch_table_wrap{width: 100%;border-top: 2px solid #2f3435;}
#sub_contents .sub0308_wrap .board_table{width: 100%;border-collapse: collapse;table-layout: fixed;}
#sub_contents .sub0308_wrap .board_table thead th{height: 60px;font-size: 16px;font-weight: 600;color: #111;text-align: center;border-bottom: 1px solid #dcdcdc;background: #fff;}
#sub_contents .sub0308_wrap .board_table tbody td{height: 54px;padding: 0 15px;font-size: 14px;color: #555;text-align: center;border-bottom: 1px solid #ececec;vertical-align: middle;}

/* sub_0401 */
#sub_contents .sub0401_wrap .con:nth-child(1) p{margin-left:0px !important;}
#sub_contents .sub0401_wrap .con:nth-child(1) .img_wrap{margin-bottom:20px;}
#sub_contents .sub0401_wrap .con:nth-child(1) .img_wrap img{width:100%;}
#sub_contents .sub0401_wrap .con:nth-child(2) .txt_wrap,
#sub_contents .sub0401_wrap .con:nth-child(3) .txt_wrap,
#sub_contents .sub0401_wrap .con:nth-child(4) .txt_wrap{display:flex; gap:20px;}
#sub_contents .sub0401_wrap .con:nth-child(2) .txt_box,
#sub_contents .sub0401_wrap .con:nth-child(3) .txt_box,
#sub_contents .sub0401_wrap .con:nth-child(4) .txt_box{width:calc((100% - 40px) / 3); border:1px solid #eee; overflow:hidden; margin-bottom:0px;}
#sub_contents .sub0401_wrap .con:nth-child(3) .txt_box{width:calc((100% - 20px) / 2);}
#sub_contents .sub0401_wrap .con:nth-child(3) .img_area img{height:100%; max-height:260px; object-fit:cover;}
#sub_contents .sub0401_wrap .con:nth-child(2) .txt_box ul,
#sub_contents .sub0401_wrap .con:nth-child(3) .txt_box ul,
#sub_contents .sub0401_wrap .con:nth-child(4) .txt_box ul{padding:20px 28px;}


/* sub_0402 */
#sub_contents .sub0402_wrap .download_wrap{padding:40px; background:#f4f4f8;}
#sub_contents .sub0402_wrap .download_wrap a{margin:0 auto; width:240px;height:45px;display:flex;align-items:center;justify-content:space-between;background:var(--co01); font-size:var(--fs-16);color:#fff;padding-inline:20px;margin:0 auto; letter-spacing:-0.04rem; transition:all 0.3s ease-out;}
#sub_contents .sub0402_wrap .download_wrap a:hover{padding-inline:24px;}
#sub_contents .sub0402_wrap .img_wrap{width:100%;}
#sub_contents .sub0402_wrap .img_wrap img{width:100%; border:1px solid #ddd;}

/* sub_0403 */
#sub_contents .sub0403_wrap .con:nth-child(1) .img_wrap{margin-bottom:20px;}
#sub_contents .sub0403_wrap .con:nth-child(1) .img_wrap img{width:100%;}
#sub_contents .sub0403_wrap .con:nth-child(1) p{margin-left:0px !important;}
#sub_contents .sub0403_wrap .contact_wrap{width:100%; border:1px solid #ddd; padding:24px; display:flex; align-items: center; gap:32px;}
#sub_contents .sub0403_wrap .contact_wrap .img_wrap{width:100px; border-radius:99px; background:#f4f4f8; padding:20px; flex-shrink:0; margin-bottom:0px !important;}
#sub_contents .sub0403_wrap .contact_wrap .img_wrap img{width:100%;}
#sub_contents .sub0403_wrap .contact_wrap .txt_wrap{width:100%; padding-left:32px; border-left:1px solid #ddd; margin-bottom:0px !important;}
#sub_contents .sub0403_wrap .contact_wrap .txt_wrap .con_txt_type02{margin-bottom:6px;}
#sub_contents .sub0403_wrap .contact_wrap a{width:180px;height:45px;display:flex;align-items:center;justify-content:space-between; flex-shrink:0; background:var(--co01); font-size:var(--fs-16);color:#fff;padding-inline:20px;margin:0 auto; letter-spacing:-0.04rem; transition:all 0.3s ease-out;}
#sub_contents .sub0403_wrap .contact_wrap a:hover{padding-inline:30px;}
#sub_contents .progress_wrap{display:flex; flex-wrap: wrap; gap:16px;}
#sub_contents .progress_item{position:relative; display:flex; align-items: center; justify-content: flex-start; gap:20px; width:calc((100% - 32px) / 3); background:#fff; padding:36px 20px 20px; border:2px solid #f4f4f8; overflow:hidden; transition:all 0.3s ease-out; cursor:pointer;}
#sub_contents .progress_item .img_wrap{width:100px; border-radius:99px; background:#f4f4f8; padding:20px; flex-shrink:0;}
#sub_contents .progress_item .img_wrap img{width:100%;}
#sub_contents .progress_item:before{position:absolute; content:''; width:60px; height:60px; transform:translateX(-50%); border-radius:999px; background:#2E50B8; top:-30px; left:50%; z-index:1; box-shadow: 0 0px 20px 0 rgba(30, 58, 138, 0.20);}
#sub_contents .progress_item:after{position:absolute; transform:translateX(-50%); color:#fff; font-size:var(--fs-16); font-weight:700; top:5px; left:50%; z-index:2; letter-spacing:-0.04rem;}
#sub_contents .progress_item:nth-child(1):after{content:'1';}
#sub_contents .progress_item:nth-child(2):after{content:'2';}
#sub_contents .progress_item:nth-child(3):after{content:'3';}
#sub_contents .progress_item:nth-child(4):after{content:'4';}
#sub_contents .progress_item:nth-child(5):after{content:'5';}
#sub_contents .progress_item:nth-child(6):after{content:'6';}
#sub_contents .progress_item p{margin-top:0px; margin-left:0px !important; font-size: var(--fs-18); letter-spacing:-0.04rem;}
#sub_contents .progress_item:hover{border:2px solid #2E50B8; box-shadow: 0 0px 20px 0 rgba(30, 58, 138, 0.20); transform:translateY(-4px);}

/* sub_0405 */
#sub_contents .sub0405_wrap .img_wrap.type01{margin-bottom:20px;}
#sub_contents .sub0405_wrap .img_wrap.type01 img{width:100%;}
#sub_contents .sub0405_wrap .txt_wrap{background:#f4f4f8; padding:20px;}
#sub_contents .sub0405_wrap .txt_wrap p{margin-left:0px !important; text-align:center;}
#sub_contents .sub0405_wrap .con_box.back_box{background: url('/assets/images/sub/sub0405_conbox.png')center no-repeat; background-size:cover; margin-bottom:16px;}
#sub_contents .sub0405_wrap .con_box.back_box p{color:#fff;}
#sub_contents .sub0405_wrap .con_box.back_box p.con_txt_type02{font-weight:400;}
#sub_contents .sub0405_wrap .contact_box{display:flex; flex-wrap: wrap; gap:16px;}
#sub_contents .sub0405_wrap .img_wrap.type02{width:60px; border-radius:99px; background:#f4f4f8; padding:12px; flex-shrink:0;}
#sub_contents .sub0405_wrap .img_wrap.type02 img{width:100%;}
#sub_contents .sub0405_wrap .phone_wrap{width:calc((100% - 16px) / 2); display:flex; align-items: center; justify-content: flex-start; gap:20px; background:#233067; padding:20px; transition:all 0.3s ease-out;}
#sub_contents .sub0405_wrap .email_wrap{width:calc((100% - 16px) / 2); display:flex; align-items: center; justify-content: flex-start; gap:20px; background:#1E3A8A; padding:20px; transition:all 0.3s ease-out;}
#sub_contents .sub0405_wrap .contact_info{position:relative; width:100%; display:flex; align-items: center; justify-content: flex-start; gap:20px; background:#f4f4f8; padding:20px; transition:all 0.3s ease-out; overflow:hidden;}
#sub_contents .sub0405_wrap .contact_info:before{position:absolute; content:''; background: url('/assets/images/sub/mla_logo.png')center no-repeat; background-size:cover; width:240px; height:240px; right:2.6%; top:50%; transform:translateY(-50%); opacity:0.1;}
#sub_contents .sub0405_wrap .phone_wrap .img_wrap{background:rgba(255, 255, 255, 0.3);}
#sub_contents .sub0405_wrap .email_wrap .img_wrap{background:rgba(255, 255, 255, 0.3);}
#sub_contents .sub0405_wrap .contact_info .img_wrap{background:rgba(255, 255, 255, 1);}
#sub_contents .sub0405_wrap .phone_wrap p{color:#fff;}
#sub_contents .sub0405_wrap .email_wrap p{color:#fff;}
#sub_contents .sub0405_wrap .contact_box p span{display:block;}

/* sub_0406 */
#sub_contents .sub0406_wrap .calendar_wrap .txt_wrap{width:100%; padding:24px; border:1px solid #E9ECEF; margin-bottom:0px !important;}
#sub_contents .sub0406_wrap .calendar_wrap .txt_wrap .con_box{padding:28px;}
#sub_contents .sub0406_wrap .top_wrap{padding:32px 24px; background:#f4f4f8;}
#sub_contents .sub0406_wrap .top_wrap .txt_box{margin-bottom:32px;}
#sub_contents .sub0406_wrap .top_wrap .txt_box:last-child{margin-bottom:0px;}
#sub_contents .sub0406_wrap .top_wrap .form_wrap{display:flex; flex-wrap: wrap;}
#sub_contents .sub0406_wrap .top_wrap .form_group{width:calc(50% - 12px);}
#sub_contents .sub0406_wrap .top_wrap > div:nth-child(2){width:calc(50% - 12px);}
#sub_contents .sub0406_wrap .top_wrap > div:nth-child(2) input{margin-left:12px;}
#sub_contents .sub0406_wrap .txt_box > select{margin-left:12px; width: 100%; height: 40px; border: 1px solid #ddd; padding: 0 16px; font-size: var(--fs-14); letter-spacing: -0.04rem;}
#sub_contents .sub0406_wrap .txt_box:last-child a{width:180px;height:45px;display:flex;align-items:center;justify-content:space-between;background:var(--co01); font-size:var(--fs-16);color:#fff;padding-inline:20px;margin:0 auto; letter-spacing:-0.04rem; transition:all 0.3s ease-out;}
#sub_contents .sub0406_wrap .txt_box:last-child a:hover{padding-inline:30px;}

/* sub_040603 */
#sub_contents .sub040603_wrap .con > div:nth-child(3){padding:0px; background:none;}
#sub_contents .sub040603_wrap .form_wrap{background:#f4f4f8; display:flex; gap:20px; padding:32px 24px; margin-bottom:32px; flex-direction: column; align-items: center;}
#sub_contents .sub040603_wrap .form_group{max-width:440px; width:100%; margin-left:0px; margin-bottom:0px;}
#sub_contents .sub040603_wrap .form_input{max-width:unset;}
#sub_contents .sub040603_wrap .form_wrap a{width:180px;height:45px;display:flex;align-items:center;justify-content:space-between;background:var(--co01); font-size:var(--fs-16);color:#fff;padding-inline:20px;margin:20px auto 0; letter-spacing:-0.04rem; transition:all 0.3s ease-out;}
#sub_contents .sub040603_wrap .form_wrap a:hover{padding-inline:30px;}

/* sub_0505 */
#sub_contents .sub0505_wrap p{margin-left:0px !important;}

/* sub_0601 */
#sub_contents .sub0406_wrap .calendar_box .fc-day-today .fc-daygrid-day-number{background:none;}

/* sub_0603 */
#sub_contents .sub0603_wrap .con .con_box img{width:100%; height:100%; object-fit:contain;}
#sub_contents .sub0603_wrap .con:first-child > div:nth-child(2) .con_box{padding:0px !important;}
#sub_contents .sub0603_wrap .con:nth-child(2) .txt_wrap{position:relative;}
#sub_contents .sub0603_wrap .con:nth-child(2) .con_box img{position: absolute; width: 40%; min-width:300px; height:auto; bottom: 0px; right: 0px; opacity: 0.5;}

/* sub_0605 */
#sub_contents .sub0605_wrap .con .con_box img{width:100%; height:100%; object-fit:contain;}
#sub_contents .sub0605_wrap .con .con_box p{margin-left:0px !important;}
#sub_contents .sub0605_wrap .con:first-child > div:nth-child(2) .con_box{padding:0px !important;}
#sub_contents .sub0605_wrap .con:nth-child(2) > div:nth-child(2) .con_box{padding:0px !important;}

/* sub_0701 */
#sub_contents .sub0701_wrap .result_box a{position:relative; display:inline-block; font-size:var(--fs-16); letter-spacing:-0.04rem; color:#222; padding-left:24px; font-weight:600;}
#sub_contents .sub0701_wrap .result_box a:before{position:absolute; content:''; width:8px; height:8px; border-radius:999px; background:#222; left:0px; top:0px; transform:translateY(50%);}
#sub_contents .sub0701_wrap .result_box a:not(:first-child){margin-left:24px;}

#sub_contents .sub0701_wrap .con_tit h5 span{margin-left:8px; display:inline-block; color:#1E3A8A;}

/* 본인인증 */
.con.certification_wrap{display:flex; flex-direction: column; align-items: center; text-align:center;}
.con.certification_wrap .img_wrap{max-width:240px; margin-bottom: 32px;}
.con.certification_wrap .img_wrap img{width:100%;}
.con.certification_wrap p{margin-left:0px !important;}
.con.certification_wrap .btn_wrap{display:flex; gap:16px;}
.con.certification_wrap .btn_wrap a,
.con.certification_wrap .btn_wrap button{width:180px;height:45px;display:flex;align-items:center;justify-content:space-between;background:var(--co01); font-size:var(--fs-16);color:#fff;padding-inline:20px;margin:0px auto; letter-spacing:-0.04rem; transition:all 0.3s ease-out;}
.con.certification_wrap .btn_wrap a:hover,
.con.certification_wrap .btn_wrap button:hover{padding-inline:30px;}
.con.certification_wrap .btn_wrap a{background:#F4F4F8; border:1px solid #ddd; color:#333;}

/* 마이페이지 */
.sub_sign_wrap{line-height: 1;}
.sub_sign_wrap h2{margin-bottom: 50px; font-size: 40px; color: #000; text-align: center;}
.sub_sign_wrap input[type="text"],
.sub_sign_wrap input[type="password"],
.sub_sign_wrap input[type="email"]{height:40px; padding: 5px 15px; color: #666; background:#f4f4f8;}
.sub_sign_wrap .form_list li{display: flex; gap:10px; align-items: center; font-size:var(--fs-14); color: #000; font-weight: 500;}
.sub_sign_wrap .form_list li:not(:first-child){margin-top:32px;}
.sub_sign_wrap .form_list li label{width: 140px; flex-shrink:0; font-size:var(--fs-16); color: #000; font-weight: 500;}
.sub_sign_wrap .form_list li label .required{color: #F00;}
.sub_sign_wrap .form_list li input{width: 100%; border: 1px solid #ddd; letter-spacing: -0.04rem;}
.sub_sign_wrap .form_list li input[type="password"]{width:50%;}
.sub_sign_wrap .form_list li .id_field{display: flex; gap:20px; width: 50%;}
.sub_sign_wrap .form_list li span{font-size:var(--fs-14); line-height:1.5;}
.sub_sign_wrap .form_list .add_wrap{width: 100%; display: flex; flex-direction: column; gap: 15px;}
.sub_sign_wrap .form_list .address_row{display: flex; gap:20px; width: 100%;}
.sub_sign_wrap .sub_btn{ width: 120px; height: 40px;  color: #fff; background: #1E3A8A;}
.sub_sign_wrap .form_list select{height:40px; padding: 5px 15px; font-size:var(--fs-14); color: #666; background:#f4f4f8; border:1px solid #ddd;}
.sub_login_wrap .account_btn button.btn02{width:180px;height:45px;display:flex;align-items:center;justify-content:space-between; flex-shrink:0; background:var(--co01); font-size:var(--fs-16);color:#fff;padding-inline:20px; letter-spacing:-0.04rem; transition:all 0.3s ease-out; border-radius:0px;}
.sub_login_wrap .account_btn button.btn02:hover{padding-inline:24px;}

/* 정보확인 */
.sub_sign_wrap{line-height: 1;}
.sub_sign_wrap h2{margin-bottom: 50px; font-size: 40px; color: #000; text-align: center;}
.sub_sign_wrap input[type="text"],
.sub_sign_wrap input[type="password"],
.sub_sign_wrap input[type="email"]{height: 55px; padding: 5px 15px; font-size:var(--fs-14); color: #666; background:#f4f4f8;}
.sub_sign_wrap .form_list li{display: flex; gap:10px; align-items: center; font-size:var(--fs-16); color: #000; font-weight: 500;}
.sub_sign_wrap .form_list li:not(:first-child){margin-top: 32px;}
.sub_sign_wrap .form_list li label{width: 140px; flex-shrink:0; font-size:var(--fs-16); color: #000; font-weight: 500;}
.sub_sign_wrap .form_list li label .required{color: #F00;}
.sub_sign_wrap .form_list li input{width: 100%;  height: 40px; border: 1px solid #ddd; padding: 0 16px; font-size: var(--fs-14); letter-spacing: -0.04rem;}
.sub_sign_wrap .form_list li input[type="password"]{width:50%;}
.sub_sign_wrap .form_list li .id_field{display: flex; gap:20px; width: 50%;}
.sub_sign_wrap .form_list li span{font-size:var(--fs-14); line-height:1.5;}
.sub_sign_wrap .form_list .add_wrap{width: 100%; display: flex; flex-direction: column; gap: 15px;}
.sub_sign_wrap .form_list .address_row{display: flex; gap:20px; width: 100%;}
.sub_sign_wrap .sub_btn{ width: 120px; height: 40px;  color: #fff; background: #1E3A8A;}

.sub_login_wrap .account_btn{display: flex; gap: 16px;}
.sub_login_wrap .account_btn a,
.sub_login_wrap .account_btn button{width:180px;height:45px;display:flex;align-items:center;justify-content:space-between; flex-shrink:0; background:var(--co01); font-size:var(--fs-16);color:#fff;padding-inline:20px; letter-spacing:-0.04rem; transition:all 0.3s ease-out; border-radius:0px;}
.sub_login_wrap .account_btn a{background: #F4F4F8; border: 1px solid #ddd; color: #333;}
.sub_login_wrap .account_btn a:hover,
.sub_login_wrap .account_btn button:hover{padding-inline:24px;}

.certification_wrap.sub_login_wrap .form_inner{width:100%; margin-top:0px; align-items: center; padding:50px 60px; background:#f4f4f8;}
.certification_wrap.sub_login_wrap .form_list{max-width:720px; width:100%;}
.certification_wrap.sub_login_wrap .form_list li input[type="password"]{width:100%; background:#fff;}
.certification_wrap.sub_login_wrap .account_btn{margin-top:40px;}

/* 회원가입페이지 약관 */
.join_terms_box{height:240px; overflow-y:auto; padding:24px; background:#f8f8f8; color:#333; font-size:15px; line-height:1.7; word-break:keep-all;}
.join_terms_box h3{margin-bottom:18px; font-size:20px; font-weight:700; color:#111;}
.join_terms_box h4{margin:24px 0 10px; font-size:16px; font-weight:700; color:#1E3A8A;}
.join_terms_box p{margin:0 0 10px;}
.join_terms_box ul{margin:0 0 10px; padding-left:0; list-style:none;}
.join_terms_box ul li{position:relative; padding-left:12px; margin-bottom:6px;}
.join_terms_box ul li:before{content:""; position:absolute; left:0; top:11px; width:4px; height:4px; background:#1E3A8A; border-radius:50%;}
.join_terms_box table{width:100%; margin:10px 0 18px; border-collapse:collapse; background:#fff;}
.join_terms_box th,
.join_terms_box td{padding:10px 12px; border:1px solid #ddd; font-size:14px; line-height:1.5; text-align:left; vertical-align:middle;}
.join_terms_box th{width:28%; background:#f1f2f7; color:#1E3A8A; font-weight:700;}

/* privacy */
#sub_contents .sub_privacy_wrap .con_box{border-radius:0;}
#sub_contents .sub_privacy_wrap .con_tit h5{line-height:1.35;}
#sub_contents .sub_privacy_wrap .privacy_index{display:grid; grid-template-columns:repeat(2, 1fr); gap:10px; counter-reset:privacyIndex;}
#sub_contents .sub_privacy_wrap .privacy_index li{counter-increment:privacyIndex;}
#sub_contents .sub_privacy_wrap .privacy_index li a{position:relative; display:flex; align-items:center; min-height:58px; padding:14px 20px 14px 58px; border:1px solid #E9ECEF; background:#fff; font-size:var(--fs-16); font-weight:600; color:#333; line-height:1.35; letter-spacing:-0.04rem; word-break:keep-all; transition:all 0.25s ease;}
#sub_contents .sub_privacy_wrap .privacy_index li a:before{content:counter(privacyIndex); position:absolute; left:20px; top:50%; transform:translateY(-50%); width:26px; height:26px; border-radius:99px; background:#1E3A8A; color:#fff; font-size:var(--fs-14); font-weight:700; text-align:center; line-height:26px;}
#sub_contents .sub_privacy_wrap .privacy_index li a:hover{border-color:#1E3A8A; background:#f4f4f8;}
#sub_contents .sub_privacy_wrap .privacy_card_list{display:flex; gap:20px; margin-top:20px;}
#sub_contents .sub_privacy_wrap .privacy_card{width:calc((100% - 40px) / 3); padding:28px 24px; border:1px solid #E9ECEF; background:#fff;}
#sub_contents .sub_privacy_wrap .privacy_card .con_txt_type02{color:#1E3A8A;}
#sub_contents .sub_privacy_wrap .privacy_tbl th{width:28%; background:#f4f4f8; color:#1E3A8A;}
#sub_contents .sub_privacy_wrap .privacy_tbl td{text-align:left;}
#sub_contents .sub_privacy_wrap .sub_basic_tbl th,
#sub_contents .sub_privacy_wrap .sub_basic_tbl td{padding:14px 16px; line-height:1.45;}
#sub_contents .sub_privacy_wrap .txt_box .con_box{margin-top:12px;}
#sub_contents .sub_privacy_wrap .txt_box:not(:last-child){margin-bottom:28px;}
#sub_contents .sub_privacy_wrap .ml_0{margin-left:0px !important;}
#sub_contents .sub_privacy_wrap .mt_16{margin-top:16px;}
#sub_contents .sub_privacy_wrap .bt_2{border-top:2px solid #333;}

/* email refusal */
#sub_contents .email_refusal_wrap .con:first-child .con_box{position:relative; padding-left:100px;}
#sub_contents .email_refusal_wrap .con:first-child .con_box:before{content:""; position:absolute; left:40px; top:50%; transform:translateY(-50%); width:44px; height:44px; border:5px solid #ffb3b3; border-radius:50%;}
#sub_contents .email_refusal_wrap .con:first-child .con_box:after{content:""; position:absolute; left:60px; top:50%; width:5px; height:44px; background:#ffb3b3; transform:translateY(-50%) rotate(-45deg); border-radius:99px;}
#sub_contents .email_refusal_wrap .mb_0{margin-bottom:0px !important;}


/* copyright report */
#sub_contents .copyright_report_wrap .copyright_intro_box{text-align:center;}
#sub_contents .copyright_report_wrap .copyright_intro_box .con_txt_type02{margin-bottom:14px;}
#sub_contents .copyright_report_wrap .copyright_intro_box .color_orange{color:#f26522; font-weight:700;}
#sub_contents .copyright_report_wrap .copyright_tbl td{text-align:center;}
#sub_contents .copyright_report_wrap .copyright_tbl td:last-child{text-align:left;}
#sub_contents .copyright_report_wrap .bt_2{border-top:2px solid #333;}


#sub_contents .comment .c_tit span em{color:var(--co01);}
#sub_contents .comment ul li .btn_box button{width:56px; height:32px;}
#sub_contents .comment ul li .btn_box .btn02 button:nth-child(1) {color:var(--co01); border: 1px solid var(--co01); width:56px; height:32px;}
#sub_contents .comment ul li .btn_box .btn02 button:nth-child(2){gap:0px; background: var(--co01);     border: 1px solid var(--co01); width:56px; height:32px;}
#sub_contents .comment ul li .btn_box .btn02 button:nth-child(2) img{display:none;}
#sub_contents .comment .comment_input {margin-top:40px; flex-wrap: wrap;}
#sub_contents .comment .comment_input .box{display:flex; align-items: center; font-size:0.875rem; width:100%; margin-bottom:12px; gap:8px;}
#sub_contents .comment .comment_input .box input{height:32px; width:180px; border: 1px solid #ddd; padding:0px 12px;}
#sub_contents .comment .comment_input textarea{width:calc(100% - 100px); resize: none;}
#sub_contents .comment .comment_input button{background: var(--co01);  }