@charset "utf-8";

/* ========================================
   서브 공통
======================================== */
.sub-sec { margin-bottom: 60px; }
.sub-sec:last-child { margin-bottom: 0; }

/* 사진 슬라이더 공통 */
.photo-slider { position: relative; margin-bottom: 40px; }
.photo-slider .swiper-slide { border: 1px solid #ddd; overflow: hidden; }
.photo-slider .swiper-slide img { width: 100%; display: block; }
.photo-slider .swiper-pagination { position: relative; margin-top: 10px; }
.photo-slider .swiper-pagination-bullet { width: 12px; height: 12px; }

.slider-control { display: flex; gap: 4px; margin-top: 5px; }
.slider-control button { background: none; border: 1px solid #ddd; width: 30px; height: 30px; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.slider-control button.active { background: #555; color: #fff; border-color: #555; }

.slider-bottom { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 14px; }
.slider-bottom .swiper-pagination { position: static; width: auto; }
.slider-control { display: flex; gap: 4px; }
.slider-control button { background: none; border: 1px solid #ddd; width: 28px; height: 28px; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 12px; }
.slider-control button.active { background: #555; color: #fff; border-color: #555; }


/* 이미지 박스 (좌석도 등) */
.photo-box { border: 1px solid #ddd; padding: 30px 20px; }
.photo-box img { max-width: 100%; height: auto; display: block; margin: 0 auto; }

.sub-content{box-sizing:border-box;padding-bottom:40px;}

/* ========================================
   인사말
======================================== */

/* bc251113 오버라이드 (인사말 전용 래퍼) */
.bc251113 { padding: 20px 15px 0 !important; }
.bc251113 .sub01_pr_img img { max-width: 160px; display: none; }
.bc251113 .sub02_bn_wrap { box-sizing: border-box; padding-bottom: 0; }
.bc251113 .sub02_bn { padding-top: 0; padding-bottom: 0; }
 
/* --- 상단 배너 (로고 + 인사문구) --- */
.sub02_bn_wrap { width: 100%; background: #f8f8f8; margin: 0 auto; display: flex; position: relative; }
.sub02_bn { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
 
.sub02_pt_pl { position: relative; width: 100%; }
.sub02_pt_pl .pl_box { width: 50%; margin: 0 auto; }
.sub01_pr_img { width: 100%; max-width: 492px; height: 100%; margin: 0 auto; }
.sub01_pr_img img { width: 100%; height: 100%; }
 
.sub02_pt_pr { width: 100%; padding: 0 30px; margin-top: 60px; text-align: center; margin-bottom: 30px; }
.sub02_pt_pr .pr_box p {
    font-size: 24px; color: #454545; font-weight: 600;
    position: relative;
    padding: 0 0 20px; word-break: keep-all;
    text-align: center; letter-spacing: -2px;
}
.sub02_pt_pr .pr_box p > span { color: #009dd2; }
 
/* 인용부호 장식 */
.sub02_pt_pr .pr_box p:before {
    content: ''; position: absolute; top: -40px; left: 0;
    background-image: url('../images/sub/found/02-02.png');
    background-repeat: no-repeat; background-position: center;
    width: 100%; height: 38px; max-width: 49px; z-index: 10;
}
.sub02_pt_pr .pr_box p:after {
    content: ''; position: absolute; bottom: -24px; right: 0;
    background-image: url('../images/sub/found/02-03.png');
    background-repeat: no-repeat; background-position: center;
    width: 100%; height: 38px; max-width: 49px; z-index: 10;
}
 
/* --- 본문 영역 (사진 + 인사말 텍스트) --- */
.sub02_pt_wrap {
    width: 100%; margin: 0 auto; background: #fff;
    padding: 40px 20px 0;
    background-image: url('../images/sub/found/02-01.jpg');
}
.sub02_pt { display: flex; flex-flow: row wrap; padding: 0; align-items: center; }
.sub02_pt p { width: 100%; font-size: 15px; font-weight: 400; color: #777; padding-left: 0; }
.sub02_pt p strong { font-weight: 700; color: #333; padding-left: 10px; }
 
/* 사진 + 텍스트 2단 (모바일: 세로) */
.bc-sub02 { display: block; }
.bc-sub02-pt { flex-shrink: 1; }
.bc-sub02-pt p { text-align: center; margin-bottom: 20px; }
.bc-sub02-pt p img { width: 65%; border-radius: 20px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); }

/* ========================================
   연혁
======================================== */

#sub04{padding:0 5px;width:100%; max-width:1240px;margin:0 auto;}

.sub04_bn_wrap{margin-top:-5px;}
.sub04_bn{background-image: url('../images/sub/found/04-01.jpg'); padding:80px 20px; background-repeat:no-repeat; background-size:cover; background-position:center; border-radius: 15px;}
.sub04_bn p{font-size:16px; font-weight:500; color:#fff; text-align:center; width:100%; max-width:600px; margin:0 auto; word-break:keep-all;}

.sub04_pt_wrap{}
.sub04_con{padding:120px 0 100px;position:relative;}
.sub04_con:before{content:""; display:block; width:1px; background-color:#ddd; position:absolute; top:0; bottom:0; left:50%;}
.sub04_con:after{content:""; display:block; width:8px; height:8px; background-color:#ddd; position:absolute; bottom:0; left:50%; border-radius:100%; transform:translateX(-50%);}

.hist-box {
    display: block;
    max-width: 1200px;
    margin: 40px auto;
    position: relative;
}
.titlst {
    position: sticky;
    width: 100%;
    padding: 20px 0 20px;
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #dcdcdc;
    text-align: center;
	background:#fff;
	top:0;
}
.tlst { width: 33.33%; }
.tlst a {
    display: block;
    font-size: 16px;
    font-weight: 800;
    color: #e0e0e0;
    text-decoration: none;
    letter-spacing: -0.5px;
    transition: color 0.3s;
}
.tlst.active a { color: #0653a5; }
.contlst { padding-top: 30px; }
.item { margin-bottom: 60px; scroll-margin-top: 20px; }
.verti { display: flex; flex-direction: column; margin-bottom: 40px; }
.year-tit { margin-bottom: 15px; font-size: 22px; font-weight: 800; line-height: 1.4; word-break: keep-all; }
.lists { list-style: none; }
.lists li { display: flex; margin-bottom: 20px; }
.lists .month { width: 80px; color: #0653a5; font-size: 14px; flex-shrink: 0; line-height: 1.6; }
.lists .desc { font-size: 14px; color: #777; line-height: 1.6; word-break: keep-all; }

/* ========================================
   CI
======================================== */

#sub05{padding:0;overflow: hidden;width:100%; max-width:1240px;margin:0 auto;}
.sub05_pt p{border: 1px solid #d4d4d4;width: 100%;padding: 30px;font-size: 15px;color: #777;letter-spacing: -0.5px;}

.sub05_title_wrap{margin-bottom:60px;}
.sub05_title_wrap h2{font-size:46px; font-weight:500; color:#333;}
.sub05_title_wrap h2:after{content:""; display:block; width:30px; height:1px; background-color:#333;}

.sub05_pt_wrap{display:flex; flex-flow:row wrap; justify-content:space-between; margin:0px;}
.sub05_pt_box { width: 100%; padding: 0 0; margin-bottom: 20px; justify-content: center; display: flex; }
.sub05_pt_wrap .sub05_pt{width:100%; max-width:580px; padding:60px 20px; border:1px solid #ddd; background-image:url("../images/sub/found/05-00.png"); text-align:center; position:relative;}
.sub05_pt_wrap .sub05_pt img{display:inline;}
.sub05_pt_wrap .sub05_pt .pt_circle { width: 50px; height: 30px; font-size: 14px; top: 10px; left: 10px; border-radius: 0; background-color: #f0f3f5; font-weight: 300; color: #333; display: flex; justify-content: center; align-items: center; position: absolute; }
.sub06_pt_wrap{display:flex; flex-flow:row wrap;}

.sub06_pt{width:100%; display:flex; padding-right:20px;}

.sub06_pt .pt_circle{width:120px; height:120px; display:flex; justify-content:center; align-items:center; font-size:14px; font-weight:600; color:#fff; border-radius:100%; margin-right:20px;}
.sub06_pt:nth-child(1) .pt_circle{background-color:#009dd2;}
.sub06_pt:nth-child(2) .pt_circle{background-color:#0d98f2;}
.sub06_pt:nth-child(3) .pt_circle{background-color:#de9089;}

.sub06_pt .pt_txt{width:100%; max-width:calc(100% - 120px); display:flex; align-items:center;}
.sub06_pt .pt_txt p{font-size:16px; font-weight:300; color:#666; line-height:1.8em; margin-bottom:0;}
.sub06_pt .pt_circle { width: 100px; height: 100px; }

.obj_tit{margin-bottom: 20px; position: relative;font-size: 24px;font-weight: 500;color: #333;word-break: keep-all;margin-top: 80px; padding-left:30px;}
.obj_tit:before {content: '';width: 22px; height: 22px;position: absolute; top:4px;left: 0;background-image: url("../images/tit_bullet.svg");}
.obj_tit span{padding-left: 5px; font-size: 16px; color: #888;}

/* ========================================
   조직도
======================================== */

.ovf-scr {overflow: auto;}
table.tb_org {width: 100%;min-width: 600px;text-align: center;border-top: 2px solid #009dd2;}
table.tb_org th {text-align: center;font-size: 16px;background:#f1f8ff;padding: 10px;border: 1px solid #ddd; vertical-align:middle;}
table.tb_org td {font-size: 16px;border: 1px solid #ddd;padding:15px; vertical-align:middle; white-space: nowrap;}
table.tb_org td:nth-child(3){font-weight:500;}
table.tb_org td.work li{position: relative;text-align: left;padding-left:10px; list-style: none;}
table.tb_org td.work li:after {content: '';position: absolute;top:9.5px;left: 0;width: 4px;height: 4px;border-radius: 100%;background:#666;}
table.tb_org td.work li > ul > li:after {width: 5px;height: 1px;border-radius: 0;top: 10.5px;}
table.tb_org td.work li > ul > li {font-size: 15px;color: #666;}
#tf td.work:nth-child(3){font-weight:400;}
#tf td.work ul{margin-top:10px;}
#tf td.work ul:first-child {margin-top:0;}

.bc_org{box-sizing:border-box;padding-top:60px;}
.bc_org_tb{border-spacing:0;border-collapse;collapse;width:100%;min-width:600px;text-align:center;border-top:2px solid #009dd2;}
.orgtb_c1{width:15%;}
.orgtb_c2{width:15%;}
.orgtb_c3{width:20%;}
.orgtb_c4{width:50%;}

.org_df{box-sizing:border-box;/* padding:20px 0; */position:relative;}
.b_df{box-sizing:border-box;padding:18px 0;width:100%;text-align:center;max-width:240px;font-size: 14px;font-weight:600;}
.org_lay01, .org_lay03{text-align:center;}
.org_lay02{text-align:right;}
.org_lay03{padding:60px 0;}
.org_midw{max-width:660px;margin:0 auto;position: relative;}
.org_midw:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);display:block;width:2px;height:100%;background:#eee;}
.lay-b01{display:inline-block;background:#0653a5;color:#fff;position:relative;cursor:default;}
.lay-b01:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);display:block;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid #eee;}
.lay-b02{display:inline-block;background:#006c9d;color:#fff;position:relative;cursor:default;}
.lay-b02:after{content:"";position:absolute;top:50%;left:-5px;transform:translateY(-50%);display:block;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid #eee;}
.lay-b03{display:inline-block;background:#5e5bb9;color:#fff;position:relative;cursor:default;}
.lay-b03:after{content:"";position:absolute;top:-5px;left:50%;transform:translateX(-50%);display:block;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid #eee;}
.lay-b04{display:inline-block;background:#444;color:#fff;box-sizing:border-box;padding:18px 0;font-size:14px;width:100%;max-width:240px;text-align:center;position:relative;}
.lay-b04:after{content:"";position:absolute;top:-5px;left:50%;transform:translateX(-50%);display:block;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid #eee;}
.lay-b04:hover{color:#fff;}
/* .lay-b04:hover span{text-decoration:underline;} */
.org_lay02{padding: 20px 0px;position: relative;}
.org_lay02:before{content:"";position:absolute;left:50%;top:50%;transform:translateY(-50%);display:block;width:50%;height:2px;background:#eee;z-index:-1}

.lay-ul{position:relative;}
.lay-ul:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);display:none;width:67%;height:2px;background:#eee;}
.lay-ul:after{content:"";display:block;clear:both;}
.lay-li{text-align: center;box-sizing:border-box;position:relative;width:100%;max-width:240px;float:none;margin: 0 auto;padding-top: 20px;}
.lay-li:before{content:"";position:absolute;left:50%;top:0;display:block;width:2px;height: 60px;background:#eee;z-index:-1;transform: translateX(-50%);}

.bc_org + .tb_wrap{margin-top:120px}

.orgtb_c1n{width:15%;}
.orgtb_c2n{width:20%;}
.orgtb_c3n{width:65%;}

.half-li:after{content:"";display:block;clear:both;}
.half-li li{width:100%;float:none;padding:0 10px !important;word-break:keep-all;}
.half-li li:nth-child(odd){clear:both;}

/* ========================================
   조직도
======================================== */

.sub_tab_wrap {display: flex;justify-content: center;padding:0; width:100%; max-width:1240px;margin:0 auto;margin-bottom:70px;}
.sub_tab{width:calc(33.33333333333333% + 1px); margin:-1px 0 0 -1px; border:1px solid #ccc; background-color:#f3f3f3; font-size:17px; font-weight:300; color:#666; padding:10px 20px; text-align:center; cursor:pointer; word-break:keep-all; display:flex; align-items:center; justify-content:center;}
.sub_tab.on{background-color:#393939; border-color:#393939; color:#fff;}
.sub_tabcon{ display:none; overflow:hidden; }
.sub_tabcon.on{ display:block; }

.sub_tabcon_wrap {width: 100%;max-width: 1240px;margin: 0 auto;overflow: hidden;}

/* sub01 */

#sub01{}
.sub01_txt{word-break:keep-all; margin-bottom:40px;}
.sub01_txt_box{border: 2px solid #dce6eb; padding: 30px 15px; border-radius: 0 0 10px 10px;}
.sub01_txt h3{font-size: 18px; font-weight: bold; text-align: center; padding: 30px 15px; background-color: #f4f9fc; border-radius: 10px 10px 0 0;border: 2px solid #dce6eb; border-bottom: 0;}
.sub01_txt p.txt_tit{font-size:16px; padding:0 0 35px;text-align:center;border-bottom:1px solid #eee;}

.hexagon{margin-right: 60px;position:relative; width:60px;height:60px;background-color:#d2efff;margin:25.3px 0;float:left;border-radius:50%;}
.hexagon span {color:#093368; font-weight:600;position: absolute;top: 50%;left: 50%;z-index: 9;transform: translate(-50%, -50%);}

.sub01_pt_wrap ul.list {width: 100%;}
.sub01_pt_wrap ul.list li {width: 100%;display: flex;align-items: center; flex-direction: column;}
.sub01_pt_wrap ul.list li p {font-size: 16px;font-weight: 400;color: #333;word-break: keep-all;padding-left: 0px;display: block;width: 100%;margin-bottom: 4px;text-align:center;}
.sub01_pt p{border: 1px solid #d4d4d4;width: 100%;padding: 30px;font-size: 17px;color: #777;letter-spacing: -0.5px;}
.sub01_txt_box h2 {font-size: 20px;text-align: center;margin: 30px auto 20px;}


/* ========================================
   군민서비스
======================================== */
.eth-n .sub01_pt .obj_tit{margin-top:40px;}

/* ========================================
   청품고
======================================== */
.cq-info { padding: 40px 0 0; }
.cq-intro { font-size: 20px; font-weight: 700; line-height: 1.6; color: #222; word-break: keep-all; margin-bottom: 30px; }
.cq-detail { border-top: 1px solid #ddd; }
.cq-row { display: flex; padding: 16px 0; border-bottom: 1px solid #ddd; }
.cq-row dt { flex: 0 0 100px; font-weight: 600; color: #333; }
.cq-row dd { display: flex; flex-direction: column; gap: 4px; color: #777; font-size: 15px; }
.cq-map { margin-top: 40px; margin-bottom: 60px; }
.cq-map-wrap .root_daum_roughmap { position: relative; overflow: hidden; height: 0; padding-bottom: 42%; width: 100%; border-radius: 30px; }
.cq-map-wrap .wrap_map { position: absolute !important; top: 0; left: 0; width: 100%; height: 100% !important; }
.cq-map-wrap .root_daum_roughmap .cont, .cq-map-wrap .root_daum_roughmap .wrap_controllers { display: none; }
.cq-map-wrap .map_border { border: 0 !important; background-color: transparent !important; }


/* ========================================
   사업안내
======================================== */
.biz-quicknav { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 40px; position: sticky; top: 0; background: var(--color-bg); z-index: 5; padding: 10px 0; }
.biz-quicknav a { font-size: var(--fs-16); padding: 6px 14px; border-radius: 20px; border: 1px solid var(--color-border); color: var(--color-text); text-decoration: none; word-break: keep-all; transition: background .2s, color .2s, border-color .2s; }
.biz-quicknav a:hover { background: var(--color-primary); border-color: var(--color-primary); color: #fff; }

.biz-section { display: grid; grid-template-columns: 100px 1fr; gap: 14px; margin-bottom: 40px; }
.biz-section:last-child { margin-bottom: 0; }
.biz-tag { background: var(--color-secondary); color: var(--color-primary); border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: var(--fs-20); font-weight: 600; padding: 16px 8px; text-align: center; word-break: keep-all; }

.biz-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 12px; }
.biz-card { border: 1px solid var(--color-border); border-radius: 12px; padding: 14px 16px; }
.biz-card.has-detail { grid-column: span 2; }
.biz-card.full { grid-column: 1 / -1; }
.biz-card.emphasized { border: 2px solid var(--color-primary); background: var(--color-secondary); }

.biz-card-title { display: block; font-size: var(--fs-20); font-weight: 500; color: var(--color-text); word-break: keep-all; text-decoration: none; transition: color .2s; }
a.biz-card-title:hover { color: var(--color-primary); text-decoration: underline; }

.biz-subtitle { font-size: var(--fs-16); font-weight: 500; color: var(--color-dark-gr); margin-top: 4px; word-break: keep-all; }

.biz-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.biz-tags a, .biz-tags span { display: inline-block; font-size: var(--fs-18); background: var(--color-secondary); border-radius: 6px; padding: 6px 12px; color: var(--color-primary); text-decoration: none; word-break: keep-all; transition: background .2s, color .2s; }
.biz-tags a:hover { background: var(--color-primary); color: #fff; }
.biz-card.emphasized .biz-tags a, .biz-card.emphasized .biz-tags span { background: #fff; }
.biz-card.emphasized .biz-tags a:hover { background: var(--color-primary); color: #fff; }

.biz-tags.fill { flex-wrap: wrap; }
.biz-tags.fill a { flex: 1 1 200px; text-align: center; padding: 12px; }

.biz-nested { grid-column: 1 / -1; border: 2px solid var(--color-border); border-radius: 12px; padding: 16px; }
.biz-nested-title { font-size: var(--fs-20); font-weight: 600; color: var(--color-text); margin-bottom: 12px; word-break: keep-all; }
.biz-nested-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 10px; }
.biz-subcard { background: var(--color-secondary); border-radius: 8px; padding: 10px 12px; }
.biz-subcard-title { display: block; font-size: var(--fs-18); font-weight: 600; color: var(--color-text); word-break: keep-all; text-decoration: none; transition: color .2s; }
a.biz-subcard-title:hover { color: var(--color-primary); text-decoration: underline; }
.biz-subcard .biz-tags a, .biz-subcard .biz-tags span { font-size: var(--fs-16); background: #fff; padding: 4px 10px; }

.ft-size-up a, .ft-size-up span{ font-size: var(--fs-20);}

/* ========================================
   마이페이지
======================================== */
.my-intro { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; background: var(--color-secondary); border-radius: 12px; padding: 24px 28px; margin-top: 40px; margin-bottom: 32px; }
.my-intro-greet { margin: 0; font-size: var(--fs-18); color: var(--color-text); }
.my-user-name { font-weight: 700; }
.my-intro-links { display: flex; align-items: center; gap: 18px; }
.my-intro-link { display: inline-flex; align-items: center; gap: 6px; font-size: var(--fs-14); font-weight: 700; color: #1d8bff; text-decoration: none; }
.my-intro-link.secondary { font-size: var(--fs-14); font-weight: 400; color: var(--color-dark-gr); }

.my-tab-wrap { display: flex; gap: 20px; border-bottom: 1px solid var(--color-border); margin-bottom: 32px; overflow-x: auto; }
.my-tab-btn { flex-shrink: 0; padding: 12px 2px; font-size: var(--fs-16); color: var(--color-dark-gr); text-decoration: none; border-bottom: 2px solid transparent; white-space: nowrap; }
.my-tab-btn.active { color: #1d8bff; font-weight: 700; border-bottom-color: #1d8bff; }

.b-col-tkt-01{width:12%;}
.b-col-tkt-02{width:15%;}
.b-col-tkt-03{width:41%;}
.b-col-tkt-04{width:15%;}
.b-col-tkt-05{width:8%;}
.b-col-tkt-06{width:9%;}

/* .mypage-ticket .tkt-detail-link{display:inline-block;padding:6px 16px;border:1px solid #1d8bff;border-radius:20px;font-size:0.85rem;color:#1d8bff;white-space:nowrap;}
.mypage-ticket .tkt-detail-link:hover{background:#1d8bff;color:#fff;} */
.mypage-ticket .pagination .paging.num .active{background-color:#1d8bff;border-color:#1d8bff;}

.board-date-label{display:inline-block;margin-right:4px;color:var(--color-dark-gr);font-weight:400;font-style:normal;}
.mypage-ticket .board-date, .mypage-lecture .board-date{font-weight:500;}

.my-detail-wrap { margin: 0 auto; }
.my-detail-title { font-size: var(--fs-20); font-weight: 700; color: var(--color-text); margin: 40px 0 12px; }
.my-detail-title:first-child { margin-top: 0; }

.my-info-list { border-top: 2px solid #000; margin-bottom: 24px; }
.my-info-row { display: flex; flex-wrap: wrap; gap: 20px; padding: 16px 4px; border-bottom: 1px solid var(--color-border); margin: 0; }
.my-info-row > dt { flex: 0 0 120px; font-weight: 600; color: var(--color-text); margin: 0; }
.my-info-row > dd { flex: 1; min-width: 0; color: var(--color-dark-gr); margin: 0; line-height: 1.6; }
.my-info-pair { flex: 1 1 240px; display: flex; }
.my-info-pair dt { flex: 0 0 140px; font-weight: 600; color: var(--color-text); margin: 0; }
.my-info-pair dd { flex: 1; color: var(--color-dark-gr); margin: 0; }

.my-price-table { background: #f8f8f8; border-radius: 8px; padding: 24px 28px; margin-bottom: 40px; }
.my-price-row { display: flex; justify-content: space-between; padding: 6px 0; font-size: var(--fs-16); color: var(--color-text); }
.my-price-row.total { margin-top: 10px; padding-top: 16px; border-top: 1px solid var(--color-border); font-weight: 700; font-size: var(--fs-18); color: #1d8bff; }

.my-table-scroll { overflow-x: auto; margin-bottom: 24px; }
.my-table-scroll .board-table { min-width: 700px; }

.my-fee-notice { background: #f8f8f8; border-radius: 8px; padding: 20px 24px; }
.my-fee-notice p { margin: 0 0 8px; font-size: var(--fs-14); color: var(--color-dark-gr); }
.my-fee-notice p:last-child { margin-bottom: 0; }
.my-fee-notice p strong { color: var(--color-text); }
.my-fee-note { font-size: var(--fs-14); color: var(--color-dark-gr); margin: 12px 0 0; }

.my-notice-section h3 { font-size: var(--fs-18); font-weight: 700; color: var(--color-text); margin: 40px 0 12px; padding-left: 16px; position: relative; }
.my-notice-section h3::before { content: ''; position: absolute; left: 0; top: 8px; width: 8px; height: 8px; border-radius: 50%; background: #1d8bff; }
.my-notice-box { background: #f8f8f8; border-radius: 8px; padding: 20px 24px; }
.my-notice-box p { margin: 0 0 14px; font-size: var(--fs-14); color: var(--color-dark-gr); line-height: 1.6; }
.my-notice-box p:last-child { margin-bottom: 0; }
.my-notice-box p strong { color: var(--color-text); }

.my-back-wrap { text-align: center; margin: 32px 0; }
.my-back-btn { display: inline-block; padding: 12px 32px; border: 1px solid var(--color-border); border-radius: 4px; color: var(--color-text); text-decoration: none; font-size: var(--fs-16); }
.my-back-btn:hover { background: #f5f5f5; }

.b-col-seat-01{width:8%;}
.b-col-seat-02{width:10%;}
.b-col-seat-03{width:10%;}
.b-col-seat-04{width:10%;}
.b-col-seat-05{width:10%;}
.b-col-seat-06{width:12%;}
.b-col-seat-07{width:10%;}
.b-col-seat-08{width:15%;}
.b-col-seat-09{width:15%;}

.b-col-pay-01{width:20%;}
.b-col-pay-02{width:20%;}
.b-col-pay-03{width:35%;}
.b-col-pay-04{width:25%;}

.mypage-seat .status-badge{display:inline-block;padding:5px 16px;border-radius:30px;font-size:0.85rem;font-weight:500;}
.mypage-seat .status-badge.status-cancel{background:#999;color:#fff;}

.my-detail-link{display:inline-block;padding:6px 16px;border:1px solid #1d8bff;border-radius:20px;font-size:0.85rem;color:#1d8bff;white-space:nowrap;}
.my-detail-link:hover{background:#1d8bff;color:#fff;}

.my-status-banner { background: #fdecec; color: #c1503f; border-radius: 8px; padding: 16px 24px; text-align: center; font-weight: 700; margin-bottom: 24px; }
.my-status-banner p{margin-bottom:0;}
.b-col-lec-01{width:15%;}
.b-col-lec-02{width:50%;}
.b-col-lec-03{width:20%;}
.b-col-lec-04{width:15%;}

.my-table-empty{text-align:center;color:var(--color-dark-gr);padding:24px !important;}

.mypage-ticket table td,.mypage-lecture table td{vertical-align:middle;}

.mypage-taxi .board-date{font-weight:500;}

.my-taxi-cat{display:inline-block;font-size:var(--fs-12);padding:2px 8px;border-radius:4px;margin-right:6px;vertical-align:middle;}
.my-taxi-cat.type-tour{background:#e7f0fa;color:#2e6db4;}
.my-taxi-cat.type-food{background:#fbe7e3;color:#d22f16;}

.status-badge.status-confirm{background:var(--color-primary);color:#fff;}
.board-status-cancel{color:#c1503f;font-weight:700;margin-left:4px;}

.b-col-taxi-01{width:12%;}
.b-col-taxi-02{width:15%;}
.b-col-taxi-03{width:49%;}
.b-col-taxi-04{width:15%;}
.b-col-taxi-05{width:9%;}


/* ----- */

/* ========== 태블릿 (min-width: 768px) ========== */
  @media (min-width: 768px) {
	
	.sub02_pt p { font-size: 19px; }

	.sub04_bn p{font-size:30px;}

	.sub05_pt p{font-size: 17px;}

	.sub05_pt_wrap{margin: 0 -5px;}
	.sub05_pt_box { width: 50%; padding: 0 5px; }
	.sub05_pt_box:last-child{justify-content:flex-end;}
	.sub05_pt_wrap .sub05_pt .pt_circle { width: 60px; height: 60px; border-radius: 100%; font-size: 16px; font-weight: 300; top: 20px; left: 20px; }

	.sub06_pt{width: 33.33%;}
	.sub06_pt .pt_txt { max-width: calc(100% - 140px); }

	.sub01_txt_box{padding:30px 35px;}
	.sub01_txt h3{font-size: 23px;}
	.sub01_txt p.txt_tit{font-size:18px; text-align:left;}
	.sub01_pt_wrap ul.list{padding-top: 35px;}
	.sub01_pt_wrap ul.list li{flex-direction: row;}
	.sub01_pt_wrap ul.list li p{padding-left: 25px;text-align:left;width: calc(100% - 60px);}

  }
/* ========== 데스크탑 (min-width: 1024px) ========== */
  @media (min-width: 1024px) {

    .bc-sub02 { display: flex; flex-flow: row; gap: 60px; }
    .bc-sub02-pt { flex-basis: 260px; }
    .bc-sub02-pt p { text-align: left; margin-bottom: 0; }
    .bc-sub02-pt p img { width: auto; max-width: 260px; }
 
    .sub02_pt {flex-flow: row; }
    .sub02_pt p { padding-left: 20px; }
 
    .sub02_pt_wrap { padding: 40px 0 0; }

	.hist-box {
        display: flex;
        margin: 80px auto;
        align-items: flex-start;
    }
    .titlst {
        position: sticky;
        top: 80px;
        width: 280px;
        flex-shrink: 0;
        text-align: right;
        padding-right: 60px;
        display: block; 
        border-bottom: none;
    }
    .tlst { width: auto; margin-bottom: 25px; }
    .tlst a { font-size: 32px; }
    .contlst { flex: 1; border-left: 1px solid #dcdcdc; padding-left: 60px; padding-top: 0; }
    .item { margin-bottom: 120px; scroll-margin-top: 0; }
    .verti { flex-direction: row; margin-bottom: 45px; }
    .year-tit { width: 230px; font-size: 20px; margin-bottom: 0; padding-right: 20px; }
    .lists .month { width: 100px; font-size: 17px; }
    .lists .desc { font-size: 18px; }

	.ovf-scr {overflow: unset;}
	.lay-li{width:33.33%;max-width:unset;float:left;padding-top: 60px;}
	.b_df{font-size:20px !important; max-width:240px;}
	.lay-b04{font-size:18px !important;}
	.lay-ul:before{display:block;}

	.half-li li{width:50%;float:left;}


  }
/* ========== 일반 데스크탑 시작 (min-width: 1280px) ========== */
  @media (min-width: 1280px) {

    #sub02 { padding: 120px 20px 0; }
    .bc251113 { padding: 60px 0 0 !important; }
 
    .sub02_bn_wrap { max-width: 1735px; max-height: 684px; }
    .bc251113 .sub02_bn {
        width: calc(100% - 20px); max-width: 1240px;
        padding-top: 60px; }
 
    .sub02_pt_pl { width: 50%; }
    .bc251113 .sub01_pr_img img { display: block; }
    .bc251113 .sub02_bn_wrap { padding-bottom: 40px; }
 
    .sub02_pt_pr { width: 50%; padding-left: 30px; margin-top: 0; margin-bottom: 0; text-align: left; }
    .sub02_pt_pr .pr_box p { text-align: left; }
 
    .sub02_pt_wrap {
        padding: 60px 70px 0;
    }
 
    .bc-sub02-pt { flex-basis: 300px; }
    .bc-sub02-pt p img { max-width: 300px; }
 
    .sub02_pt_pr .pr_box p:before { left: 0; }
    .sub02_pt_pr .pr_box p:after { right: 0; }

	.sub-content{padding-bottom:60px;}

	/* ========================================
	   청품고
	======================================== */
	.cq-map-wrap .root_daum_roughmap { padding-bottom: 0; height: 400px; }

	/* ========================================
	   마이페이지
	======================================== */
	.my-tab-btn {;padding: var(--spacing-sm) var(--spacing-lg);font-size: var(--fs-18);}

  }
/* ========== 넓은 데스크탑 (min-width: 1400px) ========== */
  @media (min-width: 1400px) {
    
	.sub02_pt_pr .pr_box p { font-size: 36px; }
    .sub02_pt_pr .pr_box p:before { left: -30px; }
    .sub02_pt_pr .pr_box p:after { right: -30px; }
 
    .bc-sub02 { gap: 120px; }
    .bc-sub02-pt { flex-basis: 360px; }
    .bc-sub02-pt p img { max-width: 360px; }

  }
/* ========== 와이드 데스크탑 (min-width: 1600px) ========== */
  @media (min-width: 1600px) {

    
}
  @media (min-width: 1680px) {

}
 /* ========== PC전용요소 (max-width: 1279px) ========== */
  @media (max-width: 1279px) {


 }

 @media (max-width: 900px) {


 }


 /* ========== 모바일 전용 (max-width: 767px) ========== */
 @media (max-width: 767px) {

 .sub01_pt p{font-size: 14px !important;}

	.bc_org_tb th{font-size: 14px !important;}
	.bc_org_tb td{font-size: 14px !important;}
	.b_df{max-width:200px;}
	.bc_org + .tb_wrap{margin-top:60px}

	.org_lay02{text-align:center;}
	.org_lay02:before{display:none;}
	.lay-b02:after{top:0;left:50%;transform:translateX(-50%);}
	.b_df{max-width:180px;}


	/* ========================================
	   청품고
	======================================== */
	.cq-row { flex-direction: column; gap: 4px; }
	.cq-row dt { flex: none; }

	/* ========================================
	   사업안내
	======================================== */
	.biz-quicknav { position: static; }
	.biz-section { grid-template-columns: 1fr; gap: 8px; }
	.biz-tag { padding: 10px; font-size: var(--fs-18); }
	.biz-grid { grid-template-columns: 1fr; }
	.biz-card.has-detail, .biz-card.full { grid-column: 1 / -1; }
	.biz-tags.fill a { flex: 1 1 100%; }

	/* ========================================
	   마이페이지
	======================================== */
	.my-intro { flex-direction: column; align-items: flex-start; margin-top: 24px; padding: 18px; }
	.my-intro-links { width: 100%; justify-content: flex-start; }
	
	.mypage-ticket .b-col-tkt-03{width:80%;}
	.mypage-ticket .b-col-tkt-06{width:20%;}

	.my-info-row.dual { flex-direction: column; gap: 8px; }
	.my-info-pair { flex: none; }
	.my-price-row { font-size: var(--fs-14); }

	.mypage-lecture .b-col-lec-02{width:80%;}
	.mypage-lecture .b-col-lec-04{width:20%;}

	.mypage-taxi .b-col-taxi-03{width:80%;}
	.mypage-taxi .b-col-taxi-05{width:20%;}
 }