:root { ---mian_indigo700 : #2A2E43; } 


/* 접근성 */
a:focus-visible { outline: 2px dotted black; } 
button:focus-visible { outline: 2px dotted black; outline-offset: -3px; } 
/* sound only */
.screenOut { overflow: hidden; display: inline-block; border: 0; position: absolute; z-index: -1; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); } 
* { box-sizing: border-box; } 
/* input */
input[type=text], input[type=number], input[type=password] { box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); font-family: "Pretendard"; font-size: 16px; font-weight: 400; line-height: 21.6px; color: var(--grayScale900); border: none; width: 100%; height: 44px; border: 1px solid var(--grayScale250); border-radius: 8px; padding: 0 20px; } 
input[type=text] { box-shadow: none; border: 1px solid var(--gray-250, #E8E8E8);
} 
input[type=number] { -moz-appearance: textfield; -webkit-appearance: none; margin: 0; } 
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } 

input[type=text]:focus-visible,input[type=number]:focus-visible, input[type=password]:focus-visible { outline: none; border:1px solid var(--grayScale800); } 
input[type=text]:disabled, input[type=number]:disabled, input[type=password]:disabled { background:var(--grayScale200); border: 1px solid var(--grayScale300); color: var(--grayScale400); } 
input[type=text]::placeholder, input[type=number]::placeholder, input[type=password]::placeholder { color: var(--grayScale450); font-family: Pretendard; font-size: 16px; font-weight: 300; line-height: 24px; letter-spacing: -0.04em; } 

input[type=number] { } 
input[type=number] { } 

input[type=password] { } 
input[type=password] { } 

/* input checkbox */
input[type=checkbox] { border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px } 
input[type=checkbox] + label { font-family: Pretendard; font-size: 18px; font-weight: 400; letter-spacing: -0.04em; text-align: left; position:relative; display:inline-block; padding-left:28px; margin:5px; margin-left:0; min-height:24px; line-height:22px; background:url("../img/icon/ico_checkbox_deselected.svg") no-repeat; background-size: 20px 20px; cursor:pointer } 
input[type=checkbox] + label.on { background:url("../img/icon/ico_checkbox_selected.svg") no-repeat; background-size: 20px 20px; } 
input[type=checkbox]:checked + label { background:url("../img/icon/ico_checkbox_selected.svg") no-repeat; background-size: 20px 20px; } 
input[type=checkbox]:focus + label.on { background:url("../img/icon/ico_checkbox_selected.svg") no-repeat; background-size: 20px 20px; } 
input[type=checkbox]:focus-visible + label { border: 2px dotted blue !important; } 
input[type=checkbox] + label.disable { background:url("../img/icon/ico_checkbox_disabled.svg") no-repeat; background-size: 20px 20px; } 
input[type=checkbox]:disabled + label { background:url("../img/icon/ico_checkbox_disabled.svg") no-repeat; cursor:default; background-size: 20px 20px; } 

input[type="file"] { position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0; } 
input[type="file"]:focus-visible + label { border: 1px solid black; } 
input[type="file"]:disabled + label { color: var(--grayScale400); cursor: default; } 
input[type="file"]:disabled + label::after { color: var(--grayScale400); cursor: default; background-color: var(--grayScale400); } 
.filebox label { position: absolute; top: 50%; right: 20px; transform: translateY(-50%); font-family: Pretendard; font-size: 16px; font-weight: 500; line-height: 24px; letter-spacing: -0.04em; text-align: left; display: inline-block; color: var(--grayScale750); vertical-align: middle; background-color: transparent; padding-left: 21px; } 
.filebox label::after { position: absolute; width: 18px; height: 18px; content: ""; background-color: var(--grayScale750); left: 0px; top: 50%; transform: translateY(-50%); display: block; -webkit-mask: url(../img/icon/ico_file.svg) no-repeat; } 

.input_wrap { width: 100%; position: relative; } 
.input_wrap.error input[type=text], .input_wrap.error input[type=number] { border: 1px solid #E72417; } 
.pt10 { padding-top: 10px; } 

/* ellipsis */
.ellipsis { white-space: nowrap; text-align: left; overflow: hidden; text-overflow: ellipsis; } 
.ellipsis2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient:vertical; overflow: hidden; text-overflow: ellipsis; } 
.ellipsis3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient:vertical; overflow: hidden; text-overflow: ellipsis; } 

