@charset "utf-8";

*{margin:0;padding:0;font-family:Apple SD Gothic Neo,"나눔고딕",NanumGothic,'돋움',dotum,Helvetica,sans-serif;-webkit-text-size-adjust:none}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, abbr, acronym, address, big, cite, code, ins, small, sub, sup
{ font:22px/30px "돋움", "Dotum"; color:#666666; padding:0; margin:0; }

div img, dl img, dt img, dd img, ul img, ol img, li img, h1 img, h2 img, h3 img, h4 img, h5 img, h6 img, pre img, form img, fieldset img, input img, textarea img, p img, blockquote img, th img, td img{ font-size:0; line-height:0; }

table{ border-collapse:collapse; border-spacing:0; }

ol, ul, li{ list-style:none; }
total_toggle
h1, h2, h3, h4, h5, h6, th, td{ font-weight:normal; font-size:100%; }

form, fieldset, a img{ border:0; }

q:before,q:after { content:''; }

abbr,acronym { border:0; }

address, abbr, address, big, cite, code, ins, small, sub, sup, em{ font-weight:normal; font-style:normal; }

blockquote, q{ quotes:none; }

.accessibility, .skip, legend
{ position:absolute !important; width:0 !important; height:0 !important; font-size:0 !important; line-height:0 !important; overflow:hidden !important; visibility:hidden !important; }
caption{ display:none; }

.null{ font-size:0; line-height:0; }

a img, input, textarea, select, img{ vertical-align:middle; }


time, progress, mark, output { display:inline; }


.hide{ position:absolute; top:-9999px; left:-9999px; }
.clr{ clear:both !important; float:none !important; width:0 !important; height:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; overflow:hidden !important; visibility:hidden !important; }

a {text-decoration:none;}
a img{ border:0; }
img, input, select{ vertical-align:middle; }

input{ font:13px "돋움", "Dutum", "Tahoma"; color:#000; vertical-align:middle; }
select{ font-size:13px; border:1px solid #D0D0D0; background:#fff; }

@font-face {src:url(../font/NanumGothic.rot);}
@font-face{
	font-family: 'NanumGothicWEB';
	font-style: normal;
	font-weight: normal;
	src: url('../font/NanumGothic.eot'); 
	src: local('NanumGothicWEB'),url('../font/NanumGothic.eot?#iefix') format('embedded-opentype'), url('../font/NanumGothic.woff') format('woff'), url('../font/NanumGothic.ttf') format('truetype'); 
}

@font-face {src:url(../font/NanumGothicBold.rot);}
@font-face{
	font-family: 'NanumGothicBold';
	font-style: normal;
	font-weight: normal;
	src: url('../font/NanumGothicBold.eot'); 
	src: local('NanumGothicBold'),url('../font/NanumGothicBold.eot?#iefix') format('embedded-opentype'), url('../font/NanumGothicBold.woff') format('woff'), url('../font/NanumGothicBold.ttf') format('truetype'); 
}

/*------------------------------------------------------------------------------------------------------------*/
body{ margin:0; padding:0; width:100%;}
 
#document{ width:100%; margin:0 auto; position:relative; background:#fff;}

/* 헤더 */
.head_wrap {width:640px; padding:15px 0; overflow:hidden; margin:0 auto; background:#fff;}
.head_wrap .tel_btn {float:left; margin-left:10px;}
.head_wrap h1 {float:left; margin-left:10px;margin-right:62px}
.head_wrap #total_toggle {float:right; margin-right:10px;}

.n_head_wrap {width:640px; padding:0; overflow:hidden; margin:0 auto; background:#fff;}
.n_head_wrap .tel_btn {float:right;width:97px;}
.n_head_wrap_logo {margin:20px auto;  float:left;  }
.n_head_wrap_logo img { margin:0 auto; display:block; margin-top:15px;}
.n_head_wrap #total_toggle {float:right;width:97px;}

/*헤더 메뉴*/
.hmn {width:640px; overflow:hidden; margin:0 auto; background-color:#2b5355}
.hmn li {float:left;  text-align:center}

/* 푸터 */
.foot_wrap {width:100%; position:relative;}
.foot_box {width:640px; padding-bottom:20px; margin:0 auto; background:#f0f0f0;}
.foot_box .ficon {width:640px; height:140px; border-bottom:1px solid #c3c3c3; background:#07296d; overflow:hidden;}
.foot_box .ficon p {float:left; margin:33px 0 0 39px;}
.foot_box .ficon ul {float:left; overflow:hidden; margin:20px 0 0 40px;}
.foot_box .ficon ul li {font:normal 16px/25px "dotum"; color:#fff;}
.foot_box .ficon ul li span {display:inline-block; *zoom:1; width:75px;}
.foot_box .add {padding:10px 0;}
.foot_box .add ul {width:595px; padding-bottom:5px; overflow:hidden; margin:0 auto;}
.foot_box .add ul li {float:left; margin-right:5px;}
.foot_box .add ul li a {font:bold 16px/20px "dotum"; color:#6e6e6e;}
.foot_box .add {width:595px; margin:0 auto;}
.foot_box .add p {font:bold 11px/20px "dotum"; color:#a2a2a2;}
.foot_box .add p strong {font:bold 12px/20px "dotum"; color:#6e6e6e;}


.foot_wrap2 {width:100%; }
.foot_box2 {width:640px;  margin:0 auto; background:#fff;}
.foot_box2 .ficon {width:640px; height:140px; border-bottom:1px solid #c3c3c3; background:#07296d; overflow:hidden;}
.foot_box2 .ficon p {float:left; margin:33px 0 0 39px;}
.foot_box2 .ficon ul {float:left; overflow:hidden; margin:20px 0 0 40px;}
.foot_box2 .ficon ul li {font:normal 16px/25px "dotum"; color:#fff;}
.foot_box2 .ficon ul li span {display:inline-block; *zoom:1; width:75px;}
.foot_box2 .add {padding:0px}
.foot_box2 .add ul {width:640px; padding-bottom:5px; overflow:hidden; margin:0 auto;}
.foot_box2 .add ul li {float:left; }
.foot_box2 .add ul li a {font:bold 16px/20px "dotum"; color:#6e6e6e;}
.foot_box2 .add {width:640px; margin:0 auto;}
.foot_box2 .add p {font:bold 13px "dotum"; color:#a2a2a2; padding:10px;}
.foot_box2 .add p strong {font:bold 20px "dotum"; color:#6e6e6e;}

/* 전체메뉴 */
#total_menu {width:640px;position:absolute;top:134px;left:50%;margin-left:-320px;z-index:100;display:none; z-index:1000000}
.total_wrap {padding:35px; background:#3a3a3a;}
.total_box {position:relative;margin:20px 0;font-size:0;vertical-align:top;}
.total_box strong {display:block; width:568px; height:55px; font:bold 25px/60px "dotum";color:#3a3a3a; border:1px solid #000; border-radius:7px; background:#fff; text-indent:20px;}
.total_box strong.color {background:#6a75b5; color:#fff;}
.total_box ul {width:568px; overflow:hidden; margin:10px 0 0 20px;}
.total_box ul li {float:left;}
.total_box ul li a {font:normal 25px/40px "dotum";color:#bfbfbf; letter-spacing:-1px;}





/*

	Supersized - Fullscreen Slideshow jQuery Plugin
	Version : 3.2.4
	Site	: www.buildinternet.com/project/supersized
	
	Author	: Sam Dunn
	Company : One Mighty Roar (www.onemightyroar.com)
	License : MIT License / GPL License
	
*/




	

	
	#supersized {  display:block; position:absolute;  top:193px; overflow:hidden; z-index:-999; height:466px; width:640px;    z-index:50; left:50%; margin-left:-320px }

		#supersized img { width:auto; height:auto; position: absolute; display:none; outline:none; border:none }
			#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
			#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/
		
		#supersized li { display:block; list-style:none; z-index:-30; position: absolute; overflow:hidden;  }
		#supersized a { height:466px; width:640px;  display:block; }
			#supersized li.prevslide { z-index:-20; }
			#supersized li.activeslide { z-index:-10; }
		
			#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }
			
			
			
			/*

	Supersized - Fullscreen Slideshow jQuery Plugin
	Version : 3.2.4
	Site	: www.buildinternet.com/project/supersized
	
	Theme 	: Shutter 1.1
	Author	: Sam Dunn
	Company : One Mighty Roar (www.onemightyroar.com)
	License : MIT License / GPL License
	
*/

	/* Controls Bar
	----------------------------*/
			
		
				#play-button{ border-right:8px solid #fff; margin-left:252px ; }
				
					#play-button:hover{  cursor:pointer; }
				
				#playplay{ margin-top:490px}
				#pauseplay{ margin-top:490px}
					#pause-button:hover{ cursor:pointer; }
				
				#prevslide, #nextslide{ position:absolute; height:64px; width:64px; top:200px; margin-top:-21px;  }
					#prevslide{ left:0px; background:url('../img/main/pre001.png'); z-index:100}
					#nextslide{ right:0px; background:url('../img/main/next001.png'); z-index:100}
						#prevslide:active, #nextslide:active{ margin-top:-19px; }
						#prevslide:hover, #nextslide:hover{ cursor:pointer; }
				
				ul#slide-list{top:560px;position:absolute; z-index:600; left:50%; margin-left:-320px}
					ul#slide-list li{ list-style:none; width:15px; height:15px; float:left; margin:0 13px 0 0; }
						ul#slide-list li.current-slide a, ul#slide-list li.current-slide a:hover{ background-position:0 0px; }
						ul#slide-list li a{ display:block; width:15px; height:15px; background:url('../img/main/nav-dot.png') no-repeat 0 -30px;  }
							ul#slide-list li a:hover{ background-position:0 -15px; cursor:pointer; }
				
				
		.main_b001{ overflow:hidden;background-color:#02948a; padding:20px 25px; }
.main_b001 .vod{  }
.main_b001 h1{ text-align:center; margin-bottom:10px }

.main_b001 .image img{ width:100% }
.video-container{position:relative;padding-bottom:51.25%;padding-top:30px;height:0;overflow:hidden;} 
.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%;}