@charset "utf-8";

/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; }
a{text-decoration: none;}

* { box-sizing: border-box; color: inherit;}

html{height: 100%;}
body:has(.newsintro_ds_type_section[intro_type="new"]){position: relative; min-height: 100%; padding-bottom: 120px;}
body, html {font-family: 'Pretendard Variable', sans-serif; color: #333;}

button, input[type="button"]{font-family: 'Pretendard Variable', sans-serif;}
button:hover{cursor: pointer;}
/* a:not(.btn):hover{opacity: 0.6; transition-duration: 100ms;} */

input[type="text"], input[type="tel"], input[type="email"], input[type="password"], input[type="url"], select, textarea {padding: 10px; border: 1px solid #eee; background-color: #fbfbfb; font-size: 14px; line-height: 1; min-height: 40px; font-family: 'Pretendard Variable', sans-serif; border-radius: 5px;}
input[type="text"]:focus, input[type="tel"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="url"]:focus, select:focus, textarea:focus{box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.1); outline: none;}
input[type="file"]{padding: 10px; border: 1px solid #eee; border-radius: 5px; background-color: #fbfbfb;}
textarea{display: block; width: 100%; line-height: 1.5; resize: none;}


input {-webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0;}
input[type="checkbox"]{position: initial; width:1.5em; height:1.5em; border:1px solid #ddd; -webkit-border-radius:50%; moz-border-radius:50%; border-radius: 50%; vertical-align: middle; background-color: #fff;}
input[type="checkbox"]:checked{content: ""; font-weight:600; color: #fff; background:#333 url('../img/check.png') no-repeat center;  background-size: 70%; border:1px solid #333; background-color: #333 !important;}
input[type="radio"]{width:1em; height:1em; border:1px solid #ddd; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius: 50%; background-color: #fff;}
input[type="radio"]:checked{content: ""; font-weight:600; color: #fff; background:#fff url('../img/dot.png') no-repeat center / cover; border:1px solid #666;}
input[type="checkbox"]:hover, input[type=submit]:hover, input[type=radio]:hover{cursor: pointer;}
input[type="radio"] + label:hover, input[type=checkbox] + label, select:hover{cursor: pointer;}


/*팝업*/
.background_black_popup{display: none; position: fixed; left: 0; top: 0; z-index: 130; width: 100%; height: 100%; background: rgb(0 0 0 / 70%)}
.background_black_popup .popup_wrapper{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #fff}

/* ----------------------------------------------------------------------------- */
/* --- 헤더 공통 --- */
#i_header{position: fixed; top: 0; left: 0; width: 100%; background-color: rgba(256,256,256,0.9); padding: 15px 0; border: 1px solid #eee; border-style: solid none; z-index: 100; box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.05);}
.i_nav{display: flex; width: 90%; margin: 0 auto; align-items: center; justify-content: space-between; gap: 5%;}
.i_logo a{display: block;}
.i_logo a img{display: block; max-height: 2rem;}
.i_gnb{display: flex; flex: 1; align-items: center; font-size: 1.1rem; font-weight: 500; gap: 10%;}
.i_gnb li a{display: block;}


/* --- 2차 메뉴 공통 --- */
.i_snb li.on a{color: var(--color-basic); font-weight: 600;}


/* --- 하단 --- */
#i_footer{position: absolute; bottom: 0; left: 0; right: 0; background-color: #f7f7f7; padding: 30px 0 40px 0;}
#i_footer > div{display: flex; width: 90%; margin: 0 auto; align-items: center; justify-content: space-between; gap: 5%; height: 50px;}
#i_footer .i_logo{opacity: 0.5;}
.copy {flex: 1; line-height: 1.5;} 
.copy > p{}
.copy > p > span{display: inline-block; color: #666; font-size: 0.9rem; }
.copy > p > span + span::before{content:"｜"; display: inline-block; clear: both; margin: 0 10px; font-size: 0.8rem; opacity: 0.4; font-weight: 600; color: #999;}
.copy b{display: block; color: #999; margin-top: 5px; font-size: 0.85rem;}
#i_footer .btn_box li{width: fit-content;}


/* --- 공통 디자인 --- */
.wrapper{width: 90%; max-width: 1280px; margin-left: auto; margin-right: auto;}
.blind { position:absolute; visibility:hidden; z-index:-1; width: 1px; height: 1px; clip: rect(0 0 0 0); margin: -1px; overflow: hidden;}
.i_con{margin-bottom: 200px;}

/* 버튼 */
#i_footer .btn_box{display: flex; align-items: center; gap: 5px;}
.btn_wh, .btn_bk{display: block; padding: 10px 12px; border: 1px solid #eee;  font-size: 0.8rem;}
.btn_wh{border-color: #eee; color: #fff;}
.btn_wh:hover{background-color: rgba(256,256,256,0.2); transition-duration: 100ms;}
.btn_bk{border-color: #ddd; color: #666;}
.btn_bk:hover{background-color: rgba(0,0,0,0.05); transition-duration: 100ms;}


.i_all_btn, .i_all_close{display: flex; width: 2rem; height: 2rem; border: 1px solid rgba(0,0,0,0.1); border-radius: 50%; align-items: center; justify-content: center; background-color: rgba(256,256,256,0.2); margin-left: auto;}
.i_all_btn:hover, .i_all_close:hover{cursor: pointer; background-color: rgba(256,256,256,0.5); transition-duration: 100ms;}
.i_all_btn:hover i, .i_all_close:hover i{ color: var(--color-basic); transition-duration: 100ms;}
.i_btn{display: block; padding: 1rem; font-weight: 600; background-color: #333; color: #fff; border: 1px solid #333; border-radius: 5px;}
.i_btn:hover{background-color: #fff; color: var(--color-basic); border-color: #ddd; transition-duration: 100ms;}

.btn_box {display: flex; align-items: center; justify-content: center; gap: 10px;}
.btn_box li{width: 30%; max-width: 350px; text-align: center;}
.btn_box .btn_big{display: block; width: 100%; padding: 15px; border: 1px solid #eee; font-weight: 500; background-color: #222; color: #fff; text-align: center; font-size: 1rem; max-width: 300px;}
.btn_box .btn_big_01{color: #888; background-color: #fbfbfb;}
.btn_box .btn_big_02{color: #fff; background-color: #222; }
.btn_box .btn_big:hover{border: 1px solid var(--color-basic); color: var(--color-basic); background-color: #fff; transition-duration: 100ms;}

/* 페이지 위치 */
.location{display: flex; justify-content: flex-end; align-items: center; font-size: 0.8rem; }
.location > li > a{color: #666; font-weight: 500;}
.location > li > a > i{color: #666;}
.location > li + li::before{content:"\f0da"; display: inline-block; clear: both; margin: 0 10px; font-size: 0.8em; font-family: "Font Awesome 6 Free"; font-weight: 600; color: #ccc;}
.location > li.on > a{color: initial;}

/* 글씨 크기 */
.i_big_tit{font-size: 3rem; font-weight: 600;}
strong.i_tit{display: block; font-size: 2.5rem; font-weight: 600;}
b.i_tit{display: block; font-size: 1.3rem; font-weight: 600;}
strong.i_tit + .text{font-size: 1.1rem;}
.text{line-height: 1.4;}

/* 서브메뉴 관련*/
.i_con_box{width: 90%; display: flex; margin-left: auto; margin-right: auto; justify-content: center; align-items: flex-start; gap: 5rem;}
.intro_wrap .wrapper{max-width: 980px;}
.i_con_box .i_snb_wrap{width: 240px;}
.i_con_box .i_con{flex: 1; margin-left: 0; margin-right: 0; width: auto;}
.i_lnb a{display: block; padding: 1rem 0;}
.i_snb_bottom{border-top: 1px solid rgba(256,256,256,0.4); margin-top: 20px; padding: 20px 0;}
.i_snb_bottom > p{color: #fff; font-size: 0.85rem; line-height: 1.5;}
.i_snb_bottom .btn_box{margin: 20px 0;}
.i_snb_bottom .btn_box > li{flex: 1;}

/* 모바일보기 */
.go_mobile{position: fixed; right: 2.5%; bottom: 5%; display: flex; align-items: center; flex-direction: column; justify-content: center; width: 80px; aspect-ratio: 1/1; gap: 6px; background-color: var(--color-basic); border-radius: 50%; padding: 10px; font-size: 12px; animation: blur 2.0s infinite; z-index: 100;}
@keyframes blur{50% {box-shadow: 0 0 8px var(--opacity2);}}
.go_mobile img{display: block; width: 45%;}
.go_mobile > span{color: #fff; font-weight: 500;}

/* ----------------------- 01 매체소개 ----------------------- */
/* -------- 01-1 인사말 -------- */
.i_greet{}
.greet{display: flex; flex-wrap: wrap;}
.greet .text{color: #888; word-break: keep-all;}

.greet > li{width: 50%; padding: 100px 30px;}
.greet > li > img{display: block; width: 100%; height: 100%; object-fit: cover;}

.greet .i_tit + .text{margin-top: 10px;}
.greet .greet_1{background-color: var(--color-basic);}
.greet .greet_1 strong{color: #fff;}
.greet .greet_2 .i_tit{line-height: 1.2; margin-bottom: 2rem;}
.greet .greet_3{padding: 50px 30px 50px 0;}
.greet .greet_3 > div + div{margin-top: 30px;}
.greet .greet_4{padding: 0;}


/* -------- 01-2 조직도 -------- */
.i_chart{}

/* --- 조직도 선 --- */
/* 중앙 */
.chart, .top_line, .top_line > div{position: relative; z-index: 1;}
.chart::before{position: absolute; top: 0; left: 50%; bottom: 0; width: 1px; background-color: #ddd; transform: translateX(-50%); content:""; display: block; clear: both; z-index: -1;}

/* 각 라인 가로 */
.top_line::before{position: absolute; top: 30px; left: 50%;  height: 1px; background-color: #ddd; transform: translateX(-50%); content:""; display: block; clear: both; z-index: -1;}
.top_line.line_2::before{width: calc(240px + 20px); /* 계산 calc((블럭크기 * 블럭 갯수-1) + (간격 * 간격수) */}
.top_line.line_4::before{width: calc(480px + 40px);}

/* 각 라인 세로 */
.top_line > div::before{position: absolute; top: -20px; left: 50%; width: 1px; height: 20px; background-color: #ddd; transform: translateX(-50%); content:""; display: block; clear: both; z-index: -1;}

/* --- 조직도 내용 --- */
.chart {margin: 50px auto;}
.chart b.i_tit{color: #fff;}
.chart > li{display: flex; width: fit-content; margin-left: auto; margin-right: auto; text-align: center; justify-content: center; gap: 20px;}
.chart > li + li{padding-top: 50px;}
.chart > li > div{width: 240px; border-radius: 10px; box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.1);}
.chart > li span{display: block; color: #fff; margin-top: 5px;}
.chart > li:not(.line_4) > div{padding: 1rem;}
.chart .line_1 > div{background-color: var(--shades-4);}
.chart .line_2 > div{background-color: var(--shades-3);}
.chart .line_3 > div{background-color: var(--shades-2);}

.chart .team b.i_tit{font-size: 1.2rem;}
.team .i_tit{padding: 1rem; background-color: var(--shades-1); border-radius: 10px 10px 0 0;}
.team > ul{border: 1px solid #eee; padding: 10px 0; background-color: #fbfbfb; border-radius: 0 0 10px 10px;}
.team > ul > li{padding: 10px;}


/* -------- 01-3 찾아오시는 길 -------- */
.i_imap{}
.map .map_view{width: 100%; aspect-ratio: 2/1;}
.map .map_view .wrap_map{height: calc(100% - 32px);}

.map_list{margin: 10px 0;}
.map_list li{display: flex; align-items: center; gap: 10px;}
.map_list > li{gap: 40px; padding: 20px 0;}
.map_list > li + li{border-top: 1px solid #eee;}
.map_list .icon{position: relative; width: 140px; text-align: center;}
.map_list .icon::after{position: absolute; top: 50%; right: 0; width: 1px; height: 95%; background-color: #eee; transform: translateY(-50%); content:""; display: block; clear: both;}
.map_list .icon i{font-size: 2.5rem; margin-bottom: 15px;}

.map_list .content{}
.map_list .content > li + li{margin-top: 10px;}
.map_list .content > li > b{width: 90px; font-weight: 600;}
.map_list .content > li > b > i{display: inline-block; margin-right: 10px;}
.map_list .content .text small{display: inline-block; font-size: 0.85em; color: #999; margin-left: 10px;}

.bus_color_1{color: #fb5852;}
.bus_color_2{color: #386de8;}
.bus_color_3{color: #3cc344;}


/* ----------------------- 02 고객센터 ----------------------- */
.i_form_wrap .require{display: inline-block; width: 5px; height: 5px; background-color: var(--color-basic); margin-left: 5px; vertical-align: text-top; border-radius: 50%;}
.i_form_wrap .require_txt {font-size: 14px; padding: 5px 0 10px 0; text-align: right; color: var(--color-basic);}
.i_form_wrap .require_txt .require{margin-left: 0; margin-right: 5px;}
.terms_agree > label:hover, .i_radio:hover{cursor: pointer;}

/* -------- 신청폼 -------- */
.i_form_wrap .i_tit_box{position: relative; z-index: 1;}
.i_form_wrap .i_tit_box::before{position: absolute; top: 50%; right: 0; left: 10px; height: 2px; transform: translateY(-50%); background-color: var(--color-basic); content:""; display: block; clear: both; z-index: -1; opacity: 0.5;}
.i_form_wrap .i_tit{width:fit-content; background-color: #fff; padding-right: 30px; color: var(--color-basic);}

.i_form_wrap fieldset + fieldset{margin-top: 100px;}
.i_form_wrap .btn_box{margin: 50px auto 100px auto;}

.i_form dl{display: flex; align-items: center;}
.i_form dl + dl{margin-top: 10px;}
.i_form dt{width: 20%; font-weight: 500;}
.i_form dd{flex: 1; min-height: 40px;}
.i_form dd > input{width: 100%;}

.i_form .side{display: flex; align-items: center; gap: 10px;}
.i_form .side > input{flex: 1;}
.i_form .side > input[type="button"]{display: block; flex: initial; width: fit-content; padding: 10px 20px; min-height: 40px;}
.i_form .side > input[type="button"]:hover{cursor: pointer;}

.i_form select{min-width: 25%;}

.i_form .i_radio_wrap{gap: 30px;}
.i_radio{display: flex; gap: 10px; align-items: center;}
.i_radio input[type="radio"]{width: 1.2em; height: 1.2em;}

.i_check{font-size: 14px; color: #666;}
.i_check > input[type="checkbox"]{width: 1.2em; height: 1.2em; vertical-align: text-bottom; margin-right: 5px;}

.i_adress > input[type="text"]{margin-top: 10px;}


/* -------- 개인정보 정책 동의 -------- */
.terms_tit{display: block; font-size: 17px; margin: 15px 0 10px 0; font-weight: 600;}
.terms{height: 200px; overflow-y: scroll; font-size: 14px; line-height: 1.5; text-align: justify; padding: 20px; background-color: #fafafa; margin: 20px 0; border-radius: 10px;}
.terms::-webkit-scrollbar {width: 5px;}
.terms::-webkit-scrollbar-track {background: transparent;}
.terms::-webkit-scrollbar-thumb {background: #ddd; border-radius: 5px;}
.terms > b{display: block; font-size: 16px; margin-bottom: 10px;}
.terms > strong{display: block; font-size: 15px; margin: 5px 0;}
.terms_agree{padding: 15px 0; border: 1px solid #eee; border-style: solid none; margin: 20px 0;}
.terms_agree input[type="checkbox"], .chk_wrap input[type="checkbox"]{margin-right: 6px;}
.chk_wrap input[type="checkbox"] + label{vertical-align: middle; font-size: 15px;}


/* -------- 02-4 뉴스레터 신청 -------- */
.i_newsletter .code_state{display: none; margin-top: 10px; font-size: 14px; font-weight: 600;}
.i_newsletter .code_state.no, .code_state.no i{color: #f93943;}
.i_newsletter .code_state.ok, .code_state.ok i{color: #009745;}


/* -------- 구독신청 -------- */
#addr_popup_layer .popup_wrapper{width: 600px; max-height: 600px; overflow: hidden; border-radius: 16px}
#addr_popup_layer #addr_popup_close{float: right; width: 50px; height: 50px; font-size: 22px; background: transparent}
#addr_popup_layer #addr_popup_close::before{content: '\f00d'; font-family: "FontAwesome"}
#addr_popup_layer #addr_popup_close ~ *{clear: both}


/* ----------------------- 03 약관 및 정책 ----------------------- */
.policy{margin-bottom: 100px;}
.policy > section:first-of-type > p{font-size: 1.2rem; word-break: keep-all; margin: 50px 0;}
.i_com .policy > section + section {margin-top: 50px;}
.policy p{font-size: 16px; line-height: 1.5; margin: 15px 0;}
.p_tit{display: block; font-size: 18px; margin-bottom: 15px; font-weight: 600; line-height: 1.3;}
.dot_list{}
.dot_list > li{position: relative; padding-left: 15px; line-height: 20px; color: #666;}
.dot_list > li + li{margin-top: 5px;}
.dot_list > li::before{position: absolute; left: 0; content:"·"; display: block; clear: both; color: #ccc; font-weight: 900; line-height: 20px; font-size: 20px;}

.policy .team{display: flex; gap: 15px; font-size: 16px; line-height: 1.8; margin-top: 30px;}
.team > div{flex: 1; padding: 30px; text-align: center; border: 2px solid #eee; border-radius: 20px;}

.p_big_tit strong{color: var(--color-basic); font-size: 24px; font-weight: 600;}

.num_list{}
.num_list > li{position: relative; padding-left: 20px; line-height: 20px;}
.num_list > li::before{position: absolute; left: 0; content:"·"; display: block; clear: both; color: #ccc; font-weight: 500; line-height: 20px;}
.num_list > li + li{margin-top: 10px;}
.num_list > li:nth-child(1)::before{content:"1.";} .num_list > li:nth-child(2)::before{content:"2.";} .num_list > li:nth-child(3)::before{content:"3.";} .num_list > li:nth-child(4)::before{content:"4.";} .num_list > li:nth-child(5)::before{content:"5.";} .num_list > li:nth-child(6)::before{content:"6.";} .num_list > li:nth-child(7)::before{content:"7.";} .num_list > li:nth-child(8)::before{content:"8.";} .num_list > li:nth-child(9)::before{content:"9.";} .num_list > li:nth-child(10)::before{content:"10.";}


.i_com .policy .p_big_tit{margin-top: 80px;}
.i_com .policy .p_big_tit + section{margin-top: 20px;}
.i_com .policy .p_big_tit + .p_big_tit{margin-top: 80px;}

.intro_wrap{}

/* 인터넷신문윤리서약 */
.i_policy_5 img{display: block; margin: auto; margin-bottom: 30px;}
.i_policy_7.i_com .policy .p_big_tit{margin-top: 50px;}
.i_policy_8 .p_big_tit strong{font-size: 22px;}


/* ----------------------- 디자인1 : 기본형 ----------------------- */
#i_simple .i_top{padding: 50px 0;}
#i_simple .i_top .location{margin-bottom: 20px;}
#i_simple .i_snb {margin-top: 50px;}

#i_simple .i_snb{display: flex; flex-wrap: wrap; gap: 20px 2rem;}
#i_simple .i_snb li{position: relative;  text-align: center; width: calc(20% - 2rem);}
#i_simple .i_snb li + li{padding-left: 2rem;}
#i_simple .i_snb li + li::before{position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 80%; content:""; display: block; clear: both; font-size: 0.8em; background-color: #eee;}
#i_simple .i_snb li:nth-child(5n+1){padding-left: 0;}
#i_simple .i_snb li:nth-child(5n+1)::before{display: none;}



/* ----------------------- 디자인2 : 회사소개형 ----------------------- */
#i_intro .i_top{padding: 160px 0 100px 0; background: url('../img/company_tit_1.jpg') no-repeat top / contain; background-attachment: fixed; text-align: center;}
#i_intro .i_top .i_big_tit{color: #fff; text-shadow: 0 0 0.2em rgba(0, 0, 0, 0.2);}


#i_intro .i_con{padding-top: 40px;}
#i_intro .i_snb_wrap{background-color: #fff; border: 1px solid #eee; padding: 2rem; transform: translateY(-2rem); border-radius: 1rem; box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.05);}
#i_intro .i_lnb > li + li{border-top: 1px solid #eee;}
#i_intro .i_snb .i_tit{margin-bottom: 1rem;}
#i_intro .location{margin-bottom: 20px; justify-content: normal}


/* ----------------------- 디자인2 : 회사소개형 ----------------------- */
#i_image{padding: 120px 0; background: url('../img/intro_image_bg.jpg') no-repeat center / cover; background-attachment: fixed; min-height: 100vh;}
#i_image .i_bg_wh{padding:50px; background-color: #fff; border-radius: 1rem; z-index: 1;}

#i_image .i_top{position: relative; margin: 30px 0;}
#i_image .i_top::before, #i_image .i_top::after{position: absolute; top: 50%; height: 3px; transform: translateY(-50%); background-color: var(--color-basic); content:""; display: block; clear: both; border-radius: 2px;}
#i_image .i_top::before{left: 0; width: 5%;}
#i_image .i_top::after{right: 0; width: 45%;}

#i_image .i_big_tit{color: #fff; width: fit-content; margin-left: 10%;}
#i_image .i_con_box .i_con{margin-bottom: 0;}


/* ----------------------- 디자인3 : 이미지형 ----------------------- */
#i_image .i_snb > li{margin-top: 30px;}
#i_image .i_snb > li.focus .i_lnb{display: block}
#i_image .i_lnb{display: none; margin-top: 0.5rem;}
#i_image .focus .i_lnb{/* display: block; */}
#i_image .i_snb .i_tit{position: relative; width: fit-content; z-index: 1; padding: 0 5px 3px 5px; color: #fff;}
#i_image .i_snb .i_tit::before{position: absolute; left: 0; bottom : 0; width: 0; height: 0.6em; background-color: var(--color-basic); content:""; display: block; clear: both; z-index: -1;}

#i_image .i_snb .i_tit:hover{cursor: pointer;}
#i_image .focus .i_tit::before, #i_image .i_snb .i_tit:hover::before{width: 100%; transition-duration: 400ms;}

#i_image .i_snb a{color: #fff;}
#i_image .i_lnb > li{position: relative; padding-left: 1rem;}
#i_image .i_lnb > li::before{position: absolute; top:50%; left: 2px; transform: translateY(-50%); content:"·"; display: block; clear: both; font-weight: bold; color: rgba(256,256,256,0.3); font-size: 1.5em;}
#i_image .i_lnb > li:hover::before, #i_image .i_lnb > li.on::before{color: #fff; transition-duration: 100ms;}



/* 전체 메뉴 */
.i_all_menu{display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; z-index: 1000;}
.i_all_menu > div{padding: 100px 0; min-height: 100vh;}

.wrapper .all_menu_top{padding-bottom: 50px; margin-bottom: 50px; border-bottom: 1px solid #eee;}
.all_menu_top .i_big_tit{margin: 20px 0;}
.all_menu_top > p{font-size: 1.2rem;}

.all_menu{display: flex; gap: 20px;}
.all_menu > li{flex: 1;}
.all_menu .i_tit{margin-bottom: 1rem;}
.all_menu ul a{display: block; padding: 10px 0;}
.all_menu ul > li{position: relative; padding-left: 1rem;}
.all_menu ul > li::before{position: absolute; top:50%; left: 2px; transform: translateY(-50%); content:"·"; display: block; clear: both; font-weight: bold; color: #ddd; font-size: 1.5em;}
.all_menu ul > li:hover::before, .all_menu ul > li:hover > a{color: var(--color-basic); transition-duration: 100ms;}