/*
제주넷 2019 서브
*/


.main-topbanner {
  display: none !important;
  opacity: 0;
}


.subContents-bg {
  /*z-index: 1;*/
  word-break: keep-all;
  border-top: 1px solid #ddd;
  background-image: url(/pub/site/jejunet/2017/images/sub/sub_top.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  color: #555;
}
.sub {background:url(/pub/site/jejunet/2018/images/sub/sub_banner_block.png) no-repeat center top;}
.full-searchbg {background:url(/pub/site/jejunet/2018/images/sub/sub_banner_block.png) no-repeat center top;}
.full-searchbg2 .sub-top {height: 201px;}
.sub-top a,
.side-menu a,
.contents-wrapper a {
  color: #555;
}

.link-line {text-decoration: underline;}

.module-wrapper label:not([for]), label[for=""], label[for=" "] {border: none;}
.module-wrapper label:not([for]):after, label[for=""]:after, label[for=" "]:after {content: none;}


@media (max-width: 991px) {
  /*서브페이지*/
  .subContents-bg {
    background-size: auto 100px;
  }
  .sub {
    background: none;
    overflow: hidden;
  }

  .full-sub {background-size: auto 100px; background-repeat: no-repeat; background-position: center top;}
  .sub-top {
    height: 100px;
    text-align: center;
  }
  .sub-top .sub-search {display: none;}
  .sub-contents .breadcrumb {display: none;}
  .sub-tit {
    color: #0074b9;
    margin: 25px 0 10px;
    font-size: 24px;
  }
  .contents-tit {
    margin: 40px 0 20px;
    font-size: 20px;
  }
  .breadcrumb {
    padding: 0;
    font-size: 10px;
    background: none;
    letter-spacing: -1px;
  }
  .breadcrumb > li + li:before {
    content: ">";
    color: #555;
  }
  .side-menu {
    display: none;
  }


  .sub-contents {
    padding-bottom: 2.27272727rem;
  }
  /* .sub-quick {display: none;} */

}


@media (max-width: 1200px) {
  .contents-util {
    position: absolute;
    top: 0;
    right: 0;
  }
  .contents-util button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 6px;
    font-style: normal;
    color: #333;
  }
  .contents-util button.btn-favorite img {
    height: 14px;
  }
  .contents-util button.btn-print {
    display: none;
  }
}


