@charset "utf-8";

/* =========================== SUB */
#shSubBnr{position:relative;overflow:hidden;height:450px}
#shSubBnr #mainImg{width:100%;height:450px;background-size:cover}
#shSubBnr .sub_nav{position:absolute;z-index:10;left:50%;top:50%;max-width:1400px;width:100%;margin:0 auto;color:#fff;transform:translate(-50%, -50%)}
#shSubBnr .tit{overflow:hidden;position:relative;z-index:1;margin-top:30px;font-size:46px;font-weight:700;font-family:var(--k-point)}
#shSubBnr .crumb{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700}
#shSubBnr .crumb a{display:flex}
#shSubBnr .crumb svg{width:20px;color:#fff}

/* 반응형 [s] */
@media (max-width:1380px){
#shSubBnr .sub_nav{max-width:unset;width:95%}
}
@media (max-width:1024px){
#shSubBnr{height:380px}
#shSubBnr #mainImg{opacity:1 !important;transform:none !important;height:100%;background-position:center}
#shSubBnr .sub_nav{text-align:center}
#shSubBnr .sub_nav p{opacity:1 !important;transform:none !important}
#shSubBnr .crumb{justify-content:center}
#shSubBnr .tit{margin-top:12px;font-size:36px}
}
@media (max-width:768px){
#shSubBnr{height:330px}
#shSubBnr .crumb{font-size:15px}
#shSubBnr .tit{margin-top:10px;font-size:32px}
}
@media (max-width:580px){
#shSubBnr{height:300px}
#shSubBnr .crumb{font-size:14px}
#shSubBnr .tit{margin-top:8px;font-size:28px}
}
@media (max-width:480px){
#shSubBnr{height:55px;border-bottom:1px solid #e1e1e1;border-top:1px solid #e1e1e1}
#shSubBnr #mainImg{background:none !important}
#shSubBnr .crumb{display:none}
#shSubBnr .tit{margin-top:0px;font-size:16px;color:#000}
}
/* 반응형 [e] */

/* =========================== SNB */
#shSnb{display:flex;justify-content:center;max-width:var(--mainsize);margin:0 auto}
#shSnb li a{display:block;min-width:160px;height:62px;padding:0 20px;font-size:17px;font-weight:700;line-height:62px;text-align:center;color:#fff}
#shSnb li.on a{font-weight:700;color:var(--primary);background:#fff}

/* =========================== PAGE */
#greeting{font-size:15px;font-weight:400;line-height:1.8;letter-spacing:-.2px;color:#777;font-family:'Noto Sans KR'}
#greeting .tit_area{padding:0 0 40px 5%;font-size:38px;font-weight:100;line-height:1.35;letter-spacing:-.5px;color:#222}
#greeting .tit_area p{font-weight:600}
#greeting .img{height:420px;background:url(/img/web/sub/greeting_img.jpg) center no-repeat;background-size:cover}
#greeting .cont{padding:40px 0 0 25%}
#greeting .cont .pl{white-space:pre-line}
#greeting .cont .sign{margin-top:30px;font-weight:500;color:#222}
#greeting .cont .sign span{margin-left:20px;font-size:17px}

@media(max-width:1024px){
#greeting{padding:20px;font-size:14px;line-height:1.6}
#greeting .tit_area{padding:0;font-size:28px;line-height:1.4;color:#222;word-break:keep-all}
#greeting .img{height:200px;margin:15px 0}
#greeting .cont{padding:0}
#greeting .cont .sign{margin-top:20px}
#greeting .cont .sign span{margin-left:0;font-size:15px}
}
@media(max-width:768px){
#greeting .cont .pl{white-space:normal}
}
@media(max-width:480px){
#greeting{padding:15px 12px}	
#greeting .tit_area{font-size:22px}
}

/* -------- 리스트 시작 [s] */
#sh_bo_list{font-size:15px;letter-spacing:-.3px;line-height:1.8;color:#666;font-family:'notokr-regular'}