/* pagination */
.pagination_wrap { display: flex; margin-bottom: 60px; } 
.pagination .list_wrap { display: flex; align-items: center; } 
.pagination .list_wrap li { text-align: center; } 
.pagination .list_wrap li a { display: inline-block; min-width: 28px; font-size: 16px; font-weight: 500; line-height: 19.2px; color: var(--grayScale600); } 
.pagination .list_wrap li a:hover { color: var(--grayScale900); } 
.pagination .list_wrap li a.current { color: var(--grayScale900); font-weight: 700; } 
.pagination .prev_btn { min-width: unset !important; vertical-align: middle; } 
.pagination .next_btn { min-width: unset !important; } 
.pagination .prev_btn span { display: block; transform: rotate(180deg); -webkit-mask: url(../img/icon/ico_chevron.svg) no-repeat; -webkit-mask-size: 18px; width: 18px; height: 15px; min-width: unset !important; background-color: var(--grayScale400); vertical-align: middle; } 
.pagination .page_control.disabled { pointer-events: none; cursor: default; } 
.pagination .page_control.disabled span { background-color: var(--grayScale400); pointer-events: none; } 
.pagination .page_control { pointer-events: none; cursor: default; } 
.pagination .page_control span { background-color: var(--grayScale400); pointer-events: none; } 
.pagination .next_btn span { display: block; min-width: unset !important; -webkit-mask: url(../img/icon/ico_chevron.svg) no-repeat; -webkit-mask-size: 18px; width: 18px; height: 15px; background-color: var(--grayScale400); vertical-align: middle; } 
.pagination .prev_btn.active span { background-color: var(--grayScale900); } 
.pagination .next_btn.active span { background-color: var(--grayScale900); } 
.pagination .pagination_button a { width: 40px; height: 40px; display: block; border-radius: 50%; } 
.pagination { display: inline-block; margin-top: 0; } 
 
 .pagination > li { display: inline; } 
 
 .pagination > li > a,
 .pagination > li > span { box-sizing: border-box; position: relative; float: left; width: 40px; height: 40px; border-radius: 50%; line-height: 40px; margin-left: -1px; color: #337ab7; text-decoration: none; background-color: #fff; font-size: 16px; } 
 
 .pagination > li:first-child > a,
 .pagination > li:first-child > span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } 
 
 .pagination > li:last-child > a,
 .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } 

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover { z-index: 2; color: #999; border-radius: 50% !important; overflow: hidden; background-color: #eee; } 

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover { z-index: 3; color: #fff; cursor: default; background-color: #2a2a2a; } 

.pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover { color: #777; cursor: not-allowed; background-color: #fff; } 

.pagination .control_btn a { position: relative; } 
.pagination .control_btn a::after { display: block; content: ""; position: absolute; left: 50%; transform: translate(-50%, -50%); width: 24px; height: 18px; background-color: #2a2a2a; } 
.pagination .next_page a::after { -webkit-mask: url(../img/ico/ico_chevron.svg) no-repeat center/cover; transform: rotate(-90deg) translate(-50%, -50%); } 
.pagination .last_page a::after { -webkit-mask: url(../img/ico/ico_chevron_right_double.svg) no-repeat center/cover; } 
.pagination .prev_page a::after { -webkit-mask: url(../img/ico/ico_chevron.svg) no-repeat center/cover; top: 50%; transform: translate(-50%, -50%) rotate(90deg); } 
.pagination .first_page a::after { -webkit-mask: url(../img/ico/ico_chevron_right_double.svg) no-repeat center/cover; transform: translate(-50%, -50%) rotate(-180deg); } 
.pagination .control_btn.disabled a { cursor: default; pointer-events: none; } 
.pagination .control_btn.disabled a::after { background-color: #bdbdbd; } 
.board_paging { text-align: center; font-weight: 400; margin-top: 50px; } 
.board_paging > ul > li:first-child > a,
.board_paging > ul > li:first-child > span,
.board_paging > ul > li:last-child > a,
.board_paging > ul > li:last-child > span { border-radius: 0; } 
.board_paging > ul > li > a, .board-area .suggest-pagination > li > span { color: #777; } 
.board_paging > ul > li > a > i { padding: 3px 0; color: #999; } 
.board_paging > ul > li.active > a,
.board_paging > ul > li.active > a:focus,
.board_paging > ul > li.active > a:hover,
.board_paging > ul > li.active > span,
.board_paging > ul > li.active > span:focus,
.board_paging > ul > li.active > span:hover { color: #fff; background-color: #2a2a2a; border-right: 1px solid #d7d7d7; border-left: 1px solid #d7d7d7; } 
 
 /* disabled */
 a.disabled { pointer-events: none !important; cursor: default !important; } 
 button:disabled { cursor: default; pointer-events: none; } 
button.disabled { cursor: default; pointer-events: none; } 
 /* button */
.btn_wrap { display: flex; gap: 12px; } 
.btn { border-radius: 4px; display: inline-block; font-family: Pretendard; font-size: 16px; font-weight: 500; line-height: 19.2px; letter-spacing: -0.04em; transition: 0.1s all; cursor: pointer; box-sizing: border-box; } 
.btn.white { background: white; border: 1px solid var(--grayScale250); color: var(--grayScale900); } 
.btn.blue { background: #0044BD; border: transparent; color: white; } 
.btn.lightblue { background: rgba(244, 247, 255, 1); color: rgba(0, 68, 189, 1); border: transparent; } 
.btn.lightblue:disabled { background: var(--grayScale200); color: #333; cursor: default; pointer-events: none; } 
.btn.lightblue:disabled .ico_plus { background-color: #333; } 
.btn.gray { background: #EFEFEF; border: transparent; color: var(--grayScale800); } 
.btn.darkgray { text-align: center; line-height: 52px; background: rgba(63, 63, 63, 1); border: transparent; color: white; } 
.btn .ico_plus { vertical-align: middle; margin-left: 4px; display: inline-block; width: 16px; height: 16px; background-color: var(--primary-color_blue); -webkit-mask: url(../img/icon/ico_plus.svg) no-repeat; } 
.size_medium { height: 52px; width: 100%; } 
.size_small { height: 35px !important; min-width: 97px; font-family: Pretendard; font-size: 16px; font-weight: 600; line-height: 19.2px; letter-spacing: -0.04em; padding: 8px 20px; } 
.size_xsmall { height: 25px; min-width: 48px; padding: 4px 12px; font-size: 14px; } 

.share_tool_wrap { position: relative; } 
.share_wrap { display: flex; gap: 4px; } 
.print_btn { display: block; background: white url(../img/ico/ico_print.svg) no-repeat center / 20px; width: 40px; height: 40px; border-radius: 100px; border: 1px solid var(--gray-250, #E8E8E8); } 
.share_btn { display: block; background: white url(../img/ico/ico_share.svg) no-repeat center / 20px; width: 40px; height: 40px; border-radius: 100px; border: 1px solid var(--gray-250, #E8E8E8); } 
.share_box { position: absolute; width: 270px; right: 0; top: calc(100% + 10px); display: none; background-color: #fff; z-index: 111; } 
.share_box .share_title { background-color: #566473; height: 40px; padding: 0 15px; } 
.share_box .share_title span { color: #fff; line-height: 40px; font-size: 17px; font-weight: 300; float: left; } 
.share_box .share_title button { float: right; color: #fff; font-size: 18px; padding-top: 4px; cursor: pointer; margin-top: 4px; } 
.share_box .share_cont { border: 1px solid #ddd; border-top: none; overflow: hidden; padding: 20px; background-color: #fff; } 
.share_box .share_cont .share_icons { text-align: center; margin-bottom: 20px; } 
.share_box .share_cont .share_icons li { display: inline-block; margin: 0 8px; } 
.share_box .share_cont .link_copy input { float: left; width: 70%; height: 35px; border: 1px solid #ddd; } 
.share_box .share_cont .link_copy button { float: left; width: 30%; height: 35px; background-color: #566473; color: #fff; font-size: 14px; font-family: "Paperlogy"; } 
.share_box .share_cont .link_copy input { float: left; width: 70%; height: 35px; border: 1px solid #ddd; border-radius: 0; } 

 /* select_box */
select::-ms-expand { display: none; background: white !important; } 
select { -o-appearance: none; overflow: hidden; color: var(--gray-600, #777676); text-overflow: ellipsis; font-family: var(---font_family_body, Pretendard); font-size: var(---font_body_s, 16px); font-style: normal; font-weight: 300; line-height: normal; letter-spacing: var(---font_spacing_body, -1px); -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: "Pretendard"; background: transparent; border: none; } 
select:focus-visible { outline: 2px dotted black; } 
.select_box { width: 150px; height: 44px; background: url(../img/icon/ico_chevron2.png) calc(100% - 15px) center no-repeat; color: var(--grayScale900); background-size: 10px; padding: 5px 30px 5px 20px; border-radius: 8px; outline: 0 none; font-family: Pretendard; font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: -0.04em; text-align: left; border: 1px solid var(--grayScale250); } 
.select_box option { background: white; color: black; padding: 3px 0; } 


 /* pagination */
 .pagination { margin-top: 24px; display: flex; margin-bottom: 60px; justify-content: center; } 
 .pagination .list_wrap li a.page_num { width: 40px; } 
 .pagination .list_wrap li a.prev_btn { margin-right: 18px; } 
 .pagination .list_wrap li a.next_btn { margin-left: 18px; } 

 /* textarea */
 textarea { padding: 10px 14px; font-family: Pretendard; resize: none; font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: -0.04em; text-align: left; border: 1px solid rgba(208, 213, 221, 1); width: 100%; height: 128px; border-radius: 8px; box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); } 
 textarea:focus { border: 1px solid black; outline: 0px !important; } 
 textarea::placeholder { color: var(--grayScale450); font-weight: 300; } 
 
 /* datepicker 커스텀 */
 .datepicker { background: url(../img/icon/ico_calendar.svg) no-repeat; background-position: 13px 12px; } 
 #ui-datepicker-div { width:290px; display: none; border-radius:6px; background:#fff; border:1px solid #D0D5DD; padding:12px; box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08); margin-top:5px; box-sizing: border-box; } 
 .ui-datepicker-header { display: flex; justify-content: space-between; align-items: center; } 
 .ui-datepicker-prev { order:1; width:32px; height:32px; background:url(../img/icon/ico_calender_left.png) no-repeat; background-size:cover; font-size:0; } 
 .ui-datepicker-next { order:3; width:32px; height:32px; background:url(../img/icon/ico_calender_right.png) no-repeat; background-size:cover; font-size:0; } 
 .ui-datepicker-title { display:flex; order:2; color:#333; font-family: Pretendard !important; font-size: 18px; font-weight: 500; line-height: 24px; letter-spacing: -0.04em; text-align: left; } 
 .ui-datepicker-title select { font-size: 18px; font-weight: 500; font-family: "Pretendard"; box-shadow: none; } 
 .ui-datepicker-month { background-image: url(../img/icon/arrow_board.svg); background-repeat: no-repeat; background-position: right center; padding-right:12px; margin-left:4px; } 
 .ui-datepicker-month { margin-left:4px; } 
 .ui-datepicker-title select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border:none; color: var(--grayScale800) !important; } 
 .ui-datepicker-titleselect::-ms-expand { display: none; } 
 .ui-datepicker-calendar td { font-family: Pretendard; font-size: 14px; font-weight: 500; line-height: 24px; letter-spacing: -0.5px; } 
 .ui-datepicker-calendar { margin-top:12px; } 
 .ui-datepicker-calendar th { font-size:14px; font-weight: 700; padding-bottom:5px; color:#333; } 
 .ui-datepicker-calendar td { position:relative; font-size:14px; text-align:center; padding:5px 0; color:#555; } 
 .ui-datepicker-current-day a { font-weight:700; color:var(--primary-color_pink); } 
 .ui-datepicker-today a { font-weight:700; color:#fff; } 
 .ui-datepicker-today::before { content:''; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:26px; height:26px; background:#1967D2; border-radius:4px; z-index: -1; } 
 .ui-datepicker-year { width: 45px; } 

 /* popup */
.bg_dimmed { display: none; position: fixed; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; margin: 0; padding: 0; background-color: #000; opacity: 0.5; } 
.bg_dimmed.show { display: block; } 

 /* mask참고 */
 /* .mask { position: relative; } */
 /* .mask::after { position: absolute; -webkit-mask: url(../img/icon/icon_arrow.svg) no-repeat; width: 14px; height: 14px; background-color: var(--color_typo2); display: block; content: ""; left: 0px; top: 50%; transform: translateY(-50%); } */

 /* hover 호버 효과 */
 @media (hover: hover) { } 

 /* header */
#content * { outline-color:#000!important } 
#skipnavi { position:absolute; top:0; left:0; right:0; width:100%; z-index: 1001; } 
#skipnavi a { position:absolute; display:block; width:100%; height:1px; text-align:center; overflow:hidden; color:#ddd!important; z-index:10; font-size:15px } 
#skipnavi a:focus { height:auto; color:#ddd!important; background:#222; padding:10px 0; font-weight:700 }

.header_top{background-color:#f5f6ff}

.header_top>ul{width:1200px;margin:0 auto}
.header_top>ul>li{float:left;font-size:14px;position:relative;}
.header_top>ul>li:last-child{border:none;float:right}
/*.header_top>ul>li:hover>a{color:#3b4145;}*/
/*.header_top>ul>li.active>a{color:#3b4145;background-color:#fff;text-decoration:none}*/
/*.header_top>ul>li.active,.header_top>ul>li:hover{background:#fff}*/
.header_top>ul>li>a{display:inline-block;color:#6f7486;height:40px;line-height:40px;padding:0 17px;font-weight:400}
/*.header_top>ul>li>a:hover{color:#555;text-decoration:none}*/
.header_top>ul>li>a:hover{color:#3b4145;}
/*.header_top>ul>li.eroum>a{color:#6effff}*/
/*.header_top>ul>li.eroum>a:hover{color:#3b4145}*/
/*.header_top>ul>li.ontong>a{color:#f6c6f1}*/
/*.header_top>ul>li.ontong>a:hover{color:#3b4145}*/
/*.header_top>ul>li.eroum>a>span{padding-left:25px}*/
/*.header_top>ul>li.eroum>a>span::before{display:block;width:16px;height:16px;content:"";background-image:url(../img/ico_eroum_s.png);position:absolute;top:50%;left:20px;background-repeat:no-repeat;transform:translateY(-50%)}*/

.header_top>ul>li.btn_dong>a>span{padding-right:20px}
.header_top>ul>li.btn_dong>a::after{content:"";width:9px;height:5px;background-image:url(../img/ico_more_arrow_2.png);position:absolute;top:50%;right:10px;background-repeat:no-repeat;transform:translateY(-50%)}
.header_top>ul>li.btn_dong>a:hover::after{background-image:url(../img/ico_more_arrow_b.png)}
.header_top>ul>li.btn_dong.active>a::after{background-image:url(../img/ico_more_arrow_up.png)}

/*.header_top>ul>li.ontong>a::before{content:""; display: inline-block; vertical-align:middle; margin-right:4px; margin-top:-4px; width:15px; height:15px; border-radius:0;background-image:url(../img/ico_ontong_s.png);}*/

/* .header_top>ul>li.myhand>a::after{content:""; display: inline-block; vertical-align:middle; margin-top:-2px; width:81px; height:19px; background:url(../img/ico_myhand.png) left no-repeat; }
.header_top>ul>li.myhand>a:hover::after{background:url(../img/ico_myhand_hover.png) left no-repeat; } */

.header_top .list_gong{width:180px;position:absolute;top:40px;left:0;z-index:1001;background:rgba(72,144,168,.95);display:block;visibility:hidden;opacity:0;transition:all .2s ease-out}
.header_top .list_gong.active{visibility:visible;opacity:1}
.header_top .list_gong.active>a{background:#fff;color:#333}
.header_top .list_gong ul{width:180px;box-sizing:border-box;padding:15px 0 18px}
.header_top .list_gong ul li{font-size:15px;line-height:1.2em;padding:6px 17px 6px 21px;font-weight:400;word-break:keep-all}
.header_top .list_gong ul li a{color:#fff}
.header_top .list_gong ul:after{display:block;content:"";clear:both}
.header_top .list_gong ul>li{float:left;width:50%;padding:0}
.header_top .list_gong ul>li>a{display:block;padding:6px 17px 6px 21px}

.header_top .hedaer-top-right{display:inline-block}
.header_top .hedaer-top-right ul li{display:inline-block;padding:0 10px;position:relative}
.header_top .hedaer-top-right ul li+li::before{content:'';display:inline-block;width:1px;height:14px;position:absolute;left:0;top:50%;transform:translateY(-50%);background-color:#62676a}
.header_top .hedaer-top-right ul li a{font-size:14px;color:#6f7486;display:inline-block;line-height:40px; text-decoration:none;}
.header_top .hedaer-top-right ul li a img{margin-right:3px; margin-top:-4px; vertical-align:middle; display:none;}
.header_top .hedaer-top-right ul li.login{margin-top:0}
.junggu-home::before{display:none;}
.junggu-home>a>span{padding-left:0px;}

@media screen and (max-width:1200px){
 .header_top ul,.gnb{width: 100%;}
 .header_top{display:none;}
}
@media screen and (max-width:810px){
 .header_top>ul>li{width:33.33%;text-align:center;box-sizing:border-box;border-bottom:1px solid #4e555a;padding:0}
 .header_top>ul>li.btn_dong>a>span{padding-right:0}
 .header_top>ul>li:nth-child(1),
 .header_top>ul>li:nth-child(4),
 .header_top>ul>li:nth-child(7){border-left:0;}
 .header_top>ul>li:nth-child(7),
 .header_top>ul>li:nth-child(8){width:50%;}
 .header_top>ul>li.eroum>a>span::before{display:inline-block}
 .header_top>ul>li:last-child{width:100%}
 .header_top .hedaer-top-right ul li a img{display:none}
 .header_top>ul>li.eroum>a>span::before{display:none}
 .header_top>ul>li.ontong>a::before{display:none}
 .header_top>ul>li.eroum>a>span{padding:0}
 .junggu-home::before{display:none}
 .junggu-home>a>span{padding:0}
}
@media screen and (max-width:570px) {
 .header_top > ul > li{padding:0;text-align: center;}
 .header_top > ul > li > a{padding: 0;width: 100%}
}
@media screen and (max-width: 399px) {
 .header_top > ul > li.eroum > a > span {padding-left:0}
 .header_top > ul > li.eroum > a > span::before {display:none}
}
@media screen and (max-width:280px){
 .header_top>ul>li.eroum>a>span::before{display:none}
}


/* 240703 Áß±¸´º½º ¾ÆÀÌÄÜ Ãß°¡ */
/*.header_top>ul>li.junggu_news>a::after{content:""; display: inline-block; vertical-align:middle; margin-top:-2px; width:81px; height:19px; background:url(../img/ico_news.png) left no-repeat; }*/
/*.header_top>ul>li.junggu_news>a:hover::after{background:url(../img/ico_news_color.png) left no-repeat; }*/

/* 240709 */
@media screen and (max-width:810px){
 .junggu_news { width: 100% !important;}
 .mHidden{display:none !important;}
}
/* 240711 */

/* 240712 */
.header_top>ul>li>a {padding: 0 11px !important;}

/*250701*/
.gnb_mobile .navi_mobile>li.junggu_news>a{
 display:flex;
 flex-direction: column;
 justify-content: center;
}
.gnb_mobile .navi_mobile>li.junggu_news>a::after {
 content: "";
 display: block;
 vertical-align: middle;
 width: 81px;
 height: 19px;
 background: url(../img/ico_news_color.png) left no-repeat;
 margin:0 auto;
}
.gnb_mobile .navi_mobile>li.hedaer-top-right > ul{
 display:flex;
 align-items: center;
 background:#3b4145;
 justify-content: space-between;
 flex-wrap:wrap;
}
.gnb_mobile .navi_mobile>li.hedaer-top-right > ul li{
 color:#fff;
 position:relative;
 width:50%;
}
.gnb_mobile .navi_mobile>li.hedaer-top-right > ul li a{
 display:flex;
 align-items: center;
 justify-content: center;
 padding:10px 0px;
}
.gnb_mobile .navi_mobile>li .list_gong{display:none;}
.gnb_mobile .navi_mobile>li .list_gong.active{
 display:flex;
 position:absolute;
 top:0px;
 z-index:3;
}
.gnb_mobile .navi_mobile>li.hedaer-top-right > ul li.btn_dong > a::after{
 content:"";
 display:block;
 width:9px;
 height:5px;
 margin-left:5px;
 background:url(../img/ico_more_arrow.png)center center no-repeat;
}
.gnb_mobile .navi_mobile>li.hedaer-top-right > ul li.btn_dong.active > a::after{
 transform:rotate(180deg);
}
.gnb_mobile .navi_mobile>li.hedaer-top-right > ul li.btn_dong .list_gong{display:none; width:180px;position:absolute;top:40px;right:0px;z-index:1001;background:rgba(72,144,168,.95); opacity:0;transition:all .2s ease-out}
.gnb_mobile .navi_mobile>li.hedaer-top-right > ul li.btn_dong .list_gong.active{display:block; opacity:1}
.gnb_mobile .navi_mobile>li.hedaer-top-right > ul li.btn_dong .list_gong.active>a{background:#fff;color:#333}
.gnb_mobile .navi_mobile>li.hedaer-top-right > ul li.btn_dong .list_gong ul{width:180px;box-sizing:border-box;padding:15px 0 18px}
.gnb_mobile .navi_mobile>li.hedaer-top-right > ul li.btn_dong .list_gong ul li{font-size:15px;line-height:1.2em;padding:6px 17px 6px 21px;font-weight:400;word-break:keep-all}
.gnb_mobile .navi_mobile>li.hedaer-top-right > ul li.btn_dong .list_gong ul li a{color:#fff}
.gnb_mobile .navi_mobile>li.hedaer-top-right > ul li.btn_dong .list_gong ul:after{display:block;content:"";clear:both}
.gnb_mobile .navi_mobile>li.hedaer-top-right > ul li.btn_dong .list_gong ul>li{float:left;width:50%;padding:0}
.gnb_mobile .navi_mobile>li.hedaer-top-right > ul li.btn_dong .list_gong ul>li>a{display:block;padding:6px 17px 6px 21px}
/*250701*/
.header_top>ul>li>a { padding: 0 11px !important; }
.header { width:100%; position:relative; box-shadow:0 9px 8px -4px rgba(0,0,0,.02); z-index:1000 }
footer { background: #262C33; } 
footer .footer_inner { padding-left: 80px; padding-right: 80px; max-width: 1920px; } 
footer .foot_content { color: #B7B7B7 !important; /* desktop/Body/sm R */ font-family: "Pretendard"; font-size: var(---body-sm, 16px); font-style: normal; font-weight: 400; line-height: 140%; letter-spacing: -0.32px; } 
footer .foot_content strong { font-weight: 700; color: white; } 
.gnb { display:flex; justify-content:space-between; align-items:center; width:100%; height:130px; width:1200px; margin:0 auto; } 
.gnb a:hover { text-decoration:underline } 
.gnb .navi_pc { overflow:hidden } 
.gnb .navi_pc>li { float:left; font-size:20px } 
.gnb .navi_pc>li>a { display:block; color:#222; padding:0 30px; height:130px; line-height:130px; transition:all .3s ease-out } 
.gnb .navi_pc>li.active>a,.gnb .navi_pc>li>a:active,.gnb .navi_pc>li>a:focus,.gnb .navi_pc>li>a:hover { color:#014099; text-decoration:none } 
.gnb .navi_pc>li+li>a { position:relative } 
.gnb .navi_pc>li+li>a::before { background-image:url(../img/header_elipse.png); content:""; width:5px; height:11px; border-radius:0; position:absolute; top:50%; left:0; background-repeat:no-repeat; transform:translateY(-50%) } 
.gnb .navi_util>ul { position:relative; transform:translateX(100px) } 
.gnb .navi_util>ul>li.btn_sitemap>a:focus { border:2px solid #000; border-radius:0; outline:#000 } 
.gnb .navi_util>ul>li { float:left; padding:2px 7px 0 } 
.gnb .navi_util ul li.btn_my { position:relative } 
.gnb .navi_util>ul>li:nth-of-type(2) { position:relative } 
.gnb .navi_util>ul>li:nth-of-type(3),.gnb .navi_util>ul>li:nth-of-type(4) { padding:0 7px } 
.gnb .navi_util>ul>li>a i { font-size:22px } 
.gnb .navi_util>ul>li:nth-of-type(1) i { color:#5e8fbe } 
.gnb .navi_util>ul>li:nth-of-type(2) i { color:#333 } 
.gnb .navi_util>ul>li:nth-of-type(4) i { color:#333; font-size:25px } 
.gnb .navi_util>ul>li:nth-of-type(3)>a { display:block; color:#fff; font-size:14px; background:#434343; height:27px; line-height:26px; padding:0 15px; border-radius:15px; letter-spacing:0; font-weight:400 } 
.gnb .navi_util>ul>li:nth-of-type(3)>a { background-color:transparent } 
.navi_mob { display:none; position:absolute; bottom:37px; right:10px } 
.junggu-home::before { content:""; width:12px; height:12px; border-radius:0; background-image:url(../img/ico_home.png); position:absolute; top:50%; left:20px; background-repeat:no-repeat; transform:translateY(-50%) } 
.junggu-home:hover::before { background-image:url(../img/ico_home_b.png) } 
.junggu-home>a>span { padding-left:25px } 
.depth_02_wrap { position:absolute; top:170px; left:0; z-index:10; background:#fff; border-bottom:2px solid #34495e; width:100%; display:none; border-top:1px solid #dadada } 
.depth_02_wrap.active { display:block } 
.depth_02 { width:1200px; margin:0 auto; overflow:hidden; padding:26px 0 } 
.depth_02>div { float:left } 
.depth_02 .gnb_title { width:315px; height:107px; border-right:1px solid #ddd; padding:0 0 0 149px; box-sizing:border-box; margin-right:16px } 
.depth_02 .gnb_title p { font-size:20px; line-height:107px; position:relative } 
.depth_02 .gnb_title p:after { content:""; display:block; width:70px; height:1px; background:#ddd; position:absolute; top:50%; right:0 } 
.depth_02 .gnb_list { width:869px } 
.depth_02 .gnb_list ul { overflow:hidden } 
.depth_02 .gnb_list li { float:left; width:25%; font-size:16px; padding-left:17px; position:relative; line-height:35px; box-sizing:border-box } 
.depth_02 .gnb_list li:before { content:""; display:block; width:5px; height:5px; background:#999; border-radius:50%; position:absolute; top:15px; left:0 } 
.depth_02 .gnb_list li a { color:#555 } 
.menu02 .gnb_title { background:url(../images/icon_gnb_01.png) no-repeat left center } 
.menu03 .gnb_title { background:url(../images/icon_gnb_02.png) no-repeat left center } 
.menu04 .gnb_title { background:url(../images/icon_gnb_03.png) no-repeat left center } 
.depth_02_wrap { position:absolute; top:170px; left:0; z-index:10; background:#fff; border-bottom:2px solid #34495e; width:100%; display:none; border-top:1px solid #dadada } 
.depth_02_wrap.active { display:block } 
.depth_02 { width:1200px; margin:0 auto; overflow:hidden; padding:26px 0 } 
.depth_02>div { float:left } 
.depth_02 .gnb_title { width:315px; height:107px; border-right:1px solid #ddd; padding:0 0 0 149px; box-sizing:border-box; margin-right:16px } 
.depth_02 .gnb_title p { font-size:20px; line-height:107px; position:relative } 
.depth_02 .gnb_title p:after { content:""; display:block; width:70px; height:1px; background:#ddd; position:absolute; top:50%; right:0 } 
.depth_02 .gnb_list { width:869px } 
.depth_02 .gnb_list ul { overflow:hidden } 
.depth_02 .gnb_list li { float:left; width:25%; font-size:16px; padding-left:17px; position:relative; line-height:35px; box-sizing:border-box } 
.depth_02 .gnb_list li:before { content:""; display:block; width:5px; height:5px; background:#999; border-radius:50%; position:absolute; top:15px; left:0 } 
.depth_02 .gnb_list li a { color:#555 } 
.menu02 .gnb_title { background:url(../images/icon_gnb_01.png) no-repeat left center } 
.menu03 .gnb_title { background:url(../images/icon_gnb_02.png) no-repeat left center } 
.menu04 .gnb_title { background:url(../images/icon_gnb_03.png) no-repeat left center } 
.area_list { width:100% } 
.area_list ul { overflow:hidden } 
.area_list ul li { float:left; width:12.5%; border-right:1px solid #ddd; height:118px; box-sizing:border-box; text-align:center } 
.area_list ul li:nth-of-type(1) { border-left:1px solid #ddd; background:url(../images/icon_area01.png) no-repeat center 5px } 
.area_list ul li:nth-of-type(2) { background:url(../images/icon_area02.png) no-repeat center 5px } 
.area_list ul li:nth-of-type(3) { background:url(../images/icon_area03.png) no-repeat center 5px } 
.area_list ul li:nth-of-type(4) { background:url(../images/icon_area04.png) no-repeat center 5px } 
.area_list ul li:nth-of-type(5) { background:url(../images/icon_area05.png) no-repeat center 5px } 
.area_list ul li:nth-of-type(6) { background:url(../images/icon_area06.png) no-repeat center 5px } 
.area_list ul li:nth-of-type(7) { background:url(../images/icon_area07.png) no-repeat center 5px } 
.area_list ul li:nth-of-type(8) { background:url(../images/icon_area08.png) no-repeat center 5px } 
.area_list ul li a { display:block; width:100%; height:100%; font-size:17px; line-height:1.2em; padding-top:95px } 

/* 자치회관 추가 */
/* 아이콘 */
.search_btn { position: relative; width: 36px; height: 36px; } 
.search_btn::after { position: absolute; background-color: white; -webkit-mask:url(../img/ico_search.svg) no-repeat center / cover; content: ""; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 100%; height: 100%; } 
.menu_btn { position: relative; width: 20px; height: 14px; } 
.menu_btn::after { position: absolute; background-color: white; -webkit-mask:url(../img/ico_menu.svg) no-repeat center / cover; content: ""; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 100%; height: 100%; } 

/* 헤더 */
header { top: 0px; width: 100%; right: 0px; left: 0px; z-index: 10; } 
.header_top > ul > li > a { box-sizing: border-box; } 

/* 헤더 교육 */
.header_edu { background: white; padding-right: 80px; padding-left: 80px; width: 100%; position: relative; overflow: hidden; height: 100px; } 
/*.header_edu.active { overflow: visible; } */
/*.header_edu.active::after { background: var(---gray_100, #F9FAFB); z-index: 0; position: absolute; content: ""; display: block; left: 0px; right: 0px; top: 100%; height: 154px; border-top: solid 1px #e8e8e8; border-bottom: solid 1px #e8e8e8; z-index: 10; } */
.header_edu h1 a { display: inline-block; background: url(../img/logo/header_logo.svg) no-repeat center / cover; width: 320px; height: 40px; } 
.header_edu .inner { display: flex; align-items: center; justify-content: space-between; padding-top: 27px; padding-bottom: 27px; } 
.header_edu .nav_wrap { } 
.header_edu .nav_wrap nav { } 
.header_edu .nav_wrap nav .depth1_wrap { display: flex; gap: 80px; } 
.header_edu .nav_wrap nav .depth1_wrap .ico_link {width: 16px;height: 16px; margin-left: 6px;}
.header_edu .nav_wrap nav .depth1_wrap > li { position: relative; } 
.header_edu .nav_wrap nav .depth1_wrap > li > a { position: relative; color: var(---gray_800, #2A2A2A); padding-top: 38px; font-size: 20px; font-style: normal; font-weight: 400; line-height: normal; } 
.header_edu .nav_wrap nav .depth1_wrap > li > a::before { content: ''; position: absolute; left: 50%; bottom: -38px; transform: translateX(-50%); transition: 0.2s; width: 0%; height: 3px; background: #c40051; border-radius: 5px; } 
.header_edu .nav_wrap nav .depth1_wrap > li .depth2_wrap { position: absolute; top: 100px; z-index: 11; top: 63px; left: 50%; white-space: nowrap; transform: translateX(-50%); } 
.header_edu .nav_wrap nav .depth1_wrap > li .depth2_wrap li { text-align: center; margin-top: 32px; } 
.header_edu .nav_wrap nav .depth1_wrap > li .depth2_wrap li a { display: inline-block; text-align: center; color: var(---gray_900, #111); font-family: var(---font_family_body, Pretendard); font-size: var(---font_body_m, 18px); font-style: normal; font-weight: 500; line-height: normal; letter-spacing: var(---font_spacing_body, -1px); } 

@media (hover:hover){
 .header_edu .nav_wrap nav .depth1_wrap > li > a:hover { color: #C40051; font-weight: 700; transition: 0.2s all; } 
 .header_edu .nav_wrap nav .depth1_wrap > li > a:hover .ico_link { background-color: #c40051; } 
.header_edu .nav_wrap nav .depth1_wrap > li > a:hover::before { width: calc(100% + 20px) } 
.header_edu .nav_wrap nav .depth1_wrap > li .depth2_wrap li a:hover { color: #c40051; transition: 0.2s all; } 
 }
/* 드롭다운 */
.dropdown { position: relative; display: inline-block; width: 100%; } 
.dropbtn { border: 2px solid transparent; gap: 8px; border-radius: var(--boder_radius_s, 8px); display: flex; align-items: center; position: relative;  color: black; padding: 10px 20px; cursor: pointer; width: 100%; color: var(---gray_800, #2A2A2A); text-overflow: ellipsis; font-family: var(---font_family_body, Pretendard); font-size: var(---font_body_m, 18px); font-style: normal; font-weight: 400; line-height: normal; letter-spacing: var(---font_spacing_body, -1px); text-align: left; height: 56px; padding: 0px 20px; position: relative; background: var(---gray_150, #F5F5F5) right 17px center url(../img/ico/ico_chevron.svg) no-repeat;}
.dropbtn .gray { color: #797979; } 

.dropbtn::after { content: ""; display: block;  width: 22px; height: 22px; position: absolute; right: 17px; top: 50%; transform: translateY(-50%); }
.dropbtn.on::after { background: url(../img/ico/ico_chevron_red.png) no-repeat center / 100%; } 
.dropdown-content { display: none; gap: 12px; flex-direction: column; border-radius: var(--boder_radius_s, 8px); border: 1px solid var(--main-pink-500, #C40051); background: var(---white, #FFF); padding: 16px 20px; /* boxshodow_lg */box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03); position: absolute; width: 100%; top: calc(100% + 12px); background-color: white; min-width: 160px; box-shadow: 0 4px 8px rgba(61, 60, 60, 0.1); z-index: 10; } 
.dropbtn.on { background: white; border: 2px solid #C40051; } 
.dropdown-content a:focus { outline: none; } 
.dropdown-content a:focus-visible { border: 1px solid black; } 
.dropbtn.on + .dropdown-content { display: flex; } 
.dropdown a { color: #333; gap: 8px; display: flex;; align-items: center; text-decoration: none; overflow: hidden; color: var(---gray_800, #2A2A2A); text-overflow: ellipsis; font-family: var(---font_family_body, Pretendard); font-size: var(---font_body_m, 18px); font-style: normal; font-weight: 500; line-height: normal; letter-spacing: var(---font_spacing_body, -1px); } 
.ico_program1_1 { display: block; width: 40px; height: 40px; background: url(../img/ico/ico_program1_1.png) no-repeat left center / cover; } 
.ico_program1_2 { display: block; width: 40px; height: 40px; background: url(../img/ico/ico_program1_2.png) no-repeat left center / cover; } 
.ico_program1_3 { display: block; width: 40px; height: 40px; background: url(../img/ico/ico_program1_3.png) no-repeat left center / cover; } 
.ico_program1_4 { display: block; width: 40px; height: 40px; background: url(../img/ico/ico_program1_4.png) no-repeat left center / cover; } 
.ico_program1_5 { display: block; width: 40px; height: 40px; background: url(../img/ico/ico_program1_5.png) no-repeat left center / cover; } 
.ico_program1_6 { display: block; width: 40px; height: 40px; background: url(../img/ico/ico_program1_6.png) no-repeat left center / cover; } 
.ico_program2_1 { display: block; width: 40px; height: 40px; background: url(../img/ico/ico_program2_1.png) no-repeat left center / cover; } 
.ico_program2_2 { display: block; width: 40px; height: 40px; background: url(../img/ico/ico_program2_2.png) no-repeat left center / cover; } 
.ico_program2_3 { display: block; width: 40px; height: 40px; background: url(../img/ico/ico_program2_3.png) no-repeat left center / cover; } 
.ico_program2_4 { display: block; width: 40px; height: 40px; background: url(../img/ico/ico_program2_4.png) no-repeat left center / cover; } 
.ico_program2_5 { display: block; width: 40px; height: 40px; background: url(../img/ico/ico_program2_5.png) no-repeat left center / cover; } 

.total_menu_full { position: fixed; width: 250px; right: 0px; top: 0px; bottom: 0px; background: white; z-index: 104; padding-top: 42px; display: none; } 
.total_menu_full.open {display: block;}

.total_menu_wrap::before { background: rgba(0, 0, 0, 0.50); content: ""; width: 100%; height: 100%; display: none; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index:3; } 
.total_menu_wrap.hasBefore::before {display: block;}
.total_menu_full .mob_depth_wrap1 { } 
.total_menu_full .mob_depth_wrap1 ul { } 
.total_menu_full .mob_depth_wrap1 ul li:first-of-type { border-top: 1px solid var(--gray-250, #E8E8E8); } 
.total_menu_full .mob_depth_wrap1 ul li { border-bottom: 1px solid var(--gray-250, #E8E8E8); } 
.total_menu_full .mob_depth_wrap1 ul li a { width: 100%; padding: 16px; display: inline-block; color: var(---gray_800, #2A2A2A); font-family: var(---font_family_body, Pretendard); font-size: var(---font_body_s, 13px); font-style: normal; font-weight: 500; line-height: normal; letter-spacing: var(---font_spacing_body, -1px); } 
.total_menu_full .mob_depth_wrap1 > ul > li > a:active {background: #c40051; color: white;}
.total_menu_full .mob_depth_wrap1> ul >  li > a.active {background: #c40051; color: white;}
.total_menu_full .mob_depth_wrap1> ul >  li > a.active + .mob_depth_wrap2 {display: block;}
.total_menu_full .mob_depth_wrap1 ul li .mob_depth_wrap2 { display: none; } 
.total_menu_full .mob_depth_wrap1 ul li .mob_depth_wrap2 ul {background: var(---gray_100, #F9FAFB); } 
.total_menu_full .mob_depth_wrap1 ul li .mob_depth_wrap2 ul li { border-bottom: none;} 
.total_menu_full .mob_depth_wrap1 ul li .mob_depth_wrap2 ul li a { padding-left: 18px; } 
.total_menu_full .mob_depth_wrap1 ul li .mob_depth_wrap2 ul li a:active {color: #c40051;}
.total_menu_full .close_btn { width: 17px; height: 17px; right: 10px; top: 13px; position: absolute; background: url(../img/ico/icon_close.png) no-repeat center / cover;}

.search_total_wrap {position: relative;}
.search_wrap{position:absolute;width:260px;top:0;right:0;z-index:5;overflow:hidden;visibility:hidden;opacity:0;transition:all .2s ease-out; display: flex; align-items: center; gap: 4px; background: #f0eeee;padding: 5px 10px;}
.search_wrap.active{display:flex;visibility:visible;opacity:1}
.search_wrap form{float:right;margin-right:9px;overflow:hidden}
.search_wrap input {border: none;}
.search_wrap .search_input{font-size:15px;color:#999;line-height:30px;letter-spacing:-.075em;width:185px;height:30px;background:#eee;padding:0 10px;box-sizing:border-box;float:left}
.search_all_wrap {position: absolute;display: none; right: 0px; top: 0px;z-index: 100; width: 260px; }
.search_all_wrap.active {display: block;}
.search_wrap {position: static; display: flex; visibility: visible; opacity: 1; }
.search_all_list {display: none; background: #eee;width: calc(100% - 30px); max-height: 137px; overflow-y: auto; left: 0px; top: 30px; border: 1px solid #ddd; position: absolute; z-index: 100;}
.search_all_list.on {display: block;}
.search_all_list ul {}
.search_wrap .btn_search:focus-visible {outline: 2px dotted black !important;}
.search_wrap .search_input:focus-visible {outline: 2px dotted black !important;}
.search_close {position: absolute;top: 0px; right: 0px;}
.search_all_list ul li { overflow: hidden; padding-left: 10px; padding-right: 10px;box-sizing: border-box; max-width: 100%; padding-top: 4px;padding-bottom: 4px;}
.search_all_list ul li a { font-size: 14px; overflow: hidden;display: block;  white-space: nowrap; text-overflow: ellipsis;}
.search_all_list ul li a:hover {text-underline-offset: underline;}
.search_all_list ul li a .strong_txt {color: #e5005a;}
.search_all_wrap .ico_search.mask {background: #232830; width: 30px;height: 30px; flex-shrink: 0;}
.search_all_wrap .ico_search.mask:focus-visible {outline: 2px dotted black;}
.search_all_wrap .close_btn { width: 22px; height: 22px; display: block;  background: url(../img/ico/icon_close.png) no-repeat center / cover; flex-shrink: 0;}
@media (hover:hover){
 .dropdown-content a:hover { color: #C40051; font-weight: 700; } 
 }

 /* footer */
 footer { border-top: solid 1px #e8ebef; } 
.footer_inner { max-width: 1520px; padding-right: 60px; padding-left: 60px; margin: 0 auto; display: flex; gap: 40px; padding-top: 40px; padding-bottom: 40px } 
.footer_inner h2 a { display: inline-block; } 

.footer_inner .foot_content { } 
.footer_inner .foot_content .foot_link_wrap { display: flex; gap: 20px; margin-bottom: 20px; } 
.footer_inner .foot_content .foot_link_wrap li { } 
.footer_inner .foot_content .foot_link_wrap li a.privacy { color: #232830; } 
.footer_inner .foot_content .foot_link_wrap li a { font-size: 15px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: left; color: #6a707b; display: inline-block; } 
.footer_inner .foot_content .address { font-size: 15px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: left; color: #6a707b; } 


@media screen and (max-width:768px){
    .header_edu {height: auto;}
 .junggu-home>a>span { padding-left: 0; } 
.header_top>ul>li.eroum>a>span { white-space: nowrap; } 
.header_community h1 a { height: 56px; line-height: 56px; vertical-align: middle; } 
.header_community h1 a { width: 196px; background-size: 100% } 
.header_community .inner { padding-right: 15px; padding-left: 15px; height: 56px; } 
.header_community .inner .search_btn { width: 28px; height: 28px; } 
.header_community .inner .menu_btn { width: 16px; } 
.header_community .inner .nav_wrap { gap: 12px; } 
.header_community .inner .nav_wrap nav { display: none; } 
.footer_inner { padding: 20px 10px; gap: 12px; flex-direction: column; } 
.footer_inner .foot_content .foot_link_wrap { gap: 2px 12px; flex-wrap: wrap; } 
.footer_inner .foot_content .foot_link_wrap li a { white-space: nowrap; font-size: 12px; } 
.footer_inner h2 a { width: 93px; height: 42px; } 
.footer_inner h2 a img { object-fit: cover; width: 100%; height: 100%; } 
.footer_inner .foot_content .address { font-size: 12px; } 
 }