html, body {
	background-color: #222222;
}

#sb-site {
	box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.3); /* Shadow cast onto the slidebars when opened. */
	padding: 80px 0 30px 0;
}

#adverts {
	margin-top: 20px;
}

.advert {
	border-radius: 3px;
	border: 1px solid #727272;
	margin-bottom: 10px;
	padding: 3px;
}

.navbar {
	box-shadow: /* Shadow beneath the bar and edge highlights. */
		/* Layered single pixel shadows to create a one sided shadow effect. */
		0 5px 0 0 rgba(0, 0, 0, 0.01),
		0 4px 0 0 rgba(0, 0, 0, 0.02),
		0 3px 0 0 rgba(0, 0, 0, 0.04),
		0 2px 0 0 rgba(0, 0, 0, 0.06),
		0 1px 0 0 rgba(0, 0, 0, 0.08),
		/* Top highlight */
		0 1px 0 0 rgba(255, 255, 255, 0.1) inset,
		/* Left highlight */
		1px 0 0 0 rgba(255, 255, 255, 0.1) inset,
		/* Right highlight */
		-1px 0 0 0 rgba(255, 255, 255, 0.1) inset,
		/* Bottom lowlight */
		0 -1px 0 0 rgba(0, 0, 0, 0.1) inset;
		
	/* Glass gradient overlay. */
	background-image: -webkit-linear-gradient(top, rgba(255,255,255, 0.05) 50%, rgba(0,0,0, 0.02) 51%); /*  Webkit syntax. */
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 50%, rgba(0, 0, 0, 0.02) 51%); /* Final syntax. */
	background-size: 100%;
	background-repeat: no-repeat;
	
	/* Bootstrap Changes */
	border: none;
	width: 100%;
	left: auto;
	right: auto;
}

.sb-android .navbar {
	position: absolute;
}

#logo {
	margin-top: 4px;
	text-align: center;
}

#top-arrow {
	padding-top: 17px;
	padding-bottom: 13px;
}


/*
.navbar .sb-toggle-left {
	width: 58px;
	float: left;
	padding: 14px;
}

.navbar .sb-toggle-right {
	width: 58px;
	float: right;
	padding: 14px;
}

*/


.navbar .sb-toggle-left {
	width: 45px;
	float: left;
	padding: 14px 4px 4px 10px ;
}

.navbar .sb-toggle-right {
	width: 45px;
	float: right;
    padding: 14px 4px 4px 10px ;
}



.sb-toggle-left, .sb-toggle-right, .sb-open-left, .sb-open-right, .sb-close {
	cursor: pointer;
}

.sb-right {
	margin-top: 50px;
}

.navicon-line {
	width: 24px;
	height: 4px;
	border-radius: 1px;
	margin-bottom: 3px;
	background-color: #fff;
}

ul.navbar-nav {
	display: none;
}

footer {
	margin-top: 30px;
}

/* Slidebars */

.sb-slidebar {
	background-color: #222222;
}

/* Left */


.sb-menu li .sb-open-right, .sb-menu li small {
	display: inline-block;
	padding: 14px;
}

.sb-menu li img {
	margin: 14px;
}

/* Right */
aside#about-me {
	padding: 14px 14px 14px 14px;
}

img.img-me {
	margin: 14px auto;
	border: 4px solid #fff;
}

/* Slidebar Type */

.sb-slidebar, .sb-slidebar h3 {
	color: #F0F0F0;
}

.sb-slidebar ul.sb-nav li a {
	color: #DEDEDE;
}

.sb-slidebar ul.sb-nav li a:hover {
	color: #C7C7C7;
	text-decoration: none;
}

.sb-slidebar ul.sb-nav li span:hover {
	color: #C7C7C7;
}

/* Anchor Links */
#download, #api, #options, #helper-classes {
	margin-top: -50px;
	padding-top: 50px;
}