/* 게시판 분류 type1 */
#bo_cate_ul_box{margin-bottom:30px;padding-left:1px}
#bo_cate_ul_box:after{display:block;content:"";visibility:hidden;clear:both}
#bo_cate_ul_box li{float:left;min-width:20%;text-align:center}
#bo_cate_ul_box li a{display:block;height:47px;margin:-1px 0 0 -1px;padding:0 15px;border:1px solid #e1e1e1;font-size:15px;line-height:47px;color:#999;background-color:#f6f6f6}
#bo_cate_ul_box li a:hover{background-color:#fbfbfb}
#bo_cate_ul_box #bo_cate_on{border-top:2px solid #222;color:#222;line-height:45px;background-color:#fff;font-family:'notokr-medium'}

/* 게시판 분류 type2 */
#bo_cate_ul_line{margin-bottom:25px;text-align:center}
#bo_cate_ul_line:after{display:block;content:"";visibility:hidden;clear:both}
#bo_cate_ul_line li{display:inline-block;vertical-align:top;margin:0 15px}
#bo_cate_ul_line li a{display:block;padding:2px 3px;font-size:17px;color:#999}
#bo_cate_ul_line #bo_cate_on{border-bottom:2px solid #222;color:#222;font-family:'notokr-medium'}

/* 검색 */
#sh_bo_sch{padding-right:10px;border-radius:2px;border:1px solid #e1e1e1}
#sh_bo_sch select{width:90px;height:40px;padding:0 0 0 10px;border:none;font-size:14px;color:#777;-webkit-appearance:none;appearance:none;background:url(../sh_basic/img/select_arr.html) 95% center no-repeat ;font-family:'notokr-regular'}
#sh_bo_sch select::-ms-expand{display:none}
#sh_bo_sch input[type=text]{width:150px;height:40px;padding-left:5px;border:none;font-size:14px;color:#777}

