@charset "UTF-8";

/* ------- board 공통 ------- */
/* align */
.tl{text-align: left !important}
.tr{text-align: right !important}
.tc{text-align: center !important}

.j_center{justify-content: center !important}
.j_start{justify-content: flex-start !important}
.j_end{justify-content: flex-end !important}
.j_around{justify-content: space-around !important}
.j_between{justify-content: space-between !important}
.j_evenly{justify-content: space-evenly !important}
.j_s_center{justify-self: center !important}
.j_s_start{justify-self: flex-start !important}
.j_s_end{justify-self: flex-end !important}

.a_center{align-items: center !important}
.a_start{align-items: flex-start !important}
.a_end{align-items: flex-end !important}
.a_s_center{align-self: center !important}
.a_s_start{align-self: flex-start !important}
.a_s_end{align-self: flex-end !important}

.f_d_col{flex-direction: column !important}
.f_d_row{flex-direction: row !important}

.gap0{gap:0 !important}
.c_gap0{column-gap: 0 !important}
.r_gap0{row-gap: 0 !important}
.gap2{gap:2px !important}
.c_gap2{column-gap: 2px !important}
.r_gap2{row-gap: 2px !important}
.gap4{gap:4px !important}
.c_gap4{column-gap: 4px !important}
.r_gap4{row-gap: 4px !important}
.gap5{gap:5px !important}
.c_gap5{column-gap: 5px !important}
.r_gap5{row-gap: 5px !important}
.gap6{gap:6px !important}
.c_gap6{column-gap: 6px !important}
.r_gap6{row-gap: 6px !important}
.gap8{gap:8px !important}
.c_gap8{column-gap: 8px !important}
.r_gap8{row-gap: 8px !important}
.gap10{gap:10px !important}
.c_gap10{column-gap: 10px !important}
.r_gap10{row-gap: 10px !important}
.gap12{gap:12px !important}
.c_gap12{column-gap: 12px !important}
.r_gap12{row-gap: 12px !important}
.gap14{gap:14px !important}
.c_gap14{column-gap: 14px !important}
.r_gap14{row-gap: 14px !important}
.gap15{gap:15px !important}
.c_gap15{column-gap: 15px !important}
.r_gap15{row-gap: 15px !important}
.gap16{gap:16px !important}
.c_gap16{column-gap: 16px !important}
.r_gap16{row-gap: 16px !important}
.gap18{gap:18px !important}
.c_gap18{column-gap: 18px !important}
.r_gap18{row-gap: 18px !important}
.gap20{gap:20px !important}
.c_gap20{column-gap: 20px !important}
.r_gap20{row-gap: 20px !important}
.gap22{gap: 22px !important}
.c_gap22{column-gap: 22px !important}
.r_gap22{row-gap: 22px !important}
.gap24{gap: 24px !important}
.c_gap24{column-gap: 24px !important}
.r_gap24{row-gap: 24px !important}
.gap25{gap:25px !important}
.c_gap25{column-gap: 25px !important}
.r_gap25{row-gap: 25px !important}
.gap26{gap: 26px !important}
.c_gap26{column-gap: 26px !important}
.r_gap26{row-gap: 26px !important}
.gap28{gap: 28px !important}
.c_gap28{column-gap: 28px !important}
.r_gap28{row-gap: 28px !important}
.gap30{gap: 30px !important}
.c_gap30{column-gap: 30px !important}
.r_gap30{row-gap: 30px !important}
.gap32{gap: 32px !important}
.c_gap32{column-gap: 32px !important}
.r_gap32{row-gap: 32px !important}
.gap34{gap: 34px !important}
.c_gap34{column-gap: 34px !important}
.r_gap34{row-gap: 34px !important}
.gap35{gap:35px !important}
.c_gap35{column-gap: 35px !important}
.r_gap35{row-gap: 35px !important}
.gap36{gap: 36px !important}
.c_gap36{column-gap: 36px !important}
.r_gap36{row-gap: 36px !important}
.gap38{gap: 38px !important}
.c_gap38{column-gap: 38px !important}
.r_gap38{row-gap: 38px !important}
.gap40{gap: 40px !important}
.c_gap40{column-gap: 40px !important}
.r_gap40{row-gap: 40px !important}
.gap42{gap: 42px !important}
.c_gap42{column-gap: 42px !important}
.r_gap42{row-gap: 42px !important}
.gap44{gap: 44px !important}
.c_gap44{column-gap: 44px !important}
.r_gap44{row-gap: 44px !important}
.gap45{gap:45px !important}
.c_gap45{column-gap: 45px !important}
.r_gap45{row-gap: 45px !important}
.gap46{gap: 46px !important}
.c_gap46{column-gap: 46px !important}
.r_gap46{row-gap: 46px !important}
.gap48{gap: 48px !important}
.c_gap48{column-gap: 48px !important}
.r_gap48{row-gap: 48px !important}
.gap50{gap: 50px !important}
.c_gap50{column-gap: 50px !important}
.r_gap50{row-gap: 50px !important}

/* vertical align */
.v_top{vertical-align:top !important}
.v_middle{vertical-align:middle !important}
.v_bottom{vertical-align:bottom !important}

/* text decoration */
.underline{text-decoration:underline !important}
.line_through{text-decoration:line-through !important}
.no_underline{text-decoration:none !important}

/* box-sizing */
.content_box{box-sizing:content-box !important}
.border_box{box-sizing:border-box !important}

/* object-fit */
.object_fill{object-fit:fill !important}
.object_cover{object-fit:cover !important}
.object_contain{object-fit:contain !important}
.object_none{object-fit:none !important}

/* width */
.w_1\/10{width:10% !important}
.w_1\.5\/10{width:15% !important}
.w_2\/10{width:20% !important}
.w_2\.5\/10{width:25% !important}
.w_3\/10{width:30% !important}
.w_3\.5\/10{width:35% !important}
.w_4\/10{width:40% !important}
.w_4\.5\/10{width:45% !important}
.w_5\/10{width:50% !important}
.w_5\.5\/10{width:55% !important}
.w_6\/10{width:60% !important}
.w_6\.5\/10{width:65% !important}
.w_7\/10{width:70% !important}
.w_7\.5\/10{width:75% !important}
.w_8\/10{width:80% !important}
.w_8\.5\/10{width:85% !important}
.w_9\/10{width:90% !important}
.w_9\.5\/10{width:95% !important}
.w_full{width:100% !important}
.w_auto{width:auto !important}
.w_0{width:0px !important}
.w_5{width:5px !important}
.w_10{width:10px !important}
.w_15{width:15px !important}
.w_20{width:20px !important}
.w_25{width:25px !important}
.w_30{width:30px !important}
.w_35{width:35px !important}
.w_40{width:40px !important}
.w_45{width:45px !important}
.w_50{width:50px !important}
.w_55{width:55px !important}
.w_60{width:60px !important}
.w_65{width:65px !important}
.w_70{width:70px !important}
.w_75{width:75px !important}
.w_80{width:80px !important}
.w_85{width:85px !important}
.w_90{width:90px !important}
.w_95{width:95px !important}
.w_100{width:100px !important}
.w_105{width:105px !important}
.w_110{width:110px !important}
.w_115{width:115px !important}
.w_120{width:120px !important}
.w_125{width:125px !important}
.w_130{width:130px !important}
.w_135{width:135px !important}
.w_140{width:140px !important}
.w_145{width:145px !important}
.w_150{width:150px !important}
.w_155{width:155px !important}
.w_160{width:160px !important}
.w_165{width:165px !important}
.w_170{width:170px !important}
.w_175{width:175px !important}
.w_180{width:180px !important}
.w_185{width:185px !important}
.w_190{width:190px !important}
.w_195{width:195px !important}
.w_200{width:200px !important}
.w_205{width:205px !important}
.w_210{width:210px !important}
.w_215{width:215px !important}
.w_220{width:220px !important}
.w_225{width:225px !important}
.w_230{width:230px !important}
.w_235{width:235px !important}
.w_240{width:240px !important}
.w_245{width:245px !important}
.w_250{width:250px !important}
.w_255{width:255px !important}
.w_260{width:260px !important}
.w_265{width:265px !important}
.w_270{width:270px !important}
.w_275{width:275px !important}
.w_280{width:280px !important}
.w_285{width:285px !important}
.w_290{width:290px !important}
.w_295{width:295px !important}
.w_300{width:300px !important}
.w_305{width:305px !important}
.w_310{width:310px !important}
.w_315{width:315px !important}
.w_320{width:320px !important}
.w_325{width:325px !important}
.w_330{width:330px !important}
.w_335{width:335px !important}
.w_340{width:340px !important}
.w_345{width:345px !important}
.w_350{width:350px !important}
.w_355{width:355px !important}
.w_360{width:360px !important}
.w_365{width:365px !important}
.w_370{width:370px !important}
.w_375{width:375px !important}
.w_380{width:380px !important}
.w_385{width:385px !important}
.w_390{width:390px !important}
.w_395{width:395px !important}
.w_400{width:400px !important}
.w_405{width:405px !important}
.w_410{width:410px !important}
.w_415{width:415px !important}
.w_420{width:420px !important}
.w_425{width:425px !important}
.w_430{width:430px !important}
.w_435{width:435px !important}
.w_440{width:440px !important}
.w_445{width:445px !important}
.w_450{width:450px !important}
.w_455{width:455px !important}
.w_460{width:460px !important}
.w_465{width:465px !important}
.w_470{width:470px !important}
.w_475{width:475px !important}
.w_480{width:480px !important}
.w_485{width:485px !important}
.w_490{width:490px !important}
.w_495{width:495px !important}
.w_500{width:500px !important}
.w_525{width:525px !important}
.w_550{width:550px !important}
.w_575{width:575px !important}
.w_600{width:600px !important}
.w_625{width:625px !important}
.w_650{width:650px !important}
.w_675{width:675px !important}
.w_700{width:700px !important}
.w_725{width:725px !important}
.w_750{width:750px !important}
.w_775{width:775px !important}
.w_800{width:800px !important}
.w_825{width:825px !important}
.w_850{width:850px !important}
.w_875{width:875px !important}
.w_900{width:900px !important}
.w_925{width:925px !important}
.w_950{width:950px !important}
.w_975{width:975px !important}
.w_1000{width:1000px !important}

/* height */
.h_1\/10{height:10% !important}
.h_1\.5\/10{height:15% !important}
.h_2\/10{height:20% !important}
.h_2\.5\/10{height:25% !important}
.h_3\/10{height:30% !important}
.h_3\.5\/10{height:35% !important}
.h_4\/10{height:40% !important}
.h_4\.5\/10{height:45% !important}
.h_5\/10{height:50% !important}
.h_5\.5\/10{height:55% !important}
.h_6\/10{height:60% !important}
.h_6\.5\/10{height:65% !important}
.h_7\/10{height:70% !important}
.h_7\.5\/10{height:75% !important}
.h_8\/10{height:80% !important}
.h_8\.5\/10{height:85% !important}
.h_9\/10{height:90% !important}
.h_9\.5\/10{height:95% !important}
.h_full{height:100% !important}
.h_auto{height:auto !important}
.h_0{height:0px !important}
.h_5{height:5px !important}
.h_10{height:10px !important}
.h_15{height:15px !important}
.h_20{height:20px !important}
.h_25{height:25px !important}
.h_30{height:30px !important}
.h_35{height:35px !important}
.h_40{height:40px !important}
.h_45{height:45px !important}
.h_50{height:50px !important}
.h_55{height:55px !important}
.h_60{height:60px !important}
.h_65{height:65px !important}
.h_70{height:70px !important}
.h_75{height:75px !important}
.h_80{height:80px !important}
.h_85{height:85px !important}
.h_90{height:90px !important}
.h_95{height:95px !important}
.h_100{height:100px !important}
.h_105{height:105px !important}
.h_110{height:110px !important}
.h_115{height:115px !important}
.h_120{height:120px !important}
.h_125{height:125px !important}
.h_130{height:130px !important}
.h_135{height:135px !important}
.h_140{height:140px !important}
.h_145{height:145px !important}
.h_150{height:150px !important}
.h_155{height:155px !important}
.h_160{height:160px !important}
.h_165{height:165px !important}
.h_170{height:170px !important}
.h_175{height:175px !important}
.h_180{height:180px !important}
.h_185{height:185px !important}
.h_190{height:190px !important}
.h_195{height:195px !important}
.h_200{height:200px !important}
.h_205{height:205px !important}
.h_210{height:210px !important}
.h_215{height:215px !important}
.h_220{height:220px !important}
.h_225{height:225px !important}
.h_230{height:230px !important}
.h_235{height:235px !important}
.h_240{height:240px !important}
.h_245{height:245px !important}
.h_250{height:250px !important}
.h_255{height:255px !important}
.h_260{height:260px !important}
.h_265{height:265px !important}
.h_270{height:270px !important}
.h_275{height:275px !important}
.h_280{height:280px !important}
.h_285{height:285px !important}
.h_290{height:290px !important}
.h_295{height:295px !important}
.h_300{height:300px !important}
.h_305{height:305px !important}
.h_310{height:310px !important}
.h_315{height:315px !important}
.h_320{height:320px !important}
.h_325{height:325px !important}
.h_330{height:330px !important}
.h_335{height:335px !important}
.h_340{height:340px !important}
.h_345{height:345px !important}
.h_350{height:350px !important}
.h_355{height:355px !important}
.h_360{height:360px !important}
.h_365{height:365px !important}
.h_370{height:370px !important}
.h_375{height:375px !important}
.h_380{height:380px !important}
.h_385{height:385px !important}
.h_390{height:390px !important}
.h_395{height:395px !important}
.h_400{height:400px !important}
.h_405{height:405px !important}
.h_410{height:410px !important}
.h_415{height:415px !important}
.h_420{height:420px !important}
.h_425{height:425px !important}
.h_430{height:430px !important}
.h_435{height:435px !important}
.h_440{height:440px !important}
.h_445{height:445px !important}
.h_450{height:450px !important}
.h_455{height:455px !important}
.h_460{height:460px !important}
.h_465{height:465px !important}
.h_470{height:470px !important}
.h_475{height:475px !important}
.h_480{height:480px !important}
.h_485{height:485px !important}
.h_490{height:490px !important}
.h_495{height:495px !important}
.h_500{height:500px !important}
.h_525{height:525px !important}
.h_550{height:550px !important}
.h_575{height:575px !important}
.h_600{height:600px !important}
.h_625{height:625px !important}
.h_650{height:650px !important}
.h_675{height:675px !important}
.h_700{height:700px !important}
.h_725{height:725px !important}
.h_750{height:750px !important}
.h_775{height:775px !important}
.h_800{height:800px !important}
.h_825{height:825px !important}
.h_850{height:850px !important}
.h_875{height:875px !important}
.h_900{height:900px !important}
.h_925{height:925px !important}
.h_950{height:950px !important}
.h_975{height:975px !important}
.h_1000{height:1000px !important}