@media (min-width: 992px) {
  .sub-top {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 200px;
    text-align: center;
  }
  .sub-top .sub-tit {display: none;}
  .sub-top .breadcrumb {display: none;}
  .sub-tit {
    margin: 40px 0 10px;
    font-size: 27px;
    font-weight: bold;
    color: #000;
    border-bottom: 6px solid #000;
    padding-bottom: 35px;
  }
  .contents-tit {
    font-size: 34px;
    color: #1d1d1d;
    font-weight: normal;
    margin-bottom: 30px;
  }
  .breadcrumb {
    background: none;
    padding: 50px 0 0;
    margin-bottom: 15px;
  }
  .breadcrumb > li + li:before {
    content: ">";
    color: #555;
  }
  .breadcrumb > li a {
    text-decoration: underline;
  }
  .breadcrumb > li a:hover {
    color: #0073BD;
  }
  .side-menu {
    padding: 0 25px 0 0;
  }
  .side-menu>ul {
    margin: 10px 0 100px;
  }
  .side-menu>ul>li {
  }
  .side-menu>ul>li>a {
    position: relative;
    font-size: 18px;
    color: #000;
    display: block;
    padding: 12px 0 15px;
  }
  .side-menu>ul>li>a>i {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top:-14px;
    color: #0074b9;
  }
  .side-menu>ul>li>a>i.icon-right-open {
    display: none;
  }
  .side-menu>ul>li>a.active,
  .side-menu>ul>li>a:hover {
    color: #0074b9;
    font-weight: bold;
    text-decoration: none;
  }
  .side-menu>ul>li>a.active>i.icon-right-open {
    display: none;
  }
  .side-menu>ul>li>ul {
    display: none;
    padding: 0;
    font-size:16px;
  }
  .side-menu>ul>li>ul.active {
    display: block;
  }
  .side-menu>ul>li>ul>li {
    padding: 5px 0;
  }
  .side-menu>ul>li>ul>li>a {
    color: #6d6d6d;
  }
  .side-menu>ul>li>ul>li:before {content: "ㆍ"; padding: 0 5px; color: #565656;}
  .side-menu>ul>li>ul>li>a:hover,
  .side-menu>ul>li>ul>li>a>i {
    color: #6d6d6d;
  }
  .side-menu>ul>li>ul>li>a.active {
    text-decoration:underline;
  }

  .sub-contents {
    padding: 0 0 50px 25px;
  }
  .contents-util {
    position: absolute;
    top: 10px;
    right: 0;
  }
  .btn-current {
    position: absolute;
    top: 55px;
    right: 15px;
  }
  .contents-util button {
    font-style: normal;
    color: #333;
    display: inline-flex;
    justify-content: center;
    align-items: center;
  }
  .contents-util button.btn-favorite img {height: 15px;}

  .full-sub {

  }

  .full-contents {
    padding-bottom:50px;
  }

  /* full-contents */
  .sub-full-menu { background-color: #0074b9; background-repeat: no-repeat; }
  .sub-full-menu .subMenu2 { float:left; line-height:50px; border-left:1px solid #2e81b3; }
  .sub-full-menu .subMenu2>li { position:relative; z-index:20; float:left; padding:0 20px; min-width:170px; border-right:1px solid #2e81b3; font-size:16px; }
  .sub-full-menu .subMenu2>li>a { display:block; color:#fff; padding-right:30px;}
  .sub-full-menu .subMenu2>li>a i.icon-down-open { position:absolute; top: 0; right:20px; }
  .sub-full-menu .subMenu2>li.active>a { text-decoration:underline; }
  .sub-full-menu .subMenu2>li.home {width:60px; text-align:center; min-width:auto; }
  .sub-full-menu .subMenu2>li.home>a { padding-right:0px; }
  .sub-full-menu .subMenu2>li ul {display:none; position:absolute; top:50px; left:-1px; right:0; padding:5px 10px; line-height:20px; border:1px solid #ddd; background-color:#fff; }
  .sub-full-menu .subMenu2>li ul li {padding:5px 0;}
  .sub-full-menu .subMenu2>li ul li a { color:#555; }
  .sub-full-menu .subMenu2>li ul li a:hover { color:#000; }
  .sub-full-menu .subMenu2>li ul li a.active { text-decoration:underline; }


  .sub-full-menu .print { position:absolute; top: 205px; right: 10px; }
  .sub-full-menu .print button { font-style: normal; color: #FFF; }





}

@media (min-width: 992px) and (max-width: 1199px) {
  .contents-tit {
    width: 500px;
  }
  .side-menu {
    padding: 0 15px 0 0;
  }
  .sub-contents {
    padding: 0 0 50px 15px;
  }

}

@media (max-width: 991px) {

  .pagination-sm>li>a, .pagination-sm>li>span {padding: 3px 8px;}

  /* 청년정책 아이디어공모전 */
  .solution .bg-img{ display: none;}



}

a[href^=javascript]:not([role=button]):after {content: none; }
a[href^=javascript]:not([role=button]) {border: none;}




/* 방사능 안전정보 */
.bangsaneng-wrap {
  background-color: #C6E0F1;
  padding: 50px 20px 120px;
  font-family: 'Noto Sans KR', sans-serif;
  background-image: url(../images/sub/bg_sea.gif), url(../images/sub/diver.png);
  background-repeat: no-repeat;
  background-size: 100%, 107px 53px;
  background-position: center bottom , 92% 95px;
}

.bangsaneng-wrap>p {
  text-align: center;
  font-weight: bold;
  font-size: 40px;
  margin-top: 0;
  color: #28469D;
  font-family: 'TheJamsil';
}
.bangsaneng-wrap ul li{ background:none}
.bangsaneng_test_con {
  margin-top: 40px;
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 2px 3px 15px #0000001A;
}

.bangsaneng_tit_01 {
  font-family: 'GmarketSans';
  font-weight: bold;
  font-size: 2.5em;
  text-align: center;
  background: #0d528e;
  color: #fff;
  width: 60%;
  margin: 0 auto;
  border-radius: 10px;
  white-space: nowrap;
  margin-top: 50px;
}



.bangsaneng_test_box_01 {
  padding: 20px 30px;
  display: flex;
  justify-content: space-between;
}

.bangsaneng_test_box_01 span.text_date {
  display: block;
  text-align: left;
  font-size: 16px;
  font-weight: 500;
  color: #333;
}

.bangsaneng_test_box_01 .text_tit {
  font-size: 1.8em;
  font-weight: bold;
  margin-top: 0;
  text-align: center;
}

.bangsaneng_test_box_01 .text_tit01 {
  font-size: 30px;
  font-weight: bold;
  color: #333;
  padding-right: 30%;
  line-height: 27px;
  text-align: center;
  letter-spacing: -1.5px;
}
.bangsaneng_test_box_01 .text_tit01 .text_tit_02 {
  font-size: 20px;
  font-weight: 400;
  line-height: 27px;
  color: #666;
}

.bangsaneng_test_box_01 .text_btn_01 {
  background: #cd3756;
  color: #fff;
  display: inline-block;
  width: 130px;
  height: 28px;
  text-align: center;
  border-radius: 5px;
}

.bangsaneng_test_box_01 .text_btn_01:after {
  content: '';
  background: url(/01_potal/images/content/bangsaneng_ico_05.png) no-repeat;
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-left: 5px;
}

.bangsaneng_test_box_02 {
  padding: 10px 0 30px;
  display: flex;
  clear: both;
}
.bangsaneng_test_box_02 ul li.all{background-color: #FFEAEA;}

.bangsaneng_test_box_02 .bangsaneng_text_box_inner {
  width: 38%;
  margin: 0 auto;
  position: relative;
}
.bangsaneng_test_box_02 .bangsaneng_text_box_inner:after{
  position: absolute;
  content:'';
  width: 1px;
  height: 80px;
  background-color: #ccc;
  top: 12px;
  right: -50px;
}
.bangsaneng_test_box_02 .bangsaneng_text_box_inner:last-child:after{display: none;}

/* .bangsaneng_test_box_02 .bangsaneng_text_box_inner:first-child {
    border-right: 1px solid #ccc;
} */

.inner_ul {
  width: 100% !important;
}

.bangsaneng_test_box_02 ul {
  width: 38%;
  margin: 0 auto;
  display: flex;
  justify-content: space-around;
  list-style: none;
  padding: 0;
}

.bangsaneng_test_box_02 ul li {
  text-align: center;
  background-color: #F5F5F5;
  padding: 5px 20px 10px;
  border-radius: 15px;
  width: 100px;
  height: 100px;
}

.bangsaneng_test_box_02 ul li p {
  font-size: 16px;
  color: #666;
  margin-top: 10px;
}

.bangsaneng_test_box_01 .text_btn_02 {
  color: #fff;
  font-size: 0.8em;
  background: #d24473;
  padding: 5px 20px 5px 20px;
  border: 1px solid #d24473;
  border-radius: 5px;
}

.bangsaneng_test_box_01 .text_btn_02>a {
  color: #fff !important;

}

.bangsaneng_stress_01 {
  font-size: 26px;
  font-weight: bold;
  color: #f42757;

}

.bangsaneng_stress_02 {
  font-size: 26px;
  font-weight: bold;
  color: #333;
}

.bangsaneng_stress_03 {
  font-size: 16px;
  font-weight: bold;
  color: #f42757;
}

.bangsaneng_stress_04 {
  font-size: 16px;
  font-weight: bold;
}

.bangsaneng_test_box_03 {
  border-top: 1px solid #ddd;
  padding: 14px 30px;
  display: flex;
  justify-content: space-between;
  clear: both;
  align-items: center;
}

.bangsaneng_test_box_03>ul {
  margin: 0;
  padding: 0;
}
.bangsaneng_test_box_03>p{ font-size: 16px; letter-spacing: -1px;}
.bangsaneng_test_box_03>p>span {margin-left: 30px; font-size: 16px; position: relative;}
.bangsaneng_test_box_03>p>span:before{ position: absolute; content: '';  width: 4px; height: 4px; background-color: #333;border-radius: 50%;top: 50%;left: -9px;transform: translateY(-50%); }
.bangsaneng_test_box_03>p>span>span {margin-left: 10px;}
.bangsaneng_test_box_03 > a{
  min-width: 173px;
  height: 28px;
  display: block;
  line-height: 27px;
  background-color: #50748B;
  color: #fff;
  border-radius: 14px;
  text-align: center;
  font-weight: 400;
  font-size: 14px;
  padding-left: 7px;
}
.bangsaneng_test_box_03 .text_btn_02 {
  text-align: center;

}

.bangsaneng_con {
  background: #003c70;
  color: #fff;
  text-align: center;
  padding: 35px 5px 35px 5px;

}

.bangsaneng_tit_02 {
  font-family: 'GmarketSans';
  font-weight: bold;
  font-size: 2.4em;
}

.bangsaneng_txt_01 {
  font-size: 1.4em;
}

.bangsaneng_box_01 a {
  color: #fff;
}

.bangsaneng_box_01 ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.bangsaneng_box_01 ul li {
  width: 24.25%;
  margin-right: 1%;
  padding: 25px 0;
  background: #0d528e;
  border: 1px solid #5595cc;
  border-radius: 20px;
}

.bangsaneng_box_01 ul li:last-child {
  margin-right: 0;
}

.bangsaneng_box_02 ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.bangsaneng_box_02 ul li {
  width: 49.75%;
  background: #eff8ff;
  color: #222;
  margin-bottom: 0.5%;
  text-align: left;
  padding: 20px 25px;
  position: relative;
}

.bangsaneng_btn_01 {
  position: absolute;
  right: 25px;
  background: #1190ff;
  color: #fff;
  font-size: 0.7em;
  border-radius: 50px;
  padding: 1px 25px 1px 15px;
}

.bangsaneng_btn_01:after {
  content: "";
  background: url(/01_potal/images/content/bangsaneng_ico_07.png) no-repeat;
  width: 6px;
  height: 12px;
  display: block;
  position: absolute;
  top: 3px;
  right: 12px;
}

.bangsaneng_box_02_tit {
  font-size: 1.3em;
  font-weight: bold;
}

.bangsaneng_box_02_txt_01 {
  margin-top: 20px;
  color: #003c70;
}

.bangsaneng_box_02_txt_02 {
  margin-top: 20px;
  color: #f42757;
}
.bangsaneng_test_box_03 .m-only{ display: none;}

@media (min-width: 992px) and (max-width: 1199px) {
  .bangsaneng_test_box_01 .text_tit01{ font-size: 25px;}
  .bangsaneng_test_box_02 ul{ width: 48%;}
  .bangsaneng_test_box_03>p>span{ margin-left: 16px;font-size: 14px;}
  .bangsaneng_test_box_03>p>span>span{ margin-left: 0;}
  .bangsaneng_test_box_03>p{ font-size: 14px; letter-spacing: -1.5px;}
  .bangsaneng_test_box_03 > a{ min-width: 160px; letter-spacing: -1.5px;}
  .bangsaneng_test_box_02 .bangsaneng_text_box_inner{ width: 47%;}
  .bangsaneng_test_box_02 .bangsaneng_text_box_inner:after{ right: -10px;}
}

@media (max-width: 991px) {

  .bangsaneng-wrap{padding: 25px 10px 55px; background-size: 100%, 59px 29px;background-position: center bottom , 92% 50px;}
  .bangsaneng-wrap>p{font-size: 22px;letter-spacing: -0.55px;margin-bottom: 25px;}
  .bangsaneng_test_con{ margin-top: 10px;}
  .bangsaneng_test_box_01{padding: 20px 15px 0; display: flex; flex-direction: column-reverse; }
  .bangsaneng_test_box_01 .text_tit01{ padding-right: 0; font-size: 20px; line-height: 22px; margin-bottom: 15px;}
  .bangsaneng_test_box_01 .text_tit01 .text_tit_02{ font-size: 16px;line-height: 22px;}
  .bangsaneng_test_box_01 span.text_date{ font-size: 13px;}
  .bangsaneng_test_box_02{ padding: 10px 15px; flex-direction: column; }
  .bangsaneng_test_box_02 ul{ width: 100%;  }
  .bangsaneng_test_box_02 ul li{ width: 90px; height: 90px;}
  .bangsaneng_test_box_02 ul li p{ margin-top: 7px;}
  .bangsaneng_test_box_02 .bangsaneng_text_box_inner:after{ display: none;}
  .bangsaneng_test_box_02 .bangsaneng_text_box_inner{ width: 100%; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ccc ;}
  .bangsaneng_test_box_02 .bangsaneng_text_box_inner:last-child{padding: 0; margin-bottom: 20px; border-bottom: none;}
  .bangsaneng_stress_01{ font-size: 22px;}
  .bangsaneng_stress_02{ font-size: 22px;}
  .bangsaneng_test_box_03{    display: flex;    justify-content: center;    align-items: center;    flex-direction: column;}
  .bangsaneng_test_box_03>p{ text-align: center;}
  .bangsaneng_test_box_03 > a{ margin-top: 10px;}
  .bangsaneng_test_box_03 .m-only{ display: block;}
  .bangsaneng_test_box_03>p>span{ margin-left: 10px; font-size: 14px;}
  .bangsaneng_test_box_03>p>span>span{ margin: 0;}

}

/* 고향사랑기부제 명예의 전당 */
.honor-wrap > img{ margin: 20px 0;}
.honor-wrap .honor-list-wrap{  width: 100%;   display: flex;flex-wrap: wrap; flex-direction: row; justify-content: space-between;}
.honor-wrap .honor-list-wrap .honor-list{ border: 1px solid #DBDBDB; border-radius: 10px; width: 32%; height: 312px; text-align: center; margin-bottom: 23px;}
.honor-wrap .honor-list-wrap .honor-list > div{background-image: url(../images/sub/gb_bg.png); background-repeat: no-repeat; height: 250px; text-align: center; padding-top: 95px; background-size: contain; background-position: center; }
.honor-wrap .honor-list-wrap .honor-list > div p.honor-name{ font-weight: bold; font-size: 28px; color: #000; padding-bottom: 3px;}
.honor-wrap .honor-list-wrap .honor-list > div p.honor-job{ color: #666; font-size: 16px;}
.honor-wrap .honor-list-wrap .honor-list p.donation{ max-width: 195px; height: 36px; line-height: 36px; background-color: #333; border-radius:18px; font-weight: bold; text-align: center;font-size: 18px;color: #fff; margin: 0 auto; }
.honor-wrap .honor-list-wrap .honor-list p.donation span{ color: #FC6; margin-right: 3px;}
@media (min-width: 992px) and (max-width: 1199px) {
  .honor-wrap .honor-list-wrap .honor-list > div p.honor-job{ font-size: 14px;}
}
@media (max-width: 991px) {
  .honor-wrap .honor-list-wrap{  display: flex; flex-direction: column; justify-content: space-between;}
  .honor-wrap .honor-list-wrap .honor-list{width: 100%;}
}

/*고향사랑기부제 소개*/
.contents-wrapper .gidu-intro-btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 15px 30px;
  margin-bottom: 10px;
  border: 1px solid #bbb;
  background-color: #fff;
}
.contents-wrapper .gidu-intro-btn p {
  padding: 0;
  font-size: 20px;
  color: #000;
}
.contents-wrapper .gidu-intro-btn .btn-groups {
  padding: 0;
}
.contents-wrapper .gidu-intro-btn .btn-groups a {
  display: inline-block;
  padding: 0 20px;
  margin-left: 10px;
  height: 40px;
  line-height: 40px;
  font-size: 17px;
  font-weight: bold;
  color: #3060BB;
  background-color: #F2F7FB;
  border: 1px solid #3060BB;
}

@media(max-width: 991px){
  .contents-wrapper .gidu-intro-btn {
    flex-direction: column;
    padding: 15px;
  }
  .contents-wrapper .gidu-intro-btn p {
    font-size: 18px;
  }
  .contents-wrapper .gidu-intro-btn .btn-groups {
    margin-left: -10px;
    text-align: center;
  }
  .contents-wrapper .gidu-intro-btn .btn-groups a {
    margin-top: 10px;
  }
}

/*  신문고 > 관광불법행위 신고센터 */

.illegal-wrap{
  color: #555;
  font-size: 16px;
  margin-top: 90px;
}
.illegal-wrap i{
  font-size: 40px;
  color: #333;
}
.illegal-wrap p{
  font-size: 22px;
  color: #333;
  margin: 20px 0;
  font-weight: 700;
}
@media(max-width: 991px){
  .illegal-wrap{
    margin-top: 0px;
  }
  .illegal-wrap p{
    font-size: 18px;
  }
}

.law-current{
  text-align: center;
  padding-top: 20px;
}
.law-current > .tit{
  font-size: 18px;
  margin-bottom: 50px;
  padding-bottom: 0px;
}
.law-current > .tit span{
  font-weight: bold;
  color: #0074B9;
}

.law-current .dl-f{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.law-current .dl-f dl{
  width: 48%;
  border: 1px solid #DDDDDD;
  border-radius: 30px;
  padding: 40px;
  text-align: center;
}
.law-current .dl-f dt{
  border-bottom: 1px solid #DDD;
}
.law-current .dl-f dt .img{
  padding-bottom: 20px;
}
.law-current .dl-f dt .tit{
  font-size: 22px;
  color: #1d1d1d;
  font-weight: bold;
  padding-bottom: 16px;
}
.law-current .dl-f dd p{
  padding-top: 30px;
  padding-bottom: 0px;
}
.law-current .dl-f dd .txt{
  font-size: 16px;
}
.law-current .dl-f dd a{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 52px;
  font-size: 16px;
  border-radius: 10px;
  background: #EFEFEF;
  padding: 0 24px;
  color: #1d1d1d;
}
.law-current .dl-f dd a i{
  margin-left: 10px;
}
.law-current dl:nth-child(2){
  border: 1px solid #CBDAF0;
  background: #EFF5FE;
}
.law-current dl:nth-child(2) dt{
  border-bottom: 1px solid #CBDAF0;
}
.law-current dl:nth-child(2) a{
  background: #CADCFA;
}
@media(max-width: 991px){
  .law-current .dl-f dl{
    width: 100%;
    margin-bottom: 30px;
  }
  .law-current .dl-f dl a{
    font-size: 14px;
    padding: 0 12px;
  }
}

/* 가상키보드 사용방법 */
.contents-wrapper .unreal-keyboard h2{
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 10px 0;
  color: #000;
  font-size: 20px;
  font-weight: 700;
  margin-top: 30px;
  margin-bottom: 30px;
}
.contents-wrapper .unreal-keyboard h3{
  color: #0080C3;
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 10px;
}
.contents-wrapper .unreal-keyboard ul{
  margin-bottom: 20px;
}
.contents-wrapper .unreal-keyboard ul li{
  color: #000;
  margin-bottom: 10px;
  line-height: normal;
}
.unreal-keyboard p img{
  margin-bottom: 10px;
  border:1px solid #ddd;
}
.unreal-keyboard p .mob{
  width: 300px;
}
@media(max-width: 991px){
  .unreal-keyboard p .mob{
    max-width: 100%;
    width: auto;
  }
}
.unreal-keyboard .inner{
  margin-bottom: 50px;
}