@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@font-face {
  font-family: 'Nanum Gothic Extra';
  font-style: normal;
  font-weight: 800;
  src:local(※), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot);
  src:local(※), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
  src:local(※), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff2) format('woff2'),
  src:local(※), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff) format('woff'),
  src:local(※), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Gothic Bold';
  font-style: normal;
  font-weight: 700;
  src:local(※), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot);
  src:local(※), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
  src:local(※), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('woff2'),
  src:local(※), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'),
  src:local(※), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src:local(※), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
  src:local(※), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
  src:local(※), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('x-woff2'),
  src:local(※), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
  src:local(※), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');
}

/* html5를 인식하지 못하는 브라우져일 경우 신규로 추가된 TAG를 정의 */
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption, summary, mark, meter, output, progress, time, video { display: block }
 
@import url("../../../../fonts.googleapis.com/earlyaccess/nanumgothic.css"); 
html { font-family:"Nanum Gothic","맑은 고딕","Malgun Gothic","돋움","Dotum","굴림","Gulim,Helvetica","sans-serif"; }
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, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, article, aside, hgroup, 
header, footer, figure, figcaption, nav, section { margin:0; padding:0; border:0;   background:transparent; }
body { font-size:0.75em; line-height:1.5em; color:#333; }
a:link, a:visited, a:hover, a:actgive, a:focus { text-decoration:none; color:inherit; cursor:pointer; }
ul{    list-style: none;}

#contentWrap .bannertext{display:block !important;}

	#contentWrap #mainContent div{margin-right:2%;float:left; max-width:323px; width:27.5%; max-height:275px;}
	#contentWrap #mainContent #boxCont3{    max-width: 485px !important;margin-right: 0px; width:41%; background:url('/img/main_map.jpg') center center; height:167px;}
	#contentWrap { overflow:hidden; max-width:1180px; width:100%; margin:0 auto; }
	#contentbg {background:#fff;width:100%;}

	#contentWrap #mainContent { clear:both;width:100%; max-width:1180px;margin:50px 0; }

.bxslider02 li {
    height: 560px;
    background: url(/img/slide01.jpg)no-repeat 30%;
    background-size: cover;
    width: 100% !important;
}
.bxslider02 li:nth-child(2){background: url(/img/slide02.jpg)no-repeat 30%;background-size: cover;width: 100% !important;}
.bxslider02 li:nth-child(3){background: url(/img/slide03.jpg)no-repeat 30%;background-size: cover;width: 100% !important;}
.bxslider02 li:nth-child(4){background: url(/img/slide04.jpg)no-repeat 30%;background-size: cover;width: 100% !important;}

.main_btn {
    width: 100%;
	background:#d03639;
	font-family: 'Noto Sans KR', sans-serif;
}
.main_txt {
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    margin-top: 220px;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 300;
}
.main_txt strong {
    font-size: 36px;
    line-height: 48px;
    font-weight: 500;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.3);
    display: block;
    margin-bottom: 10px;
    letter-spacing: -1px;
}

.main_txt{
  animation-duration: 1.5s;
  animation-name: slidein;
}

@keyframes slidein {
  from {
    margin-top: 260px;
	opacity:0;
  }

  to {
    margin-top: 220px;
	opacity:1;
  }
}

.cont01 {
    width: 100%;
    max-width: 1200px;
    margin: 50px auto;
}
.cont01:after{content:""; display:block; clear:both;}
ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 42px;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    width: 100%;
    font-size:15px;
	font-family: 'Noto Sans KR', sans-serif;
}
ul.tabs li {
    float: left;
    text-align: center;
    cursor: pointer;
    width: 100px;
    height: 41px;
    line-height: 41px;
    border: 1px solid #ccc;
    border-left: none;
    font-weight: bold;
    background: #fafafa;
    overflow: hidden;
    position: relative;
}
ul.tabs li.active {
    background: #013c7e;
    border-bottom: 1px solid #013c7e;
	color:#fff;
}
.tab_container {
    border-top: none;
    clear: both;
    float: left;
    width: 100%;
    background: #FFFFFF;
}
.tab_content {
    padding: 5px;
    font-size: 12px;
    display: none;
}
.tab_container .tab_content ul {
    width:100%;
    margin:0px;
    padding:0px;
}
.tab_container .tab_content ul li {
    list-style:none
}
;
 #tabs_container {
    width: 100%;
    margin: 0 auto;
}