/* 테이블 공통 */
.sh_tbl_common{width:100%;border-top:1px solid #555}
.sh_tbl_common table{width:100%}
.sh_tbl_common th{border-bottom:1px solid #e1e1e1;font-size:15px;font-weight:normal;color:#222;font-family:'notokr-medium'}
.sh_tbl_common td{border-bottom:1px solid #e1e1e1;font-size:14px;color:#777}

/* 리스트 */
#sh_list_tbl table { table-layout:fixed; }
#sh_list_tbl tbody tr:hover{background-color:#fafafa}
#sh_list_tbl .bo_notice:hover{background-color:#f5f6f8}
#sh_list_tbl th{height:60px; vertical-align:middle; }
#sh_list_tbl td{height:60px; vertical-align:middle;}
#sh_list_tbl td.num{width:10%;text-align:center}
#sh_list_tbl td.num .fa-bell-o{color:#0054a6}
#sh_list_tbl td.subject{font-size:15px;color:#222;font-family:'notokr-medium'}
#sh_list_tbl td.subject .fa-lock{display:inline-block;vertical-align:1px;margin-right:5px;padding:2px 4px 1px;border:1px solid #e1e1e1;border-radius:2px;font-size:12px;color:#bbb;background-color:#f6f6f6}
#sh_list_tbl td.subject .fa-download{padding-left:5px;font-size:14px;color:#bbb}
#sh_list_tbl td.subject .new{display:inline-block;vertical-align:2px;width:14px;height:15px;margin-left:5px;border-radius:2px;font-size:10px;font-weight:500;line-height:15px;color:#fff;text-align:center;background-color:#0054a6;font-family:'Poppins'}
#sh_list_tbl td.subject .new.flash{display:none}
#sh_list_tbl td.subject .fa-long-arrow-right{padding-right:8px;font-size:14px;color:#0054a6}
#sh_list_tbl td.name{width:11%;text-align:center}
#sh_list_tbl td.datetime{width:11%;text-align:center}
#sh_list_tbl .bo_notice{background-color:#f5f6f8}
#sh_list_tbl .notice{color:#0054a6}
#sh_list_tbl .notice:after{display:inline-block;content:"";width:1px;height:10px;margin:0 12px;background-color:#ccc}
#sh_list_tbl .cate_link span{color:#0054a6}
#sh_list_tbl .cate_link span:after{display:inline-block;content:"";width:1px;height:10px;margin:0 12px;background-color:#ccc}

@media (max-width:480px){
    .btn_type01{width:120px}
    #sh_bo_list .list_top a{position:relative;left:0;margin-bottom:5px}
    #sh_bo_list{padding:20px 0}
    #sh_bo_sch{float:none;width:100%}
    #sh_bo_sch input[type=text]{ width:calc(100% - 115px) !important; }
    #sh_bo_w{padding:0}
    #sh_write_tbl .cate_wrap{width:100%}
    #sh_write_tbl .sh_input{width:100%;padding-left:10px}
    #sh_write_tbl .sh_select{width:100%}
    #sh_write_tbl .zip_input{width:calc(100% - 130px)}
    #sh_write_tbl .frm_address{width:100%}
    #sh_write_tbl .ps{font-size:13px}
    #sh_write_tbl .agr_area p{display:block}
    #sh_bo_v{padding:0}
    #sh_bo_v .v_page li{padding:15px 10px}
    #sh_bo_v .v_page li i{padding:0 20px 0 10px}
    #sh_bo_v .btn_area{padding:0 10px}
    #sh_bo_v .btn_area ul li a{width:50px;height:35px;line-height:35px;font-size:13px}
    #sh_bo_v .btn_area ul li a.w_btn{width:80px}

    .captchaInputArea { width:100%; }
}
/* 반응형 [e] */

/* 리스트 버튼 */
#sh_bo_list .btn_area{position:relative;margin:20px 0}
#sh_bo_list .btn_area:after{display:block;content:"";visibility:hidden;clear:both}
#sh_bo_list .adm_btns{position:absolute;top:0;left:0}
#sh_bo_list .adm_btns li{display:inline-block;vertical-align:top;margin-right:2px}
#sh_bo_list .w_btn{float:right}
#sh_bo_list .w_btn:hover{background-color:#0064c5}
/* -------- 리스트 끝 [e] */


/* -------- 리스트 시작 [s] */
#sh_bo_gall{font-size:15px;letter-spacing:-.3px;line-height:1.8;color:#666;font-family:'notokr-regular'}

/* 게시판 분류 type1 */
#bo_cate_ul_box{margin-bottom:30px;padding-left:1px}
#bo_cate_ul_box:after{display:block;content:"";visibility:hidden;clear:both}
#bo_cate_ul_box li{float:left;min-width:20%;text-align:center}
#bo_cate_ul_box li a{display:block;height:47px;margin:-1px 0 0 -1px;padding:0 15px;border:1px solid #e1e1e1;font-size:15px;line-height:47px;color:#999;background-color:#f6f6f6}
#bo_cate_ul_box li a:hover{background-color:#fbfbfb}
#bo_cate_ul_box #bo_cate_on{border-top:2px solid #222;color:#222;line-height:45px;background-color:#fff;font-family:'notokr-medium'}

/* 게시판 분류 type2 */
#bo_cate_ul_line{margin-bottom:25px;text-align:center}
#bo_cate_ul_line:after{display:block;content:"";visibility:hidden;clear:both}
#bo_cate_ul_line li{display:inline-block;vertical-align:top;margin:0 15px}
#bo_cate_ul_line li a{display:block;padding:2px 3px;font-size:17px;color:#999}
#bo_cate_ul_line #bo_cate_on{border-bottom:2px solid #222;color:#222;font-family:'notokr-medium'}

/* rss */
.list_top{position:relative;margin-bottom:12px}
.list_top .contactInputButton { padding:0px 16px; height:40px; line-height:40px; font-size:14px; border:1px solid #888; border-radius:4px; }
.list_top .contactInputButton:hover { background-color:#f4f4f4; }


/* 리스트 */
.gall_row .col-gn-0,.gall_row .col-gn-1,.gall_row .col-gn-2,.gall_row .col-gn-3,.gall_row .col-gn-4,.gall_row .col-gn-5,.gall_row .col-gn-6,.gall_row .col-gn-7,.gall_row .col-gn-8,.gall_row .col-gn-9,.gall_row .col-gn-10{position:relative;min-height:1px;padding-left:10px;*padding-left:0;padding-right:10px;*padding-right:0;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:0}
.gall_row .col-gn-0,.latest_row .col-gn-1{width:100%}
.gall_row .col-gn-2{width:50%}
.gall_row .col-gn-3{width:33.33333333%}
.gall_row .col-gn-4{width:25%}
.gall_row .col-gn-5{width:20%}
.gall_row .col-gn-6{width:16.66666667%}
.gall_row .col-gn-7{width:14.28571428%}
.gall_row .col-gn-8{width:12.5%}
.gall_row .col-gn-9{width:11.11111111%}
.gall_row .col-gn-10{width:10%}
.gall_row .box_clear{clear:both}

#sh_bo_gall #sh_gall_ul{margin:0 -10px;padding:0;list-style:none;zoom:1}
#sh_bo_gall #sh_gall_ul:after{display:block;visibility:hidden;clear:both;content:""}

/* 이미지 */
#sh_bo_gall .gall_li{margin-bottom:20px}
#sh_bo_gall .gall_li .gall_chk{position:absolute;top:0;left:20px}
#sh_bo_gall .gall_img{overflow:hidden;border:1px solid #e5e5e5;border-radius:2px;text-align:center}
#sh_bo_gall .gall_img a{display:block;color:#777}
#sh_bo_gall .gall_img img{max-width:100%;height:auto !important}
#sh_bo_gall .gall_img .no_image{display:block;max-width:100%;background-color:#eee;font-family:'notokr-medium'}

/* 내용 */
#sh_bo_gall .gall_now .gall_txt a{color:#ff567f}
#sh_bo_gall .gall_txt{padding:10px}
#sh_bo_gall .gall_txt .cate_link span{color:#0054a6;font-family:'notokr-medium'}
#sh_bo_gall .gall_txt .cate_link span:after{display:inline-block;content:"";width:1px;height:10px;margin:0 12px;background-color:#ccc}
#sh_bo_gall .gall_txt .tit{color:#222;font-family:'notokr-medium'}
#sh_bo_gall .gall_txt .new{display:inline-block;vertical-align:2px;width:14px;height:15px;margin-left:5px;border-radius:2px;font-size:10px;line-height:15px;color:#fff;text-align:center;background-color:#0054a6;font-family:'Poppins'}
#sh_bo_gall .gall_txt .new.flash{display:none}

/* 리스트 버튼 */
#sh_bo_gall .btn_area{position:relative;margin:20px 0}
#sh_bo_gall .btn_area:after{display:block;content:"";visibility:hidden;clear:both}
#sh_bo_gall .adm_btns{position:absolute;top:0;left:0}
#sh_bo_gall .adm_btns li{display:inline-block;vertical-align:top;margin-right:2px}
#sh_bo_gall .w_btn{float:right}
#sh_bo_gall .w_btn:hover{background-color:#0064c5}
/* -------- 리스트 끝 [e] */

/* -------- 글쓰기 시작 [s] */
#sh_bo_w{font-size:15px;letter-spacing:-.3px;line-height:1.8;color:#666;font-family:'notokr-regular'}

/* -------- 뷰 시작 [s] */
#sh_bo_v{border-top:1px solid #555;font-size:15px;letter-spacing:-.3px;line-height:1.8;color:#666;font-family:'notokr-regular'}
#sh_bo_v .tit{min-height:60px;padding:15px;border-bottom:1px solid #eee;font-size:17px;color:#222;background-color:#f5f6f8;font-family:'notokr-medium'}
#sh_bo_v .tit .cate{color:#0054a6}
#sh_bo_v .tit .cate:after{display:inline-block;content:"";width:1px;height:10px;margin:0 12px;background-color:#ccc}

/* 상단 정보 */
#sh_bo_v .info{height:60px;padding:0 15px;border-bottom:1px solid #eee;font-size:14px;line-height:60px}
#sh_bo_v .info:after{display:block;content:"";visibility:hidden;clear:both}
#sh_bo_v .info p{float:left}
#sh_bo_v .info ul{float:right}
#sh_bo_v .info ul li{display:inline-block;margin-left:30px}
#sh_bo_v .info b{font-weight:normal}
#sh_bo_v .info b:after{display:inline-block;content:"";width:1px;height:10px;margin:0 12px;background-color:#ccc}

/* 본문 */
#sh_bo_v .bo_ul{overflow:hidden}
#sh_bo_v .bo_ul li{padding:5px 15px}
#sh_bo_v .bo_ul li:first-child{padding-top:15px}
#sh_bo_v .bo_ul li:last-child{padding-bottom:15px;border-bottom:1px solid #eee}
#sh_bo_v .bo_ul span{display:inline-block;min-width:80px;height:30px;margin-right:15px;border:1px solid #e1e1e1;border-radius:20px;font-size:14px;text-align:center;color:#222;line-height:30px;background-color:#f5f6f8;font-family:'notokr-medium'}
#sh_bo_v .bo_cont{padding:50px 15px;border-bottom:1px solid #d1d1d1}

/* 첨부파일 */
#sh_bo_v .file{overflow:hidden;padding:20px 15px;border-bottom:1px solid #e1e1e1;font-size:14px;background-color:#f5f6f8}
#sh_bo_v .file p{float:left}
#sh_bo_v .file ul{float:left}
#sh_bo_v .file ul li i{padding:0 15px;font-size:14px;color:#bbb}
#sh_bo_v .file ul li:hover{text-decoration:underline}

/* 링크 */
#sh_bo_v .link{overflow:hidden;padding:20px 15px;border-bottom:1px solid #e1e1e1;font-size:14px;background-color:#f5f6f8}
#sh_bo_v .link p{float:left}
#sh_bo_v .link ul{float:left}
#sh_bo_v .link ul li i{padding:0 15px;font-size:14px;color:#bbb}
#sh_bo_v .link ul li:hover{text-decoration:underline}

/* 뷰 버튼 */
#sh_bo_v .btn_area{overflow:hidden;position:relative;margin:20px 0}
#sh_bo_v .btn_area ul{overflow:hidden}
#sh_bo_v .btn_area ul li{float:left}
#sh_bo_v .btn_area .left{float:left}
#sh_bo_v .btn_area .left li{margin-right:4px}
#sh_bo_v .btn_area .right{float:right}
#sh_bo_v .btn_area .right li{margin-left:4px}
#sh_bo_v .btn_area ul li a{height:45px;line-height:45px}
#sh_bo_v .btn_area ul li a.w_btn{width:120px}

/* 이전/다음 글 */
#sh_bo_v .v_page li{min-height:60px;padding:15px;border-bottom:1px solid #eee}
#sh_bo_v .v_page li i{padding:0 30px 0 15px;font-size:16px;color:#222}
#sh_bo_v .v_page li a{color:#777}
#sh_bo_v .v_page li a:hover{color:#222}
/* -------- 뷰 끝 [e] */

.contact .contactArea {width:100%;padding:2.5%;position:relative;}
.contact #sh_container_wrapper {  background-color:#f3f4f6 !important; }
.contact #sh_content {  }
.contact #sh_content .contactArea { background-color:#fff; border-radius:4px; }
.contact #sh_content .contactArea .topInfo { padding:16px; border-bottom:1px solid #e5e7eb; }
.contact #sh_content .contactArea .contentInfo { padding:16px; }

.service #sh_content .pageTitle { font-size:40px; font-weight:bold; color:#379CD6; margin-bottom:0px; }
.service #sh_content .pageDesc { font-size:16px; margin-bottom:32px; }
.service #sh_content .pageImg { border-radius:8px; overflow:hidden; }

.service #sh_content .pageService01 { margin-top:36px; gap:24px; flex-wrap:wrap; }
.service #sh_content .pageService01 .item { width:calc(50% - 12px); }
.service #sh_content .pageService01 .item .tt { font-size:24px; font-weight:bold; color:#231815; margin-bottom:8px; }
.service #sh_content .pageService01 .item .txt { font-size:14px;  }
@media(max-width:1024px){
    .service #sh_content .pageService01 .item { width:100%; }
}

.memberLogin {}
.memberLogin #sh_container_wrapper {  background-color:#f3f4f6 !important; }
.memberLogin #secLogin { min-height:600px;}
.memberLogin .loginArea { border-radius:4px;  }
.memberLogin .loginArea .topInfo { padding:16px; border-bottom:1px solid #e5e7eb; }
.memberLogin .loginArea .contentInfo { padding:16px; background-color:#fff; }