@charset "utf-8";

/* =========================== SUB */
#sub_bg_area {overflow:hidden;position:absolute;top:0;left:0;width:100%;height:350px}
#sub_bg_area .line_box{overflow:hidden;width:100%;height:100%}
#sub_bg_area .line_box > div{position:relative;float:left;width:16.66%;height:100%}
#sub_bg_area .line_box .bg{width:0;height:100%;background:#002c83;}

#sub_bg_area .line_box > div .line{position:absolute;left:0;width:1px;height:0;background-color:rgba(255,255,255,0.15);z-index:1}
#sub_bg_area .line_box > div:nth-child(odd) .line{top:0}
#sub_bg_area .line_box > div:nth-child(even) .line{bottom:0}
.sub_bg{position:absolute;top:0;right:0;z-index:-1;width:50.1%;height:100%;opacity:0;background-size:cover}
#sub_bg_area .sub_tit_area{position:absolute;z-index:100;top:50%;left:10%;transform:translateY(-50%);opacity:0}
#sub_bg_area .sub_tit_area h3{display:block;padding-right:10px;font-weight:800;font-size:45px;color:#fff;font-family:"The Jamsil",sans-serif;}
#sub_bg_area .sub_tit_area h3 span{font-weight:300}
#sub_bg_area .sub_tit_area .s_tit{display:block;margin-top:10px;font-size:15px;line-height:26px;color:#dadad4;font-family:"Paperlogy";}
#sub_bg_area .txt_area{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center}
#sub_bg_area .txt_area div{display:flex;align-items:center;gap:5px;margin-top:10px;font-size:15px;color:#fff}
#sub_bg_area .txt_area div svg{fill:#fff}
#sub_bg_area .txt_area p{font-size:30px;font-weight:700;color:#fff}

