/* guide_wrap */
.guide_wrap { background-color: #f4f5f9; min-height: 100vh; position: relative; padding-bottom: 8rem;}
.guide_wrap main { padding-bottom: 50px;}

.guide_wrap .guide_contents_tabs { background-color: #fff; padding-top: 40px; display: flex; align-items: center; border-bottom: 1px solid #eaeaea; position: sticky; top: 100px;}
.guide_wrap .guide_contents_tab { flex: 1; min-width: 0; padding-bottom: 30px; font-size: 32px; text-align: center;}
.guide_wrap .guide_contents_tab.active { border-bottom: 2px solid #111;}
.guide_wrap .guide_contents_tab.active span { position: relative; font-weight: 600;}
.guide_wrap .guide_contents_tab.active span::after { content:''; position: absolute; top:-8px; right: -10px; width: 10px; aspect-ratio: 1/1; background-color: #ff0000; border-radius: 100%; }

.guide_wrap .guide_contents_panels { margin-top: 60px;}
.guide_wrap .guide_contents_panel { display: none;}
.guide_wrap .guide_contents_panel .guide_list { display: flex; flex-direction: column; gap: 3rem;}
.guide_wrap .guide_contents_panel .guide_item a { background-color: #fff; border-radius: var(--border-radius); box-shadow: var(--box-shadow); width: 100%; display: flex; align-items: center; gap: 3rem; padding: 4rem 3rem;}
.guide_wrap .guide_contents_panel .guide_item .img_box { width: 12rem; aspect-ratio: 1/1; flex-shrink: 0;}
.guide_wrap .guide_contents_panel .guide_item .text_box { flex: 1; min-width: 0;}
.guide_wrap .guide_contents_panel .guide_item .text_box h4 { font-size: 32px; font-weight: 600;  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 1.3;}
.guide_wrap .guide_contents_panel .guide_item .text_box p { font-size: 28px; margin-top: 10px; color: #757575;  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 1.3;}


.guide_wrap .guide_contents_panel.active { display: block;}

.guide_wrap .bottom_contents { margin-top: 4rem;}
.guide_wrap .bottom_contents a { background-color: #fff; border-radius: var(--border-radius); box-shadow: var(--box-shadow); width: 100%; padding: 2rem 3rem; display: flex; align-items: center;}
.guide_wrap .bottom_contents a .text_wrap { flex: 1; min-width: 0;}
.guide_wrap .bottom_contents a .text_wrap p { font-size: 2.6rem; color: #8894a2; margin-bottom: 0.9rem; letter-spacing: -0.26rem;}
.guide_wrap .bottom_contents a .text_wrap h3 { font-size: 4rem; font-weight: 600; line-height: 1.4; letter-spacing: -0.3rem;}



/* guide_view*/
.guide_view_wrap main {padding: 30px 0 80px;}
.guide_view_wrap .guide_detail_item .title_area h2 { font-size: 44px; font-weight: 700; letter-spacing: -1.7px;}
.guide_view_wrap .guide_detail_item .title_area p { font-size: 28px; color: #757575; margin-top: 20px;}
.guide_view_wrap .guide_detail_item .img_area { border-radius: var(--border-radius); height: 280px; margin-top: 30px; margin-bottom: 10px;}
.guide_view_wrap .guide_detail_item .con_area { display: flex; flex-direction: column; gap: 90px;}
.guide_view_wrap .guide_detail_item .sec_contents {display: flex; flex-direction: column; gap: 60px;}
.guide_view_wrap .guide_detail_item .sec_wrap .sec_title h3 {font-size: 37px; font-weight: 600; margin-bottom: 34px; color: #24274a;}

.guide_view_wrap .guide_detail_item .sec_con .label {display: flex; align-items: center; font-size: 36px; font-weight: 600; gap: 10px; margin-bottom: 30px; letter-spacing: -0.4px;}

.guide_view_wrap .guide_detail_item .sec_con .text_box + .text_box {margin-top: 40px;}
.guide_view_wrap .guide_detail_item .sec_con .text_box p{ font-size: 28px; letter-spacing: -0.4px; line-height: 1.4;}
.guide_view_wrap .guide_detail_item .sec_con .text_box p strong { background-color: #edeef9; font-weight: 500;}
.guide_view_wrap .guide_detail_item .sec_con .text_box h5 { font-size: 32px; line-height: 1.4; font-weight: 500;}
.guide_view_wrap .guide_detail_item .sec_con .text_box .list_box { display: grid; grid-template-columns: max-content 1fr; gap: 20px 24px; margin-top: 30px;  align-items: center;}
.guide_view_wrap .guide_detail_item .sec_con .text_box .list_item { display: contents; }
.guide_view_wrap .guide_detail_item .sec_con .text_box .list_item h5 { padding: 16px 16px; font-size: 28px; background-color: #f4f5f9; border-radius: 10px; text-align: center; font-weight: 500;}
.guide_view_wrap .guide_detail_item .sec_con .text_box .list_item p { color: #757575;}

.guide_view_wrap .guide_detail_item .sec_con .li_box1 {display: flex; flex-direction: column; gap: 30px;}
.guide_view_wrap .guide_detail_item .sec_con .li_box1 .li_item { padding: 30px 26px; background-color: #f4f5f9; border-radius: var(--border-radius); display: flex; flex-direction: column; gap: 16px;}
.guide_view_wrap .guide_detail_item .sec_con .li_box1 .li_item h5 { font-size: 27px; font-weight: 500;}

.guide_view_wrap .guide_detail_item .sec_con .li_box1 .li_item p { font-size: 28px; color: #757575; line-height: 1.4;}

.guide_view_wrap .guide_detail_item .sec_con .li_box2 { display: flex; flex-direction: column; gap: 60px;}
.guide_view_wrap .guide_detail_item .sec_con .li_box2 .li_item {display: flex; flex-direction: column;}
.guide_view_wrap .guide_detail_item .sec_con .li_box2 .li_item h5 { font-size: 28px; font-weight: 500;}
.guide_view_wrap .guide_detail_item .sec_con .li_box2 .li_item p { font-size: 28px; color: #757575; margin-top: 16px; line-height: 1.36; word-break: keep-all;}
.guide_view_wrap .guide_detail_item .sec_con .li_box2 .li_item p strong { color: #111;}
.guide_view_wrap .guide_detail_item .sec_con .li_box2 .li_item p + p { margin-top: 24px;}
.guide_view_wrap .guide_detail_item .sec_con .li_box2 .li_item .li_wrap { display: flex; flex-direction: column; gap: 16px; margin-top: 22px;}
.guide_view_wrap .guide_detail_item .sec_con .li_box2 .li_item .li_wrap p { position: relative; padding-left: 16px; margin-top: 0; letter-spacing: -1px;}
.guide_view_wrap .guide_detail_item .sec_con .li_box2 .li_item .li_wrap p::before {content:'-'; position: absolute;  top: 0; left: 0; font-size: 26px; line-height: 34px; color: #757575;}

.guide_view_wrap .guide_detail_item .sec_con .li_box3 .li_title { display: flex; align-items: self-start; padding: 30px 0; border-bottom: 1px solid #e8e8ea; cursor: pointer;}
.guide_view_wrap .guide_detail_item .sec_con .li_box3 .li_title h5 { flex: 1; min-width: 0; padding-right: 10px; font-size: 28px; font-weight: 500; letter-spacing: -0.46; line-height: 1.3;}  
.guide_view_wrap .guide_detail_item .sec_con .li_box3 .li_title img { flex-shrink: 0; transform: translateY(4px);} 
.guide_view_wrap .guide_detail_item .sec_con .li_box3 .li_item.open .li_title img { transform: rotate(180deg) translateY(-4px);} 
.guide_view_wrap .guide_detail_item .sec_con .li_box3 .li_con { padding: 40px 30px; background-color: #f4f5f9; border-radius: 0 0 var(--border-radius) var(--border-radius);  flex-direction: column; gap: 34px; display: none;}
.guide_view_wrap .guide_detail_item .sec_con .li_box3 .li_con h5 { font-size: 28px; font-weight: 600;}
.guide_view_wrap .guide_detail_item .sec_con .li_box3 .li_con p { font-size: 28px; color: #777; letter-spacing: -1px; line-height: 1.3;}
.guide_view_wrap .guide_detail_item .sec_con .li_box3 .li_item.open .li_con {display: flex;}


.guide_view_wrap .guide_detail_item .sec_con .tab_box .tabs_wrap { display: flex; align-items: center; gap: 12px; flex-wrap: wrap;}
.guide_view_wrap .guide_detail_item .sec_con .tab_box .tabs_wrap .tab_btn  {border-radius: 100px; min-width: 110px; padding: 16px 24px; background-color: #f4f5f9; font-size: 2.8rem; color: #8894a2; font-weight: 500; letter-spacing: -0.1rem;}
.guide_view_wrap .guide_detail_item .sec_con .tab_box .tabs_wrap .tab_btn.active { background-color: #24274a; color: #fff;}
.guide_view_wrap .guide_detail_item .sec_con .tab_box .panels_wrap { margin-top: 4.3rem; background: #f4f5f9; padding: 40px 30px; border-radius: var(--border-radius);}
.guide_view_wrap .guide_detail_item .sec_con .tab_box .panel { display: none;}
.guide_view_wrap .guide_detail_item .sec_con .tab_box .panel.active { display: block;}
.guide_view_wrap .guide_detail_item .sec_con .tab_box .panel .panel_list { display: grid; grid-template-columns: max-content 1fr; gap: 37px 48px;}
.guide_view_wrap .guide_detail_item .sec_con .tab_box .panel .panel_item { display: contents;}
.guide_view_wrap .guide_detail_item .sec_con .tab_box .panel .panel_item h5 { font-size: 28px; font-weight: 500; line-height: 1.4;}
.guide_view_wrap .guide_detail_item .sec_con .tab_box .panel .panel_item p { font-size: 27px; color: #757575; line-height: 1.4;}
.guide_view_wrap .guide_detail_item .sec_con .tab_box .panel .panel_item .text_wrap p { position: relative; padding-left: 16px; margin-top: 0; letter-spacing: -1px;}
.guide_view_wrap .guide_detail_item .sec_con .tab_box .panel .panel_item .text_wrap p::before {content:'-'; position: absolute;  top: 0; left: 0; font-size: 26px; line-height: 34px; color: #757575;}

.guide_view_wrap .guide_detail_item .sec_con .tab_box .panel .panel_list.empty_h5 { grid-template-columns: repeat(1, 1fr);}
.guide_view_wrap .guide_detail_item .sec_con .tab_box .panel .panel_list.empty_h5 p strong{ color: #111; font-weight: 500;}

.guide_view_wrap .guide_detail_item .bottom_con { margin-top: 60px; display: flex; align-items: stretch; gap: 30px;}
.guide_view_wrap .guide_detail_item .bottom_con .guide_go { flex: 1; min-width: 0; display: flex;}
.guide_view_wrap .guide_detail_item .bottom_con .guide_go a { width: 100%; height: 100%; border: 1px solid #ccc; box-shadow: var(--box-shadow); border-radius: var(--border-radius); display: flex; flex-direction: column; overflow: hidden;}
.guide_view_wrap .guide_detail_item .bottom_con .guide_go .guide_header { position: relative; padding: 27px 24px;  width: 100%; border-bottom: 1px solid #ccc; flex-shrink: 0;}
.guide_view_wrap .guide_detail_item .bottom_con .guide_go .guide_header .arrow{ position: absolute; top: 50%; transform: translateY(-50%);}
.guide_view_wrap .guide_detail_item .bottom_con .prev_guide .guide_header .arrow { left: 24px;}
.guide_view_wrap .guide_detail_item .bottom_con .next_guide .guide_header .arrow { right: 24px;}
.guide_view_wrap .guide_detail_item .bottom_con .guide_go .guide_header p {text-align: center; font-size: 28px; font-weight: 500;}
.guide_view_wrap .guide_detail_item .bottom_con .guide_go .guide_title { padding: 14px 28px; flex: 1; min-height: 0; background-color: #f4f5f9;}
.guide_view_wrap .guide_detail_item .bottom_con .guide_go .guide_title p { font-size: 28px; line-height: 1.6; word-break: keep-all;}

.guide_view_wrap .guide_detail_item .bottom_con .guide_go.off .guide_header p { color: #757575;}
.guide_view_wrap .guide_detail_item .bottom_con .guide_go.off .guide_title p { color: #757575 ;}
.guide_view_wrap .guide_detail_item .bottom_con .guide_go.on .guide_header p { color: var(--main-color);}

/* guide7 */
.guide_view_wrap .guide7 .li_box2 .li_item a{ background: #fff; border-radius: var(--border-radius); box-shadow: var(--box-shadow); width: 100%; padding:40px 30px;}
.guide_view_wrap .guide7 .li_box2 .li_item .title_wrap{ display: flex; align-items: self-start; justify-content: space-between;}
.guide_view_wrap .guide_detail_item.guide7 .sec_con .li_box2.link_box .li_item p { margin-top: 34px;}
.guide_view_wrap .guide_detail_item.guide7 .sec_con .li_box2.link_box .li_item h5 { font-size: 30px; font-weight: 600;}
.guide_view_wrap .guide_detail_item.guide7 .sec_con .li_box2.link_box { gap: 30px;}