@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

 
@font-face {
  font-family: 'ng700';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
}

@font-face {
  font-family: 'ng800';
  font-style: normal;
  font-weight: 800;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
}
 

/* Common */ 

body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0} 
body {height:100%; margin:0; padding:0; overflow-y:scroll; overflow-x:hidden; *overflow-Y}
html {height:100%; margin:0; padding:0} 
* {font:13px '나눔고딕', NanumGothic, 'Nanum Gothic', 'simsun'; color:#282828;} 
img,fieldset,button {border:0; vertical-align:middle} 
hr, button img{display:none}
ol,ul,li {list-style:none; border:0}  
em,address{font-style:normal} 
a{text-decoration:none} 
a:hover,a:active,a:focus{text-decoration:none} 
option {padding-right:6px} /* Firefox Fix */
legend {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0} /* For Screen Reader */
table {border:0 none ; border-spacing: 0; border-collapse: collapse} 
textarea{overflow:auto} 
q:before , q:after , blockquote:after , blockquote:before {content : " "}
blockquote. q{quotes: "" ""}  
input {height:15px; font-size:11px; color:#000000; padding:2px 2px 0px 2px; _margin-top:-1px; vertical-align:middle}  
select {vertical-align:middle} 

.ng700 {font-family:'ng700';} 
.ng800 {font-family:'ng800';}  
strong {font-weight:800} 


/* Layout */  
#wrap{width:100%;}  


#wrapHeader {width:100%; height:100px}    
	#header {width:1104px; margin:0 auto; z-index: 999;}  
		.gnb {float:right; width:300px; padding:0; margin-top:2px; margin-right:100px; z-index: 999; }  		
			.gnb ul {float:right; padding:0}
			.gnb ul li {float:left; padding:0 5px 0 5px;} 
			.gnb ul li a {color:#fff;  font-size:10px;} 

 
		h1 {float:left; position:absolute; width:250px; margin:30px 0 0 0px; z-index:999}
 

		/* MENU */   
		  
		#menu{width:100%;}


		/* TOP 메뉴 */ 

		.lnbDiv {min-width:1104px; width:100%; height:500px; background-color:#fff; overflow:hidden; position:absolute; top:25px; left:0; z-index:998;}
		.lnbDiv .lnbWrap{position:absolute; top:0;  height:550px; margin: 0 auto; overflow: hidden;  position: relative;  width: 850px; z-index: 998; padding-left:300px} 
		.lnbDiv .lnbWrap .lnb{width:850px; z-index:998; float:left; height:600px; overflow:hidden;}
		.lnbDiv .lnbWrap .lnb .oneDep{height:57px; padding:25px 0 0 0; font-size:16px; color:#000; font-family: 'ng800'; font-weight: 900;}
		.lnbDiv .lnbWrap .lnb ul{overflow:hidden; width:100%; height:500px}
		.lnbDiv .lnbWrap .lnb ul li{float:left; height:500px; text-align:left;} /* position:relative;*/

		.lnbDiv .lnbWrap .lnb ul li.one{width:180px; padding-left:100px} 
		.lnbDiv .lnbWrap .lnb ul li.two{width:180px;}  
		.lnbDiv .lnbWrap .lnb ul li.three{width:180px;} 
		.lnbDiv .lnbWrap .lnb ul li.four{width:180px;} 
		.lnbDiv .lnbWrap .lnb ul li.five{width:140px;} 
		.lnbDiv .lnbWrap .lnb ul li.six{width:130px;} 

		.lnbDiv .lnbWrap .lnb ul li a.oneDep{display:block; position:relative;}
		.lnbDiv .lnbWrap .lnb ul li.on a.oneDep{color:#1d2088}
		.lnbDiv .lnbWrap .lnb ul li.on.six{padding-right:0}

		.lnbDiv .lnbWrap .twoDep{height:400px; overflow:hidden; display:block; padding-top:10px;  position:relative; visibility: visible; }
		.lnbDiv .lnbWrap li.on .twoDep{ height:400px;}
		.lnbDiv .lnbWrap li.on .twoDep a.off:hover{color:#1d2088; vertical-align:top; text-decoration:none;}
		.lnbDiv .lnbWrap li .twoDep a.on{ color:#1d2088; vertical-align:top;}
		.lnbDiv .lnbWrap li .twoDep a{color:#5c5c5c; line-height:23px; font-size:13px; font-family: 'ng800';  font-weight: 800;}
		.disB{display:block;}

		.twoDbg{ position:absolute; top:71px; left:0; height:300px; width:100%; overflow:hidden; z-index:997; border-top:1px solid #efefef;}
		.lnbDiv .lnbWrap li.on .guideBg{position:absolute; right:0; display:block;}

 

		/* 헤더 end */ 





			/* main_VISUAL */
			.wrap_main {z-index:1}
			.wrap_main .spot {position:relative; min-width:1104px; height:450px;}
			.wrap_main .spot_images{overflow:hidden;height:450px}


			.wrap_main .spot_images .spot_image1, .wrap_main .spot_images .spot_image2, .wrap_main .spot_images .spot_image3, .wrap_main .spot_images .spot_image4, .wrap_main .spot_images .spot_image5, .wrap_main .spot_images .spot_image6 {position:absolute;top:0;left:0; width:100%; height:450px; text-align:center;}


			.wrap_main .spot_images .spot_image2{opacity:0;filter:alpha(opacity=0)}
			.wrap_main .spot_images .spot_image3{opacity:0;filter:alpha(opacity=0)}
			.wrap_main .spot_images .spot_image4{opacity:0;filter:alpha(opacity=0)}
			.wrap_main .spot_images .spot_image5{opacity:0;filter:alpha(opacity=0)}
			.wrap_main .spot_images .spot_image6{opacity:0;filter:alpha(opacity=0)}
			.wrap_main .spot_images .image{height:450px}
			.wrap_main .spot_images .image div{position:relative; width:1104px;*width:1104px;height:700px;margin:0 auto;text-align:left}
			:root .wrap_main .spot_images .image div{width:100%;}

			/* 이미지 가로 사이즈를 넘겼을 때 보이는 배경*/
			.wrap_main .spot_image1, .wrap_main .spot_image2{}, .wrap_main .spot_image3{}, .wrap_main .spot_image4{}, .wrap_main .spot_image5{}, .wrap_main .spot_image6{}

			/* 각 이미지 경로 */
			.wrap_main .spot_image1 .image{background:url('/img/main/main_roll01.jpg') no-repeat 50% 0;}
			.wrap_main .spot_image2 .image{background:url('/img/main/main_roll02.jpg') no-repeat 50% 0;}
			.wrap_main .spot_image3 .image{background:url('/img/main/main_roll03.jpg') no-repeat 50% 0;}
			.wrap_main .spot_image4 .image{background:url('/img/main/main_roll04.jpg') no-repeat 50% 0;}
			.wrap_main .spot_image5 .image{background:url('/img/main/main_roll05.jpg') no-repeat 50% 0;}
			.wrap_main .spot_image6 .image{background:url('/img/main/main_roll06.jpg') no-repeat 50% 0;}
			/* 각 이미지 경로 : 익스플로러 */
			.wrap_main .spot_image1 .image div {_background:url('/img/main/main_roll01.jpg') no-repeat 50% 0;}
			.wrap_main .spot_image2 .image div {_background:url('/img/main/main_roll02.jpg') no-repeat 50% 0;}
			.wrap_main .spot_image3 .image div {_background:url('/img/main/main_roll03.jpg') no-repeat 50% 0;}
			.wrap_main .spot_image4 .image div {_background:url('/img/main/main_roll04.jpg') no-repeat 50% 0;}
			.wrap_main .spot_image5 .image div {_background:url('/img/main/main_roll05.jpg') no-repeat 50% 0;}
			.wrap_main .spot_image6 .image div {_background:url('/img/main/main_roll06.jpg') no-repeat 50% 0;}
			/* 하단 버튼 */
			.wrap_main .mainshow {z-index:8} 


			
			.bg_news {width:100%; background:url("/img/comm/bg_news.png") top center repeat; height:39px}
				.newsWrap {width:1104px; margin:0 auto} 

					/* 공지사항 */   
					.noticeWrap {float:left; width:552px; padding:0; margin:0;}
					#tbl_notice {float:left; position:relative; width:535px; padding:0 0 0 10px;}

					#tbl_notice h3 {float:left; padding:8px 0 0 0; width:80px; text-align:center;}
					#tbl_notice h3 a {color:#fff; font-size:16px; font-family: 'ng800';}
					#tbl_notice .more a {position:absolute; top:10px; right:15px; }

					#tbl_notice ul {float:left; width:360px; margin:0; padding:11px 0 0 0;}
					#tbl_notice ul li {float:left; color:#fff; width:300px; display: inline-block; margin:0;}
					#tbl_notice ul li a {color:#fff}
					#tbl_notice .date {width:60px; text-align:right;  font-size:11px; display: inline-block; zoom:1; *display: inline; margin:0; padding:0; position:absolute; right:100px} 
					#tbl_notice ul li a span.date {color:#fff}  

					/* 공지사항 */   
					.qnaWrap {float:left; width:552px; padding:0; margin:0;}
					#tbl_qna {float:left; position:relative; width:535px; padding:0 0 0 10px;}

					#tbl_qna h3 {float:left; padding:8px 0 0 0; width:80px; text-align:center;}
					#tbl_qna h3 a {color:#fff; font-size:16px; font-family: 'ng800';}
					#tbl_qna .more a {position:absolute; top:10px; right:15px; }

					#tbl_qna ul {float:left; width:360px; margin:0; padding:11px 0 0 0;}
					#tbl_qna ul li {float:left; color:#fff; width:300px; display: inline-block; margin:0;}
					#tbl_qna ul li a {color:#fff}
					#tbl_qna .date {width:60px; text-align:right;  font-size:11px; display: inline-block; zoom:1; *display: inline; margin:0; padding:0; position:absolute; right:100px} 
					#tbl_qna ul li a span.date {color:#fff} 

.container1, .container-fluid {
    position: relative
}
.container1 {
    max-width: 1150px;
    margin: auto
}
.container1:before, .container:after, .container-fluid:before, .container-fluid:after {
    content: '';
    display: block
}
.container1:after, .container-fluid:after {
    clear: both
}
   
		#container {width:1104px; margin:0 auto; padding-top:20px;}   

			 .aside_l {float:left; width:810px; padding-bottom:20px} 

				#galleryWrap {float:left; width:810px; margin:0; padding:0; position:relative;} 

				#galleryWrap h3 {float:left; padding:0 0 10px 0; width:800px;}
				#galleryWrap h3 a {font-family: 'ng800'; color:#000; font-size:16px}
				#galleryWrap h3 a span {color:#ff3600; font-family: 'ng800'; font-size:16px} 
				#galleryWrap .more a {position:absolute; top:2px; right:16px; }

				dl.tbl_gallery {float:left; padding:0; margin:0 10px 10px 0; width:256px; height:215px; border:1px solid #c6c6c6; background-color:#fff}
				dl.tbl_gallery dt {float:left; width:256px; padding:0; margin:0}  
				dl.tbl_gallery dd {float:left; width:236px; background-color:#ebebeb; padding:10px; text-align:center}     
					.gallery_txt {float:left; width:236px; padding:0 0 5px 0}     
					.gallery_txt a {font-family: 'ng800'; font-size:15px;}     
					.gallery_price {float:left; width:236px; }     
					.gallery_price a {color:#bd0003; font-family: 'ng800'; font-size:15px;}    





			 .aside_r {float:left; width:290px;} 
				
				 .smsWrap {width:290px;  height:216px;  border:1px solid #cacaca;}	
					.aside_sms {float:left; width:290px; padding:20px;}
					.aside_sms h3 {color:#292929;  font-size:24px;  font-family: 'ng800'; padding:0}
					.aside_sms p.stxt_request {float:left; color:#494949; font-size:13px; padding:15px 0 15px 0} 
					.aside_sms dl.sms {float:left; width:290px;}
					.aside_sms dl.sms dt {float:left; padding:8px 0 2px 0; width:60px}
					.aside_sms dl.sms dd {float:left; padding:5px 0; width:230px}
					
				.btn_p { width:292px; height:40px;}
				.btn_p .btn_view_02 { width:292px; height:40px; line-height:40px; font-size:16px; color:#fff; font-weight:bold; background-color:#bd0003; text-align:center; cursor:pointer;}			

				
				input.gray {height:20px; font-size:13px; color:#000000; padding:1px; _margin-top:-1px; vertical-align:middle; background-color:#e4e3e3; border:1px solid #999999;} 
				.gray_box {width:60px; height:26px; background-color:#e4e3e3; color:#333; font-size:13px; padding-left:5px; margin-right:5px;border:1px solid #999999;}

				.btn_view {float:left; width:292px; height:40px; background-color:#bd0003; text-align:center; padding-top:18px}
				.btn_view a {color:#fff; font-size:18px;  font-family: 'ng800';}

   
				



				.bn_customer {float:left; width:290px; padding-top:10px}
				.bn_customer dl {float:left; padding-bottom:10px; }
				.bn_customer dl dt {float:left; padding-bottom:10px}
				.bn_customer dl dd {float:left; background:url("/img/main/bn_customer.png") top left repeat; width:272px; height:160px; padding-left:20px;}
				.bn_customer dl dd p.stxt {text-decoration:underline; padding-top:20px; color:#fff}
				.bn_customer dl dd h2 {float:left; width:250px; font-size:20px; padding-top:10px; margin:0; color:#f8ff46; font-family: 'ng800';}
				.bn_customer dl dd h3 {float:left; width:250px; font-size:18px; padding-bottom:10px; margin:0; color:#889823; font-family: 'ng800';}
				.bn_customer dl dd p.txt1{float:left; width:250px;  font-size:11px;  color:#efefef; line-height:130%;}   




			#subSpot {background:url("/img/sub/subSpot_2.jpg") top center no-repeat; width:100%; height:167px;} 


		#snbWrap {float:left; width:240px}


			.snb_titWrap {float:left; width:193px; border-top:4px solid #555555; height:65px;} 
			.snb_tit {padding:15px 0 15px 0; font-size:24px;  font-family: 'ng800';} 

			#snb {float:left; width:193px;}
			#snb ul {}
			#snb ul li {padding:10px 0 0 20px; font-size:13px; height:30px; border-bottom:1px solid #ddd}
			#snb ul li a {color:#292929;  font-family: 'ng800';}
			#snb ul li.on {background:url("/img/sub/snb_bg.png") left top no-repeat;} 
			#snb ul li.on a { color:#fff;  font-family: 'ng800';} 

			

				.snb_customer {float:left; width:163px; background-color:#5f5f5f; margin:10px 0 0 0; padding:15px} 
				.snb_customer .tit01 {color:#fff8af; font-size:12px; font-family: 'ng800'; text-decoration:underline; padding:0 0 10px 0} 
				.snb_customer .tit02 {color:#ffea00; font-size:22px; font-family: 'ng800';}  
				.snb_customer .txt {font-size:11px; color:#ededed; line-height:16px; padding-top:10px }

				


		
			#subTitleWrap {float:left; display:block;width:780px; padding:0 0 10px 0; position:relative;}			

			h2 {float:left; width:500px; padding-bottom:10px; color:#2f2f2f; font-size:30px; font-family:'ng800';margin:30px 0 0 330px;}    
            
            .headline1 {content: ""; position:absolute; top:80px; left:360px; margin:0 auto; width: 30px; height: 5px; background-color: #1d2088;}
            .headline2 {content: ""; position:absolute; top:80px; left:380px; margin:0 auto; width: 30px; height: 5px; background-color: #1d2088;}
            .headline3 {content: ""; position:absolute; top:80px; left:345px; margin:0 auto; width: 30px; height: 5px; background-color: #1d2088;}


			.location {float:right; padding-top:8px;} 
			.location li {float:left; margin-right:2px; padding-left:10px; padding-right:4px; font-size: 11px; color: #a1a1a1; background: url('/img/sub/bullet_location.png') no-repeat left 4px;} 
			.location li.home {padding-left:17px; background: url('/img/sub/bullet_home.png') no-repeat left 3px} 


		#subContents {float:left; width:780px; padding:0 0 0 0}

		#subContents p span{font-size: 18px; color: #3b3b3b; margin:30px 0; line-height:25px;}   

		
		#subContents p{font-size: 14px; color: #a1a1a1; margin:30px 0; line-height:20px;}   
#subContents>.subCon101{position:relative;}
#subContents>.subCon101>p{width:500px; font-size: 16px; color: #555555;}
#subContents>.subCon101>img{position:absolute;top:-15px; right:40px;}


#subContents>.subCon102{display:block;position:relative;width:780px;height:500px;}

#subContents>.subCon102>.companyinfo11{width:300px;height:100px;background:#e5e5e5;float:left;position:relative;top:30px;border-radius:20px 20px;text-align:left;font-size:16px;padding:40px 20px 30px 20px;}
#subContents>.subCon102>.companyinfo11>.companyinfo21{width:110px;height:40px;background:#5b6296;float:left;position:absolute;top:120px;left:220px;border-radius:20px 20px;text-align:center;padding:20px;font-size:16px; font-weight:600;color:#ffffff;}

#subContents>.subCon102>.companyinfo12{width:300px;height:100px;background:#e5e5e5;float:right;position:relative;top:30px;border-radius:20px 20px;text-align:left;font-size:16px;padding:40px 20px 30px 20px;}
#subContents>.subCon102>.companyinfo12>.companyinfo22{width:110px;height:40px;background:#426ab2;float:left;position:absolute;top:120px;right:220px;border-radius:20px 20px;text-align:center;padding:21px 20px 19px 20px;font-size:16px; font-weight:600;color:#ffffff;word-wrap : break-word;}

#subContents>.subCon102>.companyinfo13{width:300px;height:100px;background:#e5e5e5;float:left;position:relative;top:100px;border-radius:20px 20px;text-align:left;font-size:16px;padding:80px 20px 1px 20px;}
#subContents>.subCon102>.companyinfo13>.companyinfo23{width:110px;height:40px;background:#5d4497;float:left;position:absolute;top:-20px;left:220px;border-radius:20px 20px;text-align:center;padding:20px;font-size:16px; font-weight:600;color:#ffffff;}

#subContents>.subCon102>.companyinfo14{width:300px;height:100px;background:#e5e5e5;float:right;;position:relative;top:100px;border-radius:20px 20px;text-align:left;font-size:16px;padding:80px 20px 1px 20px;}
#subContents>.subCon102>.companyinfo14>.companyinfo24{width:110px;height:40px;background:#5c2954;float:left;position:absolute;top:-20px;right:220px;border-radius:20px 20px;text-align:center;padding:20px;font-size:16px; font-weight:600;color:#ffffff;}



.history_wrap{width:100%;padding:10px 0 0 0;}
.history_blk{position:relative;border-top:1px solid #e1e1e1; padding:20px 90px;}
.history_title{position:absolute;font-weight:bold; font-size:40px;line-height:60px;}
.history_detail{margin-left:120px;font-size:14px;line-height:30px;}



.subCon105{width:780px;}
.super_wrap{position:relative; padding:10px 0 0 0;display:block;overflow:hidden;}
    .super_wrap>img{width:20%;margin-left:20px;}
    
    .super_title{float:right;margin-right:28px;}
    .super_title>p{width:550px;height:80px;float:left;text-align:center;font-size:18px;padding:20px 10px 25px 10px;font-weight:bold;border-radius:20px 20px;background-color:#e5eefd;}
    
    .super_wrap>p{text-align:center; border-bottom:solid 1px #cdcdcd; padding-bottom:30px; }
    
    .super_sub_wrap{}
        .super1{width:600px;display:block;overflow:hidden;}
        .super2{width:600px;display:block;overflow:hidden; margin:20px 0 10px 110px;}
        .super3{width:600px;display:block;overflow:hidden; margin:20px 0 10px 30px;}
        .super4{width:600px;display:block;overflow:hidden; margin:20px 0 10px 190px;}
    
        .super_sub_wrap .super_num1{font-size:80px; float:left; margin:0 0;}
        .super_sub_wrap .super_con1{font-size:26px; font-weight:bold; width:500px; margin:20px 0px 0px 80px;}
        .super_sub_wrap .super_sub_con1{font-size:16px;width:500px; margin:10px 0px 10px 80px;}

        .super_sub_wrap .super_num2{font-size:80px; float:left; margin:0 0;}
        .super_sub_wrap .super_con2{font-size:26px; font-weight:bold; width:430px; float:right; margin:20px 120px 0px 10px;}
        .super_sub_wrap .super_sub_con2{font-size:16px; width:500px; float:right; margin:10px 20px 10px 0px;}
    
        .super_sub_wrap .super_num3{font-size:80px; float:left; margin:0 0;}
        .super_sub_wrap .super_con3{font-size:26px; font-weight:bold; width:500px; float:right; margin:20px 30px 0px 10px;}
        .super_sub_wrap .super_sub_con3{font-size:16px; width:500px; float:right; margin:10px 30px 10px 0px;}
    
        .super_sub_wrap .super_num4{font-size:80px; float:left; margin:0 0;}
        .super_sub_wrap .super_con4{font-size:26px; font-weight:bold; width:410px; float:right; margin:20px 100px 0px 10px;}
        .super_sub_wrap .super_sub_con4{font-size:16px; width:500px; float:right; margin:10px 10px 10px 0px;}


.subCon203{}
.table_203{border: 1px solid black;}
.table_203,th,td{}
.subCon204{}
.kids_wrap{}
.kids_wrap .klogo{width:50%; margin:20px 0 20px 200px;}


#footer {clear:both; width:100%; background-color:#d1d1d1; height:100px;}  
	.footerWrap {margin:0 auto; width:1104px}
	.footer_logo {float:left; display:inline-block;*display:inline;vertical-align:top;*vertical-align:baseline; width:330px; text-align:center; padding-top:15px;}  
	.footer_menu {float:left; width:700px; overflow:hidden;  margin:0; padding:20px 0 30px; } 

	.footer_menu ul{margin:0}  
	.footer_menu ul li {display:inline;position:relative; padding:0 5px 0 7px; margin:0; background:url("/img/comm/footer_line.png") 0 50% no-repeat;_background-position:0 10%; white-space:nowrap}  
	.footer_menu ul li a {font-size:11px; color:#414141}  
	.footer_menu ul li.first{padding:0 3px 0 0; background:none; margin:0}  

	#footer address{font-family:verdana; font-size:11px; line-height:15px; color:#585858; padding-top:5px}   
	#footer address em{font-family:'tahoma'; font-size:11px; color:#585858} 
 

	   

		 


/* 플로팅메뉴 */
.floatWrap {position:relative; width:1240px; margin:0 auto;}  
#floatMenu {position:absolute; top:340px; width:80px; float:right; z-index:69; right:0}

#floatMenu dl {width:80px; margin:0 auto; border:1px solid #d7d7d9}
#floatMenu dl dt {font-size:12px; color:#fff; font-family: 'ng800'; font-weight: 800; text-align:center; padding:10px 0; background-color:#6f6f6f;}
#floatMenu dl dd {background-color:#fff;  text-align:center;}

#floatMenu dl dd ul {list-style:none;margin:0; padding:0;}
#floatMenu dl dd ul li {margin:0; border-bottom:1px dotted #9b9b9b; padding:10px 0; text-align:center;}  
#floatMenu dl dd ul li p {margin-top:10px; line-height:130%}  
#floatMenu dl dd ul li span {font-size:11px;}  





/* 인사말 */
.sub_stl{ color:#555; font-size:24px; font-weight:600; margin-bottom:50px;}
.sub_stl span{ font-size:18px; color:#6f6f6f;}
.sub_stl .color_point01{color:#5495d4;font-size:24px;}

.info1{ overflow:hidden; padding:37px 37px 0 37px; border:1px solid #d9d9d9;}
.info1 li{ float:left; width:512px; height:100px; margin-bottom:20px; background:url(../images/blit/line_01.png) repeat-x left bottom;}
.info1 strong{font-size:14px;}
.info1 .bg_none{background:none;}
.info1 .ico_no1{ padding-left:40px; padding-bottom:20px; background:url(http://fc004.공짜홈페이지.com/images/ico/ico_no1.png) no-repeat top left;}
.info1 .ico_no2{ padding-left:40px; padding-bottom:20px; background:url(http://fc004.공짜홈페이지.com/images/ico/ico_no2.png) no-repeat top left;}
.info1 .ico_no3{ padding-left:40px; padding-bottom:20px; background:url(http://fc004.공짜홈페이지.com/images/ico/ico_no3.png) no-repeat top left;}
.info1 .ico_no4{ padding-left:40px;  padding-bottom:20px;background:url(http://fc004.공짜홈페이지.com/images/ico/ico_no4.png) no-repeat top left;}

.info2{ overflow:hidden;}
.info2 strong{ color:#000; font-size:18px;}
.info2 strong span{font-size:18px;color:#636363;}
.info2  p{ font-weight:600; font-size:30px; line-height:50px;}
.info2 ul{ margin-top:30px;}
.info2 li{ float:left; width:272px; height:183px; margin-right:40px; padding-top:90px; font-size:30px; text-align:center; color:#fff; background:url(http://fc004.공짜홈페이지.com/images/blit/blit_02.png) no-repeat center;}
.info2 .mar_none{ margin-right:0px;}

.sign { width:100%; margin-top:50px; text-align:right; line-height:50px;font-weight:500; font-size:18px;}



/* 오시는 길 */
.map_txt { width:100%; overflow:hidden; margin-top:60px;}
.map_txt li { font-size:14px; color:#333; line-height:24px;}
.map_txt li span { color:#256088; font-weight:bold;}


.font-os {
    font-family: 'Open Sans','Noto Sans',sans-serif !important;
	
}

/* Section Common */
section.main-section {
    position: relative;
    padding: 70px 0;
    overflow: hidden
}
section.main-section:before, section.main-section:after {
    content: '';
    display: block
}
section.main-section:after {
    clear: both
}
section.main-section .sectionTitle {
	
    text-align: center;
    margin-bottom: 60px;
    padding-bottom: 60px;
    border-bottom: 1px solid #f2f2f2
}
section.main-section .sectionTitle h2 {
	position:absolute; left:50%; margin-left:-300px;
    font-size: 36px;
    font-weight: 700;
    color: #333;
    letter-spacing: -1px;
    margin-bottom: 10px
}
section.main-section .sectionTitle p {

    font-size: 16px;
    font-weight: 300;
    color: #aaa;
    line-height: 1.65
}

.img-responsive {
    display: block;
    width: 100%
}

/* about */
#about.main-section .about-items li .thumb {
    position: relative;
    overflow: hidden;

}
#about.main-section .about-items li .thumb:before {
    position: absolute;
    content: '';
    display: block;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #011f4b;
    opacity: 0;
    z-index: 5;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s
}
#about.main-section .about-items li .thumb img {
    -webkit-transition: -webkit-transform 0.35s;
    transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    transition: transform 0.35s, -webkit-transform 0.35s
}
#about.main-section .about-items li .info {
    margin-top: 20px
}
#about.main-section .about-items li .info h3 {
    font-size: 18px;
    font-weight: 700;
    color: #353535;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
#about.main-section .about-items li .info p {
    display: -webkit-box;
    font-size: 14px;
    color: #aeaeae;
    line-height: 1.65;
    height: 70px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis
}
#about.main-section .about-items li .info a {
    position: relative;
    display: inline-block;
    padding: 10px 20px;
    color: #005b96;
    border: 1px solid #005b96;
    -webkit-transition: color 0.3s ease-out;
    transition: color 0.3s ease-out
}
#about.main-section .about-items li .info a:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: #005b96;
    z-index: -1;
    -webkit-transition: width 0.3s cubic-bezier(0.86, 0, 0.07, 1);
    transition: width 0.3s cubic-bezier(0.86, 0, 0.07, 1)
}
#about.main-section .about-items li .info a:hover {
    color: #fff
}
#about.main-section .about-items li .info a:hover:before {
    width: 100%
}
#about.main-section .about-items li .info a:after {
    content: '\f3d3';
    position: relative;
    top: 0;
    font-family: 'Ionicons';
    margin-left: 10px;
}

 #about.main-section .about-items li:hover .thumb:before {
        opacity: 0.45
    }
    #about.main-section .about-items li:hover .thumb img {
        -webkit-transform: scale(1.125);
        transform: scale(1.125)
    }
    /* our services */
    #service.main-section .service-items li:nth-child(4), #service.main-section .service-items li:nth-child(5), #service.main-section .service-items li:last-child {
        margin-bottom: 0
    }

    #service.main-section .service-items li:hover .icon i {
        color: #005b96
    }


/* about */
#about.main-section .about-items li . {
    position: relative;
    overflow: hidden
}
#about.main-section .about-items li .:before {
    position: absolute;
    content: '';
    display: block;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #011f4b;
    opacity: 0;
    z-index: 5;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s
}
#about.main-section .about-items li . img {
    -webkit-transition: -webkit-transform 0.35s;
    transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    transition: transform 0.35s, -webkit-transform 0.35s
}
#about.main-section .about-items li .info {
    margin-top: 20px
}
#about.main-section .about-items li .info h3 {
    font-size: 18px;
    font-weight: 700;
    color: #353535;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
#about.main-section .about-items li .info p {
    display: -webkit-box;
    font-size: 14px;
    color: #aeaeae;
    line-height: 1.65;
    height: 70px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis
}
#about.main-section .about-items li .info a {
    position: relative;
    display: inline-block;
    padding: 10px 20px;
    color: #005b96;
    border: 1px solid #005b96;
    -webkit-transition: color 0.3s ease-out;
    transition: color 0.3s ease-out
}
#about.main-section .about-items li .info a:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: #005b96;
    z-index: -1;
    -webkit-transition: width 0.3s cubic-bezier(0.86, 0, 0.07, 1);
    transition: width 0.3s cubic-bezier(0.86, 0, 0.07, 1)
}
#about.main-section .about-items li .info a:hover {
    color: #fff
}
#about.main-section .about-items li .info a:hover:before {
    width: 100%
}
#about.main-section .about-items li .info a:after {
    content: '\f3d3';
    position: relative;
    top: 0;   
    margin-left: 10px;
}

/* parallax */
#parallax.main-section {    
    padding: 120px 0px;
    background: url(../../img/main/main_center_bg.jpg) center top no-repeat fixed
}
#parallax.main-section:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #000;
    opacity: 0.55
}
#parallax.main-section h2 {
	position:absolute; left:50%; margin-left:-280px;top:70px;
  
    font-size: 25px;
    font-weight: 300;
    color: #fff;
    letter-spacing: -0.5px;
    line-height: 1.55;
    z-index: 1
}

#parallax.main-section h3 {
	position:absolute; left:50%; margin-left:-220px;top:135px;
  
    font-size: 30px;
    font-weight: 300;
    color: #fff;
    letter-spacing: -0.3px;
    line-height: 1.55;
    z-index: 1
}


/* our services */
#service.main-section .service-items li {
    margin-bottom: 60px;
    vertical-align: top
}
#service.main-section .service-items li:before, #service.main-section .service-items li:after {
    content: '';
    display: block
}
#service.main-section .service-items li:after {
    clear: both
}
#service.main-section .service-items li .icon {
    float: left;
    width: 50px;
    line-height: 1
}
#service.main-section .service-items li .icon i {
    font-size: 48px;
    color: #ccc;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease
}
#service.main-section .service-items li .info {
    margin-left: 70px
}
#service.main-section .service-items li .info h3 {
    font-size: 20px;
    font-weight: 700;
    color: #333;
    margin-bottom: 15px
}
#service.main-section .service-items li .info p {
    font-size: 14px;
    color: #999;
    line-height: 1.7;
    word-break: keep-all
}

*[class*=dp-grid-] {margin-left:-15px; margin-right:-15px}
*[class*=dp-grid-] > * {padding-left:15px; padding-right:15px}
*[class*=dp-grid-]:before, *[class*=dp-grid-]:after {content:''; display:block}
*[class*=dp-grid-]:after {clear:both}
*[class*=dp-grid-] > * {float:left}
*[class*=dp-grid-].grid-inline {font-size:0}
*[class*=dp-grid-].grid-inline:before, *[class*=dp-grid-].grid-inline:after {display:none}
*[class*=dp-grid-].grid-inline > * {float:none; display:inline-block}
*[class*=dp-grid-].gutter-x {margin-left:0; margin-right:0}
*[class*=dp-grid-].gutter-xs {margin-left:-5px; margin-right:-5px}
*[class*=dp-grid-].gutter-sm {margin-left:-10px; margin-right:-10px}
*[class*=dp-grid-].gutter-lg {margin-left:-20px; margin-right:-20px}
*[class*=dp-grid-].gutter-xl {margin-left:-25px; margin-right:-25px}
*[class*=dp-grid-].gutter-x > * {padding-left:0; padding-right:0}
*[class*=dp-grid-].gutter-xs > * {padding-left:5px; padding-right:5px}
.gutter-sm > * {padding-left:10px; padding-right:10px}
.gutter-lg > * {padding-left:20px; padding-right:20px}
.gutter-xl > * {padding-left:25px; padding-right:25px}
.dp-grid-lg-2 > * {width:50%}
.dp-grid-lg-3 > * {width:33.3333334%}
.dp-grid-lg-4 > * {width:25%}
.dp-grid-lg-5 > * {width:20%}
.dp-grid-lg-6 > * {width:16.6666667%}
.dp-grid-lg-7 > * {width:14.2857143%}
.dp-grid-lg-8 > * {width:12.5%}
.dp-grid-lg-9 > * {width:11.1111111%}
.dp-grid-lg-10 > * {width:10%}