@charset "utf-8";

/* === SUB b4our - jeongseong === */
#subBnr {position:relative;z-index:20;width:100%;height:394px;color:#fff;background:url(/img/web/sub/sub_bg.jpg) center no-repeat;font-family:var(--kr-font)}
#subBnr .txt_area{position:relative;top:170px;opacity:0;padding-top:30px;text-align:center}
#subBnr .txt_area p{padding-top:20px;font-size:38px;font-weight:700}
#subBnr .txt_area span{font-size:16px;color:rgba(255,255,255,.6)}
/* 반응형 [s] */
@media (max-width:1024px){
    #subBnr{height:300px}
    #subBnr .txt_area{top:50%;transform:translateY(-50%)}
    #subBnr .txt_area p{font-size:30px}
}
@media (max-width:768px){
    #subBnr{height:220px}
    #subBnr .txt_area span{font-size:15px}
    #subBnr .txt_area p{padding-top:15px;font-size:25px}
}
@media (max-width:480px){
    #subBnr{height:auto;padding:15px 0;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;color:#222;background:#fff}
    #subBnr .txt_area{position:initial;transform:none;opacity:1;padding:0}
    #subBnr .txt_area span{display:none}
    #subBnr .txt_area p{padding:0;font-weight:500;font-size:15px}
}
/* 반응형 [e] */

/* =========================== SNB */
#sh_snb{display: table;overflow:hidden;margin:0 auto;padding-right:18px;font-family:var(--kr-font)}
#sh_snb li{float:left;margin-left:3px}
#sh_snb li a{display:block;position:relative;height:60px;padding:0 28px;font-size:15px;line-height:60px;color:#222;letter-spacing:-.2px;-webkit-transition:all .3s;transition:all .3s}
#sh_snb li a:after{display:block;content:"";position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:0;height:1px;background-color:var(--primary)}
#sh_snb li.snb_on a{font-weight:500;color:var(--primary)}
#sh_snb li.snb_on a:after{width:100%}

/* =========================== 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:34px;font-weight:100;line-height:1.35;letter-spacing:-.5px;color:#222}
#greeting .tit_area p{font-weight:600}
#greeting .img{height:320px;background:url(/img/web/sub/greeting_img.jpg) center no-repeat;background-size:cover}
#greeting .cont{padding:40px 20px 0 20px; }
#greeting .cont .pl{white-space:pre-line}
#greeting .cont .sign{margin-top:30px;font-weight:500;color:#222}
#greeting .cont .sign span{margin-left:10px;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}
}

/* ====================== location ====================*/
.bfBusiness #location {  }
.bfBusiness #location .tt div.title { font-size:14px; font-weight:bold; color:#a50200; margin-bottom:24px; }
.bfBusiness #location .tt p { font-size:18px; margin-bottom:40px;  }
.bfBusiness #location .tab { margin-bottom:24px; gap:24px; width:560px; }
.bfBusiness #location .tab .item { border:1px solid #e1e1e1; padding:25px; width:50%; }
.bfBusiness #location .tab .item .title { font-size:18px; color:#333; font-weight:bold; margin-bottom:8px;}
.bfBusiness #location .tab .item .address { font-size:14px; color:#666 }
.bfBusiness #location .tab .item .icon { margin-left:auto; font-size:36px;}

