/*
제주넷 2017 서브
*/

.sub {
  z-index: 1;
  word-break: keep-all;
/*   border-top: 1px solid #ddd; */

  background-position: center top;
  background-repeat: no-repeat;
  color: #555;
}
.sub .sub-top{
	height: 0;
}
.sub .sub-top .sub-tit{
	display: none;
}
.sub .sub-top .breadcrumb{
	display: none;
}
.sub table a {
  color: #555;
}


/* 테이블 */
.contents-wrapper .table-responsive {border-top: 2px solid #26748a;}
.contents-wrapper .dataTable thead th {background: #f3f3f3;}
.contents-wrapper .dataTable tbody th {background: #f3f3f3;}

/* 블릿 */
.contents-wrapper h3 {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wrwh.tb.xe%2Scho%2Sfvgr%2Spvgl%2S2021%2Spff%2S..%2Svzntrf%2Sfho%2Sohyy01.cat) no-repeat left 12px;}
.contents-wrapper h4 {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wrwh.tb.xe%2Scho%2Sfvgr%2Spvgl%2S2021%2Spff%2S..%2Svzntrf%2Sfho%2Sohyy02.cat) no-repeat left 8px;}
.contents-wrapper h5 {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wrwh.tb.xe%2Scho%2Sfvgr%2Swrwharg%2S2017%2Svzntrf%2Sfho%2Sohyy03.cat) no-repeat 3px 7px; padding-left: 17px;}
.contents-wrapper ul li {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wrwh.tb.xe%2Scho%2Sfvgr%2Swrwharg%2S2017%2Svzntrf%2Sfho%2Sohyy03.cat) no-repeat 3px 7px; padding-left: 17px;}
.contents-wrapper ul li ul li {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wrwh.tb.xe%2Scho%2Sfvgr%2Swrwharg%2Svzntrf%2Sfho%2Svpba_04.cat) no-repeat 0 12px}