.s_tit_wrap{position:absolute;left:0;bottom:-60px;z-index:999;width:100%;height:60px;background:rgba(0,0,0,.3)}
.tit_cont{position:relative;overflow:hidden;width:1300px;margin:0 auto;font-size:14px;line-height:60px;color:#fff}
.tit_cont.s_l_menu{overflow:hidden}
.tit_cont .s_l_menu li{float:left}
.tit_cont .s_l_menu li i{margin:0 20px}
.tit_cont .s_l_menu .home{width:60px;margin-right:22px;text-align:center}
.tit_cont .s_l_menu .home a{display:block;color:#fff}
.tit_cont .s_r_menu{position:absolute;top:0;right:0}
.tit_cont .s_r_menu li{float:left;width:60px;text-align:center;transition:all .2s}
.tit_cont .s_r_menu li a{display:block;color:#fff}
.tit_cont .s_r_menu li span{display:none}

/* 반응형 [s] */
@media (hover:hover){
.tit_cont .s_r_menu li:hover{width:150px;background:rgba(146,145,123,.8)}
.tit_cont .s_r_menu li:hover span{display:inline-block;padding-left:10px}
}
@media (max-width:1024px){
#sub_bg_area{height:100%}
#sub_bg_area .line_box{display:none}
#sub_bg_area .sub_bg{width:100%;background-position:center !important;background-size:cover !important}
#sub_bg_area .sub_tit_area{display:none}
#sub_bg_area .txt_area{display:block}
}
@media (max-width:768px){
#sub_bg_area .txt_area p{font-size:26px}
#sub_bg_area .txt_area div{margin-top:8px;font-size:14px}
}
@media (max-width:580px){
#sub_bg_area .txt_area p{font-size:24px}
}
@media (max-width:480px){
#sub_bg_area .sub_bg{display:none}
#sub_bg_area .txt_area p{font-size:15px;color:#000}
#sub_bg_area .txt_area div{display:none}
}
/* 반응형 [e] */

/* =========================== SNB */
#sh_snb{overflow:hidden;display:table;margin:0 auto}
#sh_snb li{float:left}
#sh_snb li a{display:block;position:relative;font-size:16px;padding:20px 50px;color:#333;letter-spacing:-.2px;-webkit-transition:all .3s;transition:all .3s}
#sh_snb li a:hover span:after{width:75%}
#sh_snb li a span{display:block;position:absolute;bottom:0;left:0;width:100%}
#sh_snb li a span:after{display:block;position:relative;width:0;height:2px;margin:0 auto;content:"";background-color:#0242c0;z-index:1;transition:all .3s}
#sh_snb li.snb_on a{font-weight:500;color:#0242c0;}
#sh_snb li.snb_on a span:after{width:80%}


/* =========================== 공통 */
.wrap {margin:0 auto;width:clamp(0px, 96%, 1435px);}
.img_box img {max-width:100%;}

/* 탭 */
.qtab_box .tab_box {}
.qtab_box .tab_box .tab_btn {display:flex;}
.qtab_box .tab_box .tab_btn li {flex:1 1 auto;text-align:center;}
.qtab_box .tab_box .tab_btn li a {display:flex;justify-content:center;align-items:center;height:7rem;font-weight:600;font-size:1.7rem;background:#fbfbfb;border:1px solid #ddd;}
.qtab_box .tab_box .tab_btn li.on a, .qtab_box .tab_box .tab_btn li a:is(:hover,:focus,:active) {border-color:#0242c0;background:#0242c0;color:#fff;}
.qtab_box .tab_content {margin-top:5rem;}
    @media only screen and (max-width:767px){
        .qtab_box .tab_box .tab_btn {flex-direction:column;}
    }


/* =========================== PAGE */
/* 0101_인사말 */
.over_hidden {overflow:hidden;border-bottom-right-radius:50px;}
.over_hidden .intro_bg {position:relative;display:block;height:100%;background:#222;overflow:hidden;background:url('./../../images/fs/sub/sub01/sub0101_bg.jpg') no-repeat center;background-attachment:fixed;}
.intro_wrp .pd_wrp {position:relative;display:block;margin:14rem 20rem;padding:8rem 10rem;text-align:center;justify-content:center;width:auto;background:rgba(255,255,255,0.99);border-bottom-right-radius:50px;}
.intro_wrp .tit {font-weight:500;letter-spacing:-1px;}
.intro_wrp .tit span {display:inline-block;padding:8px 24px;color:#fff;background:#003282;font-size:2rem;border-radius:5px;}
.intro_wrp .txtbox {margin-top:4rem;line-height:1.8;color:#767676;text-align:left;}
.intro_wrp .txtbox p {font-size:1.7rem;}
.intro_wrp .txtbox p.first {font-size:3.5rem;color:#222;font-weight:bold;line-height:1.4;}
.intro_wrp .txtbox p + p {margin-bottom:2rem;}
.intro_wrp .txtbox p em {font-weight:bold;color:#222;}
.intro_wrp .txtbox p.ceo {font-size:2.2rem;color:#222;margin-top:4rem;margin-bottom:0;text-align:right;}
    @media only screen and (max-width:1299px){
        .intro_wrp .pd_wrp {margin:10rem 10rem;}
    }
    @media only screen and (max-width:767px){
        .intro_wrp .pd_wrp {margin:10rem;}
        .intro_wrp .txtbox p br {display:none;}
    }
    @media only screen and (max-width:639px){
        .over_hidden .intro_bg {border-radius:30px;}
        .intro_wrp .pd_wrp {margin:5rem 3rem 10rem;padding:6rem 3rem;}
    }

/* 0102_회사개요 */
.greeting .cr_main {color:#0242c0;}
.greeting img {max-width:100%;}
.greeting .flex-box {display:flex;}
.greeting .flex-box > div {width:50%;padding:0 5rem;}
.greeting .flex-box .imgbox {flex-shrink:0;}
.greeting .flex-box .imgbox img {display:flex;align-items:center;border-bottom-right-radius:5rem;overflow:hidden;}
.greeting .flex-box .imgbox img.pc {}
.greeting .flex-box .imgbox img.mo {display:none;}
.greeting .flex-box .txtbox {word-break:keep-all;}
.greeting .flex-box .txtbox .title {color:#333;font-size:3.5rem;font-weight:700;line-height:1.2;}
.greeting .flex-box .txtbox .title2 {margin-top:2rem;}
.greeting .flex-box .txtbox .txt {margin-top:50px;line-height:1.8;font-size:1.7rem;}
.greeting .flex-box .txtbox .txt div {position:relative;border:1px dashed #ddd;border-radius:4px;padding:1rem 3rem;}
.greeting .flex-box .txtbox .txt div:before {content:"";position:absolute;left:-4px;top:-4px;width:8px;height:8px;border-radius:50%;background:#0242c0;}
.greeting .flex-box .txtbox .txt div:not(:first-child) {margin-top:1rem;}
.greeting .flex-box .txtbox .txt strong {display:block;font-weight:600;color:#767676;}
.greeting .flex-box .txtbox .txt em {font-size:1.8rem;font-weight:600;color:#222;}
    @media only screen and (max-width:1023px){
        .greeting .flex-box {flex-direction:column;}
        .greeting .flex-box > div {width:100%;padding:0;}
        .greeting .flex-box .imgbox img.pc {display:none;}
        .greeting .flex-box .imgbox img.mo {display:block;}
    }

/* 0104_연혁 */
.history_wrp {padding:13rem 0;position:relative;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(5,1fr);gap:0 2.6rem;}
.history_wrp::before {content:"";position:absolute;top:0;left:50%;z-index:-1;transform:translateX(-50%);width:2.6rem;height:100%;background:#dadce1;}
.history_wrp .h_list {display:flex;gap:4rem;justify-content:space-between;}
.history_wrp .h_list:nth-child(even) {flex-direction:row-reverse;}
.history_wrp .h_list.intro {grid-area:1 / 1 / 2 / 2;}
.history_wrp .h_list.office {grid-area:2 / 2 / 3 / 3;}
.history_wrp .h_list.rnd {grid-area:3 / 1 / 4 / 2;}
.history_wrp .h_list.goal {grid-area:4 / 2 / 5 / 3;}
.history_wrp .h_list.today {grid-area:5 / 1 / 6 / 2;}
.history_wrp .h_list div {width:50%;}
.history_wrp .h_list .h_img img {max-width:100%;}
.history_wrp .h_list .h_con h4 {font-size:4rem;margin-bottom:2rem;color:#000;padding-right:6rem;position:relative;}
.history_wrp .h_list:nth-child(even) .h_con h4 {padding-right:0;padding-left:10rem;}
.history_wrp .h_list .h_con h4::before {content:"";position:absolute;top:50%;right:-1.3rem;transform:translateY(-50%);z-index:1;width:8rem;height:1px;background:#465167;}
.history_wrp .h_list:nth-child(even) .h_con h4::before {right:unset;left:-1.3rem;}
.history_wrp .h_list .h_con .list1 {padding-right:3rem;}
.history_wrp .h_list:nth-child(even) .h_con .list1 {padding-right:0;padding-left:10rem;}
    @media only screen and (max-width:1399px){
        .history_wrp .h_list {gap:3rem;}
    }
    @media only screen and (max-width:1199px){
        .history_wrp {grid-template-rows:repeat(5,auto);}
        .history_wrp .h_list {flex-direction:column !important;}
        .history_wrp .h_list div {width:100%;}
        .history_wrp .h_list:nth-child(even) .h_img {padding-left:10rem;}
    }
    @media only screen and (max-width:767px){
        .history_wrp {display:flex;flex-direction:column;gap:6rem;padding:6.5rem 8rem;}
        .history_wrp::before {left:0;transform:translateX(0);}
        .history_wrp .h_list:nth-child(even) .h_img {padding:0;}
        .history_wrp .h_list .h_con {position:relative;padding-top:1rem;}
        .history_wrp .h_list .h_con h4 {padding:0 !important;position:static;}
        .history_wrp .h_list .h_con h4::before {left:-8rem !important;right:unset !important;top:-1rem;}
    }

/* 0105_오시는길 */
.location_wrp .cont_map_box {display:block;height:440px;}
.location_wrp .cont_map_box iframe {width:100%;height:100%;}
.location_wrp .info_box {display:flex;flex-wrap:wrap;padding:30px;border-top:2px solid #222;}
.location_wrp .info_box p.name {width:250px;font-weight:bold;color:#0242c0;font-size:2rem;}
.location_wrp .info_box .map_info {display:flex;gap:20px 60px;flex-wrap:wrap;width:calc(100% - 250px);}
.location_wrp .info_box .map_info li {display:flex;font-weight:500;color:#767676;}
.location_wrp .info_box .map_info li.address {width:100%;font-size:1.4em;color:#222;font-weight:bold;}
.location_wrp .info_box .map_info li span {display:inline-block;color:#0242c0;margin-right:7px;}
.location_wrp .info_box .map_info li span img {max-height:28px;}
    @media only screen and (max-width:767px){
        .location_wrp .cont_map_box {height:400px;}
        .location_wrp .info_box {flex-direction:column;}
        .location_wrp .info_box .map_info {gap:20px 30px;width:100%;}
    }
    @media only screen and (max-width:560px){
        .location_wrp .info_box {padding:20px 0;}
        .location_wrp .info_box .map_info {gap:10px 30px;}
        .location_wrp .info_box .map_info li.address {margin-bottom:20px;}
        .location_wrp .info_box .map_info li span img {max-height:22px;}
    }

/* 0200_공통 */
.prod_wrap {border:1px solid #ddd;border-bottom:2px solid #0242c0;background:no-repeat right center;display:grid;grid-template-columns:1fr 1fr;}
.prod_wrap .prod_name {padding:1rem 9rem;display:flex;flex-direction:column;justify-content:center;}
.prod_wrap .prod_name .s_tit {font-weight:900;font-size:1.5rem;color:#0242c0;margin-bottom:.5rem;}
.prod_wrap .prod_name .main_tit {font-family:"Paperlogy";font-weight:900;font-size:2.5rem;line-height:1.2;color:#000;position:relative;}
.prod_wrap .prod_name .main_tit::before {content:"";position:absolute;left:-1.3rem;top:1.1rem;width:.6rem;height:.6rem;background:#0242c0;}
.prod_wrap .prod_img img {max-width:100%;}
.overflow_box .iconlr {display:none;}
.prod_detail table {width:100%;border-collapse:collapse;color:#222;text-align:center;}
.prod_detail table :is(th,td) {border:1px solid #ddd;padding:1rem .5rem;}
.prod_detail table th {background:#0242c0;color:#fff;text-align:center;font-weight:500;}
    @media only screen and (max-width:1023px){
        .prod_wrap {display:flex;flex-direction:column-reverse;}
        .prod_wrap .prod_name {padding:3rem 6rem;}
        .prod_wrap .prod_img img {max-width:none;width:100%;}
        .overflow_box .iconlr {display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:1rem;color:#0242c0;}
        .overflow_box .prod_detail {overflow-x:auto;overflow-y:hidden;}
        .overflow_box .prod_detail table {width:clamp(0px, 1000px, 1023px);}
        .prod_detail table {word-break:break-all;}
    }

/* 0203_Application */
.sub0203 #tab1 .prod_wrap {padding:5rem 0;display:block;}
.sub0203 #tab1 .prod_wrap .prod_name {width:100%;}
.sub0203 #tab1 .img_box {border:1px solid #ddd;border-top:none;padding:2rem;}
.sub0203 #tab1 .img_box .btn_wrp {display:none;}
.sub0203 .prod_img {display:flex;align-items:center;}
    @media only screen and (max-width:1023px){
        .sub0203 #tab1 .prod_wrap {padding:3rem 0;}
        .sub0203 #tab1 .img_box .btn_wrp {display:block;}
    }

/* 0401_ESG경영 */
.esg_wrp .esg_tit {display:flex;flex-direction:column;align-items:center;gap:4rem;margin:5rem 0 10rem;}
.esg_wrp .esg_tit i {font-size:3rem;color:#0242c0;opacity:.5;}
.esg_wrp .esg_tit p {font-size:2.5rem;line-height:1.6;color:#000;text-align:center;text-wrap:balance;}
.esg_wrp .esg_tit p strong {color:#0242c0;}
.esg_wrp .esg_box > li {display:flex;align-items:center;}
.esg_wrp .esg_box > li:nth-child(even) {flex-direction:row-reverse;}
.esg_wrp .esg_box > li .esg_img, .esg_wrp .esg_box > li .esg_con {flex-basis:50%;}
.esg_wrp .esg_box > li .esg_img {aspect-ratio:4/3;overflow:hidden;border-radius:2rem;}
.esg_wrp .esg_box > li .esg_img img {width:100%;height:100%;object-fit:cover;object-position:center;}
.esg_wrp .esg_box > li .esg_con {padding-left:5rem;}
.esg_wrp .esg_box > li:nth-child(even) .esg_con {padding-left:0;padding-right:5rem;}
.esg_wrp .esg_box > li .esg_con .tit_wrap {padding-bottom:2.5rem;margin-bottom:2.5rem;border-bottom:1px solid #ddd;display:flex;align-items:flex-end;}
.esg_wrp .esg_box > li .esg_con .tit_wrap .tit {font-size:4rem;color:#0242c0;line-height:1;}
.esg_wrp .esg_box > li .esg_con .tit_wrap .sub_tit {font-weight:500;color:#ccc;margin-left:1.5rem;}
.esg_wrp .esg_box > li .esg_con .con_wrap {padding-left:2.5rem;}
.esg_wrp .esg_box > li .esg_con .con_wrap em {display:block;font-size:2.2rem;color:#000;margin-bottom:1.5rem;}
.esg_wrp .esg_box > li .esg_con .con_wrap p {line-height:1.5;}
    @media only screen and (max-width:1199px) {
        .esg_wrp .esg_box > li .esg_con {padding-left:4rem;}
        .esg_wrp .esg_box > li:nth-child(even) .esg_con {padding-right:4rem;}
        .esg_wrp .esg_box > li .esg_con .con_wrap {padding-left:1rem;}
    }
    @media only screen and (max-width:1023px) {
        .esg_wrp .esg_tit {gap:3rem;}
        .esg_wrp .esg_box > li .esg_img {aspect-ratio:1/1;}
        .esg_wrp .esg_box > li .esg_con {padding-left:3.5rem;}
        .esg_wrp .esg_box > li:nth-child(even) .esg_con {padding-right:3.5rem;}
        .esg_wrp .esg_box > li .esg_con .con_wrap {padding-left:0;}
    }
    @media only screen and (max-width:767px) {
        .esg_wrp .esg_box > li {flex-direction:column !important;gap:3rem;}
        .esg_wrp .esg_box > li .esg_img {aspect-ratio:2/1;}
        .esg_wrp .esg_box > li .esg_con {padding:0 !important;}
    }

/* 0104_인증현황 */
.certf_list {width:100%;display:grid;grid-template-columns:repeat(4, 1fr);gap:7.0rem 3.5rem;}
.certf_list > li {position:relative;}
.certf_list > li a {display:flex;flex-direction:column;justify-content:center;align-items:center;text-decoration:none;}
.certf_list > li .bu2_img {overflow:hidden;display:flex;justify-content:center;align-items:center;position:relative;width:100%;border:1px solid #ddd;border-bottom-right-radius:50px;aspect-ratio:6/8;}
.certf_list > li .bu2_img img {min-width:100%;max-height:100%;position:absolute;top:0;left:50%;transform:translateX(-50%);transition:all 0.8s;-webkit-transition:all 0.8s;}
.certf_list > li:hover .bu2_img img {transform:scale(1.1) translateX(-45%);}
.certf_list > li .bu2_txt {width:95%;margin:15px auto 0;color:#111;font-size:1.8rem;font-weight:600;word-break:break-all;text-align:center;}
    @media only screen and (max-width:1023px){
        .certf_list {grid-template-columns:repeat(3, 1fr);}
    }
    @media only screen and (max-width:767px){
        .certf_list {grid-template-columns:repeat(2, 1fr);}
    }
    @media only screen and (max-width:560px) {
        .certf_list {grid-template-columns:repeat(1, 1fr);}
    }

/******************************/
/* 게시판 */
/******************************/
/* 게시판 상단검색 */
.search_box {display:flex;justify-content:space-between;align-items:flex-end;position:relative;z-index:1;margin-bottom:20px;}

/* 총게시글 */
.total_box {font-size:1.6rem;color:#767676;}
.total_box span, .total_box em {font-size:1.7rem;font-weight:600;color:var(--primary);}

/* 검색 */
.sch_wrp .inputbox {display:flex;justify-content:center;gap:4px;}
.sch_wrp .inputbox select {width:18rem;font-size:1.8rem;border:1px solid #767676;color:#222;}
.sch_wrp .inputbox input {width:35rem;font-size:1.8rem;border:1px solid #767676;color:#222;}
.sch_wrp .inputbox input::-ms-input-placeholder {color:#222;}
.sch_wrp .inputbox input::-webkit-input-placeholder {color:#222;}
.sch_wrp .inputbox input::-moz-placeholder {color:#222;}
.sch_wrp .inputbox button {flex-shrink:0;width:4.5rem;height:4.5rem;background:var(--primary);border-radius:1rem;}
.sch_wrp .inputbox button i {font-size:2rem;color:#fff;}
    @media only screen and (max-width:1023px){
        ul.sch_btn li a {line-height:36px;}
    }
    @media only screen and (max-width:767px){
        .search_box {flex-direction:column;align-items:flex-start;gap:1rem;}
        .search_box form {width:100%;}
        .sch_wrp .inputbox {flex-wrap:wrap;}
        .sch_wrp .inputbox select {flex-grow:1;}
        .sch_wrp .inputbox .sc_input {flex-grow:1;}
        .sch_wrp .inputbox button {flex-grow:1;}
    }

/* 게시판 영역 */
.board_box {border-top:2px solid #222;border-bottom:1px solid #e5e5e5;}

/* 페이지넘버 */
.page_number {display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:40px;}
.page_number li {margin:0 2px;}
.page_number li a {display:grid;place-items:center;width:34px;height:34px;line-height:1.2;text-align:center;font-size:1.5rem;color:#222;}
.page-number .prev_first {background:url("./../../images/fs/common/page_first.png") no-repeat center center;font-size:0;}
.page-number .prev {background:url("./../../images/fs/common/page_prev.png") no-repeat center center;font-size:0;}
.page-number .num {}
.page-number .num a.on,.page-number .num a:hover,.page-number .num a:focus,.page-number .num a:active {background:var(--primary);border-radius:5px;color:#fff;}
.page-number .next {background:url("./../../images/fs/common/page_next.png") no-repeat center center;font-size:0;}
.page-number .next_last {background:url("./../../images/fs/common/page_last.png") no-repeat center center;font-size:0;}
    @media only screen and (max-width:767px){
        .page-number li {margin:0 1px;}
        .page-number li a {width:30px;height:30px;line-height:28px;}
    }


/* 일반게시판(목록) */
.board_list {}
.board_list {width:100%;line-height:1;margin-top:1px;border-collapse:collapse;font-size:1.8rem;color:#222;}
.board_list thead th {position:relative;padding:28px 20px;font-weight:700;font-size:1.8rem;border-bottom:1px solid #222;}
.board_list tbody tr {border-top:1px solid #e5e5e5;}
.board_list tbody tr.noti {background:#f3f6f9;}
.board_list tbody tr.noti:after {content:"";display:block;position:absolute;left:0;top:-1px;width:100%;height:1px;background:#fff;}
.board_list tbody td {padding:25px 12px;font-weight:400;}
.board_list tbody td .ellipsis1 {max-width:100%;}
.board_list tbody td .new {transform:translateY(-5px);}
.board_list tbody td .new img {width:20px;}
.board_list tbody td.num {font-size:1.6rem;color:#767676;}
.board_list tbody td.img {}
.board_list tbody td.img img {width:128px;}
.board_list tbody td.tit {font-weight:600;}
.board_list tbody td.tit a {margin-top:4px;}
.board_list tbody td.tit a .new {}
.board_list tbody td.tit .reply {display:inline-block;margin-left:14px;}
.board_list tbody td.filedown {}
.board_list tbody td.view {}
.board_list tbody td.view .btn_bace:first-child {margin-top:0;}
.board_list tbody td.view .btn_bace {margin-top:5px;}
.board_list tbody td.file {font-size:1.7rem;color:#767676;}
.board_list tbody td.file img {opacity:0.5;}
.board_list tbody td.date {font-size:1.7rem;color:#767676;}
.board_list tbody td .btn_bace {height:35px;line-height:35px;font-size:1.4rem;}
.board_list tbody tr.noti td {font-weight:500;}
.board_list tbody tr.noti .num span {display:grid;place-items:center;width:52px;height:30px;margin:0 auto;background:#002c83;text-align:center;border-radius:50px;font-size:1.7rem;color:#fff;}
.board_list tbody tr:is(:hover,:focus,:active) {background:#f9f9f9;}
    @media only screen and (max-width:1023px){
        .board_list thead th {padding:10px 10px;}
        .board_list tbody td {padding:10px 10px;}
        .board_list tbody td .new img {width:17px;}
        .board_list tbody td .btn_bace {height:35px;line-height:35px;}
        .board_list tbody td.tit a {margin-top:0;}
    }
    @media only screen and (max-width:767px){
        .board_list {text-align:left;}
        .board_list colgroup,
        .board_list thead th {display:none;}
        .board_list tbody tr:first-child {border-top:0;}
        .board_list tbody tr.noti:after {display:none;}
        .board_list tbody tr {display:flex;flex-wrap:wrap;padding:12px 0;}
        .board_list tbody td {display:block;}
        .board_list tbody td.num {order:1;display:none;}
        .board_list tbody td.tit {order:2;width:100%;padding:0 6px 8px 6px;font-weight:600;}
        .board_list tbody td .ellipsis1 {font-size:2.2rem;}
        .board_list tbody td .new img {width:20px;}
        .board_list tbody td.file {order:4;display:flex;align-items:center;padding:0 6px;border-right:0;border-left:1px solid #e5e5e5;line-height:1;}
        .board_list tbody td.file:empty {display:none;padding:0;}
        .board_list tbody td.date {order:3;display:inline-block;padding:0 6px;margin:5px 0;}
        .board_list tbody tr.noti td {font-weight:600;}
        .board_list tbody tr.noti td.num {display:block;}
        .board_list tbody tr.noti .num {padding:5px 0 10px;text-align:left;}
        .board_list tbody tr.noti .num span {display:inline-block;width:45px;line-height:25px;height:25px;}
        .board_list tbody tr.noti .num span img {height:50%;vertical-align:middle;}
        .board_list tbody tr td.ta-c {width:100%;}
    }
    @media only screen and (max-width:529px){
        .board_list tbody td .ellipsis1 {max-width:98%;}
        .board_list tbody td.tit .reply {display:block;margin:10px 0 0 0;}
    }

/* 일반게시판(상세) */
.board_view {border-top:2px solid #222;}
.board_view * {}
.board_view > li {border-bottom:1px dotted #ddd;}
.board_view .view_tit {padding:40px 0;text-align:center;font-size:1.5em;color:#222;font-weight:600;}
.board_view .view_tit .tit {display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.board_view .view_tit .notice {display:inline-block;font-size:15px;background:var(--primary);color:#fff;padding:5px 20px;border-radius:30px;line-height:1.5;}
.board_view .view_info {display:flex;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;color:#555;font-size:1.5rem;font-weight:300;margin-top:20px;}
.board_view .view_info li {padding:0 20px;position:relative;}
.board_view .view_info li:after {content:"/";position:absolute;left:0;top:0;color:#ddd;}
.board_view .view_info li:first-child:after {display:none;}
.board_view .view_cont {padding:40px 20px;min-height:360px;}
.board_view .view_cont img {max-width:100%;}
.board_view .file_area {padding:15px 20px;background:#f2f8fa;font-size:.95em;}
.board_view .file_area a.upload_file {display:flex;gap:1rem;align-items:center;}
.board_view .file_area a.upload_file:hover {text-decoration:underline;}
.board_view .file_area p.no-file {color:#555;}
    @media only screen and (max-width:767px){
        .board_view .view_tit {padding:30px 0;}
        .board_view .view_cont {padding:30px 15px;}
    }

/* 일반게시판(쓰기) */
#sh_content form legend {display:none;}
.btnarea {display:flex;align-items:center;gap:.5rem;justify-content:center;}
.btnarea input[type="submit"] {font-size:inherit;}

/* 갤러리게시판 */
.gallery_list_box {border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:4rem 0;}
.gallery_list_box .g_list {display:grid;grid-template-columns:repeat(3,1fr);gap:60px 40px;}
.gallery_list_box .g_list > li {}
.gallery_list_box .g_list > li a {position:relative;display:block;}
.gallery_list_box .g_list > li a .imgbox {display:flex;justify-content:center;align-items:center;overflow:hidden;border:1px solid #eee;text-align:center;position:relative;}
.gallery_list_box .g_list > li a .imgbox::after {content:"";display:block;padding-bottom:100%;}
.gallery_list_box .g_list > li a .imgbox img {transition:all .4s;-webkit-transition:all .4s;position:absolute;width:100%;}

.gallery_list_box .g_list > li a .imgbox .box_wrap {opacity:0;visibility:hidden;position:absolute;left:0;top:0;z-index:1;display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:100%;color:#fff;background:rgba(17,83,67,0.8);padding:0 3.5rem;transition:0.6s;transform:translateY(100%);}
.gallery_list_box .g_list > li a .imgbox .box_wrap .box {flex-grow:1;display:flex;justify-content:center;align-items:center;flex-direction:column;}
.gallery_list_box .g_list > li a .imgbox .box_wrap .box .tit {font-size:2rem;padding:5px 2rem;border:2px solid #fff;border-radius:50px;}
.gallery_list_box .g_list > li a .imgbox .box_wrap .box .tit:not(:first-child) {margin-top:2rem;}
.gallery_list_box .g_list > li a .imgbox .box_wrap .box .p {margin-top:1rem;font-size:1.8rem;}
.gallery_list_box .g_list > li a .imgbox .box_wrap .spcon {margin-top:auto;padding:3rem 0;width:100%;text-align:center;color:#3adeb6;font-size:2rem;border-top:1px solid rgba(255,255,255,0.2);font-weight:600;}
.gallery_list_box .g_list > li a:is(:hover,:focus,:active) .imgbox .box_wrap {opacity:1;visibility:visible;transform:translateY(0);}

.gallery_list_box .g_list > li:hover a .imgbox img {transform:scale(1.1);}
.gallery_list_box .g_list > li a .titbox {margin-top:20px;}
.gallery_list_box .g_list > li a .titbox .sp1 {display:block;margin-bottom:1rem;color:#5ac0a7;font-size:1.8rem;font-weight:700;}
.gallery_list_box .g_list > li a .titbox .title {width:100%;font-weight:700;color:#222;font-size:1.250em;}
.gallery_list_box .g_list > li a .titbox .title.ellipsis1 {line-height:1.25;word-break:break-all;}
.gallery_list_box .g_list > li a .titbox .list_info {display:flex;justify-content:flex-end;align-items:center;margin-top:10px;transition:all .4s;-webkit-transition:all .4s;}
.gallery_list_box .g_list > li:hover a .titbox .list_info  {border-color:#35b193;}
.gallery_list_box .g_list > li a .titbox .list_info .date {display:inline-flex;color:#999;font-size:0.875em;}
.gallery_list_box .g_list > li a .titbox .list_info .date i {margin-right:5px;}
.gallery_list_box .g_list > li a .titbox .list_info .more_btn {display:inline-flex;font-weight:600;color:#222;}
.gallery_list_box .g_list > li a .titbox .list_info .more_btn i {margin-left:5px;color:#35b193;}
.gallery_list_box .g_list_25p {grid-template-columns:repeat(4,1fr);}
.gallery_list_box .g_list_25p > li a .imgbox {max-height:400px;}
.gallery_list_box .g_list_25p > li a .imgbox img {aspect-ratio:1/1.5;transition:all .4s;-webkit-transition:all .4s;max-width:100%;}
.gallery_list_box .g_list_25p > li a .titbox .title.ellipsis2 {line-height:1.25;min-height:50px;word-break:break-all;}
    @media only screen and (max-width:1199px){
        .gallery_list_box .g_list {gap:50px 30px;}
    }
    @media only screen and (max-width:1023px){
        .gallery_list_box .g_list {grid-template-columns:repeat(2,1fr);gap:40px 20px;}
        .gallery_list_box .g_list > li a .titbox .list_info {margin-top:25px;padding-top:15px;}
    }
    @media only screen and (max-width:767px){
        .gallery_list_box .g_list {grid-template-columns:repeat(1,1fr);gap:30px;}
        .gallery_list_box .g_list > li a .titbox .list_info {margin-top:20px;padding-top:10px;}
        .gallery_list_box .g_list_25p {grid-template-columns:repeat(2,1fr);}
    }
    @media only screen and (max-width:475px){
        .gallery_list_box .g_list {grid-template-columns:repeat(1,1fr);gap:30px;}
        .gallery_list_box .g_list > li a .titbox .list_info {margin-top:20px;padding-top:10px;}
        .gallery_list_box .g_list_25p {grid-template-columns:repeat(1,1fr);}
    }

/* tableB */
.tableB {width:100%;border-bottom:1px solid #eee;border-top:2px solid #222;word-break:normal;}
.tableB thead th {padding:12px 20px;background:#f3f6fd;border-left:1px solid #eee;border-top:1px solid #eee;color:#222;}
.tableB thead th:first-child {border-left:0;}
.tableB tfoot th {padding:12px 20px;background:#f9f9f9;border-top:1px solid #ddd;}
.tableB tfoot td {padding:12px 20px;border-left:1px solid #eee;border-top:1px solid #eee;background:#e8e8e2;}
.tableB tbody th {padding:12px 20px;border-left:1px solid #eee;border-top:1px solid #eee;background:#f9f9f9;vertical-align:middle;font-weight:700;color:#222;}
.tableB tbody td {padding:15px 10px;border-left:1px solid #eee;border-top:1px solid #eee;}
.tableB tbody tr th:first-child,
.tableB tbody tr td:first-child {border-left:0;}
.tableB tbody tr:first-child th,
.tableB tbody tr:first-child td {border-top:1px solid #ddd}
.tableB tbody tr th.bd_none,.tableB tbody tr td.bd_none,
.tableB thead tr th.bd_none,.tableB thead tr td.bd_none {border-left:0;}
.tableB tbody tr th.bd_left,.tableB tbody tr td.bd_left,
.tableB thead tr th.bd_left,.tableB thead tr td.bd_left {border-left:1px solid #eee;}
/*padding 줄인버전*/
.tableB.small {border-top:0;}
.tableB tbody tr:first-child th,
.tableB tbody tr:first-child td {border-top:1px solid #eee;}
.tableB.small thead th {padding:0 20px;line-height:40px;text-align:center;background:#f3f6fd;}
.tableB.small tbody th {padding:7px 15px;text-align:center;}
.tableB.small tbody td {padding:7px 15px;}
    @media only screen and (max-width:767px){
        .tableB thead th {padding:5px;}
        .tableB tfoot th {padding:5px;}
        .tableB tfoot td {padding:5px;}
        .tableB tbody th {padding:5px;}
        .tableB tbody td {padding:5px;}
    }

/* 0503_온라인문의 */
.online_inquiry .flexbox {display:flex;gap:1rem;flex-wrap:wrap;align-items:center;}
.online_inquiry .flexbox * {flex-grow:1;}
.online_inquiry .flexbox span {flex-shrink:0;flex-grow:inherit;}
.top_box {background:linear-gradient(125deg,var(--primary) 0%, #003a9e 100%);padding:5rem;color:#fff;font-size:2rem;margin-bottom:4rem;}
.top_box em {font-weight:700;font-size:3rem;border-bottom:1px solid rgba(255,255,255,0.3);display:block;padding-bottom:2rem;}
.online_inquiry .privacy_area {padding:30px;overflow-y:auto;background:#f5f5f5;max-height:200px;font-size:1.4rem;line-height:1.3;}
.online_inquiry .privacy_area .tit strong {font-size:1.6rem;color:#111;font-weight:600;}
.online_inquiry .privacy_area .stit {position:relative;font-weight:500;color:#333;display:block;margin-top:10px;}
    @media only screen and (max-width:1023px){
        .online_inquiry .tableA tbody tr:after {display:none;}
        .online_inquiry .tableA tbody th {width:100%;}
        .online_inquiry .tableA tbody td {width:100%;border-left:none;}
        .online_inquiry .privacy_area .stit {margin-bottom:5px;}
        .online_inquiry .privacy_area p {margin-bottom:5px;}
    }

.manageButton {margin-top:20px;}