/*
서귀포시 2017 레이아웃
*/

/* 요소(element) 여백 초기화  */
html, body,
div, span,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
blockquote, p, address, pre, cite,
form, fieldset, input, textarea, select,
table, th, td {
 	margin:0;
	padding:0;
	}

/* 제목요소 */
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	font-size:1em;
	}

/* 테두리 없애기 */
fieldset, img, abbr,acronym { border:0 none; }

/* 목록 */
ol, ul { list-style:none; }

/* 테이블 - 마크업에 'cellspacing="0"' 지정 함께 필요 */
table {
	border-collapse: separate;
	border-spacing:0;
	border:0 none;
	}
caption, th, td {
	font-weight: normal;
}
caption, legend {position:absolute;  width:0; height:0; overflow:hidden; font-size:0;line-height:0px; }
/* 텍스트 관련 요소 초기화 */
address, caption, strong, em, cite {	font-weight:normal;	font-style:normal;	}
ins { text-decoration:none; }
del { text-decoration:line-through; }

/* 인용문 */
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote,q { quotes:"" ""; }

/* 수평선*/
hr { display:none; }

img { max-width:100% !important;  }


body {font-family: 'Spoqa Han Sans', '맑은 고딕'; font-size:14px;  min-width: 320px; overflow-x: hidden;}
p, dl, ol, ul {margin: 0;}


.clearfix:after { content:''; display:table; clear:both;  }
.ellipsis {     text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;   white-space: nowrap;   word-wrap: normal !important;   display: block; }
legend {position:absolute; visibility:hidden; width:0; height:0; overflow:hidden; font-size:0;}
strong { font-weight:bold;  }
.blind{ overflow:hidden; position:absolute; top:0; left:-10000px; width:1px; height:1px;line-height:0px;  }
.for-reader { overflow:hidden; position:absolute; top:0; left:-10000px; width:1px; height:1px; line-height:0px; }

.letter-none { letter-spacing:0px !important;  }
i { line-height:1; vertical-align:top;  }





	a.plus {position:relative; display:block; line-height:1;}
	a.plus:after {
		content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background: rgba(0, 0, 0, 0) center center;

		opacity:0;

		padding-top:50px; padding-left:60px;
	}
	a.plus:hover:after {
		background:url(../images/sub/view.png) no-repeat center center rgba(200, 57, 73,0.9) ;
		  font-family: "fontello";
		  color:#fff; font-size:26px;


		opacity:1;
		transition: all 0.2s ease-in;
	}

