﻿
/*-----------------------------------------------------------------------------------*/
/*	Layout
/*-----------------------------------------------------------------------------------*/
#body-wrapper {}

#header{ width:100%; height:; }
#header .inner{ padding:0; position:relative; /* overflow:hidden */}

#content{ padding:0}
#content .inner{ 
	overflow:hidden;
	position:relative;  min-height: 700px; 
    border-left: solid 1px #e3e3e3;
	
	
}
 #container-wrap {*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */
 #container-wrap:after {content:" "; display:block; clear:both;} /* 표준계열 브라우저에 대응하는 float 해제용 가상 엘리먼트의 생성 */ 

#footer{ background:#525b5f ; border-top:#e5e5e5 1px solid; clear:both}
#footer .inner{position:relative;width:1000px;height:; padding:15px 0; margin:0 auto; min-height: 50px;}
#footer .copyright{font-size:12px; line-height:140%; color:#CFCECE; letter-spacing:-1px}
#footer .copyright p {font-size:12px; color:#a7a7a7; margin-bottom:3px}
#footer a{ color:#fff}

/*-----------------------------------------------------------------------------------*/
/*	HEADER
/*-----------------------------------------------------------------------------------*/
#header .logo {height:50px; margin:0 ; }
#header .logo a{ color:; font-size: 29px; line-height: 280%;font-family: 'NanumGothicBold'; font-weight:normal;text-transform: none;
background: url(../img/icon_guide.png) no-repeat left 8px;background-size: 93px 80px;  padding-left:100px ; height:68px; display: inline-block;
color: #000000; opacity: 0.9;}
#header .logo a:hover,a:focus{color: #292929;}		
		
		.head01{height:28px; background:#707a7f; position:relative; color:#fff}
		.head01 .user-navi {position:absolute; right:0; top:2px;  }
				.user-navi ul li{ float:left}
				.user-navi ul li a{ display:block; padding:0 5px; 
				text-decoration:none; font-size:12px;color:#fff}
		.head01 .h_tit{position: absolute; top:0; left:0; height:28px; line-height:230%; text-align:center; background:#525b5f; font-size:13px; width:230px}
		.head02{height:70px; border-bottom:1px solid #e0e0e0}
		.head02 .logo{ text-transform:none;font-family:'Nanum Gothic', serif; text-align:center; line-height:270%; color:#333}
		.head03 {height:63px; border-bottom:#4a4a4a 2px solid}
		.head03.news-main{border-bottom:#4a4a4a 1px solid}
		.head03 .main-navi { text-align:center}
				.main-navi ul li{ display:inline-block; line-height:400%;}
				.main-navi ul li a{ display:inline-block; color:#4e4e4e;padding: 0 16px; letter-spacing: -1px;
				text-decoration:none; text-transform: uppercase; font-weight:900; font-size:17px;/*font-family: "Helvetica Neue", Helvetica;*/ }
				
  

/*-----------------------------------------------------------------------------------*/
/*	subpage : content 
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*	subpage : content > 왼쪽메뉴
/*-----------------------------------------------------------------------------------*/
/* 레프트 메뉴 */
  #left_sider { float:left; width:230px; padding:0 0 30px 0; }
  #left_sider .left_tit {height: 125px; background:#828D93; margin-bottom:1px /*text-align:center*/}
  #left_sider .left_tit .tit{font-size: 35px; font-weight:; color: #ffffff; line-height:; padding:50px 10px 0 20px;}
  #left_sider .left_tit .sub_tit{ font-size:19px; color:#ffffff; opacity: 0.4; padding:10px 10px 0 22px;}
  #left_sider .menu ul {background:#fbfbfb;}
  #left_sider .menu li { border-bottom:#EBEDF0 solid 1px;}
  #left_sider .menu li.on { background:#4a4a4a;}
  #left_sider .menu li.on a {color:#FFF}
  #left_sider .menu li:hover { background:#4a4a4a;}
			  .menu a { padding:12px 20px ; display:block; color: #444444;}
			  .menu a:hover{ color:#ffffff}
			  
  /*#left_sider .menu li.bold { font-weight:bold; border: ; padding-bottom:30px}
  #left_sider .menu li.bold > a { border-bottom:#e6e9ee solid 1px;}*/
  /* 메뉴 굵게, 안에 서브메뉴 들어가므로 li에 바텀라인없애고, a테그에 바텀 라인을 줘야함 */
  
  #left_sider .menu_sub { padding:10px 0 0 10px; margin-top:7px; font-weight:normal;border-top:#e6e9ee solid 1px;} 
  #left_sider .menu_sub > li { border:none; padding:0px}
  #left_sider .menu_sub > li a { line-height:120%;height:25px;color: #919191; font-size:13px;}

/*-----------------------------------------------------------------------------------*/
/*	subpage : content > 오른쪽 내용
/*-----------------------------------------------------------------------------------*/
 #main {min-height:px; margin:0 0 0 230px; 
        padding: 30px 0 30px 20px; border-left: solid 1px #e3e3e3;
        min-height: 700px;
/* box-sizing: border-box;
  -o-box-sizing: border-box; 
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;*/ }
 #main.academy{ padding:0; border-right: solid 1px #e3e3e3}
 #main .sub_tit { padding: 30px 0px; 
	font-size: 40px; font-family: 'NanumGothicBold'; color: #303030; text-transform: uppercase;}
 #main .sub_tit.line{border-bottom: solid 2px #4a4a4a;}
	   .page_path { font-size:13px; color:#7F7E7E;  text-align:right}
	   .page_path img { margin-top:-3px}
 #main .sub_tit_pop {overflow:hidden; margin-bottom:20px;}
   
   
/*-----------------------------------------------------------------------------------*/
/*	subpage : content > 오른쪽 내용 > 게시판
/*-----------------------------------------------------------------------------------*/

/* 상세 내용 */
.detail{}
.detail .red {
  color: #ec5f58}
.detail .btnarea {
  margin-top: 20px;
  margin-right: 5px;}
.detail .tit {
  font-size: 17px;
  font-family: 'NanumGothicBold';
  line-height: 170%;
}
.detail .notxt{ height:150px}
/* view - 첨부파일 보여주기 */
.detail .file > div > a{color: #292929;}
.detail .file span{ font-weight:bold}
.detail .file ul{ margin-top:3px;}
.detail .file ul li {line-height:160%; }
.detail .file ul li a{ font-size:12px; color:#555555;}
.detail .file ul li a:hover{ font-size:12px; color: #549dc5;}


 /* 테이블 */  
.tblT01 { font-size:13px; width:100%; margin-bottom:15px;  border-top: 2px solid #444444; border-bottom: 1px solid #d1d1d1;}
.tblT01.bdchange { border-bottom:1px solid #ebebeb; /* 보더색상변경 */}
.tblT01 input, select{border:#d1d1d1 1px solid; height:25px; padding:0 5px;}
.tblT01 select{ height:25px;}
.tblT01 td img {max-width: 738px;}
.tblT01 thead th {
padding: 8px 0 8px;
background-color: #f7f7f7;
border-bottom: 1px solid #999999;
text-align: center;
color: #282828;
font-size: px;
} /*타이틀줄*/
.tblT01 .left { text-align:left; padding-left:10px} /*리스트: 제목줄*/
.tblT01 .left_v { text-align:left; padding-left:20px} /*뷰*/
.tblT01 .right { text-align:right; padding-right:20px}

.tblT01 tbody th {text-align:left;padding:10px 0 10px 10px;border-top:1px solid #ebebeb;font-weight:normal;}
.tblT01 tbody td { padding:10px 0 10px;border-top:1px solid #ebebeb;text-align:center; word-break:break-all;}

/*뷰*/
.board_view{}
.tblT01 tbody th.v { padding-left:20px; color:#383838; font-weight:bold;} 
.tblT01 tbody th.c {/* level table */ background:#F3F3F3; width:22px; color:#383838; font-weight:bold; font-size:9pt;}
.tblT01 tbody th.v02 { padding-left:20px; color:#383838; font-weight:bold;background-color: #f5f5f5; width:100px;}
.tblT01 tbody td.v { padding-left:10px; border-top:1px solid #ebebeb;text-align:left;}
.tblT01 tbody td.v .cont{min-height:200px; padding: 15px 0;}
.tblT01 tbody td.v02 {border-top:1px solid #ebebeb;text-align:left;}
.tblT01 tbody td.v02 .cont{min-height:200px; padding: 15px 0;}
.tblT01 tbody td .fileimg{max-width:830px; margin-bottom:20px; } /* 게시판뷰컨텐츠 이미지  */
.tblT01 tbody td .fileimg-s{max-width:120px; margin-bottom:20px; } /* 아이템 이미지  */
	  th > a {color:#636363; text-decoration:none;}
      th > a:hover {color:#549dc5; text-decoration:none; }
	  
	  td > a{color:#636363; text-decoration:none;}
      td > a:hover {color:#549dc5; text-decoration:none; } 
	  
.tblT01 textarea { /* 일반게시판 */ width:97%; height:300px; padding:5px; background:#fff; border:1px solid #c4c4c4; margin:0;line-height:1.5; }	 /* 텍스트area */ 
.tblT01 textarea.nomal{height:100px;}
.tblT01.btnone{ border-top:none}
/* Write */

.board_write .tblT01 .left_v {
  text-align: left;
  padding-left: 10px;}

/* 첨부파일 */
 .attachment{ overflow:hidden; border-bottom: 1px solid #d1d1d1; padding-bottom:30px}
 .attachment .right{ margin-left:15px; }
    .filebtn_wrap { margin:10px 0; }
	.filebtn_wrap a{font-family:"돋움"; font-weight:normal}
	.filebtn_wrap .button.s{ line-height:160%;padding:2px 4px 2px 4px;}
	.buttonWrap {
        position:relative;
        /*float:left;
        overflow:hidden;
        /*width: 60px;
        height:30px;*/
		  display: inline-block;
  
    }
	.buttonWrap input {
        position:absolute;
        display: inline-block;
		left:0px;
		top : 0px;
       filter:alpha(opacity=0);
        opacity:0;
        -moz-opacity:0;
       width: 55px;
       height: 20px;
    }
 #attach_img{float:left; width:55px; height:50px; }
 #attach_img img {width:100%; height:100% }
 #attach_file{margin-left: 70px;}
ul#attach_file  { border:1px solid #CCC; padding:5px 7px; height:70px; width:88%; overflow:auto}
ul#attach_file li a{ padding:3px 0; display:block; font-size:13px; line-height: 120%;}
ul#attach_file li a:hover, a:focus, a:active { color:#0FC}



      /* Gamesever - level */
	  .set{float:left; margin:2px 1px 0 0; /*background:#f3f3f3;border-right: 1px solid #d9d9d9;border-bottom: 1px solid #d9d9d9;*/}
	  .number{display:inline-block; width:37px; padding:5px; background:#; color:#666; 
	  text-align:center; font-size:13px; font-weight:700; letter-spacing:-.5px /*border-right: 1px solid #d9d9d9;*/}
	  .inbox{display:inline-block; padding:5px 15px 5px 3px;}
      /* develop 뷰페이지 이미지설정 */
.tblT01 .img-size .small {max-width:200px; margin-bottom:10px; width:auto; }
.tblT01 .img-size .big { max-width:580px; margin-bottom:10px}	
.tblT01 .img-size .screen {max-width:200px; margin-bottom:10px}
       /* 검색 */	  
.tsearch {margin:0 0 12px 2px; text-align:right}
.tsearch fieldset {margin:7px 0 0 20px;font-size:0;}
.tsearch .input, .tsearch select {vertical-align:middle;font-size:13px; border:#d1d1d1 1px solid}

.tsearch .input {height:30px; padding: 3px 5px;}
.tsearch select {height:30px;}
.login_input {width:100px;_width:89px;height:17px;border:none;background:url(../images/common/bg_login_input.gif) no-repeat 0 0;color:#06405d;line-height:1.4em;}
.spot {font-size:0;}


/* 페이지 넘버 */	  
	.pageno { text-align:center; font-size:14px }
    .pageno > A:link { color:#838383}
	  
/* 게시판 하단 버튼 */
.tb_btn {width:100%; text-align:right; margin:3px 0 10px 3px }
.tb_btn02 {width:100%; text-align:right; margin:20px 0 0px 3px }/*여러개버튼 탑마진 */
.tb_btn02 a {color:#FFF}   

.button.navy.small{ padding: 2px 15px 2px 15px;}
.button.navy.small:hover{background:#555555;}


   
/*-----------------------------------------------------------------------------------*/
/*	news-sub : board
/*-----------------------------------------------------------------------------------*/
/* 리스트 */
.board-list .tit{ font-size:17px; font-weight:bold; line-height:170%; border-bottom: solid 2px #4a4a4a}	
.board-list ul li{ line-height:220%}
.board-list .cont .date{float:right; margin-right:10px;  font-size: 15px;/* color: #969494;*/}

/* 디테일 뷰 */
.board-detail .tit{ font-size:24px; margin-top:20px}
.board-detail .btnarea{ margin-top:20px; margin-right:10px}

/* 게시판 댓글 */
#comment { letter-spacing:-1px; margin-bottom:30px;}
#comment h2{margin:20px 0 20px;font-size:16px;color:#404040;}
#comment h2 span{color:#00b3c5; font-weight:normal}
#comment fieldset table{width:100%;}
#comment fieldset td.btna{text-align:right;}
#comment fieldset td .box{padding:0 0 0 10px;height:60px;border:1px solid #e5e5e5;}
#comment fieldset td .box textarea{width:100%;height:100%;padding:5px 0;font-size:14px;line-height:150%;border:none;background:url('images/community/comment_info.gif') no-repeat -10px 0;}
#comment .comment_list li{overflow:hidden;padding:17px 0;font-size:14px;line-height:166%;border-bottom:1px solid #e5e5e5;}
#comment .comment_list li p.photo{float:left;width:70px;padding-right:20px;}
#comment .comment_list li p.photo img{width:68px;border:1px solid #e5e5e5;}
#comment .comment_list li p.info{margin:-1px 0 5px;}
#comment .comment_list li p.info strong{color:#303030;}
#comment .comment_list li p.info .date{padding:0 10px 0 13px;color:#b0b0b0;}
#comment .comment_list li p.info .report{color: #666; font-size:12px; margin-left:5px}
#comment .comment_list li p.info img{vertical-align:middle;}
#comment .comment_list .del img{ }

/* 댓글의 댓글 */
#comment .comment_list .cm_cm_tit{margin-top:10px}
#comment .comment_list .cm_cm_tit a{color:#999; text-decoration:underline}

#comment .comment_list .cmcm_wrap{margin-left:12px; margin-top:10px}
#comment .comment_list .cmcm_wrap ul.cm_cm{margin-left:10px}
#comment .comment_list .cmcm_wrap ul.cm_cm > li:last-child{ border-bottom:none}
/* 추천/반대 */
.gb{float:right; color: #555;}
.gb a{ font-size:12px; margin-right:5px; line-height:160%}
.gb a.like{color:#F00;}
.gb a.like img{ margin-top:-3px}
.gb a.bad{color:#555}
.gb .count{ margin-right:15px} 

/*-----------------------------------------------------------------------------------*/
/*	마이페이지
/*-----------------------------------------------------------------------------------*/	  
.mypage { overflow:hidden; padding:20px 15px ;   border-bottom: 1px solid #d1d1d1;}
.mypage.pdnone { padding:0; border-bottom:none}
.mypage .photo{ float:left; width:145px; height:155px;}
.mypage .photo img{ width:100%; height:100%}
.mypage .myinfo{ margin-left:165px; line-height:180%; font-size:16px}
.mypage .name{ font-size:20px; font-weight:bold;margin: 5px 0;}
.mypage .email{font-size:14px;}
.mypage .level{font-size:14px;}

.mypage .exp { margin-top:20px;line-height: 180%;
  font-family: 'NanumGothicBold'; padding:10px 10px 0 10px ; font-size:14px}
/*-----------------------------------------------------------------------------------*/
/*	로그인
/*-----------------------------------------------------------------------------------*/
.head01.log{  height: 5px;}
#main.log{border-left:none; margin-left:0 ;  width: 750px; margin: 0 auto; padding: 70px 30px;}
.login-wrap{width:700px; margin:0 auto;padding:60px 40px 30px 40px;border-bottom: solid 2px #4a4a4a;}
.login{border:1px solid #e3e3e3;/*#d6d6d6*/; background:#FFF; width:100%; padding:50px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
 border-radius: 3px;}
.log-tit{ font-size:31px; font-weight:bold; padding-bottom:20px; text-transform: uppercase;}
.input_login { width:100%; display: block; background: #f9f9f9; border: 1px solid #d5d5d5;
				padding: 14px 6px 12px 12px; margin-bottom: 10px;
				font-size: 16px; line-height: 20px; font-weight:500; color: #414952; border-radius: 2px; vertical-align: middle;}

.btn-success { display:inline-block; width:100%; text-align:center;
   padding: 9px 15px 8px 15px;  /* font-weight: 800; font-size: 13px; color: #ffffff;
    margin-bottom: 10px; margin-right: 5px;
  padding: 8px 15px 7px 15px;
  font-weight: 800;
  font-size: 13px; 
  background: #95a5a6;
  text-transform: uppercase;
    -webkit-border-radius: 3px;
  border-radius: 3px;*/
}
.login .check{position:relative; margin:15px 0 10px 0}
.login .chek-txt {position:absolute; margin-left:3px;text-transform: uppercase; font-size:13px; color:#737373; }
/*.login .checkbox{ border:1px solid #999; width:10px; height:10px;}*/
.log_txt{font-size:16px; padding:30px 20px 10px 20px; text-align:center}
.log_txt img{margin:-3px 7px 0 0}

/*-----------------------------------------------------------------------------------*/
/*	아카데미 > lect_list /강의리스트
/*-----------------------------------------------------------------------------------*/

/* 마이페이지 = 교수소개, 보기 */
.tit.subject{ margin-bottom:5px}
.tit.subject img{ margin-top:-5px}
.pro_intro .tblT01 tbody th {background-color: #f7f7f7; padding:10px 20px}
.pro_intro .tblT01 tbody td { text-align:left; padding:10px 20px}
.pro_intro .tblT01 tbody td.top{vertical-align:top}
.pro_intro .tblT01 tbody td .pic{margin: 5px 0 0 0;
  width: 155px;
  height: 190px; }
.pro_intro .tblT01 tbody td .pic img{ width:100%; height:100%}
.price { font-size:16px; font-weight:bold; text-align:right}
.price img { margin-top:-1px}
				  .lect-list{ margin-bottom:20px }
				   ul.lecturelist{ overflow:hidden; width:100%;   border-top: 2px solid #444444; font-size:14px}
					 .lecturelist li{ position:relative; overflow:hidden; width:100%; padding:15px 10px;
								   border-bottom:1px solid #e2e2e2;}	
					 .lecturelist a { color:#1b1b1b;}
					 .lecturelist a:hover{ color:#1b1b1b;text-decoration:underline}
					 .lecturelist > a li:hover{ background:#ededed; color:#1b1b1b}		 			   
					 .lecturelist li .a{float:left; padding:0 0px;}
					 .lecturelist li .b{   margin: 0 100px 0 145px; padding:0 15px 0 0 ; line-height:180%}
					 .lecturelist li .c{ position:absolute; top:0; right: 0px; text-align: right; width:145px; padding: 20px 15px ;line-height:160%}
					 
					 .lecturelist li .photo {/*border: 1px solid #c8c8c8;border-radius: 2px; padding:3px;*/ width:130px; height:95px;}
					 .lecturelist li .photo img { width:100%; height:100%}
					 .lecturelist li .b .tit-s{font-size: 20px; font-family: 'NanumGothicBold'; line-height: 180%;}
					 .lecturelist li .b .int{font-family: 'NanumGothicBold'; display:inline-block;}
					 .lecturelist li .b .int a.sample{color: #E5596B; text-decoration:underline; background:url(../img/tv02.png) no-repeat 0 -5px; padding-left:25px;}
					 .lecturelist li .c a{ padding:5px 10px;}
					 .lecturelist li .c a:hover{ color:#FFF; text-decoration:none}
					 
					 .lecturelist .request {padding:30px 0; text-align:center; font-size:22px; font-weight:bold}

					 .bdnone{ border:none !important;}

/*-----------------------------------------------------------------------------------*/
/*	아카데미 메인
/*-----------------------------------------------------------------------------------*/
   .academy .detail{ padding:25px}
   .academy .visual{ height:250px; background:url(../img/academy_visual.jpg) no-repeat}
   .bordarea { overflow:hidden}
			   /* í…ìŠ¤íŠ¸ë°•ìŠ¤ */
			   .txt-box{ position:relative; border:1px solid #abc5e3; font-size:14px; padding: 20px; color:#525252}
			   .txt-box > .tit{font-size: 24px;color: #5d7a98; margin-bottom:15px; }
			   .txt-box > .tit .more{background:url(../img/icon_more.png) no-repeat 43px 2px; padding-right:43px; position:absolute;top:18px; right:0px; font-size:13px; font-weight:bold; color:#4a4a4a}
			   .txt-box ul{ margin-top:12px}
			   
   /*.academy{ height:222px}*/
   .academy .one-half{width: 48.6%;
  margin-right: 2.7%;}
   .academy	.c-tit{ margin-top:10px; text-align:center; font-size:16px; color: #5d7a98;/* font-weight:bold*/}	   

           .a-lecture{ overflow:hidden; margin-top:10px}
		   .a-lecture .left{ float:left; width:110px }
		   .a-lecture .left .photo{ width:110px; height:75px}
		   .a-lecture .left img{ width:100%; height:100%}
		   .a-lecture .right{ margin-left:125px; line-height:200% }
		   .a-lecture .right .tit{ color:#444; font-size:18px; font-weight:bold; margin-top: 5px;}
		   .a-lecture .right .tit a{ color:#444;}
		   .a-lecture .right .tit a:hover{ color: #5d7a98;}
		   .a-lecture .right .name{ font-size:16px;}
		   
   .all_list .tit {font-size: 17px; font-family: 'NanumGothicBold'; line-height: 170%;	   
		   
		   