#container {
    position: static;
    width: 1600px;
    display: flex;
    justify-content: flex-end;
    margin: 0 auto;
}
#container.ver_join .contents_wrap {width: 100%;}
#container.ver_join .contents_top {justify-content: center;}
#container.ver_join .con_util {display: none;}

/*왼쪽메뉴*/
h2.menu_title{
    display:block;
    text-align: center;
    padding: 35px 0 25px 0;
    font-size: 32px;
    font-family: 'Gmarket Sans';
    font-weight: bold;
    color: #000;
    background: #e9ecef;
    width: 90%;
    margin: 14px auto 0 auto;
    border-radius: 15px;
}
#cssmenu{
    width: 280px;
    box-sizing: border-box;
    border-right:1px solid #e8edf0;
    margin: 70px 0 35px 0;
    box-shadow: 0 0 9px 0 rgba(13,46,139,0.16);
    border-radius: 30px 30px 10px 10px;
    height: auto;
    flex-shrink: 0;
    position: absolute;
    left:calc((100% - 1600px) / 2);
}
#cssmenu > ul {background: #fff; padding: 10px 20px 25px 20px; border-radius: 0 0 10px 10px;}

#cssmenu ul > li > a{ border-bottom: 1px solid #e8edf0;}

#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
  margin: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  /*-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;*/
  box-sizing: border-box;
}

#cssmenu ul ul { display: none; background: #f6f9ff; padding:20px 12px 23px 12px;}
#cssmenu ul ul ul { display: none; padding:10px 12px 5px 12px;}
#cssmenu > ul > li > a {
    padding: 0; line-height: 1.2em; height: 60px; cursor: pointer;z-index: 2;
    font-size: 17px;font-weight: 500; text-decoration: none; color: #111; background: #fff;
    display: flex; align-items: center; justify-content: space-between;
}
#cssmenu > ul > li > a:hover,
#cssmenu > ul > li.active > a,
#cssmenu > ul > li.open > a {font-weight: 600; padding: 0; color:#152d4b; border-bottom: 1px solid #152d4b;}


#cssmenu ul > li > a > .holder {
    line-height: 20px;
    display: inline-block;
}
#cssmenu > ul > li a > .holder:after {
    content: "";
    display: inline-block;
    width:24px;
    height:24px;
    line-height: 24px;
    vertical-align: top;
    background: url(../images/ic_arrow3.png) no-repeat right 50%;
    transition: all 0.2s;
}

#cssmenu > ul > li > a:hover > .holder:after {
    background-image:url(../images/ic_arrow3_on.png);
}
#cssmenu > ul > li.active > a:hover > .holder:after,
#cssmenu > ul > li.open > a:hover > .holder:after,
#cssmenu > ul > li.active > a > .holder:after,
#cssmenu > ul > li.open > a > .holder:after {
    background-image:url(../images/ic_arrow3_on.png); transform: rotate(180deg);
}

#cssmenu ul > li > ul > li > a {
    cursor: pointer;
    padding: 0 0px 0 10px;
    z-index: 1;
    text-decoration: none;
    font-size: 16px;
    color: #555;
    border-bottom: none;
    margin: 7px 0 0 10px;
    position: relative;
    line-height: 1.3em;
}

#cssmenu > ul > li > ul > li.window a:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 20px;
    line-height: 20px;
    vertical-align: top;
    background: url(../images/ic_nw_gray.svg) no-repeat right 50%;
    background-size: 100%;
    transition: all 0.2s;
    margin-left: 2px;
}
#cssmenu > ul > li > ul > li.window a:hover:after {
    background-image: url(../images/ic_nw.svg);
}

#cssmenu > ul > li:not(.has-sub) a:after {
    content: "";
    display: inline-block;
    width:24px;
    height:24px;
    line-height: 24px;
    vertical-align: top;
    background: url(../images/ic_arrow3.png) no-repeat right 50%;
    transition: all 0.2s;
}
#cssmenu > ul > li:not(.has-sub).open a:after,
#cssmenu > ul > li:not(.has-sub).active a:after,
#cssmenu > ul > li:not(.has-sub) a:hover:after {
    background-image: url(../images/ic_arrow3_on.png);
}

#cssmenu > ul > li.window a:after {
    content: "";
    display: inline-block;
    width:20px;
    height:20px;
    line-height: 20px;
    vertical-align: top;
    background: url(../images/ic_nw_gray.svg) no-repeat right 50%;
    background-size: 20px;
    transition: all 0.2s;
}
#cssmenu > ul > li.window a:hover:after {
    background-image: url(../images/ic_nw.svg);
}

#cssmenu ul > li > ul > li:first-child > a {
    margin-top: 0px;
}
#cssmenu ul > li > ul > li > a:before {
    content: ""; display: inline-block;
    width:3px; height:3px; background:#152d4b; margin-right: 5px;
    position: absolute; left:0; top:7px;
}
#cssmenu > ul > li > ul > li > a:hover:before,
#cssmenu > ul > li > ul > li.open > a:before {
    background:#2673ff;
}
#cssmenu > ul > li > ul > li > a:hover,
#cssmenu > ul > li > ul > li.active > a,
#cssmenu > ul > li > ul > li.open > a {
    color:#1459f1;
    font-weight: 600;
    text-decoration: underline;
    text-underline-position : under;
}

#cssmenu ul ul li:hover > a,
#cssmenu ul ul li.open > a,
#cssmenu ul ul li.active > a {
  font-weight: 600;
}

#cssmenu ul > li > ul > li > ul > li > a {
    font-size: 14px;
    color: #666;
    position: relative;
    padding: 0 0px 0 10px;
    line-height: 15px;
}
#cssmenu ul > li > ul > li> ul > li > a:before {
    content: ""; display: inline-block;
    width:5px; height:1px; background:#999; margin-right: 5px;
    position: absolute; left:0; top:7px;
}
#cssmenu > ul > li > ul > li > ul > li > a:hover:before,
#cssmenu > ul > li > ul > li > ul > li.open > a:before {
    background:#000;
}
#cssmenu > ul > li > ul > li > ul > li > a:hover,
#cssmenu > ul > li > ul > li > ul > li.active > a,
#cssmenu > ul > li > ul > li > ul > li.open > a {
    color:#000;
    font-weight: 600;
    text-decoration: underline;
    text-underline-position : under;
}

#cssmenu ul > li > ul > li > ul > li.window a:after {
    content: "";
    display: inline-block;
    width: 14px;
    height: 15px;
    line-height: 15px;
    vertical-align: top;
    background: url(../images/ic_nw_gray.svg) no-repeat right 50%;
    background-size: 100%;
    transition: all 0.2s;
    margin-left: 2px;
}
#cssmenu ul > li > ul > li > ul > li.window a:hover:after {background-image: url(../images/ic_nw.svg);}

