/*
서귀포시 2017 서브
*/

.sub {
  z-index: 1;
  word-break: keep-all;
  color: #555;
}
.sub a {
  color: #555;
}

.banner-rolling-wrap { display:none !important;  }
strong { font-weight:bold;  }

@media (min-width: 992px) {
		
	.w10 { width:10%;  }
	.w20 { width:20%;  }
	.w30 { width:30%;  }
	.w40 { width:40%;  }
	.w50 { width:50%;  }
	.w60 { width:60%;  }
	.w70 { width:70%;  }
	.w80 { width:80%;  }
	.w90 { width:90%;  }
	.w100 { width:100%;  margin:0px !important;   }


	.sub-top-title-wrap { width:100%; background-repeat:no-repeat; background-position:center top;  height:180px;   padding-top:65px;  text-align:center;  }
	.sub-top-title  {  color:#fff; }
	.sub-top-title p { margin-bottom:10px;  font-weight:normal; }
	.sub-top-title h3 { font-size:30px;    font-weight:bold;  }



	.sub-menu-wrap { height:60px;background:#3473be;   box-shadow:0px 0px 9px 3px rgba(0,0,0,0.2);     }
	.sub-menu-wrap .sub-menu {  float:left; width:100%; height:60px;   }
	.sub-menu-wrap .sub-menu li {  position:relative; z-index:90;  float:left; height:60px;   width:calc(33.333% - 100px);   font-size:18px;   border-right:1px solid #7891ba;  height:100%;  }
	.sub-menu-wrap .sub-menu li a { color:#fff; display:block;  padding:18px 40px 0px; height:100%;  }
	.sub-menu-wrap .sub-menu li a img.icon {position:absolute; top:27px; right:40px;  }
	.sub-menu-wrap .sub-menu li a:hover { }
	.sub-menu-wrap .sub-menu li.active a { background:#084093;  }
	.sub-menu-wrap .sub-menu li.home { width:auto;   }
	.sub-menu-wrap .sub-menu li.home img { width:24px; height:24px;  }
	.sub-menu-wrap .sub-menu li.home a { border-right:0px; padding-top:18px;display:block;  padding-left:30px; padding-right:30px; }
	.sub-menu-wrap .sub-menu li  ul {display:none; padding-top:15px;padding-left:25px; padding-right:25px;  padding-bottom:15px; position:absolute; top:59px; left:-1px; border:1px solid #696969; background:#f9f9f9; width:calc(100% + 1px);    }
	.sub-menu-wrap .sub-menu li  ul li {position:relative;  float:none; display:block; width:auto;   border-right:0px; height:auto; background:none; margin-bottom:15px;  font-size:16px;padding-top:0px; padding-bottom:0px;   }
	.sub-menu-wrap .sub-menu li  ul li a { color:#333; display:block;padding:0px; border-right:0px; background:none;  }
	.sub-menu-wrap .sub-menu li.active   ul li a {  background:none;  }
	.sub-menu-wrap .sub-menu li  ul li a:hover { color:#333;}
	.sub-menu-wrap .sub-menu li  ul li a.active { color:#333;  text-decoration:underline; }
	
	.sub-contents-top {padding-top:60px; padding-bottom:50px; position:relative;   }
	.sub-contents-top h1 {text-align:center;    font-size:40px; font-weight:bold; color:#333;  }
	.sub-contents-top  .sub-util { position:absolute; top:-50px; right:0px;    }
	.sub-contents-top  .sub-util li { float:left; margin-left:10px;  }
	.sub-contents-top  .sub-util li a { display:block; width:40px; height:40px; background-color:#fff; border-radius:20px; text-align:center;   background-repeat:no-repeat; background-position:center center;   }
	.sub-contents-top  .sub-util li a span { height:0px; position:absolute; top:-50000px; font-size:0px; }
	.sub-contents-top  .sub-util li.share a { background-image:url(../images/sub/link-icon-off.png) ;  }
	.sub-contents-top  .sub-util li.print a { background-image:url(../images/sub/print-icon-off.png) ;  }
	.sub-contents-top  .sub-util li.share a:hover { background-image:url(../images/sub/link-icon-hover.png) ;  }
	.sub-contents-top  .sub-util li.print a:hover { background-image:url(../images/sub/print-icon-hover.png) ;  }


	.sub-contents { margin-bottom:30px;  }

	.sub-contents .sub-tab-menu { width:100%;  margin-bottom:50px;  }
	.sub-contents .sub-tab-menu li { float:left; width:25%; margin-top:-1px; margin-left: -1px;}
	.sub-contents .sub-tab-menu li a { display:table-cell;  vertical-align:middle; width:1000px; padding-left:5px; padding-right:5px;   margin-left:-1px;  border:1px solid #e4e4e4; text-align:center; font-size:18px; color:#222; height:60px; }
	.sub-contents .sub-tab-menu li a.active { background:#084093; color:#fff;  border:0px; }

	.sub-contents .sub-tab-menu1 li {width:100%; }
	.sub-contents .sub-tab-menu2 li {width:50%; }
	.sub-contents .sub-tab-menu3 li {width:33.333%; }
	.sub-contents .sub-tab-menu4 li {width:25%; }
	.sub-contents .sub-tab-menu5 li {width:20%; font-size:15px; }
	.sub-contents .sub-tab-menu6 li {width:16.6666%; font-size:15px;  }
	.sub-contents .sub-tab-menu6 li a { font-size:15px;  }


	.sub-contents .list-tab-menu { width:100%;  margin-bottom:50px;  }
	.sub-contents .list-tab-menu li { float:left; width:20%; margin-top:-1px; margin-left: -1px;}
	.sub-contents .list-tab-menu li a { display:table-cell;  vertical-align:middle; width:1000px; padding-left:5px; padding-right:5px;   margin-left:-1px;  border:1px solid #e4e4e4; text-align:center; font-size:18px; color:#222; height:60px; }
	.sub-contents .list-tab-menu li.active a { background:#084093; color:#fff;  border:0px; }










	.sub-contents-main {     font-size:16px;  color:#666; padding-top:50px; padding-bottom:50px;   }
	.sub-contents-main .sub-tab-menu { width:100%;  margin-bottom:50px;  }
	.sub-contents-main .sub-tab-menu li { float:left; width:25%; margin-top:-1px; }
	.sub-contents-main .sub-tab-menu li a { display:table-cell;  vertical-align:middle; width:300px;  margin-left:-1px;  border:1px solid #c9c9c9; text-align:center; font-size:18px; color:#666; height:60px; }
	.sub-contents-main .sub-tab-menu li.active a { background:#444; color:#fff;  border:0px; }

	.sub-contents-main .text-box {  background:#f1f1f1; padding:30px 15px; margin-bottom:35px;   }
	.sub-contents-main p { margin-bottom:10px; }
	.sub-contents-main h2 {  font-size:22px; font-weight:bold; margin-bottom:20px;  margin-top:40px;  color:#084093; }
	.sub-contents-main h2:first-child {   margin-top:0px;  }
	.sub-contents-main h3 { font-size:18px; margin-bottom:15px; color:#000;   }
	.sub-contents-main h3.bul { padding-left:25px; background:url(../images/sub/bit01.png) no-repeat left 2px;  }
	.sub-contents-main ul.bul li { padding-left:15px; background:url(../images/sub/bullet_01.png) no-repeat left 9px;  margin-bottom:10px;  }
	.sub-contents-main ul.bul li ul { margin-top:8px; margin-bottom:13px;  }
	.sub-contents-main ul.bul li ul li { padding-left:10px; background:url(../images/sub/bullet_02.png) no-repeat left 10px; margin-bottom:3px;;   }

	.sub-contents-main .contents-table { border-top:2px solid #084093;  width:100%; overflow-x:auto;margin-bottom:20px;   }
	.sub-contents-main .contents-table table { border-collapse:collapse; width:99.9999%;border-left:1px solid #e4e4e4;  font-size:16px; }
	.sub-contents-main .contents-table table thead th { font-weight:bold; background:#f7f7f7; color:#000; text-align:center; border-bottom:1px solid #e4e4e4; border-right:1px solid #e4e4e4; padding:15px;  font-size:14px;  }
	.sub-contents-main .contents-table table tbody th { color:#000; background:#f7f7f7;  border-bottom:1px solid #e4e4e4; border-right:1px solid #e4e4e4; padding:15px; font-size:14px;  }
	.sub-contents-main .contents-table.form-table table tbody th {   font-weight:bold; background:#f1f1f1; color:#000;  border-bottom:1px solid #e4e4e4; border-right:1px solid #e4e4e4; padding:15px; font-size:14px;  }
	.sub-contents-main .contents-table table tbody td { color:#666;  border-bottom:1px solid #e4e4e4; border-right:1px solid #e4e4e4; padding:15px; font-size:14px;  }

	.sub-contents-main .contents-btn  a { font-weight:normal;  display:inline-block; padding:10px 30px; color:#000;  border:1px solid #bcbcbc;  border-radius:5px; margin:0 5px;  }
	.sub-contents-main .contents-btn  a.btn2 { color:#bebebe; background:#f1f1f1;  border:1px solid #bebebe; }
	.sub-contents-main .contents-btn  a.btn3 { color:#e6e6e6; background:#fff;  border:1px solid #e6e6e6; }
	.sub-contents-main .contents-btn  a.btn4 { color:#fff; background:#000; }
	.sub-contents-main .contents-btn  button  { border:0px;  font-weight:normal;  display:inline-block; padding:10px 30px; border-radius:20px; color:#fff; background:#3e5098; margin:0 5px;  }
	.sub-contents-main .contents-btn  button.btn2  {color:#3e5098; background:#cddcef;   }
	.sub-contents-main .contents-btn  span.down {   display:inline-block; padding-left:30px; background:url(../images/sub/ic_download.svg) no-repeat left top; background-size:20px 20px; }


span.down-img {  margin-left:10px; margin-top:-10px; display:inline-block; vertical-align:middle;  padding:1px 6px 5px 6px ; width:34px;  height:34px; border-radius:100%; border:1px solid #bcbcbc; text-align:center;  }







}

@media (min-width: 992px) and (max-width: 1199px) {

}




#contactUs {float:left; width:100%; padding-bottom:10px;  border-top:1px solid #CCC; border-right:1px solid #CCC; border-left:1px solid #CCC; font-size:14px;}
#contactUs dl {float:left; width:100%; margin-top:10px;}
#contactUs dl dt {float:left;  line-height:30px; padding:0 20px; border-left:1px solid #CCC;}
#contactUs dl dt:nth-of-type(1) {border-left:0 none;}
#contactUs dl dd:nth-of-type(1) {width:30%;}
#contactUs dl dd:nth-of-type(2) {width:10%;}
#contactUs dl dd {float:left; line-height:30px; word-break: break-all;}

#pageSurvey {clear:both; padding-bottom: 20px; margin-bottom:0px;  background:#EEE; border:1px solid #CCC;}
#pageSurvey dl {padding:15px 20px 0 20px; font-size:14px;}
#pageSurvey dl dd {padding-top:10px;}
#pageSurvey dl dd ul {margin:0;}
#pageSurvey dl dd label {margin-right:35px; font-weight:normal;}
#pageSurvey dl dd label input {margin-right:5px;}
#pageSurvey dl dd input[type='text'] {width:90%; height:30px; padding-left:10px; border:1px solid #CCC; border-top-left-radius:3px; border-bottom-left-radius:3px;}
#pageSurvey dl dd button {width:10%; height:30px; margin-left:-1px; background:#333; color:#FFF; border:0 none; border-top-right-radius:3px; border-bottom-right-radius:3px;}



@media (max-width: 991px) {
	.mw10 { width:10%;  }
	.mw20 { width:20%;  }
	.mw30 { width:30%;  }
	.mw40 { width:40%;  }
	.mw50 { width:50%;  }
	.mw60 { width:60%;  }
	.mw70 { width:70%;  }
	.mw80 { width:80%;  }
	.mw90 { width:90%;  }
	.mw100 { width:100%; margin:0px !important;   }

	.sub {}




	.sub-top-title-wrap { width:100%; background-repeat:no-repeat; font-weight:bold; background-position:center top; text-align:center; background-size:cover;   height: 140px;  text-align:center; color:#fff; padding-top:40px;  }
	.sub-top-title  { font-family: "s-core-dream-light", sans-serif ; color:#fff;  padding:0 15px; }
	.sub-top-title h3 {  font-size:26px; margin-bottom:10px;font-weight:bold;   }
	.sub-top-title p {  font-size:14px; margin-bottom:10px;  }
	.sub-menu-wrap { display:none;  }

	.sub-contents-main {   font-size:14px;  color:#666;  padding-left:15px; padding-right:15px;   padding-top:30px; padding-bottom:60px; }



	.sub-contents-top {padding-top:35px; padding-bottom:15px; position:relative;   }
	.sub-contents-top h1 {text-align:center;    font-size:28px; font-weight:bold; color:#111; padding-bottom:25px; background:url(../images/common/sub_tit_line.png) no-repeat center bottom; }
	.sub-contents-top .sub-util { display:none;  }
	/*.sub-contents-top .breadcrumb {text-align:center;     background: none; margin-bottom:0px;padding:0px;   font-size:12px;  }
	.sub-contents-top .breadcrumb > li + li:before {    content: ">";    color: #555;   font-family: cursive; }
	.sub-contents-top .breadcrumb a { margin:0 5px;   }
	.sub-contents-top .breadcrumb a strong { color:#000; font-weight:bold;  }*/


	.sub-contents .sub-tab-menu { width:100%;  margin-bottom:40px;  }
	.sub-contents .sub-tab-menu li { float:left; width:50%; margin-top:-1px; margin-left: -1px; }
	.sub-contents .sub-tab-menu li a { display:table-cell;  vertical-align:middle;  width:500px;  margin-left:-1px;  border:1px solid #e4e4e4; text-align:center; font-size:0.6rem; color:#222; height:1.8rem; }
	.sub-contents .sub-tab-menu li a.active { background:#084093; color:#fff;  border:0px; }

	.sub-contents .list-tab-menu { width:100%;  margin-bottom:40px;  }
	.sub-contents .list-tab-menu li { float:left; width:50%; margin-top:-1px; margin-left: -1px; }
	.sub-contents .list-tab-menu li a { display:table-cell;  vertical-align:middle;  width:500px;  margin-left:-1px;  border:1px solid #e4e4e4; text-align:center; font-size:0.6rem; color:#222; height:1.8rem; }
	.sub-contents .list-tab-menu li.active a { background:#084093; color:#fff;  border:0px; }



	.sub-contents-main a.source-trigger { position:relative; background: url(../images/common/tab_bg.jpg) repeat left top ; padding:0.4rem;  color:#fff;  font-size:0.7rem; }
	.sub-contents-main a.source-trigger i  {position:absolute; top:35%; right:15px;  }






	.sub-contents-main .text-box {background:#f1f1f1;   padding:0.6rem 0.4rem; margin-bottom:0.6rem;   }
	.sub-contents-main p { margin-bottom:10px;}
	.sub-contents-main h2 {  font-size:18px; font-weight:bold; color:#084093; margin-bottom:0.6rem;  margin-top:0.9rem; }
	.sub-contents-main h2:first-child {   margin-top:0px;  }
	.sub-contents-main .condition_info dl  { margin-bottom:20px;  }
	.sub-contents-main .condition_info dl dt {  font-size:18px; font-weight:bold; color:#084093; margin-bottom:0.6rem;  margin-top:0.9rem; }
	.sub-contents-main .condition_info dl:first-child dt {margin-top:0px; }


	.sub-contents-main h3 { font-size:16px; font-weight:bold; color:#000; margin-bottom:0.4rem;  }
	.sub-contents-main h3.bul { padding-left:20px; background:url(../images/sub/bit01.png) no-repeat left 1px;  background-size:16px auto; }
.sub-contents-main ul.bul li { padding-left:15px;  background:url(../images/sub/bullet_01.png) no-repeat 2px 7px;  margin-bottom:0.4rem;  }
	.sub-contents-main ul.bul li ul {margin-left:-15px;  margin-top:0.2rem; margin-bottom:0.4rem;  }
	.sub-contents-main ul.bul li ul li { padding-left:15px; background:url(../images/sub/bullet_02.png) no-repeat 2px 9px; margin-bottom:0.15rem;  }

	.sub-contents-main .contents-table { border-top:2px solid #084093;  width:100%; overflow-x:auto;  margin-bottom:15px;  font-size:14px;  }
	.sub-contents-main .contents-table table { border-collapse:collapse; width:99.9999%;border-left:1px solid #c9c9c9;}
	.sub-contents-main .contents-table table thead th { font-weight:bold; background:#f1f1f1; color:#444; text-align:center;   border-bottom:1px solid #c9c9c9; border-right:1px solid #c9c9c9; padding:0.4rem 0.3rem;   }
	.sub-contents-main .contents-table table tbody th { color:#444; background:#f5f5f5;  border-bottom:1px solid #c9c9c9;  border-right:1px solid #c9c9c9; padding:0.4rem 0.3rem;   }
	.sub-contents-main .contents-table.form-table table tbody th {  font-weight:bold; background:#f1f1f1; color:#444; text-align:center;   border-bottom:1px solid #c9c9c9; border-right:1px solid #c9c9c9; padding:0.4rem 0.3rem;   }
	.sub-contents-main .contents-table table tbody td { color:#444;  border-bottom:1px solid #c9c9c9; border-right:1px solid #c9c9c9; padding:0.4rem 0.3rem;     }

	.sub-contents-main .contents-btn  a { font-weight:normal;  display:inline-block; padding:0.3rem 0.6rem; color:#000;  border:1px solid #bcbcbc;  border-radius:5px;  margin:0 5px;  }
	.sub-contents-main .contents-btn  a.btn2 { color:#bebebe; background:#f1f1f1;  border:1px solid #bebebe; }
	.sub-contents-main .contents-btn  a.btn3 { color:#e6e6e6; background:#fff;  border:1px solid #e6e6e6; }
	.sub-contents-main .contents-btn  a.btn4 { color:#fff; background:#000; }
	.sub-contents-main .contents-btn  button  { border:0px;  font-weight:normal;  display:inline-block; padding:0.3rem 0.6rem;  color:#000;  border:1px solid #000;margin:0 5px;  }
	.sub-contents-main .contents-btn  button.btn2  {color:#3e5098; background:#cddcef;   }
	.sub-contents-main .contents-btn  span.down { display:inline-block; padding-left:25px; background:url(../images/sub/ic_download.svg) no-repeat left top; background-size:18px 18px;  }

span.down-img {  margin-left:10px; margin-top:-10px; display:inline-block; vertical-align:middle;  padding:1px 6px 5px 6px ; width:30px;  height:30px; border-radius:100%; border:1px solid #bcbcbc; text-align:center;  }


	/*인풋창 스타일*/
.form-table input[type="text"] , .form-table select , .form-table input[type="password"] , .form-table .form-btn {  height:35px;  border:1px solid #dedede; border-radius:5px;  }
.form-table input[type="radio"]  { margin:0 5px;  }
.form-table .texarea { max-height:300px; height:300px;  overflow-y:auto; border:1px solid #dedede; border-radius:5px;  }
.form-table .form-btn{ border:0px; vertical-align:middle; margin-top:1px;  margin-left:-5px; height:35px; padding:0 20px; font-size:14px;   font-weight:bold; border-radius:25px;  display:inline-block; color:#517ea8; background:#f1f7ff;   border:1px solid #517ea8;  }
.form-table .input-wrap {  margin:5px 10px 5px 5px;  }





#pageSurvey dl dd input[type='text'] {width: 78%;}
#pageSurvey dl dd button {width: 22%;}




}