/*
제주넷 2017 레이아웃
*/
@import url(font.css);
/* 요소(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;
	}



.btn.focus, .btn:focus, .btn:hover, .btn:visited {  color:#fff; }



/* 제목요소 */
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; }




body {   font-family:"맑은 고딕",Malgun Gothic;  font-size:14px;  min-width: 320px; overflow-x: hidden;}
h1,h2,h3,h4,h5,h6 {margin: 0; font-weight: bold;}
p, dl, ol, ul {margin: 0;}

@media (min-width: 992px) {

	.m_show { display:none;  }
	.pc_show { display:block;  }

	.container { width:1000px; padding-left:0px; padding-right:0px;  }

	.header { position:relative;  height:100px;  }
	.header h1 { position:absolute;z-index:200;  float:left; top:40px; left:0px;   font-family: 'Godo'; font-size:22px; color:#222;  }
	.header h1 a {  color:#222;  }
	.header h1 a:hover { text-decoration:none;  }

	.gnb { width:100%; padding-left:315px; z-index:100;  position:absolute;  right:0px; top:40px; text-align:right;  }
	.gnb  .menu { float:left;   }
	.gnb  .menu h3 { margin-left: 75px; padding-bottom:40px;  }
	.gnb  .menu h3 a {font-size:18px; color:#222; font-weight:bold;   }
	.gnb  .menu h3.active a, .gnb  .menu h3 a:hover { color:#0b4cc2; text-decoration:none;  }
	.gnb  .menu ul { text-align:center;margin-left: 75px; display:none; z-index:100; position:relative;   }
	.gnb  .menu ul  li { margin-bottom:10px;  }
	.gnb  .menu ul  li a { font-size:16px; color:#555; }
	.gnb .gnb-bg { position:absolute; top:40px;z-index:50; display:none;  width:100%; left:0px; background:url(/pub/images/common/2dep_img.png) no-repeat 30px 30px #fff; height:110px; }

	.footer { padding-top: 25px; padding-bottom:30px; border-top:1px solid #ddd; }
	.footer .container { position:relative;  }
	.footer address {}
	.footer .foot-btn {position:absolute; top:-5px; right:0px; }
	.footer .foot-btn a {display:inline-block; width:160px; height:30px; text-align:center; line-height:30px;  border:1px solid #ddd; font-size:15px; color:#555; }




}


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


}


@media (max-width: 991px) {
.m_show { display:block;  }
.pc_show { display:none;  }

.header { position:relative;  height:70px; padding-top:15px;  padding-left:15px; padding-right:15px;  }
	.header h1 {  float:left; position:Absolute; z-index:200; top:15px; left:15px;  font-family: 'Godo'; font-size:22px; color:#222;  }
	.header h1 a {  color:#222;  }
	.header h1 a:hover { text-decoration:none;  }

	.m_menu-open { position:absolute; top:15px; right:15px;z-index:10;   }
	.m_menu-open img{ width:70%; }

	.gnb {display:none;   text-align:center; z-index:100;  padding-top:120px; /*margin-left: -13.86363636rem;*/ background:#ffe689; height:100%;   position: fixed; width:13.86363636rem;   top:0px; left:0px;  }
	.gnb .menu { margin-bottom:70px;  }
	.gnb .menu h3  { margin-bottom:10px;    }
	.gnb .menu h3 a { font-size:26px; color:#222;   }
	.gnb .menu ul li { margin-bottom:5px;  }
	.gnb .menu ul li a {font-size:20px; color:#555;  }
	.gnb .m_menu-close {  position:absolute; top:15px; right:15px;  }
	.gnb .m_menu-close img{ width:70%; }


	.footer { padding-top: 25px; padding-bottom:30px; border-top:1px solid #ddd; }
	.footer .container { position:relative;  }
	.footer address {margin-bottom:20px; }
	.footer .foot-btn { }
	.footer .foot-btn a {display:block; margin:0 auto; width:160px; height:30px; text-align:center; line-height:30px;  border:1px solid #ddd; font-size:15px; color:#555; }

}


 .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);
  }