.sub_top {
    position: relative;
    display: block;
    width: 100%;
    background:#384b61 url(../images/bg_tsub_use.png) no-repeat 50% 50%;
    background-size: cover;
    text-align: center;
    padding: 70px 0 59px 0;
}
.sub_top .tit_h2 {font-size: 50px; color: #fff; font-weight: bold; font-family: "Gmarket Sans";margin-bottom: 30px;}
.sub_top.cate_01 {background-image:url(../images/bg_tsub_01.png)}
.sub_top.cate_02 {background-image:url(../images/bg_tsub_02.png)}
.sub_top.cate_03 {background-image:url(../images/bg_tsub_03.png)}
.sub_top.cate_04 {background-image:url(../images/bg_tsub_04.png)}
.sub_top.cate_05 {background-image:url(../images/bg_tsub_05.png)}
.sub_top.cate_06 {background-image:url(../images/bg_tsub_06.png)}
.sub_top.cate_07 {background-image:url(../images/bg_tsub_07.png)}
.sub_top.cate_use {background-image:url(../images/bg_tsub_use.png)}


/*콘텐츠영역*/
.contents_wrap {width:1200px;}
.contents_top {margin-top: 70px;position: relative; display: flex; gap:15px; align-items: center; padding-right:125px;}
.contents_top .tit_h3 {font-size: 38px; color: #000; font-weight: bold; font-family: "Gmarket Sans";}
.priv_switch label {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
}
.priv_switch [type="checkbox"] {
  appearance: none;
  position: relative;
  border: max(2px, 0.1em) solid #8a8e95;
  border-radius: 1.25em;
  width: 2.25em;
  height: 1.25em;
}
.priv_switch [type="checkbox"]::before {
  content: "";
  position: absolute;
  left: 0;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  transform: scale(0.8);
  background-color: #8a8e95;
  transition: left 250ms linear;
}
.priv_switch [type="checkbox"]:checked {
  background-color: tomato;
  border-color: tomato;
}
.priv_switch [type="checkbox"]:checked::before {
  background-color: white;
  left: 1em;
}
.priv_switch [type="checkbox"]:focus-visible {
  outline-offset: max(2px, 0.1em);
  outline: max(2px, 0.1em) solid tomato;
}
.priv_switch [type="checkbox"]:enabled:hover {
  box-shadow: 0 0 0 max(4px, 0.2em) lightgray;
}

.path {display: flex;gap:13px;align-items: center;justify-content: center;}
.path > li {font-size: 16px; line-height: 16px; position: relative;}
.path > li > a {color: #fff; display: block; position: relative; padding:0 24px 0 17px;}
.path > li:first-child > a {padding: 0px;}
.path > li > a:focus {outline-color: #fff;}
.path > li.on > a {text-decoration: underline; text-underline-position : under;}
.path > li > a:before {
    content: ""; position: absolute; left:0; top:50%; transform: translateY(-50%);
    width:5px; height:13px; background: url(../images/ic_arrow_white.svg) no-repeat 50% 50%; background-size: 100%;
}
.path > li:first-child > a:before {display: none;}
.path > li > a:after {
    content: ""; position: absolute; right:0; top:-1px; border:1px solid #ccc; border-radius: 50px; transform: rotate(90deg);
    width:15px; height:15px; background: url(../images/ic_arrow_white.svg) no-repeat 50% 50%; background-size: 26%;
}
.path > li:first-child > a:after {display: none;}
.path > li.on > a:after {transform: rotate(-90deg);}
.path .drop-list {
    display: none;
    position: absolute;
    padding: 10px;
    margin: 0;
    border: 1px solid #152d4b;
    border-radius: 10px;
    box-shadow: 0px 5px 15px 0px rgba(13, 46, 139, 0.2);
    min-width: 250px;
    top: calc(100% + 11px);
    left: 0;
    z-index: 10;
    background: #fff;
}
.path .drop-list li {text-align: left; position: relative;}
.path .drop-list li.window:after {
    content: "";
    width: 14px;
    height: 14px;
    background: url(../images/ic_nw_gray.svg) no-repeat 50% 50%;
    background-size: 100%;
    position: absolute;
    right:5px; top:50%; transform: translateY(-50%);
}
.path .drop-list a {
    line-height: 1.3em;
    padding: 8px;
    font-size: 0.9em;
    color: #444;
    display: block;
}
.path .drop-list a:hover {background:#e8f2ff; font-weight: 500; color:#000;}
.con_util {position: absolute; right:0; bottom:0; display: flex; gap:10px;}
.con_util .print {background: #eef2f9 url(../images/ic_print.svg) no-repeat 50% 50%;}
.con_util .share {background: #eef2f9 url(../images/ic_share.svg) no-repeat 50% 50%;}
.con_util .print,
.con_util .share {
    width:50px; height:50px; border-radius: 100px; background-size: 24px;
    /*box-shadow: 0 0 9px 0 rgba(13, 46, 139, 0.1);*/
}

#contents {padding: 50px 0 100px 0; font-size: 17px; line-height: 1.4em; color:#000; min-height: 560px;}


/*탭메뉴*/
.stab_wrap {width:100%; position: relative; margin-bottom:35px;}
.stab {display: flex; flex-wrap: wrap;}
.stab > li {width: 25%; min-height: 65px;}
.stab > li:nth-child(-n+4) {z-index: 2;}
.stab > li:nth-child(n+5) {margin-top:-2px;}
.stab > li > a {
    display: flex; align-items: center; justify-content: space-between;
    border: 2px solid #e6e9ee; padding:0px 17px; font-size: 17px; background: #fff;
    font-weight: 500; color:#666; height:100%; line-height: 1.2em; border-left:none;
}
.stab > li > a:after {
    content: ""; margin-left: 5px;
    width:13px; height:2px; background:#c9d0db;
}
.stab > li:first-child > a,
.stab > li:nth-child(4n + 1) > a {border-left: 2px solid #e6e9ee;}
.stab > li.active > a {background: #152d4b; color:#fff; border-color:#152d4b;}
.stab > li.active > a:focus {outline-color: #fff;}
.stab > li.active > a:after {
    content: ""; margin-left: 5px;
    width:16px; height:13px; background:url(../images/stab_arrow.svg) no-repeat 50% 50%;
}
.stab_con {position: relative;width:100%;}

/*2차탭메뉴*/
.smtab_wrap {width:100%; margin-bottom:20px; position: relative;}
.smtab_wrap.smtab_between {width:calc(100% - 250px); margin-bottom:0;}
.smtab {display: flex; align-items: center; flex-wrap: wrap;}
.smtab > li > a {
    display: inline-block; padding:5px 16px 5px 16px; font-size: 18px;
    font-weight: 500; color:#666; position: relative; transition: all 0.2s;
}
.smtab > li > a:before {
    content: ""; width:1px; height:15px; background:#ddd;
    position: absolute; top:50%; left:0; transform: translateY(-50%);
}
.smtab > li:first-child > a {padding-left:0;}
.smtab > li:first-child > a:before {display: none;}
.smtab > li > a:hover,
.smtab > li.active > a {color:#1458f1;}
.smtab > li > a:hover:after,
.smtab > li.active > a:after {
    background:#1458f1; content: ""; width:5px; height:5px; top:0; left:50%;
    position: absolute; transform: translateX(-50%); border-radius: 10px;
}
.smtab > li:first-child > a:hover:after,
.smtab > li:first-child.active > a:after {
    transform: translateX(calc(-50% - 10px));
}
.smtab_con {position: relative;}
/*2차탭메뉴-반응형셀렉트*/
.sm_select {position: relative; display: none;}
.sm_select select {
    width:100%; border:1px solid #ddd; padding:12px;
    appearance: none;
    background-repeat: no-repeat;
    background: linear-gradient(180deg, rgba(255,255,255,1) 22%, rgba(241,241,241,1) 100%);
    background-position: calc(100% - 10px) center;

}
.sm_select span {
    position: absolute;
    display: block;
    right:12px; top:50%; transform: translateY(-50%);
    width:14px; height:14px;
    background: url(../images/select_arrow.svg) no-repeat 50% 50%;
    background-size: 100%;
}


/*수산물성분표탭메뉴*/
.boxtab_wrap {width:100%; margin-bottom:30px; position: relative;}
.boxtab {display: flex; align-items: center;}
.boxtab > li > a {
    display: inline-block; padding:5px 10px 5px 10px; font-size: 16px;
    border:1px solid #ddd; margin-right: 5px;
    font-weight: 400; color:#666; position: relative; transition: all 0.2s;
}
.boxtab > li > a:hover,
.boxtab > li.active > a {color:#fff; background: #3874f9; border-color: #3874f9;}



/*프린트&SNS공유*/
.con_util a.facebook{
  background: url(../images/sns_facebook.svg) no-repeat center center;
  background-size: 18px;
}
.con_util a.twitter{
  background: url(../images/sns_twitter.svg) no-repeat center center;
  background-size: 16px;
}
.con_util a.blog{
  background: url(../images/sns_naverblog.svg) no-repeat center center;
  background-size: 20px;
}
.con_util a.kakao{
  background: url(../images/sns_kakaostory.svg) no-repeat center center;
  background-size: 20px;
  display: none !important;
}
.con_util a.band{
  background: url(../images/sns_naverband.svg) no-repeat center center;
  background-size: 20px;
}
.con_util a.url{
  background: url(../images/sns_url.svg) no-repeat center center;
  background-size: 20px;
}
.sns {position: relative;}

.con_util .open_share{
  display: none;
}

.con_util #share {
    right: 0;
    top: 0;
    position: absolute;
    z-index: 3;
}
.con_util .share-content {
    background: #eef2f9;
    border-radius: 100px;
    padding: 6px 9px;
}
.con_util .list {display: flex; gap:5px;}
.con_util .list a {
    width: 38px;
    height: 38px;
    display: inline-block;
    border-radius: 100px;
    background-color: #fff;
    overflow: hidden;
}
.con_util .list a.close_share{
    background:#fff url(../images/close_navy.svg) no-repeat center center;
    background-size: 18px;
    width: 38px;
    height: 38px;
    cursor: pointer;
}



/*타이틀*/
.tit_h4 {
    margin: 3em 0 15px 0;
    padding-left: 13px;
    font-size: 25px;
    color: #152d4b;
    font-weight: bold;
    font-family: "Gmarket Sans";
    position: relative;
    line-height: 1.3em;
}
.tit_h4:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    display: block;
    width: 6px;
    height: 23px;
    background: url(../images/bull_h4.png) no-repeat 50% 50%;
}
.tit_h4:first-child{margin-top:0 !important;}
.stab_con .tit_h4:first-child,
.smtab_con .tit_h4:first-child {margin-top:50px !important;}
.wrap_gray + .tit_h4 {margin-top:calc(3em - 20px);}
.img_map + .tit_h4 {margin: 2em 0 15px 0;}
.tit_h5 {
    margin: 2.5em 0 10px 0;
    font-size: 21px;
    color: #1a55d9;
    font-weight: 700;
    line-height: 26px;
}
.tit_h5:first-child{margin-top:0 !important;}
.tit_h4 + .tit_h5 {margin: 1em 0 10px 0 !important;}
.wrap_gray + .tit_h5 {margin-top:calc(2.5em - 20px);}
.tit_h6 {
    margin: 2em 0 15px 0;
    font-size: 18px;
    line-height: 19px;
    position: relative;
    padding-left: 22px;
    font-weight: 700;
    color: #333;
}
.tit_h6:before {
    content: "";
    position: absolute;
    top: 1px;
    left: 0;
    display: block;
    width: 17px;
    height: 17px;
    background: url(../images/bull_h6.png) no-repeat 50% 50%;
    background-size: 100%;
}
.tit_h6:first-child{margin-top:0 !important;}
.tit_h4 + .tit_h6,
.tit_h5 + .tit_h6 {margin: 1em 0 10px 0 !important;}
.tit_h7 {
    margin: 1em 0 5px 0;
    font-size: 16px;
    line-height: 24px;
    position: relative;
    padding-left: 10px;
    font-weight: 600;
}
.tit_h7:before {
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    display: block;
    width: 4px;
    height: 4px;
    background: #111;
    border-radius: 9999px;
}
.tit_h7:first-child{margin-top:0 !important;}
.tit_h4 + .tit_h7,
.tit_h5 + .tit_h7,
.tit_h6 + .tit_h7 {margin: 0.5em 0 10px 0 !important;}


/*텍스트&인포메이션*/
.line_info {position: relative; padding-left:23px; font-size: 16px; color: #666;}
.line_info:before {
    content: ""; position: absolute; left:0; top:0; width:20px; height:20px;
    background: url(../images/ic_info.svg) no-repeat 50% 50%; background-size: 100%;
}
.line_info.ver_sp {color:#1459f1; font-size: 0.85em; font-weight: 500;}
.md_text{text-align:center; font-size:20px; line-height:28px; padding:0px 100px; font-weight:600; word-break: keep-all;}
.cir_tit {font-weight: bold; margin-bottom:5px}
.cir_tit .cir {display: inline-block; /*-webkit-border-radius: 50px; -ms-border-radius: 50px; -moz-border-radius: 50px;*/ border-radius: 50px; width: 16px; height: 16px; line-height: 16px; font-size: 12px; background: #152d4b; color: #fff;
  text-align: center; vertical-align: middle;}
  .tab-select-outer{margin-top:-15px; position: relative; z-index: 2;}

  .cr{font-size:13px; line-height:17px; color:#888; display:block; width:100%; text-align:right; margin-top:5px; word-break: keep-all;}
  .subt{font-size:15px; font-weight: 400;}



/*박스*/
.wrap_gray {background:#F9F9FA; padding:30px 25px; display:inline-block; width:100%; margin-bottom: 30px;}
.wrap_gray.subt {padding:20px; margin: 8px 0;}
.box {padding:30px; border:2px dotted #e9e9e9; background-color:#fff; margin-bottom: 30px;}
.box .list_num {margin-left:0;}
.line_box {border:5px solid #e0e7ef; padding:25px; display: flex; align-items: center; justify-content: space-between;}
.line_box .img {width:25%; border-right: 1px dotted #ccc;}
.line_box .img img {max-width:90%;}
.line_box .text {width:calc(75% - 35px);}
.line_box .tit {font-size: 20px; color: #152d4b; font-weight: bold; font-family: "Gmarket Sans"; margin-bottom: 5px;}
.wrap_gray.req{text-align:center;}
.wrap_gray.req .em{font-weight:bold; padding:0px 100px; margin-bottom:20px}
.wrap_gray.req .date{font-size:15px}
.wrap_gray.req .name{margin-top:15px}
.box .tit_h6{margin-top:0}
.box2{padding: 25px; border-left: 2px solid #152d4b; background:linear-gradient(180deg, #fff, #f6f9ff);}
.box2 .list_1st{margin:0}
.etc_box{background:#f6f9ff; border-bottom: 1px solid #152d4b; padding:20px}


/*버튼 정렬*/
.btn_wrap{display: flex; gap:5px; align-items: center;}
.btn_wrap.v_right {justify-content: flex-end;}
.btn_wrap.v_center {justify-content: center;}
.btn_wrap.v_between {justify-content: space-between;}
.sp_left {margin-right: auto;}
.sp_right {margin-left: auto;}


/*버튼*/
.btn_navy,
.btn_blue,
.btn_gray,
.btn_line_blue,
.btn_white,
.btn_red {
    display: inline-block; padding:0 15px; border-radius: 5px; font-size: 16px;
    height:45px; line-height: 45px; transition: all 0.2s; font-weight: 500;
    font-family: 'Roboto', 'Pretendard', '돋움', Dotum, '굴림', Gulim, Helvetica, sans-serif;
}
.btn_navy {background:#152d4b; color:#fff; border:1px solid #152d4b;}
.btn_navy:hover {border:1px solid #152d4b; background: #fff; color:#152d4b;}
.btn_navy:focus {outline-color: #22f3ff;}
.btn_blue {background:#4571e9; color:#fff;}
.btn_blue:hover{background: #2953c7;}
.btn_white{color: #000; background: #fff; border:1px solid #ddd;}
.btn_white:hover{background: #f1f1f1;}
.btn_gray{background: #7a8ea3; color: #fff;}
.btn_gray:hover{background:#5c738b;}
.btn_red {background:#f15164; color:#fff;}
.btn_red:hover{background: #d74254;}
.btn_line_blue{color: #2673ff; background: #fff; border:1px solid #2673ff;}
.btn_line_blue:hover{color: #fff; border: 1px solid #2673ff; background:#2673ff;}

.btn_search {
    border-radius: 7px; height:45px; line-height: 45px; font-size: 16px; padding:0 13px;
    display: flex; align-items: center; flex-shrink: 0;
}
.btn_search:hover {
    background:#152d4b; color:#fff;
}
.btn_search:before {
    content: ""; width:23px; height:23px; margin-right: 3px;
    background: url(../images/btn_search2_white.svg) no-repeat;
}
.btn_down {
    border-radius: 7px; height:45px; line-height: 45px; font-size: 16px; padding:0 13px;
    display: inline-flex; align-items: center;
}
.btn_down:before {
    content: ""; width:18px; height:18px; margin-right: 3px;
    background: url(../images/btn_down_white.svg) no-repeat;
}
.btn_down.btn_white {
    border-radius: 7px; height:45px; line-height: 45px; font-size: 16px; padding:0 13px;
    display: inline-flex; align-items: center; color: #000; background: #fff; border:1px solid #ddd;
}
.btn_down.btn_white:before {
    content: ""; width:18px; height:18px; margin-right: 3px;
    background: url(../images/btn_down_blue.svg) no-repeat;
}
.btn_pdf,
.btn_hwp {
    border-radius: 7px; height:45px; line-height: 45px; font-size: 16px; padding:0 10px;
    display: inline-flex; align-items: center; color: #000; background: #fff; border:1px solid #ddd;
}
.btn_pdf:before {
    content: ""; width:18px; height:18px; margin-right: 3px;
    background: url(../images/ic_pdf.svg) no-repeat;
}
.btn_hwp:before {
    content: ""; width:18px; height:18px; margin-right: 3px;
    background: url(../images/ic_hwp.svg) no-repeat;
}


.txt_down {
    border-radius: 3px;
    font-size: 14px;
    padding: 0 7px;
    display: inline-flex;
    align-items: center;
    color: #000;
    background: #fff;
    border: 1px solid #ddd;
    vertical-align: middle;
}
.txt_down:before {
    content: ""; width:15px; height:15px; margin-right: 5px;
    background: url(../images/btn_down_blue.svg) no-repeat;
}

.btn_write {display: flex; align-items: center;}
.btn_write:before {
    content: ""; width:15px; height:15px; margin-right: 7px;
    background: url(../images/btn_write.svg) no-repeat;
}
.btn_write.btn_sml:before {
    width:13px; height:13px;
}

.btn_sml{height:30px; line-height: 30px; font-size: 13px;}
.btn_mid {height:40px !important; line-height: 40px !important; font-size: 15px !important;}
.btn_wide {padding:0 25px !important;}
.btn_icon {padding: 0 8px !important; height: 35px !important; line-height: 35px !important;}
.btn_icon.btn_down:before {margin-right: 0px;}

.btn_desearch {font-weight: 600; font-size: 16px; font-family: "Pretendard"; position: relative; padding-right: 30px;}
.btn_desearch:after {
    content: ""; width:20px; height:20px; background: #fff url(../images/select_arrow.svg) no-repeat 50% 50%; background-size: 15px;
    border:1px solid #ccc; border-radius: 100px;
    position: absolute; right: 0; top:50%; transform: translateY(-50%);
}
.btn_desearch.open:after {transform: translateY(-50%) rotate(180deg);}


/*상태값*/
.state {
    display: inline-block;
    height: 40px !important;
    line-height: 40px !important;
    font-size: 15px !important;
    padding:0 12px; font-weight: 600;
}
.state.fix {min-width: 70px;}
.state.blue {border:1px solid #4571e9; border-radius: 5px; color: #4571e9;}
.state.navy {border:1px solid #0a215c; border-radius: 5px; color:#0a215c;}
.state.green {border:1px solid #199367; border-radius: 5px; color:#199367;}
.state.gray {border:1px solid #abb8c5; border-radius: 5px; color: #666;}
.state.red {border:1px solid #f13a14; border-radius: 5px; color: #f13a14;}



/*검색영역*/
.filter_wrap {display: flex; flex-wrap: wrap; gap:10px 30px; width:100%;}
.filter_wrap.ver_center {justify-content: center;}
.filter_wrap.ver_left {justify-content: flex-start;}
.filter_wrap.ver_right {justify-content: flex-end;}
.filter_wrap.ver_half {justify-content: space-between;}
.filter_wrap.ver_half .input_wrap {width:46%;}
.filter_wrap.ver_half .input_wrap input,
.filter_wrap.ver_half .input_wrap dt {width:100px;}
.filter_wrap.ver_half .input_wrap dd {width:calc(100% - 120px);}


.btr_wrap,
.btr_wrap.wrap_gray {display: flex; padding:30px 40px;}
.btr_wrap .btr_left {width:calc(100% - 150px);}
.btr_wrap .btr_right {width:150px; display: flex; justify-content: flex-end; align-items: center;}
.btr_wrap .input_wrap {width: calc(50% - 40px);}
.btr_wrap .input_wrap input,
.btr_wrap .input_wrap select {width:100% !important;}
.btr_wrap .input_wrap dt {min-width: 120px;}
.btr_wrap .input_wrap dd {flex-grow: 1; max-width: calc(100% - 130px); display: flex; align-items: center; gap: 0 5px;}
.btr_wrap .filter_wrap {gap: 20px 40px;}


.btr_wrap2,
.btr_wrap2.wrap_gray {display: flex; padding:30px 40px;}
.btr_wrap2 .btr_left {width:calc(100% - 150px);}
.btr_wrap2 .btr_right {width:150px; display: flex; justify-content: flex-end; align-items: center;}
.btr_wrap2 .input_wrap dt {flex-shrink: 0;}
.btr_wrap2 .input_wrap dd {flex-grow: 1;display: flex; align-items: center;}
.btr_wrap2 .filter_wrap {gap: 20px 40px;}


/*검색영역-동적*/
.cms_wrap {margin-bottom: 10px !important;}
.sch_act_Wrap{position: relative; width:100%; display: flex; flex-wrap: wrap;}
.sch_act_Wrap_in{width: calc(100% - 150px);}
.sch_Wrap_btn {width: 150px; display: flex; align-items: center; justify-content: flex-end;}
.sch_act_Wrap .sch_fix {display: flex; flex-wrap: wrap; gap: 10px 4%; width:100%;}
.sch_act_Wrap .sch_fix dl {width:46%;}
.sch_act_Wrap dl{display: flex; align-items: center;}
.sch_act_Wrap dl.noline {border-bottom: none;}
.sch_act_Wrap dl dt{
    margin-right: 10px;
    font-weight: 500;
    color: #000;
    min-width: 120px;
    align-self: stretch;
    display: flex;
    align-items: center;
    flex-shrink: 0;
}
.sch_Wrap_btn button,
.cms_wrap + .btn_wrap button {
    border-radius: 7px;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    padding: 0 13px;
    display: flex;
    align-items: center;
}
.sch_Wrap_btn button:hover,
.cms_wrap + .btn_wrap button:hover {background: #152d4b; color: #fff; border: 1px solid #152d4b;}
.sch_Wrap_btn button:before,
.cms_wrap + .btn_wrap button:before {
    content: "";
    width: 23px;
    height: 23px;
    margin-right: 3px;
    background: url(../images/btn_search2_white.svg) no-repeat;
}


/*게시판상단*/
.tb_top {display: flex; justify-content: space-between; align-items: center; gap: 5px 0;}
.tb_top_left {display: flex; align-items: center; gap:0 15px;}
.tb_top .tit_h4,
.tb_top .tit_h4:first-child,
.tb_top .tit_h5,
.tb_top .tit_h6,
.tb_top .tit_h7 {margin:0 !important;}
.tb_top input,
.tb_top .btn_search,
.tb_top select {height: 40px; line-height: 40px; font-size: 15px;}
.tb_count {font-size: 16px; color:#666; position: relative; padding-left:21px;}
.tb_count:before {
    content: ""; position: absolute; top:50%; left:0; transform: translateY(-50%);
    width:16px; height:16px; background:url(../images/ic_count.svg) no-repeat 50% 50%; background-size: 16px;
}
.tb_count strong {color:#1459f1;}
.tb_button {display: flex; gap:5px;}
.tb_button select, .tb_button input{height:40px; line-height:40px}
.tb_page {font-size: 16px; color:#666; position: relative; padding-left:21px;}
.tb_page strong {color:#1459f1;}



/*form*/
.input_wrap {display: flex; flex-wrap: wrap; gap:15px 10px; align-items: center;}
.input_wrap2 {display: flex; flex-wrap: wrap; gap:8px; align-items: center;}
.input_wrap.ver_right {justify-content: flex-end;}
.input_tit {
    color:#000; font-weight: 500; height:45px; line-height: 45px;
    /*margin-right: 5px;*/ flex-shrink: 0;
}
.select,
.input {
    border:1px solid #c5c7cd; border-radius: 5px; height:45px; line-height: 45px;
    color:#555; padding:0 10px; box-sizing: border-box; background:#fff;
}
.input[type=number] {padding-right:0;}
.cal {
    width:140px; cursor: pointer; position: relative; padding-right: 25px;
    background:#fff url(../images/ic_cal.svg) no-repeat calc(100% - 10px) 50%; background-size: 15px;
}
.select {
    appearance: none;
    background: #fff url(../images/select_arrow.svg) no-repeat;
    background-position: calc(100% - 10px) center; background-size: 14px;
    padding:0 25px 0 10px; width:100px;
}
.textarea {
    border:1px solid #c5c7cd; border-radius: 5px; font-size: 0.95em; color:#555;
    padding:10px 10px; box-sizing: border-box; background:#fff; width:100%;
}
.textarea[readonly],
.textarea:disabled {background-color: #f4f4f4;}
/*.checkbox[type=checkbox] {display: none;}*/
.checkbox[type=checkbox] {opacity: 0; position: absolute;}
.checkbox[type=checkbox] + label {display: flex; align-items: center; gap:5px;justify-content: center;}
.checkbox[type=checkbox]:focus-visible + label:before {outline: 2px dotted #000; outline-offset: -2px;}
.checkbox[type=checkbox] + label:before {
    content: ""; width:19px; height:19px; border:1px solid #c5c7cd; border-radius: 3px; background: #fff;
    flex-shrink: 0;
}
.checkbox[type=checkbox]:checked + label:before {background:#fff url(../images/bg_check.svg) no-repeat 50% 50%; background-size: 70%; border-color:#1459f1;}

/*.radio[type=radio] {display: none;}*/
.radio[type=radio] {opacity: 0; width:0; height:0;}
.radio[type=radio] + label {display: flex; align-items: center; gap:5px; flex-shrink: 0;}
.radio[type=radio]:focus-visible + label:before {outline: 2px dotted #000; outline-offset: -2px;}
.radio[type=radio] + label:before {
    content: ""; width:22px; height:22px; background: url(../images/ico_radio_before.png) no-repeat 50% 50%;
    background-size: 100%; flex-shrink: 0;
}
.radio[type=radio]:checked + label:before {background-image:url(../images/ico_radio_after.png);}

input[readonly],
input:disabled {background-color: #f4f4f4; color:#666;}
/*input[readonly] {background-color: #f6f9ff; color: #5d5d5d;}*/
select:disabled,
.checkbox[type=checkbox]:disabled + label:before {background-color: #f4f4f4; border-color:#ccc;}
.checkbox[type=checkbox]:disabled:checked + label:before {
    background: #f4f4f4 url(../images/bg_check_gray.svg) no-repeat 50% 50%; background-size: 70%; border-color:#ccc;
}
.radio[type=radio]:disabled + label:before {
    background: url(../images/ico_radio_before_dis.png) no-repeat 50% 50%; background-size: 100%;
}
.radio[type=radio]:disabled:checked + label:before{
    background: url(../images/ico_radio_after_dis.png) no-repeat 50% 50%; background-size: 100%; border-color:#ccc;
}

*::placeholder {color:#999; font-weight: 300;}


/*파일업로드*/
.filebox {display: flex; gap: 5px; align-items: center;}
.filebox .upload-name-wrap {position: relative; padding: 5px; line-height: 30px; height: 30px; border: 1px solid #ddd; background: #e5efff; min-width: 250px;}
.filebox .upload-name {
    display: block;
    font-size: 14px;
    width: calc(100% - 30px);
    height: 100%;
    border: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: none;
    font-weight: 400;
}
.filebox label {
    display: inline-block;
    cursor: pointer;
    line-height: 30px;
    height: 30px;
    background: #495a87;
    color: #fff;
    padding: 0 10px;
    border-radius: 2px;
    border: 1px solid #384871;
    transition: all 0.2s;
    font-size: 13px;
}
.filebox label:hover {background: #fff; color: #495a87; padding: 0 10px;}
.filebox input[type="file"] {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}
.file_del {
    display: none;
    background: url(../images/btn_close.svg) no-repeat 50% 50%;
    border-radius: 100px;
    font-size: 14px;
    background-size: cover;
    text-indent: -999px;
    overflow: hidden;
    height: 18px;
    width: 18px;
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
}


.filebox2 {display: flex; gap: 5px; align-items: center;}
.filebox2 .upload-name-wrap {display: none;}
.filebox2 .upload-name-wrap.active {
    display: inline-block;
    position: relative;
    border: 1px solid #ddd;
    border-radius: 2px;
}
.filebox2 .upload-name-wrap:before {
    content: "";
    position: absolute;
    right:10px;
    top:50%;
    transform: translateY(-50%);
    width:18px;
    height:18px;
    background: url(../images/btn_down_black.svg) no-repeat 50% 50%;
    background-size: 100%;
    opacity: 0.3;
    z-index: -1;
}
.filebox2 .upload-name {
    font-size: 14px;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;
    color: #000;
    background: transparent;
    line-height: 30px;
    height: 30px;
    border: none;
    padding: 0 0px 0 10px;
    cursor: pointer;
}
.filebox2 label {
    display: inline-block;
    cursor: pointer;
    line-height: 30px;
    height: 30px;
    background: #495a87;
    color: #fff;
    padding: 0 10px;
    border-radius: 2px;
    border: 1px solid #384871;
    transition: all 0.2s;
    font-size: 13px;
}
.filebox2 input[type="file"] {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}
.filebox2 .file_del {right: -23px;}


.file_img_wrap {display: flex; width:100%; flex-wrap: wrap; gap:5px;}
.file_img_in {position: relative; width:100px; height:100px; overflow: hidden; margin-top: 5px; box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.1); cursor: pointer;}
.file_img_in img.file_img {width:100%; height:100%;}
.file_img_in .file_img_del {
    position: absolute; z-index: 2; right:1px; top:1px; width:17px; height:17px; background: #495a87;
    display: flex; align-items: center; justify-content: center; transition: all 0.2s;
}
.file_img_in .file_img_del img {width:15px;}
.file_img_in .file_img_del:hover {background: rgba(0,0,0,0.9);}

.file_img_wrap2 {overflow-x: auto; background: #e5efff; padding: 7px 5px; border: 1px solid #dde6f5; display: flex; gap:5px;}
.file_img_wrap2.nofile {overflow-x: auto; background: #e5efff; padding: 7px 5px; border: 2px dashed #c2d0e7; display: flex; gap:5px; cursor: pointer;}
.drag_info {padding:20px 0; text-align: center; width:100%; color: #849ac1; display: flex; align-items: center; justify-content: center; gap:15px;}
.drag_info:before {content: ""; width:60px; height:60px; background:#fff url(../images/file_img.svg) no-repeat 50% 50%; background-size: 45%; border-radius: 100px; box-shadow: 0 0 10px 0 rgba(73, 90, 135, 0.1);}
.file_img_in2 {
    position: relative; width:140px; height:80px; overflow: hidden; flex-shrink: 0;
    box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.1); cursor: pointer; background: #fff; border:1px solid #ccc;
}
.file_img_in2 .raio_wrap {position: absolute; z-index: 2; left:5px; top:5px;}
.file_img_in2 .raio_wrap .sch_form[type=checkbox] + label:before {width: 14px; height: 14px; cursor: pointer;}
.file_img_in2.active {border:3px solid #00a2ff;}
.file_img_in2 img.file_img {width:100%; height:100%;}
.file_img_in2 .btn {position: absolute; z-index: 2; right:5px; top:5px;}
.file_img_in2 .file_img_del {
    display: inline-block; width:16px; height:16px; border:1px solid #ccc;
    background:#fff url(../images/sbtn_close.png) no-repeat 50% 50%;
    background-size: 10px;
}
.file_img_in2 .file_img_zoom {
    display: inline-block; width:16px; height:16px; border:1px solid #888;
    background:#888 url(../images/total_search_btn.svg) no-repeat 50% 50%;
    background-size: 10px;
}
.file_img_in2 .file_img_del img {width:15px;}

.img_preview {background: #f4f4f4;}
.img_preview img {max-width:1200px;}

.file_txt_wrap {display: flex; gap:5px; flex-wrap: wrap; margin:12px 0 8px 0;}
.file_txt_in {
    position: relative;border: 1px solid #7286bb;border-radius: 5px;padding: 9px 33px 9px 10px; display: flex;justify-content: space-between;
    gap: 15px;align-items: center; box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.1); cursor: pointer;
}
.file_txt_in:hover {background: #f4f5ff;}
.file_txt_in span {display: block;}
.file_txt_in .tit {position: relative; padding-left: 19px; line-height: 17px;}
.file_txt_in .tit:before {
    content: ""; display: inline-block; width:15px; height:17px; background:url(../images/file_img.svg) no-repeat 50% 50%;
    position: absolute; left:0px; top:0px;
}
.file_txt_in .tit.ver_img:before {background-image:url(../images/file_img.svg);}
.file_txt_in .tit.ver_txt:before {background-image:url(../images/file_txt.svg);}
.file_txt_in .tit.ver_movie:before {background-image:url(../images/file_movie.svg);}
.file_txt_in .tit.ver_etc:before {background-image:url(../images/file_etc.svg);}
.file_txt_in .size {color: #999;font-size: 0.9em;margin-top: 3px;font-weight: 300;}
.file_txt_in .file_txt_del {
    position: absolute; z-index: 2; right:7px; top:50%; transform: translateY(-50%); width:17px; height:17px; background: #495a87;
    display: flex; align-items: center; justify-content: center; transition: all 0.2s;
}
.file_txt_in .file_txt_del img {width:15px;}
.file_txt_in .file_txt_del:hover {background: rgba(0,0,0,0.9);}


/*사진업로드*/
.img_upload {position: relative;}
.img_upload .img.no_img {background: #f7f8fa; width:200px; height:200px; border:2px dashed #ddd; text-align: center;}
.img_upload .img.no_img img {width:70px;margin:45px auto 0 auto;}
.img_upload .img img {width:100%;}
.img_upload .file {position: absolute;z-index: 2; width:200px; height:200px; top:0; left:0; border:none; font-size: 0; cursor:pointer;}
.img_upload .file::file-selector-button {display:none;}
.img_upload .text {position: absolute; z-index: 2; top:120px; left:100px; transform: translate(-50%);color:#666; font-size: 15px;}
.img_upload .btn {
    position: absolute; z-index: 2; top:100px; left:100px; transform: translate(-50%); border:none; background: #ccc; border-radius: 3px; padding:5px 5px;
}


/*리스트 스타일*/
.list_1st {margin-left: 15px;}
.list_1st.no_mg,
.list_1st.box {margin-left: 0;}
.list_1st > li {
    margin: 5px 0;
    position: relative;
    padding-left: 10px;
    line-height: 1.38em;
}
.list_1st > li:before {
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    display: block;
    width: 4px;
    height: 4px;
    background: #111;
    border-radius: 9999px;
}

.list_4st {margin-left: 15px;}
.list_4st.no_mg,
.list_4st.box {margin-left: 0;}
.list_4st > li {
    margin: 3px 0;
    position: relative;
    padding-left: 10px;
    line-height: 1.5em;
    font-size: 0.95em;
}
.list_4st > li:before {
    content: "";
    position: absolute;
    top: 11px;
    left: 0;
    display: block;
    width: 5px;
    height: 1px;
    background: #999;
}

.list_img {width:100%;}


.list_num {
    margin-left: 15px; display: flex; flex-wrap: wrap; gap:15px 0px;
}
.list_num > li {
    font-size: 19px; font-weight: 600; width:100%; color: #000;
    position: relative; padding:11px 0 0 55px; min-height: 45px;
}
.list_num > li > i {
    display: inline-block;
    background:#1493b1;
    color:#fff; font-style: normal;
    width:45px; height:45px; line-height: 45px;
    text-align: center;
    border-radius: 100px; margin-right: 10px;
    font-size: 20px; font-weight: bold;
    position: absolute;
    left:0; top:0;
}
.list_num.ver_half {gap:15px 3%;}
.list_num.ver_half > li {width:47%;}

.list_1st.box{margin:10px 0}
.list_1st li span{display:block; font-size:15px;}
.list_2st{display:inline-block; width:100%}
.list_2st .thumb{float:left; width:130px; padding:20px 15px 0 0}
.list_2st .thumb img{width:100%; height:100%}
.list_2st .thumb span{display:block; color:#888; font-size:13px; text-align:center}
.list_2st .cont{float:right; width:calc(100% - 145px)}
.list_2st.full .cont{float:none; width:100%}
.list_2st:not(.inline) > ul > li:first-child {border-top:1px solid #dfdfdf;}
.list_2st > ul > li{border-bottom:1px solid #dfdfdf; overflow: hidden; padding:20px 0}
.list_2st .tit{font-size:18px; font-weight:bold; margin:0 0 10px 0}
.list_2st > ul > li .thumb{padding-top:0}
.list_2st.inline li{border-bottom:0; display: inline-block; margin-right:5px; width:auto; padding:0}
.list_2st .cr{text-align:left; width: auto; line-height:1.5em}
.list_2st .tit_h5, .list_2st .tit_h6{margin-top:0}
.list_2st .box{font-size:15px; background:#f6f9ff; border:0}
.list_2st .box span{display: block; font-size:14px; padding-left:20px}
.list_2st span{display:block; font-size:0.9em; line-height: 1.5em; color:#777}
.list_2st .num{width:60px; display: inline-block; vertical-align: middle; font-size:25px; font-weight:bold; color:#1458f1}
.list_2st .text{display: inline-block; vertical-align: middle; width:calc(100% - 70px)}
.list_2st .call{background:url(../images/icon_call.svg) no-repeat center left; padding-left:25px}
.list_2st .loca{background:url(../images/icon_bd.svg) no-repeat center left; padding-left:25px}
.list_2st .fax{background:url(../images/icon_fax.svg) no-repeat center left; padding-left:25px}
.list_2st .list_num{gap:inherit}
.list_2st .list_num > li{font-size:17px; font-weight:normal;}
.list_2st .list_num > li > i{width:25px; height:25px; line-height:25px; font-size:15px; top:auto}
.list_2st .list_num > li > .text{padding-left:30px; width: calc(100% - 40px);}
.list_2st .haf {float:left; width:50%; padding:0 20px;}
.list_2st .haf:first-child{border-right:1px solid #e1e1e1}
.list_3st > ul > li{border:1px solid #dfdfdf; display: inline-table; width:100%; padding:20px 30px; border-radius:10px; margin-bottom:10px}
.list_3st > ul > li:last-child{margin-bottom:0}
.list_3st > ul > li .text{padding-left:100px; position:relative;}
.list_3st > ul > li .text::after{content:""; background-repeat: no-repeat; background-position: center; position:absolute; left:10px; top:50%; transform: translateY(-50%); width:50px; height:50px}
.list_3st > ul > li:first-child .text::after{background-image: url(.././images/lmoc/lmo_icon01.svg);}
.list_3st > ul > li:nth-child(2) .text::after{background-image: url(.././images/lmoc/lmo_icon02.svg);}
.list_3st > ul > li:nth-child(3) .text::after{background-image: url(.././images/lmoc/lmo_icon03.svg); width:45px; height:45px}
.list_3st > ul > li:nth-child(4) .text::after{background-image: url(.././images/lmoc/lmo_icon04.svg);}
.list_3st > ul > li .tit{font-size:18px; font-weight:bold; margin-bottom:10px}
.list_3st > ul > li span{display:block; font-size:14px; line-height:20px; color:#888; font-weight:400}


/*이미지*/
.img_box {border:1px solid #ccc; text-align: center; padding:30px;}
.img_box.gray {background: #F9F9FA; border:none;}
.img_box.v_inline {display: inline-block;}
.img_box img {width:auto; max-width: 100%;}
.single_img img {border:1px solid #ccc;max-width: 100%;}
.single_img2 {width:auto; max-width: 100%;}
.double_img {display: flex; justify-content: space-between;}
.double_img img {width:calc(50% - 5px)}
.five_img {display: flex; justify-content: space-between; align-items: flex-start;}
.five_img figure {width:calc(20% - 5px); margin: 0;}
.five_img figure img {width:100%;}
.five_img figure figcaption {text-align: center; margin-top: 3px; font-size: 15px;}

.img_list {display: flex; justify-content: space-between; align-items: flex-start;}
.img_list .left {width:295px;}
.img_list .right {width:calc(100% - 340px);}

.t_img{display:inline-block; width:100%; margin:auto; text-align:center}
.t_img span{display:block; font-size:13px; color:#888; margin-top:5px}
.t_img .dv{display: inline-block; margin:0 5px}

.cmm_img{display:inline-block; width:100%; text-align: center;}
.cmm_img:not(.ver2) li:not(:last-of-type) {margin-bottom:30px;}
.cmm_img img{width:100%; height:100%; border:1px solid #e8edf0}
.cmm_img.ver2 img{border:none;}
.cmm_img .dv{display: inline-block; vertical-align:top; width:49%; padding:5px;text-align: left;}

.pinch_wrap {position: relative;}
.pinch_btn {
  display: none;
}



/***테이블 스타일***/

/*paging*/
.pagination {margin:20px auto 0 auto; display: flex; justify-content: center; align-items: center; gap:5px;}
.pagination>a.btn_first {background: url(../images/paging_first.svg) 50% 50% no-repeat;}
.pagination>a.btn_prev {background:url(../images/paging_prev.svg) 50% 50% no-repeat;}
.pagination>a.btn_next {background:url(../images/paging_prev.svg) 50% 50% no-repeat; transform: rotate(180deg);}
.pagination>a.btn_end {background:url(../images/paging_first.svg) 50% 50% no-repeat; transform: rotate(180deg);}
.pagination>a.btn_first,
.pagination>a.btn_prev,
.pagination>a.btn_next,
.pagination>a.btn_end {
    width:40px;height:40px; overflow: hidden; text-indent:-999px; border:1px solid #dae1ed;
    border-radius: 3px; border-radius: 100px; background-size: 60%; background-color:#fff;
}
.pagination .paging {display:flex; margin:0 20px;}
.pagination .paging>li {width:40px; height:40px;}
.pagination .paging>li>a {
    display: block; width:100%; height:100%; font-size: 1.05em;
    line-height:40px; text-align: center; color: #000;font-family:'Roboto';
}
.pagination .paging>li>a:hover,
.pagination .paging>li>a.on {color:#1459f1; font-weight:bold; text-decoration: underline;}


/*게시판&폼용*/
.tb_row {border-collapse: collapse; width:100%; border-top: 2px solid #152d4b;}
.tb_row th,
.tb_row td {padding:14px 12px;}
.tb_row thead th {
    color: #152d4b;
    border-bottom: 1px solid #152d4b;
    font-weight: 600;
    text-align: center;
}
.tb_row tbody th {
    color: #152d4b;
    border-bottom: 1px solid #dae1ed;
    font-weight: 600;
    position: relative;
}
.tb_row tbody th:after {content: ""; display: inline-block; width:2px; height:18px; background: #dae1ed; position: absolute; right:0; top:50%; transform: translateY(-50%);}
.tb_row td {
    border-bottom: 1px solid #dae1ed;
    text-align: center;
}

.tb_row td a:hover {text-decoration: underline; color:#000;}
.tb_row td a.btn_down:hover,
.tb_row td a.btn_navy:hover,
.tb_row td a.btn_blue:hover,
.tb_row td a.btn_red:hover,
.tb_row td a.btn_gray:hover,
.tb_row td a.btn_line_blue:hover {text-decoration: none; color:#fff;}
.tb_row td a.btn_white:hover {text-decoration: none; color:#000;}
.tb_row tbody tr:hover,
.tb_row tbody tr.on {background:#ebfaff;}
.tb_row.ver_left td {text-align: left;}
.ic_notice {width:16px; vertical-align: middle;}


.tb_col {border-collapse: collapse; width:100%; border-top: 2px solid #152d4b;}
.tb_col th,
.tb_col td {padding:14px 12px;}
.tb_col th {
    color: #152d4b;
    border-bottom: 1px solid #dae1ed;
    font-weight: 600;
    position: relative;
}
.tb_col th:after {content: ""; display: inline-block; width:2px; height:18px; background: #dae1ed; position: absolute; right:0; top:50%; transform: translateY(-50%);}
.tb_col td {
    border-bottom: 1px solid #dae1ed;
    text-align: center;
}
.tb_col td a:hover {text-decoration: underline; color:#000;}
.tb_col tbody tr:hover,
.tb_col tbody tr.on {background:#ebfaff;}
.tb_col.ver_left td {text-align: left;}

.tb_row td .comment{
 display:inline-block;
 vertical-align:top;
 margin-top:2px;
 margin-left:7px;
 font-weight:bold;
 color:#0361c4;
 text-align:center;
 font-size:12px;
}

.tb_row2 {border-collapse: collapse; width:100%;}
.tb_row2 th,
.tb_row2 td {padding:14px 12px;}
.tb_row2 thead th {
    color: #152d4b;
    border: 1px solid #dae1ed;
    border-top: 1px solid #152d4b;
    border-bottom: none;
    background: #eef4f8;
    font-weight: 600;
    text-align: center;
}
.tb_row2 tbody th {
    border: 1px solid #dae1ed;
    font-weight: 600;
    text-align: center;
}
.tb_row2 td {
    border: 1px solid #dae1ed;
    text-align: center;
    background-color: #fff;
}
.tb_row2 thead th:first-of-type,
.tb_row2 tbody th:first-of-type,
.tb_row2 td:first-of-type {border-left: none;}
.tb_row2 thead th:last-of-type,
.tb_row2 tbody th:last-of-type,
.tb_row2 td:last-of-type {border-right: none;}
.tb_row2 th.line,
.tb_row2 td.line {border-right: 1px solid #dae1ed !important;}
.tb_row2 ul {margin-left:0 !important;}
.tb_row2.ver_left td {text-align: left;}
.tb_row2.onclick tbody tr:hover {background:#ebfaff; cursor: pointer;}

.tb_img {width:100%;}
.tb_img img {max-width:100%;}
.tb_img2 {width:100%; max-width:200px; max-height:200px;}
.tb_img3 {width:160px; height:128px; cursor:pointer;}
.tb_img3.active {border:2px solid #1266f1;}

.tb_col2 {border-collapse: collapse; width:100%; border-top: 1px solid #152d4b;}
.tb_col2 th,
.tb_col2 td {padding:14px 12px; line-height: 1.3em;}
.tb_col2 th {
    color: #152d4b;
    border: 1px solid #dae1ed;
    background: #eef4f8;
    font-weight: 600;
    text-align: center;
    height:40px;
}
.tb_col2 td {
    border: 1px solid #dae1ed;
    text-align: center;
    background-color: #fff;
}
.tb_col2 th:first-of-type,
.tb_col2 td:first-of-type {border-left: none;}
.tb_col2 th:last-of-type,
.tb_col2 td:last-of-type {border-right: none;}
.tb_col2 th.line,
.tb_col2 td.line {border-right: 1px solid #dae1ed;}
.tb_col2.ver_left td {text-align: left;}
.tb_col2.ver_center td {text-align: center;}
.tb_col2.ver_line th:first-of-type,
.tb_col2.ver_line td:first-of-type {border-left: 1px solid #dae1ed;}
.tb_col2.ver_line th:last-of-type,
.tb_col2.ver_line td:last-of-type {border-right: 1px solid #dae1ed;}


.tb_row3 {border-collapse: collapse; width:100%;}
.tb_row3 th,
.tb_row3 td {padding:5px 5px; border: 1px solid #dae1ed;}
.tb_row3 th {
    color: #fff;
    font-size: 15px;
    background: #7993a3;
    font-weight: 500;
    text-align: center;
    border-bottom: none;
}
.tb_row3 td {
    font-size: 15px;
    text-align: center;
    background-color: #fff;
}
.tb_row3.ver_left td {text-align: left;}
.tb_row3.ver_center td {text-align: center;}
.tb_row3 td:last-child {border-right: 1px solid #dae1ed;}

.ic_youtube img {width:23px; height:23px;}
.ic_pdf img {width:24px; height:24px;}

tr.deleted,
tr.deleted:hover {background:#f3f3f3 !important;}
tr.deleted td,
tr.deleted a {color: #999; font-style: italic;}
tr.deleted a:hover {text-decoration: none !important; color:inherit !important;}


/*게시판뷰페이지*/
.board_view {border-top:2px solid #152d4b; border-bottom:1px solid #ccc;}
.board_view .view_info {border-top:1px solid #152d4b;}
.board_view .view_tit {font-size: 1.45em; padding: 30px 0;}
.board_view .view_file {border-top:1px dotted #ccc;}

.board_view2 {border-top:2px solid #152d4b;}
.board_view2 .view_info {border-top:1px solid #152d4b;}
.board_view2 .view_tit {font-size: 1.45em; padding: 30px 0;}
.board_view2 .view_file {border-top:1px dotted #ccc;}

.type_change button {
    display: inline-block; width:34px; height:34px; border-radius: 7px; border:1px solid #dae1ed;
    background: url(../images/ic_type_list.svg) no-repeat 50% 50%; background-size: 52%; transition: all 0.2s;
}
.type_change button.type_box {background-image: url(../images/ic_type_box.svg)}
.type_change button.active {background-color: #5388ff; border-color:#5388ff;}
.type_change button.type_list.active {background-image: url(../images/ic_type_list_w.svg)}
.type_change button.type_box.active {background-image: url(../images/ic_type_box_w.svg)}


/*.board_reply {margin-top:20px; border: 1px solid #cfd6df; border-radius: 5px;}
.reply_tit {
    background: #eff4fb;
    padding: 8px 15px;
    border-top:1px solid #dae1ed;
    border-bottom:1px solid #dae1ed;
    display: flex;
    align-items: center;
}
.reply_tit span {color:#000;font-size: 16px;margin-right: 5px;}
.reply_tit i {
    display: inline-block;
    background: #4968af;
    color: #fff;
    font-style: normal;
    border-radius: 100px;
    font-size: 14px;
    padding:0 6px;
    height:20px;
    line-height: 20px;
}
.reply_list li {
    position: relative; border-bottom:1px solid #e8edf0; padding:18px 15px; padding-left: 70px;
}
.reply_list li:before {
    content: "";
    background: url(../images/user_img.png) no-repeat 50% 50%;
    width:45px;
    height:45px;
    position: absolute;
    top:18px; left:15px;
}
.reply_list .writer {display: flex; gap:15px;}
.reply_list .writer span {font-size: 16px; color:#000; font-weight: 700}
.reply_list .writer span.date {font-size: 0.9em; color:#666; font-weight: 300}
.reply_list .writer i {font-style: normal; font-size: 14px; color:#666; font-weight: 300;}
.reply_list .text {font-size: 15px;}
.reply_list .btn {
    position: absolute; right:15px; top:50%; transform: translateY(-50%);
}
.reply_list .btn button {
    border:1px solid #ccc; border-radius: 2px; background: #f7f7f7; color:#555; font-size: 13px;
    padding:2px 3px;
    font-family: 'Roboto', 'Pretendard', '돋움', Dotum, '굴림', Gulim, Helvetica, sans-serif;
}
.board_reply_w {display: flex; gap:15px;}
.board_reply_w textarea {}
.board_reply_w .save {
    width:120px; background:#1459f1; color:#fff; border-radius: 5px;
    font-family: 'Roboto', 'Pretendard', '돋움', Dotum, '굴림', Gulim, Helvetica, sans-serif;
    font-size: 16px;
}*/

.board_reply {margin-top:20px; border:1px solid #cfd6df; border-radius: 5px; overflow: hidden;}
.reply_tit {
    background: #8a96a5;
    padding: 8px 15px;
    display: flex;
    align-items: center;
}
.reply_tit span {color:#fff;font-size: 16px;margin-right: 5px;}
.reply_tit i {
    display: inline-block;
    background: #fff;
    color: #333;
    font-style: normal;
    border-radius: 100px;
    font-size: 13px;
    padding:0 6px;
    height:20px;
    line-height: 20px;
}
.reply_list li {
    position: relative; border-top:1px dotted #ddd; padding:18px 15px 18px 15px; cursor: pointer; background: #fdffff;
}
.reply_list li:first-child {border-top: none;}
.reply_list li:before {
    content: "";
    background: url(../images/user_img.png) no-repeat 50% 50%;
    background-size: 100%;
    width:41px;
    height:41px;
    position: absolute;
    top:16px; left:15px;
}
.reply_list li.reply_multi {background: #ebfaff;padding:18px 15px 18px 45px;}
.reply_list li.reply_multi:before {left:45px;}
.reply_list li.reply_triple {background: #e1f3f9;padding:18px 15px 18px 85px;}
.reply_list li.reply_triple:before {left:85px;}
.reply_list .writer {display: flex; flex-direction: column; padding-left:50px; gap:2px;}
.reply_list .writer .name {color:#000; font-weight: 600; display: flex; align-items: center; line-height: 17px;}
.reply_list .writer .date {font-size: 0.8em; color:#666; font-weight: 300;}
.reply_list .writer .name i {font-style: normal;font-size: 11px;color:#fff;font-weight: 300;display: inline-block;background: #1459f1;border-radius: 20px;padding:0 5px;margin:1px 0 0 5px}
.reply_list .text {font-size: 0.85em; margin-top: 10px; color: #555; font-weight: 400;}
.reply_list .re_target {font-size: 1.05em;color: #1459f1;font-weight: 500;margin-right:8px;}
.reply_list .btn {position: absolute; right:10px; top:13px;}
.reply_list .btn button {
    border: 1px solid #ccc;
    border-radius: 2px;
    background: #f7f7f7;
    color: #555;
    font-size: 13px;
    padding: 2px 3px;
    font-weight: 400;
}
.reply_list .del_info span {color:#666; position: relative; padding-left:20px; font-size: 0.9em;}
.reply_list .del_info span:before {
    content: ""; width:18px; height:18px; background: url(../images/ic_warning.svg) no-repeat 50% 50%; position: absolute; top:50%; left:0; opacity: 0.3; background-size: 100%; transform: translateY(-50%);
}
.reply_list li.del_info:before {content: none;}
.board_reply_w {background: #f6f8f9;padding:10px 10px 10px 15px;position: relative;border-radius: 5px;font-family: 'Roboto', 'NotoSans','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;border: 1px solid #e1e8eb;}
.board_reply_w .textarea {width:calc(100% - 100px); border:none; background: transparent;outline: none; overflow: hidden;}
.board_reply_w .textarea:hover {outline: none;}
.board_reply_w .save {
    position: absolute;
    right:10px;
    bottom:10px;
    font-size: 15px;
    background: #152d4b;
    color:#fff;
    border-radius: 5px;
    padding:8px 15px;
}
.board_reply_w .save:focus {outline: 2px dotted red; outline-offset: 2px;}
.board_reply_w .cancel {
    position: absolute; right:10px; top:10px; width:21px; height:21px; background:url(../images/reset_btn.svg) no-repeat 50% 50%; background-size: 100%; opacity: 0.5;
}
.board_reply_w .cancel:after {display: none;}
.board_reply_w .cancel:hover {opacity: 1;}
.ver_write .board_reply_w {background:#fff;margin-top:13px;border: 1px solid #d6e9ef;}

.reply2 {margin-top:20px; background: #eff4fb; padding: 25px; position: relative;}
.reply2_tit {color:#000; font-size: 17px; font-weight: 600; margin-bottom:8px;}
.reply2_con {font-size: 15px;}
.reply2_info {display: flex; gap:15px; border-top: 1px dotted #ccc; margin-top: 10px; padding-top: 10px;}
.reply2_info .writer span {font-size: 14px; color:#000; font-weight: 500;}
.reply2_info .writer i {font-style: normal; font-size: 13px; color:#666; font-weight: 300;}
.reply2_info .btn {position: absolute; right:25px; bottom:25px;}
.reply2_info .btn button {
    border:1px solid #ccc; border-radius: 2px; background: #f7f7f7; color:#555; font-size: 13px;
    padding:2px 3px; font-weight: 400;
}


/*그리드테이블*/
.gdtb_wrap {overflow: auto; border:1px solid #dae1ed; max-height:510px; margin-top: 5px;}
.gdtb_row {border-collapse: collapse; min-width:1198px; max-width: 2000px; margin-left: -1px;}
.gdtb_row th,
.gdtb_row td {border-bottom: 1px solid #dae1ed; border-left: 1px solid #dae1ed;}
.gdtb_row th {
    color: #152d4b;
    font-size: 15px;
    background: #eef4f8;
    /*background: #677ca3;*/
    font-weight: 600;
    text-align: center;
    border-bottom: none;
    padding:12px 12px;
    border-bottom:1px solid #152d4b;
    min-width:100px;
    line-height: 1.3em;
}
.gdtb_wrap.ver_vertical {overflow-x: hidden; overflow-y: auto;}
.gdtb_wrap.ver_vertical .gdtb_row {min-width:100%; max-width: calc(100% - 1px);}
.gdtb_wrap.ver_vertical .gdtb_row th {min-width: auto;}
.gdtb_row td {
    font-size: 15px;
    text-align: center;
    padding:7px 5px;
}
.gdtb_row.ver_left td {text-align: left;}
.gdtb_row tr.onclick:hover {cursor: pointer;}
.gdtb_row tr.onclick td:hover {background:#ebfaff;}
.ellip {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; vertical-align: middle; word-break: break-all;}
.cancel {color:red; position: relative; width:100px; text-decoration:line-through;}
.cancel:after {
    content: "";
    display: block;
    width:100%;
    height:1px;
    /*background: #666;*/
    position: absolute;
    top:50%;
    left:0;
}
/*.gdtb_wrap::-webkit-scrollbar{
  width: 18px;
  height:18px;
}
.gdtb_wrap::-webkit-scrollbar-thumb {
    outline: none;
    border-radius: 12px;
    border: 5px solid transparent;
    box-shadow: inset 8px 8px 0 rgba(176, 184, 199, 1);
}
.gdtb_wrap::-webkit-scrollbar-track,
.gdtb_wrap::-webkit-scrollbar-corner {
    box-shadow: none;
    background-color: #f5f8f9;
}*/


/*콘텐츠용 테이블*/
.cotb_row {border-collapse: collapse; width:100%; border-top: 2px solid #152d4b;}
.cotb_row th,
.cotb_row td {padding:14px 12px;}
.cotb_row thead th {
    color: #152d4b;
    font-size: 17px;
    border-bottom: 1px solid #152d4b;
    font-weight: 600;
    text-align: center;
}
.cotb_row tbody th {
    color: #152d4b;
    font-size: 17px;
    border-bottom: 1px solid #dae1ed;
    font-weight: 600;
    position: relative;
}
.cotb_row tbody th:after {content: ""; display: inline-block; width:2px; height:18px; background: #dae1ed; position: absolute; right:0; top:50%; transform: translateY(-50%);}
.cotb_row td {
    border-bottom: 1px solid #dae1ed;
    font-size: 17px;
    text-align: center;
}

.cotb_row td a:hover {text-decoration: underline; color:#000;}
.cotb_row td a.btn_down:hover,
.cotb_row td a.btn_navy:hover,
.cotb_row td a.btn_blue:hover,
.cotb_row td a.btn_gray:hover,
.cotb_row td a.btn_red:hover,
.cotb_row td a.btn_line_blue:hover {text-decoration: none; color:#fff;}
.cotb_row td a.btn_white:hover {text-decoration: none; color:#000;}
/*.cotb_row tbody tr:hover,*/
.cotb_row tbody tr.on {background:#ebfaff;}
.cotb_row.ver_left td {text-align: left;}


.cotb_col {border-collapse: collapse; width:100%; border-top: 2px solid #152d4b;}
.cotb_col th,
.cotb_col td {padding:14px 12px;}
.cotb_col th {
    color: #152d4b;
    font-size: 17px;
    border-bottom: 1px solid #dae1ed;
    font-weight: 600;
    position: relative;
}
.cotb_col th:after {content: ""; display: inline-block; width:2px; height:18px; background: #dae1ed; position: absolute; right:0; top:50%; transform: translateY(-50%);}
.cotb_col td {
    border-bottom: 1px solid #dae1ed;
    font-size: 17px;
    text-align: center;
}
.cotb_col td a:hover {text-decoration: underline; color:#000;}
.cotb_col tbody tr:hover,
.cotb_col tbody tr.on {background:#ebfaff;}
.cotb_col.ver_left td {text-align: left;}

.cotb_row td .comment{
 display:inline-block;
 vertical-align:top;
 margin-top:2px;
 margin-left:7px;
 font-weight:bold;
 color:#0361c4;
 text-align:center;
 font-size:12px;
}

.cotb_row2 {border-collapse: collapse; width:100%;}
.cotb_row2 th,
.cotb_row2 td {padding:14px 12px;}
.cotb_row2 thead th {
    color: #152d4b;
    font-size: 17px;
    border: 1px solid #dae1ed;
    border-top: 1px solid #152d4b;
    border-bottom: none;
    background: #eef4f8;
    font-weight: 600;
    text-align: center;
}
.cotb_row2 tbody th {
    border: 1px solid #dae1ed;
    font-weight: 600;
    text-align: center;
}
.cotb_row2 td {
    border: 1px solid #dae1ed;
    font-size: 17px;
    text-align: center;
}
.cotb_row2 thead th:first-of-type,
.cotb_row2 tbody th:first-of-type,
.cotb_row2 td:first-of-type {border-left: none;}
.cotb_row2 thead th:last-of-type,
.cotb_row2 tbody th:last-of-type,
.cotb_row2 td:last-of-type {border-right: none;}
.cotb_row2 th.line,
.cotb_row2 td.line {border-right: 1px solid #dae1ed !important;}
.cotb_row2 ul {margin-left:0 !important;}
.cotb_row2.ver_left td {text-align: left;}
.cotb_row2.onclick tbody tr:hover {background:#ebfaff; cursor: pointer;}

.cotb_col2 {border-collapse: collapse; width:100%; border-top: 1px solid #152d4b;}
.cotb_col2 th,
.cotb_col2 td {padding:14px 12px; line-height: 1.3em;}
.cotb_col2 th {
    color: #152d4b;
    font-size: 17px;
    border: 1px solid #dae1ed;
    background: #eef4f8;
    font-weight: 600;
    text-align: center;
    height:40px;
}
.cotb_col2 td {
    border: 1px solid #dae1ed;
    font-size: 17px;
    text-align: center;
}
.cotb_col2 th:first-of-type,
.cotb_col2 td:first-of-type {border-left: none;}
.cotb_col2 th:last-of-type,
.cotb_col2 td:last-of-type {border-right: none;}
.cotb_col2 th.line,
.cotb_col2 td.line {border-right: 1px solid #dae1ed;}
.cotb_col2.ver_left td {text-align: left;}
.cotb_col2.ver_center td {text-align: center;}
.cotb_col2.ver_line th:first-of-type,
.cotb_col2.ver_line td:first-of-type {border-left: 1px solid #dae1ed;}
.cotb_col2.ver_line th:last-of-type,
.cotb_col2.ver_line td:last-of-type {border-right: 1px solid #dae1ed;}


.cotb_row3 {border-collapse: collapse; width:100%;}
.cotb_row3 th,
.cotb_row3 td {padding:5px 5px; border: 1px solid #dae1ed;}
.cotb_row3 th {
    color: #fff;
    font-size: 15px;
    background: #7993a3;
    font-weight: 500;
    text-align: center;
    border-bottom: none;
}
.cotb_row3 td {
    font-size: 15px;
    text-align: center;
}
.cotb_row3.ver_left td {text-align: left;}
.cotb_row3.ver_center td {text-align: center;}
.cotb_row3 td:last-child {border-right: 1px solid #dae1ed;}



/*갤러리*/
.gallery {padding:20px 0; display: flex; gap:35px 35px; flex-wrap: wrap;}
.gallery li {width:calc(33.3333% - 24px); cursor: pointer; border-radius: 15px; position: relative; border: 1px solid #dae1ed;}
.gallery .thumb {display:block; width:100%; border-radius: 15px 15px 0 0; overflow: hidden; transition: all 0.2s; max-height: 225px;}
.gallery .thumb img {width:100%; transition: all 0.2s;}
.gallery li:hover {box-shadow: 0 0 16px 0 rgb(88 128 177 / 13%);}
.gallery li:hover .thumb img {transform: scale(1.05);}
.gallery .detail {padding:25px 20px 65px 20px;}
.gallery .tit {font-size: 1.3em; font-weight: bold; color:#000; margin-bottom:5px; cursor: pointer;}

.gallery .date {font-size: 0.9em; font-weight: 300; color:#555;}
.gallery .sort {font-size: 0.9em; font-weight: 300; color:#555;}
.gall_info {
    position: absolute;
    bottom:0;
    display: flex;
    padding: 0 20px 8px 20px;
    justify-content: space-between;
    align-items: center;
    border-top: 1px dotted #ddd;
    padding-top: 8px;
    width: 100%;
    margin: 0 auto;
}
.gall_info .view_count {font-size: 0.8em; color:#666;}


/*리스트갤러리*/
.gallery.ver_list {
    border-top:2px solid #152d4b; display: block; padding:0; margin:20px 0;
}
.gallery.ver_list li {
    width:100%; border:none; border-bottom:1px solid #dae1ed; border-radius: 0; transition: all 0.2s;
    display: flex; gap:35px; padding:30px 50px; align-items: center; position: relative;
}
.gallery.ver_list li:hover {box-shadow: none; background:#ebfaff;}
.gallery.ver_list li:hover:after {
    content: ""; position: absolute; width:30px; height:30px; top:50%; left:calc(100% - 55px); opacity: 0.5;
    background:url(../images/ic_arrow_bk.svg) no-repeat 50% 50%; display: block; transform: translateY(-50%);
}
.gallery.ver_list li:hover .thumb img {transform: scale(1);}
.gallery.ver_list li .thumb:hover img {box-shadow: 5px 5px 16px 0 rgba(0, 0, 0, 0.1); transform: scale(1.05);}
.gallery.ver_list .thumb {width:auto; max-width: 220px;}
.gallery.ver_list .thumb img {width:100%;}
.gallery.ver_list .detail {padding:20px 0;}
.gallery.ver_list .tit {font-size: 1.4em; font-weight: bold; color:#000; margin-bottom:10px;}
.gallery.ver_list .date {font-size: 1em; font-weight: 300; color:#666; margin-bottom:3px;}
.gallery.ver_list .sort {font-size: 1em; font-weight: 300; color:#666;}


/*리스트갤러리+상세정보노출형*/
.gallery2 {margin:20px 0; border-top:1px solid #dae1ed;}
.gallery2 li {
    width:100%; border-bottom:1px solid #dae1ed; cursor: pointer;
    display: flex; gap:35px; padding:30px 30px; align-items: flex-start;
    justify-content: space-between; position: relative; box-sizing: border-box;
}
.gallery2 li:hover {position: relative;}
.gallery2 li:before {
    position: absolute; content: ""; opacity: 0; transition: all 0.2s;
    border:2px solid transparent;
}
.gallery2 li:hover:before {
    width: calc(100% - 4px); height: calc(100% - 4px); z-index: 1;
    top:0; left:0; box-shadow: 0 0 15px 0 rgba(25, 102, 221, 0.2); opacity: 1;
    border-image: linear-gradient(to right, #1459f1 0%, #09d1fc 100%); border-image-slice: 1;
}
.gallery2 .thumb {width: 220px; height:165px; border:1px solid #dae1ed; background: #fff; position: relative; z-index: 3;}
.gallery2 .thumb img {width:100%;}
.gallery2 .gall_con {width:calc(100% - 250px);}
.gallery2 .gall_tit {
    font-size: 1.3em; font-weight: bold; color:#1d60df; margin-bottom:10px;
    padding:0; position: relative; z-index: 3;
}
.gallery2 .gall_tit i {font-size: 0.8em; margin-right: 10px; font-weight: 400; font-style:normal;}
.gallery2 .detail {margin-top: 10px;display: flex;flex-direction: column;gap: 5px 0; position: relative; z-index: 3;}
.gallery2 .row {display: flex;gap: 0px 10px;line-height: 21px;}
.gallery2 .tit {min-width:80px; font-size: 0.9em; font-weight: 600; color:#000;}
.gallery2 .txt {font-size: 0.9em;font-weight: 400;color: #666; line-height: 1.5em;}


/*해양위성갤러리*/
.gallery3 {display: flex; gap:35px 35px; flex-wrap: wrap;}
.gallery3 li {width:calc(25% - 28px); cursor: pointer; border-radius: 15px; position: relative;}
.gallery3 .thumb {display:block; width:100%; border-radius: 15px; overflow: hidden; transition: all 0.2s; border: 1px solid #dae1ed;}
.gallery3 .thumb img {width:100%; transition: all 0.2s;}
.gallery3 li:hover .thumb {box-shadow: 5px 5px 16px 0 rgba(18, 108, 219, 13%);}
.gallery3 .detail {padding:13px 15px; display: flex; align-items: center; justify-content: space-between;}
.gallery3 .tit {font-size: 1.1em; font-weight: bold; color:#000; cursor: pointer;}
.gallery3 .date {font-size: 0.9em; font-weight: 300; color:#666;}
.gallery3 .btn {
    background: #fff url(../images/btn_down_blue.svg) no-repeat calc(100% - 8px) 50%;
    background-size: 18px;
    padding: 6px 35px 6px 6px;
    border-radius: 5px;
    position: absolute;
    top: 10px;
    right: 10px;
    border: 1px solid #3a62bb;
    transition: all 0.2s;
    box-shadow: 0 0 5px 0 rgba(13, 46, 139, 0.3);
}
.gallery3 .btn span {
    display:inline-block;
    background:#4671d1;
    color:#fff;
    font-size: 12px;
    font-weight: 300;
    padding: 4px 7px;
    border-radius: 3px;
}
.gallery3 .btn:hover {background-color: #3a62bb; background-image:url(../images/btn_down_white.svg)}
.gallery3 .btn:hover span {background-color: #fff; color:#3a62bb;}

.gallery3.ver_5n {display: flex; gap:30px 30px; flex-wrap: wrap;}
.gallery3.ver_5n li {width:calc(20% - 24px); cursor: pointer; border-radius: 15px; position: relative;}
.gallery3.ver_5n .detail {padding:10px 12px; flex-direction: column; align-items: flex-start;}
.gallery3.ver_5n .tit {font-size: 1.05em; font-weight: bold; color:#000; cursor: pointer;}
.gallery3.ver_5n .date {font-size: 0.8em; font-weight: 300; color:#666;}
.gallery3.ver_5n .btn {
    background: #fff url(../images/btn_down_blue.svg) no-repeat calc(100% - 6px) 50%;
    background-size: 18px;
    padding: 4px 32px 4px 5px;
}
.gallery3.ver_5n .btn:hover {background-color: #3a62bb; background-image:url(../images/btn_down_white.svg)}
.gallery3.ver_5n .btn:hover span {background-color: #fff; color:#3a62bb;}


/*리스트갤러리+상세정보노출형2*/
.gallery4 li {
    width:100%; border:1px solid #dae1ed; transition: box-shadow 0.2s;
    display: flex; gap:35px; padding:25px; align-items: flex-start;
    justify-content: space-between; box-sizing: border-box; margin-top:20px;
}
.gallery4 li:first-child {margin-top:0px;}
.gallery4 li.active,
.gallery4 li:hover {
    border:2px solid transparent; border-image: linear-gradient(to right, #1459f1 0%, #09d1fc 100%); border-image-slice: 1;
    box-shadow: 0 0 15px 0 rgba(25, 102, 221, 0.2); padding:24px;
}
.gallery4 .thumb {
    width: 250px; height:188px; border:1px solid #dae1ed; background: #fff;
    position: relative; z-index: 3;flex-shrink: 0; overflow: hidden;
}
.gallery4 .thumb img {width:100%; transition: all 0.2s;}
.gallery4 li:hover .thumb img {transform: scale(1.05);}
.gallery4 .gall_con {width:calc(100% - 250px);}
.gallery4 .gall_tit {display: flex; gap:5px; align-items: center; font-size: 17px;}
.gallery4 .gall_tit a {color:#1d60df; margin-right:10px; font-weight: 700;}
.gallery4 .gall_tit i {font-style:normal; font-weight: 300; font-size: 16px;}
.gallery4 .gall_tit input {width:14px; height:14px;}
.gallery4 .gall_tit label {font-size: 14px;}
.gallery4 .detail {margin-top: 15px;display: flex;flex-direction: column;gap: 5px 0; position: relative; z-index: 3;}
.gallery4 table {border-collapse: collapse; width:100%;}
.gallery4 table th,
.gallery4 table td {padding:6px 10px; border: 1px solid #dae1ed; font-size: 0.9em;}
.gallery4 table th {
    color: #555;
    background: #ecf4f9;
    font-weight: 500;
    text-align: center;
}
.gallery4 table td {
    text-align: left;
}

/*리스트갤러리+썸네일없는버전*/
.gallery6 li {
    width:100%; border:1px solid #dae1ed; transition: box-shadow 0.2s;
    display: flex; gap:35px; padding:25px; align-items: flex-start;
    justify-content: space-between; box-sizing: border-box; margin-top:20px;
}
.gallery6 li:first-child {margin-top:0px;}
.gallery6 li.active,
.gallery6 li:hover {
    border:2px solid transparent; border-image: linear-gradient(to right, #1459f1 0%, #09d1fc 100%); border-image-slice: 1;
    box-shadow: 0 0 15px 0 rgba(25, 102, 221, 0.2); padding:24px;
}
.gallery6 .gall_con {width:100%;}
.gallery6 .gall_tit {display: flex; gap:5px; align-items: center; font-size: 17px;}
.gallery6 .gall_tit a {color:#1d60df; margin-right:10px; font-weight: 700;}
.gallery6 .gall_tit i {font-style:normal; font-weight: 300; font-size: 16px;}
.gallery6 .gall_tit input {width:14px; height:14px;}
.gallery6 .gall_tit label {font-size: 14px;}
.gallery6 .detail {margin-top: 15px;display: flex;flex-direction: column;gap: 5px 0; position: relative; z-index: 3;}
.gallery6 table {border-collapse: collapse; width:100%;}
.gallery6 table th,
.gallery6 table td {padding:6px 10px; border: 1px solid #dae1ed; font-size: 0.9em;}
.gallery6 table th {
    color: #555;
    background: #ecf4f9;
    font-weight: 500;
    text-align: center;
}
.gallery6 table td {
    text-align: left;
}


/*해색갤러리*/
.gallery5 {display: flex; gap:35px 35px; flex-wrap: wrap;}
.gallery5 li {width:calc(25% - 26.5px); cursor: pointer; border-radius: 15px; position: relative;}
.gallery5 .thumb {display:block; width:100%; border-radius: 15px; overflow: hidden; transition: all 0.2s;}
.gallery5 .thumb img {width:100%; transition: all 0.2s;}
.gallery5 li:hover .thumb img {transform: scale(1.05);}
.gallery5 .tit {
    display:block; padding:13px 15px 0px 15px; font-size: 17px; font-weight: 600; color:#000;
    line-height: 1.2em;
}

.layer_pop {
    display:none;
    position: absolute;
    z-index: 9999;
    width:100%;
    height:100%;
    top:0;
    left:0;
}
.layer_pop .pop_bg {
    position: fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.6);
}
.pop_in {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 650px;
    background: #fff;
    box-sizing: border-box;
    border-radius: 20px;
    z-index: 5;
    /* overflow: hidden; */
}
.pop_top {border-bottom:1px solid #ddd;padding:15px;position: relative;display: none;}
.gall_pop_img {overflow: hidden; border-radius: 20px 20px 0 0;}
.gall_pop_img img {width: 650px;height: 650px;}
.gall_pop_con {/* margin-top: 10px; */line-height: 1.3em;padding: 18px;}
.gall_pop_con dt {font-weight: 700;margin-bottom: 8px;font-size: 20px;display: flex;align-items: center;}
.gall_pop_con dd {color: #333;/* margin-bottom: 8px; */}
.gall_pop_con dt span {
    display: inline-block;
    text-align: right;
    color: #666;
    font-size: 14px;
    font-weight: 300;
    margin-top: 3px;
    background: #f4f4f4;
    padding: 1px 5px;
    border-radius: 3px;
    margin-left: 10px;
}
.pop_close {
    width: 35px;
    height: 35px;
    display: block;
    position: absolute;
    top: 13px;
    right: 13px;
    background: rgba(0, 0, 0, 0.7) url(../images/close_white.svg) no-repeat 50% 50%;
    background-size: 60%;
    border-radius: 300px;
}



/*갤러리뷰페이지*/
.gallery_view {border-bottom:1px solid #ccc;}
.view_tit {font-size: 1.8em; font-weight: 800; color:#000; padding:20px 0;}
.view_info {
    border-top:2px solid #152d4b; border-bottom:1px solid #e8edf0; padding:22px 0;
    display: flex; align-items: center; justify-content: flex-end; gap:20px; color:#666; font-size: 16px;
}
.view_info li {position: relative; padding-left:20px;}
.view_info li:before {
    content: ""; width: 1px; height:13px; background: #ddd;
    position: absolute; left:0; top:50%; transform: translateY(-50%);
}
.view_info li:first-child {padding-left:0;}
.view_info li:first-child:before {display: none;}
.view_info i {font-weight: 500; color: #000; font-style: normal; margin-right:8px;}
.view_body {padding:30px 0;}
.view_pic img {max-width:100%;}
.view_con {padding:30px 0; line-height: 1.7em;}
.view_list dl {
    border-top:1px dotted #ccc; padding:20px 0; display: flex;
}
.view_list dt {font-weight: 600; color:#000; width:13%;}
.view_list dd {color:#555; width:calc(87% - 30px);}

.view_file {border-top:1px dotted #ccc; background:#f6f8f9; padding:30px 35px; display: flex; gap:15px 30px; flex-wrap: wrap;}
.view_file li {position: relative; padding-left:24px; font-size: 0.9em;}
.view_file li:before {
    content: ""; width: 18px; height:20px; position: absolute; left:0; top:50%;
    transform: translateY(-50%); background: url(../images/ic_clip.svg) no-repeat 50% 50%;
    background-size: 100%; opacity: 0.5;
}
.view_file li a {color: #000;}
.view_file li a:hover {text-decoration: underline; text-underline-position : under;}
.view_file.ver_in {border-top:none; padding:0; background: none;}


/*갤러리쓰기페이지*/
.gallery_write {width:100%; border-top:2px solid #152d4b; border-bottom:1px solid #e8edf0;}
.gallery_write th,
.gallery_write td {border-bottom:1px solid #e8edf0; padding:15px; text-align: left;}
.gallery_write th {font-weight: 600; color:#000; position: relative;}
.gallery_write th:after {
    content: ""; width: 1px; height:20px; position: absolute; right:0; top:50%;
    transform: translateY(-50%); background:#ddd;
}
.gallery_write td {color:#555;}

.gallery2_write {width:100%; border-top:1px solid #e8edf0;}
.gallery2_write th,
.gallery2_write td {border-bottom:1px solid #e8edf0; padding:15px; text-align: left;}
.gallery2_write th {font-weight: 600; color:#000; position: relative;}
.gallery2_write th:after {
    content: ""; width: 1px; height:20px; position: absolute; right:0; top:50%;
    transform: translateY(-50%); background:#ddd;
}
.gallery2_write td {color:#555;}

.gallery3_write {width:100%; border-top:none;}
.gallery3_write th,
.gallery3_write td {border-bottom:1px solid #e8edf0; padding:15px; text-align: left;}
.gallery3_write th {font-weight: 600; color:#000; position: relative;vertical-align: top;}
.gallery3_write th:after {
    content: ""; width: 1px; height:20px; position: absolute; right:0; top:17px; background:#ddd;
}
.gallery3_write td {color:#555;}



/*FAQ*/
.faq_list {border-top:2px solid #152d4b;}
.faq_list .faq_q,
.faq_list .faq_a {
    border-bottom:1px solid #e8edf0; padding: 27px 25px; display: flex; align-items: center;
}
.faq_list .faq_q {cursor: pointer;}
.faq_list .faq_q:before {
    content: "Q"; background: #1459f1; color:#fff; width:45px; height:45px; line-height:45px; margin-right: 20px;
    text-align: center; border-radius: 100px; font-weight: bold; font-family:'Roboto'; flex-shrink: 0;
}
.faq_list .faq_q span {font-size: 1.1em; font-weight: 600; width:calc(100% - 90px);}
.faq_list .faq_q span:hover {color:#1459f1;}
.faq_list .faq_q:after {
    content: ""; width:17px; height:17px; background-size: 100%; margin-left:auto;
    background: url(../images/ic_arrow_bk.svg) no-repeat 50% 50%; opacity: 0.5;
    transform: rotate(90deg); transition: all 0.2s;
}
.faq_list .faq_q.active:after {transform: rotate(270deg);}
.faq_list .faq_a {background: #f7f8f9; display: none;}
.faq_list .faq_a:before {
    content: "A";
    background: #bfcad5;
    color:#fff;
    width:45px;
    height:45px;
    line-height:45px;
    margin-right: 20px;
    text-align: center;
    border-radius: 100px;
    font-weight: bold;
    font-family:'Roboto';
    flex-shrink: 0;
}
.faq_list .faq_a .cont {position: relative;}
.faq_list.normal .faq_q:before, .faq_list.normal .faq_a:before{content:none}
.faq_list.normal em{font-size:14px; color:#888; font-weight:400; font-style: normal}
.faq_list.normal.pr .faq_q{padding:15px; font-size:0.9em}
.faq_list.normal.pr .faq_q:after{width:14px; height:14px}
.faq_list.normal.pr .faq_a .cont{height:400px; overflow-y: auto; padding-right:20px}



/*팝업*/
.pop_body {overflow: hidden; line-height: 1.4em;padding: 0;}
.pop_body.ver_scroll {overflow: auto;}
.pop_wrap {width:96%; margin:0 auto; padding-bottom: 30px; font-size: 15px;}
.pop_wrap.ver_2 {width:calc(100% - 40px); padding-top: 20px;}
.pop_tit {
    display: block; background: #152d4b; color: #fff; text-align: center;
    font-size: 20px; padding: 13px 0;
}
.pop_wrap .tit_h5 {font-size: 18px;}
.pop_wrap th,
.pop_wrap .tb_row2 thead th {font-size: 15px; padding:10px 8px; line-height: 1.3em;}
.pop_wrap td,
.pop_wrap .tb_row2 thead td {font-size: 15px; padding:10px 8px}
.pop_info {position: relative; padding-left:20px; line-height: 16px; font-size: 15px;}
.pop_info:before {
    content: "";
    position: absolute;
    display: block; top:0; left:0;
    width:16px; height:16px;
    background:url(../images/ic_info.svg) no-repeat 50% 50%;
    background-size: cover;
}

.pop_wrap .select,
.pop_wrap .input {
    border:1px solid #c5c7cd; border-radius: 5px; height:40px; line-height: 40px;
    font-size: 0.9em; color:#555; padding:0 10px; box-sizing: border-box; background-color:#fff;
}
.pop_wrap .radio[type=radio] + label:before {
    content: ""; width:20px; height:20px;
    background-size: 100%;
}
.pop_wrap .btn_search {height: 40px; line-height: 40px; font-size: 0.9em; padding: 0 10px;}

.pop_wrap .gdtb_row th,
.pop_wrap .gdtb_row td {padding: 7px 5px;}
.pop_wrap .tb_row2 th,
.pop_wrap .tb_row2 td,
.pop_wrap .tb_row3 th,
.pop_wrap .tb_row3 td {padding: 5px 5px;}
.pop_wrap .box {padding:12px 20px;}

.pop_wrap .tb_small th {font-size: 13px; line-height: 1.3em;}
.pop_wrap .tb_small td {font-size: 12px; color:#000; line-height: 1.3em; padding:8px 4px; word-break: keep-all;}

.pop_wrap .area{padding:20px}
.pop_wrap .area canvas{border:1px solid #e1e1e1; width:100%; height:200px}

.pop_wrap .list_1st > li {
    line-height: 1.4em;
    font-size: 15px;
}
.pop_wrap .list_1st > li:before {
    top: 7px;
}
.pop_wrap .list_4st > li {
    line-height: 1.4em;
    font-size: 15px;
}
.pop_wrap .list_4st > li:before {
    top: 7px;
}

.pop_wrap .wrap_gray {padding:20px 15px; margin-bottom: 20px;}

.pop_wrap .pagination .paging>li>a {font-size: 15px;}
.pop_wrap .pagination>a.btn_first,
.pop_wrap .pagination>a.btn_prev,
.pop_wrap .pagination>a.btn_next,
.pop_wrap .pagination>a.btn_end {width: 30px; height: 30px;}

.pop_half_wrap {display: flex; justify-content: space-between;}
.pop_half_wrap .sec_left,
.pop_half_wrap .sec_right {width:calc(50% - 5px); overflow: auto; height:870px; padding-right:10px;}
.chart {border: 1px solid #eee; padding: 10px; min-height: 260px; display: flex; justify-content: space-between;}
.chart_left {background:#f4f4f4; width: 40%; height: 260px;}
.chart_right {background:#f4f4f4; width: 56%; height: 260px;}

/*모달팝업*/
.md_comm .modal-content .cont {padding:0 20px 20px;}

.modal_content{position: absolute; z-index:1000; top: 50%; left: 50%; transform: translate(-50%,-50%); background:#fff; border-radius:10px; box-shadow: 0px 15px 20px rgba(0,0,0,0.1); overflow:hidden;}
.modal_content .pop_wrap{overflow-y: auto; height:700px;}
.modal_content .pop_wrap.preview {overflow: hidden; height:auto; padding-bottom: 0; width:100%;}
.modal_content .pop_tit{position:sticky; z-index:100; top:0;}

.md_week .modal-content {border:none;}
.md_week .modal-content .preview img {width:100% !important;}
.md_week .modal-content .lpClose {
    background: #fff url(../images/close_navy.svg) no-repeat center center;
    background-size: 60%;
    width: 35px;
    height: 35px;
    position: absolute;
    z-index: 100;
    right: 15px;
    top: 15px;
    cursor: pointer;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.5);
    border-radius: 5px;
}


/*로딩바*/
.loading-wrap{
  position:absolute;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);
  z-index:3000;
  padding:100%;
  text-align:center;
  border-radius:15px;
  background:rgba(0,0,0,.7)
}
.loading-wrap span{
  display:block;
  color:#fff;
  margin-top:5px;
  font-size:14px
}
.loading-wrap.ver2{
    width:100%;
    height:100%;
    padding:0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
}
.loading-wrap.ver2 span {width:100%; line-height: 1.5em;}
#loading {
  display: inline-block;
  vertical-align:middle;
  width: 50px;
  height: 50px;
  border: 3px solid #fff;
  border-radius: 50%;
  border-top-color: #0073eb;
  animation: spin 1s ease-in-out infinite;
  /*-webkit-animation: spin 1s ease-in-out infinite;*/
}
@keyframes spin {
  to { transform: rotate(360deg); }
}
/*@-webkit-keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}*/



/*공통-소개*/
.vision {
    font-size: 1.7em; line-height: 1.7em; font-weight: bold; text-align: center;
    background: #eef5fe; padding:15px 0; color:#111;
}

.intro {display: flex; align-items: flex-end; justify-content: flex-end; margin-bottom:90px;}
.intro.v_frcenter {background: url(.././images/frct/intro_frcenter.png) no-repeat 0 0;}
.intro.v_seaarea {background: url(.././images/mcnt/intro_seaarea.png) no-repeat 0 0;}
.intro_in {
    background: rgba(255,255,255,0.9);
    padding: 85px 90px 80px 90px;
    margin: 80px 0 0 300px;
    box-shadow: 0 0 30px 0px rgba(18, 108, 219, 13%);
    width: 100%;
    border-radius: 100px 0 0 0;
    backdrop-filter: blur(8px);
}
.intro_top {font-size: 1.3em; color:#073165; font-weight: bold; font-family: 'Gmarket Sans';}
.intro_dl {margin-top: 30px;}
.intro_dl dt {
    font-size: 2em; line-height: 1.4em; color:#000; font-weight: bold; font-family: 'Gmarket Sans';
    letter-spacing: -0.5px;
}
.intro_dl dd {
    font-size: 1.05em; color:#555; font-weight: 400; margin-top: 30px; padding-top: 35px;
    border-top: 1px solid #e5e5e5; line-height: 1.6em;
}


/*공통-조직도*/
.org_top {position: relative;}
.org_top:before {content: ""; display: block; position: absolute; top:10px; left:50%; width:1px; height:100%; background: #dedede;}
.org_head {position: relative; padding:10px 0;}
.org_head:after {
    content: ""; display:block; width:180px; height:180px; border-radius: 200px; border:1px dotted #869eba; position: absolute;
    top:0; left:50%; transform: translateX(-50%);
}
.org_head strong {
    display:block; background: #283371; color:#fff; font-size: 22px; text-align: center;
    width:160px; height:160px; line-height:160px; border-radius: 200px; margin:0 auto;
}
.org_list li span {display:block; width:100%; max-width:280px; position: relative; text-align: center; padding:40px 0 0 0;}
.org_list li span i {display:block; width:100%; border-radius: 8px; padding:23px 0; text-align: center; font-style: normal; position: relative; z-index: 5;}
.org_list li span i:before {
    content: ""; display: block; position: absolute; top:-7px; left:50%; width:7px; height:7px; background: #256edb; transform: translateX(-50%);
    border-radius: 20px; border:3px solid #fff; box-shadow: 0 0 9px 0 rgba(13, 46, 139, 0.3);
}
.org_1depth,
.org_2depth,
.org_3depth,
.org_4depth,
.org_5depth {width:100%;}
.org_1depth ul {display: flex; align-items: flex-start; justify-content: center;}
.org_1depth li {display: flex; align-items:  flex-start; justify-content: center; flex-wrap: wrap; flex: 1; position: relative;}
.org_1depth > ul > li {width:280px; flex:auto;}
.org_2depth ul li {padding:0 10px;}
.org_2depth li:first-child {padding-left:0;}
.org_2depth li:last-child {padding-right:0;}
.org_1depth span:after {
    content: ""; display: block; position: absolute; top:0; left:50%; width:1px; height:100%; background: #dedede;
}
.org_color1 > li > span > i,
.org_color1 li span i:before {background: #256edb; color:#fff; font-size: 19px; font-weight: 600;}
.org_color2 > li > span > i,
.org_color2 li span i:before {background: #019dd8; color:#fff; font-size: 19px; font-weight: 600;}
.org_color3 > li > span > i,
.org_color3 li span i:before {background: #009ea0; color:#fff; font-size: 19px; font-weight: 600;}
.org_color4 > li > span > i,
.org_color4 li span i:before {background: #747d91; color:#fff; font-size: 19px; font-weight: 600;}
.org_color5 > li > span > i {background: #fff; color:#555; font-size: 17px; border:1px solid #dedede;}
.org_color5 li span i:before {background: #747d91; box-shadow: 0 0 9px 0 rgba(13, 46, 139, 0.2);}

.branch > ul > li:before {content: ""; display: block; position: absolute; top:40px; left:0; width:100%; height:1px; background: #dedede;}
.branch > ul {position: relative;}
.branch > ul:before {content: ""; display: block; position: absolute; top:0; left:50%; width:1px; height:40px; background: #dedede;}
.branch > ul > li {padding-top:40px;}
.branch ul li:first-of-type:before {width:calc(50% + 5px); left:calc(50% - 5px);}
.branch ul li:last-of-type:before {width:calc(50% + 5px); right:calc(50% - 5px);}
.branch.org_1depth > ul > li:first-of-type:before {width:50%; left:50%;}
.branch.org_1depth > ul > li:last-of-type:before {width:50%; right:50%;}

.no_branch > ul > li {padding-top:40px;}
.no_branch > ul {position: relative;}
.no_branch > ul:before {content: ""; display: block; position: absolute; top:0; left:50%; width:1px; height:40px; background: #dedede;}

.sp_branch {position: absolute; right:calc(50% - 450px); top:150px; padding: 0 50px;}
.org_list li .sp_branch > span {width:200px; padding:40px 0;}
.org_list li .sp_branch > span > i {background: #fff; color:#555; font-size: 17px; border:1px solid #dedede; padding: 22px 0;}
.org_color1 li .sp_branch > span > i:before {display: none}
.sp_branch:before {content: ""; display: block; position: absolute; top:0px; right:50%; width:100%; height:1px; background: #dedede;}
.sp_branch:after {content: ""; display: block; position: absolute; bottom:0px; right:50%; width:100%; height:1px; background: #dedede;}

/*공통-멀티셀렉트*/
span.multiselect-native-select,
.btn-group, .btn-group-vertical {width:100%;}
.multiselect-native-select .btn {
    border: 1px solid #c5c7cd;
    border-radius: 5px;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    color: #555;
    box-sizing: border-box;
    background-position: calc(100% - 10px) center;
    background-size: 14px;
    padding:0 10px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.caret {
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    border:none;
    background: url(../images/select_arrow.svg) no-repeat;
    background-size: 100%;
}

/*공통-gis*/
.gis_wrap {position: relative;}
.gis_wrap .map {background: #f4f4f4; width:100%; min-height: 500px;}
.gis_wrap .marker {position: absolute; z-index: 2; width:30px; height:30px; top:50%; left:50%; filter: drop-shadow(0 0 3px rgb(134, 149, 158));}



/***해양환경***/

/*수산자원보호구역-지정현황*/
.map_out {display: flex; gap:25px; flex-wrap: wrap;}
.map_out dl {position: relative;}
.map_out dt {background: #3a62bb; color:#fff; text-align: center; padding:7px 0; font-size: 15.5px;}
.map_out .help_btn {cursor: pointer;}
.map_out .note_map {position: absolute; bottom:0; left:0; display: none; z-index: 999;}
/*.map_out .note_map.v_03 img {width:300px;}
.map_out .note_map.v_04 img {width:200px;}*/
.map_out.map_all {width:100%;}
.map_out.map_all dd img {width:1070px;}

/*해양위성*/
.dirAccess .top_section {background: #152d4b; padding:19px 25px; color: #fff; border-radius: 8px 8px 0 0; position: relative; font-size: 17px; font-weight: 300;}
.dirAccess .btn_back {
    background: #fff url(../images/btn_back.svg) no-repeat 50% 50%; background-size: 24px; width:36px; height:36px; color:#000; border-radius: 8px;
    position: absolute; right:25px; top:50%; transform: translateY(-50%); box-shadow:0 0px 5px 0 rgba(0, 0, 0, 0.1); /*border: 1px solid #687d93;*/
}
.dirAccess .list_section {background: #f4f4f4; padding:20px 25px; overflow-y: scroll; height:660px;}

/*.dirAccess .list_section::-webkit-scrollbar{
  width: 18px;
  height:18px;
}
.dirAccess .list_section::-webkit-scrollbar-thumb {
    outline: none;
    border-radius: 12px;
    border: 5px solid transparent;
    box-shadow: inset 8px 8px 0 rgba(176, 184, 199, 1);
}
.dirAccess .list_section::-webkit-scrollbar-track,
.dirAccess .list_section::-webkit-scrollbar-corner {
    box-shadow: none;
    background-color: transparent;
}*/

.dirAccess .list_section ul {display: flex; flex-wrap: wrap; gap:12px 12px;}
.dirAccess .list_section li {
    width:calc(50% - 6px); border:1px solid #ddd; background: #fff; border-radius: 7px; position: relative; font-size: 16px;
    padding:20px 20px 20px 47px; cursor: pointer; display: flex; box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.01);
}
.dirAccess .list_section li:before {
    content: ""; position: absolute; width:20px; height:20px; background: url(../images/ic_folder.svg) no-repeat 0 0;
    top:50%; left:20px; transform: translateY(-50%); background-size: 17px;
}
.dirAccess .list_section li:hover {box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.05); border-color:#152d4b;}
.dirAccess .list_section li.picture:before {background-image: url(../images/ic_picture.svg); background-size: 100%;}
.dirAccess .list_section li strong {width:60%; font-weight: 600;}
.dirAccess .list_section li em {font-style: normal; width:40%; font-size: 0.85em; color: #666; font-weight: 400; text-align: right;}

/*해양위성-weekly*/
.one_gallery {text-align: center; position: relative;}
.one_gallery figure {position: relative; display: inline-block; margin:0;}
.one_gallery figcaption {
    position: absolute; z-index: 5; background: rgba(0, 0, 0, 0.6); color:#fff; padding:15px 0; text-align: center;
    bottom:0; width:100%;
}
.one_gallery figure img {max-width:720px; max-height:720px;}
.one_gallery figure img:focus {outline-offset: 2px;}
.one_gallery.ver_week {display: inline-block;}
.one_gallery.ver_week a {position: absolute; top:15px; right:15px; z-index: 3; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);}

/*적조*/
.tab-contents-wrap .tab-contents:not(:first-of-type) {display: none;}
.ico_cir {padding:50px 30px; background:#ebf8ff; text-align:center; border-radius:20px}
.ico_cir .tit{font-size:19px; font-weight:bold; color:#005193; margin-bottom:30px}
.ico_cir li{display: inline-block; margin:10px 20px; position:relative; padding-top:140px;}
.ico_cir li::after{content:""; width:120px; height:120px; line-height:120px; border-radius:120px; background-color:#fff; border:2px solid #005193; position:absolute; top:0; left:50%; transform: translateX(-50%); background-repeat: no-repeat; background-size:55px; background-position: center;}
.ico_cir li.ico01::after{background-image: url(.././images/redt/ico_red01.svg)}
.ico_cir li.ico02::after{background-image: url(.././images/redt/ico_red02.svg)}
.ico_cir li.ico03::after{background-image: url(.././images/redt/ico_red03.svg)}
.ico_cir .con{word-break: keep-all;}
.call_req {margin-top:20px; padding:40px 30px 40px 110px; background-image: url(.././images/redt/call_icon.svg); background-repeat: no-repeat; background-position: 30px center; background-size:60px; background-color:#f6f9ff}
.call_req li{display:inline-block; width:100%; margin-bottom:10px}
.call_req li:last-child{margin-bottom:0}
.call_req div{display: inline-block; vertical-align:middle;}
.call_req .tit{line-height:24px; border-radius:24px; padding:0px 10px; background:#152d4b; font-size:15px; color:#fff;}
.call_req .stit{font-weight:600}
.red_info{display: inline-block; width:100%; padding:50px 40px; border:2px solid #e6e9ee; text-align:center;}
.red_info .tit{font-size:22px; display: inline-block; line-height:44px; background:#152d4b; color:#fff; font-weight:bold; padding:0px 50px; border-radius:44px; margin-bottom:30px}
.red_info .con{font-size:20px; font-weight:bold; margin:20px 0}
.red_info .rt{font-size:22px; display: inline-block; line-height:44px; border:2px solid #152d4b; color:#152d4b; font-weight:bold; padding:0px 50px; border-radius:44px;}
.red_info .fish{margin:auto; background-image:url(.././images/redt/fish_img.svg); background-repeat: no-repeat; background-position: center; width:150px; height:150px}
.red_info .cate li{width:140px; height:140px; border-radius:140px; line-height:140px; text-align:center; font-weight:bold; display: inline-block; vertical-align:middle;}
.red_info .cate li:first-child{background:#d8faff}
.red_info .cate li:nth-child(2){background:#d8f0ff}
.red_info .cate li:nth-child(3){background:#d8e7ff}
.red_info .cate li:last-child{background:#d9fff5}
.red_info .con_list {position:relative;}
.red_info .con_list::after{content:""; background-image: url(../images/dot_arrow_bt2.svg); background-repeat: no-repeat; width:32px; height:15px; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%);}
.red_info .con_list li{display:inline-block; vertical-align:middle; width:30%; background:#f6f6f6; border:1px solid #e6e9ee; padding:20px; margin:0px 5%; border-radius:10px;}
.red_info .con_list li strong, .red_info .con_list li span{display: block;}
.red_info .con_list li span{font-size:16px}
table.scdate th{background:#fff; height:auto;}
table.scdate tr{position:relative;}
table.scdate td{height:80px}
table.scdate .con{position:absolute; right:10px; top:50%; transform: translateY(-50%);}
table.scdate .con img{height:40px; display: inline-block; vertical-align:middle;}
table.scdate .text{display: inline-block; vertical-align:middle;}
.img_info.red .thumb{height:220px; border:1px solid #e1e1e1; position:relative}
.img_info.red .name{position: absolute; left:67%; top:20px; transform: translateX(-67%); font-family: "Gmarket Sans"; font-size:19px; font-weight:bold; line-height:normal}
.img_info.red .name span{display:block;}
.img_info.red li{height:auto;}
.img_info.sch li{height:270px;}


/*해파리-종정보*/
.jelly_kind {display: flex; justify-content: space-between; flex-wrap: wrap; gap:20px 0;}
.jelly_kind a {width:calc(50% - 10px); border:1px solid #dae1ed; padding:20px 25px; border-radius: 10px; display:flex; align-items: center; gap:20px; position: relative; transition: all 0.2s;}
.jelly_kind a:hover {background-color: #eefbff; box-shadow: 0 0 9px 0 rgba(13, 46, 139, 0.1);}
.jelly_kind a:after {
    content: ""; width:35px; height:35px; position: absolute; top:50%; right:25px; transform: translateY(-50%) rotate(180deg);
    background:#f4f4f4 url(../images/btn_back.svg) no-repeat 50% 50%; background-size: 70%; border-radius: 100px; transition: all 0.2s;
}
.jelly_kind a:hover:after {background-color: #152d4b; background-image: url(../images/btn_back_white.svg)}
.jelly_kind .kind_img {width:100px; height:100px; overflow: hidden; border-radius: 136px;}
.jelly_kind .kind_info dt {font-size: 1.1em; font-weight: 700;}
.jelly_kind .kind_info dd {font-size: 0.9em; font-weight: 300; color: #666; font-style: italic;}

.jelly_notice img {border:1px solid #ddd;}

.jelly_event {display: flex; justify-content: space-between; margin-top: 20px;}
.jelly_event .img {flex-shrink: 0; width:400px; height:573px; background: #f4f4f4;}
.jelly_event .text {width:calc(100% - 450px);}
.jelly_event .text dl {margin-top: 25px;}
.jelly_event .text dl:first-child {margin-top: 0px;}
.jelly_event .text dt {background: #152d4b; color:#fff; padding:5px 18px; border-radius: 50px; margin-bottom: 7px; display: inline-block; font-weight: 600; font-size: 1.05em;}
.jelly_event .text dd {color:#000;}
.jelly_event .qr {display: flex; justify-content: space-between; margin-top: 8px;}
.jelly_event .qr a {flex-shrink: 0; width:120px;}
.jelly_event .qr a img {width:100%;}
.jelly_event .qr div {width:calc(100% - 130px); border: 2px dotted #ddd; padding:15px 25px; display: flex; align-items: center; flex-wrap: wrap;}
.jelly_event .qr div strong {display: block; margin-bottom: 5px; width: 100%;}

.jelly_step {width:100%; background: #e9f4fa; text-align: center; margin-top: 10px;}
.jelly_shape {width:100%;}

.jelly_research dl {
    border:1px solid #dae1ed; border-radius: 10px; padding:35px 30px 35px 177px; margin-top:25px;
    display: flex; gap:0 50px; align-items: flex-start; justify-content: center; flex-wrap: wrap; flex-direction: column; position: relative; min-height:177px;
}
.jelly_research dl:first-child {margin-top: 0;}
.jelly_research dt {font-size: 25px; font-weight: 600; margin-bottom: 15px; color: #265fa5;}
.jelly_research dd {color: #666;}
.jelly_research dd.icon {
    content: "";
    width:108px;
    height:108px;
    flex-shrink: 0;
    position: absolute;
    left:45px;
    top:50%;
    transform: translateY(-50%);
}
.jelly_research dd.icon img {width:auto;}


.envi_step {padding:60px 0; text-align: center;}

.cap_img {display: flex; gap:15px;}
.cap_img figure {border:1px solid #ddd; padding: 0; margin: 0;}
.cap_img figcaption {background: #7993a3; color: #fff; font-size: 15px; padding:8px; text-align: center;}

.tb_cap_img {display: flex; justify-content: space-between;}
.tb_cap_img figure {border:1px solid #ddd; padding: 0; margin: 0;}
.tb_cap_img figcaption {background: #7993a3; color: #fff; font-size: 15px; padding:8px; text-align: center;}
.tb_cap_img table {width:calc(100% - 262px);}

.step_list {display: flex; justify-content: space-between; position: relative;}
.step_list:before {
    content: ""; width:100%; height:1px; background: #ddd; position: absolute; left:0; top:50%; transform: translateY(-50%); z-index: 1;
}
.step_list li {
    width:19%; padding: 27px 0; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;
    color: #000; background: #e0eeff; border-radius: 100em; font-size: 17px; text-align: center; position: relative; z-index: 2;
}
.step_list li:nth-child(odd) {background: #dcf5ff;}
.step_list i {font-style: normal; width:100%; font-size: 0.9em; font-weight: 700;}

/*.step_list2 {display: flex; justify-content: space-between; position: relative;}
.step_list2:before {
    content: ""; width:100%; height:1px; background: #ddd; position: absolute; left:0; top:50%; transform: translateY(-50%); z-index: 1;
}
.step_list2 dl {
    width: 16%;
    padding: 20px 0;
    color: #000;
    background: #e0eeff;
    border-radius: 10px;
    font-size: 17px;
    text-align: center;
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.step_list2 dl:nth-child(odd) {background: #dcf5ff;}
.step_list2 dt {
    font-size: 1.1em;
    font-weight: 600;
}
.step_list2 dd {
    font-size: 0.9em;
    color:#666;
}
.step_list2 i {
    font-style: normal;
    font-size: 14px;
    font-weight: 700;
    background: #fff;
    border-radius: 50px;
    padding: 0px 10px;
    display: inline-block;
    margin-bottom: 5px;
}*/
.step_list2 {display: flex; justify-content: space-between; position: relative;}
.step_list2 li:before {
    content: ""; width:100%; height:1px; background: #ddd; position: absolute; left:0; top:50%; transform: translateY(-50%); z-index: 1;
}
.step_list2 li {flex:1;}
.step_list2 dl {
    margin-left:15px;
    padding: 30px 0;
    color: #000;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 17px;
    text-align: center;
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
.step_list2 li:first-child dl {margin-left:0;}
.step_list2 dt {
    font-size: 1.1em;
    font-weight: 700;
    margin-bottom: 3px;
}
.step_list2 dd {
    font-size: 0.8em;
    color:#666;
    padding:0 10px;
}
.step_list2 i {
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    color: #fff;
    border-radius: 50px;
    padding: 2px 10px;
    display: inline-block;
    margin-bottom: 8px;
}
.step_list2 li:nth-child(1) i {background: #2B76CE;}
.step_list2 li:nth-child(2) i {background: #3261BD;}
.step_list2 li:nth-child(3) i {background: #2A4BA6;}
.step_list2 li:nth-child(4) i {background: #1D4199;}
.step_list2 li:nth-child(5) i {background: #11368B;}
.step_list2 li:nth-child(6) i {background: #153074;}
.step_list2 li:nth-child(7) i {background: #192B5D;}
.step_list2 li:nth-child(8) i {background: #1B2546;}

.step_list2.v_break {flex-wrap: wrap; justify-content: flex-start; gap:15px 0;}
.step_list2.v_break li {width:24%; flex:auto; position: relative;}
.step_list2.v_break li:nth-child(1) dl,
.step_list2.v_break li:nth-child(5n) dl {margin-left:0;}

/*양식장*/
/*license_list*/
.license_list {display:inline-block; width:100%;}
.license_list li{border:1px solid #e6e9ee; border-radius:10px; overflow:hidden; float:left; width:14.6%; margin:1%}
.license_list li .text{padding:20px 0; height:60px; text-align:center}
.license_list li .thumb{height:160px}
.license_list li .thumb img{width:100%; height:100%}

/*sell_list*/
.sell_list{display: inline-block; width:100%; margin-top:30px}
.sell_list li{float:left; width:31%; margin-right:3%; padding:30px; height:157px; border-radius:11px; background:#152d4b; color:#fff}
.sell_list li:nth-child(2){background:#1b4982}
.sell_list li:last-child{background:#1b8fa9}
.sell_list li:last-child{margin-right:0}
.sell_list li strong{font-weight:700; font-size:25px; display:block; margin-bottom:20px; position:relative;}
.sell_list li strong::after{content:""; width:40%; background:rgba(255,255,255,.3); height:1px; position:absolute; right:0; top:7px}

/*process*/
.process{display: inline-block; width:100%;}
.process li{float:left; width:14%; margin-right:3%; height:200px; background:linear-gradient(180deg, #fff, #f6f9ff); border:1px solid #eee; border-radius:10px; position:relative; word-break: keep-all; text-align:center;}
.process li:last-child{margin-right:0; border:1px solid #1b8fa9}
.process:not(.ver7) li:nth-child(6n){margin-right:0;}
.process:not(.ver7) li:nth-child(n+6){margin-top:10px;}
.process li:last-child .tit{color:#1b8fa9}
.process li::after{content:""; background-image:url(../images/dot_arrow_bt2.svg); background-repeat: no-repeat; width:24px; height:24px; position:absolute; right:-35px; top:90px; transform:rotate(-90deg);}
.process li:last-child::after{content:none}
.process li .tit{margin-bottom:20px}
.process li .tit span{display:block; font-size:13px}
.process li .con{font-size:13px; line-height:16px; color:#888; display:block;}
.process .md{padding:25px; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); width:100%}
.process li.none{border:0; border: 1px solid #eee;}
.process li.none .tit{color:#222}
.process li.em{border:0; border: 1px solid #1458f1;}
.process li.em .tit{color:#1458f1}
.process li.rt::after{transform:rotate(90deg); right:-25px;}
.process.ver7 li{width:11.7%;}
.process.ver7 li:nth-child(7n){margin-right:0;}

.identification-box {
    background: #fff;
    padding: 85px;
    box-shadow: 0 0 20px 0 rgba(13, 46, 139, 0.16);
    border-radius: 30px;
    width: 45%;
    margin: 0 auto;
    border: 1px solid #e8edf0;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.identification-box .id-img {width:140px;}
.identification-box h3 {
    margin: 40px 0 15px 0;
    font-size: 1.4em;
    font-family: "Gmarket Sans";
    color: #152d4b;
}
.identification-box p {text-align: center; line-height: 1.6rem;}
.identification-box button {margin-top: 30px;}

.wrap_gray_flms{display:inline-block; width:100%}
.info_cir_flms{position:relative; height:180px}
.info_cir_flms .area{display: flex; align-items: center; justify-content: flex-end; flex-direction: row; gap:10%;}
.info_cir_flms .cir{display: inline-block; width:28%; background:#152d4b; color:#fff; line-height:60px; border-radius:60px; text-align:center; position:relative; z-index:2}
.info_cir_flms .area::after{content:""; width:90%; border:1px dashed #ccc; position:absolute; right:0; top:55px; z-index:1}
.info_cir_flms .cir:nth-child(2){background:#1b4982}
.info_cir_flms .cir:last-child{background:#1b8fa9}
.info_cir_flms .num{display:inline-block; width:100%;}
.info_cir_flms .num span{display: inline-block; position: absolute; top:10px; border-radius:30px; line-height:30px; padding:0px 15px;}
.info_cir_flms .num .n1{left:29%; color:#1b4982; border:1px solid #1b4982;}
.info_cir_flms .num .n2{right:28%; color:#1b8fa9; border:1px solid #1b8fa9;}
.info_cir_flms .text{display:inline-block; width:100%;}
.info_cir_flms .text div{position: absolute; text-align:center;}
.info_cir_flms .text div span{display: block; font-size:15px; color:#888}
.info_cir_flms .text div::after{content:""; border:1px dashed #ccc; height:40px; position:absolute; top:-45px; left:50%;}
.info_cir_flms .text .t1{left:26%; color:#1b4982;}
.info_cir_flms .text .t2{right:26%; color:#1b8fa9}
.form-conts {display: inline-block;}
.form-conts li{display: inline-block; vertical-align: middle; margin:0 10px 0 0; line-height: 28px;}
.form-conts span:nth-child(3), .unit-t {padding-left: 20px;}
.form-control { width: 280px;border-radius: 5px;}
.identification-box-flms {display: flex;flex-direction: column;align-items: center; padding:40px; border:1px solid #e8edf0}
.identification-box-flms .id-img {width: 12%;min-width: 150px;}
.identification-box-flms h3 {font-size: 23px;padding: 20px 0 10px;}
.identification-box-flms p {text-align: center;font-size: 17px; line-height: 1.6rem;}
.identification-box-flms .id-btn {width: 200px;margin-top: 40px;/*margin-bottom: 100px;*/}
.sub-btn {padding: 15px 25px; border-radius: 5px;font-size: 1rem;font-weight: 700;}
.r-btn {color: white;background-color: #3856a8; margin-left: 15px;}


/*해역이용평가센터*/
.tb_box {display: flex; gap:20px 1.5%; flex-wrap: wrap;}
.tb_box a {
    border:1px solid #dae1ed; padding:20px 17px; width:32%; border-radius: 5px;
    display: flex; align-items: center; justify-content: space-between; font-size: 16px;
}
.tb_box a:after {
    content: "";
    display: inline-block;
    width:20px;
    height:20px;
    line-height: 20px;
    vertical-align: top;
    background: url(../images/ic_nw_gray.svg) no-repeat right 50%;
    background-size: 20px;
    transition: all 0.2s;
}
.tb_box a:hover {
    background: #f6faff; color:#152d4b; font-weight: 600; padding:19px 16px;
    box-shadow: 0 0 6px 0 rgb(30 97 255 / 10%); border:2px solid #4d85ff;
}
.tb_box a:hover:after {
    background-image: url(../images/ic_nw.svg);
}




/***질병연구***/
.intro.v_fishguard {background: url(.././images/fisg/intro_frcenter.png) no-repeat 0 0;}
.vision_detail{display:inline-block; width:100%}
.vision_detail .mtit{display:none;}
.vision_detail .title{width:100px; float:left; font-size:20px; font-weight:600}
.vision_detail .title .t2{margin-top:90px}
.vision_detail .title .t3{margin-top:180px}
.vision_detail .detail{width:calc(100% - 100px); float:left}
.vision_detail .detail > ul > li{float:left; width:32%; margin-right:2%}
.vision_detail .detail > ul > li:last-child{margin-right:0}
.vision_detail .detail .d1{height:60px; font-size:20px; padding:16px 0; text-align:center; margin-bottom:50px; font-weight: 600;}
.vision_detail .detail > ul > li:first-child .d1{color:#073165; border:2px solid #073165}
.vision_detail .detail > ul > li:nth-child(2) .d1{color:#1b4bb6; border:2px solid #1b4bb6}
.vision_detail .detail > ul > li:last-child .d1{color:#1493b1; border:2px solid #1493b1;}
.vision_detail .detail .d2{padding:20px; border: 2px dotted #e9e9e9; height:150px; margin-bottom:50px}
.vision_detail .detail .d2 .list_1st{margin-left:0}
.vision_detail .detail .d2:last-child{margin:0}
.vision_detail .detail .arrow{position:relative;}
.vision_detail .detail .arrow::after{content:""; width:20px; height:30px; background:url(../images/dot_arrow_bt2.svg) no-repeat; position:absolute; bottom:-50px; left:50%; transform:translateX(-50%);}
.field{margin-top:30px; display: inline-block; width:100%; text-align:center}
.field .title{/*background:linear-gradient(180deg, #1492f1, #1458f1);*/ font-weight:bold; font-size:22px; border:7px solid #eef4f8; border-radius:60px; padding:22px 30px; text-align:center; display: inline-block; margin:0 auto 60px; position:relative;}
.field .title strong{color:#1b4bb6}
.field .title::after{content:""; width:103px; height:93px; background:url(../images/ic_arrow.png) no-repeat center; position:absolute; left:50%; transform: translateX(-50%); top:75px}
.field_box{overflow:hidden; border-radius:50px; border:3px solid #073165; width:70%; margin:auto; position:relative;}
.field_box::after{content:""; border-right:2px dotted #e9e9e9; height:100%; position:absolute; left:50%; transform: translateX(-50%);}
.field_box::before{content:""; border-bottom:2px dotted #e9e9e9; width:100%; position:absolute; left:0; top:50%; transform: translateY(-50%);}
.field_box .cir_tt{width:150px; height:150px; padding:50px 10px 0 10px; word-break: keep-all; border-radius:150px; font-weight:bold; font-size:20px; background:#073165; color:#fff; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); z-index:1}
.field_box > ul > li{float:left; width:50%; height:200px; padding:40px; background:#fff;}
.field_box > ul > li:nth-child(odd){text-align:left;}
.field_box > ul > li:nth-child(even){text-align:right;}
.field_box > ul > li .tt{font-size:20px; font-weight:600; margin-bottom:20px}
.field_box .list li span{font-size:14px; color:#5d5d5d; display:block;}
.fg_process {display:inline-block; width:100%; height:200px; background: url(.././images/fisg/process_bg.svg) no-repeat center; background-size:60%;}
.fg_process ul{position:relative; width:60%; margin:auto;}
.fg_process li{float:left; width:20%; text-align:center; position:relative; height:200px;}
.fg_process li span{display:block; position:absolute; width:100%; padding:0px 20px; word-break: keep-all; left:50%; top:50%; transform: translate(-50%, -50%);}
.search_map{background-color:#d0f1ff; position:relative; height:920px; box-shadow: rgba(13, 46, 139, 0.16) 0px 0px 9px 0px; overflow-y:auto; border-radius:30px;}
.search_map .left_box{display: inline-table; position: absolute; left: 0; background-color: #fff; z-index: 2; padding: 0; width: 440px; height: 100%;}
.search_map .btn_box{display: flex; justify-content: center; margin-top: 20px; gap:5px;}
.search_map .filter_bar > ul .input,
.search_map .filter_bar > ul .select {background-color: #eef5fe;}
.search_map .filter_bar{padding:30px;}
.search_map .filter_bar > ul > li{padding:5px 0}
.search_map .filter_bar > ul > li:first-child{padding-top:0}
.search_map .filter_bar label{display: inline-block; vertical-align: middle; width:100px; font-size:16px}
.search_map .filter_bar .cont{display: inline-block; vertical-align: middle; width:calc(100% - 105px)}
.search_result{position:absolute; background-color:#fff; width:100%; top:0; left:0; padding:30px;}
.search_result .count{font-size:14px; color:#1459f1}
.search_result .info_data{margin-top:30px}
.search_result .tb_col2 {border-top: none;}
.search_result .tb_col2 th,
.search_result .tb_col2 td {font-size: 0.95em; padding: 12px 10px;}
.search_result .result_area{border-top:1px solid #dae1ed; border-bottom:1px solid #dae1ed; height:205px; overflow-y: auto;}
.search_result .result_area li{border-bottom:1px solid #dae1ed; padding:15px;}
.search_result .result_area li:last-of-type {border-bottom:none;}
.search_result .result_area li.active{background-color:#f0f5ff;}
.search_result .result_area li.active .tit{font-weight:500;}
.search_result .result_area li .tit{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.search_result .result_area li span{display:block; font-size:15px; color:#5d5d5d; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.search_result .info_wrap .value{line-height:20px; background:#fff; border:1px solid #bbb; color:#888; display:inline-block; vertical-align:middle; font-size:13px; border-radius:2px; padding:0px 5px;}
.search_result .info_wrap .value.on{color:#1459f1; border:1px solid #1459f1}
.search_result .info_wrap .btn{background-position: center; background-repeat:no-repeat; display:inline-block; vertical-align:middle;}
.search_result .info_wrap .btn.list{background-image: url(.././images/sfid/result_icon02.svg); width:17px; height:17px;}
.search_result .info_wrap .btn.loca{background-image: url(.././images/sfid/result_icon01.svg); width:17px; height:17px;}

/*수산생물질병정보*/
.expert_wrap {
    display: flex; gap:40px; margin-top: 20px; background:#eef4f8; padding-right: 30px;
    align-items: center;
}
.expert_wrap .img {width:190px;}
.expert_wrap .img img {width:100%;}
.expert_wrap .text {width:calc(100% - 230px);}
.expert_wrap dt {
    border-bottom:1px dotted #ccc; padding-bottom: 12px; margin-bottom:12px;
}
.expert_wrap dt strong {font-size: 1.2em;}


.acc {font-style: normal; font-size: 1.3em; font-weight: 600; color:#f15164 !important; margin:0 2px;}
.file_link {position: relative; padding-left:25px;}
.file_link:hover {text-decoration: underline; text-underline-position : under;}
.file_link:before {
    content: ""; width: 18px; height:20px; position: absolute; left:0; top:50%;
    transform: translateY(-50%); background: url(../images/ic_clip.svg) no-repeat 50% 50%;
    background-size: 100%; opacity: 0.5;
}

/*수산생물질병정보-질병강좌*/
.tri_box_wrap {display: flex; gap:20px;}
.tri_box {width:calc(33.3% - 10px); display: flex; gap:8px; flex-direction: column; align-items: stretch;}
.tri_box dt, .tri_box dd {border-radius: 8px; padding:15px 20px; text-align: center;}
.tri_box dt {background: #2B76CE; color: #fff; font-size: 1.2em; font-weight: 600; padding:18px 20px; display: flex; align-items: center; justify-content: center;}
.tri_box:nth-child(2) dt {background: #2A4BA6;}
.tri_box:nth-child(3) dt {background: #1B2546;}
.tri_box dt i {
    background: #fff;
    color: #1B2546;
    border-radius: 100px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-style: normal;
    display: inline-block;
    font-size: 13px;
    margin-right: 5px;
}
.tri_box dd {border: 1px solid #dae1ed; color: #000; font-size: 0.95em; text-align: left; height: 100%;}
.tri_box dd.s_tit {background: #F3F6FE; color: #000; font-size: 1.1em; border:none; font-weight: 600; text-align: center;height: auto;}

.tri_box_wrap.v_inter {gap:40px; padding:50px 0;}
.tri_box_wrap.v_inter .tri_box {width:calc(33.3% - 20px); position: relative;}
.tri_box_wrap.v_inter .inter {
    position: absolute;
    background: #d9f0ff;
    padding: 8px 12px;
    font-size: 0.9em;
    border-radius: 5px;
}
.tri_box_wrap.v_inter .inter.top:after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -8px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #d9f0ff;
}
.tri_box_wrap.v_inter .inter.bottom:after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -8px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #d9f0ff;
}
.tri_box_wrap.v_inter .inter.top {top: -50px; right: -75px;}
.tri_box_wrap.v_inter .inter.bottom {bottom: -50px; right: -75px;}
.tri_box_wrap.v_inter dd {font-size: 16px; display: flex; align-items: center; justify-content: center; text-align: center;}


/*스피드-질병문의*/
.muti_sel_wrap {border:1px solid #c5c7cd; padding:10px; border-radius: 5px; color:#999;}
.sp_link {display: inline-block; font-size: 0.9em; font-weight: 600; color: #1459f1; position: relative; padding-left:23px;}
.sp_link:before {content: ""; position: absolute; left:0; top:1px; width:20px; height:20px; background: url(../images/ic_link.svg) no-repeat 50% 50%; background-size: 16px;}
.sp_link:hover {text-decoration: underline;}

.md_reedit .modal-content,
.md_rewrite .modal-content {width:500px; height: auto; margin:auto;}

.md_small .modal-content {width:600px; height: auto; margin:auto;}


/*스피드-개인정보수집이용동의서*/
.md_comm {
    position: fixed;
    z-index: 3000;
    width: 100%;
    height: 100%;
    left:0;
    top:0;
    right:0;
    bottom:0;
    background-color: rgba(0,0,0,0.4);
    display:none;
}
.md_privacy {display:block;}
.md_privacy .modal-content {width:40%; min-width: 600px;}
.md_privacy .privacy{
 font-size:15px;
}

.md_privacy .privacy .box{
 padding:16px;
 background:#eaeff2;
 margin-bottom:20px
}

.md_privacy .privacy .line-box{
 padding:10px;
 font-size:14px;
 margin-bottom:20px;
}

.md_privacy .privacy dl{
 margin-bottom:40px
}

.md_privacy .privacy dt{
 font-weight:bold;
 font-size:18px;
 margin-bottom:20px;
}

.md_privacy .privacy dt strong{
 display:block;
 font-weight:500;
 font-size:15px;
}

.md_privacy .privacy dd{
 position:relative;
 padding-left:10px
}

.md_privacy .privacy dd::after{
 content: "";
 position:absolute;
 width:3px;
 height:3px;
 left:0;
 top:10px;
 background:#0361c4
}

.md_privacy .privacy dd h2{
 font-size:15px;
}

.md_privacy .privacy table{
 width:100%
}

.md_privacy .privacy table th{
 background:#e7f3ff;
 border:1px solid #d3e4f5;
 color:#0361c4;
 padding:5px;
 text-align:center;
 font-size:15px
}

.md_privacy .privacy table td{
 background:#fff;
 border:1px solid #eaeff2;
 padding:5px;
 text-align:center;
 font-size:15px;
 vertical-align: middle;
}

.md_privacy .formlist {display: flex; justify-content: space-between;}
.md_privacy .formlist.ver_center {justify-content: center; align-items: center; flex-direction: column; font-weight: 600; gap:10px;}






/***생명자원***/

/*수산생명자원정보센터*/
.frc_function {
    display: flex;
    justify-content: space-between;
    background: #f6f9ff;
    padding:50px;
}
.frc_function dl {
    width:calc(50% - 50px); display: flex; flex-direction: column; gap:8px;
    border:2px dotted #7589a7; padding:20px; position: relative;
}
.frc_function dl:before {
    content: ""; display: block; width:100px; height:60px;
    background: url(.././images/frct/frc_function_bg.png) no-repeat 50% 50%;
    background-size: 80%;
    position: absolute; left:-102px; top:50%; transform: translateY(-50%);
}
.frc_function dl:first-child {border-color:#126cf3;}
.frc_function dl:first-child:before {display: none;}
.frc_function dt,
.frc_function dd {border-radius: 10px; text-align: center; padding:18px 0;}
.frc_function dt {background:#7589a7; color:#fff; font-size: 1.1em; font-weight: 600}
.frc_function dl:first-child dt {background:#126cf3;}
.frc_function dd {background:#fff; color:#000; font-size: 1em; border:1px solid #cfdded;}

/*수산생명자원정보센터_서브메인*/
.frc_main {display: flex; gap:30px 0; justify-content: space-between; flex-wrap: wrap;}
.frc_main > div:not(.frc_app) {
    width:calc(50% - 15px); border:1px solid #dae1ed; border-radius: 15px;
    min-height:310px; padding:25px; position: relative;
}
.frc_main > div.frc_app {
    width:calc(50% - 15px); min-height:310px;
}
.frc_main .tit {font-family: "Gmarket Sans"; font-size: 1.3em; margin-bottom: 20px; padding-top: 2px; color: #152d4b; position: relative; padding-left: 13px;}
.frc_main .tit:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 5px;
    height: 21px;
    border-radius: 10px;
    background: url(../images/bull_h4.png) no-repeat 50% 50%;
}
/*탭형태
.frc_notice .stab_wrap {margin-bottom: 0;}
.frc_notice .stab > li {width: auto; min-height: auto;}
.frc_notice .stab > li > a {border:none; background:none; padding:0; line-height: 1.4em;}
.frc_notice .stab > li > a:after {display: none;}
.frc_notice .btn_more {
    width:18px; height:18px;
    position: absolute;
    right:0px;
    top: -45px;
    background: url(../images/btn_plus.svg) no-repeat 50% 50%;
    background-size: 100%;
}*/
.frc_board .btn_more {
    width:18px; height:18px;
    position: absolute;
    right:0;
    top: 0;
    background: url(../images/btn_plus.svg) no-repeat 50% 50%;
    background-size: 100%;
}
.frc_notice {
    position: relative; display: flex; border-bottom:1px dotted #ccc;
    padding-bottom: 20px; align-items: center; justify-content: space-between;
}
.frc_main .frc_notice .tit {
    flex-shrink: 0;
    font-weight: 600;
    font-family: 'Pretendard';
    font-size: 0.95em;
    margin-bottom: 0;
    background: #4265c5;
    color: #fff;
    padding: 2px 0;
    text-align: center;
    border-radius: 30px;
    width: 80px;
}
.frc_main .frc_notice .tit:before {display: none;}
.frc_notice .btn_more {top: 5px;}
.frc_notice_in {overflow: hidden; height:40px; line-height: 40px; width: calc(88% - 135px); margin:0 8% 0 4%;}
.frc_notice_list div {display: flex; justify-content: space-between; position: relative; align-items: center;}
.frc_notice_list a {width:100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.95em; color:#000;}
.frc_notice_list a:hover {text-decoration: underline; color:#000;}
.frc_notice_list .date {width:120px; text-align:right; font-size: 0.8em; color:#666; font-weight: 300;}
.frc_notice_list .ic_new {flex-shrink: 0;}
.frc_notice .swiper_btn {width:55px; display: flex; justify-content: space-between; flex-shrink: 0;}
.frc_notice .btn_prev,
.frc_notice .btn_play_pause,
.frc_notice .btn_next {
    width:11px; height:18px; cursor: pointer;
    background: url(../images/ic_arrow_bk.svg) no-repeat 50% 50%;
    background-size: 9px;
}
.frc_notice .btn_prev {transform: rotateY(180deg);}
.frc_notice .btn_play_pause {background-image: url(../images/ic_pause_bk.svg);}
.frc_notice .btn_play_pause.play {background-image: url(../images/ic_play_bk.svg);}

.frc_data .tit {margin-bottom:15px;}
.frc_data {position: relative; margin-top: 25px;}
.frc_data_list li {display: flex; margin-bottom:6px; position: relative; padding-left:12px; align-items: center;}
.frc_data_list li:last-of-type {margin-bottom:0px;}
.frc_data_list li:before {
    content: "";
    display: block;
    width:3px; height:3px;
    background: #85a5ff;
    position: absolute;
    left:0;
    top:9px;
}
.frc_data_list a {max-width:calc(100% - 140px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.95em; color:#000;}
.frc_data_list a:hover {text-decoration: underline; color:#000;}
.frc_data_list .date {width:140px; text-align:right; font-size: 0.8em; color:#666; font-weight: 300; margin-left: auto;}
.frc_data_list .ic_new {flex-shrink: 0;}



.frc_app {display: flex; gap:20px 0; justify-content: space-between; flex-wrap: wrap;}
.frc_app a {
    width:calc(50% - 10px); height: calc(50% - 10px);
    border:1px solid #dae1ed; border-radius: 15px; padding:25px;
    transition: all 0.2s;
    background-color: #eef5fe;
    background-image: url(../images/frct/frc_app_01.png);
    background-repeat: no-repeat;
    background-position: calc(100% - 18px) calc(100% - 22px);
    color:#152d4b;
}
.frc_app a.frc_app_01 {background-image: url(../images/frct/frc_app_01.png);}
.frc_app a.frc_app_02 {background-image: url(../images/frct/frc_app_02.png);}
.frc_app a.frc_app_03 {background-image: url(../images/frct/frc_app_03.png);}
.frc_app a.frc_app_04 {background-image: url(../images/frct/frc_app_04.png);}
.frc_app a:hover {
    background-color: #073165;
    color:#fff; border-color:rgba(0,0,0, 0.3); box-shadow: 0 0 12px 0 rgba(13, 46, 139, 0.2);
}
.frc_app a.frc_app_01:hover {background-image: url(../images/frct/frc_app_01_on.png);}
.frc_app a.frc_app_02:hover {background-image: url(../images/frct/frc_app_02_on.png);}
.frc_app a.frc_app_03:hover {background-image: url(../images/frct/frc_app_03_on.png);}
.frc_app a.frc_app_04:hover {background-image: url(../images/frct/frc_app_04_on.png);}
.frc_app a strong {display: block; font-family: "Gmarket Sans"; font-size: 1.3em; margin-bottom:5px;}
.frc_app a strong br {display: none;}
.frc_app a em {display:block; font-size: 0.8em; color:#666; font-style: normal; font-weight: 400; line-height: 1.4em;}
.frc_app a:hover em {color:#fff;}
.frc_info .tit {margin-bottom: 10px;}
.frc_info .txt {font-size: 0.95em; color:#444;}
.frc_info_list {display: flex; flex-wrap: wrap; margin-top: 70px; gap: 27px 0; justify-content: space-between;}
.frc_info_list li a {display:block; text-align: center; font-size: 0.95em;}
.frc_info_list li a:before {
    content: "";
    display: block;
    width:90px;
    height:90px;
    border-radius: 10px;
    margin:0 auto 11px auto;
    border:1px solid #f4f4f4;
    background-color: #f4f4f4;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border-radius: 100%;
    transition: all 0.2s;
}
.frc_info_list li a.frc_info_01:before {background-image: url(../images/frct/frc_info_01.png);}
.frc_info_list li a.frc_info_02:before {background-image: url(../images/frct/frc_info_02.png);}
.frc_info_list li a.frc_info_03:before {background-image: url(../images/frct/frc_info_03.png);}
.frc_info_list li a.frc_info_04:before {background-image: url(../images/frct/frc_info_04.png);}
.frc_info_list li a.frc_info_05:before {background-image: url(../images/frct/frc_info_05.png);}
.frc_info_list li a.frc_info_06:before {background-image: url(../images/frct/frc_info_06.png);}
.frc_info_list li a.frc_info_07:before {background-image: url(../images/frct/frc_info_07.png);}
.frc_info_list li a.frc_info_08:before {background-image: url(../images/frct/frc_info_08.png);}
.frc_info_list li a.frc_info_09:before {background-image: url(../images/frct/frc_info_09.png);}
.frc_info_list li a.frc_info_10:before {background-image: url(../images/frct/frc_info_10.png);}
.frc_info_list li a.frc_info_11:before {background-image: url(../images/frct/frc_info_11.png);}
.frc_info_list li a.frc_info_12:before {background-image: url(../images/frct/frc_info_12.png);}
.frc_info_list li a.frc_info_13:before {background-image: url(../images/frct/frc_info_13.png);}
.frc_info_list li a.frc_info_14:before {background-image: url(../images/frct/frc_info_14.png);}
.frc_info_list li a:hover {color:#1459f1;}
.frc_info_list li a:hover:before {
    box-shadow: 2px 4px 10px 0 rgba(13, 46, 139, 0.1); background-color: #fff;
    border:1px solid #1266f1;
}
.frc_resource .stab_wrap {position: absolute; right:25px; top: 25px; width:130px;}
.frc_resource .stab {justify-content: flex-end;}
.frc_resource .stab > li {width: 50%; min-height: auto;}
.frc_resource .stab > li > a {
    display: block;
    border: 1px solid #e6e9ee;
    padding: 5px 5px;
    font-size: 13px;
    text-align: center;
}
.frc_resource .stab > li > a:after {display: none;}
.frc_resource .stab > li.active > a {background-color: #4265c5; border-color: #4265c5;}
.frc_resource .graph {height:300px; font-size:11px;}


/*lmo*/
.intro.v_lmo {background: url(.././images/lmoc/intro_frcenter.png) no-repeat 0 0;}
.lmo_process{display: inline-block; width:100%; margin-top:10px}
.lmo_process .area{display: inline-block; border-radius:100px; overflow:hidden;}
.lmo_process .pr{float:left; padding:10px 20px; background:#dbeafd; color:#152d4b; position:relative;}
.lmo_process .pr::after{content:""; width: 9px; height: 13px; background-image:url(../images/path_arrow.png); background-repeat: no-repeat; position:absolute; z-index:100; right:-5px; top:50%; transform: translateY(-50%);}
.lmo_process .pr:last-child::after{content:none}
.lmo_process span{font-size:14px}
.sq_process ul{width:100%; display: table; table-layout: fixed; padding:20px 50px}
.sq_process li{display: table-cell; vertical-align: middle; text-align: center; height:120px; position:relative;}
.sq_process li div{margin:0px 50px; padding:20px; height:100%; background: linear-gradient(180deg, #eef5fe, #e2efff); border-radius:10px; font-weight:500;}
.sq_process li div::after{content:""; background-image:url(../images/dot_arrow.svg); background-repeat: no-repeat; position:absolute; right:-30px; top:50%; transform: translateY(-50%); background-size: 40px; width: 50px; height: 18px;}
.sq_process.none li{height:auto;}
.sq_process.none li div{margin:0px 5px}
.sq_process.none li div::after{content: none}
.sq_process li:last-child div::after{content:none}
.sq_process.img li{height:auto;}
.sq_process.img div{background:none; padding:0; overflow:hidden; border-radius:100px}
.sq_process.img div::after{content:none}
.sq_process.img em{display:block; font-style: normal; font-size:16px; margin-top:10px}
.sq_process li span{position:absolute; right:-5px; top:30%; font-size:15px;}
.swrap_img{overflow: hidden; border-radius:200px}
.swrap_img img{width:100%}
.tab_move{width:100%}
.tab_move li{margin:0 5px 10px 0; display: inline-block;}
.tab_move li a{display:block; line-height:40px; padding:0px 15px; background:#f6f9ff; border:1px solid #e1e1e1; border-radius:100px; font-size:16px}
.tab_move li a span{font-size:14px;}
.download_box{display:inline-block; width:100%}
.download_box li{float:left; width:32%; margin-right:2%; border:1px solid #e1e1e1; border-radius:10px; padding:30px; position:relative;}
.download_box li:last-child{margin:0}
.download_box li .tit{font-weight:600}
.download_box li .btn{display: inline-block; padding:0px 10px; line-height:34px; background:#fff; color:#1459f1; border:1px solid #1459f1; border-radius:3px; font-size:15px; margin-top:5px}
.download_box li .btn.none{/*pointer-events:none;*/ cursor:default; border:1px solid #e1e1e1; background:#f6f9ff; color:#777}
.download_box li::after{content:""; background-repeat:no-repeat; background-position:center; position:absolute; right:40px; top:50%; transform: translateY(-50%);}
.download_box li:first-child::after{background-image: url(.././images/lmoc/db_icon01.svg); width:50px; height:50px}
.download_box li:nth-child(2)::after{background-image: url(.././images/lmoc/db_icon02.svg); width:50px; height:50px}
.download_box li:last-child::after{background-image: url(.././images/lmoc/db_icon03.svg); width:65px; height:65px}
.lmobanner{padding:50px 400px 50px 50px; border:1px solid #e6e9ee; border-radius:10px; background-image: url(.././images/lmoc/lmobanner_bg2.svg); background-repeat: no-repeat; background-position:95% center; background-size:150px; margin-bottom:20px}
.lmobanner .tit{font-weight:600; font-size:25px; color:#152d4b; margin-bottom:20px}
.lmobanner .tit span{display:block; font-size:15px; margin-bottom:5px}
.con_info{position:relative; height:400px; margin-bottom:30px}
.con_info li{float:left; width:50%; height:200px; padding:50px; font-size:23px; text-align:center;}
.con_info li strong{display:block; font-size:19px; color:#1458f1; margin-bottom:5px}
.con_info li span{display:block; font-size:14px; color:#777; margin-top:5px}
.con_info::after{content:""; border-bottom:1px dashed #ccc; width:100%; position:absolute; top:50%; transform: translateY(-50%); left:0;}
.con_info::before{content:""; border-left:1px dashed #ccc; height:100%; position:absolute; left:50%; transform: translateX(-50%); top:0;}





/***양식연구***/
/*사료연구센터_서브메인*/
.mixf_main {display: flex; gap:30px 0; justify-content: space-between; flex-wrap: wrap;}
.mixf_main > div:not(.mixf_app) {
    width:calc(50% - 15px); border:1px solid #dae1ed; border-radius: 15px;
    min-height:310px; padding:25px; position: relative;
}
.mixf_main > div.mixf_app {
    width:calc(50% - 15px); min-height:310px;
}
.mixf_main .tit {font-family: "Gmarket Sans"; font-size: 1.3em; margin-bottom: 20px; padding-top: 2px; color: #152d4b; position: relative; padding-left: 13px;}
.mixf_main .tit:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 5px;
    height: 21px;
    border-radius: 10px;
    background: url(../images/bull_h4.png) no-repeat 50% 50%;
}
.mixf_board .btn_more {
    width:18px; height:18px;
    position: absolute;
    right:0;
    top: 0;
    background: url(../images/btn_plus.svg) no-repeat 50% 50%;
    background-size: 100%;
}
.mixf_notice {
    position: relative; display: flex; border-bottom:1px dotted #ccc;
    padding-bottom: 20px; align-items: center; justify-content: space-between;
}
.mixf_main .mixf_notice .tit {
    flex-shrink: 0;
    font-weight: 600;
    font-family: 'Pretendard';
    font-size: 0.95em;
    margin-bottom: 0;
    background: #4265c5;
    color: #fff;
    padding: 2px 0;
    text-align: center;
    border-radius: 30px;
    width: 80px;
}
.mixf_main .mixf_notice .tit:before {display: none;}
.mixf_notice .btn_more {top: 5px;}
.mixf_notice_in {overflow: hidden; height:40px; line-height: 40px; width: calc(88% - 135px); margin:0 8% 0 4%;}
.mixf_notice_list div {display: flex; justify-content: space-between; position: relative; align-items: center;}
.mixf_notice_list a {width:100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.95em; color:#000;}
.mixf_notice_list a:hover {text-decoration: underline; color:#000;}
.mixf_notice_list .date {width:120px; text-align:right; font-size: 0.8em; color:#666; font-weight: 300;}
.mixf_notice_list .ic_new {flex-shrink: 0;}
.mixf_notice .swiper_btn {width:55px; display: flex; justify-content: space-between; flex-shrink: 0;}
.mixf_notice .btn_prev,
.mixf_notice .btn_play_pause,
.mixf_notice .btn_next {
    width:11px; height:18px; cursor: pointer;
    background: url(../images/ic_arrow_bk.svg) no-repeat 50% 50%;
    background-size: 9px;
}
.mixf_notice .btn_prev {transform: rotateY(180deg);}
.mixf_notice .btn_play_pause {background-image: url(../images/ic_pause_bk.svg);}
.mixf_notice .btn_play_pause.play {background-image: url(../images/ic_play_bk.svg);}

.mixf_data .tit {margin-bottom:15px;}
.mixf_data {position: relative; margin-top: 25px;}
.mixf_data_list li {display: flex; margin-bottom:6px; position: relative; padding-left:12px; align-items: center;}
.mixf_data_list li:last-of-type {margin-bottom:0px;}
.mixf_data_list li:before {
    content: "";
    display: block;
    width:3px; height:3px;
    background: #85a5ff;
    position: absolute;
    left:0;
    top:9px;
}
.mixf_data_list a {max-width:calc(100% - 140px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.95em; color:#000;}
.mixf_data_list a:hover {text-decoration: underline; color:#000;}
.mixf_data_list .date {width:140px; text-align:right; font-size: 0.8em; color:#666; font-weight: 300; margin-left: auto;}
.mixf_data_list .ic_new {flex-shrink: 0;}



.mixf_app {display: flex; gap:20px 0; justify-content: space-between; flex-wrap: wrap;}
.mixf_app a {
    width:calc(50% - 10px); height: calc(50% - 10px);
    border:1px solid #dae1ed; border-radius: 15px; padding:25px;
    transition: all 0.2s;
    background-color: #eef5fe;
    background-image: url(../images/mixf/mixf_app_01.png);
    background-repeat: no-repeat;
    background-position: calc(100% - 20px) calc(100% - 18px);
    color:#152d4b;
}
.mixf_app a.mixf_app_01 {background-image: url(../images/mixf/mixf_app_01.png);}
.mixf_app a.mixf_app_02 {background-image: url(../images/mixf/mixf_app_02.png);}
.mixf_app a.mixf_app_03 {background-image: url(../images/mixf/mixf_app_03.png);}
.mixf_app a.mixf_app_04 {background-image: url(../images/mixf/mixf_app_04.png);}
.mixf_app a:hover {
    background-color: #073165;
    color:#fff; border-color:rgba(0,0,0, 0.3); box-shadow: 0 0 12px 0 rgba(13, 46, 139, 0.2);
}
.mixf_app a.mixf_app_01:hover {background-image: url(../images/mixf/mixf_app_01_on.png);}
.mixf_app a.mixf_app_02:hover {background-image: url(../images/mixf/mixf_app_02_on.png);}
.mixf_app a.mixf_app_03:hover {background-image: url(../images/mixf/mixf_app_03_on.png);}
.mixf_app a.mixf_app_04:hover {background-image: url(../images/mixf/mixf_app_04_on.png);}
.mixf_app a strong {display: block; font-family: "Gmarket Sans"; font-size: 1.3em; margin-bottom:5px;}
.mixf_app a span {font-size: 1.1rem}
.mixf_info .tit {margin-bottom: 10px;}
.mixf_info .txt {font-size: 0.95em; color:#444;}
.mixf_info_list {display: flex; flex-wrap: wrap; margin-top: 55px; gap: 27px 0; justify-content: space-between;}
.mixf_info_list li a {display:block; text-align: center; font-size: 0.95em;}
.mixf_info_list li a:before {
    content: "";
    display: block;
    width:90px;
    height:90px;
    border-radius: 10px;
    margin:0 auto 11px auto;
    border:1px solid #f4f4f4;
    background-color: #f4f4f4;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border-radius: 100%;
    transition: all 0.2s;
}
.mixf_info_list li a.mixf_info_01:before {background-image: url(../images/mixf/mixf_info_01.png);}
.mixf_info_list li a.mixf_info_02:before {background-image: url(../images/mixf/mixf_info_02.png);}
.mixf_info_list li a.mixf_info_03:before {background-image: url(../images/mixf/mixf_info_03.png);}
.mixf_info_list li a.mixf_info_04:before {background-image: url(../images/mixf/mixf_info_04.png);}
.mixf_info_list li a.mixf_info_05:before {background-image: url(../images/mixf/mixf_info_05.png);}
.mixf_info_list li a:hover {color:#1459f1;}
.mixf_info_list li a:hover:before {
    box-shadow: 2px 4px 10px 0 rgba(13, 46, 139, 0.1); background-color: #fff;
    border:1px solid #1266f1;
}

.mixf_process_list {
    display: flex;
    flex-wrap: wrap;
    gap:20px 0;
}
.mixf_process_list li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: linear-gradient(180deg, #fff, #f6f9ff);
    border: 1px solid #dae1ed;
    border-radius: 5px;
    padding:10px;
    width: calc(33.3% - 24px);
    position: relative;
    margin-right: 35px;
    text-align: center;
    line-height: 1.3;
    font-size: 1rem;
    min-height: 110px;
}
.mixf_process_list li:after {
    content: "";
    background-image: url(../images/dot_arrow_bt2.svg);
    background-repeat: no-repeat;
    width: 15px;
    height: 20px;
    position: absolute;
    right: -33px;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);

}
.mixf_process_list li:nth-child(3n) {
    margin-right: 0;
}
.mixf_process_list li:nth-child(3n):after {
    display: none;
}
.mixf_process_list li b {
    font-size: 0.8rem;
    font-weight: bold;
    color: #4265c5;
    font-family: "Gmarket Sans";
    margin-bottom: 10px;
}
.mixf_process_list li span {
    font-size: 0.78rem;
}


/*사료연구*/
.intro.v_mixfeed {background: url(.././images/mixf/intro_frcenter.png) no-repeat 0 0;}
.org_box{text-align:center; padding:110px 0 0 0; font-size:20px; margin:auto; width:70%; background: url(.././images/mixf/ic_arrow.png) no-repeat center 20px}
.org_box .tit{font-size:24px; font-weight:bold; margin-bottom:20px; color:#152d4b}
.org_box .cir{border-radius:60px; padding:17px; border:2px solid #eef4f8; background:#eef4f8}
.system_tb {display: inline-block; width:100%; border:1px solid #dae1ed; background:#fff; border-radius:5px; padding:40px 20px; text-align:center;}
.system_tb .tit{display: inline-block; line-height:70px; width:200px; background:#0a376f; color:#fff; font-size:18px; font-weight:500; border-radius:5px; margin-bottom:10px}
.system_tb .tit.em{background:#152d4b;}
.system_tb .article{display: inline-block; width:100%; text-align:center; margin-bottom:60px; position:relative;}
.system_tb .article::after{content:""; background-image: url(../images/dot_arrow_bt2.svg); background-repeat: no-repeat; width:30px; height:30px; position:absolute; left:50%; transform: translateX(-50%); bottom:-50px}
.system_tb .article:last-child::after{content:none}
.system_tb .article.bg{background:#f6f9ff; padding:50px 0; border-radius:10px}
.system_tb .article:last-child{margin-bottom:0}
.system_tb .article ul{margin:auto; display: inline-block; width:100%; position:relative;}
.system_tb .article ul::after{content: ""; width:60%; border:1px dashed #ccc; position:absolute; bottom:35px; left:50%; transform: translateX(-50%); z-index:1}
.system_tb .article ul.none::after{content:none}
.system_tb .article li{float:left; text-align:center; width:100%; position:relative; z-index:2}
.system_tb .article li span{display: inline-block; line-height:70px; width:200px; background:#fff; border:1px solid #1459f1; color:#1459f1; border-radius:5px}
.system_tb .article li.pp span{border:1px solid #644781; color:#644781;}
.system_tb .vtc::after{content: ""; height:25px; border:1px dashed #ccc; position:absolute; bottom:-35px; left:50%; transform: translateX(-50%); z-index:1}
.st_process{display: inline-block; width:100%;}
.st_process li{float:left; width:14%; margin-right:3%; height:100px; background:linear-gradient(180deg, #fff, #ebf0f9); border:1px solid #dae1ed; border-radius:10px 0 10px 0; position:relative; word-break: keep-all; text-align:center;}
.st_process li:last-child{margin-right:0;}
.st_process li::after{content:""; background-image:url(../images/dot_arrow_bt2.svg); background-repeat: no-repeat; width:20px; height:20px; position:absolute; right:-33px; top:40px; transform:rotate(-90deg);}
.st_process li:last-child::after{content:none}
.st_process .md{padding:25px; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); width:100%}
.st_process .tit{font-weight:600}
.st_process .con{font-size:14px}
.info_cir{position:relative;}
.info_cir .area{display: flex; align-items: center; justify-content: flex-end; flex-direction: row; gap:13%;}
.info_cir .cir{display: inline-block; width:28%; background:#152d4b; color:#fff; height:80px; border-radius:60px; text-align:center; position:relative; z-index:2}
.info_cir .cir span{font-size:14px; display:block;}
.info_cir .cir .md{position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); width:100%}
.info_cir .cir:nth-child(2){background:#1b4982}
.info_cir .cir:last-child{background:#1b8fa9}
.info_cir .text{display:inline-block; width:100%; float:none}
.info_cir .text div{position: absolute; text-align:center; width:150px; line-height:21px;}
.info_cir .text.tp div{top:-5px}
.info_cir .text.bt div{bottom:5px}
.info_cir .text div::after{content: ""; background-image: url(../images/dot_arrow.svg); background-repeat: no-repeat; width:22px; height:10px; position: absolute; left:50%; transform: translateX(-50%);}
.info_cir .text.tp div::after{transform: rotate(-180deg); top:45px; left:41%;}
.info_cir .text.bt div::after{bottom:45px}
.info_cir .text div span{font-size:15px; color:#888}
.info_cir .text .t1{left:24%; color:#1b4982;}
.info_cir .text .t2{right:24%; color:#1b8fa9}
.info_cir.bweb{height:170px;}
.info_cir.bweb .cir{height:60px;}
.info_cir.bweb .cir .md{padding:0;}
.info_cir.bweb .area::after{content:""; width:90%; border:1px dashed #ccc; position:absolute; right:0; top:55px; z-index:1}
.info_cir.bweb .num{display:inline-block; width:100%;}
.info_cir.bweb .num span{display: inline-block; position: absolute; top:10px; border-radius:30px; line-height:30px; padding:0px 15px;}
.info_cir.bweb .num .n1{left:28%; color:#1b4982; border:1px solid #1b4982;}
.info_cir.bweb .num .n2{right:27%; color:#1b8fa9; border:1px solid #1b8fa9;}
.info_cir.bweb .text div{bottom:0;}
.info_cir.bweb .text div span{display: block;}
.info_cir.bweb .text div::after{width:auto; background-image:none; border:1px dashed #ccc; height:40px; position:absolute; bottom:70px;}
.info_cir.bweb .text .t1{left:24%; color:#1b4982;}
.info_cir.bweb .text .t2{right:24%; color:#1b8fa9}
.info_cir.ver2.bweb{height:225px;}
.info_cir.ver2.bweb .cir{width: 20%; height:60px; display: block; line-height: 1.2em;}
.info_cir.ver2.bweb .cir i {font-style: normal; font-size: 0.9em;}
.info_cir.ver2.bweb .cir:last-child {margin-left: auto;}
.info_cir.ver2.bweb .area{justify-content: flex-start; gap: 0 9%;}
.info_cir.ver2.bweb .area::after{content:""; width:90%; border:1px dashed #ccc; position:absolute; right:0; top:30px; z-index:1}
.info_cir.ver2.bweb .text dl{
    position: absolute;
    top: 75px;
    width: 24%;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 10px;
}
.info_cir.ver2.bweb .text dl::after{content:""; display: block; background-image:none; border:1px dashed #ccc; height:40px; position:absolute; top:-42px; left: 50%;}
.info_cir.ver2.bweb .text dl.dl1{left:12.5%;}
.info_cir.ver2.bweb .text dl.dl2{width:10%; left:50%;}
.info_cir.ver2.bweb .text dl.dl3{left:62%;}
.info_cir.ver2.bweb .text dl dt {border-radius:10px 10px 0 0; line-height:30px; text-align: center; font-weight: 500;}
.info_cir.ver2.bweb .text dl.dl1 dt {color: #1b4982; background: #dfedff;}
.info_cir.ver2.bweb .text dl.dl2 dt,
.info_cir.ver2.bweb .text dl.dl3 dt{color: #1b8fa9; background: #dff0f3;}
.info_cir.ver2.bweb .text dl dd {font-size: 0.8em; color:#666; line-height: 1.3em; padding: 10px;}
.info_cir.ver2.bweb .text dl dd .period {font-size: 1.1em; color: #1b8fa9;}
.info_cir.ver2.bweb .text dl.dl1 dd .period {color: #1b4982;}
.info_cir.ver2.bweb .text dl dd li {margin:2px 0; position: relative; padding-left:9px;}
.info_cir.ver2.bweb .text dl dd li:before {content:""; display: block; position: absolute; top:7px; left:0; width:3px; height:3px; background: #bbb;}
.info_cir.ver2.bweb .text dl.dl2 dd {text-align: center;}

/*수산식물품종*/
.intro.v_apvc {background: url(.././images/apvc/intro_frcenter.png) no-repeat 0 0;}
.apvc_process li{display: inline-block; width:100%; margin-bottom:40px}
.apvc_process li:last-child{margin-bottom:0}
.apvc_process li .left{display: inline-block; vertical-align: middle; width:35%; position:relative; padding:14px 0; background:linear-gradient(180deg, #fff, #ebf0f9); border:1px solid #dae1ed; text-align:center; border-radius:50px; font-weight:600; font-size:17px}
.apvc_process li .left::after{content:""; background-image:url(../images/dot_arrow_bt2.svg); background-repeat: no-repeat; width:20px; height:20px; position:absolute; left:50%; top:70px; z-index:2}
.apvc_process li:last-child .left::after{content:none;}
.apvc_process li .right{display: inline-block; vertical-align: middle; width:50%; position:relative; margin-left:14%}
.apvc_process li .right::after{content:""; width:28%; border: 1px dashed #ccc; position:absolute; left:-29%; top:50%; z-index:1}
.apvc_process li .right::before{content:""; width:5px; height:5px; background:#fff; border:3px solid #1459f1; border-radius:8px; position:absolute; left:-29%; top:50%; transform: translateY(-50%); z-index:2}
.apvc_process li span{font-size:15px; display: block; color:#888}
.mark_info{position:relative; width:100%; margin:auto; text-align:center;}
.mark_info .mark_cir{display: inline-block; vertical-align: middle; width:200px; height:200px; border-radius:200px; color:#fff; border:8px solid #e5f2f6; text-align:center; font-weight:bold; font-size:24px; line-height:30px; background: linear-gradient(0deg, #152d4b, #1e559b); position:relative; margin:0px 20px}
.mark_info .mark_cir .md{position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);}
.mark_info ul{display: inline-block; vertical-align: middle; width:35%}
.mark_info ul li{background: linear-gradient(180deg, #fff, #ebf0f9); border: 1px solid #dae1ed; line-height:50px; border-radius: 50px; font-weight: 600; font-size: 17px; margin:10px 0}
.mark_info ul li span{font-size:14px}
.exam_process{display: inline-block; width:100%}
.exam_process li{background:linear-gradient(180deg, #fff, #ebf0f9); border:1px solid #dae1ed; border-radius:5px; display: inline-block; vertical-align:middle; width:17%; margin-right:3%; height:80px; position:relative;}
.exam_process > ul > li::after{content: ""; background-image: url(../images/dot_arrow_bt2.svg); background-repeat: no-repeat; width:22px; height:10px; position: absolute; top:44%; right:-35px; transform:rotate(-90deg) translateY(-44%);}
.exam_process > ul > li:last-child::after{content:none}
.exam_process > ul > li:first-child{border:1px solid #f13a14; color:#f13a14}
.exam_process li:last-child{margin-right:0}
.exam_process li .md{position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); width:100%; text-align:center; padding:0px 20px; word-break: keep-all;}
.exam_process .t_txt{position:absolute; left:5px; top:5px; font-size:14px; color:#f13a14}
.exam_process .t_txt em{color:#fff; background:#f13a14; display: inline-block; vertical-align: middle; width:14px; line-height:14px; border-radius:14px; text-align:center; font-style: normal;}
.exam_process .tw{background:none; border:0; height:auto;}
.exam_process .tw li{background:linear-gradient(180deg, #fff, #ebf0f9); border:1px solid #dae1ed; width:100%; display: block; margin-bottom:10px}
.exam_process .tw li:last-child{margin-bottom:0}
.img_map {width:100%; height:450px; background: url(../images/apvc/map.jpg) no-repeat 50% 50%; position: relative;}
.btn_img_map {
    position: absolute; bottom:0; right: 0; background: #152d4b; color: #fff; padding: 10px 15px;
    display: flex; align-items: center; gap:5px; font-size: 0.90em;
}
.btn_img_map:before {content: ''; width:17px; height:17px; background: url(../images/ic_nw2_white.svg) no-repeat 50% 50%;}





/***식품위생***/

/*수산식품*/
.intro.v_sfms {background: url(.././images/sfms/intro_frcenter.png) no-repeat 0 0;}
.img_info{display: inline-block; width:100%}
.img_info li{float:left; width:20%; height:210px; border:4px solid #fff; position: relative;}
.img_info .thumb{width:100%; height:150px; border-radius:10px; overflow:hidden;}
.img_info.red .thumb{height:220px;}
.img_info .thumb img{width:100%; height:100%}
.img_info .name{text-align:center; padding:10px 0; font-weight:500; word-break: keep-all;}
.img_info .name span{font-size:14px; font-weight:400;}
.wrap_gray .t_img{width:200px; float:left; margin-right:30px; border:2px solid #e6e9ee}
.wrap_gray .t_img img{width:100%}
.wrap_gray .text{float:left; width:calc(100% - 230px)}
.faq_list.normal .faq_q:before, .faq_list.normal .faq_a:before{content:none}
.faq_list.normal em{font-size:14px; color:#888; font-weight:400; font-style: normal;}
.book_list{display: inline-block; width:100%; padding:30px 30px 10px; background:#f1f4f6;}
.book_list li{float:left; width:18.4%; text-align:center; margin:0 2% 20px 0;}
.book_list li:last-child{margin-right:0}
.book_list li .tit{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.book_list li .thumb{background:#fff; border:1px solid #e1e1e1; border-radius:15px; overflow: hidden; width:100%; height:270px; margin:0 auto 15px}
.book_list li .thumb img{width:100%; height:100%}


/*수산식품통합정보-수산물성분표검색*/
.ingred_wrap article {
    margin-bottom: 30px;
    position: relative;
    width: 100%;
}
.dt-wrap {display: flex; position: relative; gap:3px; justify-content: flex-end;}
.dt-btn {
    display: inline-block;
    height: 36px;
    line-height: 34px;
    padding: 0px 12px;
    background: #f1f4f6;
    border: 1px solid #e4e8ea;
    font-size: 14px;
    color: #666;
}
.dt-wrap a.dt-btn span {
    display: inline-block;
    vertical-align: top;
    margin-left: 5px;
    color: #027fff;
    font-size: 7px;
}
.dt-wrap .dt-box {
    background: #fff;
    border: 1px solid #e4e8ea;
    width: 350px;
    height: 150px;
    position: absolute;
    top: 40px;
    right: 0;
    padding: 10px 15px 15px 15px;
    font-size: 13px;
    overflow-y: auto;
    display: none;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
}

.info-list{width:100%}
.info-list table {width: 100%; margin-top: 8px;}
.info-list table th {
    color: #152d4b;
    font-size: 16px;
    border: 1px solid #dae1ed;
    background: #eef4f8;
    font-weight: 600;
    text-align: center;
    padding:10px 8px;
}
.info-list table td {
    padding:14px 12px; border: 1px solid #e4e8ea; vertical-align: middle; text-align: center;
}
.info-list table td .thumb {height:250px}
.info-list table td .thumb img{width:50%; height:100%}
.info-list table td .text{
    line-height:30px;
    background:#f1f4f6;
    margin-top:10px
}
.info-list.scroll {overflow-x: auto;}
.info-list.scroll table {min-width: 640px;}
.info-list em {
    color: #ff6028; display: block; font-size: 13px; padding: 7px 0
}
.info-list table em {
    display: inline-block; padding: 0; font-size: 15px; font-weight: bold;
}
.info-list td.t-left{text-align:left}
.list-search select, .list-search input {height: 32px; vertical-align: middle;}
.list-search select {width: 90px}
.list-search a.btn {
    display: inline-block; vertical-align: middle; height: 32px; line-height: 32px; padding: 0px 5px; background: #027fff; color: #fff; font-size: 12px
}
.thumb-img {width: 100%}
.label{height:50px; display:inline-block; vertical-align:middle;}

/*수산식품통합정보-가공공정*/
/*.sea_pro {width:100%;}
.sea_pro_top {margin-bottom: 20px; width: 100%;}
.sea_pro_top div {display: flex; gap:5px; justify-content: flex-end;}
.sea_pro_top select {width:400px;}*/
.sea_pro {/* width:100%; */}
.sea_pro_top {margin-bottom: 20px; width: 100%;}
.sea_pro_top > div {display: flex; gap:5px; justify-content: flex-end; position:relative;}
.sea_pro_top .chosen-container {width:auto;height:100%;margin:0; padding:0;}
.sea_pro_top .chosen-container .chosen-single {height:45px; line-height:45px; padding:0 15px; font-size:15px;}
.sea_pro_top .chosen-container-single .chosen-single span {font-family: 'Roboto', 'Pretendard', '돋움', Dotum, '굴림', Gulim, Helvetica, sans-serif;}
.sea_pro_top .chosen-container-single .chosen-single div b {background: url(../images/chosen-sprite.png) no-repeat 2px 11px;}
.sea_pro_top .chosen-container-active.chosen-with-drop .chosen-single div b {background-position: -16px 11px;}
.sea_pro_top button {flex-shrink:0;}
.sea_pro .h2_Wrap {
    background: #fff; margin-bottom: 40px;
    width: 100%; display:inline-block; border-top: 2px solid #152d4b; border-bottom: 2px solid #152d4b;
}
.sea_pro .h2_Wrap h2 {
    padding: 20px 0; font-size: 23px; font-weight: 700; line-height: 1; text-align: center; color:#152d4b;
}
.sea_pro .h2_Wrap h2 span {
    display: inline-block; margin-left: 10px; padding: 5px 7px; font-size: 13px; font-weight: 400; vertical-align: middle; color: #152d4b; background: #beeaff;
}

.sea_pro .stab > li {width:50%;}

.sea_pro_sec {position: relative; margin-top: 15px;}
.sea_pro_sec section {
    padding-bottom: 40px;
    display: flex;
    align-items: flex-start;
    text-align: left;
    z-index: 5;
    width: 100%;
    position:relative
}
.sea_pro_sec section.num_02 {flex-wrap: wrap;}
.sea_pro_sec section:after {
    content: "";
    display: block;
    clear: both;
    position: absolute;
    top: 0px;
    left: 20px;
    width: 1px;
    height: 100%;
    background: #ccc;
    z-index: 1;
}
.sea_pro_sec section:last-child:after{
    content:none;
}
.sea_pro_sec .num_cir {
    width: 40px; height: 40px; border-radius: 100%; text-align: center; background: #2e94ff; font-size: 20px; font-weight: 400; color: #fff; line-height: 40px; position:relative; z-index:2; flex-shrink:0;
}
.sea_pro_sec>.num_01>h3 {
    padding-left: 30px;
    font-size: 18px;
    font-weight: 500;
    color: #222;
    line-height: 24px;
    width: 20%;
    margin-top: 7px;
    flex-shrink:0;
}
.sea_pro_sec>.num_02>h3 {
    width: calc(100% - 70px);
    padding-left: 30px;
    font-size: 18px;
    font-weight: 500;
    color: #222;
    line-height: 24px;
    margin-top: 7px;
    margin-bottom: 10px;
    flex-shrink:0;
}
.sea_pro_sec>.num_01>.text-Wrap {
    padding-left: 30px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4em;
    color: #666;
    margin-top: 7px;
}
.sea_pro_sec>.num_02>.img_Wrap {
    position: relative;
    width:calc(100% - 70px);
    margin-left: 70px;
}
.sea_pro_sec>.num_02>.img_Wrap>.text-Wrap {
    padding: 15px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
    color: #555;
    background: #f5f5f5;
    margin-top: 20px;
}
.sea_pro_sec>.num_02>.img_Wrap>.section_img {
    /* float: left; */
    margin-right: 20px;
    width: 60%;
}
.sea_pro_sec>.num_02>.img_Wrap>.section_img img {
    width: 100%;
}


/*수산식품통합정보-그래프*/
.gragh_Wrap {display: flex; flex-wrap: wrap; gap:50px 0; margin-top: 15px; justify-content: space-between;}
.gragh_Wrap h3 {margin-top:0;}
.gragh_Wrap .gragh_In {width:calc(50% - 35px);}
.gragh_Wrap .gragh_In.ver_100 {width:100%;}
.gragh_Wrap .gragh_area {min-height:200px; width:100%; background-color: #f4f4f4;}
.gragh_Wrap .txt_Wrap {font-size: 15px; font-weight: 400; color: #666; margin-top: 8px; line-height: 1.4em;}






/***수산자원***/
.cu_copy{display:inline-table; width:100%; padding:50px 40px; background:#f6f9ff}
.cu_copy .logo{display: inline-block; vertical-align: middle; width:164px; margin-right:36px}
.cu_copy .copy{display: inline-block; vertical-align: middle; width:calc(100% - 200px); font-family: "Gmarket Sans"; font-size:23px; line-height:30px; font-weight:bold;}
.cu_copy .copy span{color:#ef1d7e}
.cu_video{margin-bottom:30px}
.cu_video:last-child{margin-bottom:0}
.cu_video .wrap_gray{height:200px; overflow-y: auto;}
.cu_video iframe {width:100%}
.cu_video video {width:100%}
.cheerup_wrap .md_copy{text-align: center; padding:80px 0}
.cheerup_wrap .md_copy .tit{font-family: "Gmarket Sans"; font-size:23px; line-height:30px; font-weight:bold; color:#223b5b; margin-bottom:30px}
.cheerup_wrap .md_copy .tit strong{color:#1b4bb6; font-size:30px; line-height:40px; margin-bottom:10px}


/*수산자원정보-어종목록*/
.search-list .sch-box{
 background:#eee;
 padding:25px 30px;
}
.search-list .sch-box .wrap{
 position:relative;
}
.search-list .sch-box input{
 width:100%;
 height:55px;
}
.search-list .sch-box .schbtn{
 position:absolute;
 right:20px;
 top:17px;
}
.search-list .sch-box .schbtn img{
 height:22px
}
.search-list .list{
 width:100%;
 background:#fff;
 border-top:1px solid #dae1ed;
 margin:20px 0px 30px 0px;
}
.search-list .list:last-child{
 margin-bottom:0
}
.search-list .list h2{
 font-size:22px;
 font-weight:bold;
 padding-left:10px;
 height:70px;
 line-height:70px;
 border-top:2px solid #444;
 border-bottom:1px solid #dae1ed;
}
.search-list .list li a {
 display: block;
 border-bottom:1px solid #dae1ed;
 height:70px;
 line-height:70px;
 overflow:hidden;
 position:relative;
 padding:0px 15px;
}
.search-list .list li:hover {background:#eefbff}
.search-list .list li div {
 float: left;
}
.search-list .list li .fish{
 width:100px;
 height:65px;
}
.search-list .list li .fish img{
 height:40px;
 margin-top:12px;
}
.search-list .list li .text{
 width:60%;
 font-size:18px;
 text-align:left;
}
.search-list .list li .type{
 float:none;
 position:absolute;
 top:50%;
 transform: translateY(-50%);
 right:15px;
}
.search-list .list li .type span{
    line-height:0;
    display: flex;
    align-items: center;
    font-size: 15px;
    border-radius: 100px;
    padding:5px 5px 5px 15px;
    background: #fff;
}
.search-list .list li .type strong:before {
    content: "";
    display: inline-block;
    width:10px; height:10px;
    position: absolute;
    top:50%; left:0; transform: translateY(-50%);
}
.search-list .list li .type .g-type strong:before {background-color: #1AB0A7; border-radius: 20px;}
.search-list .list li .type .y-type strong:before {
    width: 0px;
    height: 0px;
    border-bottom: calc( 6px * 1.732 ) solid #ffd112;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}
.search-list .list li .type .r-type strong:before {background-color: #ed4f81;}

.search-list .list li .type span.g-type {border: 2px solid #1AB0A7;}
.search-list .list li .type span.y-type {border: 2px solid #ffd112;}
.search-list .list li .type span.r-type {border: 2px solid #ed4f81;}
.search-list .list li .type strong {margin-right: 10px; font-weight: 500; position: relative; padding: 14px 0 14px 18px;}
.search-list .list li .type span.g-type strong {color:#0c8d85}
.search-list .list li .type span.y-type strong {color:#ad7100}
.search-list .list li .type span.r-type strong {color:#dd1856}


/*수산자원정보-어종목록상세*/
.fishinfo{
 width:100%;
 float:left;
 overflow:hidden;
}

.fishinfo .fish{
 width:100%;
 height:200px;
 text-align:center;
}

.fishinfo .fish img{
    vertical-align: middle;
    margin: auto;
    width: 100%;
}

.fishinfo .text{
 margin-top:20px;
 position:relative;
}

.fishinfo .text h1{
 font-size:24px;
 font-weight:500;
 margin-bottom:10px;
}

.fishinfo .listhd{
 position:relative;
 height:50px;
 line-height:50px;
}

.fishinfo .listhd .title,
.fishinfo .length .title{
 font-size:17px;
 color: #000;
 font-weight: 600;
}

.fishinfo .listhd .value{
 position: absolute;
 right:0px;
 top:0px;
}

.fishinfo .listhd .value li{
 float:left;
 margin-right:20px;
 font-size:12px;
}

.fishinfo .listhd .value li:last-child{
 margin-right:0
}

.fishinfo .listhd .value li .cir{
 display:inline-block;
   /*-webkit-border-radius:10px;
   -ms-border-radius:10px;
   -moz-border-radius:10px;*/
   border-radius:10px;
   width:10px;
   height:10px;
   margin-right:5px;
   position: relative;
}
.fishinfo .listhd .value li .cir:before {
    content: "";
    display: inline-block;
    width:8px; height:8px;
    position: absolute;
    top:50%; left:0; transform: translateY(-50%);
}

.scName {font-style: italic;}

.fishinfo .count{
 width:100%;
 display: flex;
 padding: 15px 0;
 margin-bottom: 15px;
 justify-content: space-between;
 border-bottom: 1px dotted #ced8e3;
}

.fishinfo .count span{
 position: relative;
 display:inline-block;
 flex-shrink: 0;
 width:35px;
 height:35px;
 line-height:35px;
 border-radius:35px;
 color:#000;
 font-weight:bold;
 text-align:center;
 font-size:18px;
 background: #e8edf0;
}
.fishinfo .count span:before {
    content: "";
    display: inline-block;
    width:8px; height:8px;
    position: absolute;
    top:-13px; left:50%; transform: translateX(-50%);
}

.fishinfo .listhd .value li .cir.green:before,
.fishinfo .count span.green:before {background-color: #1AB0A7; border-radius: 20px;}
.fishinfo .listhd .value li .cir.red:before,
.fishinfo .count span.red:before {background-color: #ed4f81;}
.fishinfo .listhd .value li .cir.yellow:before,
.fishinfo .count span.yellow:before {
    width: 0px;
    height: 0px;
    border-bottom: calc( 5px * 1.732 ) solid #ffd112;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}

.fishinfo .count span:last-child{
 margin-right:0
}

.fishinfo.sub{
 width:100%;
 float:none;
}

.fishinfo.sub .fish{
 width:50%;
 float:left;
 height: 280px;
}

.fish .bx-controls-direction {
    display: none;
}

.fish .bx-wrapper {position: relative;}
.fish .bx-wrapper .bx-pager {
    position: absolute;
    bottom: -30px;
    width: 100%;
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 20px;
}

.fish .bx-wrapper .bx-pager-item {
    font-size: 0;
    line-height: 0;
    display: inline-block;
    vertical-align: bottom;
}

.fish .bx-wrapper .bx-pager.bx-default-pager a {
    background: #ddd;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    /*-moz-border-radius: 5px;
    -webkit-border-radius: 5px;*/
    border-radius: 5px;
}
.fish .bx-wrapper .bx-pager.bx-default-pager a:focus {outline:2px dotted red; outline-offset: 2px;}
.fish .bx-wrapper .bx-pager.bx-default-pager a.active {background: #666;}

.fishinfo.sub .text{
 width:50%;
 float:left;
 margin:0;
 border:5px solid #e0e7ef;
 padding:15px 25px 25px 25px;
 border-radius: 20px;
}

.fishinfo.sub .info table{
 border-collapse:inherit;
 overflow:hidden;
 width:100%;
}

.fishinfo.sub .info th{
 font-weight:600;
 color: #000;
 font-size:17px;
 padding:15px 0;
 text-align:left;
 border-bottom: 1px dotted #ced8e3;
}

.fishinfo.sub .info td{
 font-size:17px;
 padding:15px 0;
 text-align:left;
 border-bottom: 1px dotted #ced8e3;
}

/** length **/
.length .l-info{
 padding-top:30px;
}

.length .l-info li{
 width:33.3%;
 float:left;
 position:relative;
}

.length .l-info li .line{
 height:10px;
}

.length .l-info li .cm{
 font-weight:bold;
 float:right;
 padding:10px 10px 0px;
 position:relative;
}

.length .l-info li .cm::before{
 content:"";
 position:absolute;
 width:1px;
 height:30px;
 background:#333;
 right: 0;
 top:0
}

.length .l-info li:last-child .cm::before{
 background:0
}

.length .l-info li .mark{
 position:absolute;
 left:50%;
 transform: translateX(-50%);
 top:-22px;
 font-size:15px;
 width: 100%;
 text-align: center;
}

.length .l-info li.lred .line{background:#ed4f81}
.length .l-info li.lgreen .line{background:#1AB0A7}
.length .l-info li.lyellow .line{background:#ffd112}
.length .l-info li.lred .mark{color:#dd1856}
.length .l-info li.lgreen .mark{color:#0c8d85}
.length .l-info li.lyellow .mark{color:#ad7100}


/*수산자원정보-detail-info*/
.detail-info{
 margin-top:50px;
}

.detail-info .list{
 margin-bottom:15px;
}

.detail-info .title{
 border:1px solid #dae1ed;
 border-radius: 8px;
 background:#fff;
 font-weight:bold;
 padding:25px 25px;
 font-size:18px;
 color:#000;
 cursor: pointer;
}

.detail-info .detail{
 background:#F9F9FA;
 padding:25px;
 line-height:1.5em;
 display:none;
 margin-top: 5px;
 border-radius: 8px;
 font-size: 16px;
}

.detail-info .detail .cir{
    background:#7e8189;
    color:#fff;
    /*-webkit-border-radius:50px;
    -ms-border-radius:50px;
    -moz-border-radius:50px;*/
    border-radius:50px;
    display:block;
    width: 75px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin-bottom: 10px;
    font-size: 15px;
}

.detail-info .notice{
 background:#444;
 padding:35px 25px;
 text-align:center;
 color:#fff;
 background-size:50px;
 position: relative;
}
.detail-info .notice .wwf_logo {
    position: absolute;
    top:0;
    left:25px;
    width:50px;
}
.detail-info .notice .wwf_logo img {width:100%;}

.detail-info .notice .tit{
 font-size:20px;
 margin-bottom:20px;
 position:relative;
 height:40px;
 display:inline-block;
}

.detail-info .notice .tit::after{
 content:"";
 border-bottom:2px solid #fff;
 position:absolute;
 bottom:0;
 left:0;
 width:100%;
}

.detail-info .notice .con{
 font-size:15px;
 line-height:24px;
}


/*로그인*/
.login_wrap {
    background: #fff;
    padding: 65px;
    box-shadow: 0 0 20px 0 rgba(13, 46, 139, 0.16);
    border-radius: 30px;
    width: 45%;
    margin: 0 auto;
    border: 1px solid #e8edf0;
    min-width:540px;
    display: flex;
}
.login {
    width:70%; margin:0 auto;
    background-image: url(../images/mein/id_icon.png);
    background-repeat: no-repeat; background-position:50% 0;
    padding-top: 200px; background-size: 140px; padding-top: 180px;
}
.login.sch{background-image: url(.././images/sch_icon.png)}
.login.sch .id{color:#152d4b; font-size:24px; display:block; margin-top:20px}
.login .title {margin-bottom: 20px; font-size: 1.4em; font-family: "Gmarket Sans"; color: #152d4b; text-align: center;}
.login_list {margin-bottom: 15px;}
/*.login_list li:first-of-type {margin-bottom: 8px;}*/
.login_list .input {width:100%; font-size: 0.95em; color: #333; background: #eef5fe; border-color: #dbe7f5;}
.login_list .input::placeholder {color: #666;}
.login_list li{position:relative; margin-bottom: 8px;}
.login_list li:last-child{margin-bottom:0}
.login_list li .l_btn{display:inline-block; width:60px; text-align:center; background:#fff; font-size:13px; border-radius:20px; padding:0px 5px; border:1px solid #1458f1; color:#1458f1; position:absolute; right:10px; top:9px}
.btn_login {
    background: #152d4b;
    color: #fff;
    border: 1px solid #152d4b;
    display: block;
    width:100%;
    padding: 0 15px;
    border-radius: 5px;
    font-size: 1em;
    height: 50px;
    line-height: 50px;
    transition: all 0.2s;
    font-weight: 500;
    font-family: 'Roboto', 'Pretendard', '돋움', Dotum, '굴림', Gulim, Helvetica, sans-serif;
    margin-bottom: 25px;
}
.btn_login:focus {outline-color: #22f3ff;}
.btn_login:hover {border:1px solid #152d4b; background: #fff; color:#152d4b;}
.member_list {display: flex; justify-content: space-between;}
.member_list a {font-size: 0.95em; color: #152d4b;}
.member_list a:hover {text-decoration: underline; font-weight: 500;}
.login_wrap .stab > li{width:50%; min-height:48px;}
.login_wrap .stab > li a{font-size:15px}


/*로그인-두개섹션*/
.login_wrap.ver_twin {
    width:70%;
}
.login_wrap.ver_twin .login {
    width:50%;
    padding-left:65px;
    background-position: calc(50% + 32px) 0;
    background-image: url(.././images/gov_icon.png)
}
.login_wrap.ver_twin .login:first-of-type {
    border-right: 1px dotted #ccc;
    padding-left:0;
    padding-right:65px;
    background-position: calc(50% - 32px) 0;
    background-image: url(.././images/company_icon.png)
}
.login_wrap.ver_twin .member_list {text-align: right;}
.login_wrap.ver_twin .member_list a {
    display: block;
    width: 100%;
}
.login_list .ver_triple {
    display: flex; justify-content: space-between; align-items: center;
    gap:0 5px;
}


/*로그인-탭버전*/
.login_wrap.ver_tab {
    padding: 0 0 65px 0;
    display: block;
    overflow: hidden;
}
.login_wrap.ver_tab .stab_wrap {
    width: 100%;
    position: relative;
    margin-bottom: 50px;
}
.login_wrap.ver_tab .stab > li{
    width: 50%;
    min-height: 70px;
}
.login_wrap.ver_tab .stab > li a {
    font-size: 18px;
    background: #e0e7ef;
    color: #666;
    font-weight: 600;
    padding: 0px 25px;
}
.login_wrap.ver_tab .stab > li.active > a:focus {outline-offset: -5px; outline-color: #152d4b;}
.login_wrap.ver_tab .stab > li a:after {background:#788291}
.login_wrap.ver_tab .stab > li > a {border:none;}
.login_wrap.ver_tab .stab > li.active > a {background: #fff; color: #152d4b;}
.login_wrap.ver_tab .stab > li.active > a:after {background: url(../images/stab_arrow_black.svg) no-repeat 50% 50%;}
.login_wrap.ver_tab .login {width:70%;}
.login.ver_company {
    background-image: url(.././images/company_icon.png)
}
.login.ver_gov {
    background-image: url(.././images/gov_icon.png)
}
.member_list.ver_right {text-align: right;}
.member_list.ver_right a {
    display: block;
    width: 100%;
}



.joinus .vision{font-size:21px; font-weight:500;margin-top: 30px;}
.joinus_process{width:100%; position:relative; padding-bottom: 30px; border-bottom:2px dotted #ccc;}
.joinus_process ul{position:relative; z-index:2; display: flex; align-items: center; justify-content: center; width: 100%;}
.joinus_process li{width:150px; text-align:center; position: relative; margin-left: 50px;}
.joinus_process li:first-of-type {margin-left: 0px;}
.joinus_process li::before{
    content:""; width:40px; height:40px; background: url(../images/paging_prev.svg) no-repeat 50% 50%; background-size: 100%;
    display: block; top:50%; left:-45px; transform: translateY(-50%) scaleX(-1); position: absolute; opacity: 0.2;
}
.joinus_process li:first-of-type::before{display: none;}
.joinus_process li em{
    font-weight:500; font-size:19px; color:#666; display: flex; flex-direction: column; justify-content: center; align-items: center; gap:7px;
    background: #f4f4f4; padding: 35px 0; border-radius: 10px; border:3px solid #f4f4f4; width: 100%; font-style:normal;
}
.joinus_process li span{font-size:14px; font-weight: 400; background:#818181; color:#fff; border-radius: 50px; padding:4px 15px;}
.joinus_process li.on span{background:#1459f1; color:#fff; font-weight: 500;}
.joinus_process li.on em {background:#fff; border-color:#1459f1; color:#1459f1; font-weight: 700;}

.joinus_box{text-align:center; padding:240px 0 100px 0; border:2px solid #e1e1e1; position:relative; background: url(.././images/join_icon.png) no-repeat center 70px; background-size: 140px;}
.joinus_box .tit{font-size:30px; font-family: "Gmarket Sans"; color: #152d4b; font-weight:bold; margin-bottom:20px}
.joinus_box span{position: absolute; bottom:20px; left:50%; transform: translateX(-50%); font-weight:400; color:#888; font-size:12px}


/*chosen.css수정*/
.chosen-container-single .chosen-single {height: 45px; line-height: 45px; padding: 0 0 0 12px; font-family:'Roboto', 'Pretendard', '돋움', Dotum, '굴림', Gulim, Helvetica, sans-serif;}
.chosen-container-single .chosen-single span {font-size: 15px;}
.chosen-container-single .chosen-single div {width: 15px;}
.chosen-container-single .chosen-single div b {background: url(../images/chosen-sprite.png) no-repeat 0px 12px;}
.chosen-container-active.chosen-with-drop .chosen-single div b {background-position: -18px 12px;}




/***CMS***/
/*게시판&폼용*/
.ic_file {display:inline-block; width:18px; height:18px; vertical-align: middle; opacity: 0.5;}
.ic_file img {width:100%; display: block;}
.ic_new {display:inline-block; width:16px; height:18px; vertical-align: middle;}
.ic_new img {width:100%; display: block;}
.file_wrap {display: flex; gap:5px 15px; flex-wrap: wrap; align-items: center;}
a.file:hover {text-decoration: underline;}
.re_count {
    display: inline-block; background:#e4f0ff; color:#2673ff; border-radius: 100px; padding:0 8px; line-height: 22px;
    font-size: 13px; text-align: center; margin-left: 5px; font-weight: 600; border:1px solid #e4f0ff;
}
.on .re_count {background: #fff; color: #16327b; border-color: #daedf3;}
.tag {display: inline-block; border:1px solid #0a215c; color:#0a215c; margin-right: 8px; border-radius: 3px; font-size: 13px; line-height: 15px; font-weight: 500; padding:4px 7px;vertical-align: middle;}
.tag.solid,
.on .tag.solid {background:#2673ff; color: #fff; border-color: #2673ff;}
.on .tag {border:1px solid #2673ff; color:#2673ff;}
.ic_state {
    display: inline-block;
    border: 1px solid #6d7eab;
    color: #6d7eab;
    line-height: 18px;
    font-size: 12px;
    font-weight: 400;
    padding: 0px 3px;
    vertical-align: middle;
}
.ic_state.red {border: 1px solid #e1709e; color: #e1709e;}
.ic_state.green {border: 1px solid #12abcf; color: #12abcf;}
.nodata {text-align: center; padding: 20px 0 30px 0; display: flex; flex-direction: column; align-items: center; width:100%;}
.nodata:before {content: ""; display: inline-block; width:80px; height:80px; background: url(../images/nodata.svg) no-repeat 50% 0; background-size: 100%; opacity: 0.5;}
.gallery .nodata {padding: 45px 0; border: 1px solid #dae1ed; border-radius: 15px;}
.reset_btn {background: #fff; width: 30px; height: 30px; border:1px solid #7a8ea3;}
.reset_btn img {width:60%;}
.sch_detail {display: none; margin-top: 5px;}
.hidden_box {/*display: none;*/}
.hidden_box_in {background: #fff; border: 2px dotted #ccc; padding:10px 0; margin-top: 5px; border-radius: 5px; display: flex; flex-wrap: wrap; justify-content: flex-start;}
.hidden_box span {width:calc((100% / 6) - 15px); padding:5px 30px;}
.hidden_box .sch_form[type=checkbox] + label {position: relative; line-height: 18px; align-items: flex-start; padding:2px 0 0 26px;}
.hidden_box .sch_form[type=checkbox] + label:before {flex-shrink: 0; position: absolute; top:0; left:0;}
.required::before {
    color: red;
    content: ' *';
    padding-right: 5px;
}
/*테이블 탭메뉴*/
.tb_tab {display: flex; gap:3px;}
.tb_tab a {display: block; padding:2px 7px; border-radius: 2px; border:1px solid #f4f4f4; background: #f4f4f4; color: #666; font-size: 0.8em;}
.tb_tab .active a,
.tb_tab li:hover a {border:1px solid #4571e9; background:#fff; color:#4571e9; font-weight: 600;}
/***CMS***/



/*설문조사*/
.survey h2{
    font-size:24px;
    line-height:28px;
}

.survey h3{
    font-size:24px;
    font-family: 'Gmarket Sans';
    color:#152d4b;
    margin-bottom:15px;
}

.survey section{
    margin-bottom:60px
}

.survey section:last-child{
    margin-bottom:0;
}

.survey article{
    margin-bottom:30px
}

.survey article:last-child{
    margin-bottom:0
}

.survey article .abox{
    padding:20px;
    line-height:normal;
    border-radius:10px;
    background-color:#fff;
    border: 1px solid #c5c7cd;
}

.survey article .abox .list_2st li{
    margin-bottom:5px;
    text-align:left;
}

.survey article .abox .list_2st li:last-child{
    margin-bottom:0
}

.survey article .abox .checkbox[type=checkbox] + label{
    display: inline-flex;
}

.survey article input, .survey article select{
    height:44px;
}

.survey article textarea{
    border:1px solid #c5c7cd;
    border-radius:5px;
}

.survey .progress {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    border-radius: 28px;
    line-height: 28px;
    font-size: 16px;
    background: #eef5fd;
    border: 1px solid #dfeaee;
    color: #5d5d5d;
    width: 80px;
    text-align: center;
}

.survey .progress.on {
    background: #fff;
    border: 1px solid #2673ff;
    color: #2673ff
}

.survey .info{
    display:block;
    margin:0;
    overflow:hidden;
    background: #eef5fd;
    border: 1px solid #c4cfe1;
    border-bottom:1px solid #dfeaee;
    padding:20px;
    font-size:18px;
    line-height:24px;
    width:100%;
    border-radius:8px 8px 0 0
}

.survey .info span{
 display:block;
}

.survey .info strong{
 margin-right:8px
}

.survey .view{
    margin-bottom:40px;
    padding:20px;
    border:1px solid #c4cfe1;
    border-top:0;
    font-size:16px;
    border-radius:0 0 12px 12px
}

.survey .qtit{
    font-size:20px;
    line-height:26px;
    margin-bottom:20px
}

.survey .qtit.if{
    padding-left:28px;
    position:relative
}

.survey .qtit.if::after{
    content: "";
    background-image: url(../images/i_icon.svg);
    background-repeat: no-repeat;
    width:22px;
    height:22px;
    position:absolute;
    left:0;
    top:4px
}

.survey .qtit strong{
    color:#2673ff;
    font-weight: bold;
    font-family: 'Gmarket Sans';
    display: inline-block;
    vertical-align: middle;
    width:24px;
}

.survey .qtit em{
    font-weight:bold;
    font-style: normal;
}

.survey .qtit .tt{
    width:calc(100% - 30px);
    display: inline-block;
    vertical-align: middle;
}

/*툴팁*/
.tooltip {
  position: relative;
}
.tooltip .tooltiptext {
  visibility: hidden;
  background-color: #152d4b;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 8px 15px;
  position: absolute;
  z-index: 1;
  font-size: 13px;
  line-height: 1.4em;
}
.tooltip:hover .tooltiptext,
.tooltip input:focus + .tooltiptext {
  visibility: visible;
}
.tooltip .tooltiptext::after {
  content: " ";
  position: absolute;
  border-style: solid;
  border-width: 6px;
}
.tooltip .tooltip-top {
    bottom: 120%;
    left: 0%;
    width: auto;
    text-align: left;
}
.tooltip .tooltip-top::after {
  top: 100%;
  left: 15px;
  border-color: #152d4b transparent transparent transparent;
}

/*캘린더키보드안내*/
.dpKey {
    position: absolute;
    left: -100%;
    top: 0;
    background: #fff;
    border: 1px solid #ddd;
    color: #000;
    font-size: 12px;
    width: 100%;
    height: calc(100% + 1px);
    line-height: 1.4em;
}
.dpKey dt {font-weight: bold;text-align: center;border-bottom:1px solid #ddd;padding: 7px 0;margin-bottom: 3px;background: #0074eb;color: #fff;font-size: 1.2em;}
.dpKey dd {padding:5px;}
.dpKey li {margin: 2px 0;}
.dpKey code {
    background: #e9f0ff;
    color: #000;
    padding: 2px;
    border-radius: 2px;
    margin: 0 1px;
}


/* 만족도조사 */
.satisfy_wrap {margin-bottom: 70px;}
#satisfy{
    position: relative; padding:2rem;border-radius:1rem 1rem 0 0;
    border: 1px solid #ddd; background-color: #f6f7f9;
}
#satisfy .title {font-size:1.1rem; color:#333; margin-bottom:0.9rem;}
#satisfy .cont {display: flex; justify-content: space-between;}
#satisfy .list {display: flex; gap:25px;}
#satisfy .list li {display: flex;}
#satisfy .list label{font-size:1rem;font-weight:400}
#satisfy .form {
    width:30%;
    display: flex;
    gap:3px;
}
#satisfy .form input {width:100%;}
#satisfy .form button {flex-shrink: 0}
#sati_info{
    position: relative; padding:2rem;border-radius:0 0 1rem 1rem;
    border: 1px solid #ddd; background-color: #fff; display: flex;
    border-top: none; justify-content: space-between;
}
#sati_info .list_wrap {
    display: flex; gap:15px 0; flex-direction: column; width:100%;
}
#sati_info .list {display: flex; flex-wrap: wrap;}
#sati_info .list li:first-child {width:30%;}
#sati_info .list li:last-child {width:70%;}
#sati_info .list strong {
    display: inline-block; margin-right: 12px; color: #25446b;
    align-items: center; position: relative; padding-left:25px;
}
#sati_info .list strong:before {
    content: "";
    width:18px;
    height:18px;
    position: absolute;
    display: block;
    top:50%;
    left:0;
    transform: translateY(-50%);
    background-size: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
#sati_info .list .manager strong:before {background-image:url(../images/sati_01.svg);}
#sati_info .list .tel strong:before {background-image:url(../images/sati_02.svg);}
#sati_info .update {
    width:30%;
    display: flex;
    gap:3px;
    justify-content: flex-end;
}
#sati_info .update dt {
    position: relative;
    padding-left:25px;
    color: #25446b;
    font-weight: 600;
    margin-right: 8px;
}
#sati_info .update dt:before {
    content: "";
    width:17px;
    height:17px;
    position: absolute;
    display: block;
    top:-2px;
    left:0;
    background-size: 100%;
    background:url(../images/sati_03.svg) no-repeat 50% 50%;
}


/* 스피드로그인 */
#container.sfd_login {
    width: 100%;
    background:url(../images/sfid_login_bg.jpg) no-repeat 50% 100%;
    background-size: cover;
}

.sfd_login #contents {
    padding: 70px 0 160px 0;
}
.sfd_login .login_wrap {
    background: none;
    border: none;
    box-shadow: none;
}
.sfd_login .login {
    background-image: none;
    padding-top: 0;
    width: 60%;
}
.sfd_login .login .title {
    color: #fff;
    font-size: 1.7em;
    margin-bottom: 25px;
    line-height: 1;
}
.sfd_login .login_list .input {
    background: #fff;
    border-color: #fff;
}
.sfd_login .member_list a {
    color: #fff;
    font-weight: 400;
}


/*해양포유류*/
.marine_body {
    background-color: #f8fcfd;
    padding-bottom: 20px;
}
.marine_head {
    width: 100%;
    margin: 0 auto 85px auto;
    background: url(../images/frct/marine_bg.jpg) no-repeat 50% 0%;
    background-size: cover;
    color:#fff;
    border-radius: 40px 40px;
    padding:80px;
    line-height: 1;
    min-height: 309px;
}
.marine_head .sm_title {
    display: block;
    font-size: 11px;
    font-family: 'Gmarket Sans';
    text-transform: uppercase;
    margin-bottom: 15px;
}
.marine_head .title {
    font-size: 43px;
    font-family: 'Gmarket Sans';
    margin-bottom: 15px;
}
.marine_head .txt {
    font-size: 20px;
    line-height: 1.5;
}

.marine_movie {
    width:100%;
    aspect-ratio: 16 / 9;
    border-radius: 15px;
    overflow: hidden;
}

.marine_more {
    font-size: 16px;
    color:#152d4b;
    font-weight: 500;
    position: relative;
    padding-right: 15px;
    line-height: 1;
}
.marine_more:after {
    content: "";
    position: absolute;
    right:0;
    top:50%;
    transform: translateY(-50%);
    background: url(../images/ic_arrow_bk.svg) no-repeat 50% 50%;
    width:10px;
    height:10px;
    background-size: 100%;
}

.marine_gallery {
    padding: 0;
    display: flex;
    gap: 15px 15px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 15px;
}

.marine_gallery li {
    width: calc(50% - 8px);
    cursor: pointer;
    border-radius: 15px;
    position: relative;
    border: 1px solid #dae1ed;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: stretch;
}

.marine_gallery .thumb {
    display: flex;
    width:100%;
    aspect-ratio: 1.5 / 1;
    border-radius: 15px 15px 0 0;
    overflow: hidden;
    transition: all 0.2s;
    background: #eeeeee;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}

.marine_gallery .thumb img {
    width: 100%;
    transition: all 0.2s;
}

.marine_gallery li:hover {
    box-shadow: 0 0 16px 0 rgb(88 128 177 / 13%);
}

.marine_gallery li:hover .thumb img {
    transform: scale(1.05);
}

.marine_gallery .detail {
    padding: 25px 20px;
    background: #fff;
    border-radius: 0 0 15px 15px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.marine_gallery .tit {
    font-size: 1.3em;
    font-weight: bold;
    color: #000;
    margin-bottom: 5px;
    cursor: pointer;
    line-height: 1.3;
}

.marine_gallery .date {
    font-size: 0.9em;
    font-weight: 300;
    color: #555;
}

.tb_row.ver_marine {
    background: #fff;
}
.tb_row.ver_marine th,
.tb_row.ver_marine td {
    padding: 16px 15px;
}
.tb_row.ver_marine tbody tr:hover,
.tb_row.ver_marine tbody tr.on {
    background-color: #eaf6ff;
}
.tb_row.ver_marine tbody tr.on {
    font-weight: 500;
    color:#0b348f;
}
.tb_row.ver_marine tbody tr.on a {
    font-weight: 700;
    color:#0b348f;
}

.tb_tab.ver_marine a {
    background: #dddfe5;
    color: #444;
    transition: all 0.2s;
    font-size: 0.9em;
}
.tb_tab.ver_marine .active a,
.tb_tab.ver_marine li:hover a {
    border: 1px solid #4571e9;
    background: #fff;
    color: #4571e9;
    font-weight: 600;
}


/*사료연구센터-모바일*/
.mo_tb_row {border-collapse: collapse; width:100%; border-top: 2px solid #152d4b;}
.mo_tb_row th,
.mo_tb_row td {padding:14px 12px;}
.mo_tb_row thead th {
    color: #152d4b;
    border-bottom: 1px solid #152d4b;
    font-weight: 600;
    text-align: center;
}
.mo_tb_row tbody th {
    color: #152d4b;
    border-bottom: 1px solid #dae1ed;
    font-weight: 600;
    position: relative;
}
.mo_tb_row tbody th:after {content: ""; display: inline-block; width:2px; height:18px; background: #dae1ed; position: absolute; right:0; top:50%; transform: translateY(-50%);}
.mo_tb_row td {
    border-bottom: 1px solid #dae1ed;
    text-align: center;
}

.mo_tb_row td a:hover {text-decoration: underline; color:#000;}
.mo_tb_row td a.btn_down:hover,
.mo_tb_row td a.btn_navy:hover,
.mo_tb_row td a.btn_blue:hover,
.mo_tb_row td a.btn_red:hover,
.mo_tb_row td a.btn_gray:hover,
.mo_tb_row td a.btn_line_blue:hover {text-decoration: none; color:#fff;}
.mo_tb_row td a.btn_white:hover {text-decoration: none; color:#000;}
.mo_tb_row.ver_left td {text-align: left;}

.step_num {
    background: #eef5fe;
    border-radius: 20px;
    font-size: 0.9rem;
    padding: 4px 10px;
    vertical-align: middle;
    line-height: 1;
}

.hidden {
    display: none !important;
}




/*반응형*/
@media screen and (max-width:1820px) {
    #cssmenu {left: calc((100% - 1600px) / 2);}
}
@media screen and (max-width:1699px) {
    #cssmenu {left:2%;}
    #container {width:96%; margin:auto;}
    .contents_wrap {width:calc(100% - 360px);}
    .sfd_login .login {width:80%;}
}
@media screen and (max-width:1599px) {
    .tb_row td input {width:100%;}

    /*갤러리*/
    .one_gallery img {width:100%;}

    .gallery3 .detail {padding:8px 0; flex-wrap: wrap;}
    .gallery3 .tit,
    .gallery3 .date {width:100%;}

    /*어종목록*/
    .fishinfo .count {justify-content: flex-start; flex-wrap: wrap; gap: 25px 10px;}
    .fishinfo .count span {
        width: calc((100% / 6) - 9px);
        height: 48px;
        line-height: 48px;
        border-radius: 100px;
    }

    /*콘텐츠*/
    .intro_in {
        width: 70%;
        margin: 80px 0 0 30%;
    }
    .sea_pro{padding:0 4% 4% 4%}
    .map_out dl {width:calc(50% - 25px);}
    .map_out dd img,
    .map_out.map_all dl,
    .map_out.map_all dd img {width:100%;}
    .map_out.map_all dd {overflow-x: scroll; width: 100%;}
    .map_out.map_all dd img {width:1070px;}
    .envi_step img {width:90%; margin:0 auto;}

    /*생명자원*/
    /*수산생명자원정보센터_서브메인*/
    .frc_app a em {display: none}
    .frc_info_list li a:before {width: 80px; height: 80px;}

    .process.ver7 li{width:30%; margin:0 3% 20px 0;}
    .process.ver7 li::after{right:-25px; top:50%; transform: rotate(-90deg) translateX(50%);}
    .process.ver7 li.rt::after{right: -5px; transform: rotate(90deg) translate(-50%, -50%);}
}

@media screen and (max-width:1279px) {
    /*콘텐츠*/
    .intro_in {width: 80%; margin: 80px 0 0 20%;}
    .intro_dl dt {line-height: 1.3em;}
    .gragh_Wrap>ul>li {float: none; width: 100%; margin-top: 50px;}
    .gragh_06 {margin: 0 auto;}
    .sea_pro_sec{margin: 0 0 30px;}
    .book_list li .thumb{height:190px;}
    .jelly_notice img {width:100%;}

    .sfd_login .login {width:100%;}
}

@media screen and (max-width:1190px) {
    #cssmenu {display: none;}
    .contents_wrap {width:100%;}
    .contents_top {margin-top: 45px;}
    .contents_top .tit_h3 {font-size: 36px;}
    #container {width:94%;}
    #header .logo {left:3%;}
    #header .util {right:3%;}
    #contents {min-height: auto;}

    /*로그인-두개섹션*/
    .login_wrap.ver_twin {flex-direction: column;}
    .login_wrap.ver_twin .login {width:100%; border:none; padding:0; background: none;}
    .login_wrap.ver_twin .login:first-of-type {
        border-right: none;
        border-bottom: 1px dotted #ccc;
        padding: 0 0 45px 0;
        margin-bottom: 45px;
        background:none;
    }

    /*로그인-탭버전*/
    .login_wrap.ver_tab {padding:0 0 40px 0}
    .login_wrap.ver_tab .stab > li {min-height: 60px;}
    .login_wrap.ver_tab .stab > li a {font-size: 1.05em;}
}

/*@media screen and (max-width:980px) {*/
    @media screen and (max-width:1023px) {
        #contents {font-size: 15px; padding: 25px 0 55px 0;}
        .sub_top {padding: 45px 15px 32px 15px;}
        .sub_top .tit_h2 {font-size: 35px; margin-bottom: 25px;}
        .contents_top {margin-top: 40px; padding-right:0; flex-direction: column-reverse; align-items: flex-start; gap: 5px;}
        .contents_top .tit_h3 {font-size: 26px; line-height: 27px; width:100%;}
        .path {width: 100%; margin: auto; position: relative; gap: 8px;}
        .path > li {font-size: 15px; max-width: 25%; position: unset; text-align: left;}
        .path > li:first-child,
        .path > li:nth-child(2) > a:before {display: none;}
        .path > li > a {padding:0 20px 0 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
        .path > li:nth-child(2) > a {padding-left:0}
        .path > li > a:after {width: 14px; height: 14px; top: 0;}
        .path .drop-list {width:100%; overflow: hidden; padding: 0;}
        .path .drop-list li {border-bottom: 1px solid #ddd;}
        .path .drop-list li:last-of-type {border-bottom: none;}
        .path .drop-list a {padding: 10px; font-size: 1em; color:#000;}
        .con_util {gap: 5px; bottom: 0;}
        .con_util .print, .con_util .share {width: 37px; height: 37px; background-size: 17px;}
        .con_util .list a,
        .con_util .list a.close_share {width: 27px; height: 27px;}
        #scroll-top {
            padding: 22px 0 22px 0; width: 59px; height: 57px; background-position: 50% 13px;
            bottom: 20px; right: 20px; background-size: 10px;
        }

        .tit_h4 {
            margin: 1.8em 0 10px 0;
            padding-left: 13px;
            font-size: 21px;
            line-height: 1.25em;
        }
        .tit_h4:before {
            top: 3px;
            width: 5px;
            height: 19px;
            border-radius: 5px;
        }
        .wrap_gray + .tit_h4 {margin-top:calc(1.5em - 20px)}
        .tit_h5 {margin: 1.5em 0 10px 0; font-size: 18px;}
        .tit_h4 + .tit_h5 {margin-top: 0.5em !important;}
        .wrap_gray + .tit_h5 {margin-top:calc(1.5em - 20px)}
        .tit_h6 {font-size: 17px; line-height: 18px; margin: 1.5em 0 10px 0;}

        /*버튼*/
        table .btn_down:not(.btn_stay),
        table .btn_down.btn_white:not(.btn_stay),
        table .btn_pdf:not(.btn_stay),
        table .btn_hwp:not(.btn_stay) {overflow: hidden; text-indent: -999px; padding: 0 10px;}
        table .btn_down:not(.btn_stay):before,
        table .btn_down.btn_white:not(.btn_stay),
        table .btn_pdf:not(.btn_stay):before,
        table .btn_hwp:not(.btn_stay):before {margin-right: 0;}
        .btn_mid {height:35px !important; line-height: 35px !important; font-size: 14px !important; padding: 0 10px;}
        .btn_down:before,
        .btn_down.btn_white:before,
        .btn_pdf:before,
        .btn_hwp:before {width: 16px; height: 16px;}

        /*게시판*/
        .board_view .view_tit {font-size: 1.3em; padding: 20px 0;}
        .tb_img3 {max-width:48%;}
        .tb_top,
        .tb_top_left {flex-wrap: wrap;}
        .tb_top_left,
        .tb_count,
        .line_info {width:100%; margin:5px 0;}
        .line_info {font-size: 0.95em;}
        .tb_page {display: none;}

        .gdtb_wrap.ver_vertical {overflow: auto; max-height: 510px;}
        .gdtb_wrap.ver_vertical .gdtb_row {min-width: 1200px; max-width: 1200px;}

        .gdtb_wrap.ver_respon,
        .gdtb_wrap.ver_vertical.ver_respon {
            max-width:unset; max-height:unset; overflow: unset;
            border-top: 1px solid #152d4b; border-bottom:none;
        }
        .gdtb_wrap.ver_respon .gdtb_row,
        .gdtb_wrap.ver_vertical.ver_respon .gdtb_row {min-width: unset; max-width: unset; width: 100%;}
        .ver_respon thead {display: none;}
        .ver_respon tr {border-bottom: 1px solid #c6cfdf;}
        .ver_respon tr.selected {background:none;}
        .ver_respon td {
            display: flex;
            border:none;
            line-height: 1.5rem;
            padding: 0;
        }
        .ver_respon .gdtb_row tr.onclick td:hover {background:none;}
        .ver_respon td:first-child:before,
        .ver_respon td:first-child span {
            padding: 12px 12px 4px 12px;
        }
        .ver_respon td:last-child:before,
        .ver_respon td:last-child span {
            padding: 4px 12px 12px 12px;
        }
        .ver_respon td:before {
            width: 85px;
            font-weight: 600;
            color: #152d4b;
            background: #eef4f8;
            text-align: left;
            content: attr(data-label);
            padding: 4px 12px;
            flex-shrink: 0;
            position: relative;
            z-index: -1;
        }
        .ver_respon td span {
            display: inline-block;
            padding: 4px 12px;
        }


        /*갤러리*/
        .gallery3 {gap: 20px 30px;}
        .gallery3 li, .gallery3.ver_5n li {width:calc(33% - 18px);}
        .gallery4 li {gap: 20px; padding: 15px;}
        .gallery4 li.active, .gallery4 li:hover {
            border-width: 1px;
            padding: 15px;
        }
        .gallery4 .thumb {width:100px; height: auto; min-height:75px;}
        .gallery4 .gall_con {width: calc(100% - 120px);}
        .gallery4 .gall_tit {flex-wrap: wrap;}
        .gallery4 .gall_tit a {display: block; width:100%;}
        .gallery6 li {gap: 20px; padding: 15px;}
        .gallery6 li.active, .gallery6 li:hover {
            border-width: 1px;
            padding: 15px;
        }
        .gallery6 .gall_con {width: 100%;}
        .gallery6 .gall_tit {flex-wrap: wrap;}
        .gallery6 .gall_tit a {display: block; width:100%;}

        .sea_pro {
            padding: 4%;
        }
        .sea_pro_sec {
            margin: auto
        }
        .sea_pro_sec>.num_01>h3 {
            float: none;
            padding-left: 50px;
            width: 100%;
        }
        .sea_pro_sec>.num_02>h3 {
            padding-left: 51px;
            float: none;
        }
        .sea_pro_sec>.num_01>.text-Wrap {
            position: inherit;
            float: none;
            transform: none;
            padding: 0;
            left: 0;
            padding-left: 51px;
            margin-top: 5px;
            display: block;
            width: 100%;
            line-height: 19px;
            /* text-align: left; */
        }
        .sea_pro_sec>.num_02>.img_Wrap {
            margin-left: 55px;
        }
        .sea_pro_sec>.num_02>.img_Wrap>.text-Wrap {
            position: inherit;
            margin-top: 10px;
            width: 100%;
            left: 0px;
        }
        .gragh_06 {
            height: 500px;
        }
        .section_title {
            padding-left: 10px
        }
        .section_title::after {
            left: 0
        }

        /*기탁신청테이블*/
        .tb_row.mo_double {width:100%; display: flex; flex-direction: column;}
        .tb_row.mo_double thead,
        .tb_row.mo_double tbody {width:100%; display: flex; flex-direction: column;}
        .tb_row.mo_double tr {display: flex; flex-wrap: wrap; justify-content: center; width:100%;}
        .tb_row.mo_double tr:hover {background: none;}
        .tb_row.mo_double th,
        .tb_row.mo_double td {display: flex; align-items: center;}
        .tb_row.mo_double th {width:30%;}
        .tb_row.mo_double td {width:70%;}
        .tb_row.mo_double tbody th:after {display: none}
        .tb_row.mo_double td input {width:100%;}
        .tb_row.mo_double td button {width:auto; flex-shrink: 0;}

        /*해양위성*/
        .dirAccess .list_section ul {flex-wrap: wrap;}
        .dirAccess .list_section ul li {width:100%;}

        /*적조신고*/
        .tb_col2.mo_multi {width:100%; display: flex; flex-direction: column;}
        .tb_col2.mo_multi thead,
        .tb_col2.mo_multi tbody {width:100%; display: flex; flex-direction: column;}
        .tb_col2.mo_multi tr {display: flex; flex-wrap: wrap; justify-content: center; width:100%;}
        .tb_col2.mo_multi th,
        .tb_col2.mo_multi td {display: flex; align-items: center; border-top: none; border-left: none; border-right: none;}
        .tb_col2.mo_multi th {width:30%; height:auto;}
        .tb_col2.mo_multi td {width:70%;}

        /*해파리*/
        .jelly_step img,
        .jelly_shape img {max-width: 100%;}

        .jelly_kind a {width:100%;}
        .jelly_event {flex-wrap: wrap;}
        .jelly_event .text {width: 100%; margin-top: 20px;}

        /*콘텐츠*/
        .intro,
        .intro.v_apvc,
        .intro.v_fishguard,
        .intro.v_seaarea,
        .intro.v_frcenter,
        .intro.v_sfms {background-size: 300px;}
        .intro_in {padding: 60px; border-radius: 50px 0 0 0;}
        .sq_process ul{padding: 20px 0;}
        .sq_process li div{margin:0 20px; font-size:16px;}
        .sq_process li span{right:-10px; font-size:13px;}
        .sq_process li:first-child div{margin-left:0}
        .sq_process li:last-child div{margin-right:0}
        .lmobanner{padding:35px; background-size:80px; background-position: 95% 35px;}
        .lmobanner .tit{padding-right:100px; line-height:30px;}
        .lmobanner .tit span{line-height:17px;}
        .info_cir .text .t1{left:20%;}
        .info_cir .text .t2{right:20%}
        .info_cir.bweb .num .n1{left:29%}
        .info_cir.bweb .num .n2{right:26%}
        .info_cir.bweb .text .t1{left:22%;}
        .info_cir.bweb .text .t2{right:22%;}
        .info_cir.bweb .num span{line-height:24px; height:24px; font-size:14px; padding:0 10px;}


        .info_cir.ver2.bweb {height: auto;}
        .info_cir.ver2.bweb .cir {width: 100%; margin-bottom: 170px;}
        .info_cir.ver2.bweb .cir:nth-child(2) {margin-bottom: 270px;}
        .info_cir.ver2.bweb .cir .md {font-size: 1.1em;}
        .info_cir.ver2.bweb .cir .md br {display: none;}
        .info_cir.ver2.bweb .cir .md i {margin-left: 5px;}
        .info_cir.ver2.bweb .text dl {z-index: 2;}
        .info_cir.ver2.bweb .text dl.dl1,
        .info_cir.ver2.bweb .text dl.dl2,
        .info_cir.ver2.bweb .text dl.dl3 {left: 0; width:100%;}
        .info_cir.ver2.bweb .text dl.dl2 {top: 305px;}
        .info_cir.ver2.bweb .text dl.dl3 {top: 385px;}
        .info_cir.ver2.bweb .text dl::after {display: none;}
        .info_cir.ver2.bweb .text dl dt {font-size: 1.1em;}
        .info_cir.ver2.bweb .text dl dd {font-size: 0.9em;}
        .info_cir.ver2.bweb .area::after {width: 0; border: none; border-left: 1px dashed #ccc;right: 50%; top: 0;}


        .st_process li{width:30%; margin:0 3% 20px 0;}
        .st_process li::after{right:-23px}
        .st_process.apvcsst li{height:170px;}
        .st_process.apvcsst li::after{top:70px}
        .process li{width:30%; margin:0 3% 20px 0;}
        .process li::after{right:-25px; top:70px;}
        .process li.rt::after{right:-15px}
        .cmm_img.sst .dv{float:none; width:100%}
        .exam_process > ul > li::after{right:-25px;}
        .img_map {background-size: cover;}
        .img_info li{width:33.3%}
        .red_info{padding:40px 0;}
        .license_list li{width:31.3%;}
        .sell_list li{height:200px;}
        .field_box{width:100%}
        .vision_detail .detail .d1{font-size:18px; height:80px; word-break: keep-all; padding:15px 5px;}
        .vision_detail .detail .d2{height:200px;}
        .fg_process{background-size:90%; height:150px;}
        .fg_process ul{width:90%}
        .fg_process li{height:150px;}
        .list_num.ver_half {gap: 10px 3%;}
        .list_num.ver_half > li {width:100%; font-size: 1.1em; padding: 4px 0 0 40px; min-height: 30px;}
        .list_num > li > i {
            width: 30px;
            height: 30px;
            line-height: 30px;
            margin-right: 10px;
            font-size: 15px;
        }
        .book_list li{width:32%}
        .book_list li:nth-child(3n){margin-right:0}
        .book_list li .thumb{height:240px;}

        .joinus .vision{font-size:20px}




        /*기존767*/
        .stab_wrap {margin-bottom: 25px;}
        .stab > li {width:50%; min-height: 50px;}
        .stab > li > a {font-size: 15px;}
        .stab > li:nth-child(odd) > a {border-left:2px solid #e6e9ee;}
        .stab > li.active:nth-child(odd) > a {border-color:#152d4b;}
        .stab > li:nth-child(n+3) {margin-top:-2px;}
        .stab > li:nth-child(n+3):nth-child(-n+4) {z-index: 1;}
        .stab > li:nth-child(n+5) {z-index: 0;}
        .smtab_wrap.smtab_between {width:100%; margin-bottom: 20px;}
        .smtab:not(.mo_stay) {display: none;}
        .sm_select {display: block;}
        .box {padding: 15px;}

        /*검색항목*/
        .btr_wrap .btr_left,
        .btr_wrap .btr_right,
        .btr_wrap2 .btr_left,
        .btr_wrap2 .btr_right {width: 100%;}
        .btr_wrap .btr_right,
        .btr_wrap2 .btr_right {margin-top: 10px;}
        .btr_wrap2,
        .btr_wrap .filter_wrap,
        .btr_wrap, .btr_wrap.wrap_gray {gap: 10px 40px; flex-wrap: wrap;}
        .pop_wrap .btr_wrap .filter_wrap {flex-wrap: nowrap;}
        .btr_wrap .input_wrap {flex: auto; width: 100%;}
        .btr_wrap .input_wrap dt {min-width: 80px;}
        .btr_wrap .input_wrap dd {max-width: calc(100% - 90px);}
        .cal {width:130px !important;}

        .wrap_gray,
        .btr_wrap, .btr_wrap.wrap_gray,
        .btr_wrap2, .btr_wrap2.wrap_gray {padding: 20px;}
        .btr_wrap2 .filter_wrap {gap: 10px 0px;}
        .input_wrap {flex-wrap: nowrap;}
        .input_wrap:not(.respon_ex),
        .input_wrap:not(.respon_ex) dd,
        .input_wrap:not(.respon_ex) .input:not(.cal),
        .input_wrap:not(.respon_ex) .select,
        .sch_act_Wrap_in:not(.respon_ex),
        .sch_act_Wrap:not(.respon_ex) .sch_fix dl,
        .sch_act_Wrap:not(.respon_ex) .sch_fix dd,
        .sch_Wrap_btn {width:100% !important;}
        .sch_Wrap_btn {margin-top: 15px;}
        .input,
        .select,
        .btn_navy, .btn_blue, .btn_gray, .btn_line_blue, .btn_white, .btn_red {height: 40px; line-height: 40px;}

        .tab-select-outer {margin-top: -10px;}
        .tab-select-outer label {display: none;}

        /*이미지*/
        .pinch {
            width: 100%;
            overflow: auto;
            cursor: grab;
        /*cursor: -o-grab;
        cursor: -moz-grab;
        cursor: -webkit-grab;*/
    }
    .pinch img {
        max-width:100%;
    }
    .pinch_btn {
        display: block;
        position: absolute;
        right:10px;
        top:10px;
        display: flex;
        gap:5px;
    }
    .box .pinch_btn {right:0px; top:0px;}
    .pinch_btn button {
        width: 35px;
        height: 35px;
        flex-shrink: 0;
        border-radius: 5px;
        box-shadow: 0 0 9px 0 rgba(13, 46, 139, 0.16);
    }
    .pinch_btn button.zoomin {
        background: #fff url("../images/btn_plus.svg") no-repeat 50% 50%;
        background-size: 40%;
    }
    .pinch_btn button.zoomout {
        background: #fff url("../images/btn_minus.svg") no-repeat 50% 50%;
        background-size: 40%;
    }


    /*갤러리*/
    .gallery3 {gap:10px 24px;}
    .gallery3 li {width:calc(50% - 12px); width: calc(20% - 24px);}

    .tb_scroll {overflow-x: auto; width:100%;}
    .tb_scroll table {min-width: 767px;}

    .gallery {padding: 10px 0; gap: 10px 24px;}
    .gallery li {width:calc(50% - 12px);}
    .gallery .detail {padding:15px 0px;}
    .gallery.ver_list li {padding: 22px 0px;}
    .gallery.ver_list .thumb {max-width: 150px;}
    .gallery.ver_list .detail {padding: 0;}
    .pagination {margin:20px auto 0 auto;}
    .pagination>a.btn_first,
    .pagination>a.btn_prev,
    .pagination>a.btn_next,
    .pagination>a.btn_end {
        flex-shrink: 0; width: 35px; height: 35px;
    }
    .pagination .paging {margin: 0 10px;}
    .pagination .paging>li {width: 30px;}
    .pagination .paging>li>a {font-size: 17px;}

    /*FAQ*/
    .faq_list .faq_q, .faq_list .faq_a {padding: 15px;}
    .faq_list .faq_q:before,
    .faq_list .faq_a:before {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
    .faq_list .faq_q:after {width: 15px; height: 15px;}

    /*해파리*/
    .jelly_research dl {padding: 25px 15px 25px 127px; min-height: auto; margin-top: 20px;}
    .jelly_research dt {font-size: 20px; margin-bottom: 10px;}
    .jelly_research dd {font-size: 15px; line-height: 1.3em;}
    .jelly_research dd.icon {width: 80px; height: 80px; left: 25px;}
    .jelly_research dd.icon img {width: 100%;}
    .jelly_step,
    .jelly_shape {padding: 15px;border: 1px solid #ddd;}

    /*어종목록*/
    .fishinfo.sub .fish {height: auto; margin-bottom: 15px;}
    .fishinfo.sub .fish,
    .fishinfo.sub .text {width:100%;}
    .fishinfo .count {justify-content: flex-start; flex-wrap: wrap; gap: 25px 10px;}
    .fish .bx-wrapper .bx-pager {bottom: 0;}
    .fishinfo .count span {
        width: calc((100% / 6) - 9px);
        height: 44px;
        line-height: 44px;
        border-radius: 100px;
    }

    /*해양위성*/
    .dirAccess .top_section {padding: 15px 15px;}
    .dirAccess .btn_back {right: 10px;}
    .dirAccess .list_section {padding: 15px 15px;}
    .dirAccess .list_section ul {gap: 5px;}

    /*로그인*/
    .login_wrap,
    .identification-box {min-width: auto; width:95%; padding: 40px; border-radius: 20px;}
    .login {width:100%; background-size: 110px; padding-top: 130px;}
    .identification-box .id-img {width:110px;}
    .identification-box p {font-size: 0.9em;}
    .joinus .vision{font-size:17px; text-align:left;}
    .joinus_process {padding-bottom: 20px;}
    .joinus_process li em{font-size:16px}
    .joinus_process li span{line-height:24px; font-size:12px;}

    /*콘텐츠*/
    .intro,
    .intro.v_apvc,
    .intro.v_fishguard,
    .intro.v_seaarea,
    .intro.v_frcenter {padding-top: 60px; background-size: 250px; margin-bottom:50px;}
    .intro_in {
        padding: 35px 30px;
        margin: 0;
        box-shadow: 0 0 30px 0px rgba(18, 108, 219, 13%);
        width: 85%;
        float: right;
    }
    .intro_top {font-size: 1.2em;}
    .intro_dl {margin-top: 15px;}
    .intro_dl dt {line-height: 1.4em; font-size: 1.7em}
    .intro_dl dd {
        margin-top: 10px;
        padding-top: 0;
        border-top: none;
        line-height: 1.4em;
    }
    .gragh_06 {width: 800px;}
    .gragh_04 {overflow-x: auto;}
    .sea_pro_top select {width: 87%; background: #fff url(../images/arrow_botton.png) no-repeat 97% center;}
    .sea_pro_top #select_Cho{width:100%}
    .sea_pro_top .btn {width: 12%; padding: 0}
    .sea_pro_sec>.num_02>.img_Wrap>.section_img{width:100%}

    .frc_function {padding: 30px; flex-direction: column;}
    .frc_function dl {width:100%;}
    .frc_function dl:not(:first-of-type) {margin-top:75px;}
    .frc_function dl:before {left: 50%; top: -70px; transform: translate(-50%, 0) rotate(90deg); width: 70px;}

    .map_out dl {width:100%;}

    .t_img img{width:100%}
    .t_img .dv{width:46%; margin:2%;}
    .t_img .dv:nth-child(2n){margin-right:0}
    .f_img{width:100%}
    .lmo_process .area{background: #dbeafd; border-radius:5px;}
    .lmo_process .pr{background:none; font-size:16px;}
    .list_2st .thumb{float:none; margin:0 auto 10px; padding:0;}
    .list_2st .cont{float:none; width:100%}
    .list_2st.fi .thumb{width:100%}
    .list_3st.lmo > ul > li .text{padding-left:0; padding-top:80px}
    .list_3st.lmo > ul > li .text::after{top:10px; left:50%; transform:translateY(-10px); transform: translateX(-50%);}

    .sea_pro_top select {width: 83%;}
    .sea_pro_top .btn {width: 15%;}
    .sea_pro_top .chosen-container{width:85% !important}.sq_process li{display: inline-block; width:100%; height:auto; margin-bottom:30px}
    .sq_process li:last-child{margin-bottom:0}
    .sq_process li div{margin:0;}
    .sq_process li div::after{transform: translateX(-50%) rotate(90deg); top:auto; right:auto; bottom:-22px; left:50%; width:30px; background-size: auto;}
    .sq_process li span{top:auto; right:auto; bottom:-25px; left:54%;}
    .sq_process.none li{margin-bottom:10px}
    .sq_process.none li:last-child{margin-bottom:0}
    .sq_process.none li div{margin:0;}
    .sq_process.img ul{padding:0;}
    .sq_process.img li{display: table-cell; width: auto;}
    .sq_process.img .swrap_img{overflow: inherit;}
    .sq_process.img em{font-size:15px}
    .con_info{height:auto;}
    .con_info li{float:none; width:100%; height:auto; padding:30px; border-bottom:1px dotted #ccc}
    .con_info li:last-child{border-bottom:0}
    .con_info::before, .con_info::after{content:none;}
    .download_box li{float:none; width:100%; margin:0 0 10px 0;}
    .download_box li:last-child{margin-bottom:0}
    .wrap_gray.req .em{padding:0}
    .cu_copy{padding:30px;}
    .cu_copy .logo{display: block; margin:0 auto 20px;}
    .cu_copy .copy{float:none; width:100%; font-size:19px; line-height:25px;}
    .cheerup_wrap .md_copy{padding:40px 0;}
    .cheerup_wrap .md_copy .tit{font-size:19px; line-height:25px;}
    .cheerup_wrap .md_copy .tit strong{font-size:25px}
    .cheerup_wrap .cmm_img .dv{float:none; width:100%; padding:0;}
    .cu_video iframe{height:230px;}
    .list_num.ver_half > li{width:100%}
    .org_box{width:100%; font-size:18px; line-height:24px;}
    .mfeed.cmm_img .dv{float:none; width:100%;}
    .system_tb{overflow-x: scroll;}
    .system_tb .system_tb_scl{min-width:600px;}
    .system_tb .tit{font-size:16px; line-height:60px; width:150px}
    .system_tb .article{margin-bottom:40px}
    .system_tb .article.bg{padding:35px 0;}
    .system_tb .article li span{line-height:60px; font-size:16px; width:150px}
    .system_tb .article::after{width:20px; height:20px; bottom:-30px;}
    .system_tb .vtc{margin-bottom:15px}
    .system_tb .vtc::after{bottom:-39px;}
    .info_cir{line-height:0;}
    .info_cir .area{display: block;}
    .info_cir .cir{width:100%; margin-bottom:40px}
    .info_cir .cir:last-child{margin-bottom:0}
    .info_cir .cir .md{line-height:20px;}
    .info_cir .text div::after{left:auto}
    .info_cir .text .t1{left:10%;}
    .info_cir .text .t2{right:10%;}
    .info_cir .text.tp div{top:auto}
    .info_cir .text.tp .t1{top:106px; text-align:left;}
    .info_cir .text.tp .t2{top:225px; right:auto; left:10%; text-align:left;}
    .info_cir .text.tp div::after{top:-3px; left:-20px; transform: rotate(-90deg);}
    .info_cir .text.bt div::after{top:-3px; right:-20px; transform: rotate(90deg);}
    .info_cir .text.bt .t1{bottom:225px;; left:auto; right:10%; text-align:right;}
    .info_cir .text.bt .t2{bottom:106px; text-align:right;}
    .info_cir.bweb{height:auto;}
    .info_cir.bweb .cir{margin-bottom:90px}
    .info_cir.bweb .cir:last-child{margin-bottom:0}
    .info_cir.bweb .area::after{height:90%; width:auto; right:auto; left:50%; transform: translateX(-50%); top:10px}
    .info_cir.bweb .text div::after{content:none;}
    .info_cir.bweb .text .t1{left:0; top:80px}
    .info_cir.bweb .text .t2{left:0; right:auto; top:230px}
    .info_cir.bweb .num .n1{border:0; left:auto; right:0; top:100px}
    .info_cir.bweb .num .n2{border:0; right:0; top:250px}
    .st_process li{width:45%; height:88px; margin:0 4% 20px 0}
    .st_process.apvcsst li{width:100% !important; height:auto; padding:10px; margin-bottom:30px}
    .st_process.apvcsst li:last-child{margin-bottom:0;}
    .st_process.apvcsst li .md{position:inherit; left:auto; top:auto; transform: none; padding:0;}
    .st_process.apvcsst li::after{transform: rotate(0deg) translateX(-50%); right:auto; left:50%; top:75px}
    .mark_info .mark_cir{width:30%; height:120px; margin:0px 2%; background:none; border:0; color:#152d4b;}
    .mark_info .mark_cir .md{word-break: keep-all; font-size:18px}
    .mark_info ul{width:30%}
    .mark_info ul li{line-height:normal; border-radius:10px; padding:15px; font-size:16px}
    .apvc_process li{height:110px;}
    .apvc_process li .left{width:100%}
    .apvc_process li .left::after{top:auto; bottom:-90px}
    .apvc_process li .right{width:100%; margin:10px 0 0 0; padding:0px 20px; text-align:center; word-break: keep-all;}
    .apvc_process li .right::after{content:none;}
    .apvc_process li .right::before{left:50%; top:-15px; transform:none; transform: translateX(-50%);}
    .exam_process > ul > li{width:100%; margin:0 0 30px 0;}
    .exam_process > ul > li:last-child{margin-bottom:0}
    .exam_process > ul > li::after{right:auto; left:50%; top:90px; transform:rotate(0deg) translateX(-50%)}
    .exam_process > ul > li.tw li{margin:0 3% 0 0; display: inline-block; width:47.5%}
    .exam_process > ul > li.tw li:last-child{margin-right:0}
    .process li,
    .process.ver7 li{margin:0 4% 20px 0; width:46%; height:160px;}
    .license_list li{width:48%;}
    .sell_list li{height:auto; width:100%; margin:0 0 10px 0}
    .sell_list li:last-child{margin-bottom:0}
    .img_info li{width:50%}
    .img_info.red .thumb{height:170px;}
    .wrap_gray .t_img{float:none; width:100%; margin:0 auto 20px;}
    .wrap_gray .text{float:none; width:100%}
    .call_req{padding:25px; background-image: none;}
    .call_req .tit{display: table; margin-bottom:10px}
    .call_req .stit{margin-left:0 !important}
    .red_info{padding:30px;}
    .red_info .con_list{margin-bottom:30px}
    .red_info .con_list li{width:100%; margin:2% 0;}
    .red_info .con_list::after{top:100%}
    .vision{font-size:1.2em; padding:15px; line-height:1.2em;}
    .vision_detail .mtit{display:block; font-weight:bold; font-size:17px;}
    .vision_detail .title{display:none;}
    .vision_detail .detail .d1{height:auto; font-size:17px; padding:14px 0;}
    .vision_detail .detail > ul > li{width:100%; margin:0 0 20px 0;}
    .vision_detail .detail{float:none; width:100%}
    .vision_detail .detail .d2{height:auto;}
    .field .title{font-size:19px; padding:15px;}
    .field_box{border:0}
    .field_box > ul{padding-top:44px}
    .field_box > ul > li{float:none; width:100%; border-bottom: 2px dotted #e9e9e9; height:auto; padding:30px;}
    .field_box > ul > li:last-child{border-bottom:0}
    .field_box > ul > li:nth-child(odd), .field_box > ul > li:nth-child(even){text-align:center;}
    .field_box .cir_tt{height:44px; line-height:44px; padding:0; width:100%; top:0; left:0; transform:none; border-radius:0}
    .field_box::before{content:none;}
    .fg_process{width:100%; background-size:100%; height:90px; margin-top:20px}
    .fg_process ul{width:100%}
    .fg_process li{font-size:14px; line-height:18px; height:90px;}
    .fg_process li span{padding:0px 5px;}
    .tb_box {gap: 10px;}
    .tb_box a {width:100%; font-weight: 500;}
    .book_list{padding:0; background:none;}
    .book_list li{width:48.5%; margin-right:3%}
    .book_list li:nth-child(3n){margin-right:3%}
    .book_list li:nth-child(2n){margin-right:0}
    .book_list li .thumb{height:220px;}
    .lbicon{width:60px}
    .box2{padding:18px;}
    .box2 .line_info{font-size:14px; line-height:21px;}
    .img_list {flex-wrap: wrap;}
    .img_list .right {width:100%; margin-top: 20px;}
    .five_img {flex-wrap: wrap;gap: 15px 0;}
    .five_img figure {width: calc(50% - 5px);}
    .tri_box_wrap {gap: 30px; flex-wrap: wrap;}
    .tri_box {width: 100%;}
    .step_list2 dl {padding: 20px 0;}
    .step_list2:not(.v_break) {flex-direction: column;}
    .step_list2:not(.v_break) li:before {transform: translateY(-50%); width: 1px; height: 100%; left:50%}
    .step_list2:not(.v_break) dl {margin-left:0; margin-top: 15px;}
    .step_list2:not(.v_break) li:first-child dl {margin-top: 0;}
    .step_list2.v_break {gap: 15px;}
    .step_list2.v_break li {width: calc(50% - 15px);}
    .step_list2.v_break li:before {display: none;}
    .step_list2.v_break dl {margin-left:0;}
    .tri_box_wrap.v_inter {gap: 40px; padding: 0 50px;}
    .tri_box_wrap.v_inter .tri_box {width: 100%; margin: 0 auto;}
    .tri_box_wrap.v_inter .inter {transform: rotate(-90deg);}
    .tri_box_wrap.v_inter .inter.top {top: 140px; right: auto; left: -85px;}
    .tri_box_wrap.v_inter .inter.bottom {top: 140px; right: -85px; bottom: auto;}
    .step_list li {font-size: 15px;}
    .cap_img, .tb_cap_img {flex-wrap: wrap;}
    .cap_img figure,
    .cap_img figure img,
    .tb_cap_img figure,
    .tb_cap_img figure img,
    .tb_cap_img table {width:100%;}
    .tb_cap_img figure {margin-bottom:20px;}
    .dpKey {display: none;}


    /*생명자원*/
    /*수산생명자원정보센터_서브메인*/
    .frc_main {gap: 20px 0;}
    .frc_main > div:not(.frc_app),
    .frc_main > div.frc_app {width:100%; min-height: auto; gap: 20px 0;}
    .frc_main .tit {padding-left: 11px;}
    .frc_main .tit:before {width: 5px; height: 19px; border-radius: 5px; top:1px;}
    .frc_notice_list li {margin-bottom: 8px;}
    .frc_notice .swiper_btn {display:none;}
    .frc_notice_in {height: 25px; line-height: 25px; width: calc(100% - 100px); margin: 0;}
    .frc_notice_list a {width: 100%;}
    .frc_notice_list .date {width:100px;}
    .frc_app a {width: calc(50% - 10px); padding: 20px; background-position: calc(100% - 13px) calc(100% - 17px); height: 120px; background-size: 40px;}
    .frc_app a strong br {display: block;}
    /*.stab > li.active:nth-child(odd) > a {border-color: #4265c5;}*/
    .frc_main .stab > li.active:nth-child(odd) > a {border-color: #4265c5;}
    .frc_info_list {margin-top: 20px;}
    .frc_info_list li a {font-size: 0.95em;}
    .frc_resource .graph {height: 250px; font-size:9px;}


    /*사료연구센터_서브메인*/
    .mixf_main {gap: 20px 0;}
    .mixf_main > div:not(.mixf_app),
    .mixf_main > div.mixf_app {width:100%; min-height: auto; gap: 20px 0;}
    .mixf_main .tit {padding-left: 11px;}
    .mixf_main .tit:before {width: 5px; height: 19px; border-radius: 5px; top:1px;}
    .mixf_notice_list li {margin-bottom: 8px;}
    .mixf_notice .swiper_btn {display:none;}
    .mixf_notice_in {height: 25px; line-height: 25px; width: calc(100% - 100px); margin: 0;}
    .mixf_notice_list a {width: 100%;}
    .mixf_notice_list .date {width:100px;}
    .mixf_app a {width: calc(50% - 10px); padding: 20px; background-position: calc(100% - 13px) calc(100% - 17px); height: 120px; background-size: 40px;}
    .mixf_main .stab > li.active:nth-child(odd) > a {border-color: #4265c5;}
    .mixf_info_list {margin-top: 20px;}
    .mixf_info_list li a {font-size: 0.95em;}
    .mixf_process_list li {font-size: 0.95rem;}


    /*로그인*/
    .login_wrap.ver_twin {width: 95%;}
}

@media screen and (max-width:767px) {
    .search_map{border-radius:15px; box-shadow:none; border:1px solid #dae1ed;}
    .search_map .filter_bar{padding: 20px 0 0 0; background-color: #fff;}
    .search_map .filter_bar > ul {padding: 0 20px  20px 20px;border-bottom:1px solid #dae1ed;}
    .search_map .left_box{width:100%; background-color:transparent;}
    .search_map .btn_box {margin:0; gap:0;border-bottom:1px solid #dae1ed;}
    .search_map .btn_box .btn_white,
    .search_map .btn_box .btn_blue {width:50%; border-radius: 0; border:none;}

    .search_result{height:100%; padding:20px 0;}
    .search_result .result_area {border-top: 1px solid #dae1ed; border-bottom: 1px solid #dae1ed; height: 286.5px;}
    .search_result .tit_h6 {margin-left:20px;}

    /*로그인*/
    .joinus_process li {width: calc(100% / 3); margin-left: 30px;}
    .joinus_process li::before {left: -36px;}
    .joinus_process li em {padding: 25px 0;}

    /*생명자원*/
    .gallery2 li {gap: 25px; padding: 20px 0;}
    .gallery2 .thumb {width: 100px; height: auto;}
    .gallery2 li:hover:before {display: none;}
    .gallery2 .gall_con {width: calc(100% - 120px);}
    .gallery2 .row {flex-wrap: wrap;}

    /*콘텐츠*/
    .line_box {flex-wrap: wrap;}
    .line_box .img {width: 100%; border-right: none; text-align: center; margin-bottom: 10px;}
    .line_box .img img {max-width: 50%;}
    .line_box .tit {font-size: 17px;}
    .line_box .text {width: 100%; margin-top: 15px;}
    .sp_branch {position: relative; right: auto; top: auto; padding: 0; width:100%;}
    .sp_branch:before,
    .sp_branch:after {display: none;}
    .org_list li .sp_branch > span {padding: 40px 0 0px 0; margin: 0 auto;}
    .no_branch > ul > li {padding-top: 0;}
    .org_color5 > li > span > i {font-size: 15px;}

    .gallery3.ver_5n li{width:calc(50% - 15px);}
    .gallery3.ver_5n .btn{display:none;}

    .md_privacy .modal-content,
    .md_reedit .modal-content,
    .md_rewrite .modal-content,
    .md_small .modal-content {width:90%; min-width: auto;}
    .md_privacy .formlist {flex-wrap: wrap;}

    /*만족도조사*/
    .satisfy_wrap {margin-bottom: 40px;}
    #satisfy,
    #sati_info {padding: 1.3rem;}
    #satisfy .cont {flex-direction: column;}
    #satisfy .list {gap: 10px; flex-wrap: wrap;}
    #satisfy .list label {font-size: 0.95rem;}
    #satisfy .form {width: 100%; margin-top: 15px;}
    #sati_info {flex-direction: column;}
    #sati_info .list_wrap {width:100%; gap: 10px 0;}
    #sati_info .update {width:100%; justify-content: flex-start; margin-top:15px;}

    /*스피드로그인*/
    #container.sfd_login {
        background:url(../images/sfid_login_bg_mo.jpg) no-repeat 50% 100%;
        background-size: 100%;
    }
    .sfd_login #contents {
        padding: 60px 0 130px 0;
    }

    /*해양포유류*/
    .marine_head {padding: 60px 40px; min-height: auto; border-radius: 30px}
    .marine_head .title {font-size: 35px;}
    .marine_head .txt {font-size: 18px;}
    .marine_gallery {gap: 15px 15px;}
    .marine_gallery li {width: calc(50% - 8px);}
    .marine_gallery .detail {padding: 20px;}
    .marine_gallery .tit {font-size: 1.2em;}
    
    /*사료연구센터-모바일*/
    .mo_tb_row tbody tr {
        display: flex;
        flex-direction: column;
    }
    .mo_tb_row tbody th {
        background: #eef4f8;
    }
    .mo_tb_row tbody th:after {display: none;}
    .mo_tb_row th {
        padding: 12px 0;
    }
    .mo_tb_row td {
        padding: 14px 0;
    }
    #brno1 {width: calc((100% - 130px) * 0.3);}
    #brno2 {width: calc((100% - 130px) * 0.2);}
    #brno3 {width: calc((100% - 130px) * 0.4);}
    .input_wrap2 {gap:5px}
    .input_wrap3 {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 10px 0;
    }
    .input_wrap3 > * {
        width:49%;
        display: flex;
    }
    
    .file_txt_in .tit {
        font-size: 0.95rem;
    }
    .file_txt_in .size {
        font-size: 0.85rem;
    }
    
}

@media screen and (max-width:640px) {
    .survey .progress{display: block; margin:0 0 10px 0}
}

@media screen and (max-width:479px) {
    body, #contents {font-size: 14px; min-height: auto;}
    .intro_dl dt {font-size: 1.5em;}
    #wrap:not(.ver_main) #header .util .m-sel2, #header.active .util .m-sel2 {background-image: none; padding: 3px 10px;}

    .jelly_event .img,
    .jelly_event .img img {width: 100%; height:auto;}
}

@media print {
    body{padding:0; margin:0; /*-webkit-print-color-adjust: exact;*/ print-color-adjust: exact;}
    #wrap{height:auto; min-width:1000px}
    #header, #footer, #lnb, .no-print{display:none}
    .sub-content{padding-left:0; padding-right:0}
}
@page {
    size:a4
}


/*** 아이디/비번찾기 추가 ***/
.pop_body .login_wrap{
 box-shadow:none;
 border:0;
 padding:0;
 max-width:540px
}

.pop_body .login_wrap .input{
 height:50px;
 font-size:15px
}

.pop_body .login_wrap .line_info{
 font-size:14px;
 line-height:18px;
}

.pop_body .login_wrap .btn_login{
 font-size:15px
}

.pop_body .login_wrap .box{
 padding:30px 20px;
}
.pop_wrap.login{background-image:none}