/* min-width */
.min_w_0{min-width: 0 !important}
.min_w_25{min-width: 25px !important}
.min_w_50{min-width: 50px !important}
.min_w_75{min-width: 75px !important}
.min_w_100{min-width: 100px !important}
.min_w_125{min-width: 125px !important}
.min_w_150{min-width: 150px !important}
.min_w_175{min-width: 175px !important}
.min_w_200{min-width: 200px !important}
.min_w_225{min-width: 225px !important}
.min_w_250{min-width: 250px !important}
.min_w_275{min-width: 275px !important}
.min_w_300{min-width: 300px !important}
.min_w_325{min-width: 325px !important}
.min_w_350{min-width: 350px !important}
.min_w_375{min-width: 375px !important}
.min_w_400{min-width: 400px !important}
.min_w_425{min-width: 425px !important}
.min_w_450{min-width: 450px !important}
.min_w_475{min-width: 475px !important}
.min_w_500{min-width: 500px !important}
.min_w_525{min-width: 525px !important}
.min_w_550{min-width: 550px !important}
.min_w_575{min-width: 575px !important}
.min_w_600{min-width: 600px !important}
.min_w_625{min-width: 625px !important}
.min_w_650{min-width: 650px !important}
.min_w_675{min-width: 675px !important}
.min_w_700{min-width: 700px !important}
.min_w_725{min-width: 725px !important}
.min_w_750{min-width: 750px !important}
.min_w_775{min-width: 775px !important}
.min_w_800{min-width: 800px !important}
.min_w_825{min-width: 825px !important}
.min_w_850{min-width: 850px !important}
.min_w_875{min-width: 875px !important}
.min_w_900{min-width: 900px !important}
.min_w_925{min-width: 925px !important}
.min_w_950{min-width: 950px !important}
.min_w_975{min-width: 975px !important}
.min_w_1000{min-width: 1000px !important}

/* min-height */
.min_h_0{min-height: 0 !important}
.min_h_25{min-height: 25px !important}
.min_h_50{min-height: 50px !important}
.min_h_75{min-height: 75px !important}
.min_h_100{min-height: 100px !important}
.min_h_125{min-height: 125px !important}
.min_h_150{min-height: 150px !important}
.min_h_175{min-height: 175px !important}
.min_h_200{min-height: 200px !important}
.min_h_225{min-height: 225px !important}
.min_h_250{min-height: 250px !important}
.min_h_275{min-height: 275px !important}
.min_h_300{min-height: 300px !important}
.min_h_325{min-height: 325px !important}
.min_h_350{min-height: 350px !important}
.min_h_375{min-height: 375px !important}
.min_h_400{min-height: 300px !important}
.min_h_425{min-height: 325px !important}
.min_h_450{min-height: 350px !important}
.min_h_475{min-height: 375px !important}
.min_h_400{min-height: 400px !important}
.min_h_425{min-height: 425px !important}
.min_h_450{min-height: 450px !important}
.min_h_475{min-height: 475px !important}
.min_h_500{min-height: 500px !important}
.min_h_525{min-height: 525px !important}
.min_h_550{min-height: 550px !important}
.min_h_575{min-height: 575px !important}
.min_h_600{min-height: 600px !important}
.min_h_625{min-height: 625px !important}
.min_h_650{min-height: 650px !important}
.min_h_675{min-height: 675px !important}
.min_h_700{min-height: 700px !important}
.min_h_725{min-height: 725px !important}
.min_h_750{min-height: 750px !important}
.min_h_775{min-height: 775px !important}
.min_h_800{min-height: 800px !important}
.min_h_825{min-height: 825px !important}
.min_h_850{min-height: 850px !important}
.min_h_875{min-height: 875px !important}
.min_h_900{min-height: 900px !important}
.min_h_925{min-height: 925px !important}
.min_h_950{min-height: 950px !important}
.min_h_975{min-height: 975px !important}
.min_h_1000{min-height: 1000px !important}

/* max-width */
.max_w_none{max-width: none !important}
.max_w_0{max-width: 0 !important}
.max_w_25{max-width: 25px !important}
.max_w_50{max-width: 50px !important}
.max_w_75{max-width: 75px !important}
.max_w_100{max-width: 100px !important}
.max_w_125{max-width: 125px !important}
.max_w_150{max-width: 150px !important}
.max_w_175{max-width: 175px !important}
.max_w_200{max-width: 200px !important}
.max_w_225{max-width: 225px !important}
.max_w_250{max-width: 250px !important}
.max_w_275{max-width: 275px !important}
.max_w_300{max-width: 300px !important}
.max_w_325{max-width: 325px !important}
.max_w_350{max-width: 350px !important}
.max_w_375{max-width: 375px !important}
.max_w_400{max-width: 400px !important}
.max_w_425{max-width: 425px !important}
.max_w_450{max-width: 450px !important}
.max_w_475{max-width: 475px !important}
.max_w_500{max-width: 500px !important}
.max_w_525{max-width: 525px !important}
.max_w_550{max-width: 550px !important}
.max_w_575{max-width: 575px !important}
.max_w_600{max-width: 600px !important}
.max_w_625{max-width: 625px !important}
.max_w_650{max-width: 650px !important}
.max_w_675{max-width: 675px !important}
.max_w_700{max-width: 700px !important}
.max_w_725{max-width: 725px !important}
.max_w_750{max-width: 750px !important}
.max_w_775{max-width: 775px !important}
.max_w_800{max-width: 800px !important}
.max_w_825{max-width: 825px !important}
.max_w_850{max-width: 850px !important}
.max_w_875{max-width: 875px !important}
.max_w_900{max-width: 900px !important}
.max_w_925{max-width: 925px !important}
.max_w_950{max-width: 950px !important}
.max_w_975{max-width: 975px !important}
.max_w_1000{max-width: 1000px !important}

/* max-height */
.max_h_none{max-height: none !important}
.max_h_0{max-height: 0 !important}
.max_h_25{max-height: 25px !important}
.max_h_50{max-height: 50px !important}
.max_h_75{max-height: 75px !important}
.max_h_100{max-height: 100px !important}
.max_h_125{max-height: 125px !important}
.max_h_150{max-height: 150px !important}
.max_h_175{max-height: 175px !important}
.max_h_200{max-height: 200px !important}
.max_h_225{max-height: 225px !important}
.max_h_250{max-height: 250px !important}
.max_h_275{max-height: 275px !important}
.max_h_300{max-height: 300px !important}
.max_h_325{max-height: 325px !important}
.max_h_350{max-height: 350px !important}
.max_h_375{max-height: 375px !important}
.max_h_400{max-height: 400px !important}
.max_h_425{max-height: 425px !important}
.max_h_450{max-height: 450px !important}
.max_h_475{max-height: 475px !important}
.max_h_500{max-height: 500px !important}
.max_h_525{max-height: 525px !important}
.max_h_550{max-height: 550px !important}
.max_h_575{max-height: 575px !important}
.max_h_600{max-height: 600px !important}
.max_h_625{max-height: 625px !important}
.max_h_650{max-height: 650px !important}
.max_h_675{max-height: 675px !important}
.max_h_700{max-height: 700px !important}
.max_h_725{max-height: 725px !important}
.max_h_750{max-height: 750px !important}
.max_h_775{max-height: 775px !important}
.max_h_800{max-height: 800px !important}
.max_h_825{max-height: 825px !important}
.max_h_850{max-height: 850px !important}
.max_h_875{max-height: 875px !important}
.max_h_900{max-height: 900px !important}
.max_h_925{max-height: 925px !important}
.max_h_950{max-height: 950px !important}
.max_h_975{max-height: 975px !important}
.max_h_1000{max-height: 1000px !important}

/* margin */
.m_auto{margin: auto !important}
.mx_auto{margin-left:auto !important;margin-right:auto !important}
.my_auto{margin-top:auto !important;margin-bottom:auto !important}
.mt_auto{margin-top: auto !important}
.mr_auto{margin-right: auto !important}
.mb_auto{margin-bottom: auto !important}
.ml_auto{margin-left: auto !important}

.m0{margin:0 !important}
.mx0{margin-left:0 !important;margin-right:0 !important}
.my0{margin-top:0 !important;margin-bottom:0 !important}
.mt0{margin-top:0 !important}
.mr0{margin-right:0 !important}
.mb0{margin-bottom:0 !important}
.ml0{margin-left:0 !important}

.mpx{margin:1px !important}
.mxpx{margin-left:1px !important;margin-right:1px !important}
.mypx{margin-top:1px !important;margin-bottom:1px !important}
.mtpx{margin-top:1px !important}
.mrpx{margin-right:1px !important}
.mbpx{margin-bottom:1px !important}
.mlpx{margin-left:1px !important}

.m5{margin:5px !important}
.mx5{margin-left:5px !important;margin-right:5px !important}
.my5{margin-top:5px !important;margin-bottom:5px !important}
.mt5{margin-top:5px !important}
.mr5{margin-right:5px !important}
.mb5{margin-bottom:5px !important}
.ml5{margin-left:5px !important}

.m10{margin:10px !important}
.mx10{margin-left:10px !important;margin-right:10px !important}
.my10{margin-top:10px !important;margin-bottom:10px !important}
.mt10{margin-top:10px !important}
.mr10{margin-right:10px !important}
.mb10{margin-bottom:10px !important}
.ml10{margin-left:10px !important}

.m15{margin:15px !important}
.mx15{margin-left:15px !important;margin-right:15px !important}
.my15{margin-top:15px !important;margin-bottom:15px !important}
.mt15{margin-top:15px !important}
.mr15{margin-right:15px !important}
.mb15{margin-bottom:15px !important}
.ml15{margin-left:15px !important}

.m20{margin:20px !important}
.mx20{margin-left:20px !important;margin-right:20px !important}
.my20{margin-top:20px !important;margin-bottom:20px !important}
.mt20{margin-top:20px !important}
.mr20{margin-right:20px !important}
.mb20{margin-bottom:20px !important}
.ml20{margin-left:20px !important}

.m25{margin:25px !important}
.mx25{margin-left:25px !important;margin-right:25px !important}
.my25{margin-top:25px !important;margin-bottom:25px !important}
.mt25{margin-top:25px !important}
.mr25{margin-right:25px !important}
.mb25{margin-bottom:25px !important}
.ml25{margin-left:25px !important}

.m30{margin:30px !important}
.mx30{margin-left:30px !important;margin-right:30px !important}
.my30{margin-top:30px !important;margin-bottom:30px !important}
.mt30{margin-top:30px !important}
.mr30{margin-right:30px !important}
.mb30{margin-bottom:30px !important}
.ml30{margin-left:30px !important}

.m35{margin:35px !important}
.mx35{margin-left:35px !important;margin-right:35px !important}
.my35{margin-top:35px !important;margin-bottom:35px !important}
.mt35{margin-top:35px !important}
.mr35{margin-right:35px !important}
.mb35{margin-bottom:35px !important}
.ml35{margin-left:35px !important}