/* Helper Classes */
.add-bottom-margin {
	margin-bottom: 15px;
}

.no-bottom-margin {
	margin-bottom: 0;
}

.add-top-margin {
	margin-top: 15px;
}

.no-top-margin {
	margin-top: 0;
}

.push-down {
	position: relative;
	top: 2px;
}



/*


@media (min-width: 768px) {
	ul.navbar-nav {
		display: block;
	}
	
	#logo {
		text-align: left;
	}
}




@media (min-width: 992px) {

}




@media (min-width: 1200px) {

}


*/











	


@charset"euc-kr";




/* 상단고정 메뉴 영도가 

[class*="bar-"] {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 10;
  height: 44px;
  padding: 5px;
  box-sizing: border-box;
}
*/



/* 상단아래 가나다 스크롤 고정  메뉴 영도가  */

#tops_bar2 {
  position: fixed;
  top:50px;
  right: 0;
  left: 0;
  z-index: 10;
  height: 44px;
  padding: 0px;
  box-sizing: border-box;
}





  	
   	 /* 점수통계  하단 인덱스 가나다 군 */
 
 .tong_head_top			{ text-align:center; color: #7a0c39;font-size:10pt; font-family:Tahoma,돋움; padding:0;}
 
 
 .tong_head_ka			{ text-align:center; color: #7a0c39;font-size:10pt; font-family:Tahoma,돋움; width:20%; padding:0 4 0 2;}
	

   .tong_head_na			{ text-align:center; color: #7a0c39; font-size:10pt; font-family:Tahoma,돋움; width:20%; padding:0 4 0 2;}
	

   .tong_head_da			{ text-align:center; color: #7a0c39; font-size:10pt; font-family:Tahoma,돋움; width:20%; padding:0 4 0 2;}
	



   .tong_head_jumsu			{ text-align:center; font-size:9pt; color: #7a0c39; font-family:Tahoma,돋움; width:5%; padding:0 4 0 2;}
	

  



@media (max-width:399px) {/* 최대 399 ---------------------------------------------------------------------- */
  

                 A:link { text-decoration: none;}
                  A:visited { text-decoration: none; }
                  A:active { text-decoration: none; }
                  A:hover { text-decoration: none;}
                  
                  
                  

body{ background-color:White;
	line-height: 1;
  position: relative;
  right: 0;
  -webkit-transition: right .3s;
  transition: right .3s;
  }
  
body,input,button,textarea,p,td,a,li,span,div{font-family:'Segoe UI',Meiryo,'Trebuchet MS','나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif
; font-size:12px;line-height:1.5em;color:#828282;color:#555; letter-spacing:-1px; }


 


	
select {
font-family:'Segoe UI',Meiryo,'Trebuchet MS','나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif; 
font-size:12px;
line-height:1.5em;
color:#000077; 
letter-spacing:-2px;
width:80px; 
height:25px;
 
  }
	


#tops {position:fixed; *position:relative; top:0; left:0; width:100%; height:100px; margin:0 auto; z-index:99999; border-top:#412b20 solid 1px; text-align:center; background:white;}

 


/*
#cell_8_9_1 {position:absolute;left:0px;top:90px;width:960px;height:45px;text-align:left;margin:0px;padding:0px; background:#000000; z-index:100;}
*/




#cell_8_9_1 {position:absolute;left:0px;top:30px;width:100%;height:45px;text-align:left;margin:0px;padding:0px; background:#ffffff; z-index:100;}

#cell_8_13_5 {position:absolute;right:-100px;top:120px;width:95px;_height:100px;min-height:100px;text-align:left;border:solid 1px #dddddd;margin:0px;padding:0px;background:#eeeeee;z-index:100;border-radius:11px;-moz-border-radius:11px;-webkit-border-radius:11px;background:-webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#ffffff));background:-moz-linear-gradient(top, #eeeeee, #ffffff);background:linear-gradient(to bottom, #eeeeee, #ffffff);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorStr=#eeeeee, endColorStr=#ffffff) ;}

#cell_8_14_6 {position:absolute;right:-100px;top:400px;width:95px;height:150px;text-align:left;border:solid 1px #dddddd;margin:0px;padding:0px;z-index:100;}

#body {margin:0;padding:0;height:100%;background:#ffffff;}

#page_container {position:relative;margin:0px;padding:0px;margin-left:auto;margin-right:auto;width:100%;}

 /* 따라다니는 메뉴사이즈 영도가  */

#menu_size {width:100%;}




  



  	
   	 /* 테크노트 인덱스 가나다 군 */
 
 .head_ka			{ text-align:center; font-size:8pt; font-family:Tahoma,돋움; width:20%; padding:0 4 0 2;}
	

   .head_na			{ text-align:center; font-size:8pt; font-family:Tahoma,돋움; width:20%; padding:0 4 0 2;}
	

   .head_da			{ text-align:center; font-size:8pt; font-family:Tahoma,돋움; width:20%; padding:0 4 0 2;}
	



   .head_jumsu			{ text-align:center; font-size:8pt; font-family:Tahoma,돋움; width:5%; padding:0 4 0 2;}
	

  
  


	
	
/*메인 동그라미 등..*/
.media-n-box{padding-top:13px;   margin:0 auto; padding:0 auto; text-align:center; }


.media-n-box h14 
{
font-family:'Segoe UI',Meiryo,'Trebuchet MS','나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif; 
font-weight:normal; 
font-size:14px; 
color:#566074; 
letter-spacing:-1px; 
text-align:center;
line-height:1.5em;
}

.media-n-box h14 strong{padding-left:10px; color:#00b0ec;}



.media-n-box h20 {font-weight:normal; font-size:13px; color:#566074; letter-spacing:-0.06em; text-align:center;}
.media-n-box h20 strong{padding-left:10px; color:#00b0ec;}




.media-n-box h26 {font-weight:normal; font-size:26px; color:#566074; letter-spacing:-0.06em;text-align:center;}
.media-n-box h26 strong{padding-left:10px; color:#00b0ec;}



.median-logo{margin-top:10px; font-family:NanumGothic, "Malgun Gothic"; font-size:13px; font-weight:800; letter-spacing:-0.04em; text-align:center;}


.median-logo dd{margin-top:10px;}
.median-effect{margin-top:35px; text-align:center;}

.median-effect img{width:95%; transition:all 1000ms}

.median-effect img:hover{-webkit-transform:rotateY(360deg); -moz-transform:rotateY(360deg);}




.median-effect-txt{margin-top:20px; text-align:center;}

.median-effect-txt:after{content:""; display:block; clear:both;}
.median-effect-txt dl{margin:0 5px; display:inline-block; text-align:left; line-height:18px;}
.median-effect-txt dt{font-weight:800;}
.median-effect-txt dd{margin-bottom:2px;}

.effect-offer{width:220px; padding-left:20px; margin-bottom:15px;}

.effect-take{width:220px; padding-left:20px; margin-bottom:15px;}



.effect-offer dt{color:#33b7ee; margin-bottom:5px;}
.effect-take dt{color:#e7316e; margin-bottom:5px; margin-top:10px; }


.median-explain{border-top:1px solid #eee; margin-top:15px; padding-top:20px;}
.offer-cotent1:after{content:""; display:block; clear:both;}
.offer-cotent1 img{width:44px; height:44px;}
.offer-cotent1 dt{float:left; width:160px; font-family:Dotum, Tahoma; font-size:14px; font-weight:800; color:#566074 }
.offer-cotent1 p{display:inline-block; width:44px; text-align:center; margin:0 6px;}
.offer-cotent1 p span{display:block;}
.offer-cotent1 dd{overflow:hidden; line-height:20px;}






.text_dae {
font-family:'Segoe UI',Meiryo,'Trebuchet MS','나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif; 
font-weight:normal; 
font-size:8pt; 
color:#666666;
}


.text_x {
font-family:'Segoe UI',Meiryo,'Trebuchet MS','나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif; 
font-weight:normal; 
font-size:5pt; 
color:#666666;
}

  
  
  
  }
  
  





@media (min-width:400px) and (max-width:639px) {/* 최소 400 ~ 639 ---------------------------------------------------------------------- */
  
    
    
	
/*메인 동그라미 등..*/
.media-n-box{padding-top:13px;   margin:0 auto; padding:0 auto; text-align:center; }


.media-n-box h14 
{
font-family:'Segoe UI',Meiryo,'Trebuchet MS','나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif; 
font-weight:normal; 
font-size:14px; 
color:#566074; 
letter-spacing:-1px; 
text-align:center;
line-height:1.5em;
}

.media-n-box h14 strong{padding-left:10px; color:#00b0ec;}


.media-n-box h20 {font-weight:normal; font-size:20px; color:#566074; letter-spacing:-0.06em; text-align:center;}
.media-n-box h20 strong{padding-left:10px; color:#00b0ec;}


.media-n-box h26 {font-weight:normal; font-size:26px; color:#566074; letter-spacing:-0.06em;text-align:center;}
.media-n-box h26 strong{padding-left:10px; color:#00b0ec;}



.median-logo{margin-top:30px; font-family:NanumGothic, "Malgun Gothic"; font-size:13px; font-weight:800; letter-spacing:-0.04em; text-align:center;}


.median-logo dd{margin-top:20px;}
.median-effect{margin-top:35px; text-align:center;}

.median-effect img{width:416px; transition:all 1000ms}

.median-effect img:hover{-webkit-transform:rotateY(360deg); -moz-transform:rotateY(360deg);}




.median-effect-txt{margin-top:20px; text-align:center;}

.median-effect-txt:after{content:""; display:block; clear:both;}
.median-effect-txt dl{margin:0 5px; display:inline-block; text-align:left; line-height:18px;}
.median-effect-txt dt{font-weight:800;}
.median-effect-txt dd{margin-bottom:2px;}
.effect-offer{width:180px; padding-right:40px;}



.effect-offer dt{color:#33b7ee; margin-bottom:5px;}
.effect-take dt{color:#e7316e; margin-bottom:5px;}


.median-explain{border-top:1px solid #eee; margin-top:15px; padding-top:20px;}
.offer-cotent1:after{content:""; display:block; clear:both;}
.offer-cotent1 img{width:44px; height:44px;}
.offer-cotent1 dt{float:left; width:160px; font-family:Dotum, Tahoma; font-size:14px; font-weight:800; color:#566074 }
.offer-cotent1 p{display:inline-block; width:44px; text-align:center; margin:0 6px;}
.offer-cotent1 p span{display:block;}
.offer-cotent1 dd{overflow:hidden; line-height:20px;}




	
    
    }
    
    
    


@media (min-width:640px) and (max-width:1024px) {/* 최소 640 ~ 1024 ---------------------------------------------------------------------- */
    
    
                     A:link { text-decoration: none;}
                  A:visited { text-decoration: none; }
                  A:active { text-decoration: none; }
                  A:hover { text-decoration: none;}
                  
                  
                  

body{ background-color:White;
	line-height: 1;
  position: relative;
  right: 0;
  -webkit-transition: right .3s;
  transition: right .3s;
  }
  
body,input,button,textarea,p,td,a,li,span,div{font-family:'Segoe UI',Meiryo,'Trebuchet MS','나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif
; font-size:12px;line-height:1.5em;color:#828282;color:#555; letter-spacing:-1px; }


   
select {
font-family:'Segoe UI',Meiryo,'Trebuchet MS','나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif; 
font-size:12px;
line-height:1.5em;
color:#000077; 
letter-spacing:-1px;
width:80px; 
height:25px;
 
  }




   
	
/*메인 동그라미 등..*/
.media-n-box{padding-top:13px;   margin:0 auto; padding:0 auto; text-align:center; }


.media-n-box h14 
{
font-family:'Segoe UI',Meiryo,'Trebuchet MS','나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif; 
font-weight:normal; 
font-size:14px; 
color:#566074; 
letter-spacing:-1px; 
text-align:center;
line-height:1.5em;
}

.media-n-box h14 strong{padding-left:10px; color:#00b0ec;}


.media-n-box h20 {font-weight:normal; font-size:20px; color:#566074; letter-spacing:-0.06em; text-align:center;}
.media-n-box h20 strong{padding-left:10px; color:#00b0ec;}


.media-n-box h26 {font-weight:normal; font-size:26px; color:#566074; letter-spacing:-0.06em;text-align:center;}
.media-n-box h26 strong{padding-left:10px; color:#00b0ec;}



.median-logo{margin-top:30px; font-family:NanumGothic, "Malgun Gothic"; font-size:13px; font-weight:800; letter-spacing:-0.04em; text-align:center;}


.median-logo dd{margin-top:20px;}
.median-effect{margin-top:35px; text-align:center;}

.median-effect img{width:416px; transition:all 1000ms}

.median-effect img:hover{-webkit-transform:rotateY(360deg); -moz-transform:rotateY(360deg);}




.median-effect-txt{margin-top:20px; text-align:center;}

.median-effect-txt:after{content:""; display:block; clear:both;}
.median-effect-txt dl{margin:0 5px; display:inline-block; text-align:left; line-height:18px;}
.median-effect-txt dt{font-weight:800;}
.median-effect-txt dd{margin-bottom:2px;}
.effect-offer{width:180px; padding-right:40px;}



.effect-offer dt{color:#33b7ee; margin-bottom:5px;}
.effect-take dt{color:#e7316e; margin-bottom:5px;}


.median-explain{border-top:1px solid #eee; margin-top:15px; padding-top:20px;}
.offer-cotent1:after{content:""; display:block; clear:both;}
.offer-cotent1 img{width:44px; height:44px;}
.offer-cotent1 dt{float:left; width:160px; font-family:Dotum, Tahoma; font-size:14px; font-weight:800; color:#566074 }
.offer-cotent1 p{display:inline-block; width:44px; text-align:center; margin:0 6px;}
.offer-cotent1 p span{display:block;}
.offer-cotent1 dd{overflow:hidden; line-height:20px;}




	
	

  	
   	 /* 테크노트 인덱스 가나다 군 */
 
 .head_ka			{ text-align:center; font-size:8pt; font-family:Tahoma,돋움; width:220px; padding:0 4 0 2;}
	

   .head_na			{ text-align:center; font-size:8pt; font-family:Tahoma,돋움; width:220px; padding:0 4 0 2;}
	

   .head_da			{ text-align:center; font-size:8pt; font-family:Tahoma,돋움; width:220px; padding:0 4 0 2;}
	



   .head_jumsu			{ text-align:center; font-size:8pt; font-family:Tahoma,돋움; width:30px; padding:0 4 0 2;}
	

  
  
  
  



.text_dae {
font-family:'Segoe UI',Meiryo,'Trebuchet MS','나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif; 
font-weight:normal; 
font-size:8pt; 
color:#666666;
}



.text_x {
font-family:'Segoe UI',Meiryo,'Trebuchet MS','나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif; 
font-weight:normal; 
font-size:5pt; 
color:#666666;
}

  
  
  
    
    }



/*-------피시버전 제일 큰 ----------------*/

/*  피시버전

*/ 

@media (min-width:1025px)  
{

                 A:link { text-decoration: none;}
                  A:visited { text-decoration: none; }
                  A:active { text-decoration: none; }
                  A:hover { text-decoration: none;}
                  
                  
                  

body{ background-color:White;
	line-height: 1;
  position: relative;
  right: 0;
  -webkit-transition: right .3s;
  transition: right .3s;
  }
  
body,input,button,textarea,p,td,a,li,span,div{font-family:'Segoe UI',Meiryo,'Trebuchet MS','나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif
; font-size:12px;line-height:1.5em;color:#828282;color:#555; letter-spacing:-1px; }


   
select {
font-family:'Segoe UI',Meiryo,'Trebuchet MS','나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif; 
font-size:12px;
line-height:1.5em;
color:#000077; 
letter-spacing:-1px;
width:80px; 
height:25px;
 
  }


	
	


#tops {position:fixed; *position:relative; top:0; left:0; width:100%; height:100px; margin:0 auto; z-index:99999; border-top:#412b20 solid 1px; text-align:center; background:white;}

 


/*
#cell_8_9_1 {position:absolute;left:0px;top:90px;width:960px;height:45px;text-align:left;margin:0px;padding:0px; background:#000000; z-index:100;}
*/




#cell_8_9_1 {position:absolute;left:0px;top:30px;width:960px;height:45px;text-align:left;margin:0px;padding:0px; background:#ffffff; z-index:100;}

#cell_8_13_5 {position:absolute;right:-100px;top:120px;width:95px;_height:100px;min-height:100px;text-align:left;border:solid 1px #dddddd;margin:0px;padding:0px;background:#eeeeee;z-index:100;border-radius:11px;-moz-border-radius:11px;-webkit-border-radius:11px;background:-webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#ffffff));background:-moz-linear-gradient(top, #eeeeee, #ffffff);background:linear-gradient(to bottom, #eeeeee, #ffffff);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorStr=#eeeeee, endColorStr=#ffffff) ;}

#cell_8_14_6 {position:absolute;right:-100px;top:400px;width:95px;height:150px;text-align:left;border:solid 1px #dddddd;margin:0px;padding:0px;z-index:100;}

#body {margin:0;padding:0;height:100%;background:#ffffff;}

#page_container {position:relative;margin:0px;padding:0px;margin-left:auto;margin-right:auto;width:960px;}

 /* 따라다니는 메뉴사이즈 영도가  */

#menu_size {margin:0px;padding:0px;margin-left:auto;margin-right:auto;width:960px;}







	
select {
font-family:'Segoe UI',Meiryo,'Trebuchet MS','나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif; 
font-size:12px;
line-height:1.5em;
color:#000077; 
letter-spacing:-2px;
width:80px; 
height:25px;
 
  }
	


 
  /*.메인플레쉬 배너 영도가 */

    #main_flash_banner { position:relative; top:160px; width:1201px; height:240px; margin:0 auto ;  background-color:White;  border-bottom:red solid 0px;  text-align:center; }
    	
	#mainflash { width:1201px; height:240px; position:relative; overflow:hidden; }

	#mainflash .mainbannerImg{ position:absolute; width:1201px; height:240px;}

	#mainflash #bannerLeftBtn{ position:absolute; left:20px; top:90px; z-index:1; }

	#mainflash #bannerRightBtn{ position:absolute; left:1145px;  top:90px; z-index:1; }
		
    #numBtn{ position:absolute; padding:0; margin:0; }
     #numBtn li{ width:15px; height:15px; font-size:11px; font-family:Verdana; text-align:center; line-height:11px; float:left; list-style:none; margin-right:8px; background:url('<?=$this_skin?>/img_pim/main_off70.png'); text-indent:-2000px; }
     #numBtn li { cursor:hand; }
     #numBtn .numBtnOver { background:url('<?=$this_skin?>/img_pim/main_on2.png'); display:block; }

 /*.메인플레쉬 배너 영도가 */
 

    #Mobile_main { display:none;  }
  





 

 
 
  

 #content #title_content {padding:50px 50px 48px 50px; border-bottom:#e1e1e1 solid 0px; height:107px;}
/*s content_total*/   


 
 /* 
 
 #content { position:relative; height:auto; padding-bottom:120px;    margin:0 auto; padding:0 auto; text-align:center;}
 
   #content #sub_content { padding:0px 50px 0px 50px;}  
   
   서브 컨텐츠 여백 영도가
   
     #content #sub_content { padding:5px 5px 5px 5px;}  
     중간정렬은 이거  margin:0 auto;
 */ 
 
    #content #sub_content {  width:800px;  margin:0 auto; padding:0 auto; text-align:center;}  
     
   #content #sub_content dl { padding-top:0px;}
   
   
   
    /* 학원소개 이미지 테스트  */
   
     #int1_1_big {  }
     
     #int1_1_small { display:none;  }


      
   
   
   
   /* 아래가 푸터에서 내부까지 여백 padding-bottom:150px  */
   
   #content #sub_content dl .t_zero { padding-bottom:100px;}
   
   
   #content #sub_content .t_text { font-family:'Segoe UI',Meiryo,'Trebuchet MS','나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif
;   font-size:12.5px; color:#5e5e5e; line-height:21px;}
   #content #sub_content .t_text span {  font-family:"NGothicB", Dotum; font-weight:bold;  font-size:13px; color:#5e5e5e; }
  
  
  
  /* 테크노트 썸네일 사이즈 --- 일반 */
  #thum_tech  	{width:100px; height:50px; overflow:hidden; }

  
  
  /* 테크노트 썸네일 사이즈 ---갤러리 */
  #thum_tech_gallery  	{width:160px; height:115px; overflow:hidden;  padding:6px; border-top:#e1e1e1 solid 1px; border-bottom:#e1e1e1 solid 1px; border-left:#e1e1e1 solid 1px; border-right:#e1e1e1 solid 1px; }
  
 
 
  /* 테크노트 썸네일 사이즈 --- 선생님들 */
  #thum_tech_teacher  	{width:130px; height:300px; overflow:hidden; background-color:#FF6600;  padding:0px; border-top:#e1e1e1 solid 1px; border-bottom:#e1e1e1 solid 1px; border-left:#e1e1e1 solid 1px; border-right:#e1e1e1 solid 1px; }
  

  /* 테크노트 썸네일 사이즈 --- 인터뷰 */
  #thum_tech_interview  	{width:300px; height:140px; overflow:hidden; background-color:#FF6600;  padding:0px; border-top:#e1e1e1 solid 1px; border-bottom:#e1e1e1 solid 1px; border-left:#e1e1e1 solid 1px; border-right:#e1e1e1 solid 1px; }
  

	
	
  	 /* 테크노트 글쓰기폼 글입력 칸  */
  	 
  	#TnT_w_body_size  {width:770px; height:400px;} 

   	
   	 /* 테크노트 인덱스 날짜 칸 */
 
 .list_date			{   text-align:center; font-size:8pt; font-family:Tahoma,돋움; width:70; padding:0 4 0 2;}
	
	.head_td_date			{ height:21px; font-size:9pt; font-family:굴림; letter-spacing:-1; padding-top:2px; border-width:0; background-image:url('/art/skin_board/k_build_home/b_img/attrib/th_bg3.gif');}
 
 	
 	 /* 테크노트 인덱스 조회수 칸 */
  .list_hit				{ text-align:center; font-size:8pt; font-family:Tahoma,돋움; color:#555555; width:30;}

    .head_td_hit			{ height:21px; font-size:9pt; font-family:굴림; letter-spacing:-1; padding-top:2px; border-width:0; background-image:url('/art/skin_board/k_build_home/b_img/attrib/th_bg3.gif');}
 


  
  
  
  

  	
   	 /* 테크노트 인덱스 가나다 군 */
 
 .head_ka			{ text-align:center; font-size:8pt; font-family:Tahoma,돋움; width:220px; padding:0 4 0 2;}
	

   .head_na			{ text-align:center; font-size:8pt; font-family:Tahoma,돋움; width:220px; padding:0 4 0 2;}
	

   .head_da			{ text-align:center; font-size:8pt; font-family:Tahoma,돋움; width:220px; padding:0 4 0 2;}
	



   .head_jumsu			{ text-align:center; font-size:8pt; font-family:Tahoma,돋움; width:30px; padding:0 4 0 2;}
	

  
  
  
   /* 테크노트 하단  페이징 검색창 버튼들 정렬   */
   
    #downs { position:relative; top:0; width:100%; height:50px; margin:0 auto;   }
   
	#downs #dgnb { top:0px; width:100%;  }
	#downs #dgnb ul li{ height:40px; float:left; }
	
	#downs #dgnb ul .m0 { width:100%; height:70px; }
	
	#downs #dgnb ul .m1 { width:50%; left:0; float:left;}
		
	#downs #dgnb ul .m2 {width:50%; left:50%; }
	
	
	
	
	
	
/*메인 동그라미 등..*/
.media-n-box{padding-top:13px;   margin:0 auto; padding:0 auto; text-align:center; }


.media-n-box h14 
{
font-family:'Segoe UI',Meiryo,'Trebuchet MS','나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif; 
font-weight:normal; 
font-size:14px; 
color:#566074; 
letter-spacing:-1px; 
text-align:center;
line-height:1.5em;
}

.media-n-box h14 strong{padding-left:10px; color:#00b0ec;}


.media-n-box h20 {font-weight:normal; font-size:20px; color:#566074; letter-spacing:-0.06em; text-align:center;}
.media-n-box h20 strong{padding-left:10px; color:#00b0ec;}


.media-n-box h26 {font-weight:normal; font-size:26px; color:#566074; letter-spacing:-0.06em;text-align:center;}
.media-n-box h26 strong{padding-left:10px; color:#00b0ec;}



.median-logo{margin-top:30px; font-family:NanumGothic, "Malgun Gothic"; font-size:13px; font-weight:800; letter-spacing:-0.04em; text-align:center;}


.median-logo dd{margin-top:20px;}
.median-effect{margin-top:35px; text-align:center;}

.median-effect img{width:416px; transition:all 1000ms}

.median-effect img:hover{-webkit-transform:rotateY(360deg); -moz-transform:rotateY(360deg);}




.median-effect-txt{margin-top:20px; text-align:center;}

.median-effect-txt:after{content:""; display:block; clear:both;}
.median-effect-txt dl{margin:0 5px; display:inline-block; text-align:left; line-height:18px;}
.median-effect-txt dt{font-weight:800;}
.median-effect-txt dd{margin-bottom:2px;}
.effect-offer{width:180px; padding-right:40px;}



.effect-offer dt{color:#33b7ee; margin-bottom:5px;}
.effect-take dt{color:#e7316e; margin-bottom:5px;}


.median-explain{border-top:1px solid #eee; margin-top:15px; padding-top:20px;}
.offer-cotent1:after{content:""; display:block; clear:both;}
.offer-cotent1 img{width:44px; height:44px;}
.offer-cotent1 dt{float:left; width:160px; font-family:Dotum, Tahoma; font-size:14px; font-weight:800; color:#566074 }
.offer-cotent1 p{display:inline-block; width:44px; text-align:center; margin:0 6px;}
.offer-cotent1 p span{display:block;}
.offer-cotent1 dd{overflow:hidden; line-height:20px;}







.text_dae {
font-family:'Segoe UI',Meiryo,'Trebuchet MS','나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif; 
font-weight:normal; 
font-size:8pt; 
color:#666666;
}



.text_x {
font-family:'Segoe UI',Meiryo,'Trebuchet MS','나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif; 
font-weight:normal; 
font-size:5pt; 
color:#666666;
}

  
  
  




}