@charset "utf-8";
@font-face {
  font-family:'NanumGothic';
  font-style:normal;
  font-weight:400;
  src:url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
  src:url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family:'NanumGothicBold';
  font-style:normal;
  font-weight:700;
  src:url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot);
  src:url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');
}
/* 설정 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0;padding:0;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* 편집영역 시작 */
a{text-decoration:none;}
.gangjo{color:#f44336;}
.smaller{font-size: 0.7em;}
.txt-bold{font-weight:bold}
.txt-rt{text-align:right;}
.txt-lt{text-align:left;}
.txt-center{text-align:center;}
.float-rt{float:right;}
.float-lt{float:left;}
.clear{clear:both;}
.pos-relative{position:relative;}
.pos-absolute{position:absolute;}
.vertical-base{	vertical-align:baseline;}
.vertical-top{	vertical-align:top;}
.underline{	padding-bottom:5px;	border-bottom: 1px solid #eee; margin:0 0 20px 0;}
nav.vertical ul li{	display:block;}/* 수직매뉴  */
nav.horizontal ul li{ display: inline-block;}/* 수평매뉴 */
img{max-width:100%;}
.padd-top{padding-top:10px;}
/* 설정 끝*/
body {
	font-family:'NanumGothic', '나눔고딕', '맑은 고딕', 'Malgun Gothic', Dotum;
	font-size: 100%;
	background: #161F1F;
}
.wrap{
	margin:0 auto;
	width:80%;
}
.wrapper{
	padding: 0 4%;
}
h2.style{
	font-size: 2em;
	color: #3C9686;
	letter-spacing: -1px;
	text-shadow: 0 1px 0 rgb(252, 252, 252);
}
h2.style a{
	color: #3C9686;
}
h2.style a:hover{
	color: #666666;
	-webkit-transition: 0.9s;
	-moz-transition: 0.9s;
	-o-transition: 0.9s;
}
h2.style em{
	color: #dedede;
	font-size: 0.8em;
	font-weight: bold;
}
h2.style .sm{
	font-size: 0.8em;
}
p.para{
	font-size: 1.0em;
	color: #666666;
	line-height: 1.8em;
}
p.para a{
	font-size: 1.0em;
	color: #3C9686;
	line-height: 1.8em;
}
p.para a:hover{
	color: #666666;
	-webkit-transition: 0.9s;
	-moz-transition: 0.9s;
	-o-transition: 0.9s;
}
p.para em{
	font-size: 0.8em;
	font-weight: bold;
	color: #bdbdbd;
	line-height: 1.8em;
}
p.para .stress{
	font-size: 1.0em;
	color: #f44336;
	line-height: 1.8em;
}
p.para.stress{
	color: #f44336;
}
p.para .hit{
	font-size: 0.8em;
	color: #f44336;
	letter-spacing: -1px;
	line-height: 1.8em;
}
p.para .strong{
	font-size: 1.0em;
	font-weight: bold;
}
p.para.strong{
	font-size: 1.0em;
	font-weight: bold;
}
p.para.sm{
	font-size: 0.8em;
}
p.para span{
	font-size: 1.0em;
	font-weight: normal;
	color: #666666;
	line-height: 1.8em;
}
p.para span a{
	font-size: 1.0em;
	color: #3C9686;
	line-height: 1.8em;
}
/* 헤더시작 */
.header{
	padding: 0 2%;
	background: #BAC728;
}
.cssmenu {
	float: left;
}
.cssmenu > ul > li {
  display:inline-block;
  position: relative;
  margin-right: -4px;
}
.cssmenu > ul > li.active a{
	background-color: #A1AD10;
	color: #ffffff;
}
.cssmenu > ul > li span img {
	vertical-align: middle;
}
.cssmenu > ul > li > a {
	display: block;
	text-transform: uppercase;
	font-family:'NanumGothic', '나눔고딕', '맑은 고딕', 'Malgun Gothic', Dotum;
	font-size: 1em;
	color: #ffffff;
	line-height: 3.8em;
	padding: 14px 24px;
	-webkit-transition: color .15s;
	-moz-transition: color .15s;
	-o-transition: color .15s;
	transition: color .15s;
	 border-left: 1px solid #AFB939;
}
.cssmenu > ul > li:nth-child(9) a{
	border-right: 1px solid #AFB939;
}
.cssmenu > ul > li > a:hover {
	-webkit-transition: 0.9s;
	-moz-transition: 0.9s;
	-o-transition: 0.9s;
	transition: 0.9s;
	background-color: #A1AD10;
}
/* 검색 시작 */
.search{
	float: right;
	position: relative;
	width:24%;
	margin-top: 1.6%;
}
.search form{
	background: #A5AC01;
}
.search input[type="text"]{
	padding: 12px 16px;
	outline: none;
	color: #ffffff;
	background: none;
	border: none;
	width: 75.33333%;
	line-height: 1.5em;
	position: relative;
	font-size: 0.825em;
}
.search input[type="submit"]{
	background: url('../images/search.png') no-repeat 10px 10px;
	padding: 12px 20px;
	border: none;
	cursor: pointer;
	width: 16.33%;
	position: absolute;
	line-height: 1.5em;
	right: 0px;
	outline: none;
}
.search input[type="submit"]:hover {
	background: url('../images/search_h.png') no-repeat 10px 10px;
	-webkit-transition: .2s all linear;
	-moz-transition: .2s all linear;
	-o-transition: .2s all linear;
	transition: .2s all linear;
}
/* 메인 */
.main_bg{
	background: #183530;
}
.main{
	padding: 4%;
}
.main1{
	border-top: 1px solid #E9E9E9;
	padding:4%;
}
.main2{
	border-bottom: 1px solid #E9E9E9;
	padding:4%;
}
.main3{
	padding: 4% 4% 0 4%;
}
.main4{
	padding: 0 4% 4% 4%;
}
.main_navi{
	padding: 0 4% 6% 4%;
}
.content{
	text-align:center;
}
.content h2{
	font-size: 2em;
	color: #2C8D7D;
	letter-spacing: 0;
}
.content h2 a{
	color: #2C8D7D;
}
.content h3{
	line-height: 1.5em;
	font-family:'NanumGothic', '나눔고딕', '맑은 고딕', 'Malgun Gothic', Dotum;
	font-size: 2em;
	color: #FFFFFF;
	letter-spacing: 0;
	text-shadow: 0 1px 0 #192B23;
}
/*main_bg1*/
.main_bg1{
	background: #f6f6f6;
}
/*  GRID OF THREE */
.grid_1_of_3{
	display: block;
	margin-left: 4%;
}
.grid_1_of_3:first-child { 
	margin-left: 0; 
} 
.images_1_of_3 {
	float:left;
	width:30.333%;
}
.images_1_of_3  img {
	margin: 8% 0;
}
.images_1_of_3 img {
	box-shadow: 0px 40px 20px -40px rgb(133, 133, 133);
	-webkit-box-shadow: 0px 40px 20px -40px rgb(133, 133, 133);
	-moz-box-shadow: 0px 40px 20px -40px rgb(133, 133, 133);
	-o-box-shadow: 0px 40px 20px -40px rgb(133, 133, 133);
}
/* btn styel*/
.rd_more{
	margin-top: 4%;
}
.btn{
	cursor:pointer;
	color: #555555;
	display: inline-block;
	padding: 0 15px;
	height: 36px;
	line-height: 36px;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	background: url(../images/button.png) repeat-x;
	box-shadow: 0 0 5px #fff inset,0 1px 1px rgba(0,0,0,.33);
	-webkit-box-shadow: 0 0 5px #fff inset,0 1px 1px rgba(0,0,0,.33);
	-moz-box-shadow: 0 0 5px #fff inset,0 1px 1px rgba(0,0,0,.33);
	-o-box-shadow: 0 0 5px #fff inset,0 1px 1px rgba(0,0,0,.33);
	border: none;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.btn:hover{
	background: url(../images/button.png) 0 -36px repeat-x;
}
/* main btm*/
.text1-nav{
	margin-top: 4%;
}
.text1-nav ul li{
	float: left;
	line-height: 2.8em;
	border-bottom: 1px solid #EEEEEE;
}
.text1-nav ul li:before{
	float:left;
	content: url('../images/marker.png');
	vertical-align: middle;
	margin:8px 4px 0 0;
}
.text1-nav ul li a{
	font-size: 1em;
	color: #666666;

}
.text1-nav ul li a:hover{
	color:#333;
}
p.date{
	background: #A5AC01;
	color: #ffffff;
	font-size: 1em;
	padding: 10px;
	display: inline-block;
}
.top{
	margin-top: 4%;
}
/* start footer */
.contact-social{
	float:right;
}
.contact-social ul li{
	display:inline-block;
}
.contact-social ul li a{
	display:block;
}
.contact-social ul li img{
	display:block;
}
.contact-social ul li a{
	background: #666666;
	padding: 10px;
	display: block;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	border-radius:50px;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	-o-border-radius:50px;
}
.contact-social ul li a:hover{
	background: #A5AC01;
}
.copy{
	float:left;
	margin-top:1%;
}
.copy p{
	font-size: 0.8125em;
	color: #666666;
	line-height: 1.8em;
}
.copy p a{
	color: #3C9686;
}
.copy p a:hover{
	color: #666666;
	-webkit-transition: 0.9s;
	-moz-transition: 0.9s;
	-o-transition: 0.9s;
}
/*---about-us----*/
.about-us {
	display: block;
}
.about-header h3{
	font-size: 2.5em;
	color: #8ABB96;
}
.about-info p{
	margin-top: 2%;
}
/*----special-grid------*/
.specials-grids-ads {
  margin-top: 2%;
}
.special-grid-ads {
	float: left;
	width: 31.333333%;
	margin-right: 3%;
}
.special-grid-ads:nth-child(3){
	margin-right: 0%;
}
.special-grid-ads .gallery {
  overflow: hidden;
}
.special-grid-ads h3{
	font-size: 1.5em;
	color: #2e2e2e;
	text-shadow: 0 1px 0 #FFFFFF;
	transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	padding: 0.5em 0;
	display: block;
}
.special-grid-ads h3:hover{
	color: #3C9686;
}

.specials-grids {
  margin-top: 2%;
}
.special-grid {
	float: left;
	width: 22.75%;
	margin-right: 3%;
}
.special-grid:nth-child(4){
	margin-right: 0%;
}
.special-grid .gallery {
  overflow: hidden;
}
.gallery_img {
  display: block;
  width: 100%;
	height: auto;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);	
	-o-transform:scale(1);	
	transform:scale(1);
	-webkit-transition:.3s;
	-moz-transition:.3s;
	-ms-transition:.3s;
	-o-transition:.3s;
	transition:.3s;
}
.gallery_img:hover {
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);	
	-o-transform:scale(1.1);
	transform:scale(1.1);
}
.special-grid h3{
	font-size: 1.5em;
	color: #2e2e2e;
	text-shadow: 0 1px 0 #FFFFFF;
	transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	padding: 0.5em 0;
	display: block;
}
.special-grid h3:hover{
	color: #3C9686;
}
.rd_more1{
	margin-top: 2%;
}
/*start Contact*/
.col{
	display: block;
}
.contact_info{
	float: left;
	width: 60.33333%;
}
.company_address {
	float: right;
	margin-left: 4%;
	width: 35.3333%;
}
.col.span_1_of_2 h2{
	margin-bottom: 4%;
}
.contact-form{
	position:relative;
	margin-top: 2%;
}
.contact-form .fieldbox{
	padding-bottom:10px;
}
.contact-form span{
	color:#666666;
	display:block;
	font-size: 0.8725em;
	padding-bottom:5px;
}
.contact-form em{
  font-weight:bold;  
}
.company_address p{
	padding:2px 0;
	color: #666666;
	font-size: 0.8725em;
	line-height: 1.8em;
}
.company_address p span{
	color: #3C9686;
	cursor:pointer;
}
.company_address p span:hover{
	color: #666666;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-o-transition:0.5s;
	transition:0.5s;
}
.map{
	margin: 2% 0;
}
.contact-form input[type="text"]{
	font-size:1.0em;
	color: #333333;
	padding: 8px;
	display: block;
	width: 98%;
	background: #FFFFFF;
	border: 1px solid #CFCFCF;
	outline: none;
	-webkit-appearance: none;
}
.contact-form select{
  display: inline-block;
  margin: 0;
  padding: 8px;
  height: 38px;
  line-height: 38px;
  font-size: 13px;
  text-decoration: none;
  border: 1px solid #cfcfcf;
  border-radius: 4px;
  box-sizing: border-box;
  resize: vertical;
}
.contact-form textarea{
	font-size: 1.2em;
	color: #333333;
	padding: 8px;
	display: block;
	width: 98%;
	background: #FFFFFF;
	border: 1px solid #CFCFCF;
	outline: none;
	-webkit-appearance: none;
  resize:none;
	height:120px;
  line-height: 1.5em;		
}
.contact-form input[type="password"]{
	font-size:1.0em;
	color: #333333;
	padding: 8px;
	display: block;
	width: 98%;
	background: #FFFFFF;
	border: 1px solid #CFCFCF;
	outline: none;
	-webkit-appearance: none;
}
.contact-form input[type="text"]:focus,.contact-form input[type="password"]:focus, .contact-form textarea:focus{
	-webkit-transition: 0.9s;
	-o-transition: 0.9s;
	-moz-transition: 0.9s;
	transition: 0.9s;
	border: 1px solid rgba(117, 95, 165, 0.05);
	box-shadow: 0px 1px 2px #D6D6D6;
	-webkit-box-shadow: 0px 1px 2px #D6D6D6;
	-moz-box-shadow: 0px 1px 2px #D6D6D6;
	-o-box-shadow: 0px 1px 2px #D6D6D6;
}
.contact-form input[type="submit"]{
	cursor:pointer;
	color: #555555;
	display: inline-block;
	padding: 0 15px;
	height: 36px;
	line-height: 36px;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	background: url(../images/button.png) repeat-x;
	box-shadow: 0 0 5px #fff inset,0 1px 1px rgba(0,0,0,.33);
	-webkit-box-shadow: 0 0 5px #fff inset,0 1px 1px rgba(0,0,0,.33);
	-moz-box-shadow: 0 0 5px #fff inset,0 1px 1px rgba(0,0,0,.33);
	-o-box-shadow: 0 0 5px #fff inset,0 1px 1px rgba(0,0,0,.33);
	border: none;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	outline: none;	
}
.contact-form input[type="submit"]:hover{
	background: url(../images/button.png) 0 -36px repeat-x;
}
form a{
	color: #3C9686;
}
form a:hover{
	color: #666666;
	-webkit-transition: 0.9s;
	-moz-transition: 0.9s;
	-o-transition: 0.9s;
}
.search-form{
	position:relative;
	margin: 0;
}
.search-form div{
	padding:0;
}
* {
  box-sizing: border-box;
}
.search-form input[type=text]{
  display: inline-block;
  margin: 3% 0 0 0;
  padding: 12px;
  border: 1px solid #cfcfcf;
  border-radius: 4px;
  box-sizing: border-box;
  resize: vertical;
}
.search-form select{
  display: inline-block;
  margin: 0;
  padding: 12px;
  font-size: 13px;
  text-decoration: none;
  border: 1px solid #cfcfcf;
  border-radius: 4px;
  box-sizing: border-box;
  resize: vertical;
}
.search_enrollno { float:left; margin:0 5px 0 0 }
.search_cate { float:left; margin:0 5px 0 0}
.search-form-line{
	position:relative;
	margin: 0;
}
.search-form-line form{
  float:left;
  margin: 0 4px 0 0;
}
.search-form-line input[type=text]{
  display: inline-block;
  margin: 0;
  padding: 12px;
  border: 1px solid #cfcfcf;
  border-radius: 4px;
  box-sizing: border-box;
  resize: vertical;
}
.search-form-line select{
  display: inline-block;
  margin: 0;
  padding: 12px;
  font-size: 13px;
  text-decoration: none;
  border: 1px solid #cfcfcf;
  border-radius: 4px;
  box-sizing: border-box;
  resize: vertical;
}

/*신고 */
.videowrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9(56.25%), 4:3(75%) */
  padding-top: 25px;
  height: 0;
}
.videowrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
p.summary {
  margin-top:18px;
}
ol.orderlist {
  padding: 0;
  margin:15px 0;
}
ol.orderlist li {
  margin-left: 20px;
  padding: 5px;
  list-style-type:decimal;
  line-height: 1.5em;
  font-size: 1.0em;
  color: #666666;
}
ol.orderlist a {
	color: #3C9686;
}
ol.orderlist a:hover{
	color: #666666;
	-webkit-transition: 0.9s;
	-moz-transition: 0.9s;
	-o-transition: 0.9s;
}
/*대처방법 */
.alert{
  margin: 0;
  padding: 10px;
  display: inline-block;
  background: #d9edf7;
  color: #2c78ab;
  font-size: 1em;
  border: 1px solid #b2dce5;
  border-radius: 4px;
}
.alert2{
  margin: 0;
  padding: 10px;
  display: inline-block;
  background: #dff0d8;
  color: #376d38;
  font-size: 1em;
  border: 1px solid #c2d7b0;
  border-radius: 4px;
}
.alert3{
  margin: 25px 27px 16px 27px;
  padding: 25px;
  display: inline-block;
  background: #dff0d8;
  color: #376d38;
  font-size: 1em;
  border: 1px solid #c2d7b0;
  border-radius: 4px;
}
.alert4{
  margin: 0;
  padding: 10px;
  display: inline-block;
  background: #f5f5f5;
  color: #585858;
  font-size: 1em;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}