.bg_gray {background: #555;}
.bg_red {background: #c83949;}
.tRed{color:#c83949 !important;}
.tRed a{color:#c83949 !important;}
.tGreen{color:#0f9054 !important;}
.tGreen a{color:#0f9054 !important;}
.tBlue{color:#120f90 !important;}
.tBlue a{color:#120f90 !important;}
.sub a.badge {color:#fff;}
.root_daum_roughmap a[target="_blank"]:not([title]) {
  display: inherit;
  border: none;
}
.root_daum_roughmap a[target="_blank"]:not([title]):after {
  content: "";
}

.search_form {padding:15px 20px; background: #F5F6F7;}
.search_form input[type = "text"]{border:1px solid #eee;height:40px;font-size: 16px;padding-left:10px;width:80%;}
.search_form input[type = "submit"]{-webkit-appearance:none; background: #555;color:#fff;border:none;width:18%;height:40px;}

.contents-form input[type = "text"]{border:1px solid #ccc;height:40px;font-size: 16px;padding-left:10px;}
.contents-form button{-webkit-appearance:none; background: #555;color:#fff;border:none;height:40px;padding:0 10px;display: inline-block;}
.contents-form input[type = "submit"]{-webkit-appearance:none; background: #555;color:#fff;border:none;height:40px;padding:0 10px;display: inline-block;}
.contents-form select{ height:40px; border:1px solid #ccc;background: none;}
@media (min-width: 992px) {
  .header_home img{display: block;margin-bottom:-4px;}

	.footer { padding-top:30px;  padding-bottom:50px;font-size: 16px; color: #555; background:#f9faf2; }
	.footer-site-link {height:60px; margin-bottom:30px;  border-top:2px solid #222; border-bottom:1px solid #aaa; border-left:1px solid #aaa; }
	.footer-site-link dl {position: relative; float: left; width: 16.666%; height: 57px; border-right: 1px solid #aaa;}
	.footer-site-link dl dt a {display: block; line-height: 60px; padding-left: 20px; color: #222; font-weight: normal;  font-size: 16px;}
	.footer-site-link dl dt a i {position: absolute; top: 50%; right: 20px; margin-top: -6px;}
	.footer-site-link dl dd { position:absolute; display:none; width:100%; max-height:500px; overflow-y:auto; bottom:60px; left:0; padding:5px 0; border:1px solid #CCC; background:#FFF;}
	.footer-site-link dl dd a { display:block; padding:5px 10px; color: #555; }

	.footer-contents { padding-left:200px; position:relative;  }
	.footer-contents .footer-left {  position:absolute; top:0px; left:0px;   }
	.footer-contents .footer-left dt {font-size:18px; color:#222;   }
	.footer-contents .footer-left dd {font-size:18px; color:#c83949; margin-bottom:10px;   }
	.footer-contents .footer-left dd a { color:#c83949;   }
	.footer-contents .footer-left dd.tel {font-size:28px; }
	.footer-util {font-size: 0; margin:20px 0; }
	.footer-util li {display: inline-block; font-size: 16px;}
	.footer-util li a {color:#555;}
	.footer-util li a b {color: #007AC1; font-weight: normal;}
	.footer-util > li + li:before {content: "|"; padding: 0 20px; color: #BFBFBF;}
	.footer address {float: left; font-size:14px; }
	.footer-mark { position:absolute; top:0px; right:0px; }
	.footer-mark p { margin-bottom:20px; }



	#backtotop {
	  position: fixed;
	  bottom: 0;
	  right: 0;
	  z-index: 9999;
	  width: 60px;
	  height: 60px;
	  text-align: center;
	 padding-top:10px;
	  background: rgba(0,0,0,0.3);
	  font-size: 40px;
	  color: #fff;
	  cursor: pointer;
	  text-decoration: none;
	  /*transition: opacity 0.2s ease-out;*/
	  opacity: 0;
	}
	#backtotop.show {	opacity: 1;	}
	#backtotop:hover.show {	background: rgba(0,0,0,0.6);	}




/*서브공통부분*/

  .sub-contents {
    padding: 0 0 0 20px;
  }

.contents-title-wrap { border-bottom:1px solid #bbb; height:135px; position:relative;padding-top:40px;   }
 .contents-tit {
    font-family: 'NanumSquare';
    font-size: 36px;
	color:#222; margin-bottom:15px;
  }
  .breadcrumb {
    background: none;
	padding:0px;
	font-size:16px;
  }
  .breadcrumb > li + li:before {
    content: ">";
    color: #555;
  }

  .contents-util {
    position: absolute;
    bottom: 18px;
    right: 0;
  }
    .contents-util p { float:left;  }
    .contents-util p.print { }
	.contents-util p.print a { color:#222;  }
    .contents-util p.font-size {margin-left:10px; }
    .contents-util p.font-size a {display:block; border:1px solid #222; color:#222; float:left; width:24px; height:24px;text-align:center;margin-left:-1px;  }
  .contents-util i {
    font-style: normal;
    margin-left: 20px;
  }


.main-contents { padding:20px 0px 40px;  }

ul.tab-menu {
    width:100%;
    background-color:#eee;
	margin-bottom:20px;
  }

  ul.tab-menu li {
    float:left;
    width:33.333%;
  }
  ul.tab-menu li a {
    display:block;
    padding:15px 0;
    text-align: center;
    background-color: #FFF;
    border: 1px solid #ddd;
    letter-spacing: -1.6px;
    color: #555;
  }
  ul.tab-menu li.active a {
    background: #c83949;
    color: #fff;
  }
  ul.tab-menu.tabs1 li {width:100%;}
  ul.tab-menu.tabs2 li {width:50%; ;}
  ul.tab-menu.tabs3 li, ul.tab-menu.tabs5 li, ul.tab-menu.tabs6 li, ul.tab-menu.tabs9 li {width:33.333%;}
  ul.tab-menu.tabs4 li, ul.tab-menu.tabs7 li, ul.tab-menu.tabs8 li, ul.tab-menu.tabs11 li, ul.tab-menu.tabs12 li {width:25%;}
  ul.tab-menu.tabs10 li {width:25%;}


.list-tab { width:100%; margin-bottom:20px;  padding:20px 10px; border:1px solid #bbb; background:#eee;  text-align:center; }
.list-tab li  { display:inline-block;  }
.list-tab li a  {font-size:16px; color:#222; }
.list-tab li a:hover, .list-tab li.active a  {color:#c83949; text-decoration:underline; }
.list-tab li:after { content:'ㆍ'; padding:0 10px;  }

.main-contents h2 { font-size:24px; color:#222; font-weight:bold; padding-top:25px; padding-bottom:15px;     font-family: 'NanumSquare'; }
.main-contents h3 { font-size:20px; color:#222; font-weight:bold;  margin-bottom:10px;  }
.main-contents h4 { font-size:16px; font-weight:normal; margin-bottom:2px; margin-left:13px; }
.main-contents h4:before {content: '\e83a';  margin-left:-12px;padding-right:6px;   font-family: "fontello"; font-size:16px; color:#555;  }
.main-contents h4.bul_gray:before {color:#555;}
.main-contents p { font-size:16px; }
.main-contents strong{font-weight: bold;color:#222;}
.main-contents ul.bul { margin-bottom:5px; }
.main-contents ul.bul li { font-size:16px; font-weight:normal; margin-bottom:2px; margin-left:13px;; }
.main-contents ul.bul li:before {content: '\e83a';  margin-left:-12px;padding-right:6px;   font-family: "fontello"; font-size:16px; color:#555;  }
.main-contents ul.bul li ul { padding-top:5px;}
.main-contents ul.bul li ul li:before{ content : '-';}
.main-contents ul.bul_gray li:before { color:#555;  }
.main-contents .contents-table { width:100%; border-top:2px solid #222;  }
.main-contents .contents-table table { width:99.99999%; border-collapse:collapse; border-left:1px solid #ddd; font-size:16px;   }
.main-contents .contents-table table thead th {padding:10px; background:#eee;text-align:center;  border-bottom:1px solid #ddd; font-weight:bold;  border-right:1px solid #ddd; }
.main-contents .contents-table table tbody th {padding:10px; text-align:center;  background:#eee; border-bottom:1px solid #ddd; border-right:1px solid #ddd;  font-weight:bold; }
.main-contents .contents-table table tbody td {padding:10px; text-align:center;  border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
.main-contents .contents-table.text-left table tbody th {text-align:left; }
.main-contents .contents-table.text-left table tbody td {text-align:left; }
.main-contents .contents-table table tbody td.text-left {text-align:left; }


.main-contents .text-box { border:1px solid #ddd; background:#eee; margin-bottom:20px; padding:20px; color:#222; font-size:16px;  }
.main-contents .text-box h2{padding:0 0 5px;}
.main-contents .text-box.strong  { border:1px solid #c83949; background:none; color:#c83949;   }
.main-contents .text-box.strong2  { border:1px solid #c83949; background:none; color:#222;   }
.main-contents .btn-group .btn {float:none;  display:inline-block;height:40px; line-height:40px; padding-top:0px; padding-bottom:0px;  text-align:center; min-width:130px;font-weight:bold;  border:1px solid #c83949; color:#c83949; font-size:16px; color:#c83949;  background:#fff;  }
.main-contents .btn-group .btn.btn-style1 {color:#fff; background:#c83949; }
.main-contents .block { display:block;  }

.main-contents  .btn-group.btn-board .btn { font-weight:normal; border:1px solid #dadada; color:#222;  }
.main-contents  .btn-group.btn-board .btn.btn-style1 {  border:1px solid #dadada; background:#f2f2f2;   }
.main-contents  .btn-group.btn-board .btn.btn-style2 {  border:none; background:#ddd;  color:#555;  }
.main-contents  .btn-group.btn-board .btn.btn-style3 {  border:none; background:#555;  color:#fff;  }

.main-contents .btn-file { color:#222; background: #fff; border:1px solid #c83949; }
.main-contents .btn-file i{ color:#c83949; }
.main-contents .btn-style1 {color:#fff; background:#c83949; }
.main-contents .btn-green {color:#fff; font-weight: bold;background: #0f9054;border:none;}








}

.show { display:block !important;  }

#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:50px;  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;}


.nowrap { white-space: nowrap;}



@media (min-width: 1199px) {


	.hidden-sm-up  { display:none !important;  }
	.hidden-md-up  {  display:none !important;  }


}





/*테블릿*/
@media (min-width: 992px) and (max-width: 1199px) {
    
     ul.tab-menu.tabs10 li {width:33.33334%;}

	.footer-site-link dl dt a {padding-left: 10px; }
	.footer-site-link dl dt a i { right: 10px; }
	.footer-contents .footer-left dd { font-size:16px;  }
	.footer-util li {font-size: 14px; letter-spacing: -0.8px;}
	.footer-util > li + li:before {padding: 0 10px;}
	.footer-contents { padding-left:170px; position:relative;letter-spacing:-1.2px;   }





	/*서브 공통부분*/
	.sub-contents {    padding: 0 0 0 15px;  }
	.main-contents .contents-table table { font-size:16px;   }


	.hidden-sm-up  { display:none !important;  }
	.hidden-lg-down {display:none !important; }


}








/*모바일*/

@media (max-width: 360px) {
  html {
    font-size: 22px;
  }
}
@media (min-width: 361px) and (max-width: 480px) {
  html {
    font-size: 25px;
  }
}
@media (min-width: 481px) {
  html {
    font-size: 28px;
  }
}





@media (max-width: 991px) {

	.hidden-md-down {display:none !important; }
	.hidden-lg-down {display:none !important; }



 .header {
    height: 2.27272727rem;
    word-break: keep-all;
	text-align:center;
	margin-left:15px; margin-right:15px;
	border-bottom:1px solid #ccc;
  }
  .header .container {
    position: relative;
  }
  .header a {
    color: #333;
  }
.header h1 {
    display: inline-block;
    margin-top: 0.69090909rem;
    width: 7.04545455rem;

  }
  .header h1 img {
    display: block;
    width: 100%;

  }
  .header-search {
    display: none;
    z-index: 100;
    position: absolute;
    top: 3.18181818rem;
    left: 15px;
    right: 15px;
  }
  .header-search select {
    display: none;
  }
  .header-search input {
    width: calc(100% - 60px);
    height: 1.81818182rem;
    border: 1px solid #c83949;
    vertical-align: top;
  }
  .header-search button {
    width: 50px;
    height: 1.81818182rem;
    background-color: #c83949;
    color: #FFF;
    border: 0;
    font-size: 0.90909091rem;
    padding: 0;
    text-align: center;
  }
  .all-menu-view {
    position: absolute;
    top: 0.7rem;
    left: 0px;
    font-size: 0.90909091rem;
  }
  .header-search-view {
    z-index: 10;
    position: absolute;
    top: 0.7rem;
    right: 0px;
    font-size: 0.90909091rem;
  }
  .header-search-view i.icon-cancel {
    color: #fff;
  }
  .m-menu {
    display: none;
    z-index: 1000;
    position: fixed;
    top: 0;
    left: 0;
    width: 13.86363636rem;
    margin-left: -13.86363636rem;
    height: 100%;
    padding-top: 2.27272727rem;
    background: #F8FBF2;
    letter-spacing: -1px;
    text-align: left;
    min-width: 300px;
    min-width: 13.63636364rem;
  }
  .all-menu-close {
    position: absolute;
    top: 0;
    right: 0;
  }
  .all-menu-close a {
    display: block;
    width: 2.27272727rem;
    height: 2.27272727rem;
    text-align: center;
    font-size: 0.68181818rem;
  }
  .all-menu-close a i::before {
    line-height: 2.27272727rem;
    font-size: 1.13636364rem;
    color: #c83949;
  }
  .header-util {
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 15px;
    width: 11.59090909rem;
    height: 2.27272727rem;
    line-height: 2.27272727rem;
    /* overflow: hidden; */
    font-size: 0;
  }
  .header-util i{
    vertical-align: middle;
  }
  .header-util > li {
    display: inline-block;
    font-size: 0.59090909rem;
  }
  .header-util > li > a {
    color: #555;
    letter-spacing: -0.6px;
    font-size: 0.45454545rem;
  }
  .header-util > li + li:before {
    content: "ㆍ";
    /* padding: 0 0.18181818rem; */
    color: #BFBFBF;
  }
  .header-util .dropdown-menu {
    min-width: 4.54545455rem;
  }
  .gnb-menus h3 a {
    position: relative;
    display: block;
    font-size: 0.68181818rem;
    width: 5.90909091rem;
    padding: 0.79545455rem 0.68181818rem 0.79545455rem 0;
    color: #333;
    text-align: right;
    font-family: 'NanumSquare';
  }
  .gnb-menus h3 a > i {
    display: none;
  }
  .gnb .gnb-menus:first-of-type h3 {
    border-top: 2px solid #c83949;
    padding-top: 0.34090909rem;
  }
  .gnb-menus h3 a i {
    display: none;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -0.31818182rem;
  }


  .gnb-menus h3 a.active {
    color: #c83949;
  }
  .gnb-submenu {
    display: none;
    position: absolute;
    top: 2.27272727rem;
    right: 0;
    width: 7.95454545rem;
    height: calc(100% - 50px);
    overflow-y: auto;
    padding-left: 1.25rem;
    padding-top: 0.77272727rem;
    border-left: 1px solid #ddd;
    border-top: 2px solid #c83949;
  }
  .gnb-submenu.active {
    display: block;
  }
  .gnb-submenu > ul > li > a {
    position: relative;
    display: block;
    line-height: 1.36363636rem;
    font-size: 0.59090909rem;
    font-weight: bold;
    color: #555;
    font-family: 'NanumSquare';
  }
  .gnb-submenu > ul > li > a > i {
    display: none;
  }
    .gnb-submenu > ul > li > a > i.icon-popup {
    display: inline-block; position:relative; margin-top:0.3rem;  margin-left:2px;
  }
  .gnb-submenu > ul > li > a.active {
    text-decoration: underline;
    color: #c83949;
  }
  .gnb-submenu > ul > li > a.active > i {
    display: block;
  }
  .gnb-submenu i {
    position: absolute;
    top: 50%;
    left: 0px;
    font-size: 0.63636364rem;
    margin-left: -1rem;
    margin-top: -0.27272727rem;
  }
  .gnb-submenu > ul > li > ul {
    display: none;
    padding: 2px 0;
  }
  .gnb-submenu > ul > li > ul.active {
    display: block;
  }
  .gnb-submenu > ul > li > ul > li > a {
    position: relative;
    display: block;
    font-size: 0.45454545rem;
    padding: 0.09090909rem 0;
    color: #555;
  }
  .gnb-submenu > ul > li > ul > li > a.active {
    color: #c83949;
    text-decoration: underline;
  }

.footer {
	padding-left:15px; padding-right:15px;
	 background:#f9faf2;
    clear: both;
    letter-spacing: -1px;
	padding-top:1rem;
	bottom:1rem;
    font-size: 0.5rem;
    color: #555;
  }
  .footer-site-link {
  margin-bottom:1rem; border-top:2px solid #222;border-left:1px solid #aaa;

  }
  .footer-site-link:after {
    clear: both;content:''; display:table;
  }
  .footer-site-link dl {
    position: relative;
    float: left;
    width:33.333%;
    height: 1.36363636rem;
    font-size: 0.50090909rem;
    border-right: 1px solid #aaa;
	border-bottom:1px solid #aaa;
  }
  .footer-site-link dl dt a {
    display: block;
    line-height: 1.36363636rem;
    padding-left: 0.2rem;
    color: #222;
    font-weight: normal;
  }
  .footer-site-link dl dt a i {
    position: absolute;
    right: 0.2rem;
	top: 50%;
	font-weight:normal;
	font-size:0.2rem;
	margin-top: -0.2rem;
  }
  .footer-site-link dl dd {
    position: absolute;
    display: none;
    width: 100%;
    max-height: 13.63636364rem;
    overflow-y: auto;
    bottom: 1.36363636rem;
    left: 0;
    padding: 5px 0;
    border: 1px solid #CCC;
    background: #FFF;
  }
  .footer-site-link dl dd a {
    display: block;
    padding: 3px 0.2rem;
    color: #555;
  }

  .footer-contents {position:relative;  }
  .footer-contents .footer-left {  position:absolute; top:70px; left:0px;   }
  .footer-contents .footer-left dt {    font-size: 0.50090909rem; color:#222;   }
  .footer-contents .footer-left dd {    font-size: 0.50090909rem; color:#c83949; margin-bottom:10px;   }
  .footer-contents .footer-left dd a { color:#c83949;   }
  .footer-contents .footer-left dd.tel {    font-size: 0.70090909rem;}



  .footer-util {
    margin: 0.59090909rem 0;text-align:center;

  }
    .footer-util:after { content:''; display:table; clear:both;  }
  .footer-util li {
   width:33.333%; text-align:center; float:left;
    font-size: 0.5rem;
	position:relative;
	margin-bottom:0.2rem;
  }
  .footer-util li a {
    color: #555;
  }
  .footer-util li a b {
    color: #007AC1;
    font-weight: normal;
  }

  .footer-util  li:before {
    content: "|";
	position:absolute; left:0px; top:0px;
    color: #BFBFBF;
  }
.footer-util  li.list01:before, .footer-util  li.list04:before {
    content:'';
  }

  .footer address {
	margin-left:120px;
    margin-bottom: 0.68181818rem;
  }
 .footer-mark {
	text-align:center;
  }
   .footer-mark p {
	display:inline-block; text-align:center;
  }

  .footer-mark a img {
    height: 1.59090909rem;
  }
  .footer-mark img {
    margin: 0 0.13636364rem;
  }

  .back {
    display: none;
    z-index: 10;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.7);
  }
  #backtotop {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 9999;
    width: 1.81818182rem;
    height: 1.81818182rem;
    text-align: center;
    line-height: 1.81818182rem;
	padding-top:5px;
    background: rgba(0, 0, 0, 0.3);
    font-size: 1.18181818rem;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
    /*transition: opacity 0.2s ease-out;*/
    opacity: 0;
  }
  #backtotop.show {
    opacity: 1;
  }
  #backtotop:hover.show {
    background: rgba(0, 0, 0, 0.6);
  }


/*모바일 서브 공통*/
		.contents-title-wrap { border-bottom:1px solid #bbb; position:relative;   }
		.contents-tit {	font-family: 'NanumSquare';		line-height: 2.5rem;		font-size: 0.90909091rem;		}
		.breadcrumb {	padding: 0;		font-size: 0.5rem;		background: none;		letter-spacing: -1px;		margin-bottom:10px; 		}
		.breadcrumb > li + li:before {		content: ">";		color: #555;		}
		.side-menu,		.contents-util { display: none;		}
		.sub-contents {	}
		.source-trigger {		position:relative;	  }
		.source-trigger i {	position:absolute;		right:15px;	  }

		ul.tab-menu {	border: 1px solid #ddd;margin-bottom:20px; 	  }
		ul.tab-menu li { border-bottom:1px solid #ddd;	  }
		ul.tab-menu li:last-child { border-bottom: 0;	  }
		ul.tab-menu li a {	display: block;		padding:6px 15px;		color:#555;		 background-color: #FFF;	  }
		ul.tab-menu li.active a {  background: #c83949;		 color: #fff;	  }


		.list-tab { width:100%; margin-bottom:20px;  padding:20px 10px; border:1px solid #bbb; background:#eee;  text-align:center; }
		.list-tab li  { display:inline-block; padding:3px 0px;  }
		.list-tab li a  {font-size:14px; color:#222; }
		.list-tab li a:hover, .list-tab li.active a  {color:#c83949; text-decoration:underline; }
		.list-tab li:after { content:'ㆍ'; padding:0 2px;  }


		.main-contents { padding:1.27272727rem 0px 2.27272727rem;  }

		.main-contents h2 { font-size:18px; color:#222; font-weight:bold; padding-top:25px; padding-bottom:15px;     font-family: 'NanumSquare'; }
		.main-contents h3 { font-size:16px; color:#222; font-weight:bold;  margin-bottom:10px;  }
		.main-contents ul.bul { margin-bottom:5px;  }
		.main-contents ul.bul li { font-size:14px; font-weight:normal; margin-bottom:2px; margin-left:10px;}
		.main-contents ul.bul li:before {content: '\e83a'; margin-left:-9px;padding-right:6px;   font-family: "fontello"; font-size:16px; color:#555;  }
    .main-contents ul.bul li ul { padding-top:5px;}
    .main-contents ul.bul li ul li:before{ content : '-';}
    .main-contents ul.bul_gray li:before { color:#555;  }


		.main-contents .contents-table { width:100%; border-top:2px solid #222;  }
		.main-contents .contents-table table { width:100%; border-collapse:collapse; border-left:1px solid #ddd; font-size:14px;   }
		.main-contents .contents-table table thead th {padding:10px; background:#eee;text-align:center;  border-bottom:1px solid #ddd; font-weight:bold;  border-right:1px solid #ddd; }
		.main-contents .contents-table table tbody th {padding:10px; text-align:center;  background:#eee; border-bottom:1px solid #ddd; border-right:1px solid #ddd;  font-weight:bold; }
		.main-contents .contents-table table tbody td {padding:10px; text-align:center;  border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
		.main-contents .contents-table.text-left table tbody th {text-align:left; }
		.main-contents .contents-table.text-left table tbody td {text-align:left; }
		.main-contents .min-width-table table {min-width:660px;}



		.main-contents .text-box { border:1px solid #ddd; background:#eee; margin-bottom:20px; padding:20px; color:#222; font-size:14px;  }
		.main-contents .text-box.strong  { border:1px solid #c83949; background:none; color:#c83949;   }
		.main-contents  .btn-group {  }
		.main-contents  .btn-group .btn {float:none;  display:inline-block;height:30px; line-height:30px; padding-top:0px; padding-bottom:0px;  text-align:center;background:#fff;  min-width:100px;font-weight:bold;  border:1px solid #c83949; color:#c83949; font-size:14px; color:#c83949;   }
		.main-contents  .btn-group .btn {float:none;  display:inline-block;height:30px; line-height:30px; padding-top:0px; padding-bottom:0px;  text-align:center;background:#fff;  min-width:100px;font-weight:bold;  border:1px solid #c83949; color:#c83949; font-size:14px; color:#c83949;   }
		.main-contents  .btn-group .btn.btn-style1 {color:#fff; background:#c83949; }


		.main-contents  .btn-group.btn-board .btn { font-weight:normal; border:1px solid #dadada; color:#222;   background:#fff; }
		.main-contents  .btn-group.btn-board .btn.btn-style1 {  border:1px solid #dadada; background:#f2f2f2;   }
		.main-contents  .btn-group.btn-board .btn.btn-style2 {  border:none; background:#ddd;  color:#555;  }
		.main-contents  .btn-group.btn-board .btn.btn-style3 {  border:none; background:#555;  color:#fff;  }

    .main-contents .btn-file { color:#222; background: #fff; border:1px solid #c83949; }
    .main-contents .btn-file i{ color:#c83949; }
    .main-contents .btn-style1 {color:#fff; background:#c83949; }
    .main-contents .btn-green {color:#fff; font-weight: bold;background: #0f9054;border:none;}
    #pageSurvey dl dd input[type='text'] {width:80%; height:30px; padding-left:10px; border:1px solid #CCC; border-top-left-radius:3px; border-bottom-left-radius:3px;}
    #pageSurvey dl dd button {width:20%; height:30px; margin-left:-1px; background:#333; color:#FFF; border:0 none; border-top-right-radius:3px; border-bottom-right-radius:3px;}

    .iframe-responsive{overflow-x: scroll;-webkit-overflow-scrolling: touch;}
    .table-responsive{-webkit-overflow-scrolling: touch;}

    #contactUs dl {margin-top:10px;}
    #contactUs dl dt {float:left;  width: 100px; border: none;}
    #contactUs dl dd:nth-of-type(1) {float:left; width: calc(100% - 100px);}
    #contactUs dl dd:nth-of-type(2) {float:left; width: calc(100% - 100px);}
    #contactUs dl dd {float:left; width: calc(100% - 100px);}


}