@charset "utf-8";
/* ---------------------------------- *
    * BADGE
 * ---------------------------------- */
.bbs_badge{display:inline-block; min-width:60px; font-size:1.6rem; font-weight:500; line-height:3.0rem; text-align:center; padding:0 10px; border-radius:5px;}
.bbs_badge.green{background-color:#24ba76; color:#fff;}
.bbs_badge.lgrey{background-color:#b6b6b6; color:#fff;}
.bbs_badge.mainCol2{background-color:var(--mainColor2); color:#fff;}


/* ---------------------------------- *
    * TABLE
 * ---------------------------------- */
.tbl_caption{font-size:2.0rem; line-height:2.2rem; margin-bottom:20px; padding-left:25px; background:url(../img/contents/ic_ck.png) no-repeat left top;}

.tbl_alert{margin-bottom:20px;}
.tbl_alert li{margin-bottom:5px; font-size:1.8rem; line-height:2.4rem; word-break:keep-all; padding-left:10px; position:relative;}
.tbl_alert li:after{content:''; width:4px; height:4px; border-radius:4px; background-color:#000; position:absolute; top:12px; left:0;}
.tbl_alert li:last-child{margin-bottom:0;}

.cpation_wrap{align-items:center; margin-bottom:20px;}
.cpation_wrap .tbl_caption, .cpation_wrap .tbl_alert{margin-bottom:0 !important;}
.cpation_wrap .sm_caption{font-size:1.6rem; line-height:2.2rem; padding-left:30px; position:relative;}
.cpation_wrap .sm_caption:after{content:''; width:1px; height:16px; background-color:#d5d5d5; position:absolute; top:3px; left:15px;}
.cpation_wrap dl{width:100%; margin-top:10px;}
.cpation_wrap dl dt, .cpation_wrap dl dd{font-size:1.8rem; line-height:2.4rem; margin-bottom:5px;}
.cpation_wrap dl dt{font-weight:500;}
.cpation_wrap dl dd:last-of-type{margin-bottom:0;}

.tbl_box{margin-bottom:50px;}
.tbl_box.only{margin-bottom:0 !important;}

.tbl_box .tbl_style01{border-top:2px solid #000;}
.tbl_box .tbl_style01 th, .tbl_box .tbl_style01 td{padding:15px; font-size:1.8rem; line-height:2.4rem; border:1px solid #dcdcdc; border-width:0 1px 1px 0;}
.tbl_box .tbl_style01 td:last-child{border-width:0 0 1px 0;}
.tbl_box .tbl_style01 tbody th{background-color:#f8f8f8; font-weight:500; word-break:keep-all;}
.tbl_box .tbl_style01 tbody td{color:#5a5a5a;}
.tbl_box .tbl_style01 .payment_info{grid-template-columns:repeat(2, 1fr); gap:5px 25px; background-color:#f9f9f9; border:1px solid #dcdcdc; border-radius:10px; padding:20px; margin-top:10px;}
.tbl_box .tbl_style01 .payment_info li{align-items:center;}
.tbl_box .tbl_style01 .payment_info li span{display:block; width:90px;}
.tbl_box .tbl_style01 .payment_info li input{width:calc(100% - 90px);}
.tbl_box .tbl_style01 .cms_txt{align-items:center; gap:5px; margin-left:5px;}
.tbl_box .tbl_style01 .cms_txt .ipt_basic{width:80px; margin-left:0;}

.tbl_box .tbl_style02{overflow-x:auto;}
.tbl_box .tbl_style02 table{min-width:1100px; border-top:2px solid #000;}
.tbl_box .tbl_style02 th, .tbl_box .tbl_style02 td{padding:15px; font-size:1.8rem; line-height:2.4rem; border:1px solid #dcdcdc; border-width:0 1px 1px 0; text-align:center; word-break:keep-all;}
.tbl_box .tbl_style02 th:last-child, .tbl_box .tbl_style02 td:last-child{border-width:0 0 1px 0;}
.tbl_box .tbl_style02 thead th{padding:20px 15px; background-color:#f8f8f8; font-weight:500;}
.tbl_box .tbl_style02 tbody th{font-weight:300; color:#5a5a5a;}
.tbl_box .tbl_style02 tbody td{color:#5a5a5a;}
.tbl_box .tbl_style02 tbody td.no_data{padding:30px 15px;}


/* ---------------------------------- *
    * INPUT
 * ---------------------------------- */
.ipt_basic{width:100%; max-width:500px; border-color:#b2b2b2; border-radius:10px;}
.ipt_full{width:100%; border-color:#b2b2b2; border-radius:10px;}

.ipt_block{width:100%; display:flex; flex-wrap:wrap; align-items:center; gap:5px;}
.ipt_block.check{gap:10px 30px;}
.ipt_block.check li.full{width:100%;}
.ipt_block.check li .ipt_basic{width:200px; max-width:240px; margin-left:10px;}

.ipt_inline{width:100%; max-width:500px; display:flex; flex-wrap:wrap; align-items:center; gap:5px;}
.ipt_inline.mail .ipt_basic{width:calc(50% - 15px);}
.ipt_inline.tel .ipt_basic{width:calc(33.33% - 20px);}
.ipt_inline.btntype .ipt_basic{width:calc(100% - 165px);}
.ipt_inline.btntype .btn{width:160px; line-height:2.2rem;}
.ipt_inline.markup .ipt_basic{max-width:180px;}
.ipt_inline .mark{display:inline-block; width:20px; text-align:center;}

.chk_design{display:flex; align-items:center;}
.chk_design.center{justify-content:center;}
.chk_design.right{justify-content:center;}
.chk_hidden, .rdo_hidden{display:none;}
.chk_visible{padding-left:30px; position:relative; font-size:1.8rem; line-height:2.2rem; cursor:pointer;}
.chk_visible:before{content:''; display:block; width:20px; height:20px; border-radius:5px; background-color:#fff; border:1px solid #c5c5c5; position:absolute; top:0; left:0;}
.chk_hidden:checked + .chk_visible:after{content:''; width:12px; height:12px; background:url(../img/contents/ic_checkbox.svg) no-repeat center; background-size:12px; filter:invert(31%) sepia(93%) saturate(3580%) hue-rotate(221deg) brightness(101%) contrast(99%); position:absolute; top:5px; left:5px;}
.rdo_visible{padding-left:30px; position:relative; font-size:1.8rem; line-height:2.2rem; cursor:pointer;}
.rdo_visible:before{content:''; display:block; width:20px; height:20px; border-radius:20px; background-color:#fff; border:1px solid #c5c5c5; position:absolute; top:0; left:0;}
.rdo_hidden:checked + .rdo_visible:after{content:''; width:12px; height:12px; border-radius:12px; background-color:var(--subColor); position:absolute; top:5px; left:5px;}


/* ---------------------------------- *
    * SEARCH
 * ---------------------------------- */
.bbs_search{align-items:center; justify-content:space-between; row-gap:15px; background-color:#fafafa; border:1px solid #eee; border-radius:15px; padding:30px; margin-bottom:30px;}

.bbs_search .total{font-size:1.8rem; line-height:2.4rem; padding-left:10px; position:relative;}
.bbs_search .total:after{content:''; width:4px; height:4px; border-radius:4px; background-color:#000; position:absolute; top:12px; left:0;}
.bbs_search .total strong{font-weight:600;}

.bbs_search .search_l_btn{border-radius:5px;}

.bbs_search .search_frm{gap:5px;}
.bbs_search .search_frm select{width:180px;}
.bbs_search .search_frm input{width:280px;}
.bbs_search .search_frm button{width:120px; background-color:#414961; border-radius:5px; font-weight:500; color:#fff;}


/* ---------------------------------- *
    * LIST
 * ---------------------------------- */
.bbs_list .bbs_ltype01{border-top:1px solid #000;}
.bbs_list .bbs_ltype01 th, .bbs_list .bbs_ltype01 td{padding:25px 10px; font-size:1.8rem; line-height:2.4rem; border:1px solid #dcdcdc; border-width:0 1px 1px 0;}
.bbs_list .bbs_ltype01 th:last-child, .bbs_list .bbs_ltype01 td:last-child{border-width:0 0 1px;}
.bbs_list .bbs_ltype01 thead th{background-color:#f8f8f8; font-weight:500; text-align:center;}
.bbs_list .bbs_ltype01 tbody tr{cursor:pointer;}
.bbs_list .bbs_ltype01 tbody tr:hover{background-color:#f2fbfa !important;}
.bbs_list .bbs_ltype01 tbody tr.notice{background-color:#fdfdfd;}
.bbs_list .bbs_ltype01 tbody tr.notice td.subject{font-weight:500;}
.bbs_list .bbs_ltype01 tbody td{text-align:center; color:#5a5a5a;}
.bbs_list .bbs_ltype01 tbody td.subject{text-align:left; color:#000; padding:25px;}
.bbs_list .bbs_ltype01 tbody td.subject.new p{padding-right:25px; position:relative;}
.bbs_list .bbs_ltype01 tbody td.subject.new p:after{content:''; display:inline-block; width:18px; height:18px; border-radius:18px; margin-left:5px; background:url(../img/main/ic_new.svg) no-repeat center #dd0350; background-size:8px; position:relative; top:2px;}
.bbs_list .bbs_ltype01 tbody td.subject img{display:inline-block; width:18px; height:18px; vertical-align: -2px;}
.bbs_list .bbs_ltype01 tbody td.subject.reply p{padding-left:45px; background:url(../img/contents/ic_bbs_reply.svg) no-repeat left center; background-size:40px;}
.bbs_list .bbs_ltype01 tbody td.ic_notice, .bbs_list .bbs_ltype01 tbody td.attach{line-height:0;}
.bbs_list .bbs_ltype01 tbody td.ic_notice img{width:24px;}
.bbs_list .bbs_ltype01 tbody td.attach img{width:20px;}

.bbs_list .gallery{padding-bottom:40px; border-bottom:1px solid #dcdcdc;}
.bbs_list .gallery .list{width:100%; max-width:100%; overflow:hidden;}
.bbs_list .gallery .list .imgbox{border-radius:15px; border:1px solid #eee; overflow:hidden;}
.bbs_list .gallery .list .imgbox a{display:block; line-height:0; position:relative;}
.bbs_list .gallery .list .imgbox a:after{content:''; width:80px; height:80px; background:url(../img/contents/ic_view.svg) no-repeat center; background-size:cover; position:absolute; filter:invert(100%); top:50%; left:50%; margin:-40px 0 0 -40px; transform:scale(1.2); opacity:0; transition:all 0.4s;}
.bbs_list .gallery .list .imgbox a img{width:100%; transition:all 0.4s;}
.bbs_list .gallery .list .imgbox a:hover::after{transform:scale(1); opacity:1; transition-delay:0.2s;}
.bbs_list .gallery .list .imgbox a:hover img{filter:brightness(0.5);}
.bbs_list .gallery .list .txtbox{padding:20px 10px 0;}
.bbs_list .gallery .list .txtbox h3{font-size:1.8rem; font-weight:300; line-height:2.4rem; text-align:center;}
.bbs_list .gallery .list .txtbox ul{align-items:center; justify-content:center; column-gap:15px; margin-top:5px;}
.bbs_list .gallery .list .txtbox ul li{font-size:1.6rem; line-height:2.2rem; color:#999; position:relative;}
.bbs_list .gallery .list .txtbox ul li:after{content:''; width:1px; height:12px; background-color:#ddd; position:absolute; top:6px; right:-8px;}
.bbs_list .gallery .list .txtbox ul li:last-child::after{display:none;}

.bbs_list .bbs_ltype02{grid-template-columns:repeat(4, 1fr); gap:40px 30px;}

.bbs_list .bbs_ltype03{grid-template-columns:repeat(3, 1fr); gap:40px 30px;}
.bbs_list .bbs_ltype03 .list .imgbox a{width:100%; padding-bottom:71.5%; position:relative;}
.bbs_list .bbs_ltype03 .list .imgbox a img{width:100%; min-height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.bbs_list .bbs_ltype03 .list .imgbox.video a{padding-bottom:56.25%;}
.bbs_list .bbs_ltype03 .list .imgbox.video a:after{background:url(../img/contents/ic_play.svg) no-repeat center; background-size:cover;}

.bbs_list .bbs_ltype04{border-top:2px solid #000;}
.bbs_list .bbs_ltype04 .list{padding:40px; border-bottom:1px solid #dcdcdc; align-items:center; cursor:pointer; transition:all 0.3s;}
.bbs_list .bbs_ltype04 .list:hover{background-color:#f9f9f9;}
.bbs_list .bbs_ltype04 .list .imgbox{width:27.6%; padding-bottom:17%; border-radius:15px; border:1px solid #eee; overflow:hidden; position:relative;}
.bbs_list .bbs_ltype04 .list .imgbox img{width:100%; min-height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.bbs_list .bbs_ltype04 .list .txtbox{width:72.4%; padding-left:5%;}
.bbs_list .bbs_ltype04 .list .txtbox .subject{align-items:center; margin-bottom:20px; gap:10px;}
.bbs_list .bbs_ltype04 .list .txtbox .subject h2{font-size:2.4rem; line-height:3.0rem;}
.bbs_list .bbs_ltype04 .list .txtbox .details{gap:40px;}
.bbs_list .bbs_ltype04 .list .txtbox .details dl{width:calc(50% - 20px); align-items:flex-start; row-gap:5px;}
.bbs_list .bbs_ltype04 .list .txtbox .details dl dt, .bbs_list .bbs_ltype04 .list .txtbox .details dl dd{font-size:1.8rem; line-height:2.6rem;}
.bbs_list .bbs_ltype04 .list .txtbox .details dl dt{width:110px; padding-left:10px; font-weight:500; position:relative;}
.bbs_list .bbs_ltype04 .list .txtbox .details dl dt:after{content:''; width:4px; height:4px; border-radius:4px; background-color:#000; position:absolute; top:12px; left:0;}
.bbs_list .bbs_ltype04 .list .txtbox .details dl dd{width:calc(100% - 110px); color:#5a5a5a;}

.bbs_list .btn-area.right{margin-top:30px;}
.bbs_list .btn-area.right .btn.icon img{width:18px;}


/* ---------------------------------- *
    * VIEW
 * ---------------------------------- */
.bbs_view .bbs_vtype01 .v_subject{padding:0 30px 50px; text-align:center;}
.bbs_view .bbs_vtype01 .v_subject h1{font-size:3.0rem; line-height:4.0rem; text-align:center; word-break:keep-all;}
.bbs_view .bbs_vtype01 .v_subject h1 u{display:inline; text-decoration:none; box-shadow:inset 0 -20px 0 #fff4f8; padding:0 5px 5px;}
.bbs_view .bbs_vtype01 .v_subject ul{margin-top:20px; gap:25px; align-items:center; justify-content:center;}
.bbs_view .bbs_vtype01 .v_subject ul li{font-size:1.8rem; line-height:2.4rem; color:#808080; position:relative;}
.bbs_view .bbs_vtype01 .v_subject ul li:after{content:''; width:1px; height:14px; background-color:#d3d3d3; position:absolute; top:6px; right:-13px;} 
.bbs_view .bbs_vtype01 .v_subject ul li:last-child::after{display:none;}
.bbs_view .bbs_vtype01 .v_content{padding:50px 30px 80px; border-top:1px solid #000; font-size:1.8rem; line-height:2.4rem;}
.bbs_view .bbs_vtype01 .v_content img{max-width:100%;}
.bbs_view .bbs_vtype01 .v_attach{margin-top:50px;}
.bbs_view .bbs_vtype01 .v_attach dl{border-radius:15px; border:1px solid var(--mainColor2); overflow:hidden;}
.bbs_view .bbs_vtype01 .v_attach dl dt{width:120px; background-color:var(--mainColor2); align-items:center; justify-content:center; font-size:1.8rem; font-weight:500; line-height:2.0rem; color:#fff;}
.bbs_view .bbs_vtype01 .v_attach dl dd{width:calc(100% - 120px); padding:30px;}
.bbs_view .bbs_vtype01 .v_attach dl dd span{display:block; padding-left:20px; margin-bottom:10px; background:url(../img/contents/ic_bbs_download.svg) no-repeat left 7px; background-size:12px;}
.bbs_view .bbs_vtype01 .v_attach dl dd span:last-child{margin-bottom:0;}
.bbs_view .bbs_vtype01 .v_attach dl dd span a{display:inline-block; font-size:1.8rem; line-height:2.4rem; color:#5a5a5a;}
.bbs_view .bbs_vtype01 .v_reply{margin-top:50px; position: relative; padding-left: 20px;}
.bbs_view .bbs_vtype01 .v_reply::before{content: "ㄴ"; position: absolute; left: 0px; font-size: 24px; color: var(--mainColor2);}
.bbs_view .bbs_vtype01 .v_reply dl{border-radius:15px; border:1px solid var(--mainColor2); overflow:hidden;}
.bbs_view .bbs_vtype01 .v_reply h1{font-size:2.8rem; line-height:4.0rem; text-align:center; word-break:keep-all;}
.bbs_view .bbs_vtype01 .v_reply h1 u{display:inline; text-align:center; text-decoration:none; box-shadow:inset 0 -20px 0 #60c1bd52; padding:0 5px 5px;}
.bbs_view .bbs_vtype01 .v_reply ul{margin-top:20px; margin-bottom:20px; gap:25px; align-items:center; justify-content:center;}
.bbs_view .bbs_vtype01 .v_reply ul li{font-size:1.8rem; line-height:2.4rem; color:#808080; position:relative;}
.bbs_view .bbs_vtype01 .v_reply ul li:after{content:''; width:1px; height:14px; background-color:#d3d3d3; position:absolute; top:6px; right:-13px;} 
.bbs_view .bbs_vtype01 .v_reply ul li:last-child::after{display:none;}
.bbs_view .bbs_vtype01 .v_reply dl dd{width:100%; padding:30px;}
.bbs_view .bbs_vtype01 .v_reply .re_content{padding:30px 0px; border-top:1px solid var(--mainColor2); font-size:1.8rem; line-height:2.4rem;}
.bbs_view .bbs_vtype01 .v_bottom dl{border:1px solid #000; border-width:1px 0;}
.bbs_view .bbs_vtype01 .v_bottom dl dt, .bbs_view .bbs_vtype01 .v_bottom dl dd{font-size:1.8rem; border-bottom:1px solid #d2d2d2;}
.bbs_view .bbs_vtype01 .v_bottom dl dt:last-of-type, .bbs_view .bbs_vtype01 .v_bottom dl dd:last-of-type{border-bottom:0;}
.bbs_view .bbs_vtype01 .v_bottom dl dt{width:140px; text-align:center; padding:25px 0;}
.bbs_view .bbs_vtype01 .v_bottom dl dt p{display:inline-block; padding-left:20px; position:relative;}
.bbs_view .bbs_vtype01 .v_bottom dl dt p:after{content:''; width:10px; height:10px; background:url(../img/main/aw_down.svg) no-repeat center; background-size:cover; position:absolute; top:50%; left:0; margin-top:-5px; opacity:0.8;}
.bbs_view .bbs_vtype01 .v_bottom dl dt.prev p:after{transform:rotate(180deg);}
.bbs_view .bbs_vtype01 .v_bottom dl dd{width:calc(100% - 140px); padding:25px 130px 25px 0; position:relative;}
.bbs_view .bbs_vtype01 .v_bottom dl dd a{display:block; color:#5a5a5a;}
.bbs_view .bbs_vtype01 .v_bottom dl dd .date{color:#989898; position:absolute; top:25px; right:20px;}

.bbs_view .btn-area{margin-top:50px;}


/* ---------------------------------- *
    * VIDEO
 * ---------------------------------- */
.bbs_video{margin-bottom:40px;}

.bbs_video .videobox{width:100%; padding-bottom:56.25%; border:1px solid #eee; border-radius:15px; overflow:hidden; position:relative;}
.bbs_video .videobox iframe{width:100%; height:100%; position:absolute; top:0; left:0;}

.bbs_video .txtbox{align-items:center; justify-content:space-between; margin-top:30px;}
.bbs_video .txtbox h3{font-size:2.0rem; font-weight:500; line-height:2.6rem; margin-right:15px;}
.bbs_video .txtbox ul{align-items:center; justify-content:center; column-gap:15px; margin-top:5px;}
.bbs_video .txtbox ul li{font-size:1.6rem; line-height:2.2rem; color:#999; position:relative;}
.bbs_video .txtbox ul li:after{content:''; width:1px; height:12px; background-color:#ddd; position:absolute; top:6px; right:-8px;}
.bbs_video .txtbox ul li:last-child::after{display:none;}


/* ---------------------------------- *
    * WRITE
 * ---------------------------------- */
.bbs_write .bbs_wtype01{border-top:2px solid #000;}
.bbs_write .bbs_wtype01 th, .bbs_write .bbs_wtype01 td{padding:20px; border-bottom:1px solid #dcdcdc;}
.bbs_write .bbs_wtype01 tbody th{background-color:#f8f8f8; border-right:1px solid #dcdcdc; font-size:1.8rem; font-weight:500;}

.bbs_write .btn-area{margin-top:50px;}


/* ---------------------------------- *
    * PAGER
 * ---------------------------------- */
.bbs_pager{margin-top:50px;}
.bbs_pager ul{align-items:center; justify-content:center; gap:10px;}
.bbs_pager ul li.prev, .bbs_pager ul li.next{margin:0 10px;}
.bbs_pager ul li a{display:block; width:40px; border-radius:5px; font-size:1.8rem; line-height:4.0rem; text-align:center;}
.bbs_pager ul li.arrow a{width:auto; line-height:0;}
.bbs_pager ul li.on a{background-color:#414961; font-weight:600; color:#fff;}



/* RESPONSIVE */
@media screen and (max-width:1280px){
    /* ---------------------------------- *
        * TABLE
     * ---------------------------------- */
    .tbl_box .tbl_style01 colgroup{display:none;}
    .tbl_box .tbl_style01 tr{display:flex; flex-wrap:wrap;}
    .tbl_box .tbl_style01 td:nth-child(2n){border-width:0 0 1px 0;}
    .tbl_box .tbl_style01 tbody th{width:20%;}
    .tbl_box .tbl_style01 tbody td{width:80%;}
    .tbl_box .tbl_style01 .payment_info{grid-template-columns:1fr;}


    /* ---------------------------------- *
        * LIST
     * ---------------------------------- */
    .bbs_list .gallery .list .txtbox{padding:20px 0 0;}

    .bbs_list .bbs_ltype02{gap:40px 20px;}

    .bbs_list .bbs_ltype03{gap:40px 20px;}

    .bbs_list .bbs_ltype04 .list{padding:30px;}
    .bbs_list .bbs_ltype04 .list .txtbox .details{gap:5px;}
    .bbs_list .bbs_ltype04 .list .txtbox .details dl{width:100%;}
}


@media screen and (max-width:1024px){
    /* ---------------------------------- *
        * TABLE
     * ---------------------------------- */
    .tbl_box{margin-bottom:40px;}


    /* ---------------------------------- *
        * SEARCH
     * ---------------------------------- */
    .bbs_search .search_frm select{width:160px;}
    .bbs_search .search_frm input{width:260px;}


    /* ---------------------------------- *
        * LIST
     * ---------------------------------- */
    .bbs_list .bbs_ltype01 tbody td.subject{padding:25px 10px;}

    .bbs_list .bbs_ltype04 .list{align-items:flex-start;}
    .bbs_list .bbs_ltype04 .list .imgbox{width:30%; padding-bottom:18%;}
    .bbs_list .bbs_ltype04 .list .txtbox{width:70%; padding-left:30px;}


    /* ---------------------------------- *
        * VIEW
     * ---------------------------------- */
    .bbs_view .bbs_vtype01 .v_subject{padding:0 30px 40px;}
    .bbs_view .bbs_vtype01 .v_content{padding:40px 30px 60px;}
    .bbs_view .bbs_vtype01 .v_attach{margin-top:40px;}

    .bbs_view .btn-area{margin-top:40px;}


    /* ---------------------------------- *
        * WRITE
     * ---------------------------------- */
    .bbs_write .btn-area{margin-top:40px;}


    /* ---------------------------------- *
        * PAGER
     * ---------------------------------- */
    .bbs_pager{margin-top:40px;}
}


@media screen and (max-width:768px){
    /* ---------------------------------- *
        * TABLE
     * ---------------------------------- */
    .tbl_caption{margin-bottom:10px; padding-left:22px; background-size:14px;}

    .cpation_wrap{margin-bottom:10px;}
    .cpation_wrap .sm_caption{padding-left:20px;}
    .cpation_wrap .sm_caption:after{height:14px; left:10px;}

    .tbl_alert{margin-bottom:10px;}
    .tbl_alert li:after{top:9px;}

    .tbl_box .tbl_style01 th, .tbl_box .tbl_style01 td{padding:15px 10px; display:flex; justify-content:center;}
    .tbl_box .tbl_style01 th{align-items:center;}
    .tbl_box .tbl_style01 td{flex-direction:column;}
    .tbl_box .tbl_style01 .payment_info{padding:15px;}
    .tbl_box .tbl_style01 .payment_info li span{width:70px;}
    .tbl_box .tbl_style01 .payment_info li input{width:calc(100% - 70px);}

    .tbl_box .tbl_style02{overflow-x:inherit}
    .tbl_box .tbl_style02 table{min-width:100%; border-top:none;}
    .tbl_box .tbl_style02 colgroup, .tbl_box .tbl_style02 thead{display:none;}
    .tbl_box .tbl_style02 th, .tbl_box .tbl_style02 td{display:block; width:100%; border-width:0 0 1px 0;}
    .tbl_box .tbl_style02 tbody tr{display:flex; flex-direction:column; align-items:center;; justify-content:center; border-top:2px solid #000; margin-bottom:15px;}
    .tbl_box .tbl_style02 tbody th{font-size:2.0rem; font-weight:500; color:#000; background-color:#f8f8f8; order:1;}
    .tbl_box .tbl_style02 tbody td{line-height:3.0rem; text-align:right; position:relative; padding:12px 15px 12px 130px; order:2;}
    .tbl_box .tbl_style02 tbody td:before{content:''; width:3px; height:3px; border-radius:3px; background-color:#000; position:absolute; top:24px; left:15px;}
    .tbl_box .tbl_style02 tbody td:after{content:attr(data-label); font-weight:500; color:#000; position:absolute; top:12px; left:25px;}
    .tbl_box .tbl_style02 tbody td.no_data{font-size:2.0rem; text-align:center; padding:50px 15px;}
    .tbl_box .tbl_style02 tbody td.no_data:before, .tbl_box .tbl_style02 tbody td.no_data:after{display:none;}


    /* ---------------------------------- *
        * INPUT
     * ---------------------------------- */
    .ipt_basic, .ipt_full{border-radius:5px;}

    .ipt_block.check{gap:5px 20px;}
    .ipt_block.check li .ipt_basic{width:60%;}

    .ipt_inline.mail .ipt_basic{width:calc(50% - 12px);}
    .ipt_inline.tel .ipt_basic{width:calc(33.33% - 16px);}
    .ipt_inline.btntype .ipt_basic{width:calc(100% - 140px);}
    .ipt_inline.btntype .btn{width:135px;}

    .ipt_inline .mark{width:14px;}

    .chk_visible, .rdo_visible{line-height:2.4rem; padding-left:24px;}
    .chk_visible:before, .rdo_visible:before{width:16px; height:16px; top:1px;}
    .chk_hidden:checked + .chk_visible:after{top:4px; left:3px;}
    .chk_hidden:checked + .chk_visible:after{width:10px; height:10px; top:5px; left:4px;}
    .rdo_visible:before, .rdo_visible:before{width:16px; height:16px; top:1px;}
    .rdo_hidden:checked + .rdo_visible:after{top:4px; left:3px;}
    .rdo_hidden:checked + .rdo_visible:after{width:10px; height:10px; top:5px; left:4px;}


    /* ---------------------------------- *
        * SEARCH
     * ---------------------------------- */
    .bbs_search{row-gap:10px; padding:20px; border-radius:10px; margin-bottom:20px;}

    .bbs_search .total:after{top:9px;}
    
    .bbs_search .search_frm select{width:130px;}
    .bbs_search .search_frm input{width:calc(100% - 220px); min-width:175px;}
    .bbs_search .search_frm button{width:80px;}
    

    /* ---------------------------------- *
        * LIST
     * ---------------------------------- */
    .bbs_list .bbs_ltype01 colgroup, .bbs_list .bbs_ltype01 thead{display:none;}
    .bbs_list .bbs_ltype01 th, .bbs_list .bbs_ltype01 td{padding:0; border:none;}
    .bbs_list .bbs_ltype01 tbody tr{display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; row-gap:10px; padding:20px 10px; border-bottom:1px solid #dcdcdc;}
    .bbs_list .bbs_ltype01 tbody tr.notice td.subject{width:calc(100% - 28px) !important; margin-left:8px;}
    .bbs_list .bbs_ltype01 tbody td{position:relative; padding:0 0 0 15px;}
    .bbs_list .bbs_ltype01 tbody td.ic_notice{padding:0 !important;}
    .bbs_list .bbs_ltype01 tbody td.ic_notice img{width:20px;}
    .bbs_list .bbs_ltype01 tbody td.attach img{width:18px;}
    .bbs_list .bbs_ltype01 tbody td.num{display:none;}
    .bbs_list .bbs_ltype01 tbody td.subject{width:100%; padding:0 !important; font-size:2.0rem; line-height:2.6rem;}
    .bbs_list .bbs_ltype01 tbody td.subject.new p:after{position:absolute; top:0; right:0;}

    .bbs_list .gallery{padding-bottom:30px;}
    .bbs_list .gallery .list .imgbox{border-radius:10px;}
    .bbs_list .gallery .list .txtbox{padding:10px 0 0;}

    .bbs_list .bbs_ltype02{grid-template-columns:repeat(2, 1fr); gap:30px 15px;}

    .bbs_list .bbs_ltype03{grid-template-columns:repeat(2, 1fr); gap:30px 15px;}

    .bbs_list .bbs_ltype04 .list{padding:20px; align-items:center; justify-content:center; row-gap:20px;}
    .bbs_list .bbs_ltype04 .list .imgbox{width:100%; max-width:320px; height:200px;}
    .bbs_list .bbs_ltype04 .list .txtbox{width:100%; padding-left:0;}
    .bbs_list .bbs_ltype04 .list .txtbox .subject{margin-bottom:15px; gap:5px;}
    .bbs_list .bbs_ltype04 .list .txtbox .details dl dt{width:90px;}
    .bbs_list .bbs_ltype04 .list .txtbox .details dl dt:after{top:9px;}
    .bbs_list .bbs_ltype04 .list .txtbox .details dl dd{width:calc(100% - 90px);}

    .bbs_list .btn-area.right{margin-top:20px;}
    .bbs_list .btn-area.right .btn.icon img{width:16px;}


    /* ---------------------------------- *
        * VIEW
     * ---------------------------------- */
    .bbs_view .bbs_vtype01 .v_subject{padding:0 20px 40px;}
    .bbs_view .bbs_vtype01 .v_subject h1{font-size:2.6rem; line-height:3.6rem;}
    .bbs_view .bbs_vtype01 .v_subject ul{margin-top:15px;}
    .bbs_view .bbs_vtype01 .v_subject ul li:after{height:12px; top:5px;}
    .bbs_view .bbs_vtype01 .v_content{padding:40px 20px 60px;}
    .bbs_view .bbs_vtype01 .v_attach dl{border-radius:10px;}
    .bbs_view .bbs_vtype01 .v_attach dl dt{width:100px;}
    .bbs_view .bbs_vtype01 .v_attach dl dd{width:calc(100% - 100px); padding:20px;}
    .bbs_view .bbs_vtype01 .v_attach dl dd span{background-position:left 5px;}
    .bbs_view .bbs_vtype01 .v_reply  dl dd{width:100%; padding:30px 15px;}
    .bbs_view .bbs_vtype01 .v_reply  h1{font-size:2.4rem; line-height:3.6rem;}
    .bbs_view .bbs_vtype01 .v_bottom dl dt{width:100px; padding:20px 0;}
    .bbs_view .bbs_vtype01 .v_bottom dl dd{width:calc(100% - 100px); padding:20px 100px 20px 0;}
    .bbs_view .bbs_vtype01 .v_bottom dl dd .date{top:20px; right:15px;}


    /* ---------------------------------- *
        * VIDEO
     * ---------------------------------- */
    .bbs_video{margin-bottom:30px;}

    .bbs_video .videobox{border-radius:10px;}
    
    .bbs_video .txtbox{margin-top:15px;}


    /* ---------------------------------- *
        * WRITE
     * ---------------------------------- */
    .bbs_write .bbs_wtype01 th, .bbs_write .bbs_wtype01 td{padding:10px;}


    /* ---------------------------------- *
        * PAGER
     * ---------------------------------- */
    .bbs_pager ul{gap:1px;}
    .bbs_pager ul li a{width:32px;}
}


@media screen and (max-width:480px){
    /* ---------------------------------- *
        * TABLE
     * ---------------------------------- */
    .cpation_wrap{flex-direction:column; row-gap:5px; align-items:flex-start;}
    .cpation_wrap .sm_caption{padding-left:0;}
    .cpation_wrap .sm_caption:after{display:none;}
    
    .tbl_box{margin-bottom:30px;}

    .tbl_box .tbl_style01 tbody th{width:100%; border-width:0 0 1px 0; border-style:dashed;}
    .tbl_box .tbl_style01 tbody td{width:100%;}


    /* ---------------------------------- *
        * SEARCH
     * ---------------------------------- */
    .bbs_search .search_l_btn{width:100%;}

    .bbs_search .search_frm{width:100%;}
    .bbs_search .search_frm select, .bbs_search .search_frm input, .bbs_search .search_frm button{width:100%;}


    /* ---------------------------------- *
        * LIST
     * ---------------------------------- */
    .bbs_list .bbs_ltype03{grid-template-columns:1fr;}
    .bbs_list .bbs_ltype03 .list .imgbox a{padding-bottom:65%;}

    .bbs_list .bbs_ltype04 .list{padding:15px;}

    
    /* ---------------------------------- *
        * VIEW
     * ---------------------------------- */
    .bbs_view .bbs_vtype01 .v_subject{padding:0 10px 30px;}
    .bbs_view .bbs_vtype01 .v_content{padding:30px 10px;}
    .bbs_view .bbs_vtype01 .v_attach{margin-top:30px;}
    .bbs_view .bbs_vtype01 .v_attach dl{flex-direction:column;}
    .bbs_view .bbs_vtype01 .v_attach dl dt{width:100%; padding:15px;}
    .bbs_view .bbs_vtype01 .v_attach dl dd{width:100%; padding:15px;}
    .bbs_view .bbs_vtype01 .v_bottom dl dt{width:80px;}
    .bbs_view .bbs_vtype01 .v_bottom dl dt p{padding-left:15px;}
    .bbs_view .bbs_vtype01 .v_bottom dl dt p:after{width:8px; height:8px; margin-top:-4px;}
    .bbs_view .bbs_vtype01 .v_bottom dl dd{width:calc(100% - 80px); padding:20px 90px 20px 0;}
    .bbs_view .bbs_vtype01 .v_bottom dl dd .date{right:10px;}
    
    .bbs_view .btn-area{margin-top:30px;}


    /* ---------------------------------- *
        * WRITE
     * ---------------------------------- */
    .bbs_write .btn-area{margin-top:30px;}


    /* ---------------------------------- *
        * PAGER
     * ---------------------------------- */
    .bbs_pager{margin-top:30px;}
    .bbs_pager ul{gap:5px 0;}
    .bbs_pager ul li{flex:0 0 auto; width:25px;}
    .bbs_pager ul li a{width:auto; border:1px solid #ddd; border-width:1px 1px 1px 0; border-radius:5px;}
    .bbs_pager ul li:not(:first-child) a {border-top-left-radius: 0; border-bottom-left-radius: 0;}
    .bbs_pager ul li:not(:last-child) a{border-top-right-radius: 0; border-bottom-right-radius: 0;}
    .bbs_pager ul li.on a{border-color:#414961;}
    .bbs_pager ul li.prev, .bbs_pager ul li.next{margin:0;}
    .bbs_pager ul li.arrow a{padding:11px 0;}
    .bbs_pager ul li.arrow a img{width:10px;}
}