.content-body.content-ai { margin-bottom:40px; }
.content-body.content-ai .inner .title-wrap { font-size:clamp(36px,3.2vw,60px); font-weight:bold; text-align: center; padding-bottom: 85px; background-image: url("/img/web/main/skill/skill01.svg"); background-position: top 20px center; background-repeat: no-repeat; }
.content-body.content-ai .inner .mission-wrap { margin-top: -15px; }
.content-body.content-ai .inner .mission-wrap .mission-group {
    padding: 28px 20px 30px; border-radius: 24px;
    background: -webkit-linear-gradient(314deg, rgba(180, 127, 255, 0.4) -48.01%, rgba(24, 53, 199, 0.4) 102.56%), -webkit-linear-gradient(314deg, #EA94F0 -48.01%, #4F18C7 102.56%);
    background: -moz-linear-gradient(314deg, rgba(180, 127, 255, 0.4) -48.01%, rgba(24, 53, 199, 0.4) 102.56%), -moz-linear-gradient(314deg, #EA94F0 -48.01%, #4F18C7 102.56%);
    background: linear-gradient(136deg, rgba(180, 127, 255, 0.4) -48.01%, rgba(24, 53, 199, 0.4) 102.56%), linear-gradient(136deg, #EA94F0 -48.01%, #4F18C7 102.56%);
}
.content-body.content-ai .inner .mission-wrap .mission-group .title {
    padding-bottom: 16px; color: #FFF; text-align: center; font-style: normal; font-weight: 700; line-height: 100%;
    font-size:clamp(16px,1.25vw,24px);
}
.content-body.content-ai .inner .mission-wrap .mission-group .desc {
    padding-bottom: 16px;
    color: #FFF;
    text-align: center;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    font-size:clamp(12px,0.83vw,16px);
}
.content-body.content-ai .inner .mission-wrap .mission-item-group { width:768px; }

.content-body.content-ai .inner .mission-wrap .mission-item-group .item-list.disPc .item {
  display: flex; flex-direction: column; align-items: center; gap: 40px;
}

.content-body.content-ai .inner .mission-wrap .mission-item-group .item-list.disPc .item .top {
  position: relative;
  width: 100%;
  padding: 20px;
  background: rgba(58, 70, 205, 0.08);
}
.content-body.content-ai .inner .mission-wrap .mission-item-group .item-list.disPc .item .top .name {
  padding-bottom: 12px;
  color: #242E9D;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 16px */
}
.content-body.content-ai .inner .mission-wrap .mission-item-group .item-list.disPc .item .top .text {
  padding: 12px 16px 14px 16px;
  color: #595E6B;
  text-align: center;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 19.5px */
  background-color: #fff;
}
.content-body.content-ai .inner .mission-wrap .mission-item-group .item-list.disPc .item .top:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: -37px;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 8px;
  height: 37px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='38' viewBox='0 0 8 38' fill='none'%3E%3Cpath d='M3.64645 37.3536C3.84171 37.5488 4.15829 37.5488 4.35355 37.3536L7.53553 34.1716C7.7308 33.9763 7.7308 33.6597 7.53553 33.4645C7.34027 33.2692 7.02369 33.2692 6.82843 33.4645L4 36.2929L1.17157 33.4645C0.976311 33.2692 0.659728 33.2692 0.464466 33.4645C0.269204 33.6597 0.269204 33.9763 0.464466 34.1716L3.64645 37.3536ZM4 37H4.5V0H4H3.5V37H4Z' fill='%23727887'/%3E%3C/svg%3E");
  background-position: center top;
  background-repeat: no-repeat;
}
.content-body.content-ai .inner .mission-wrap .mission-item-group .item-list.disPc .item .botton {
  width: 100%;
  padding: 20px 16px 16px 16px;
  border-radius: 4px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(2.68%, #7D7E92), color-stop(287.76%, #25262C));
  background: -webkit-linear-gradient(top, #7D7E92 2.68%, #25262C 287.76%);
  background: -moz-linear-gradient(top, #7D7E92 2.68%, #25262C 287.76%);
  background: linear-gradient(180deg, #7D7E92 2.68%, #25262C 287.76%);
}
.content-body.content-ai .inner .mission-wrap .mission-item-group .item-list.disPc .item .botton .name {
  padding-bottom: 12px;
  color: #FFF;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 16px */
}
.content-body.content-ai .inner .mission-wrap .mission-item-group .item-list.disPc .item .botton .text {
  padding: 12px 16px 14px 16px;
  border-radius: 4px;
  color: #3A404E;
  text-align: center;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 19.5px */
  background: #FFF;
}

.content-body.content-ai .inner .mission-wrap .mission-item-group .item-list.disMob .top-item-wrap .top-item .name {
  padding-bottom: 12px;
  color: #242E9D;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 16px */
  text-align: center;
}

.content-body.content-ai .inner .mission-wrap .mission-item-group .item-list.disMob .top-item-wrap .top-item {
  padding: 20px 16px 16px;
  border-radius: 4px;
  background: rgba(58, 70, 205, 0.08);
}

.content-body.content-ai .inner .mission-wrap .mission-item-group .item-list.disMob .top-item-wrap .top-item .text {
  padding: 12px 16px 14px 16px;
  color: #595E6B;
  text-align: center;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 19.5px */
  background: #FFF;
}

.content-body.content-ai .inner .mission-wrap .mission-item-group .item-list.disMob .bottom-item-wrap {
  padding-top: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='38' viewBox='0 0 8 38' fill='none'%3E%3Cpath d='M3.64645 37.3536C3.84171 37.5488 4.15829 37.5488 4.35355 37.3536L7.53553 34.1716C7.7308 33.9763 7.7308 33.6597 7.53553 33.4645C7.34027 33.2692 7.02369 33.2692 6.82843 33.4645L4 36.2929L1.17157 33.4645C0.976311 33.2692 0.659728 33.2692 0.464466 33.4645C0.269204 33.6597 0.269204 33.9763 0.464466 34.1716L3.64645 37.3536ZM4 37H4.5V0H4H3.5V37H4Z' fill='%23727887'/%3E%3C/svg%3E");
  background-position: top center;
  -webkit-background-size: auto auto;
          background-size: auto;
  background-repeat: no-repeat;
}
.content-body.content-ai .inner .mission-wrap .mission-item-group .item-list.disMob .bottom-item-wrap .botton-item {
  padding: 20px 16px 16px;
  border-radius: 4px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(2.68%, #7D7E92), color-stop(287.76%, #25262C));
  background: -webkit-linear-gradient(top, #7D7E92 2.68%, #25262C 287.76%);
  background: -moz-linear-gradient(top, #7D7E92 2.68%, #25262C 287.76%);
  background: linear-gradient(180deg, #7D7E92 2.68%, #25262C 287.76%);
}
.content-body.content-ai .inner .mission-wrap .mission-item-group .item-list.disMob .bottom-item-wrap .botton-item + .botton-item {
  margin-top: 12px;
}
.content-body.content-ai .inner .mission-wrap .mission-item-group .item-list.disMob .bottom-item-wrap .botton-item .name {
  padding-bottom: 12px;
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 16px */
  text-align: center;
}
.content-body.content-ai .inner .mission-wrap .mission-item-group .item-list.disMob .bottom-item-wrap .botton-item .text {
  padding: 12px 16px 14px 16px;
  color: #3A404E;
  text-align: center;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 19.5px */
  background: #FFF;
}

.skill_table .ich3 { font-size:16px; font-weight:bold; margin-bottom:24px; }
.skill_table { width:100%; overflow-x:scroll; display:block;font-family: 'Noto Sans KR';margin-bottom:40px; }
.skill_table table{ max-width:1024px; min-width:1024px; border-collapse:collapse;border-top:2px solid #3976cf;}
.skill_table table caption{display:none;}
.skill_table table thead th{background:#f5f9ff;border-bottom:1px solid #3976cf;border-left:1px dotted #3976cf;border-right:1px dotted #3976cf;padding:15px 0;text-align:center;font-family: 'Noto Sans KR';color:#3976cf;font-size:14px;font-weight:500; }
.skill_table table thead th:first-child{border-left:none;}
.skill_table table thead th:last-child{border-right:none;}
.skill_table table tbody th{background:#f4f5f7;border-bottom:1px dotted #666;padding:15px 0;text-align:center;font-family: 'roboto', sans-serif;color:#222;font-size:14px;font-weight:400; }
.skill_table table tbody td{border-bottom:1px dotted #666;border-left:1px dotted #666;padding:15px 10px;text-align:center;font-family: 'roboto', sans-serif;color:#666;font-size:14px;font-weight:400; }
.skill_table table tbody td > img{max-width:250px;}
.skill_table table tbody td.left{text-align:left;font-size:13px;line-height:170%;}
.skill_table span{display:block;text-align:left;padding:20px 0;}
.skill_table p{display:block; background:#f4f5f7;width:100%;padding:10px 0;font-size:14px;line-height:160%;}
.skill_table p i{display:inline-block;height:100%;}
.skill_table p em{display:inline-block;height:100%;font-style:normal;vertical-align:middle;width:80%;}
.skill_table p img{display:inline-block;margin-left:20px;margin-right:20px;vertical-align:middle;}

@media (min-width: 768px) {
  .content-body.content-ai .inner .mission-wrap .mission-item-group .title {
    padding: 41px 0 57px;
    margin:0 auto;
    font-size:22px;
    font-weight:bold;
    width:546px;
    background: url("/img/web/main/skill/skill_tree3.svg") no-repeat;
    background-position: center top;
  }


}

@media (max-width: 767px) {
  .content-body.content-ai .inner .mission-wrap .mission-item-group { width:100%; }

  .content-body.content-ai .inner .mission-wrap .mission-item-group .title {
      padding: 36px 0 37px;
      background: url("/img/web/main/skill/skill_tree1.svg") no-repeat;
      background-position: center top -4px;
  }

  .bfBusiness #location .tab { width:100%; flex-wrap: wrap; gap:12px; }
  .bfBusiness #location .tab .item { border:1px solid #e1e1e1; padding:25px; width:100%; }
}

@media (min-width: 768px) {
  .content-body.content-ai .inner .mission-wrap .mission-item-group .item-list.disPc {
    display: grid;
    grid-template-columns: repeat(3, 220px);
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.captchaInputArea { width:400px; }

/***/

/* -------- 리스트 시작 [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] */

/* 로그인 */
.memberLogin #sh_container_wrapper {  background-color:#f3f4f6 !important; }
.memberLogin #sh_content {  }
.memberLogin #sh_content .loginArea { background-color:#fff; border-radius:4px; }
.memberLogin #sh_content .loginArea .topInfo { padding:16px; border-bottom:1px solid #e5e7eb; }
.memberLogin #sh_content .loginArea .contentInfo { padding:16px; }


.loginArea {width:50%;padding:2.5%;position:relative;}
.loginArea .logo {padding:0 24px 80px 0;}

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

.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; }