@charset "utf-8";

/* 공통 font-family : 'Noto Sans KR'; */
.pdb100{padding-bottom:100px;}
.pdb50{padding-bottom:50px;}
.pdb70{padding-bottom:70px;}
.pdb150{padding-bottom:150px;}
.fc-000{color:#fff;}

.submenu{background-color: rgb(242, 242, 242);    display: flex;    flex-wrap: wrap;    -webkit-box-pack: center;    justify-content: center; text-transform:uppercase;}
.submenu ul{font-size: 13px;      line-height: 1;  }
.submenu ul li{ float:left; padding: 21px 0px;  display:inline-block;}
.submenu ul li a{ padding: 20px 40px; height: 55px;transition: background-color 100ms ease-in-out 0s, color 100ms ease-in-out 0s; white-space: nowrap;  }
.submenu ul li a:hover{ background:#000; color:#fff;}
.submenu ul li a.active{ background:#000; color:#fff;}
  
.borpPL{  max-height: 100%;  max-width: 100%;     width: 100%; transition: all 250ms ease-in-out 0s;}

.borpPL2{ height: 100%;  max-height: 100%;  max-width: 100%;     width: 100%; transition: all 250ms ease-in-out 0s; height: 240px; padding: 80px 0;}
.borpPL2 span{ font-size:1.8em; font-weight:400; display:block;color:white; }
.borpPL2 p{ display:block;color:white;}
.borpPL2 p{ display:block; overflow:hidden; clear:both;}
.borpPL2 .t1{font-size:1.1em; padding:30px 0 10px 0; line-height:1.6em; font-weight:500;color:#b6b0b0;}
.borpPL2 .t3{font-size:1.5em; letter-spacing:20px;  font-family:"MS Serif", "New York", serif;padding:5px 0 20px 0; margin-left:20px; font-weight:100;}


.subT{ margin-bottom:50px; padding-top:52px;}

.subbox{text-align:center; padding:0 15px; margin:0 auto 90px;font-family:'Futura-Light', 'Noto Sans KR','dotum','돋움', sans-serif, monospace; color:#595959; width:1060px; }
.subbox .text1{font-size: 18px;max-width: 500px;text-align: center; width: 100%; margin: 30px auto 100px;line-height: 1.39; letter-spacing: 0.1px;font-weight:300; }
.subbox .text2{font-size: 15px;max-width: 500px;text-align:left; line-height: 1.39; letter-spacing: 0.1px;margin-top: 45px;  font-weight:300;}
.subbox .text3{font-size: 18px;   font-weight:300; letter-spacing: 0.1px;line-height: 1.36;    letter-spacing: 0.1px;    color: rgb(51, 51, 51);    text-align: center;    max-width: 715px;    width: 100%;    margin: 25px auto 0px;}

.our-list1{box-sizing: border-box;font-size: 50px; line-height: 1;  letter-spacing: 0.3px;font-style: oblique; }
.our-list1 span{text-decoration: line-through;}

	
.our-list2{font-size: 48px;box-sizing: border-box; text-align:left;    font-weight: 500;    line-height: 1.21;    letter-spacing: 0.6px;}		
.our-list3{box-sizing: border-box;font-size: 50px; line-height: 1;  letter-spacing: 0.3px; }

.our-list4{font-size: 48px;box-sizing: border-box; text-align:left;    font-weight: 500;    line-height: 1.15;    letter-spacing: 0.6px; padding:20px 0 50px 0;  }		
.text4{font-size: 15px;   letter-spacing: 0.1px;line-height: 1.5;    letter-spacing:0.1px; text-align:left; font-weight:300; }

.jgqXzc { text-align:right;    max-height: 100%;    max-width: 100%;    position: relative;    width: 390px;     }
	

.b-wp40{ width:40%;}
.b-wp60{ width:60%; padding-left:50px;}
 
.vision{ width:100%; margin:80px auto;}
.b-wp70{ width:70%;} 
.b-wp80{ width:80%; margin: 0 auto;}
.b-wp30{width:30%; text-align:left;  line-height: 1.33; } 
.rolling-t-1{ margin-left:20px;}
.rolling-t-2{ font-size: 28px;     letter-spacing: 0.3px; margin: 20px 0px 20px 20px; font-style:italic;font-weight:500; }
.rolling-t-3{margin-left:20px; padding-top:20px; font-size: 18px;    letter-spacing: 0.1px;     text-align: left; font-weight:300;}
.rolling-t-4{margin-left:20px;  font-size: 18px;    line-height: 1.33;    margin-top:30px;font-weight:500;  }
.rolling-t-5{margin:10px 0 0 20px;  font-size: 18px; font-weight:300;}



 

.our-box1{ width:100%; }
.our-box1 li{ float:left; width:25%; padding:0 10px; }
.our-box1 li a{-webkit-box-align:center; align-items:center;background-color:black; color: white;cursor:pointer; display:flex; font-size:16px; font-weight:bold; height:80px; -webkit-box-pack:justify; justify-content:space-between;letter-spacing:0.8px; position:relative; width:100%; padding:0px 25px; }

 
.our-box2{ width:100%; }
.our-box2 li{ float:left; width:20%; height:303px; padding:0 10px; text-align: center; }

.our-box2 li div{ margin:30px auto 0 auto; background-size:cover; }
.our-box2 li div a i{font-size:3em;}
.our-box2 li div a span{font-size:1.8em; font-weight:400; display:block;}

.our-box2 .myA1{ float:left; width:25%; height:303px; padding:0 10px; }
.our-box2 .myA2{ background:#787379; color:#fff; float:left; background-clip:content-box; width:25%; height:303px; padding:0 10px; }
.our-box2 .myA3{ background:#142840; color:#fff; float:left; background-clip:content-box; width:25%; height:303px; padding:0 10px; }
.our-box2 .myA4{ float:left; width:25%; height:303px; padding:0 10px; }
.our-box2 .myA5{ background:#f8f8f8; color:#fff; background-clip:content-box; border: 1px solid #e2e2e2; width:100%; margin:10px 0;}


.kbtyt { display:block; padding:20px 0 0 5px;font-size:16px;}
.kbtyt img{ height:70px;} 
.kbtyt em{  font-weight:200; padding:3px 0 0 25px;line-height: 1.33; }
.kbtyt em strong{ font-size:19px;}


.pcpdt52{padding-top:52px;}

 
.ff-book{font-family:'Futura-Book', 'Noto Sans KR','dotum','돋움', sans-serif, monospace;}
.ff-light{font-family:'Futura-Light', 'Noto Sans KR','dotum','돋움', sans-serif, monospace;}
.ff-noto{font-family:'Noto Sans KR','dotum','돋움', sans-serif, monospace;}

.title-st1{padding:50px 0;letter-spacing: -0.3px;}
.title-st1 .dtit{font-size:60px;}
.title-st1 .stxt{font-size:30px;}

.title-st2{padding:80px 0 50px 0;letter-spacing: -0.3px; font-weight:100;}
.title-st2 .dtit{font-size:55px;}
.title-st2 .pdtt{ padding-top:75px;}
.title-st2 .stxt{font-size:24px;}



.fs30{font-size:35px;}
.edubox1 .gray{color:#939598;}
.edubox1{padding:30px 0; }

.edubox1 li{ padding-bottom:30px;letter-spacing:0.3px;}
.edubox1 strong{display:block; padding:5px 5px 5px 10px;font-size:18px;}
.edubox1 p{padding:12px 5px 0px 10px;}
.edubox1 em{padding:10px 5px 0 10px; display:inline-block;  }
.edubox1 .new{ border:1px solid #222; font-size:11px; padding:2px 4px; margin-right:10px;}
 
.edubox1 .edu1 strong{ background:#000; color:#fff;}
.edubox1 .edu2 strong{background:#939598; color:#fff;} 
.edubox1 .edu3 strong{background:#fff;color:#222; position:relative; display:inline-block;}
.edubox1 .edu3 strong::before {
	position:absolute;
	content:'';
	width:1000%;
	height:1px;
	background:#000;
	top:50%;
	transform:translateY(-50%);
	left:100%;
}
@media screen and (max-width:768px){
.edubox1 .edu3 strong::before {display:none;} 
}


.bg33{background:#333; color:#fff; padding:80px 0px 70px 0px;}
.bg1f{background:#323335; color:#fff; padding:70px 50px 70px 0px;}

  
  
  .prel{position:relative;}  
  .btnbox button{ background:#000; color:#fff; padding:15px 30px; position:absolute; right:0; top:70px;}
  .btnbox{ float:right;}
  
  .btn_bk1{background:#000; color:#fff; padding:20px 80px; margin-top:20px;}
  
  .gFIMFi{font-size:50px;  line-height: 1;   letter-spacing: 0.6px; margin-top:40px; text-align:center;}
  
.seminar{ margin-bottom:50px;}  
.seminar li{ display:block; padding:20px 5px 20px 5px; overflow:hidden; border-bottom:1px solid #444; font-size:16px;}
.seminar span{ float:left; width:29%;}
.seminar strong{ float:right; width:71%;}

.seminar-inner{ padding:18px 0px; border-bottom:1px solid #222;}
.seminar-inner p{float:left;font-size:16px; padding-left:5px;}	 
.seminar-inner div{float:right; width:74%; text-align:right;font-size:15px;}	
.seminar-inner div strong{width:17%; display:inline-block; text-align:center; padding:5px 0; margin-right:5px; font-weight:400;}
.seminar-inner div span{width:12%; display:inline-block; text-align:center; padding:5px 0; color:#c4c4c4;}
.seminar-inner div span em{font-size:10px; padding:0 5px 0 0;display:inline-block; vertical-align:middle;   }
.seminar-inner div .boxco1{ background:#000; color:#fff; }	 
.seminar-inner div .boxco2{ background:#8b8b8b; color:#fff; }	 
.seminar-inner div .boxco3{ background:#bcbdc0;  /*border:1px solid #000;*/ }	 
	 
.seminar-inner div .fc-000{color:#000;}
		
.bnew{ border:1px solid #222; font-size:11px; padding:2px 4px; margin:0 10px;}		
.bnew2{
	border-radius: 10%;
	color : #876d3c;
	background: #ffc107;
    border: 1px solid #ddb027;
    font-size: 14px;
    padding: 4px;
    margin-left: 6px;
} 
		
		
.bkboxlist{ text-align:center; padding-bottom:50px;}
.bkboxlist span{ padding:0 10px;}	
.icon-bk{ display:inline-block; color:#fff; background:#000; padding:2px 6px; margin-right:5px;}
		
		
.textst1{ padding:20px 0 50px 0; color:#404148;}		
.stfs1{font-size:60px; font-weight:300;letter-spacing: -0.3px; padding-bottom:13px;}
.stfs2{font-size:42px; padding-bottom:5px;}
.stfs3{font-size:29px;}	
		
 

 .e-lring {margin-top:60px;}
.e-lring .t-info{ font-size:50px; font-family:Futura-Light;}

.e-lring ul{ text-align:center; padding:20px 0 50px 0; }
.e-lring ul li{ padding:10px 0; margin:20px 0; display:block; border:1px solid #000;}

.e-box1 { margin-bottom:80px;}
.e-box1 .fl-l{width:40%;}
.e-box1 .fl-r{font-size:21px;margin:5% auto;   display:block; width:60%; padding:50px 0 50px 100px;  }


.e-box2 { margin-bottom:80px;}
.e-box2 .fl-r{width:40%;}
.e-box2 .fl-l{font-size:16px; background:#e9e8e8;margin:3% auto;   display:block; width:60%; padding:50px 100px 50px 80px;  }

		
.e-box3 { margin:80px 0;}
.e-box3 .fl-l{width:40%;}
.e-box3 .fl-r{width:60%; text-align:left; }
.e-box3 .fl-r p{font-size:18px; background:#e9e8e8;  padding:20px 0 20px 50px; margin:0px 0 10px 0;  }
.e-box3 .fl-r strong{ float:right; text-align:right; font-size:40px; font-weight:800; padding-bottom:20px;}
.e-box3 .fl-r span{ padding-left:50px; font-size:16px;}
.e-box3 .fl-r p, .e-box3 .fl-r strong, .e-box3 .fl-r span{ display:block; 	}	
	
	
.e-box4 { margin:80px 0;}
.e-box4 .fl-r{width:40%;}
.e-box4 .fl-l{width:60%; text-align:left; }
.e-box4 .fl-l p{font-size:18px; background:#e9e8e8;  padding:20px 50px 20px 0px; margin:0px 0 10px 0; text-align:right;  }
.e-box4 .fl-l strong{ text-align:left; font-size:40px; font-weight:800; padding-bottom:20px;}
.e-box4 .fl-l span{ padding-left:30px; font-size:16px;}
.e-box4 .fl-l p, .e-box4 .fl-l strong, .e-box4 .fl-l span{ display:block; 	}	

	
	
		
/* 지도 */
.space-map{ padding-top:12px; }

.space-left{ width:100%;  border:1px solid #ccc; margin-bottom:40px;}
.space-menu{ font-size:12px;  display: flex;    flex-wrap: wrap;    -webkit-box-pack: center;    justify-content: center; text-transform:uppercase;}
.space-menu li a{display:inline-block; color:#aaa;  padding: 20px 40px;  transition: background-color 100ms ease-in-out 0s, color 100ms ease-in-out 0s; white-space: nowrap; margin:0 15px; }
.space-menu li a strong{ font-weight:500; }
.space-menu li a:hover, .space-menu li a.on{ color:#000;  }

.space-right{ width:100%;  } 

.map-name{ position:relative; margin:0px 0 10px 0;}
.map-name .name{ font-size:3.5em; color:#a51e36; font-weight:600; float:left; width:110px;}
.map-name .add{ padding-top:15px; float:left; }
.map-name .add p strong{  font-weight:600; font-size:1.2em; }
.map-name .add p{font-size:1.12em;}
.map-name .add p button{font-size:0.85em;    border: 0;     padding: 3px 12px 6px 12px;    text-align: center;    color: #fff;    background: #494949; margin-left:10px;   }

.map-map{ display:block; overflow:hidden;}
.map-map .cld-map{ width:60%; float:left; display:block; overflow:hidden; clear:both;}


		
		
.our_popup{  margin:0 auto; }
.magalist{ }/* padding:40px 0 10px 0; border-top:1px solid #333; border-bottom:1px solid #333; */
.magalist li{ float:left; width:22%;margin:0 1.5%; text-align:center; padding-bottom:30px;}
.magalist li img{ height:370px;  }
.magalist li p{ padding:10px 0; font-size:18px;}

.hpd50{ display:block; padding-bottom:10px; width:auto; height:60px; margin:0 auto; text-align:center;}

.slinktext{ font-size:38px; padding:15px 0;  margin:10px auto 50px auto; text-align:center; }

.slink{position:relative; margin:0 auto; width:700px; height:auto; }
.slink img {  width:100%; height:100%; }
.slink a{background:#000;   display:block;  margin:0px auto 0px auto; text-align:center;}
.slink strong{ display:none;}
.slink a:hover strong{ display:block; position:absolute; top:45%; font-size:18px; width:100%;   margin:0px auto; text-align:center; color:#fff; }
.slink a:hover strong span{border:5px solid #fff; padding:10px 0px; display:inline-block; width:70%;}
.slink a:hover img{ opacity:0.3; -webkit-transition: .5s ease-in-out;  }


.slinkview{position:relative; margin:0 auto; width:565px; height:800px;  min-height:800px;}
.slinkview img { width:100%; min-height:800px; height:800px; }
.slinkview a{background:#000;   display:block;  margin:0px auto 0px auto; text-align:center;}
.slinkview strong{ display:none;}
.slinkview a:hover strong{ display:block; position:absolute; top:45%; font-size:18px; width:100%;   margin:0px auto; text-align:center; color:#fff; }
.slinkview a:hover strong span{border:5px solid #fff; padding:10px 0px; display:inline-block; width:70%;}
.slinkview a:hover img{ opacity:0.7; -webkit-transition: .5s ease-in-out;  }




.teacherbox{ float:left; margin:0 0% 50px 0%; width:25%;}
.teacherbox dt{clear:both; overflow:hidden;} 
.teacherbox dt img{width:215px;height:270px;}
.teacherbox dd{  color:#000; display:block; padding-top:10px; font-size:16px;}



.member_id_pw{margin-bottom:50px;}
.member_list3{  margin:15px 0; font-size: 14px;}
.member_list3 dt{ width:100%; border-bottom: 1px solid #000; padding-bottom:10px; padding-left:5px;  }
.member_list3 dt .name{ height:40px; border-radius:1px; border:1px solid #ccc; padding:10px 0 10px 0px; width:400px; text-align:center;}
.member_list3 dt .tel{ height:40px; border-radius:1px; border:1px solid #ccc; padding:10px 0 10px 0px; width:120px; text-align:center; }
.member_list3 dt .tel1{ padding:0px 0 0px 0px; height:40px; border-radius:1px; border:1px solid #ccc;   width:120px;text-align:center;}
.member_list3 dd{ display:block; padding:6px 0 0 0px;max-width: 100%;  margin-bottom:5px; font-weight:700; }


/*<p id="color1"><img src="/images/sub/edu1-1.jpg" class="borpPL"/><span><button class="btn_bk" */


.edulist p { display:block; overflow:hidden; clear:both;}
.edulist p span{ text-align:right; display:block; overflow:hidden; margin:20px 46px 40px 0;}
 
h3.sub-big-tit{font-size:2.6em; font-weight:300;}
h3.sub-big-tit span{font-size:0.44em !important; color:#777; margin-left:10px; font-weight:500;}
h3.sub-big-tit strong{ font-weight:400; }


.sub-big-tit .fc-e05{ color:#e0500b !important;}

@media screen and (max-width:768px){ 
 .bkboxlist{ padding-bottom:30px;white-space: nowrap; font-size:12px;}
.bkboxlist span{ padding:0 2px;}
	 
	.seminar-inner p{float:none; display:block; font-size:15px; padding-left:0px; text-align:center;padding-bottom:10px; margin-top:10px; }	 
	.seminar-inner div{float:none; width:100%; text-align:center; display:block;     margin: 0 auto;  }	 
 
	.seminar-inner div strong{  margin:10px auto; display:block; text-align:center; overflow:hidden; clear:both;  padding:5px 20px; width:50%; }
	
	.seminar-inner div span{width:20%;  font-size:0.8em; padding:0 0px; white-space: nowrap; line-height:20px;  }
	.seminar-inner div span em{  font-size:0.5em;  padding:0 2px 0 0; vertical-align:middle;   }

	.edulist p span{ text-align:center; display:block; overflow:hidden; margin:20px 0 40px 0;}

   
	h3.sub-big-tit strong{ display:block; }
	h3.sub-big-tit span{display:block; padding-left:0px; padding-top:10px; line-height:18px; margin-left:0px;}
	
	.slinkview{  width:90%; height:auto; margin:0 auto;  min-height:auto;}
	.slinkview img { width:100%; min-height:auto; height:auto; }
	.slinkview a{background:#000;   display:block;  margin:0px auto 0px auto; text-align:center;}
	.slinkview strong{ display:none;}
	.slinkview a:hover strong{ display:block; position:absolute; top:45%; font-size:18px; width:100%;   margin:0px auto; text-align:center; color:#fff; }
	.slinkview a:hover strong span{border:5px solid #fff; padding:10px 0px; display:inline-block; width:70%;}
	.slinkview a:hover img{ opacity:0.7; -webkit-transition: .5s ease-in-out;  }



 	.forgot{ padding:0 15px 70px 15px;}
	.member_list3 dt .tel1{width:22%;}
	.member_list3 dt .tel {width:23%;}

	.teacherbox{ float:none; overflow:hidden; display:block;width:100%; text-align:center;margin:0px auto 50px auto;}
	.teacherbox dt{clear:both; overflow:hidden;} 
	.teacherbox dt img{width:70%;height:auto; text-align:center; margin:0 auto;}
	.teacherbox dd{  color:#000; display:block;text-align:center; padding-top:10px; }
	
	 
	 
	.textst1{ text-align:center; padding:10px 0 0px 0; }		
	.stfs1{ font-size:45px;}
	.stfs2{ font-size:32px; padding-top:5px;}
	.stfs3{font-size:18px; padding:20px 0 5px 0; }	
	
	.slinktext{ font-size:28px; padding:15px 0;  margin:10px auto 30px auto; text-align:center; }
	
	.slink{position:relative; margin:0 auto; width:90%; max-height:auto; height:auto; }
	.slink a{background:#000;   display:block;  margin:0px auto 0px auto; text-align:center;}
	.slink strong{ display:block; position:static;color:#000; background:#fff;}
	.slink a:hover strong, .slink a:active strong, .slink a:visited strong{ display:block;position:static; font-size:18px; width:100%;   margin:50px auto 0px auto; text-align:center; color:#000; background:#fff;}
	.slink a:hover strong span, .slink a:active strong span, .slink a:visited strong span{border:0;display:inline-block; width:70%; color:#000; }
	.slink a:hover img{ opacity:0.3; -webkit-transition: .5s ease-in-out;  }
	.btn_pdf{  border:5px solid #000; padding:20px 30px; display:block; }
	
 
	 
	.magalist{ padding:40px 0 10px 0; border-top:1px solid #333; border-bottom:1px solid #333; width:90%; margin:0 auto;}
	.magalist li{ float:left; width:30.111%;margin:0 1.5%; text-align:center; padding-bottom:30px;}
	.magalist li img{ width:100%; height:180px; min-height:180px; }
	.magalist li p{ padding:10px 0; font-size:16px;}
	


	
	.space-map{ width:100% !important;  height:auto !important; padding:0;padding-top:0px;}
	.space-left{ width:96% !important; display:block; margin:40px auto;}
	.space-menu{  width:100% !important;  }
	.space-menu li a{ padding:15px; margin:0 8px; } 
	.space-right{ width:100% !important; display:block; padding:0 10px; }

	 
	.map-name{ position:relative; height:auto !important;   margin-bottom:20px !important; display:block; overflow:hidden;}
	.map-name .name{ font-size:2em !important; font-weight:600 !important; display:block; width:100%;}
	.map-name .add{ padding-top:5px !important; width:100%; }
	.map-name .add p strong{  font-weight:600; font-size:1.15em !important; }
	.map-name .add p{font-size:1em !important;}
	.map-name .add p button{ position:absolute; right:0px; top:10px;   }
	
	.map-area{ padding-bottom:100px;}
	.map-map{ display:block; overflow:hidden; width:100% !important;   }
	.map-map .cld-map{ width:100% !important;display:block; overflow:hidden; clear:both;}
	
	
	

	.e-lring .t-info{ font-size:30px;}
	 
	.e-box1 {margin-bottom:50px;}
	.e-box1 .fl-l{width:80%; float:none; margin:0 auto;}
	.e-box1 .fl-r{  font-size:14px;margin:0% auto;   display:block;width:80%; float:none;padding:40px 20px; text-align:center;  }
	
	
	.e-box2 { margin-bottom:0px;}
	.e-box2 .fl-r{width:80%; float:none; margin:0 auto;}
	.e-box2 .fl-l{font-size:14px;background:#e9e8e8;margin:0% auto;   display:block;width:80%; float:none;padding:40px 20px; text-align:center;  }
	
	
	.e-box3 { position:relative; margin:40px 0;}
	.e-box3 .fl-l{width:90%; float:none; margin:50px auto 0 auto;}
	.e-box3 .fl-r{width:90%; float:none; text-align:center; margin:0px auto;}
	.e-box3 .fl-r p{width:100%;font-size:18px; background:#e9e8e8;  padding:20px 10px; margin:0px auto;  }
	.e-box3 .fl-r strong{ position:absolute; top:0; float:none; text-align:left; font-size:30px;  padding-bottom:20px;   }
	.e-box3 .fl-r span{width:100%;  font-size:15px; padding:15px 0;}
	.e-box3 .fl-r p, .e-box3 .fl-r strong, .e-box3 .fl-r span{ display:block; 	}	
		
		
	.e-box4 {position:relative;  margin:40px 0;}
	.e-box4 .fl-r{width:90%; float:none; margin:0px auto; }
	.e-box4 .fl-l{width:90%; float:none; text-align:center; margin:0px auto; }
	.e-box4 .fl-l p{ text-align:center; width:100%;font-size:18px; background:#e9e8e8;  padding:20px 10px;margin:50px auto 0 auto;  }
	.e-box4 .fl-l strong{ position:absolute; top:0; float:none; text-align:left; font-size:30px;  padding-bottom:20px;   }
	.e-box4 .fl-l span{width:100%;  font-size:15px; padding:15px 0;}
	.e-box4 .fl-l p, .e-box4 .fl-l strong, .e-box4 .fl-l span{ display:block; 	}	
	
	.pcpdt52{padding-top:40px;}
	  
	.seminar{ margin-bottom:50px; text-align:center;}  
	.seminar li{ display:block; padding:20px 5px 20px 5px; overflow:hidden; border-bottom:1px solid #444; font-size:16px; margin-bottom:10px;}
	.seminar span{ float:none; width:100%; padding-bottom:20px; display:block;}
	.seminar strong{ float:none; width:100%; display:block;}


  .btn_bk1{background:#000; color:#fff; padding:20px 25%; margin-top:20px;}

  .prel{position:relative; display:block;}  
  .btnbox button{  padding:10px 30px; font-size:14px; position:static; right:inherit; top:auto; display:block; text-align:center; margin:0 auto; }
  .btnbox{ float:none; padding-bottom:30px;}
   .mopd{ padding:30px 0 0 0;}
 
	.title-st2{padding:50px 0 50px 0;letter-spacing: -0.3px; font-weight:100;}
	.title-st2 .dtit{font-size:36px; padding-bottom:10px;}
	.title-st2 .stxt{font-size:16px;}
	
	.bg33{background:#333; color:#fff; padding:0px 30px 50px 30px;}
	.bg1f{background:#1f2125; color:#fff; padding:10px 30px 50px 30px;}
	
	.title-st1{padding:40px 0; text-align:center; }
	.title-st1 .dtit{font-size:50px;letter-spacing:-0.6px;}
	.title-st1 .stxt{font-size:20px;}
	
	
	.title-st2 .pdtt{ padding-top:0px;}
	/* 공통  */
	
	.submenu{ margin:10px 15px 0 15px; }
	.submenu ul{ margin:0 auto;    display: flex;    flex-wrap: wrap;    -webkit-box-pack: center;    justify-content: center;}  
	.submenu ul li{ box-sizing: border-box; padding: 15px 0px;  }
	.submenu ul li a{  cursor: pointer;    font-size: 12px;    font-weight: 500;    height: 45px;    line-height: 1.25;    letter-spacing: 0.5px;    white-space: nowrap;    z-index: 10;    padding: 15px 12px; }
	 
 


	.vision{ margin:40px auto 0px auto;}
	
	.b-wp70{ width:100%;} 
	.b-wp60, .b-wp30{width:100%; text-align:center; position:relative;} 
	.b-wp40, .b-wp60{ padding-left:0px; padding:10px 20px;width:100%;}
	
	.rolling-t-1{ margin:70px 0 0 0;}
	.rolling-t-1 img{ width:auto;  height:100px;}
	.rolling-t-2{position:absolute;top:0px; font-size:20px; font-weight: 500;    font-style:oblique;    line-height: 1;    letter-spacing: 0.2px; order:-1; text-align: center;width:100%; margin:20px 0px; }
	.rolling-t-3{font-size: 14px;    line-height: 1.25;    letter-spacing: 0.1px;    margin:0px 0 0 0;    text-align: center;    width: 100%}
	.rolling-t-4{font-size: 14px;    line-height: 1.25;    letter-spacing: 0.1px;    margin:10px 0 0 0;    text-align: center;    width: 100% }
	.rolling-t-5{font-size: 14px;    line-height: 1.25;    letter-spacing: 0.1px;    margin:10px 0 0 0;    text-align: center;    width: 100%}
	
	 
	.our-box1{ width:100%; }
	.our-box1 li{width:100%; padding:10px 20px; } 

	.our-box2{ width:100%; }
	.our-box2 li { width:50% !important; }
	#eliteLi{ width: 100% !important; }

	
	.idMogG {width:40%;}
	
	.subbox{width:100%; margin:0 auto;}
	.subT{ margin-bottom:30px; padding-top:52px;}
	
	 
	.our-list1 span{text-decoration: line-through;}
	
	.our-list1, .our-list2, .our-list3, .our-list4 {font-size: 30px; }	
	
	.our-list4{ display:block; width:100%; text-align:center;}
	
	.subbox .text1{font-size: 14px; line-height: 1.29;   letter-spacing: 0.1px;   max-width: 500px;   text-align: center;   width: 100%;    margin: 30px auto 30px;}
	.subbox .text2{font-size: 15px; width: 100%; margin-bottom:35px; }
	.subbox .text3{font-size: 14px; line-height: 1.29;   letter-spacing: 0.1px;   max-width: 500px;   text-align: center;   width: 100%;    margin: 30px auto 0px;}
	.subbox .text4{font-size: 14.8px; width: 100%; margin:20px 0 35px 0;}
	
	.jgqXzc { text-align:center;  width:100%;     }
	

 
	
	/* 교육프로그램 */
	
	.edu-text-info{font-size:1em !important;}
	.edu-text-info span{ color:#777;}
	.edu-text-info p{font-size:1.3em !important;}
	.line-gray{ border-bottom:1px solid #ddd; width:50px; margin:8px auto;}
	
	.line-left{border-left:none !important;border-top: 2px solid #444;   }
	.ui-list-gray{border-top: 2px solid #444; border-bottom:1px solid #444; margin-bottom:30px;}
	.ui-list-gray li{ display:block;width:100% !important; height: auto !important;  padding-bottom:15px !important;  color: #222222;    font-size: 14px !important;      line-height: 26px;}
	.ui-list-gray li strong{ font-size: 17px !important;       line-height: 66px;    display:block;border-bottom: 1px solid #d5d5d5;}
	.ui-list-gray li p{ padding-top:15px !important; } 


	/* 로그인 */
	.member_list2 {width:100%; padding:0 !important;}
	.loginBox .title {width:100% !important; display:block !important; padding-bottom:0px !important; height:40px !important;}
	.loginBox .cont {width:100% !important;}
	.member_list2 .input6 {width:100% !important;}
	.w30p, .w70p{width:100% !important;}
	.fl, .fr{ display:block; width:100% !important; clear:both;}

	.loginBox .btn_login { width:100% !important;  height:60px !important;  padding: 0 !important; margin-left:0px !important;}

	.cont_bot{width: 100%;    margin: 30px 0 30px 5% !important; font-size:1.17em;}
	
 
	.member_list{border-top: 2px solid #444;  margin:15px 0; font-size: 16px;}
	.member_list dt{ display:block; clear:both; width:100% !important; height:auto !important; padding:10px !important; border-bottom: 1px solid #d5d5d5; }
	.member_list dd{ width:100% !important;  height:auto !important; padding:15px 15px;}
	.member_list dd input.name{ height:40px;   border:1px solid #ccc; padding:10px 0 10px 5px; width:100% !important;}
	.member_list dd .tel{ height:40px;  padding:10px 0 10px 5px; width:25% !important;  }
	.member_list dd .tel1{ padding:0px 0 0px 5px; height:40px;   border:1px solid #ccc;  width:25% !important;}
	
	
	.profile dt{  top:10px !important; left:10px !important;}
	.profile dd.info{  top:10px !important; left:90px !important; font-size:14px; padding:5px 0; height:30px;}

	.tabmypage{margin:20px 0 0px 0 !important; }
	.tabmypage li a{ font-size:0.86em;   padding:15px 0; font-weight:600; display:block;}
	
	.mobile_floor span{display:block;}
	
	
	.tb_list{font-size:0.8em !important; line-height:1.2em !important; }
	
	.btn_sml{   font-size:0.9em; padding:4px !important;}

	.img100{ width:100%;}
 
	.mobile_floor1 em{ width:100% !important; display:block;}
	.mobile_floor1 span{ width:100% !important; display:block;}
 
 
 	.staff-top li{display:block; width:100% !important; padding-bottom:10px; text-align:right   } 
	.staff-top{ width:100%;}
 
	.red-info{overflow:hidden; padding-bottom:30px;}
	.red-info li{  font-weight:500 !important; float:left; display:inline-block; margin-right:20px; padding-left:14px; font-size:1.07em !important;  }
 


	.master-benefit{   background:none !important; width:auto !important; overflow:hidden; display:block; margin:0 0 !important; height:auto !important; min-height:250px !important; }  
	.master-benefit ul li{ width:100% !important;}


 
	




 


}






h4.sub-mid-tit{font-size:18px; font-weight:700; padding-bottom:15px;}
.pd-l-10{ padding:0 0 20px 10px; font-size:16px;  border-bottom:1px solid #ccc;}

/* 교육프로그램 */

.edu-text-info{font-size:1.3em; margin-bottom:50px;}
.edu-text-info span{ color:#777;}
.edu-text-info p{font-size:1.5em;}
.line-gray{ border-bottom:1px solid #ddd; width:50px; margin:8px auto;}

.edu-sub1-box{ margin:10px auto 50px auto;} 
.edu-sub1-box p{font-size:1.2em; padding:10px 0;}



.line-left{border-left:1px solid #d5d5d5;}

.ui-list-gray{border-top: 2px solid #444; border-bottom:1px solid #444; margin-bottom:30px;}
.ui-list-gray li{ float:left;width:50%; height: 138px; padding: 0px;   color: #222222;    font-size: 14px;    font-weight: normal;        text-align: center;    line-height: 26px;}
.ui-list-gray li strong{height: 66px; color: #444;    font-size: 18px;    font-weight: bold;    line-height: 66px;    background: #f8f8f8; display:block;border-bottom: 1px solid #d5d5d5;}
.ui-list-gray li p{ padding-top:20px; }
.ui-list-gray li i{ font-size:18px; font-weight:400 !important; padding-right:5px;}

/* */ 
.dot-ui-list li{ font-weight: normal;       line-height: 24px;    background: url(/images/sub/bul01.png) no-repeat left 10px;    padding-left: 12px;    margin-bottom: 10px;}

 
.text-info-box{    border: 1px solid #dedede;    padding: 15px 5px 15px 20px;    background: #fcfcfc;     font-size:1.1em;}
.text-info-box p{  line-height:18px; padding:5px 0; }
.text-info-box p i{ color:#000;}






/* 로그인 */

.pdt50{padding-top:50px;}
.pdt30{padding-top:30px;}
.pdt20{padding-top:20px;}
.member_list2 { max-width:586px; width:100%; height:100%; margin:0 auto; padding:50px;   }
.member_list2 ul li{ padding:15px 0;}
.member_list2 ul li label{ display:block; padding:5px 0 0 0;}
.member_list2 ul li p { font-size:14px; margin:16px 0 20px 0;text-align:center; }
.member_list2 ul li input { border:none; border-bottom:1px solid #000; width:100%; height:48px;  }
.btn_login{  width:100%; padding:20px 0;    color: #fff;    font-size: 18px;    font-weight: bold;    text-align: center;    background: #000; border:none; }














.member_list2 li .cont .input2, .member_list2 .cont .input6 { background:#fafafa !important; }
 
 
.input6 { width: 316px;   height: 48px;    padding-left: 10px;    border: 1px solid #d5d5d5;    border-radius: 3px;    font-size: 14px;    font-weight: normal;    color: #444;}
.pdtb15{padding-top:15px; padding-bottom:15px;}
.btn_wh{ background:#fff; border:2px solid #000; padding:10px 30px;  font-weight:700;  }

.btn_wgray{ background:#fff; border:2px solid #bbb; padding:10px 30px;  font-weight:500; color:#666;  }

.btn_bk{ background:#000; border:1px solid #000; color:#fff; padding:10px 30px;   font-weight:600; vertical-align:top;  }

.abtn_gray{background:#fff; border:2px solid #000; font-weight: bold; color:#000 !important; padding: 20px 30px;    cursor: pointer;  line-height:20px; display:inline-block;}
.abtn_red{background: #000; border:2px solid #000; font-weight:bold; color:#fff !important; padding: 20px 30px;  cursor: pointer;   line-height:20px;display:inline-block;}
 
 
.pd10{padding:10px !important;} 
.pdb10{padding-bottom:10px !important; } 
.pdb20{padding-bottom:20px !important; } 
.pdb30{padding-bottom:30px !important; }
.pdtb30{padding:30px 0 !important;}

.mgr10{margin-right:10px;}
.mgl10{margin-left:10px;}
.mgb30{margin-bottom:30px !important;}

.fl {float: left;}
.fr {float:right;}
.w30p{width: 30%;}
.w70p{width:70%;}
.inbk{display:inline-block;}

.fs1em{font-size:1em !important;}
.fs1_6em{font-size:1.3em;}



.fc1478b8{color:#1478b8 !important;}

.line-box-ddd{ border:1px solid #ddd;}


.btn_sm_red { font-weight:700;    background: #222;    color: #fff;    padding:5px 10px;    font-size:0.9em;    line-height: 14px;     border:1px solid #000;}
.btn_red{background: #000; font-weight: bold; color: #fff; padding: 20px 55px;border:2px solid #000;  cursor: pointer;  line-height:20px;}
.btn_gray{background: #fff; border:2px solid #000; font-weight: bold;  padding: 20px 55px;    cursor: pointer;   line-height:20px;}


.loginBox .cont {  float: left;    width: 76%;    height: 62px;    text-align: left;    line-height: 47px;}
.loginBox .title {    float: left;    width: 23%;    height: 62px;    color: #222;    font-size: 16px;    font-weight: bold;    text-align: left;    line-height: 47px;}


 
.loginBox .cont_bot {    float: left;    width: 76%;    margin: 20px 0 0 15%;    text-align: left;}
.loginBox .cont_bot a {    padding-left: 13px;    margin-right: 40px;    background: url(/images/sub/bul01.png) no-repeat left;}


/**/
.pdt10{ padding-top:10px;}			
			
.member_id_pw{margin-bottom:50px;}
.member_list{border-top: 2px solid #444;  margin:15px 0; font-size: 16px;}
.member_list dt{ float:left; color: #444; background: #f8f8f8;  display:block; width:20%; height:72px; padding:25px 0px 25px 25px; font-weight:600;border-bottom: 1px solid #d5d5d5; }
.member_list dd{float:left;width:80%; height:72px;border-bottom: 1px solid #d5d5d5;padding:15px 15px;}
.member_list dd input.name{ height:40px;  border:1px solid #ccc; padding:10px 0 10px 5px; width:350px;}
.member_list dd .tel{ height:40px;  border:1px solid #ccc; padding:10px 0 10px 5px; width:100px;  }
.member_list dd .tel1{ padding:0px 0 0px 5px; height:40px;   border:1px solid #ccc;   width:100px;}



/* */
.mypagelist1{}
.mypagelist1 li{ padding:15px 0; float:left; width:40%; margin:20px 2.5%;}
.mypagelist1 p{ border-top:1px solid #000; padding:10px 0 20px 0;font-weight: bold;}
/* 약관동의 */
.used{overflow:hidden; margin:10px 0px 10px 0px; line-height:18px;}
.used h1{ display:block; padding:10px 0; font-size:16px; color:#000; font-weight:normal;}
.used h2{ display:block; padding:10px 0 10px 10px; font-size:14px;}
.used .usednumlist{ overflow:hidden;list-style:decimal;}
.used .usednumlist li{  padding:0px 0px 5px 10px;}

/*개인정보수집 */
.private{overflow:hidden; margin:10px 0px 10px 0px;}
.private h1{ display:block; padding:10px 0 10px 0; font-size:15px; color:#333;}
.private p{ margin-bottom:20px; padding-left:10px;}
.private ul li{ padding:2px 0 2px 25px; background:url(../../images/sub/icon_b_dot.png) 15px 8px no-repeat;}
.boxinfo{border:1px solid #ccc; background:#f8f8f8; padding:20px; font-size:12px; text-align:center; clear:both; margin-bottom:30px;}

.bod_private,.bod_private th,.bod_private td{border:0}
.bod_private{width:95%;border-bottom:2px solid #dcdcdc; border-collapse:collapse;   margin:20px 15px;}
.bod_private caption{display:none}
.bod_private th{padding:10px 0px;border-top:2px solid #dcdcdc;border-right:1px solid #dcdcdc;border-left:1px solid #dcdcdc;background-color:#f5f7f9;  font-weight:bold;text-align:center;}
.bod_private td{padding:6px 10px;border:1px solid #e5e5e5;color:#4c4c4c; text-align:left;}

/* 회원가입 */
.join-step{ border-top:2px solid #222; border-bottom:1px solid #ddd; padding:25px; margin-bottom:50px;font-size:1.2em; font-weight:500;}
.join-step > div > i{font-size:4em;display:block; margin-bottom:10px; }
.join-step > div{ background:url(../../images/sub/join_step_arrow.gif) no-repeat center right; padding-right:20px;}
.join-step > div.on{ color:#BD0000;  }
.join-step > div.none{ background:none;}
.input-radio{vertical-align:middle;}
.input-radio input[type='radio']{ height:24px !important; width:24px !important; margin-left:10px;}
 

 
@media screen and (max-width: 767px){
	
	.join-step{ padding:25px 0 !important; margin-bottom:30px !important;font-size:1.0em !important; font-weight:500 !important;} 
	.join-step > div{ background-size:20% !important; background-position: center right !important;   padding-right:15px !important;  }
 
	
	
	
.bod-join th {	
	display:block !important;
	padding-left:10px !important;
	padding-bottom:5px !important;
	border-bottom:none !important;
	width:100% !important;
	background:none !important;
}
.bod-join td {
	display:block !important;
	padding-top:0 !important;
	overflow:hidden;
}
 
.bod-join td input.w250{ width:100% !important;} 


.tb_view{  font-size:1em; }
.tb_view dd.date{text-align:left !important; padding-left:10px !important;}
.tb_view dd.date span{font-size:0.8em;padding-left:7px !important;margin-right:0px !important;}

 

.day-inner{ padding:15px;  border:1px solid #ccc;    margin:10px 0.5%;}
.day-inner .date{ float:left; width:18%; text-align:center;box-sizing:border-box; vertical-align:middle; }
.day-inner .date strong{font-size:2em !important;}
.day-inner .date span{ padding-left:4px; color:#777;font-size:1em !important;}
.day-inner .list{ float:right; width:77%; border-left:1px dashed #ddd; padding-left:4%;}
.day-inner .list img{ vertical-align:text-top;}
.day-inner .list .column{}
.day-inner .list .column a{ border-bottom:1px solid #ddd; display:block; padding:8px 0;}
.day-inner .list .column strong{color:#ed1c24;}
.day-inner .list .column span{ padding-left:0px !important; display:block; font-weight:500; color:#e66b6b;}*/



}




.schedule { border-right:1px solid #d9d9d9; border-bottom:1px solid #aaa; }
.schedule th {padding:15px 10px; border-left:1px solid #d9d9d9; text-align:center;font-weight:500;border-top:2px solid #151515;border-bottom:1px solid #aaa;}
.schedule td {  background-color:#fff; text-align:left; padding:15px 10px;border:0;border-top:1px solid #d9d9d9;border-left:1px solid #d9d9d9;; vertical-align:top;}
.schedule td .daynum{display:block; padding-bottom:4px;font-weight:500; font-size:13px; vertical-align:top;}
.schedule td.backbg_r{color:#b03232;background:#f3e1e1;}
.schedule td.backbg_b{color:#578bbb;}
.schedule td a{ margin:8px 0; display:block;}

.schedule .sc_point1{color:#F03;}
.schedule .sc_point2{color:#59cffb;}

 

/* 달력 */
.datacenter{display:block;overflow:hidden; text-align:center; padding:15px 0 3px 0; clear:both; position:relative; height:25px;}
.datacenter strong{font-size:16px; padding:0px 20px; margin-top:0px; display:inlin-block;}
.datacenter strong, .datacenter a{display:inline;vertical-align:top; }
.copyprint{ position:absolute; right:0;  }

 
.schedule .sc_point1{color:#b72222;}
.schedule .sc_point2{color:#428bca;}


 

 
.bod-join{text-align:left;width: 100%;border-top:1px solid #000;}
.bod-join th, .bod-join td{padding:12px 0;border-bottom:1px solid #ddd;}
.bod-join th {	background:#fbfbfb;	padding-left:35px;	width:20%; }

.bod-join td { padding-left:10px;	padding-right:10px; }
.bod-join td input {	padding: 3px;}
.bod-join td select {	padding: 3px;}
.bod-join td input, .bod-join td select {	vertical-align: middle;  border:1px solid #ccc; height:40px;  margin-bottom:5px;}
.bod-join td textarea{  border:1px solid #ccc;} 
.bod-join td input.w250{ width:250px;}
.bod-join td input.w60{ width:65px;} 
.bod-join td .in {	width: 69%;}
.bod-join td .bu {	width: 29%;}

.bod-join td p {	padding-top: 3px;	display: block;}



.btn-bod{font-size: 11px;    background: #fff;    border:2px solid #000;  height:34px;  padding:0 10px;   color: #666;    font-weight: 800; margin-bottom:3px;}

.t-box-base{	vertical-align: middle;   border:1px solid #ccc; height:40px;  margin-bottom:5px;}



/* 수강신청 */
.subject{ clear:both; display:block; overflow:hidden; }
.subject .date{ margin:0 auto 20px auto;  text-align:center; overflow:hidden;   }
.subject .date a{font-size:2.57em;   display:inline-block; font-weight:100; }
.subject .date a:focus, .subject .date a:hover, .subject .date a:active{color:#000; }
.subject .date strong{font-size:2em;font-weight:normal; font-family:Verdana, Geneva, sans-serif; padding:0px 18px; display:inline-block;  }

 
.bodcalendar{width:100%;border-top:3px solid #a51e36;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
.bodcalendar th{background:#333; color:#fff; padding:10px 0; border-right:1px solid #ccc;}
.bodcalendar th.red{color:#ff1633; }
.bodcalendar th.blue{color:#59cffb;border-right:0;}
.bodcalendar td{border-right:1px solid #ccc;border-top:1px solid #ccc; padding:7px; height:50px; vertical-align:top;}
.bodcalendar td.redbg{ background:#ffefef;}
.bodcalendar td.bluebg{border-right:0; background:#ebfaff;}
.bodcalendar td em{font-weight:bold; display:block;  padding-bottom:7px; font-size:13px; vertical-align:top;}
.bodcalendar td a{display:block; padding-bottom:15px;}
.bodcalendar td a span{ display:inline-block; width:30px; text-align:center; padding:3px; color:#fff; margin-right:5px;}
.bodcalendar td a span.s_box{background:#f32837;}
.bodcalendar td a span.b_box{background:#0085cf;}
.bodcalendar td a span.d_box{background:#55a51c;}
.bodcalendar td a:focus, .bodcalendar td a:hover, .bodcalendar td a:active{ text-decoration:underline;}

 /* 강사진  */

.btntab{ overflow:hidden; display:block; font-weight:bold; padding-top:20px;}
.btntab input{font-weight:bold; float:left;}
.btntab input[type=button] { border:1px solid #999; background:#fff; padding:15px 0px; width:19%; margin:0 0.5% } 
.btntab input[type=button]:hover, .btntab input[type=button].on { background:#333; color:#fff; border:1px solid #000; } 


 
.btnstred{background:#000; border:0px;  color:#fff; display:inline-block;  } 
.btnstred a{background:#000;  color:#fff;   } 
.btnstred:hover, .btntab.on { background:#000; color:#fff; border:0px solid #000; } 
.btnstred input[type=button]{ background:#000;  padding:20px 24px 18px 24px; border:0; margin-top:-2px; }

.btn-none input{border:0;  background:none; padding:0px !important; margin:0 !important; vertical-align:text-top !important;}
.btn-none input[type=button]{ border:0;  background:none; padding:0px !important; margin:0 !important; vertical-align:text-top !important;}

.btnstgray a{  border:2px solid #000;  padding:17px 22px; color:#000 !important;   display:inline-block;} 
.btnstgray a:hover, .btnstgray a.on {  color:#000 !important; } 

.btnstbk{background:#000; border:1px solid #661829; padding:20px 15px 20px 15px; color:#fff !important;   font-weight:500; display:inline-block;} 
.btnstbk:hover, .btnstbk a.on { background:#000; color:#fff !important; border:1px solid #000; } 


/*  페이징 */
.pageing{display:block;overflow:hidden; clear:both; padding:10px 0 10px 0; text-align:center; }
.pageing ul, .pageing ul li, .pageing a{display:inline-block; padding:3px;}
.npage{color:#C1282D;}


/*  페이징 */
/* page.paginate_complex strong {color:#fff;background:#af362a;border:1px solid #af362a;} */
.paginate_complex{padding:30px 0;line-height:normal;text-align:center;}
.paginate_complex a,
.paginate_complex strong{display:inline-block;position:relative;z-index:2;border:1px solid #ddd;width:28px;height:25px;line-height:25px;text-decoration:none !important;color:#000;vertical-align:top;}

.paginate_complex a.default:hover,
.paginate_complex a.default:active,
.paginate_complex a.default:focus{color:#fff;background:#000;border:1px solid #000;}
.paginate_complex img{ padding-top:4px;}
.paginate_complex .pprev{background:url(../../images/sub/list_pprev.gif) no-repeat center center;width:28px;height:28px;line-height:27px;border:none;}
.paginate_complex .prev{background:url(../../images/sub/list_prev.gif) no-repeat center center;width:28px;height:28px;border:none;margin-right:10px;}
.paginate_complex .nnext{background:url(../../images/sub/list_nnext.gif) no-repeat center center;width:28px;height:28px;border:none;}
.paginate_complex .next{background:url(../../images/sub/list_next.gif) no-repeat center center;width:28px;height:28px;border:none;margin-left:10px;}
.paginate_complex .direction span{display:none;}


/* FAQ */
.faq-ui{border-top:2px solid #000;border-bottom:1px solid #666;}
.faq-ui li{ padding:20px 10px; border-bottom:1px solid #ddd;}
.faq-ui li .q{ padding-bottom:10px; font-weight:600;} 
.faq-ui li .q img, .faq-ui li .a img { padding-right:5px; display:inline-block;  vertical-align:top !important;  }

.infoinner{overflow:hidden;}
.infoinner li{ border-bottom:1px dashed #ccc; margin-bottom:40px; padding-bottom:40px;}
.infoinner li.title{background:url(../../images/common/dot_r.png) 7px 12px no-repeat;  margin-bottom:0; padding-bottom:0px; padding:0 0 20px 25px; font-size:22px; font-weight:600;border-bottom:0; border-bottom:none; }
.infoinner li.title span{font-weight:normal; display:inline-block; padding-left:20px; font-size:14px;}


.faqinner{border-top:2px solid #000;border-bottom:1px solid #666;font-family:'Noto Sans KR','dotum','돋움', sans-serif, monospace;   }
.faplist{ border-bottom:1px solid #ccc;}
.faqinner img{ vertical-align:middle;}
.faq-line{ padding:15px;}
.panel-body{padding:10px 10px 10px 0px; border-top:1px solid #ccc; margin:0px 20px 20px 20px; }
/**/


/* 마이페이지 .mypage{}*/

.profile{border:1px solid #ddd; background:#f9f9f9;overflow:hidden;position:relative; display:block; height:80px;}
.profile dt{position:absolute; top:12px; left:40px;}
.profile dd.info{position:absolute; top:30px; left:125px; font-size:14px; padding:5px 0; height:30px;}
.profile dd.info strong{margin-left:10px;color:#333;font-size:16px;}
.profile dd.info strong span{font-size:14px; font-weight:normal; color:#999; padding:0 5px;}
.profile dd.info em{ color:#a51e36;}
.profile dd.btnst2{position:absolute; top:23px;right:30px; font-size:14px; padding:5px 0; height:30px; font-size:12px;}



/* 마이페이지 탭 */
.tabmypage{margin:20px 0 10px 0; font-size:15px; }
.tabmypage li a{float:left;margin-right:-1px;  width:33%; border:1px solid #ccc; text-align:center; padding:15px 0; font-weight:600; display:block;}
.tabmypage ul li.on a{color:#C1282D;border:1px solid #000;margin-right:0px;}


/* 직원등록 */
.stafflist{ margin:20px 0 10px 0; overflow:hidden; clear:both;}
.stafflist button{}
.stafflist p{ float:right;}
.stafflist p select{padding:4px; margin-right:3px;}
.stafflist p input{padding:4px;margin-right:5px;}
/* 탈퇴 */
.del_text{padding:20px 0 10px 0; line-height:18px;}
.del_strong_info{font-size:15px; color:#C1282D; display:block;}
/* 버튼 */
.btnsty2{ text-align:right; padding:15px 0 30px 0;}	
.btnsty2 input{ font-weight:bold;color:#fff; padding:10px 45px; border:0px; margin:0 8px;cursor:pointer;}
.btnsty2 input.ok{ background:#C1282D; }
.btnsty2 input.cancel{background:#8c8c8c;}


.tb_list_pop{border-top: 2px solid #444;  border-bottom: 1px solid #ccc; font-size:0.85em;  }
.tb_list_pop th{ border-bottom: 1px solid #a0a0a0; color: #000;   text-align:center; padding:7px 0; background:#FAFAFA; border-bottom:1px solid #a0a0a0;}
.tb_list_pop td{ border-bottom: 1px solid #ccc;   color: #000; text-align:center; padding:5px 5px; }	
.tb_list_pop td.text-left{ text-align:left;}





.tb_list{border-top: 2px solid #444;  border-bottom: 1px solid #ccc;  }
.tb_list th{ border-bottom: 1px solid #a0a0a0; color: #222;   text-align:center; padding:10px 0; background:#fff; border-bottom:1px solid #a0a0a0;}
.tb_list td{ border-bottom: 1px solid #ccc;   color: #444; text-align:center; padding:13px 5px; }	
.tb_list td.text-left{ text-align:left;}

.tb_write{border-top: 2px solid #444;border-bottom: 2px solid #444; font-size:1.12em;}
.tb_write th{ padding:20px 5px;background:#fbfbfb;}
.tb_write td{ padding:20px 5px 20px 20px; }

.tb_view{border-top: 2px solid #444;  border-bottom: 1px solid #ccc; font-size:1.05em; padding:10px 0;}
.tb_view dt{font-size:2.4em; padding:20px 10px;}
.tb_view dd.date{color:#777; border-bottom: 1px solid #ccc; padding-bottom:10px; text-align:right;}
.tb_view dd.date span{ margin-right:10px; background:url(/images/common/icon_g_dot.gif) 0 center no-repeat; padding-left:15px;}
.tb_view dd.file{ background:#fafafa; padding:15px;border-bottom: 1px dashed #ccc; font-size:14px; }
.tb_view dd.file strong{ margin:0 15px 0 0px; display:inline-block; font-weight:400;}
.tb_view dd.cont{ padding:30px 10px;}
 
/* 답글 */			
.commenttext{background:#f9f9f9;  border:1px solid #ccc; padding:10px 20px; margin-top:30px;}
.commenttext .title{font-size:16px; color:#414141;font-weight:bold;}
.commenttext .title span{margin-left:10px; font-size:11px; color:#999; font-weight:normal;}
.commenttext .txtcont{background:url(../../images/notice/commentbg.gif) 0 6px no-repeat; padding:0 0 0 20px;}
/* 다음글 */

.pageInfo {margin:30px 0;border-top:2px solid #e1e1e1;border-bottom:2px solid #e1e1e1;}
.pageInfo ul li {line-height:40px;border-top:1px solid #e1e1e1;*zoom:1;}
.pageInfo ul li:first-child {border:none;}
.pageInfo ul li:after {content:"";display:block;clear:both;}
.pageInfo ul li span.ttl {display:inline-block;float:left;width:70px;padding-left:18px;}
.pageInfo ul li span.ttl.prev {background:url(../../images/notice/arr_up.gif) 50px center no-repeat;}
.pageInfo ul li span.ttl.next {background:url(../../images/notice/arr_down.gif) 50px center no-repeat;}
.pageInfo ul li a {display:inline-block;float:left; }

.pageInfo a:hover, .pageInfo a:focus, .pageInfo a:active{text-decoration:underline;color:#C1282D;}






 
.input-type1{padding:0 3px;vertical-align: middle;   border:1px solid #ccc; height:40px;margin-bottom:5px;}  



a.btn_big{display:inline-block;padding-right:4px;background:url(../../images/sub/bg_btn_default.gif) no-repeat 100% 0;font-family:'Nanum Gothic','나눔고딕', nanumgothic ,monospace; font-size:12px;color:#333;line-height:26px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap; font-size:12px;}
a.btn_big span,a.btn_big strong{display:block;padding:0 8px 1px 12px;background:url(../../images/sub/bg_btn_default.gif) no-repeat; font-size:12px;}


.btn_sml{ border:1px solid #777; margin-bottom:5px; margin-top:5px; font-size:0.9em; padding:4px 10px; display:inline-block;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */	
	}


.mobile_floor1 em{ width:60%; display:inline-block;}
.mobile_floor1 span{ width:35%; display:inline-block; float:right;}


/* */

.staff-top{ margin-bottom:20px;}
.staff-top li{ width:70%;  }
.staff-top li select,
.staff-top li input,
.staff-top li button{ display:inline-block !important;  }  

.red-inbox{color:#9d1d13; border:1px solid #c9c9c9; padding:5px;background:#fdfdfd; font-size:0.88em !important; font-weight:500; }
.gray-inbox{color:#666; border:1px solid #c9c9c9; padding:5px; background:#fdfdfd; font-size:0.88em !important; font-weight:500; }
.gray-inbox-pop{color:#666; border-top:1px solid #666; border-bottom:1px solid #666; padding:5px 0px 3px 0px; background:#fdfdfd;  font-weight:500; margin:10px auto; }

.map-inner{padding:20px 0;}
.map-inner li{font-size:1.2em;  padding:5px 0 5px 10px;}
.map-inner li strong{padding-right:30px; font-weight:normal; } 
	
	
 	
.text_bg_b {    overflow: hidden;    font-size: 14px;    border-top: 2px solid #333;    border-bottom: 1px solid #333;    margin-bottom: 20px;}	
.text_bg_b li strong {    background: url(../../images/sub/bul01.png) 7px 28px no-repeat #f8f8f8;    padding: 20px 0 20px 20px;    display: inline-block;    width: 30%;    margin-right: 50px;}





.bod-bbk{font-size:14px; border-top:2px solid #2d2d2d; border-bottom:1px solid #2d2d2d !important; border-left:1px solid #bdbcbc; text-align:center !important; }
.bod-bbk thead th{background:#393939; color:#fff; border-right:1px solid #999; padding:12px 0;text-align:center !important;}
.bod-bbk tbody th{background:#d1d2d4; border-top:1px solid #bdbcbc;text-align:center !important; }
.bod-bbk tbody td{border-top:1px solid #bdbcbc; border-right:1px solid #bdbcbc; padding:10px 5px;}

.bg-eeeff0{background:#eeeff0 !important;}

.bg1{background:#222 !important;}
.bg2{background:#5c5b5b;}
.bg-dedede { background: #dedede;}
.bg3{background:#ffcefe; !important; padding:15px 0;}


.master-benefit{ position:relative; background:url(../../images/sub/master-bg.jpg) top right no-repeat;   display:block; height:300px; width:700px; margin:30px auto 40px auto;} 
.master-benefit ul li{ width:345px;}
.master-benefit ul li strong{ display:block; font-size:16px; padding-bottom:5px;}
.master-benefit ul li p{font-size:13px; font-weight:normal; background:none !important; padding:5px 5px 5px 2px;}
.master-benefit ul li em{ font-size:12px; color:#999;}
.master-benefit ul li.bn1{ position:absolute; top:13px; left:0;}
.master-benefit ul li.bn1 strong{color:#4d583c !important;}
.master-benefit ul li.bn2{position:absolute; top:170px; left:0;}

.bod-whgy{ border-top:2px solid #2d2d2d; }
.bod-whgy th{ text-align:left;}
.bod-whgy td{ border-left:1px dotted #ccc; margin:2px 0;}
.bod-whgy th, .bod-whgy td{background:#eee;border-bottom:1px solid #ddd; padding:15px 20px; } 
.de{ background:#fff !important; border-bottom:1px solid #ddd;}



.red-info{overflow:hidden; padding-bottom:30px;}
.red-info li{background:url(../../images/common/dot_r.png) 0px center no-repeat;   font-weight:600; float:left; display:inline-block; margin-right:20px; padding-left:14px; font-size:1.25em;  }
 






.bod-dgy{ border-top:2px solid #2d2d2d; font-size:1em; }
.bod-dgy p{font-size:1em; padding:5px 0; }
.bod-dgy th{ text-align:center;font-size:1.05em;}
.bod-dgy td{ border-left:1px dotted #ccc; margin:2px 0;}
.bod-dgy th, .bod-dgy td{background:#eee;border-bottom:1px solid #ddd; padding:15px 20px; } 
.de{ background:#fff !important; border-bottom:1px solid #ddd;}



.textinfo2{text-align:right;width:100%;  font-size:0.85em; padding:0px 3px 0 0; margin:0; }
.textinfo2 p{overflow:hidden; display: block; }


@media screen and (max-width:768px){ 


}



.edu-box{margin-bottom:20px;}
.edu-box .left{float:left; width:70%;color:#444;}
.edu-box .left ul{border-top:1px solid #000; border-bottom:1px solid #000; height:34px; margin-bottom:20px;  }
.edu-box .left ul li{float:left; }
.edu-box .left ul li.t1{width:10%;font-size:2em; text-align:center;line-height:1.2em; }
.edu-box .left ul li.t2{width:90%;text-align:left;font-size:1.5em; padding:3px 0 0 15px; display:flex; align-items:center; }
.edu-box .left ul li span.new{ border:1px solid #999; font-size:15px; padding:1px 15px;}
.edu-box .left .infotxt{font-weight:500;  margin-bottom:5px; width:85%; margin:0 auto 8px;}
.edu-box .left p{padding-left:5px; padding-bottom:3px; width:85%; margin:auto; display:flex; align-items:center; gap:5px;}
.edu-box .left p em {font-size:7px;}

.edu-box .right{float:right; width:30%;color:#666;}
.edu-box .right p{ height:34px;text-align:center;border-top:1px solid #000; border-bottom:1px solid #000; font-size:1.2em; padding-top:7px;}
.edu-box .right table{ font-size:1.02em;}
.edu-box .right table th, .edu-box .right table td{  border-bottom:1px solid #888; padding-top:5px; padding-bottom:5px;  }

.edu-box .right table th{ border-right:1px solid #888;  text-align:center; font-weight:400; font-size:12px;}
.edu-box .right table td{ font-size:12px; padding-left:5px;}

.ds-bk{display:block; text-align:center; margin:30px auto;}

.bg93{background:#939598;  color: #fff;}
.edu-box .right .sotxt{ margin-top:8px; font-size:11px;}
.bg00{background:#000;  color: #fff;}
@media screen and (max-width:768px){ 
.edu-box{width:100%;margin-bottom:0px;}
.edu-box .left{ float:none; width:100%; display:block;} 
.edu-box .left ul li{float:left; height:34px; }
.edu-box .left ul li.t1{width:15%;font-size:1.7em; text-align:center; padding-top:3px;  }
.edu-box .left ul li.t2{width:85%;text-align:left;font-size:1.45em; padding:0px 0 0 10px;}
.edu-box .left ul li span.new{  font-size:13px;  }
.edu-box .left .infotxt{ font-weight:500;  margin-bottom:5px;}


.edu-box .right{float:none; width:100%; display:block; overflow:hidden; clear:both; margin-bottom:40px; margin-top:20px;}
.edu-box .right p{ width:50%; margin:20px auto 20px auto; font-size:1em; height:35px;padding-top:7px;}
.edu-box .right table{border-top:1px solid #888; font-size:1.02em; width:85%; margin:0 auto;}
.edu-box .right table th, .edu-box .right table td{  border-bottom:1px solid #888; padding-top:5px; padding-bottom:5px;  }

.edu-box .right table th{ border-right:1px solid #888;  text-align:center;}
.edu-box .right table td{  padding-left:10px;}
.edu-box .right .sotxt{width:85%; margin:5px auto; text-align:left;}
 

}




/* 2020-03-06 */
.sel-st1 {padding:10px 40px 10px 10px !important; background:url(../../images/sub/arrow.png) no-repeat 95% 50%;border-radius: 0px;-webkit-appearance: none;-moz-appearance: none;appearance: none;vertical-align: middle;    border: 1px solid #ccc;}
.sel-st1::-ms-expand {display: none;}

.b-wp35{ width:35%;}
.b-wp65{ width:65%; padding-left:80px;}


.subbox .text5{font-size: 18px; font-weight: 300;letter-spacing:0.1px;line-height:1.36; letter-spacing:0.1px; color:rgb(51, 51, 51); text-align:center; max-width:1000px; width:100%; margin:25px auto 0px;}

.edtab{ margin:0px auto -50px auto;background:#fbfbfb;}
.edtab ul{max-width: 1200px; margin: 0px auto; }
.edtab ul li a{font-size:1.07em; float:left; display:block;height:60px;border-right:1px solid #e8e8e8;box-sizing:border-box;-webkit-transition:all 0.4s; -moz-transition:all 0.4s;-o-transition:all 0.4s; -ms-transition:all 0.4s;transition:all 0.4s; width:25%;} 
.edtab ul li .fir{border-left:1px solid #e8e8e8;} 
.edtab ul li a span{  font-size:1.2em;   text-align: center;   vertical-align: middle; padding-top:20px; display:block; }
.edtab ul li a:hover, .edtab ul li a.on {  background-color:#000; color:#fff;}



.elitebox1{ margin:50px auto 0px auto; max-width:1020px; border-bottom:1px solid #eee; padding-bottom:30px;}
.elitebox1 .txt1{ font-size:1.4em; margin-top:-20px; padding-bottom:25px;font-weight:300;}
.elitebox1 .txt2{ font-size:1.2em; padding:0px 0 25px 0;font-weight:300;}
.elitebox1 .txt3{ font-size:1.15em; padding-top:20px; }
.elitebox1 .txt4{ font-size:1.17em; padding:20px 0; font-weight:600; }



.listst{ list-style-type:square; margin:30px auto 0px auto; font-size:1.15em;max-width:800px;}
.listst li{ margin-left:25px; padding-bottom:7px;} 


.listst1{ list-style-type:square; margin:30px auto 0px auto; font-size:1.15em;}
.listst1 li{ margin-left:25px; padding-bottom:7px;}
.listst1 li strong{margin-right:10px;}
.listst1 li span{display:block; padding-top:4px; padding-bottom:5px;font-weight: 300;}


.listst2{font-size:1.15em;  margin:10px 0px 10px 0px;  }
.listst2 li{ padding:8px 0px; border-bottom:1px solid #ddd;}
.listst2 li strong{margin-right:10px;} 

#elite1, #elite2, #elite3, #elite4{ padding-top:90px;}
 

.elitetit{font-size:3em;box-sizing: border-box; text-align:left;    font-weight: 500;    line-height: 1.1;    letter-spacing: 0.6px; padding:0px 0 40px 0;  }	


/*
.myboxnew{ max-width:900px; margin:0 auto; }
.myboxnew li{  width:50%; float:left; margin:0 auto;background-size:cover;text-align: center;} 
.myboxnew li div{ margin:80px auto 0 auto;background-size:cover; }
.myboxnew li div i{font-size:3em;}
.myboxnew li div span{font-size:2.4em; font-weight:400; display:block;}
 
.myboxnew .myb1{ background:url(../../images/sub/mypage1.jpg) ; color:#fff;  height:400px; padding-top:170px; }
.myboxnew .myb2{background:url(../../images/sub/mypage2.jpg) ; color:#fff; height:400px; padding-top:170px;}
.myboxnew .myb3{background:#787379; color:#fff; height:250px;}
.myboxnew .myb4{background:#142840; color:#fff; height:250px;}
.myboxnew .myb5{width:100%; float:none;background:#f8f8f8; border:1px solid #e2e2e2; text-transform:uppercase; padding-bottom:50px;}
.myboxnew .myb5 p{ display:block; overflow:hidden; clear:both;}
.myboxnew .myb5 .t1{font-size:1.48em; padding:50px 0 20px 0; line-height:1.6em; font-weight:500;color:#555;}
.myboxnew .myb5 .t2{font-size:1.2em; line-height:1.4em; padding:20px 0; font-family:Georgia, "Times New Roman", Times, serif; letter-spacing:5px; color:#444;}
.myboxnew .myb5 .t3{font-size:3.2em; letter-spacing:50px;  font-family:"MS Serif", "New York", serif;padding:5px 0 40px 0; margin-left:40px; font-weight:100;}
*/
.myboxnew{ max-width:1272px; margin:0 0; }
.myboxnew li{  width:24%; float:left; margin:0 7px;background-size:cover;text-align: center;} 
.myboxnew li div{ margin:80px auto 0 auto;background-size:cover; }
.myboxnew li div i{font-size:3em;}
.myboxnew li div span{font-size:2.4em; font-weight:400; display:block;}
 
.myboxnew .myb1{ background:url(../../images/sub/200504_ss_01.jpg) ; color:#fff; width:304px; height:303px;  }
.myboxnew .myb2{background:url(../../images/sub/200504_ss_04.jpg) ; color:#fff; width:304px; height:303px; }
.myboxnew .myb3{background:#787379; color:#fff; width:304px; height:303px;}
.myboxnew .myb4{background:#142840; color:#fff; width:304px; height:303px;}

.myboxnew .myb5{width:99% !important; background:#f8f8f8; border:1px solid #e2e2e2; text-transform:uppercase; padding-bottom:40px;}
.myboxnew .myb5 p{ display:block; overflow:hidden; clear:both;}
.myboxnew .myb5 .t1{font-size:1.48em; padding:15px 0 10px 0; line-height:1.6em; font-weight:500;color:#555;}
.myboxnew .myb5 .t2{font-size:1.2em; line-height:1.4em; padding:10px 0; font-family:Georgia, "Times New Roman", Times, serif; letter-spacing:5px; color:#444;}
.myboxnew .myb5 .t3{font-size:2.5em; letter-spacing:50px;  font-family:"MS Serif", "New York", serif;padding:5px 0 10px 0; margin-left:40px; font-weight:100;}


/* 
 
    height: 40px;
    margin-bottom: 5px;

*/
.elitetab{ background:#8b8b8b;text-align:center; margin:50px auto 30px auto; display:block; overflow:hidden;}
.elitetab li a{float:left;margin-right:0px;  width:25%; border:1px solid white; text-align:center; padding:11px 0;display:block;}
.elitetab li.on a{background:#000; color:#fff;}
 
.listst3{font-size:1.2em; padding-bottom:20px;}
.listst3 li{ float:left;}
.listst3 li.t1{ margin-right:30px;} 
.listst3 li.t2{ margin-top:7px;}
.listst3 li.t2 i{color: #ffcefe;}
.listst3 li.t3{ float:right;} 

.listscrll{overflow-x:scroll; width:1200px; margin-bottom:100px;}

.bod-rod{ border-top:2px solid #000;border-left:1px solid #ddd; width:1200px; }
.bod-rod thead th{ border-bottom:1px solid #ccc; border-right:1px solid #ddd; padding:10px 0; text-align:center; background:#fafdff; min-width:170px; }
.bod-rod thead th button{background:#fff961; padding:3px 8px; margin-top:5px; border-radius:3px; font-weight:400; border:1px solid #ffea00; font-size:0.9em; }
.bod-rod tbody th{ background:#fbfbfb;border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:8px 5px; text-align:center;}
.bod-rod tbody td{border-bottom:1px solid #ddd; border-right:1px solid #ddd;padding:8px 5px;text-align:center;min-width:90px; }
.bod-rod tbody td input[type='checkbox']{ height:28px; width:28px; margin-bottom:5px;}

.bod-rod2{ border-top:1px solid #000;border-left:1px solid #ddd;  }
.bod-rod2 th{ border-bottom:1px solid #ccc; border-right:1px solid #ddd; padding:10px 0; text-align:center; background:#fafdff;   }
.bod-rod2 th button{background:#fff961; padding:3px 8px; margin-top:5px; border-radius:3px; font-weight:400; border:1px solid #ffea00; font-size:0.9em; }

.bod-rod2 th{ background:#fbfbfb;border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:0 0; text-align:center;}
.bod-rod2 td{border-bottom:1px solid #ddd; border-right:1px solid #ddd;text-align:center; padding:7px 0; word-break:break-all;}
.bod-rod2 td input[type='checkbox']{ height:20px; width:20px; margin:10px 0px;}

#GridView1_Content_Fixed{width:1200px !important;}


.fw-300{ font-weight:300;}
.fw-500{ font-weight:500;}

.infotx1{ margin-left:50px; font-size:0.98em; color:#777;}
.line-mid{text-decoration:line-through; padding:0; margin:0;} 


.listst4{ list-style-type:square;  }
.listst4 li{ margin-left:25px; padding:7px 0;}
.listst4 li strong{margin-right:17px;}
.listst4 li input[type='checkbox']{ height:22px; width:22px; margin:0px 5px 0 10px; vertical-align:middle;  }
.listst4 li label{ font-weight:400; }


.pdl35{padding-left:35px; background:#fbfbfb !important; text-align:left !important;} 
.bod-wh{ border-top:0px solid #2d2d2d; }
.bod-wh thead th{background:#f6f9fb; padding-top:20px; padding-bottom:20px; border-left:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center;}
.bod-wh tbody th{text-align:left;padding-left:35px;background:#fff; border-bottom:1px solid #ddd;}
.bod-wh tbody td{border-left:1px solid #ddd; border-bottom:1px solid #ddd; padding:8px 15px; }
.bod-wh td input{	vertical-align: middle;  border:1px solid #ccc; height:40px;  margin-bottom:5px;}
.bod-wh input[type='checkbox']{ height:24px; width:24px; margin-bottom:5px; margin-right:3px; border:1px solid #ccc;}
.bod-join td input.in-w-50{width:50px; margin-left:3px; margin-right:5px; text-align:center;}
.bod-join td input[type='file']{ padding:5px; background:#fff; width:70%;}
.non-left{border-left:0 !important; border-left:none !important;}
.bg-yell{ background:#ffffe9; text-align:center;}
.bod-wh td .w150{width:150px;} 
.bod-wh td.data span{ margin-right:30px;}
.bod-wh td.data span strong{ margin-right:10px;}

 
@media screen and (max-width:768px){ 

.pdl35{padding-left:0px; background:#fff !important;  } 
.bod-wh{ width:96%; margin:0 auto;  } 
.bod-wh tbody th{text-align:left;padding:0px; } 
.bod-wh input[type='checkbox']{ display:block;  }
.bod-wh td.data span{ margin-right:30px; display:block;}
.bod-wh td.data span strong{ display:inline-block; width:80px; margin-right:0px;}
.bod-wh tbody td{  padding:8px 8px; }
 

.infotx1{ margin-left:0px; font-size:0.98em; color:#777; display:block;}

.listst4{ list-style-type:square;  }
.listst4 li{ margin-left:25px; padding:7px 0;}
.listst4 li strong{margin-right:0px; display:block;}
.listst4 li input[type='checkbox']{ height:22px; width:22px; margin:5px 5px 5px 8px;   }

 
.listst3 li.t3{ float:none; display:block; overflow:hidden; clear:both; padding-bottom:10px;}
.listscrll{overflow-x:scroll; width:100%; margin-bottom:100px; min-width:300px;}

.elitetab{  margin:30px auto 30px auto; font-size:0.9em; }
.elitetab li a{ width:25%; border:1px solid #dfdfdf; text-align:center;display:block; height:65px; padding:11px 0;}
.elitetab li.on a{background:#000; color:#fff;}
.elitetab li span { display:block; }

 
 /* 2020-03-06  */
#elite1, #elite2, #elite3, #elite4{ padding-top:60px;}
.elitetit{font-size:2.2em;  padding:0px 0 40px 0;  }	

.b-wp35, .b-wp65{ width:100%; padding: 10px 15px;} 

.edtab{ margin:0px auto -50px auto;background:#fbfbfb;}
.edtab ul{max-width:100%; margin: 0px auto; }
.edtab ul li a{font-size:1.04em;  height:auto; padding-top:20px;  padding-bottom:20px; }  
.edtab ul li a span{  font-size:1.2em;     padding-top:0px; padding-bottom:0px; } 



.elitebox1 .txt2{  padding:10px 0 15px 0; }



.elitebox1{max-width:100%; width:100%; border-bottom:1px solid #eee; padding-bottom:40px;}
.elitebox1 .fl-r, .elitebox1 .fl-l{width:100%;}
 
.listst2{font-size:1.15em;  text-align:left; margin:0px 0px 0px 0px; }



.myboxnew{ max-width:100%; width:100%; }
.myboxnew li div{ margin:0px auto 0 auto;  }
.myboxnew li div i{font-size:2.2em;}
.myboxnew li div span{font-size:1.8em; }

.myboxnew .myb1{ height:150px; padding-top:50px; background-size:cover; }
.myboxnew .myb2{ height:150px;padding-top:55px; background-size:cover; }
.myboxnew .myb3{  color:#fff; height:150px; padding-top:30px;}
.myboxnew .myb4{  color:#fff; height:150px;padding-top:30px;}
.myboxnew .myb5{  padding-bottom:50px;} 
.myboxnew .myb5 .t1{font-size:1.22em; padding:50px 0 10px 0; line-height:1.6em; font-weight:500;color:#555; }
.myboxnew .myb5 .t2{font-size:1.12em; line-height:1.4em; padding:20px 0; font-family:Georgia, "Times New Roman", Times, serif; letter-spacing:5px; color:#444;}
.myboxnew .myb5 .t3{font-size:2.02em; letter-spacing:50px;  font-family:"MS Serif", "New York", serif;padding:5px 0 30px 0; margin-left:40px; font-weight:100;line-height:1.4em;}

}

/* 2024-02-26 교육프로그램 contents */
  .edu-content {
    border: 1px solid #000;
  }
  .edu-content_list:not(:last-child),
  .edu-content_con ul li:not(:last-child) {
    border-bottom: 1px solid #000;
  }
  .edu-content_list {
    display: flex;
  }
  .edu-content_cate {
    width: 175px;
    padding: 10px;
    border-right: 1px solid #000;
    display: flex;
    align-items: center;
  }
  .edu-content_con {
    flex: 1;
  }
  .edu-content_con li {
    display: flex;
  }
  .edu-content_no {
    text-align: center;
    width: 50px;
    padding: 10px 0;
    border-right: 1px solid #000;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .edu-content_desc {
    padding: 10px;
    flex: 1;
    display: flex;
    align-items: center;
  }
  .edu-content_box span {
    width: 150px;
    display: inline-block;
    text-align: center;
    padding: 5px 0;
    margin-right: 5px;
    font-weight: 400;
  }
  .edu-content_box span.lightGray {
    background: #bcbdc0;
  }
  .edu-content_box span.gray {
    background: #555;
    color: #fff;
  }
  .edu-content_tit {
    flex:1;
  }
  .edu-content_check {
    margin-left: auto;
  }
  .edu-content_check span {
    margin-left: 20px;
    color: #c4c4c4;
    white-space: nowrap;
  }
  .edu-content_check span em {
    color: #c4c4c4;
  }
  .edu-content_check span.check {
    color: #000;
  }
  .edu-content_check span.check em {
    color: #000;
  }
  .edu-content_re {
    color: #fff;
    background-color: #bcbdc0;
    padding: 2px 5px;
    font-size: 12px;
  }
  .edu-content_list.brown .edu-content_cate {
    color: #c5950c;
  }
  .edu-content_list.brown .edu-content_no {
    color: #fff;
    background-color: #c5950c;
  }
  .edu-content_list.pink .edu-content_cate {
    color: #be085f;
  }
  .edu-content_list.pink .edu-content_no {
    color: #fff;
    background-color: #be085f;
  }
  .edu-content_list.purple .edu-content_cate {
    color: #5c4776;
  }
  .edu-content_list.purple .edu-content_no {
    color: #fff;
    background-color: #5c4776;
  }
  .lightPurple {
    color: #5c4776;
    background-color: #cec7d6;
  }
  .edu-content_list.black .edu-content_cate {
    color: #000;
  }
  .edu-content_list.black .edu-content_no {
    color: #fff;
    background-color: #000;
  }
	.lightBrown {
    color: #c5950c;
    background-color: #eedfb6;
  }
  .lightPink {
    color: #be085f;
    background-color: #e5b9c4;
  }
  .deepPink {
    color: #fff;
    background-color: #cd6b8a;
  }
  .darkBlack {
    color: #fff;
    background-color: #000;
  }

@media screen and (max-width:640px){ 
  .edu-content_list {
    flex-direction: column;
  }
  .edu-content_cate {
    width: 100%;
    justify-content: center;
    border-right: 0;
    border-bottom: 1px solid #000;
  }
  .edu-content_desc {
    flex-wrap: wrap;
  }
  .edu-content_box {
    width: 100%;
  }
  .edu-content_box span {
    width: 45%;
  }
  .edu-content_tit {
    width: 100%;
    margin: 10px 0;
  }
  .edu-content_check span {
    margin-left: 0;
    margin-right: 20px;
  }
  .edu-content_re {
    margin-bottom: 10px;
  }
}

/* 2024-02-26 교육프로그램 steps */
.steps-tit {
	text-align:center;
	margin:50px 0;
}
.steps-tit p {
	font-size:60px;
	position:relative;
	display:inline-block;
}
.steps-tit p::before {
	position:absolute;
	content:'';
	width:70px;
	height:1px;
	background:#000;
	top:50%;
	transform:translateY(-50%);
	left:-90px;
}
.steps-tit p::after {
	position:absolute;
	content:'';
	width:70px;
	height:1px;
	background:#000;
	top:50%;
	transform:translateY(-50%);
	right:-90px;
}
@media screen and (max-width:768px){
.steps-tit {margin:25px 0;}
.steps-tit p {font-size:10vw;}
}

.eduWrap .title-st1 {
	display:flex;
	align-items:flex-start;
}
.eduWrap .title-st1 p {
	line-height:1;
	border-bottom:3px solid;
	flex:1;
	font-size:45px;
	padding:2px 25px;
}
.eduWrap .stu-tit {
	font-size:30px;
	margin-bottom:8px;
}
.eduWrap .stu-name {
	font-size:19px;
	margin-bottom:50px;
}
.eduWrap .stu-name em {
	font-size:10px;
}
.eduWrap .pro-tit {
	font-size:40px;
	margin-bottom:20px;
	font-family:Futura-Light;
}
.eduWrap .pro-level {
	font-size:20px;
	padding:5px 10px;
}
.eduWrap .pro-desc {
	font-size:16px;
	margin:10px 0 40px;
}
.eduWrap .contentsWrap {
	display: flex;
	margin: 10px 0 100px;
}
.eduWrap .contents_level {
	width:200px;
	display: flex;
  justify-content: center;
  align-items: center;
	height:150px;
	font-size:20px;
}
.eduWrap .contents_desc {
	flex:1;
	display: flex;
  align-items: center;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	padding-left:30px;
}
.contents_re {
    color: #fff;
    background-color: #bcbdc0;
    padding: 2px 5px;
    font-size: 12px;
		margin-right:10px;
}

.eduWrap.edu1 .title-st1 p {
	border-color:#be085f;
}
.eduWrap.edu2 .title-st1 p {
	border-color:#c5950c;
}
.eduWrap.edu3 .title-st1 p {
	border-color:#cec7d6;
}

.steps_subtext{
	font-size: 26px;
	margin: 0px auto;
	text-align: center;	
}

@media screen and (max-width:768px){ 
	.eduWrap .title-st1 {
		flex-direction:column;
		justify-content:center;
		align-items:center;
		gap:20px;
	}
	.eduWrap .contents_level {
		width:120px;
		height:70px;
		font-size:16px;
	}
}


.laptop-img{    display: flex;
    justify-content: center;
    align-items: center;
		margin-bottom:60px;}
.laptop-img img {
      width: 100%;
      max-width: 800px;

    }
    .academy-logo {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 20px;
      margin: 50px 0;
    }
		.academy-logo img{
		width:auto;
		max-height:200px;
		}
		.contents-box{
		margin-block:50px;
		padding:15px;
		font-size:30px; 
		font-weight:400;
		text-align:center;
		border: 1px solid #000;
		}
    .contents {
      display: flex;
      justify-content: space-around;
      margin: 20px 0;
			color:#585656;
			font-size:30px;
      font-weight: 300;
    }
    .labels {
     display: grid;    
		 grid-template-columns: 1fr;
			justify-items: center;
      gap: 20px;
						margin-top: 60px;
    }
    .label-box {
     display: grid;
	   grid-template-columns: repeat(2, 1fr);
			gap: 8px;
      font-size: 24px;
			text-align:center;
			width: 80%;


    }
    .label-box div {
      padding: 4px 8px;
      border: 1px solid #000;
    }
    .label-box div:first-child {
			 text-transform: uppercase;
		}
    .basics {
      background-color: #ccc;
    }
    .advanced {
      background-color: #000;
      color: #fff;
    }
@media screen and (max-width:768px){ 
.academy-logo{
	   flex-direction: column;
}

	.contents{
	    flex-direction: column;
    align-items: center;
			gap:10px;
		}
		.label-box{
		grid-template-columns:1fr;
		gap:0;
		}

	}


.text_skills36{
	font-size: 36px;
  font-weight: 400;
	text-align:center;
}
.text_skills24{
font-size: 24px;
    font-weight: 300; 
		text-align:center;
}
/* Engagement */

		.engagement .top-img{    display: flex;
    justify-content: center;
    align-items: center;
		margin-bottom:60px;}
.engagement .top-img img {
      width: 100%;
      max-width: 900px;

    }


			.engagement .academy-logo img{
		max-height:300px;
		}
   .engagement .academy-logo {
   display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 50px 0;
    }
		
    .engagement .contents {
			display:block;

      margin: 20px 0;
			color:#585656;
			font-size:30px;
      font-weight: 300;
			text-align:center;
    }

		.engagement .contents p:last-child{
			margin-top:15px;
			color: #7C7B7B;
		}
    
		@media screen and (max-width:768px){ 

		.engagement .academy-logo img {
		max-height:200px;
		}


		.text_skills36{
	font-size: 25px;
	line-height:1;

}
.text_skills24{
font-size: 20px;

}

	}