ol.missing {
  padding: 0;
  margin:15px 0;
}
ol.missing li {
  margin-left: 45px;
  padding: 5px;
  list-style-type:decimal;
  line-height: 1.5em;
  font-size: 1.0em;
  color: #666666;
}
ol.missing a {
	color: #3C9686;
}
ol.missing a:hover{
  color: #666666;
  -webkit-transition: 0.9s;
  -moz-transition: 0.9s;
  -o-transition: 0.9s;
}
.missing_box{
  margin:15px 0;
  padding: 0;
  display: block;
}
.missing_box img{
  padding: 0 10px;
}
/*start details */
.det_pic{
	margin: 2% 0 ;
}
.det_para{
	margin-bottom: 2%;
}
/*start details */
.page{
	text-align: center;
	margin: 10% 0;
}
.page h3{
	font-size: 12em;
	text-shadow: 0px 1px 0 rgb(20, 31, 30);
	color: #2C8D7D;
}
/***********페이징**********/
#pagination { float:left; background:#f6f6f6; color:#666; font-family:Helvetica; display:inline; width:100% }
#pagination .paging { display:flex; flex-direction:row; justify-content:center; flex-wrap:wrap; margin: 0 auto; padding:0 }

.paging a, .paging .current { 
	background:#fdfdfd; 
	border:1px solid #dadad3; 
	font-family:'NanumGothic', '나눔고딕', 'NanumGothicWeb';
	color:#666; 
	display:block; 
	float:left; 
	margin-right:3px; 
	padding:7px 11px; padding:5px 9px\9;
	text-decoration:none; 
	-webkit-border-radius:3px; 
	-moz-border-radius:3px; 
	border-radius:3px;
	-webkit-transition:all 0.35s ease;
	-moz-transition:all 0.35s ease;
	-o-transition:all 0.35s ease;
	transition:all 0.35s ease;
}
.paging a:hover, .paging .current { 
	border-color:#bb5916; 
	color:#fff;
	font-family:'NanumGothic', '나눔고딕', 'NanumGothicWeb';
	text-shadow:0 1px 0 #b75613; /* Gradient */ 
	background-color:#e56b18; 
	background-image:-webkit-gradient(linear, left top, left bottom, from(#eb861e), to(#df5012)); /* Saf4+, Chrome */
	background-image:-webkit-linear-gradient(top, #eb861e, #df5012); /* Chrome 10+, Saf5.1+ */ 
	background-image:-moz-linear-gradient(top, #eb861e, #df5012); /* FF3.6 */ 
	background-image:-ms-linear-gradient(top, #eb861e, #df5012); /* IE10 */ 
	background-image:-o-linear-gradient(top, #eb861e, #df5012); /* Opera 11.10+ */ 
	background-image:linear-gradient(top, #eb861e, #df5012); 
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#eb861e', EndColorStr='#df5012'); /* IE6E9 */ 
}
.paging .next, .paging .before { padding:7px 11px }
/***** table *****/
table {
  border-top:3px solid #183530;
  border-bottom:2px solid #d9d9d9;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
  line-height: 1.8em;
}
table em { color: #000; }
table .sero{
	font-size: 0.8em;
	font-weight: bold;
	color: #bdbdbd;
	line-height: 1.8em;
}
table caption {
  font-size: 1.5em;
  color: #666666;
  margin: .5em 0 .75em;
}
table tr {
  background-color: #f6f6f6;
  border-top: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  padding: 0;
}
table th,
table td {
  padding: .5em;
  text-align: center;
  vertical-align: middle;
  color: #666666;
}
table th {
  background-color:#f0f0f0;
  font-size: 1.0em;
}
table td.right {
  text-align:right;
  width: 24%;
}
table td.left {
  text-align:left;
  width: 76%;
}
table a {
  color: #3C9686;
}
table a:hover{
	color: #666666;
	-webkit-transition: 0.9s;
	-moz-transition: 0.9s;
	-o-transition: 0.9s;
}
.table-hover > tbody > tr:hover {
  background-color: #d9edf7;
}
@media screen and (max-width: 600px) {
  table {
    border: 0;
  }
  table caption {
    font-size: 1.3em;
  }  
  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }  
  table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }  
  table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: 1.0em;
    text-align: center;
  }
  table td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }  
  table td:last-child {
    border-bottom: 0;
  }
}
/***** Media Quries *****/
@media only screen and (max-width: 1280px) {
	.wrap{
		width:95%;
	}
}
@media only screen and (max-width: 1024px) {
	.wrap{
		width:95%;
	}
	h2.style {
		font-size: 1.6em;
	}
}
@media only screen and (max-width: 800px) {
	.wrap{
		width:95%;
	}
	h2.style {
		font-size: 1.4em;
	}
	.content h3 {
		font-size:1.5em;
	}
	p.date {
		font-size:0.725em;
	}
}
@media only screen and (max-width: 640px){
	.wrap{
		width:95%;
	}
	.content h3 {
		font-size:1.5em;
	}
	.cssmenu > ul > li > a {
		font-size: 0.725em;
		line-height: 2.8em;
		padding: 10px 10px;
	}
	.search {
		width: 32%;
	}
	.search input[type="text"] {
		padding: 8px 16px;
	}
	.search input[type="submit"] {
		background: url('../images/search.png') no-repeat 10px 8px;
		padding: 8px 20px;
	}
	.grid_1_of_3 {
		margin-left: 0%;
	}
	.images_1_of_3 {
		float: none;
		width: 100%;
		margin-top: 2%;
	}
	.images_1_of_3 img {
		margin: 2% 0;
	}
	.rd_more {
		margin: 2% 0;
	}
	.text1-nav {
		margin: 0;
	}
	.text1-nav ul li {
		float: none;
	}
	.text1-nav ul li:before{
		float: none;
	}
	.contact-social {
		float:none;
		text-align:center;
	}
	.copy {
		float: none;
		margin-top:2%;
		text-align:center;
	}
	.page h3{
		font-size: 8em;
	}
	.main_navi{
		padding: 0 4% 16% 4%;
	}
}
@media only screen and (max-width: 480px) {
	.wrap{
		width:100%;
	}
	.cssmenu > ul > li > a {
		font-size: 0.6825em;
		line-height: 2.8em;
		padding: 8px 6px;
	}
	.content h3 {
		font-size:1.2em;
	}
	.search {
		width: 40%;
	}
	.company_address {
		float: right;
		margin-left: 0%;
		width:100%;
	}
	.contact_info {
		float: none;
		width: 100%;
	}
	.content h2 {
		font-size: 1em;
	}
	.special-grid {
		float: none;
		width: 100%;
		margin-right: 0%;
	}
	.page h3{
		font-size: 5em;
	}
	.main_navi{
		padding: 0 4% 20% 4%;
	}
}
/***** 검색 *****/
ul.result_s { width:100%; margin:0; padding:0 }
ul.result_s li { width:100%; margin-bottom:30px; clear:both; overflow:hidden; list-style:none }
ul.result_s li .thumb { display:block; float:left; margin:0 14px 0 0; padding:0; width:150px; overflow:hidden }
ul.result_s li .thumb img { width:150px; border:1px solid #cfcfcf }
ul.result_s li a { font-size:1.0em; text-decoration:none }
ul.result_s li a:hover { text-decoration:underline }
p.detail { font-size:0.9em }
p.more { width:100%; text-align:right; border-bottom:1px solid #EFEFEF }
p.more a { font-size:1.0em; text-decoration:none }
p.more a:hover { text-decoration:underline }
/***** 대처방법 *****/
.badge { display: inline-block; padding: 1px 2px; vertical-align: baseline; white-space: nowrap; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #999999; }
.howto { clear: both; position: relative; z-index: 100; margin-left: 100px }
.howto:before, .howto:after { display: table; content: ""; line-height: 0; }
.howto:after { clear: both; }
.howto li { float: left; width: 18%; text-align: center; }
.howto li span.badge { margin-bottom: 20px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }
.howto li h2 { font-size: 2em; color:#3C9686; letter-spacing: -1px; line-height: 1.5em; padding: 0; margin: 0px 0px 15px 0px; }
.howto li:hover h2 { color: #316432; }
.howto li p { padding: 0px 8px 8px 0; line-height: 1.5em; font-size: 1.0em; color: #666666; }
.howto li:hover span.badge { background: #183530; -webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; box-shadow: 0 0 0; }

.tab_menu{clear:both;overflow:hidden;width:100%;margin:20px 0}
.tab_menu:after{display:block;clear:both;content:''}
.tab_menu ul{width:100%;z-index:5;border-top:1px solid #c7d2d6}
.tab_menu ul.second{width:100%;z-index:5;border-top:none}
.tab_menu ul:after{display:block;clear:both;content:''}
.tab_menu li{float:left;width:25%}
.tab_menu li a{display:block;position:relative;height:2.8em;border-width:0 1px 1px 0;border-style:solid;border-color:#c7d2d6;background-color:#eff4f5;font-size:1.0em;color:#4e5764;text-align:center;line-height:2.8em}
.tab_menu li a:hover{ background-color:#d9edf7; color:#666 }
.tab_menu li:nth-child(1) a{ border-left: 1px solid #c7d2d6 }
.tab_menu li:nth-child(4) a{ border-right: 1px solid #c7d2d6 }
.tab_menu li:nth-of-type(4n+4) a{border-width:0 1px 1px 0}
.tab_menu li:nth-of-type(4n+2) a:after,.tab_menu li:nth-of-type(4n+3) a:after,.tab_menu li:nth-of-type(4n+4) a:after{display:block;position:absolute;top:0;left:0;width:1px;height:100%;content:''}
.tab_menu li.on a{background:#6a89a7;font-weight:bold;color:#fff;text-shadow:1px 1px #587895}
.tab_menu li.on a:before{display:block;position:absolute;top:0;left:0;width:100%;height:1px;border-top:1px solid #65829e;content:''}
.tab_menu li.on a:after{display:block;position:absolute;top:-1px;left:-1px;width:100%;height:30px;border:1px solid;border-color:#506b85 #54708a #54708b;content:''}

#more_service_detail { display:none }