.m40{margin:40px !important}
.mx40{margin-left:40px !important;margin-right:40px !important}
.my40{margin-top:40px !important;margin-bottom:40px !important}
.mt40{margin-top:40px !important}
.mr40{margin-right:40px !important}
.mb40{margin-bottom:40px !important}
.ml40{margin-left:40px !important}

.m45{margin:45px !important}
.mx45{margin-left:45px !important;margin-right:45px !important}
.my45{margin-top:45px !important;margin-bottom:45px !important}
.mt45{margin-top:45px !important}
.mr45{margin-right:45px !important}
.mb45{margin-bottom:45px !important}
.ml45{margin-left:45px !important}

.m50{margin:50px !important}
.mx50{margin-left:50px !important;margin-right:50px !important}
.my50{margin-top:50px !important;margin-bottom:50px !important}
.mt50{margin-top:50px !important}
.mr50{margin-right:50px !important}
.mb50{margin-bottom:50px !important}
.ml50{margin-left:50px !important}

.m55{margin:55px !important}
.mx55{margin-left:55px !important;margin-right:55px !important}
.my55{margin-top:55px !important;margin-bottom:55px !important}
.mt55{margin-top:55px !important}
.mr55{margin-right:55px !important}
.mb55{margin-bottom:55px !important}
.ml55{margin-left:55px !important}

.m60{margin:60px !important}
.mx60{margin-left:60px !important;margin-right:60px !important}
.my60{margin-top:60px !important;margin-bottom:60px !important}
.mt60{margin-top:60px !important}
.mr60{margin-right:60px !important}
.mb60{margin-bottom:60px !important}
.ml60{margin-left:60px !important}

.m65{margin:65px !important}
.mx65{margin-left:65px !important;margin-right:65px !important}
.my65{margin-top:65px !important;margin-bottom:65px !important}
.mt65{margin-top:65px !important}
.mr65{margin-right:65px !important}
.mb65{margin-bottom:65px !important}
.ml65{margin-left:65px !important}

.m70{margin:70px !important}
.mx70{margin-left:70px !important;margin-right:70px !important}
.my70{margin-top:70px !important;margin-bottom:70px !important}
.mt70{margin-top:70px !important}
.mr70{margin-right:70px !important}
.mb70{margin-bottom:70px !important}
.ml70{margin-left:70px !important}

.m75{margin:75px !important}
.mx75{margin-left:75px !important;margin-right:75px !important}
.my75{margin-top:75px !important;margin-bottom:75px !important}
.mt75{margin-top:75px !important}
.mr75{margin-right:75px !important}
.mb75{margin-bottom:75px !important}
.ml75{margin-left:75px !important}

.m80{margin:80px !important}
.mx80{margin-left:80px !important;margin-right:80px !important}
.my80{margin-top:80px !important;margin-bottom:80px !important}
.mt80{margin-top:80px !important}
.mr80{margin-right:80px !important}
.mb80{margin-bottom:80px !important}
.ml80{margin-left:80px !important}

.m85{margin:85px !important}
.mx85{margin-left:85px !important;margin-right:85px !important}
.my85{margin-top:85px !important;margin-bottom:85px !important}
.mt85{margin-top:85px !important}
.mr85{margin-right:85px !important}
.mb85{margin-bottom:85px !important}
.ml85{margin-left:85px !important}

.m90{margin:90px !important}
.mx90{margin-left:90px !important;margin-right:90px !important}
.my90{margin-top:90px !important;margin-bottom:90px !important}
.mt90{margin-top:90px !important}
.mr90{margin-right:90px !important}
.mb90{margin-bottom:90px !important}
.ml90{margin-left:90px !important}

.m95{margin:95px !important}
.mx95{margin-left:95px !important;margin-right:95px !important}
.my95{margin-top:95px !important;margin-bottom:95px !important}
.mt95{margin-top:95px !important}
.mr95{margin-right:95px !important}
.mb95{margin-bottom:95px !important}
.ml95{margin-left:95px !important}

.m100{margin:100px !important}
.mx100{margin-left:100px !important;margin-right:100px !important}
.my100{margin-top:100px !important;margin-bottom:100px !important}
.mt100{margin-top:100px !important}
.mr100{margin-right:100px !important}
.mb100{margin-bottom:100px !important}
.ml100{margin-left:100px !important}

/* padding */
.p0{padding:0 !important}
.px0{padding-left:0 !important;padding-right:0 !important}
.py0{padding-top:0 !important;padding-bottom:0 !important}
.pt0{padding-top:0 !important}
.pr0{padding-right:0 !important}
.pb0{padding-bottom:0 !important}
.pl0{padding-left:0 !important}

.ppx{padding:1px !important}
.pxpx{padding-left:1px !important;padding-right:1px !important}
.pypx{padding-top:1px !important;padding-bottom:1px !important}
.ptpx{padding-top:1px !important}
.prpx{padding-right:1px !important}
.pbpx{padding-bottom:1px !important}
.plpx{padding-left:1px !important}

.p5{padding:5px !important}
.px5{padding-left:5px !important;padding-right:5px !important}
.py5{padding-top:5px !important;padding-bottom:5px !important}
.pt5{padding-top:5px !important}
.pr5{padding-right:5px !important}
.pb5{padding-bottom:5px !important}
.pl5{padding-left:5px !important}

.p10{padding:10px !important}
.px10{padding-left:10px !important;padding-right:10px !important}
.py10{padding-top:10px !important;padding-bottom:10px !important}
.pt10{padding-top:10px !important}
.pr10{padding-right:10px !important}
.pb10{padding-bottom:10px !important}
.pl10{padding-left:10px !important}

.p15{padding:15px !important}
.px15{padding-left:15px !important;padding-right:15px !important}
.py15{padding-top:15px !important;padding-bottom:15px !important}
.pt15{padding-top:15px !important}
.pr15{padding-right:15px !important}
.pb15{padding-bottom:15px !important}
.pl15{padding-left:15px !important}

.p20{padding:20px !important}
.px20{padding-left:20px !important;padding-right:20px !important}
.py20{padding-top:20px !important;padding-bottom:20px !important}
.pt20{padding-top:20px !important}
.pr20{padding-right:20px !important}
.pb20{padding-bottom:20px !important}
.pl20{padding-left:20px !important}

.p25{padding:25px !important}
.px25{padding-left:25px !important;padding-right:25px !important}
.py25{padding-top:25px !important;padding-bottom:25px !important}
.pt25{padding-top:25px !important}
.pr25{padding-right:25px !important}
.pb25{padding-bottom:25px !important}
.pl25{padding-left:25px !important}

.p30{padding:30px !important}
.px30{padding-left:30px !important;padding-right:30px !important}
.py30{padding-top:30px !important;padding-bottom:30px !important}
.pt30{padding-top:30px !important}
.pr30{padding-right:30px !important}
.pb30{padding-bottom:30px !important}
.pl30{padding-left:30px !important}

.p35{padding:35px !important}
.px35{padding-left:35px !important;padding-right:35px !important}
.py35{padding-top:35px !important;padding-bottom:35px !important}
.pt35{padding-top:35px !important}
.pr35{padding-right:35px !important}
.pb35{padding-bottom:35px !important}
.pl35{padding-left:35px !important}

.p40{padding:40px !important}
.px40{padding-left:40px !important;padding-right:40px !important}
.py40{padding-top:40px !important;padding-bottom:40px !important}
.pt40{padding-top:40px !important}
.pr40{padding-right:40px !important}
.pb40{padding-bottom:40px !important}
.pl40{padding-left:40px !important}

.p45{padding:45px !important}
.px45{padding-left:45px !important;padding-right:45px !important}
.py45{padding-top:45px !important;padding-bottom:45px !important}
.pt45{padding-top:45px !important}
.pr45{padding-right:45px !important}
.pb45{padding-bottom:45px !important}
.pl45{padding-left:45px !important}

.p50{padding:50px !important}
.px50{padding-left:50px !important;padding-right:50px !important}
.py50{padding-top:50px !important;padding-bottom:50px !important}
.pt50{padding-top:50px !important}
.pr50{padding-right:50px !important}
.pb50{padding-bottom:50px !important}
.pl50{padding-left:50px !important}

.p55{padding:55px !important}
.px55{padding-left:55px !important;padding-right:55px !important}
.py55{padding-top:55px !important;padding-bottom:55px !important}
.pt55{padding-top:55px !important}
.pr55{padding-right:55px !important}
.pb55{padding-bottom:55px !important}
.pl55{padding-left:55px !important}

.p60{padding:60px !important}
.px60{padding-left:60px !important;padding-right:60px !important}
.py60{padding-top:60px !important;padding-bottom:60px !important}
.pt60{padding-top:60px !important}
.pr60{padding-right:60px !important}
.pb60{padding-bottom:60px !important}
.pl60{padding-left:60px !important}

.p65{padding:65px !important}
.px65{padding-left:65px !important;padding-right:65px !important}
.py65{padding-top:65px !important;padding-bottom:65px !important}
.pt65{padding-top:65px !important}
.pr65{padding-right:65px !important}
.pb65{padding-bottom:65px !important}
.pl65{padding-left:65px !important}

.p70{padding:70px !important}
.px70{padding-left:70px !important;padding-right:70px !important}
.py70{padding-top:70px !important;padding-bottom:70px !important}
.pt70{padding-top:70px !important}
.pr70{padding-right:70px !important}
.pb70{padding-bottom:70px !important}
.pl70{padding-left:70px !important}

.p75{padding:75px !important}
.px75{padding-left:75px !important;padding-right:75px !important}
.py75{padding-top:75px !important;padding-bottom:75px !important}
.pt75{padding-top:75px !important}
.pr75{padding-right:75px !important}
.pb75{padding-bottom:75px !important}
.pl75{padding-left:75px !important}

.p80{padding:80px !important}
.px80{padding-left:80px !important;padding-right:80px !important}
.py80{padding-top:80px !important;padding-bottom:80px !important}
.pt80{padding-top:80px !important}
.pr80{padding-right:80px !important}
.pb80{padding-bottom:80px !important}
.pl80{padding-left:80px !important}

.p85{padding:85px !important}
.px85{padding-left:85px !important;padding-right:85px !important}
.py85{padding-top:85px !important;padding-bottom:85px !important}
.pt85{padding-top:85px !important}
.pr85{padding-right:85px !important}
.pb85{padding-bottom:85px !important}
.pl85{padding-left:85px !important}

.p90{padding:90px !important}
.px90{padding-left:90px !important;padding-right:90px !important}
.py90{padding-top:90px !important;padding-bottom:90px !important}
.pt90{padding-top:90px !important}
.pr90{padding-right:90px !important}
.pb90{padding-bottom:90px !important}
.pl90{padding-left:90px !important}

.p95{padding:95px !important}
.px95{padding-left:95px !important;padding-right:95px !important}
.py95{padding-top:95px !important;padding-bottom:95px !important}
.pt95{padding-top:95px !important}
.pr95{padding-right:95px !important}
.pb95{padding-bottom:95px !important}
.pl95{padding-left:95px !important}

.p100{padding:100px !important}
.px100{padding-left:100px !important;padding-right:100px !important}
.py100{padding-top:100px !important;padding-bottom:100px !important}
.pt100{padding-top:100px !important}
.pr100{padding-right:100px !important}
.pb100{padding-bottom:100px !important}
.pl100{padding-left:100px !important}

/* form */
.b_align_wrap{display: flex;flex-wrap: wrap;align-items: center}
.b_align_wrap.reverse{flex-wrap: nowrap;flex-direction: column;align-items: normal}