#tabs_container .slt_title{display:none;}
#tabs_container .slt_more {
    position: absolute;
    top: -49px;
    right: 0px;
}
.main_fl{width:calc((100% - 20px) / 3);float:left;}
.gr_latest{margin-right:10px;}
.lt_notic{margin-right:10px;}

.main_movie {
    overflow: hidden;
    position: relative;
    background: #000;
    min-height: 220px;
}
.main_movie .bg{height:100%;position:absolute;top:0;left:0;
	transition:all .1s linear;
  -o-transition:all .1s linear;
  -moz-transition:all .1s linear;
  -webkit-transition:all .1s linear;
  opacity:0.4;

}
.main_movie .yt {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 6;
    margin-left: -25px;
    margin-top: -20px;
}


.main_movie:hover .bg{height:110%;left:-5%;top:-5%;
  opacity:1;
	transition:all .1s linear;
  -o-transition:all .1s linear;
  -moz-transition:all .1s linear;
  -webkit-transition:all .1s linear;
  }

.cont02 ul:after{content:""; display:block; clear:both;}
.cont02{width:100%;max-width:1200px;margin:0 auto 60px;}
.cont02 li {
    float: left;
	width:calc((100% - 30px) / 4);
	margin-right:10px;
}
.cont02 li:nth-child(4){margin-right:0;}
.cont02 li .ovfl{width:100%;height:320px;overflow:hidden;background:#000;position:relative;}
.cont02 li img{width:100%;opacity:0.7;position:absolute;top:0;left:0;z-index:6;
	transition:all .1s linear;
  -o-transition:all .1s linear;
  -moz-transition:all .1s linear;
  -webkit-transition:all .1s linear;}
.cont02 li:hover img{width:110%;opacity:0.9;position:absolute;top:-5%;left:-5%;
	transition:all .1s linear;
  -o-transition:all .1s linear;
  -moz-transition:all .1s linear;
  -webkit-transition:all .1s linear;}

.cont02 li strong{font-size:20px;padding:10px 0;font-family: 'Noto Sans KR', sans-serif;display:block;}
.cont02 li p{padding:0 0 10px 0;}



@media all and (max-width:1200px) {  
.cont02 li .ovfl {
    height: 260px;
}
}


@media all and (min-width:995px) {    /* 화면 너비가 995px 이상이고 미디어쿼리를 지원하는 브라우저라면 아래 코드를 해석함 */





	/*비쥬얼 이미지 롤링*/
	#jqb_object { 	position: relative;	width: 100%;height:100%;overflow: hidden; padding-bottom: 0%; }
	#jqb_object .jqb_bar{ position:absolute;	width:100%; height: 100%;	right:0px ; background:#1577b6;	opacity:0.7; filter:alpha(opacity=70);	
		color: #ffffff;	 font-weight: bold;	font-size: 2.5em;	letter-spacing: -1px;display:none;}
	#jqb_object .jqb_slide{	position:absolute; width:100%;  font-weight: bold;left: 50%;margin-left: -952px;}
	#jqb_object .jqb_info{ height:225px; padding: 72px 30px 2px 30px;	display:inline-block; line-height:1.5em; color:#fff;  }
	#jqb_object .btn_box{ position:absolute; left:0px; top:230px;  width:100%; }
	#jqb_object .jqb_btn{ float:left;	 }
	#jqb_object .jqb_btn_prev{ width: 43px;	 height: 51px; }
	#jqb_object .jqb_btn_next{  position:absolute; right:0; width: 43px; height: 51px;  }

	#jqb_object div.jqb_bar .jqb_btn2{  margin: 3px 20px 0 0px;	float: right; border:0px solid #fff;  }
	#jqb_object div.jqb_bar .jqb_btn_pause{ width: 50px; height: 16px; cursor:pointer; background-image:url(../../img/main/stop.png); }
	#jqb_object div.jqb_bar .jqb_btn_play{ width: 50px; height: 16px; cursor:pointer; background-image:url(../../img/main/play.png);  }

	#myshit {}
	#myshit .main_tab { float: left; width: 100%;} /*background-color: #5576b4; */
	#myshit .main_tab ul{margin:0 auto; width:100%; max-width:1180px;list-style:none;background:#42515a;height:50px; } 
	#myshit .main_tab ul:after {display:block;visibility:hidden;clear:both;content:"";}
	#myshit .main_tab ul :hover{color:red;;}
	#myshit .main_tab ul li {float:left;color:#fff;width:149.2px;margin-top:15px;border-left:1px solid #9e9e9e;padding-left:100px;}
	#myshit .main_tab ul li:first-child {border:none;}
	#myshit .main_tab ul li a{font-size: 1.25em;}
	#myshit .main_tab ul li:first-child {border:0px;}

	.board_latest {width:221px;}
	.right_banner {width:300px;height:125px;}
	.tablewidth {width:100%; max-width:1180px;}

	
}

@media (max-width:995px) {  /* 이 코드는 995px 이하의 해상도에서 해석 됩니다 */ 

	#wrap { float: left;  width: 100%;  transition: width 0.1s ease;  }
	#util {display:none;}
	#headerWrap {height:70px; }
	#header div.mobileMenu {}
	#subMenuWrap {display:none;}
	#header h1.logo {}
	.menu_wrap {display:none;}
	.menu {display:none;}
	#header div.mobileMenu { background-color:#fff; border-left:1px solid #e1e1e1; height:60px; width:70px; float:right; text-align:center;  font-size:30px; padding-top:10px; }
.main_txt {
    width: 70%;
    font-size: 15px;
    margin: 0 auto;
    margin-top: 90px;
	line-height: 20px;
}

.main_txt strong {
    font-size: 25px;
    line-height: 25px;
}
@keyframes slidein {
  from {
    margin-top: 120px;
	opacity:0;
  }

  to {
    margin-top: 90px;
	opacity:1;
  }
}

.main_fl {
    width: 100%;
    float: none;
}
.main_movie .bg {
	width:100%;
    height: unset;
}
.main_movie:hover .bg {
    width: 110%;
    height: unset;
}

.cont02 li {
    width: calc((100% - 20px) / 2);
    margin-right: 10px;
}
.cont02 li .ovfl {
    height: 210px;
}
	/* 모바일메뉴 */
	.main-nav {  font-size: 1.25em; z-index:990; position: fixed;  top: 0; right:0;  width: 0;  height: 100%;  background: #3B3B3B;  overflow-y: auto;  transition: width 0.1s ease; color:#ffffff; }
	.main-nav a { font-weight:bold; display: block; background: linear-gradient(#3e3e3e, #383838); border-top: 1px solid #484848; border-bottom: 1px solid #2E2E2E; color:#ffffff !important; padding: 15px;}
	.close-menu {  display: none; font-size: 2em;  text-align:center;}
	#main-nav:target {  width: 50%; }
	#main-nav:target + #wrap {  width: 100%;}
	#main-nav:target + #wrap .open-menu {  display: none;}
	#main-nav:target + #wrap .close-menu {  display: block;}

	.board_latest {width:100%;}
	.tablewidth {width:100%;}

	.bxslider02 li {height: 300px;}
	.main_btn02 li { height: 111px;}
} 

@media (max-width:699px) { /* 이 코드는 699px 이하의 해상도에서 해석 됩니다 */ 



}

@media (max-width:499px) { 
#header h1.logo {
    width: 160px;
}
.cont02 li .ovfl {
    height: 160px;
}
}
@media (max-width:320px) { /* 이 코드는 699px 이하의 해상도에서 해석 됩니다 */ 
	
	.delTHName {display:none;}
}

/* 추출 게시판 스타일 */

.board_output_1_tr .bd_out1 { padding-bottom:3px; padding-left:3px;  }
.board_output_1_tr img { vertical-align:middle; }