.contents-wrapper .relSite li a {background-image: none;}
.contents-wrapper .relSite li a:after {content: '\e806'; font-family: 'fontello'; position: absolute; top: 15px; right: 25px;}
.contents-wrapper .relSite li a:hover {background: #85dedc; background-image: none;}

.contents-wrapper .downLink {background: none;}
.contents-wrapper .downLink:after {content: '\e806'; font-family: 'fontello'; padding-left: 10px;}

/* 폼스타일 */
.form-wrap{
	border: 1px solid #ccc;
	border-radius: 5px ;
	padding: 10px 40px 0px 40px; 
}
.form-wrap > div{
padding: 15px 0;
border-bottom: 1px solid #e1e1e1;
}
.form-wrap > div:last-child{ border-bottom: none;}
.form-wrap div.box{ float: left; width: 87%; } 
.form-wrap dl{
display: inline-block;
width: 100%;
}
.form-wrap dl dt{
 display: inline-block;
 width: 9%;
 float: left;
 margin-right: 4%;
 font-weight: 500;
 position: relative;
 }
 .form-wrap dl dt span{
 position: absolute;
 top: -7px;
 right: 0;
 color: #E17211;
 }
 .form-wrap dl dd{
 display: inline-block;
 margin-right: 25px;
 }
  .form-wrap dl dd label{
  font-weight: 400;
  }
  .form-wrap dl dd label input{
  margin-right: 10px;
  }
 .form-wrap div:last-child dl dd{
 width: 100%;
 margin-right: 0;
 }
  .form-wrap div:last-child dl dd label{
 width: 100%;
 }
  .form-wrap div:last-child dl dd label input[type="text"]{
 width: 100%;
 height: 40px;
 line-height: 40px;
 border: none;
 background: #F8F8F8;
 border-radius: 5px; 
 }
.search-wrap .btn-wrap{
text-align: center;
margin-top: 25px;
}
.search-wrap .btn-wrap a{
padding: 9px 28px;
color: #666;
margin-right: 10px;
max-width: 100px; 
border-radius: 23px; 
line-height: 40px;
background-color: #E3E3E3;
text-decoration: none;
} 
.search-wrap .btn-wrap a:last-child{
background-color: #0A8581;
color: #fff;
}
/* 양식관리 */
.panel-formwrap{ border: none;}

.panel-default{
margin-top: 45px;
position: relative;
}
.panel-default .panel-heading {
background-color: #fff;
padding-bottom: 12px;
border-bottom: 1px solid #31928F; 
padding-left: 0;
margin-bottom: 10px;
}
.panel-default .panel-heading .panel-title strong{ 
font-weight: 500;
font-size: 22px;
}
.panel-body .agree-box { 
background-color: #fff;
border: 1px solid #ccc;
box-shadow : none;
border-radius: 5px ;
}

.required{ color: #E81809;} 
.essential-txt{
position: absolute;
top: 0;
right: 0;
}
.form-horizontal.form-bordered .form-group{
	margin: 0 20px; 
	border-bottom:  1px solid #e1e1e1;
	padding: 12px 0; 
} 
.form-horizontal fieldset .form-group:last-child {
border-bottom: none;
}
.form-horizontal.form-bordered .form-group>.control-label{
 text-align: left;
 text-shadow: none;
 font-weight: 500;
}
.form-horizontal.form-bordered .form-group .form-control{
	border: none;
	box-shadow: none; 
	background-color: #F5F5F5;
	border-radius: 5px; 
	color: #666;
}
.form-horizontal.form-bordered .form-group input[type="file"]{
background-color: #fff;
border: 1px solid #ccc;
border-radius: 5px; 
padding: 5px 10px; 
}
.form-horizontal.form-bordered .form-group .input-group-btn button{ 
background-color: #777;
border-radius: 5px; 
margin-left: 5px;
border: none;
} 
.form-horizontal.form-bordered .form-group .input-group.date input{
background-color: #fff;
border: 1px solid #ccc;
border-right: none;
border-radius: 5px 0 0 5px
}
.form-horizontal.form-bordered .form-group .input-group.date span{
background-color: #fff;
border: 1px solid #ccc;
border-left: none;
border-radius: 0 5px 5px 0 ; 
}


.form-horizontal fieldset.box-43 > div, .form-horizontal fieldset.box-42 > div, .form-horizontal fieldset.box-45 > div {
display : flex; 
flex-direction: column;
}
.form-horizontal fieldset.box-42 .form-group{ position: relative; } 
.form-horizontal fieldset.box-42 .form-group > label ,.form-horizontal fieldset.box-45 .form-group > label{width: 100%;}  
.form-horizontal fieldset.box-42 .form-group > div , .form-horizontal fieldset.box-43 .form-group > div ,  .form-horizontal fieldset.box-45 .form-group > div {width: 100%; } 
.form-horizontal fieldset.box-42 .form-group > div  label { position: absolute; right: 0; top: -36px; } 
.form-horizontal fieldset.box-43 .form-group > div  label.radio-inline{ padding-left: 0; margin-right: 20px; margin-left: 0;  } 
.sub-txt{ color: #666 !important;font-weight: 400; margin-top: 16px;}

.submitBtn a, .submitBtn button { padding: 14px 45px; background-color: #E3E3E3; border-radius: 25px; color: #666; font-size: 16px; border: none; }
.submitBtn button{ background-color: #0A8581; color: #fff; margin-left: 10px;} 

.btn-insert { margin-top: 5px; width: 100%; text-align: center;} 
.btn-insert a{ padding: 6px 20px; background: #31928F; border-radius: 25px; color: #fff; } 

/* 카드 스타일 */
.card-container{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding-top: 15px;
}
.card-container .card-list p{ 
clear: both;
color: #666;
}
.card-container .card-list{
width: 31.25%;
height: 240px;
margin-bottom: 30px;
border-radius: 10px; 
box-shadow: 0px 3px 6px #00000014;
border: 1px solid #ddd;
box-sizing: border-box;
padding: 15px 15px 0 25px; 
}
.card-container .card-list .category{
text-align: right;
color: #267875;
font-size: 13px;
padding: 5px 12px ;
background-color: #E1F1EE;
border-radius: 20px; 
display: inline-block;
float: right;
}
.card-container .card-list .step{
padding-top: 10px;
color: #267875;
font-size: 14px;
padding-bottom: 5px;
}
.card-container .card-list .tit{
font-weight: 500;
font-size: 22px;
color: #222;
margin-bottom: 20px;
}

.card-boxWrap .card-box{
border: 1px solid #ccc;
border-radius: 5px; 
width: 100%;
padding: 30px 40px;
display: none;
}
.card-boxWrap .card-box .top-wrap{
display: inline-block;
padding-bottom: 15px;
border-bottom: 1px dashed #ccc ;
margin-bottom: 30px;
width: 100%;
}
.card-boxWrap .card-box .top-wrap .text-left{
float: left;
}
.card-boxWrap .card-box .top-wrap .text-left.category{
padding: 5px 12px; 
background-color: #E1F1EE;
border-radius: 20px; 
color: #267875;
font-size: 13px;
margin-right: 10px;
}
.card-boxWrap .card-box .top-wrap .text-left.step{
font-size: 14px;
color: #267875;
padding-top: 4px;
}

.card-boxWrap .card-box .top-wrap .text-right{ 
float: right;
display: flex;
}
.card-boxWrap .card-box .top-wrap .text-right a{
width: 30px;
height: 30px;
background-color: #F5F5F5;
border-radius: 50%; 
text-align: center;
display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
}
.card-boxWrap .card-box .top-wrap .text-right a:hover{
background-color: #666;
}
.card-boxWrap .card-box .top-wrap .text-right a:hover i{ color: #fff;} 
.card-boxWrap .card-box .top-wrap .text-right a span{
display: none;
}
.card-boxWrap .card-box .top-wrap .text-right a i{font-size: 14px; color: #666;} 
.card-boxWrap .card-box .bottom-wrap{ clear: both;}
.card-boxWrap .card-box .bottom-wrap .tit{ 
font-size: 24px;
font-weight: 600;
color: #333;
margin-bottom: 10px;
}
.card-boxWrap .card-box .bottom-wrap p span{ margin-right: 10%;} 
.card-boxWrap .apply-btn{ 
text-align: center;
margin-top: 25px;
width: 100%;
}
.card-boxWrap .apply-btn a{
padding: 9px 22px;
color: #fff;
border-radius: 23px; 
margin-right: 10px;
}
.card-boxWrap .apply-btn  a.listBtn{ float: left;}
.card-boxWrap .apply-btn a:last-child{margin-right: 0;} 

/* 테이블 스타일 */
/* .sub-newcontents .table-responsive{ 
clear: both;
padding-top: 15px;

} 
.sub-newcontents table{ 
border: none;
margin: 0;
} 
.sub-newcontents  table.tableList{
border-top:1px solid #31928F;
}
.sub-newcontents table caption{
position: absolute;
top: -3000px;
left: -3000px;
height: 0px;
line-height: 0px;
}
.sub-newcontents  table thead th{
padding: 15px 0 ;
font-size: 15px;
color: #333;
background-color: #F8F8F8;
font-weight: 500;
text-align: center;
border-right: 1px solid #e1e1e1;
border-bottom: none;
}
.sub-newcontents table thead th:last-child{
border-right: none;
}
.sub-newcontents table tbody td{
padding: 15px 0;
text-align: center;
color: #666;
font-size: 15px;
border-right: 1px solid #e1e1e1;
border-bottom: 1px solid #e1e1e1;
}
.sub-newcontents table tbody td:last-child{
border-right: none;
}
.contents-wrapper .txt-box{
position: relative;
border: 1px solid #e1e1e1;
padding-top: 20px;
}
.contents-wrapper .txt-box .box-title{
position: absolute;
width: 80%;
top: -10px;
left: 10%;
text-align: center;
background: #fff;
border: 1px solid #e1e1e1;
}
.contents-wrapper .txt-box > ul > li{background: none;}
.contents-wrapper .text-box{padding: 10px; background: #e1e1e1;}
 */


@media (min-width: 992px) {


 .side-menu>ul>li>a.active {
    border-bottom: 2px solid #26748a;
  }
  .side-menu>ul>li>a.active>i {
    display: block;
    color: #26748a;
  }
  .side-menu>ul>li>ul>li>a.active {
	color: #26748a;
	text-decoration:underline;
  }
  .side-menu>ul>li>ul>li>a:hover,
  .side-menu>ul>li>ul>li>a>i {
    color: #26748a;
  }
  .side-menu>ul>li>a>i {
	  color: #26748a;
  }


  .sub-top {
    height: 200px;
    text-align: center;
  }
  .sub-tit {
    margin: 60px 0 10px;
    font-family: 'NanumSquare';
    font-size: 48px;
    color: #000;
  }
  .contents-tit {
    line-height: 90px;
    font-family: 'NanumSquare';
    font-size: 40px;
  }
  .breadcrumb {
    background: none;
  }
  .breadcrumb > li + li:before {
    content: ">";
    color: #555;
  }

  .sub-newcontents {
    padding: 0 0 0 25px;
  }
  .contents-util {
    position: absolute;
    top: -30px;
    right: 0;
  }
  .contents-util i {
    font-style: normal;
    margin-left: 20px;
  }



   ul.tab-menu li.active a {

    border:4px solid #27738A;
    color: #27738A;
  }

}



@media (max-width: 991px) {

  ul.tab-menu li.active a {

    border:2px solid #27738A;
    color: #27738A;
  }

  /* 폼스타일 */
.form-wrap{
	padding: 5px 20px ; 
}
.form-wrap dl{
display: inline-block;
width: 100%;
}
.form-wrap dl dt{
 display: block;
 width: 18%;
 margin-right: 0;
 margin-bottom: 10px;
 }
 .form-wrap div:last-child dl dd{
 width: 100%;
 }
 .form-wrap div.box{ width: 100%; } 
.search-wrap .btn-wrap{
margin-top: 20px;
}
.search-wrap .btn-wrap a{
padding: 8px 32px;
margin-right: 5px;
max-width: 90px; 
line-height: 35px;
} 

/* 테이블 스타일 */
.sub-newcontents .table-responsive{ 
padding-top: 10px;
border: none;
} 
.sub-newcontents table thead th{
padding: 15px  ;
font-size: 14px;
border-right: none;
}
.sub-newcontents table tbody td{
padding: 15px ;
font-size: 14px;
border-right: none;
}

/* 양식관리 */
.panel-formwrap{ margin-top: 20px;} 
.panel-default .panel-heading{ margin-bottom: 0; padding-bottom: 7px; } 
.panel-default .panel-heading .panel-title strong{ font-size: 15px;}
.panel-body.essential-txt{ top: -3px; font-size: 13px;} 

.form-horizontal fieldset{margin-top: 50px;}
.form-horizontal.form-bordered .form-group>.control-label, .form-horizontal.form-bordered .form-group>div {padding-left: 0; padding-right: 0;} 
.form-horizontal fieldset legend{ font-size: 15px; top: -28px; } 
.form-horizontal fieldset.box-42 .form-group > div  label { position: static; padding-left: 0;} 
.form-horizontal fieldset.box-42 legend{ top: -52px;}
.form-horizontal fieldset.box-42{margin-top: 80px;}


}


ul.nav-pills>li.active>a {border:1px solid #5dc7b9; background-color: #5dc7b9;}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {background-color: #5dc7b9;}

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

}

/* 조기납부 환급금 모의산정 */

.refund-wrap{
	border:1px solid #ddd;
	border-radius: 10px; 
	padding: 60px 30px; 
	margin-bottom: 10px;
}
.refund-wrap h4	{
	text-align: center;
	font-size: 20px;
	font-weight: 600;
	color: #333;
	margin-bottom: 30px;
}
.refund-wrap > div{
	width: 405px; 
	margin: 0 auto 45px; 
}
.refund-wrap > div div{
	position: relative;
	padding-left: 10px;
	margin-bottom: 15px;
	padding-right: 24px;
}
.refund-wrap > div div:first-child{padding-right: 0;}
.refund-wrap > div div:before{
	content: '';
	position: absolute;
	top: 12px;
	left: 0;
	width: 6px;
	height: 10px;
	background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wrwh.tb.xe%2Scho%2Sfvgr%2Spvgl%2S2021%2Spff%2S..%2Svzntrf%2Sfho%2Svpba_03.cat);
	background-repeat: no-repeat;
	background-position: center; 
}
.refund-wrap > div div:first-child:after{
	content:'원';
	position: absolute;
	top: 8px;
	right: 0;
	font-family: 'SCoreDream';
	font-weight: 500;
	color: #333;
	font-size: 14px;
	padding-left: 6px;
}
.refund-wrap > div div label{
	font-size: 16px;
	font-weight: 600;
	width: 70px;
}
.refund-wrap > div div input{
	height: 40px;
	border-radius: 5px; 
	border: 1px solid #ccc; 
	padding: 10px 15px; 
	min-width: 290px;
	text-align: right;
}
.refund-wrap > div div select{
	height: 40px;
	width: 85px; 
	border-radius: 5px; 
	border: 1px solid #ccc;
	padding: 10px 15px; 
	 -webkit-appearance: none;  /* 크롬 화살표 없애기 */
    -moz-appearance: none; /* 파이어폭스 화살표 없애기 */
    appearance: none;
	background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wrwh.tb.xe%2Scho%2Sfvgr%2Spvgl%2S2021%2Spff%2S..%2Svzntrf%2Sfho%2Sqbja.fit);
	background-repeat: no-repeat;
	background-position: 90% center;
	background-size: 12px 13px; 
	margin: 0 3px; 
}
.refund-wrap > div div select:focus {
	background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wrwh.tb.xe%2Scho%2Sfvgr%2Spvgl%2S2021%2Spff%2S..%2Svzntrf%2Sfho%2Shc.fit);
}
.refund-wrap > div div select:first-of-type{
	width: 100px;
	margin-left: 0;
} 
.refund-wrap > div div select:last-of-type{ margin-right: 0;} 
.refund-wrap .txt-box{
	width: 100%;
	background-color: #f4f4f4;
	border-radius: 5px; 
	text-align: center;
	padding: 20px 0; 
	color: #333;
	margin-bottom: 20px;
}
.refund-wrap .txt-box .pay{
	font-size: 20px;
	color: #E53535;
	font-weight: 600;
	margin: 10px 0;
}
.refund-wrap .txt-box .pay_line{
	    text-decoration: line-through;
}
.refund-wrap .txt-box .pay_line + p{ color: #27738A;}
.refund-wrap .btn-wrap{text-align: center;}
.refund-wrap .btn-wrap .btn{
	border-radius:5px; 
	border: none; 
	padding: 11px 20px; 
	margin: 0 5px; 
}
.refund-wrap .btn-success{
	background: #27738A;
	border-radius: 5px; 
}
.refund-wrap .kor_price{
	text-align: right;
	color: #27738A;
	margin-top: 10px;
	padding-right: 50px;
}

@media (max-width: 991px) {
	.refund-wrap{
		padding: 30px 15px; 
	}
	.refund-wrap > div{width: 100%;}
	.refund-wrap > div div{ padding-right: 0;}
	.refund-wrap > div div label{
		display: block;
	}
	.refund-wrap > div div input{
		min-width: 95%;
	}
	.refund-wrap > div div:first-child:after{
		top: 37px;
	}
	.refund-wrap > div div:before{
		top: 6px;
	}
	.refund-wrap > div div select:first-of-type{width: 31%;}
	.refund-wrap > div div select{
		width: 31%;		
		margin: 0;
	}
	.refund-wrap .kor_price{padding-right: 30px;}
	.refund-wrap .txt-box .pay + p{font-size: 12px;}
	.refund-wrap .txt-box .pay_line + p{font-size: 14px;}
}