.b_form_wrap{overflow: hidden;border-top: 1px solid #858585;border-bottom: 1px solid #858585;background: #fff}
.b_form_wrap dl dt, 
.b_form_wrap dl dd{font-size: 16px;line-height: 19px}
.b_form_wrap dl dt{padding: 27px 14px 0 0;font-weight: 500;color: #232323}
.b_form_wrap dl dd{padding: 14px 14px 14px 0;line-height: 45px}
.b_form_wrap dl + dl{border-top: 1px solid #ddd}

@media only screen and (min-width: 1024px){
  .b_form_wrap dl{display: flex}
  .b_form_wrap dl dt{flex:0 0 229px;padding: 27px 14px}
  .b_form_wrap dl dd{flex:1;min-width: 0;padding:14px}
}

/* 1024 이상일 때도 모바일 형태 유지 타입 */
.b_form_wrap.type_col dl{display: block; padding-left: 14px;}
.b_form_wrap.type_col dl dt{padding: 27px 14px 0 0}
.b_form_wrap.type_col dl dt .num {padding: 0 10px; margin-right: 5px; border-radius: 2px; background-color: #232323; color: #fff;}
.b_form_wrap.type_col dl dd{padding: 14px 14px 14px 0}
.b_form_wrap.type_col dl dd .text {background-color: #F9F9F9; border-radius: 5px; padding: 10px; line-height: 1.3;}

/* textarea */
.b_ta_comm{width: 100%;min-height: 260px;padding: 15px 17px 20px;border:1px solid #858585;border-radius: 3px;font-size: 16px;line-height: 19px;color: #232323;resize: none;box-sizing: border-box}
.b_ta_comm::-webkit-input-placeholder{opacity: .38}
.b_ta_comm::-moz-placeholder{opacity: .38}
.b_ta_comm:-ms-input-placeholder{opacity: .38}
.b_ta_comm:-moz-placeholder{opacity: .38}

.b_ta_comm:disabled,
.b_ta_comm[disabled],
.b_ta_comm[readonly]{border-color: #ddd;color: #858585;background-color: #f9f9f9}

/* checkbox & radio */
.b_item_choice{--min-height: 30px; --pdy: 10px;--pl: 28px; display: inline-flex;position: relative;vertical-align: top;}
.b_item_choice input{position: absolute;top: 0;left: 0;z-index: -1;width: 100%;height: 100%;margin: 0;padding: 0;border: 0;opacity: 0.001}
.b_item_choice input:checked + label{color: var(--font-color, #1c87e1)}
.b_item_choice input:focus-visible + label{outline:#265DC5 auto 1px;outline-offset: -1px}
.b_item_choice label{display: inline-flex;align-items: center;flex-wrap: wrap;gap: 2px 10px;position: relative;min-height: var(--min-height, 45px);padding: var(--pdy, 13px) 0 var(--pdy, 13px) var(--pl, 34px);font-size: 16px;line-height: 19px;color: #232323;vertical-align: top;box-sizing: border-box;cursor: pointer}
.b_item_choice label .ico_choice, .b_item_choice label i{position: absolute;top:50%;left:0;width: 20px;height: 20px;background-position: 0 0;background-repeat: no-repeat;background-size: 24px 24px;transform: translateY(-50%)}
.b_item_choice label i{font-size: var(--icon-size, 20px)}
.b_item_choice.top label{align-items: flex-start}
.b_item_choice.top .ico_choice, .b_item_choice.top i{top: var(--icon-top, 14px);transform: translateY(0)}
.b_item_choice.only .ico_choice, .b_item_choice.only i{left: 50%;transform: translate(-50%, -50%)}
.b_item_choice.right label{padding-left: 0;padding-right: var(--pr, 34px)}
.b_item_choice.right label .ico_choice, .b_item_choice.right label i{left: auto;right: 0}
.b_item_choice.check label .ico_choice{background-image: url(/home/gjarchive/images/common/ico_check.png)}
.b_item_choice.check input:checked + label .ico_choice{background-image: url(/home/gjarchive/images/common/ico_check_on.png)}
.b_item_choice.check input:checked + label i{font-weight: 900;color: var(--icon-color, inherit)}
.b_item_choice.check input:checked + label i:before{content: '\f14a'}
.b_item_choice input:disabled + label{opacity: .6;filter:grayscale(1);cursor: default;pointer-events: none}
.b_item_choice.radio label .ico_choice{background-image: url(/home/gjarchive/images/common/ico_radio.png)}
.b_item_choice.radio input:checked+label .ico_choice{background-image: url(/home/gjarchive/images/common/ico_radio_on.png)}
.b_item_choice.radio input:checked+label i{font-weight: 400}
.b_item_choice.radio input:checked+label i::before{content: '\f192'}

@media only screen and (min-width: 1024px) {
  .b_item_choice{--pl: 32px;--icon-size: 24px}
  .b_item_choice label .ico_choice, .b_item_choice label i{width: 24px;height: 24px}
}

/* button */
.b_btn{display:inline-flex;justify-content:center;align-items:center;column-gap:10px;row-gap: 4px;min-height: 45px;padding:5px 15px;border-radius: 6px;font-size: 14px;line-height: 17px;box-sizing: border-box;vertical-align: top;transition: opacity .3s}
.b_btn[type="submit"]{border: 0}
.b_btn.sm{column-gap: 8px;min-height: 30px;border-radius: 5px;padding: 5px 12px;font-size: 12px;line-height: 15px}
.b_btn.lg{column-gap: 12px;min-height: 52px;font-size: 16px;line-height: 19px}
.b_btn.b_btn1{border:1px solid #ddd;color:#575757;background-color: #fff}
.b_btn.b_btn2{border:1px solid #ddd;color:#232323;background-color: #F9F9F9}
.b_btn.b_btn3{color:#fff;background-color: #1F96FF}
.b_btn.b_btn4{color:#fff;background-color: #2F51B2}
.b_btn.b_btn5{color:#fff;background-color: #159098}
.b_btn.b_btn6{color:#fff;background-color: #F15D12}
.b_btn.b_btn7{color:#fff;background-color: #646464}
.b_btn.b_btn8{color:#fff;background-color: #2D2D2D}

@media only screen and (min-width: 1024px) {
  .b_btn{font-size: 16px;line-height: 19px}
  .b_btn:hover, .b_btn:focus-visible{opacity: .8}
  .b_btn.sm{font-size: 14px;line-height: 17px}
  .b_btn.lg{font-size: 18px;line-height: 21px}
}

/* select */
.b_opt_comm{display: inline-flex;position: relative;width: 100%;font-size: 26px;color:#232323;vertical-align: top}
.b_opt_comm select{width: 100%;height: 45px;padding: 12px 45px 12px 17px;border: 1px solid #858585;border-radius: 3px;font-weight: 500;font-size: 16px;line-height: 19px;color: #232323;background-color: #fff;box-sizing: border-box;-webkit-appearance: none;appearance: none;text-overflow: ellipsis}
.b_opt_comm select:disabled,
.b_opt_comm select[disabled],
.b_opt_comm select[readonly]{border-color: #ddd;color: #858585;background-color: #f9f9f9}
.b_opt_comm select:disabled + i,
.b_opt_comm select[disabled] + i,
.b_opt_comm select[readonly] + i{color: #858585}
.b_opt_comm i{position: absolute;top: 50%;right: 14px;transform: translateY(calc(-50% - 6px));pointer-events: none}
.b_opt_comm.bg_reverse select{color:#fff;background: #000}
.b_opt_comm.bg_reverse i{color:#fff}

/* input */
.b_inp_comm{display: inline-flex;width: 100%;height: 45px;padding:12px 17px;border-radius: 3px;border:1px solid #858585;font-size: 16px;line-height: 19px;color: #232323;box-sizing: border-box;vertical-align: top}
.b_inp_comm::-webkit-input-placeholder{opacity: .38}
.b_inp_comm::-webkit-input-placeholder{opacity: .38}
.b_inp_comm::-moz-placeholder{opacity: .38}
.b_inp_comm:-ms-input-placeholder{opacity: .38}
.b_inp_comm:-moz-placeholder{opacity: .38}
.b_inp_comm:focus{border-color: #232323}
.b_inp_comm:disabled,
.b_inp_comm[disabled],
.b_inp_comm[readonly]{border-color: #ddd;color: #858585;background-color: #f9f9f9}
.b_date_comm{flex:1;position: relative;max-width: 170px;color:#232323}
.b_date_comm input{display: inline-flex;position: relative;width: 100%;height: 45px;padding: 12px 17px;border:1px solid #858585;border-radius: 3px;font-size: 16px;line-height: 19px;color: #232323;background-color: #fff;vertical-align: top;box-sizing: border-box}
.b_date_comm input:disabled,
.b_date_comm input[disabled],
.b_date_comm input[readonly]{border-color: #ddd;color: #858585;background-color: #f9f9f9}
.b_date_comm input:disabled + i,
.b_date_comm input[disabled] + i,
.b_date_comm input[readonly] + i{color:#858585}
.b_date_comm input::-webkit-calendar-picker-indicator{position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0);color: rgba(0,0,0,0);cursor: pointer}
.b_date_comm i{position: absolute;top:50%;right:14px;transform: translateY(-50%);pointer-events: none}
.b_file_comm{display:flex;gap:10px;position: relative;width: 100%}
.b_file_comm label{min-width: 80px;border-radius: 3px;cursor:pointer}
.b_file_comm input[type=file]:focus-visible ~ label{outline:#265DC5 auto 1px}
.b_file_comm input[type=file]{position: absolute;top:0;left:0;z-index:-10;width:1px;height:1px;padding:0;border:0;opacity: 0.001;cursor: pointer;clip:rect(0 0 0 0);margin:-1px;overflow:hidden}
.b_file_comm .inp_comm{overflow:hidden;text-overflow:ellipsis}
.b_file_comm.add_file{margin-top: 20px;padding-top: 20px;border-top: 1px dashed #C1C1C1}
.b_file_comm.add_file label{background: #E1E1E1}
.b_counter_check{display: inline-flex;overflow: hidden;height: 48px;border-radius: 3px}
.b_counter_check [class*=btn_]{width: 48px;height: 100%;background: #858585;font-size: 20px;color:#fff}
.b_counter_check [class*=btn_]:active{background: #2D2D2D}
.b_counter_check .num_count{display: flex;align-items: center;justify-content: center;width: 66px;border-top: 1px solid #858585;border-bottom: 1px solid #858585}
.b_counter_check .num_count[data-min]:before, .b_counter_check .num_count[data-max]:after{display: block;overflow: hidden;width:0;height:0;font-size: 1px;line-height: 0;color:transparent}
.b_counter_check .num_count[data-min]:before{order:1;content: '최소값 : ' attr(data-min)}
.b_counter_check .num_count[data-max]:after{order:2;content: '최대값 : ' attr(data-max)}

@media only screen and (min-width: 1024px) {
  .b_counter_check [class*=btn_]:hover{background: #2D2D2D;}
}

.b_box_form{overflow: hidden;border:1px solid #ddd;border-radius: 5px}
.b_box_form .head_box_form{display: flex;flex-wrap: wrap;align-items: center;padding:0 20px;background: #f8f8f8}
.b_box_form .body_box_form{padding: 0 20px 20px}
.b_box_form dl{overflow: hidden}
.b_box_form dl ~ dl{margin-top: 20px;border-top:1px dashed #ddd}
.b_box_form dl dt{position:relative;margin:15px 0 5px;padding-left:14px;font-weight: 700;font-size: 14px;line-height: 20px;color:#232323}
.b_box_form dl dt:before{position: absolute;top:50%;left: 0;width:4px;height:4px;border-radius: 50%;background:currentColor;transform: translateY(-50%);content:''}
.b_box_form .ta_box_form{min-height: 95px;margin-top:20px;border-color: #ddd}
.b_box_form .file_group_form{display: flex;gap:10px;justify-content: space-between;align-items: center;padding-top: 7px}
.b_box_form .file_group_form + .file_group_form{padding-top: 5px}
.b_box_form .file_group_form .link_added_file{font-size: 14px;line-height: 18px;color:#575757;word-break: break-all;word-wrap: break-word}
.b_box_form .file_group_form .link_added_file:hover, .b_box_form .file_group_form .link_added_file:focus{text-decoration: underline;text-underline-offset: 2px}
.b_box_form .file_group_form .link_added_file i{margin-right: 5px;vertical-align: middle}
.b_box_form .file_group_form input[type="file"]{width: 200px}

@media only screen and (min-width: 1024px) {
  .b_box_form dl{display: grid;gap:10px;grid-template-columns: 120px 1fr;align-items: start}
  .b_box_form dl ~ dl{margin-top: 0}
  .b_box_form dl dt{display: flex;align-items: center;min-height: 45px;margin:10px 0 0 0;font-size: 16px;line-height: 22px;}
  .b_box_form dl dt:before{width:6px;height: 6px}
  .b_box_form dl dd{padding:10px 0}
  .b_box_form .body_box_form{padding-bottom: 0}
  .b_box_form .wrap_txt_form{display: flex;align-items: center;flex-wrap: wrap;min-height: 45px}
  .b_box_form dl.half{grid-template-columns: repeat(2, 120px 1fr)}
  .b_box_form .ta_box_form{margin-bottom: 20px}
}

/* 타임라인 베이직 */
.b_timeline{--basic-color: #646464; --active-color: #3373D2; --dots-size: 16px; --padding-gap: 10px; --item-gap: 10px; --max-width: 650px; --line-pos: calc(var(--dots-size) / 2); --li-padding: calc(var(--dots-size) + var(--padding-gap)); display: flex; margin: 0 auto; gap: var(--item-gap); position: relative; max-width: var(--max-width);}
.b_timeline li{flex:1 0 0%;min-width: 0;position: relative;padding-top: var(--li-padding);font-size: 14px;line-height: 20px;color:var(--basic-color);text-align: center}
.b_timeline li:after{position: absolute;top:0;left: 50%;z-index: 10;width: var(--dots-size);height: var(--dots-size);border-radius: 50%;background: var(--basic-color);transform: translateX(-50%);content: ''}
.b_timeline li + li:before{position: absolute;top:var(--line-pos);left: 50%;width:calc(100% + var(--item-gap));height:1px;background: var(--basic-color);transform: translate(-100%, 0);content:''}
.b_timeline li.active{color: var(--active-color)}
.b_timeline li.active:after{background: var(--active-color)}
.b_timeline li + li.active:before{background: var(--active-color)}

/* 타임라인 기본(썸네일 형) */
.b_list_timeline{position: relative; --point-color: #3D81DB; --border-color: #707070; --img-size: 100px; --img-gap: 20px;}
.b_list_timeline:before{position: absolute;top:calc(var(--img-size) / 2);bottom:calc(var(--img-size) / 2);left: calc(var(--img-size) / 2);width: 1px;background: var(--point-color);content: ''}
.b_list_timeline li{display: flex;gap:var(--img-gap);align-items: center}
.b_list_timeline li + li{margin-top: 15px}
.b_list_timeline .wrap_thumb{flex:none;overflow: hidden;position: relative;width: var(--img-size);height: var(--img-size);border-radius: 50%;background: #fff}
.b_list_timeline .wrap_thumb img{width: 100%}
.b_list_timeline .wrap_thumb:before{position: absolute;top:0;left: 0;right: 0;bottom:0;border:1px solid var(--border-color);border-radius: inherit;content: ''}
.b_list_timeline .cont_thumb{flex:1;min-width: 0;word-break: keep-all;word-wrap: break-word}
.b_list_timeline .cont_thumb strong{display: block;font-size: 20px;line-height: 24px;color:#000}
.b_list_timeline .cont_thumb p{padding-top: 10px;font-size: 16px;line-height: 20px;color:#000}

@media only screen and (min-width: 768px) {
  /* 타임라인 기본(썸네일 형) */
  .b_list_timeline{display: flex;gap: 0; margin:0 -10px;--img-size-768: 110px;--dot-size-768: 16px;--img-gap-768: 30px;--dot-size-half: calc(var(--dot-size-768) / 2);--dot-top: calc(var(--img-size-768) + var(--img-gap-768) - var(--dot-size-768)); --line-position: calc(var(--img-size-768) + var(--img-gap-768) - var(--dot-size-half));}
  .b_list_timeline:before{content: normal}
  .b_list_timeline li{position: relative;flex:1;gap:var(--img-gap-768);flex-direction: column;align-items: center;min-width: 0;padding:0 10px;text-align: center}
  .b_list_timeline li + li{margin-top: 0}
  .b_list_timeline li:after{position: absolute;left:50%;top:var(--dot-top);z-index: 10;width: var(--dot-size-768);height: var(--dot-size-768);border-radius: 50%;background: var(--point-color);transform: translateX(-50%);content: ''}
  .b_list_timeline li + li:before{position: absolute;top:var(--line-position);left: -50%;width: 100%;height: 1px;background: var(--point-color);content:''}
  .b_list_timeline .wrap_thumb{width: var(--img-size-768);height: var(--img-size-768)}
  .b_list_timeline .cont_thumb{padding-top: calc(var(--img-gap-768) - var(--dot-size-768))}
}
@media only screen and (min-width: 1024px) {
  /* 타임라인 베이직 */
  .b_timeline{--dots-size-1024: 23px; --padding-gap-1024: 20px; --item-gap-1024: 10px; --max-width-1024: 650px; --line-pos: calc(var(--dots-size-1024) / 2); --li-padding: calc(var(--dots-size-1024) + var(--padding-gap-1024)); gap: var(--item-gap-1024);max-width: var(--max-width-1024);}
  .b_timeline li{font-size: 20px;line-height: 26px}
  .b_timeline li:after{width: var(--dots-size-1024);height: var(--dots-size-1024)}
  .b_timeline li + li:before{width: calc(100% + var(--item-gap-1024))}

  /* 타임라인 기본(썸네일 형) */
  .b_list_timeline{--img-size-1024: 120px; --img-gap-1024: 40px; --dot-size-1024: 20px; --dot-size-half: calc(var(--dot-size-1024) / 2); --dot-top: calc(var(--img-size-1024) + var(--img-gap-1024) - var(--dot-size-1024)); --line-position: calc(var(--img-size-1024) + var(--img-gap-1024) - var(--dot-size-half));}
  .b_list_timeline li{gap: var(--img-gap-1024)}
  .b_list_timeline li:after{width: var(--dot-size-1024);height: var(--dot-size-1024)}
  .b_list_timeline .wrap_thumb{width: var(--img-size-1024);height: var(--img-size-1024)}
  .b_list_timeline .cont_thumb{padding-top: calc(var(--img-gap-1024) - var(--dot-size-1024))}
}

/* title */
.b_tit_type1, .b_tit_type2, .b_tit_type3{display: flex;align-items: baseline;gap: 5px}
.b_tit_type1 [class*=ico_], .b_tit_type1 i,
.b_tit_type2 [class*=ico_], .b_tit_type2 i,
.b_tit_type3 [class*=ico_], .b_tit_type3 i{flex-shrink: 0}

.b_tit_type1{font-weight: 800;font-size: 20px;line-height: 24px;color:#000}
.b_tit_type2{font-size: 18px;line-height: 21px;color:#2F51B2}
.b_tit_type3{font-size: 16px;line-height: 21px;color:#000}

@media only screen and (min-width: 1024px) {
  .b_tit_type1{font-size: 26px;line-height: 31px;}
  .b_tit_type2{font-size: 24px;line-height: 29px;}
  .b_tit_type3{font-size: 22px;line-height: 26px;}
}

/* // ------- board 공통 ------- */
/* == board == */
.b_set_search{margin-bottom: 40px;background: #f9f9f9;padding: 20px;overflow: hidden;text-align: center}
.b_set_search fieldset{display: flex;gap:5px;flex-direction: column;flex-wrap: wrap}
.b_set_search .opt_comm{width: 100%}
.b_set_search .inp_comm{width: 100%}
.b_set_search .btn{width: 100%}
.b_set_search .b_btn_period{display: inline-block;position: relative;width: 100%;height: 45px;padding: 12px 17px;border: 1px solid #858585;border-radius: 6px;font-size: 16px;line-height: 19px;color: #2d2d2d;background-color: #fff;vertical-align: top;box-sizing: border-box}
.b_set_search .b_set_period{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;gap:10px 20px;margin-top: 10px}
.b_set_search .b_set_period .b_group_choice{display: flex;justify-content: center;flex-wrap: wrap;column-gap: 10px}
.b_set_search .b_set_period .b_group_calendar{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;gap:5px 10px}

.b_total{padding-bottom: 10px;color: #595959}
.b_total strong{color:#6183e5}

/* tbl_board */
.b_tbl_board .fa-circle-n{color: #ed3e3e}
.b_tbl_board .fa-circle-p{color: #fcaf35}
.b_tbl_board i.fa-lock-keyhole{font-size: .9em;color:#232323}
.b_tbl_board .b_box_tooltip{display: inline-block;position: relative;vertical-align: top}
.b_tbl_board .b_box_tooltip:hover .b_txt_tooltip{display: block}
.b_tbl_board .b_txt_tooltip{display: none;position: absolute;top:calc(100% + 5px);left: 0;z-index: 10;padding:3px 5px;border-radius: 3px;font-size: 14px;line-height: 18px;color:#fff;background: #181818;white-space: nowrap}
.b_tbl_board .b_link_txt{display: inline-block;padding: 5px 0;margin: -5px 0;color:inherit;vertical-align: top}
.b_tbl_board .b_link_txt i{margin-right: 5px;font-size: 1em;vertical-align: middle}
.b_tbl_board .b_link_txt .b_txt{vertical-align: middle}
.b_tbl_board .b_link_txt:hover .b_txt, .b_tbl_board .b_link_txt:focus .b_txt{text-decoration: underline}
.b_tbl_board i, .b_tbl_board i:before{text-decoration: none}
.b_tbl_board .b_link_down{display: inline-block;padding:8px;margin:-8px;vertical-align: top}
.b_tbl_board .b_link_down:hover, .b_tbl_board .b_link_down:focus{opacity: .8}

ul .b_tbl_board th, ol .b_tbl_board th{text-align: center}
.b_tbl_board{width: 100%;border-top: 2px solid #000;border-bottom: 1px solid #ddd;border-spacing: 0;border-collapse: collapse;table-layout: fixed;word-break: break-all;word-wrap: break-word}
.b_tbl_board .tit{font-weight: 700;color:#313131} 
.b_tbl_board .ellipsis{display: block;overflow: hidden;white-space: nowrap;text-overflow:ellipsis}
.b_tbl_board.td_left td{text-align: left}
.b_tbl_board.td_right td{text-align: right}
.b_tbl_board .none_data{width: 100%;text-align: center}

.b_tbl_board .txt_req, .b_form_wrap .txt_req{margin-left: 2px;color:#f33}
.b_tbl_board .txt_req:after, .b_form_wrap .txt_req:after{overflow: hidden;position: absolute;width: 1px;height: 1px;margin: -1px;clip-path: rect(0 0 0 0);content:'필수항목'}
.b_tbl_board th[colspan] + th, .b_tbl_board th + th[rowspan]{border-left: 1px solid #ddd}
.b_tbl_board th, .b_tbl_board td{padding: 6px 5px;font-size: 16px;line-height: 21px;background-color: #fff;box-sizing: border-box}
.b_tbl_board th:last-child, .b_tbl_board td:last-child{border-right: 0}
.b_tbl_board th:last-child[rowspan], .b_tbl_board td:last-child[rowspan]{border-left: 1px solid #ddd}
.b_tbl_board th{height: 50px;border-bottom: 1px solid #ddd;font-weight: 500;color: #232323;background-color: #f9f9f9}
.b_tbl_board td{height: 55px;border-top: 1px solid #ddd;color: #616161;background:#fff;text-align: center}
.b_tbl_board td[rowspan]:not(:first-child){border-left:1px solid #ddd}
.b_tbl_board tr:first-child td{border-top: 0}
.b_tbl_board.type2{border-top-color: #005ead}
.b_tbl_board.type2 th{background-color: #f8fcff}
.b_tbl_board tr:hover > td{background-color: #f9f9f9}
.b_tbl_board.type2 tr:hover > td{background-color: #f8fcff}
.b_tbl_board th ~ td{border-bottom:1px solid #ddd}
.b_tbl_board.type_responsive{table-layout: auto}
.b_tbl_board .info_txtbox{margin: 10px 0;padding:14px 10px;border:1px dashed #ddd;border-radius: 10px}
.b_tbl_board th.req:after{display: inline-block;overflow: hidden;width: 5px;height:5px;margin:2px 0 0 4px;border-radius: 50%;background: #f33;font-size: 1px;line-height: 0;color:transparent;vertical-align: top;content:'필수'}
.b_tbl_board td.subject{text-align: left}

.b_tbl_board tbody tr:not(:first-child) th:first-child{border-top:1px solid #ddd}
.b_tbl_board tbody tr:last-child td{border-bottom: 1px solid #ddd}
.b_result_box{display: flex;justify-content: flex-end;padding:25px 20px 24px;border-bottom: 1px solid #ddd;background: #F9F9F9}
.b_result_box strong{font-size: 16px;line-height: 24px;color:#000}
.b_result_box strong em{font-weight: 500;font-size: 20px;line-height: 24px;color:#FF0707}

/* 게시판 처리상태 */
.b_tbl_board .b_ico_status{display: inline-block;min-width: 65px;padding:3px 6px;border-radius: 2px;font-size: 14px;line-height: 19px;color:#fff;white-space: nowrap;vertical-align: top;box-sizing: border-box}
.b_tbl_board .b_ico_status[data-label="진행중"]{background-color:#2F51B2}
.b_tbl_board .b_ico_status[data-label="답변완료"], .b_tbl_board .b_ico_status[data-label="기간종료"], .b_tbl_board .b_ico_status[data-label=대기]{background-color: #777}

@media only screen and (max-width: 767px) {
  .b_tbl_board colgroup, .b_tbl_board thead{display: none}
  .b_tbl_board tr{display: flex;flex-wrap: wrap;row-gap: 2px;column-gap: 16px;padding:12px 0 10px;border-top: 2px solid #eee}
  .b_tbl_board tbody tr:first-child{border-top:0}
  .b_tbl_board tbody tr:last-child td, .b_tbl_board tfoot tr:last-child td{border: 0}
  .b_tbl_board tbody tr td, .b_tbl_board tfoot tr td{order:0;height: auto;padding:0;border: 0;font-size: 12px;line-height: 19px;text-align: left}
  .b_tbl_board td.subject{order:1;width: 100%;padding-top: 8px;font-weight: bold;font-size: 21px;line-height: 27px;color:#000}
  .b_tbl_board td.subject a{color:inherit}
  .b_tbl_board td.subject:before{display: block;overflow: hidden;font-size: 1px;line-height: 0;color:transparent}
  .b_tbl_board td[data-title]:before{font-weight: 600;content:attr(data-title) ' : '}
  .b_tbl_board td.tc{text-align: left !important}
  .b_tbl_board td br{display: none}

  /* 게시판 처리상태 */
  .b_tbl_board .b_ico_status{min-width: auto;padding:0 6px;font-size: 10px}
}
@media only screen and (min-width: 768px) {
  .b_set_search fieldset{flex-direction: row;row-gap:0;justify-content: center}
  .b_set_search .b_opt_comm{width: auto}
  .b_set_search .b_inp_comm{width: 380px}
  .b_set_search .b_btn{width: 80px}
  .b_set_search .b_btn_period{width: 50px}
  .tbl_comm .m_hidden_768{display: table-cell !important}
}
@media only screen and (min-width: 1024px) {
  .b_set_search .b_set_period .b_group_choice{column-gap: 15px}
  .b_set_search .b_btn_period:hover, .b_set_search .b_btn_period:focus-visible{opacity: .8}
  
  /* board */
    .tbl_board th, .tbl_board td{display: table-cell}
  /* // board */
}

.b_paging{clear: both;text-align: center;padding: 15px 0;overflow: hidden;user-select: none}
.b_paging ul{display: flex;gap:5px;justify-content: center;align-items: center}
.b_paging ul a{display: flex;justify-content: center;align-items: center;width: 26px;height: 26px;border-radius: 2px;border: 1px solid #ccc;font-weight: 400;font-size: 12px;line-height: 32px;background:#fff}
.b_paging ul a.active{border:0;color: #fff;background: #000;pointer-events: none}
.b_paging ul a.first,
.b_paging ul a.prev,
.b_paging ul a.next,
.b_paging ul a.last{width: 24px;font-size: 18px;border: 0;background:transparent}

@media only screen and (min-width: 1024px) {
  .b_paging{padding: 50px 0 0;}
  .b_paging ul{gap:10px}
  .b_paging ul a{width: 34px;height: 34px;font-size: 14px}
  .b_paging ul a:hover, .b_paging ul a:focus{border-color:#000;font-weight: 700}
  .b_paging ul a.first,
  .b_paging ul a.prev,
  .b_paging ul a.next,
  .b_paging ul a.last{width: 32px;font-weight: 300}
  .b_paging ul a.first:hover, .b_paging ul a.first:focus,
  .b_paging ul a.prev:hover, .b_paging ul a.prev:focus,
  .b_paging ul a.next:hover, .b_paging ul a.next:focus,
  .b_paging ul a.last:hover, .b_paging ul a.last:focus{/*border:1px solid #000;*/font-weight: 400;background-color: #f0f0f0}
  .b_paging ul a i{font-weight: inherit}
}

.b_paging + .b_group_btn_bottom{padding-top: 10px}
.b_group_btn_bottom{display: flex;gap: 10px;/*justify-content: space-between;*/flex-wrap: wrap;padding-top: 20px;justify-content: flex-end;}
.b_group_btn_bottom .b_inner_group{display: flex;gap:4px 8px;flex-wrap: wrap}
.b_group_btn_bottom .b_inner_group + .b_inner_group{margin-left: auto}
.b_group_btn_bottom.type_line{margin-top: 20px;border-top:1px solid #ddd}

/* 갤러리 스타일 */
.b_total + .b_list_gallery {border-top: 1px solid #ddd}
.b_list_gallery {padding-top: 20px}
.b_list_gallery li {display:flex;flex-direction: column;min-width: 0}
.b_list_gallery li + li {padding-top: 30px}
.b_list_gallery li > a {display: flex;flex-direction: column;height: 100%}
.b_list_gallery .wrap_thumb {flex:none;overflow: hidden;position: relative;padding-top: var(--img-ratio, 80%);border-radius: 10px}
.b_list_gallery .wrap_thumb:after {position: absolute;top:0;left: 0;right:0;bottom:0;border-radius: inherit;border:1px solid #ddd;opacity: .3;pointer-events: none;content: ''}
.b_list_gallery .wrap_thumb .dim {display: flex;justify-content: center;align-items: center;position: absolute;top:0;left: 0;right: 0;bottom: 0;font-weight: 600;font-size: 18px;line-height: 24px;color:#fff;background:rgba(0,0,0,.45)}
.b_list_gallery .wrap_thumb img {position: absolute;top:0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: transform .3s}
.b_list_gallery .wrap_thumb a {position: absolute;top:0;left: 0;right: 0;bottom:0}
.b_list_gallery .cont_thumb {flex:1;display: flex;flex-direction: column;min-width: 0;padding:0 10px}
.b_list_gallery strong {display: -webkit-box;overflow: hidden;padding-top: 22px;font-weight: 600;font-size: var(--tit-size-m, 16px);line-height: var(--tit-line-height-m, 21px);color:#000;-webkit-line-clamp: 1;-webkit-box-orient:vertical;word-break: var(--word-break, keep-all);word-wrap: break-word}
.b_list_gallery strong.line_clamp1 {-webkit-line-clamp: 1}
.b_list_gallery strong a {color:inherit}
.b_list_gallery .txt_date {padding-top: 10px;font-weight: 500;font-size: 14px;line-height: 24px;color: #616161;}
.b_list_gallery .txt_info {display: flex;justify-content: space-between;padding-top: 5px;}
.b_list_gallery .txt_info span {display: inline-block;font-size: 15px;}
.b_list_gallery .txt_info .view:before {display: inline-block;vertical-align: middle;font-family: "Font Awesome 6 Pro";font-weight: 500;content: "\f06e"; margin-right: 5px;}
.b_list_gallery dl {display: grid;gap:3px 10px;grid-template-columns: auto 1fr;padding-top: 10px}
.b_list_gallery dl dt, .b_list_gallery dl dd {min-width: 0;font-weight: 500;font-size: 14px;line-height: 20px;color:#000;word-break:break-all;word-wrap: break-word}
.b_list_gallery dl dt {max-width:var(--dlist-dt-width, 100px);color:#575757}
.b_list_gallery .group_btn {display: flex;gap:10px;margin-top: auto;padding-top: 15px}
.b_list_gallery .group_btn .b_btn {flex:1}
.b_list_gallery .txt_desc {display: -webkit-box;overflow: hidden;padding-top: 10px;font-size: 14px;line-height: 18px;color:#575757;-webkit-line-clamp: 1;-webkit-box-orient: vertical}
.b_list_gallery .txt_location {display: flex;gap:5px;align-items: baseline;padding-top: 15px;font-size: 14px;line-height: 18px;color:#575757}
.b_group_tag {display: flex;gap:5px;flex-wrap: wrap;position: absolute;top:10px;left: 10px}
.b_group_tag [class*=tag] {padding:5px 10px;border-radius: 13px;font-size: 12px;line-height: 16px;color:#fff}

.b_group_tag .tag1{background: #3F8E00}
.b_group_tag .tag2{background: #3F68B6}
.b_group_tag .tag3{background: #666}
.b_group_tag .tag4{background: #fff;color: #2F3061}
.b_group_tag.type_rect{top:0;left: 0}
.b_group_tag.type_rect [class*=tag]{padding:10px 15px;border-radius: 0;font-size: 14px;line-height: 17px}
.b_group_tag.type_rect .tag1{background: #FF5C5C}
.b_group_tag.type_rect .tag2{background: #515151}

/* gallery type2 */ 
.b_list_gallery.type2 .wrap_thumb{padding-top: var(--img-ratio-type2, 57.8947%);border-radius: 10px 10px 0 0;background:#fff}
.b_list_gallery.type2 .wrap_thumb + .cont_thumb{border-top:0;border-radius: 0 0 10px 10px}
.b_list_gallery.type2 .cont_thumb{padding:15px;border:1px solid #EFEFEF;border-radius: 10px;background:#fff}
.b_list_gallery.type2 strong{padding-top: 0;font-size: 18px;line-height: 24px;text-align: center}

/* gallery type3 */
.b_list_gallery.type3{--tit-size-m: 18px;--tit-line-height-m: 24px}

/* gallery type_poster */
.b_list_gallery.type_poster li{padding:15px;border:1px solid #ddd;background:#fff}
.b_list_gallery.type_poster li + li{margin-top: 30px}
.b_list_gallery.type_poster .wrap_thumb{width: 70%;margin:0 auto;padding-top:0;border-radius: 0}
.b_list_gallery.type_poster .wrap_thumb a{display: block;position: relative;padding-top: var(--img-ratio-poster, 133.3333%)}
.b_list_gallery.type_poster .group_btn .b_btn{flex:none}
.b_list_gallery.type_poster strong{font-size: var(--tit-size-poster-m, 22px);line-height: var(--tit-line-height-poster-m, 28px)}
.b_list_gallery.type_poster dl dt{position: relative;padding-left: 14px;font-weight: 700;color:#000}
.b_list_gallery.type_poster dl dt:before{position: absolute;top:7px;left: 0;width: 6px;height: 6px;background:currentColor;border-radius: 50%;content:''}
.b_list_gallery.type_poster dl dd{font-weight: 400;color:#575757}

/* gallery type_bnr */
.b_list_gallery.type_bnr .wrap_thumb img{top:50%;left:50%;width:80%;height:auto;transform: translate(-50%, -50%)}
.b_list_gallery.type_bnr li > a:hover .wrap_thumb img,
.b_list_gallery.type_bnr li > a:focus .wrap_thumb img{transform: translate(-50%, -50%) scale(1.2)}

/* 갤러리 상세 페이지 */
.b_desc_box_head{padding:20px;border-radius: 10px;background: #F9F9F9}
.b_desc_box_head .wrap_thumb{overflow: hidden;position: relative;padding-top: 80%;border-radius: 10px}
.b_desc_box_head .wrap_thumb:after{position: absolute;top:0;left: 0;right:0;bottom:0;border-radius: inherit;border:1px solid #ddd;opacity: .3;pointer-events: none;content: ''}
.b_desc_box_head .wrap_thumb img{position: absolute;top:0;left: 0;width: 100%;height: 100%;object-fit: cover}
.b_desc_box_head .wrap_thumb.type_poster{width:70%;margin:0 auto;padding-top: 0;border-radius: 0}
.b_desc_box_head .wrap_thumb.type_poster .inner_img{padding-top: 133.3333%}
.b_desc_box_head strong{display: -webkit-box;overflow: hidden;padding-top: 20px;font-weight: 800;font-size: 22px;line-height: 27px;color:#000;-webkit-box-orient: vertical;-webkit-line-clamp: var(--tit-clamp, 2)}
.b_desc_box_head strong .badge{display: inline-block;padding:5px 15px; font-size: 16px;}
.b_desc_box_head strong [class*=tag]{display: inline-block;margin-right: 5px;padding:5px 10px 4px;border-radius: 13px;font-weight: 700;font-size: 12px;line-height: 17px;color:#fff;vertical-align: top}
.b_desc_box_head strong .tag1{background: #3F8E00}
.b_desc_box_head strong .tag2{background: #3F68B6}
.b_desc_box_head strong .tag3{background: #666}
.b_desc_box_head strong .tag4{background: #fff;color:#2F3061}
.b_desc_box_head dl{display: grid;gap: 5px 10px;grid-template-columns: auto 1fr;padding-top: 20px}
.b_desc_box_head dl dt, .b_desc_box_head dl dd{font-size: 14px;line-height: 20px}
.b_desc_box_head dl dt{font-weight: 700;color:#000}
.b_desc_box_head dl dd{color:#575757}

.b_img_view{padding-bottom: 40px}
.b_img_view img{max-width: 100%;/* padding:4px; */border-radius: 2px;border:1px solid #ddd;vertical-align: top;box-sizing: border-box;} /* 갤러리게시판 - 이미지와 선 사이 패딩 삭제 처리 */
.b_img_view figure{max-width:700px;margin:0 auto;text-align: center}
.b_img_view figure + figure{padding-top: 20px}
.b_img_view figcaption{margin-top: 5px;padding:10px 0;border:1px solid #ddd;font-size: 14px;line-height: 20px;color:#232323;background: #f8f8f8}
.b_use_source{display: flex;gap:5px;flex-wrap: wrap;align-items: center;padding-top: 30px}
.b_use_source img{vertical-align: top}
.b_use_source small{font-size: 12px;line-height: 18px;color:#888}
.b_use_source small a{color:inherit;text-decoration: underline;text-underline-offset: 2px}
.b_created_time{padding-top: 10px}
.b_created_time small{display: block;font-weight: 400;font-size: 12px;line-height: 20px;color:#6f6f6f;text-align: right}

.b_box_description{padding-bottom: 70px}
.b_box_description > strong{display: block;padding:15px 10px;border-top: 1px solid currentColor;font-weight: 700;font-size: 20px;line-height: 29px;color:#2F51B2;box-sizing: border-box}
.b_box_description .cont_desc{padding: 0 10px}
.b_box_description .img_box{margin-top: 20px}
.b_box_description .img_box img{border-radius: 10px}
.b_cont_description{padding:20px 10px;font-size: 16px;line-height: 22px;color:#575757}

/* 갤러리 상세 페이지 - 레이아웃 */
.b_description_head {border-top: 2px solid #000;border-bottom:1px solid #ddd}
.b_description_head2 {border-top:none;border-bottom:none;} /* 태그하단이동 */
.b_description_head .tit_box {padding:15px 10px;background: #F8F8F8}
.b_description_head .tit_box strong {font-size: 18px;line-height: 22px;color:#232323}
.b_description_head .etc_info_box {padding:10px;border-top: 1px solid #ddd}
.b_description_head2 .etc_info_box {border-top:none;} /* 태그하단이동 */
.b_description_head dl > .item_info{display: grid;gap:0 10px;grid-template-columns: minmax(55px, auto) 1fr;font-size: 12px;line-height: 18px}
.b_description_head dl dt{font-weight: 700;color:#000}
.b_description_head dl dd{font-weight: 500;color:#575757}
.b_description_head .add_file{padding: 10px;border-top: 1px solid #ddd }
.b_description_head .add_file .tit_file{display: block;margin-bottom: 7px;font-weight: bold;font-size: 12px;line-height: 18px;color: #000}
.b_description_head .add_file ul li{display: flex;align-items: center;gap:5px 7px;min-height:30px;font-size: 12px; line-height: 18px}
.b_description_head .add_file ul li .link_file{overflow: hidden;font-size: 12px;line-height: 18px;color: #838383;word-break: break-all;word-wrap: break-word;text-overflow: ellipsis;white-space: nowrap}
.b_description_head .add_file ul li .link_file:before{flex:none;display: inline-block;font-family: "Font Awesome 5 Pro"; font-weight: 500; margin-right: 5px;content: '\f0c6';}
.b_description_head .add_file ul li .btn{flex:none;}
.b_description_head .add_file .file_down{display: inline-block; background: #000; border-radius: 3px; color: #fff; font-size: 14px; font-weight: 500; padding: 5px 10px 7px;}
.b_description_head .add_file .btn_all_down{margin-top: 10px;}
.b_description_head .add_file .list_file_group{display: flex;flex-direction: column;row-gap:5px}
.b_bottombox_answer{margin-top: 50px;padding:20px 15px;border-top: 2px solid #2F51B2;background: #F8F8F8}
.b_bottombox_answer > p{font-size: 14px;line-height: 18px;color:#575757}
.b_bottombox_answer > p:only-child{padding:40px 10px;text-align: center}
.b_bottombox_answer .tit_answer{display: block;padding-bottom: 10px;font-size: 16px;line-height: 20px;color:#000}
.b_bottombox_answer .tit_answer ~ .tit_answer{margin-top: 30px;padding-top: 20px;border-top: 1px solid #ddd}
.b_bottombox_answer .tit_answer > span{margin-left: 10px;font-weight: 500;font-size: 12px;line-height: 18px;color:#575757}
.b_bottombox_answer .b_cmt_status{padding-top: 10px; font-size: 12px;line-height: 16px;color:#6e6e6e;text-align: right}

.b_list_admin_file{padding-top: 20px}
.b_list_admin_file li + li{padding-top: 5px}
.b_list_admin_file .group_file{display: inline-flex;gap:4px 8px;align-items: center;padding:4px 6px;border-radius: 4px;background: #eee}
.b_list_admin_file .group_file i{margin-right: 5px}
.b_list_admin_file .group_file a{font-size: 14px;line-height: 18px;color:#575757}
.b_list_admin_file .group_file a:hover{text-decoration: underline;text-underline-offset: 2px}
.b_list_admin_file .group_file span{font-size: 12px;line-height: 18px;color:#575757;white-space: nowrap}

.b_btn_group_bottom{display: flex;gap:10px;flex-wrap: wrap;justify-content: flex-end;margin-top: 30px;padding-top: 10px;border-top: 1px solid #ddd}
.b_list_descdoc{overflow: hidden;margin-top: 20px;padding:0 15px;font-weight: 500;font-size: 14px;line-height: 15px;color:#575757;background: #F9F9F9}
.b_list_descdoc a{display: block;padding:16px 0;margin:-16px 0}
.b_list_descdoc dt, .b_list_descdoc dd{padding-bottom: 16px;padding-top: 16px}
.b_list_descdoc dt{float: left;font-weight: 700;color:#000}
.b_list_descdoc dd{display: flex;flex-wrap: wrap;gap: 10px;overflow: hidden;padding-left: 15px}
.b_list_descdoc dd > span{flex-shrink: 0;margin-left: auto;font-size: 12px}
.b_list_descdoc dt ~ dt, .b_list_descdoc dd ~ dd{border-top: 1px solid #ddd}

/* 갤러리 상세 페이지 - 슬라이드 */
.b_slide_description{--slide-radius: 5px;max-width: 910px;margin:0 auto}
.b_slide_description .slick-list{overflow: hidden;border-radius: var(--slide-radius)}
.b_slide_description, .b_slide_nav_description{position: relative}
.b_slide_description .item_slide, .b_slide_nav_description .item_slide{position: relative;background: rgba(221,221,221,.3);vertical-align: top}
.b_slide_description .item_slide:before, .b_slide_nav_description .item_slide:before{position: absolute;top:0;left: 0;right: 0;bottom:0;border-radius: inherit;border:1px solid #ddd;opacity: .3;content:''}
.b_slide_description img, .b_slide_nav_description img{position: absolute;top:0;left: 0;width: 100%;height: 100%;object-fit: contain}
.b_slide_description .item_slide{padding-top:67.1067%}
.b_slide_description .slick-arrow, .b_slide_nav_description .slick-arrow{display: flex;justify-content: center;align-items: center;position: absolute;top:50%;z-index: 10;width: 50px;height: 50px;border-radius: 50%;color:#fff;background: rgba(0,0,0,.3);transform:translateY(-50%)}
.b_slide_description .btn_prev, .b_slide_nav_description .btn_prev{left: 5px}
.b_slide_description .btn_next, .b_slide_nav_description .btn_next{right: 5px}
.b_slide_description .btn_prev:before, .b_slide_description .btn_next:before{@include fa;font-size: 20px}
.b_slide_description .btn_prev:before{content:'\f053'}
.b_slide_description .btn_next:before{content:'\f054'}
.b_slide_nav_description{max-width: 735px;margin: 20px auto 0;padding:20px;border-radius: var(--slide-radius);background:#F1F1F1}
.b_slide_nav_description img{opacity: .4}
.b_slide_nav_description .slick-list{margin:0 -5px}
.b_slide_nav_description .slick-slide{margin:0 5px}
.b_slide_nav_description .item_slide{overflow: hidden;padding-top: 66.66666666%;border-radius: var(--slide-radius)}
.b_slide_nav_description .slick-current .item_slide:after{position: absolute;top:0;left: 0;right: 0;bottom:0;border-radius: inherit;border:2px solid #404040;content:''}
.b_slide_nav_description .slick-current img{opacity: 1}

/* 댓글 */
.b_cmt{padding-top:30px}
.b_cmt .b_cmt_box{padding:20px;background: #f8f8f8}
.b_cmt .b_cmt_box + .b_cmt_box{margin-top: 20px}
.b_cmt .b_cmt_tit{display: flex;gap:5px;flex-wrap: wrap;align-items: center;padding-bottom: 10px;font-size: 18px;line-height: 22px;color:#000}
.b_cmt .b_cmt_tit span{font-weight: 500;font-size: 14px;line-height: 18px;color:#575757}
.b_cmt .b_box_write textarea{min-height: 75px;border-color: #ddd;border-radius: 5px;resize: horizontal}
.b_btn_wrap{display: flex;gap:10px;justify-content: flex-end;padding-top: 15px}
.b_cmt .b_txt_desc{font-weight: 500;font-size: 14px;line-height: 18px;color:#575757}
.b_cmt .b_cmt_desc_box{margin-top:20px;padding:0 20px;border-top:2px solid #2F51B2;background: #f8f8f8}
.b_cmt .b_cmt_desc_box li{padding:20px 0}
.b_cmt .b_cmt_desc_box li + li{ border-top:1px solid #ddd}

@media only screen and (min-width:768px) {
  .b_list_gallery + .paging{padding-top: 50px}
  .b_list_gallery{display: grid;gap:30px;grid-template-columns: repeat(var(--grid-col-768, 2), 1fr)}
  .b_list_gallery li + li{padding-top: 0}
  .b_group_tag [class*="tag"]{font-size: 14px}

  /* 갤러리 상세 페이지 */
  .b_desc_box_head{display: flex;gap:30px;align-items: flex-start}
  .b_desc_box_head .wrap_thumb{flex:0 0 276px;padding-top: 0}
  .b_desc_box_head .wrap_thumb.type_poster{flex: 0 0 180px}
  .b_desc_box_head .inner_img{position: relative;padding-top: 80%}
  .b_desc_box_head .cont_thumb{flex:1}
  .b_box_description{display: flex}
  .b_box_description > strong{flex: 0 0 180px}
  .b_box_description .cont_desc{flex-grow:1;padding-top: 15px;border-top: 1px solid #E3E3E3}
  .b_box_description .img_box{justify-content: flex-start}
  .b_box_description .img_box img{width: auto;max-width: 400px}
  .b_description_head .add_file {display: flex;flex-direction: column;align-items: flex-start;} 
  .b_description_head .add_file .list_file_group{flex:1;flex-direction: row;flex-wrap: wrap;column-gap: 16px}
  .b_description_head .add_file .list_file_group li{/* width:calc(50% - 8px); 첨부파일이 1개일 경우 이름표출안됨 */}
  .b_description_head .add_file .btn_all_down{align-self: flex-end}
  
  /* 갤러리 상세 페이지 - 슬라이드 */
  .b_slide_description .slick-arrow, .b_slide_nav_description .slick-arrow{width: 70px;height: 70px}
  .b_slide_description .btn_prev:before, .b_slide_description .btn_next:before{font-size: 34px}
  .b_slide_nav_description{margin-top: 30px}

  /* gallery type_poster */
  .b_list_gallery.type_poster li + li{margin-top: 0}
}
@media only screen and (min-width:1024px) {
  .b_list_gallery{grid-template-columns: repeat(var(--grid-col-1024, 3), 1fr)}
  .b_list_gallery li > a:hover .wrap_thumb img, .b_list_gallery li > a:focus .wrap_thumb img{transform: scale(1.2)}
  .b_list_gallery strong{font-size: var(--tit-size-1024, 18px);line-height: var(--tit-line-height-1024, 21px)}
  .b_list_gallery strong a:hover{text-decoration: underline}
  .b_list_gallery .txt_date{font-size: 16px;line-height: 20px}
  .b_list_gallery dl{gap:5px 15px}
  .b_list_gallery dl dt, .b_list_gallery dl dd{font-size: 16px;line-height: 24px}
  .b_list_gallery .txt_desc{font-size: 16px;line-height: 20px}
  .b_list_gallery .txt_location{font-size: 16px;line-height: 20px}
  .b_group_tag.type_rect [class*=tag]{font-size: 16px}

  /* 갤러리 상세 페이지 */
  .b_desc_box_head{gap:50px;padding:30px}
  .b_desc_box_head .wrap_thumb.type_poster{flex: 0 0 195px}
  .b_desc_box_head strong{padding-top: 10px;font-size: 26px;line-height: 31px}
  .b_desc_box_head strong [class*=tag]{padding:7px 12px 6px;border-radius: 15px;font-size: 14px}
  .b_desc_box_head dl{gap:0 15px;padding-top: 27px}
  .b_desc_box_head dl dt, .b_desc_box_head dl dd{font-size: 16px;line-height: 28px}
  .b_box_description .cont_desc{padding:30px 20px 0}
  .b_box_description > strong{flex:0 0 255px;padding:30px;font-size: 24px;line-height: 29px}
  .b_box_description .img_box{flex-wrap: wrap;margin-top: 30px}
  .b_cont_description{padding:40px 20px}

  /* 갤러리 상세 페이지 - 레이아웃 */
  .b_description_head .tit_box{padding:30px 20px}
  .b_description_head .tit_box strong{font-size: 22px;line-height: 26px}
  .b_description_head .etc_info_box{display: grid;row-gap:10px;overflow: hidden;padding:20px}
  .b_description_head dl{display: flex;gap: 10px 0;flex-wrap: wrap;margin-left: -41px;font-size: 16px;line-height: 22px}
  .b_description_head dl > .item_info{display: flex;gap:0 20px;position: relative;padding-left: 40px;font-size: inherit;line-height: inherit}
  .b_description_head dl dt{flex:none}
  .b_description_head dl dt:before{position: absolute;top:50%;left: 20px;width: 1px;height: 18px;margin-top: -9px;background: #ddd;content:''}
  .b_description_head .add_file{flex-direction: row;gap:20px;padding:20px}
  .b_description_head .add_file .list_file_group{column-gap: 18px}
  .b_description_head .add_file .list_file_group li{width: calc(33.33333333% - 12px)}
  .b_description_head .add_file .tit_file{flex:none;margin-bottom: 0;font-size: 16px;line-height: 30px}
  .b_description_head .add_file .btn_all_down{flex:none;align-self: flex-start;margin-top:0}
  .b_bottombox_answer > p{font-size: 16px;line-height: 22px}
  .b_bottombox_answer .tit_answer{font-size: 20px;line-height: 24px}
  .b_bottombox_answer .tit_answer > span{font-size: 16px;line-height: 22px}
  .b_btn_group_bottom{padding-top: 20px}
  .b_list_descdoc{margin-top: 30px;padding:0 20px;font-size: 16px;line-height: 19px}
  .b_list_descdoc dd{flex-wrap: nowrap;position: relative;padding-left: 31px}
  .b_list_descdoc dd:before{position: absolute;top:17px;left: 15px;width: 1px;height: 17px;background: #ddd;content:''}
  .b_list_descdoc dd > span{font-size: 16px}
  .b_list_descdoc dt ~ dt, .b_list_descdoc dd ~ dd{border-top: 0}
  .b_list_descdoc a:hover, .b_list_descdoc a:focus{text-decoration: underline}
  /* 갤러리 상세 페이지 - 슬라이드 */
  .b_slide_description{--slide-radius: 10px}
  .b_slide_description .slick-list{border-radius: var(--slide-radius)}
  .b_slide_nav_description a{border-radius: var(--slide-radius)}
  .b_slide_description .slick-arrow{width: 80px;height:80px}
  .b_slide_description .slick-arrow:hover,
  .b_slide_description .slick-arrow:focus-visible{background: rgba(0,0,0,.6)}
  .b_slide_description .btn_prev{left: 20px}
  .b_slide_description .btn_next{right: 20px}
  .b_slide_description .btn_prev:before, .b_slide_description .btn_next:before{font-size: 46px}
  .b_slide_nav_description{margin-top: 45px;padding:30px;border-radius: var(--slide-radius);text-align: center}
  .b_slide_nav_description .slick-list{max-width: 508px;margin:0 auto}
  .b_slide_nav_description .slick-track{display: flex;gap:10px}
  .b_slide_nav_description .slick-slide{margin:0}
  .b_slide_nav_description a:hover img, .b_slide_nav_description a:focus img{opacity: 1}

  /* 댓글 */
  .b_cmt .b_cmt_box{padding:30px}
  .b_cmt .b_cmt_tit{gap:10px;font-size: 20px;line-height: 24px}
  .b_cmt .b_cmt_tit span{font-size: 16px;line-height: 20px}
  .b_cmt .b_box_write textarea{min-height: 95px}
  .b_cmt .b_txt_desc{font-size: 16px;line-height: 20px}
  .b_cmt .b_cmt_desc_box{margin-top: 30px;padding:0 30px}
  .b_cmt .b_cmt_desc_box li{padding:30px 0}

  /* gallery type2 */ 
  .b_list_gallery.type2 .cont_thumb{padding:20px}
  .b_list_gallery.type2 strong{font-size: 20px}

  /* gallery type3 */ 
  .b_list_gallery.type3{--tit-size-1024: 20px}

  /* gallery type_poster */
  .b_list_gallery.type_poster{grid-template-columns: repeat(var(--grid-col-1024, 2), 1fr)}
  .b_list_gallery.type_poster li{flex-direction: row;gap:20px;align-items: start}
  .b_list_gallery.type_poster .wrap_thumb{width: 30%}
  .b_list_gallery.type_poster .cont_thumb{height:100%;padding: 0}
  .b_list_gallery.type_poster strong{padding-top: 0;font-size: var(--tit-size-poster-1024, 26px);line-height: var(--tit-line-height-poster-1024, 31px)}
}
@media only screen and (min-width: 1420px) {
  .b_list_gallery{grid-template-columns: repeat(var(--grid-col-1440, 4), 1fr)}

  /* 갤러리 상세 페이지 - 슬라이드 */
  .b_slide_nav_description{margin-top: 60px}
  
  /* gallery type2 */ 
  .b_list_gallery.type2{grid-template-columns: repeat(var(--grid-col-1440, 4), 1fr)}

  /* gallery type_poster */
  .b_list_gallery.type_poster{gap:40px}
  .b_list_gallery.type_poster dl{padding-top: 24px}
  .b_list_gallery.type_poster .group_btn{padding-top: 30px}
  .b_list_gallery.type_poster li{gap:30px;padding:30px}
  .b_list_gallery.type_poster .wrap_thumb{width: 195px}
}
@media only screen and (max-width: 1023px) {
  .b_tbl_board tr:hover td{background: #fff}
  .b_tbl_board.type2 tr:hover td{background: #fff}
  .b_tbl_board th{height: 45px}
  .b_tbl_board td{height: 50px}
  .b_tbl_board th, .b_tbl_board td{font-size: 14px}

  .b_result_box{padding:20px 15px 19px}
  .b_result_box strong{font-size: 14px;line-height: 20px}
  .b_result_box strong em{font-size: 18px;line-height: 20px}
  
  .b_tbl_board.type_responsive thead{display: none}
  .b_tbl_board.type_responsive .info_txtbox > div{display: inline}
  .b_tbl_board.type_responsive tbody tr{display: flex;flex-wrap: wrap;align-items: center;overflow: hidden;padding:15px 0}
  .b_tbl_board.type_responsive tbody tr + tr{border-top: 1px solid #ddd}
  .b_tbl_board.type_responsive tbody td{position: relative;margin-left: -1px;border:0;height: auto;padding:3px 14px;text-align: left}
  .b_tbl_board.type_responsive tbody td:before{position: absolute;top:50%;left:0;width: 1px;height: 10px;background: #ddd;transform:translateY(-50%);content: ''}
  .b_tbl_board.type_responsive .w100{width: 100%}
  .b_tbl_board.type_responsive tr:hover td{background: none}

  .b_tbl_board.type_form{table-layout: auto}
  .b_tbl_board.type_form thead, .b_tbl_board.type_form colgroup{display: none}
  .b_tbl_board.type_form tr{display: flex;flex-wrap: wrap}
  .b_tbl_board.type_form th{display: flex;justify-content: center;align-items: center}
  .b_tbl_board.type_form td{display: flex;align-items: center}
  .b_tbl_board.type_form tr th, .b_tbl_board.type_form tr td{width: 100%;border:0;border-top: 1px solid #ddd}
  .b_tbl_board.type_form tr:first-child th:first-child{border-top: 0}
  .b_tbl_board.type_form th, .b_tbl_board.type_form td{height: auto;min-height: 58px}
  .b_tbl_board th.req:after{margin:-10px 0 0 4px}
}

/* 반응형 table datalist */
.b_list_tbl_area{padding:20px 0;border-top:1px solid #858585;border-bottom: 1px solid #ddd}
.b_list_tbl{word-break:keep-all;word-wrap: break-word}
.b_list_tbl + .b_list_tbl{margin-top: 20px;padding-top: 20px;border-top:1px dashed #ddd}
.b_list_tbl .item_list{display: flex;gap:4px 10px;flex-wrap: wrap}
.b_list_tbl .item_list + .item_list{padding-top: 5px}
.b_list_tbl dt{flex:none;max-width:100%;margin-right:auto;font-weight: 700;font-size: 14px;line-height: 24px;color:#232323}
.b_list_tbl dd{min-width: 0;font-size: 14px;line-height: 20px;color:#565656;text-align: right}

@media only screen and (min-width: 1024px) {
  .b_list_tbl_area{padding:0}
  .b_list_tbl{display: flex}
  .b_list_tbl .item_list{gap:0;min-width: 0;flex-direction: column;flex-wrap: wrap;flex:1}
  .b_list_tbl .item_list + .item_list{padding-top: 0}
  .b_list_tbl .item_list + .item_list dt,
  .b_list_tbl .item_list + .item_list dd{border-left: 1px solid #ddd}
  .b_list_tbl dt, .b_list_tbl dd{padding:10px 5px;font-size: 16px;text-align: center}
  .b_list_tbl dt{overflow: hidden;width: 100%;margin-left: auto;white-space: nowrap;text-overflow: ellipsis;background: #f9f9f9}
  .b_list_tbl dd{display: flex;justify-content: center;align-items: center;flex:1;min-height:0;border-top:1px solid #ddd}
  .b_list_tbl + .b_list_tbl{margin-top:0;padding-top: 0;border:0}
  .b_list_tbl + .b_list_tbl .item_list dt{padding:0;border:0;font-size: 1px;line-height: 0;color:transparent}
}

.board_view_head{border-top: #232323 solid 2px;padding: 25px;border-bottom: #ccc solid 1px;background: #f9f9f9}
.board_view_info span{display: inline-block;font-size: 14px;padding: 0 10px;border-right: #ccc solid 1px}
.board_view_info span:last-child{border: 0}
.board_view_info dl{position: relative;border-top: #ccc solid 1px;padding: 15px 20px;overflow: hidden}
.board_view_info dl:first-child{border-top: none}
.board_view_info dl dt{font-size: 14px;font-weight: bold;color: #181818;padding-right: 15px}
.board_view .add_file{position: relative;border-top: #ccc solid 1px;padding: 15px 10px 10px 20px;overflow: hidden}
.board_view .add_file span{float: none;display: block;font-size: 14px;font-weight: bold;color: #181818;text-align: left;margin-bottom: 7px}
.board_view .add_file ul li{display: flex;align-items: center;flex-wrap:wrap;row-gap:5px;min-height:30px;font-size: 12px;line-height: 18px}
.board_view .add_file ul li + li{margin-top:5px}
.board_view .add_file ul li a{background: #fff;font-size: 14px;color: #838383;margin-right: 7px}
.board_view .add_file ul li a:before{display: inline-block;content: "\f0c6";font-family: "Font Awesome 6 Pro";font-weight: 500;margin-right: 5px;}
.board_view .add_file ul li a.no_fileicon:before{display: none;}
.board_view .add_file .file_down{display: inline-block;background: #000;border-radius: 3px;color: #fff;font-size: 14px;font-weight: 500;padding: 5px 10px 7px;}

@media only screen and (min-width: 1024px) {
  .board_view_info dl{display: flex;}
  .board_view_info dl dt{min-width: 120px;font-size: 16px;}
  .board_view .add_file{display: flex;}
  .board_view .add_file span{min-width: 120px;margin-bottom: 0;font-size: 16px;line-height: 30px;}
}

.board_view_body{padding: 20px;border-top: #ccc solid 1px;border-bottom: #ccc solid 1px;line-height: 1.5;}
.total_num{display: inline-block;padding: 0 0 15px 0;color: #1b1b1b;font-weight: 500;}
.total_num span{font-weight: bold;}
.nodata, .noData{padding: 60px 0;border: #ccc solid 1px;border-top: 0;text-align: center;}

/* 게시판 작성 */
.file_wrap .fileLayer{margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px dashed #ddd;}
.file_wrap .fileLayer small{line-height: 1.2;}
.b_del_file{display: inline-block;background: #f0f0f0;padding: 3px 5px 5px;color: #000;font-size: 14px;line-height: 18px;color:#575757;border-radius: 5px;line-height: normal;}
.b_del_file i{margin: 3px 5px 0 5px;}
.b_del_file a{display: inline-block;font-size: 16px;line-height: 18px;margin-left: 5px;}
.btn_add_file{display: block;background: #e5e5e5;padding: 5px 0;text-align: center;border-radius: 3px;}

/* 게시판 siiru 커스텀 */
.siiruBoardList{margin: 0;margin-top: 50px;}
.siiruBoardList li{padding: 15px 20px;border: none;}
.siiruBoardList li:last-child{border: none;}
.siiruBoardList ul{background-color: #f9f9f9;}
.siiruBoardList ul li a{width: 50%;display: inline-block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;vertical-align: top;}
.manageInfo{text-align: right;margin-top: 20px;color: #808080;}
.manageInfo small{display: block;}
.siiruBoard-list table tbody .subject a.point{overflow: visible;}
.flag_imgbox{margin-bottom: 30px;}
.flag_imgbox img{width: 100%;max-width: 700px;}
.b_tbl_board .b_notice{display: inline-block;padding: 0 6px;border-radius: 3px;font-weight: normal;font-size: 10px;color: #fff;background-color: #232323;text-align: center;vertical-align: top;}

.kogl_wrap{line-height: 1.3;font-size: 14px;}
.kogl_wrap .list li{font-size: 14px;}
#kFocus .item_choice{display: flex;}
#kFocus .item_choice label{padding : 6px 0 6px 34px;font-size: 14px;}