@charset "utf-8";

.ttup{text-transform:uppercase;}
.trigger{width:5px;height:1px;background-color:transparent;position:fixed;bottom:0;right:0;z-index:9999;}
.trigger2{width:5px;height:1px;background-color:transparent;position:fixed;top:0;right:0;z-index:9999;}
.clearfix{*zoom:1}
.clearfix:after{display:block;clear:both;content:''}



 .inner2, .inner5, .inner6, .inner7, .inner8{ min-height:700px;}


.inner{width:1200px;margin:0 auto;}
.inner1{width:1440px;margin:0 auto;}
.inner2{width:1600px;margin:0 auto;}
.inner3{width:100%;margin:0 auto; background:#000;}/**/
.inner4{width:1300px;margin:0 auto;}
.inner5{width:1200px;margin:0 auto;}
.inner6{width:1000px;margin:0 auto;}
.inner7{width:1200px;margin:0 auto;}
.inner8{width:800px;margin:0 auto;}
.inner9{width:1273px;margin:0 auto;}


#area1{ transition: All 0.2s ease;position:relative;width:100%;height:133px;background:#fff;top:-140px; box-shadow:0px 0px 2px 0px #ededed;  }
#area2{ position:absolute;top:0px;width:100%;height:132px;  }
  
#header{position:fixed;width:100%; z-index:10;box-sizing:border-box; top:0; height:133px;transition: All 0.2s ease;}
.header_top{width:1440px;margin:0 auto;text-align:center;position:relative;z-index:99999; }

.header_top_wrap{ position:relative;z-index:9999;}

/* .header_top h1{position:absolute;height:70px;width:200px;left:0;top:30px; } */
.header_top h1{position:absolute;height:70px;width:280px;left:0;top:40px; }
.header_top h1 a{display:block;height:100%;}

.header_top .btn-box{position:absolute;right:0;top:0;  }
.header_top .btn-box li{float:left;}

/* .gnb-wrap{position:relative;width:1200px;margin:0 auto;text-align:center;z-index:999; top:50px; left:100px;  color:#666;  } */
.gnb-wrap{position:relative;width:1200px;margin:0 auto;text-align:center;z-index:999; top:50px; left:200px;  color:#666;  }

#gnb > li{float:left;width:14%;line-height:50px;font-size:13px;position:relative;z-index:999;  }
 
#gnb li a{ padding:10px 4px; color:#666;  } 
#gnb li a:hover, #gnb li a.activeUnder {border-bottom:3px solid #464646;color:#666;  }
#gnb li a:hover > a{ color:#000;}

#gnb .dep3_box_wrap{position:absolute;width:100%;padding:40px;box-sizing:border-box;background-color:#FFF;z-index:-1;top:333px;}
.btn-normal{display:block;width:120px;height:48px;line-height:48px;font-size:15px;color:#fff;text-align:center;}
.btn_lgrey{background-color:#333;}
.btn_grey{background-color:#666;} 
.dotList li{padding-left:10px;position:relative;}
.dotList li:before{content:'';position:absolute;width:3px;height:3px;border-radius:100%;background-color:#333;left:0;top:12px;}


.top_global{position:absolute;top:10px;right:0;z-index:5; font-size:11px;}
.top_global{overflow:hidden}
.top_global li{float:left; margin:5px 12px 0px 12px; vertical-align:text-bottom;}

.top_global li:first-child{margin-left:0}
.top_global .icon{ margin:0 ;}
.top_global .icon img{height:27px; margin-left:5px;}


.main_visual{  text-align:center;margin:0 auto; height:973px; position:relative; }
/* .carousel-inner img{ width:1050px; height:700px;margin:0 auto;} */
.carousel-inner a{ width:1050px; margin:0 auto;}
.carousel-inner img{ width:auto; height:600px !important;margin:0 auto;}
.main_visual .tit{ font-family:'Futura-Light', 'Noto Sans KR','dotum','돋움', sans-serif, monospace;  padding-top:60px; color: rgb(40, 40, 40); display: flex;   font-size: 34px;   -webkit-box-pack: center;   justify-content: center;   text-align: center;   text-transform: uppercase;}
.main_visual .info{padding-top:30px; font-size: 16px;   color: rgb(40, 40, 40);    text-align: center;    margin: 0px auto;}


 
#container{padding-top:132px;}
#container a{text-decoration:none !important;}
 



.main-content{margin:0 auto; width:1440px; text-align:center; color:#fff;}
.main-content .float-left{ float:left; width:50%;}
.main-content .float-left .f-l2{ background:#787379;}
.main-content .float-right{ float:right; width:50%;}	
.main-content .float-right .f-r2{background:#142840;}

.main-content .float-left .f-l2, .main-content .float-right .f-r2{ display:block; height:262px;  }
.main-content .float-left .f-l2 img, .main-content .float-right .f-r2 img{ margin-top:63px;  }
.main-content .float-left .f-l2 p, .main-content .float-right .f-r2 p{ font-size:28px;  font-family:'Futura-Book', 'Noto Sans KR','dotum','돋움', sans-serif, monospace; padding:19px 0;}
.main-content .float-left .f-l2 span, .main-content .float-right .f-r2 span{ display:block; font-size:12px;}



.fl-l{float:left;}
.fl-r{float:right;}

.b-wp50{width:50%;}
.b-wp100{ width:100%;}

.edu-info{ color:#fff; height:270px;   font-family:'Futura-Book', 'Noto Sans KR','dotum','돋움', sans-serif, monospace;  text-align:center;}
.edu-info img{ padding-top:55px;}
.edu-info p{font-size:18px; padding:20px 0;}
.edu-info p strong{font-size:22px;display:block; font-weight:400;}
.edu-info span{display:block; font-size:12px;}
.bg78{background:#787379;}
.bg41{background:#414141;}
.bg-fff{background:#fff;}


h2, h3, h4, h5{font-family:'Futura-Light', 'Noto Sans KR','dotum','돋움', sans-serif, monospace; }
.tit1{color:#222; background:url(../../images/common/line-bk.gif) bottom center no-repeat; text-align:center; font-size:17px; padding-bottom:29px; font-weight:100;}




.place{ padding:100px 0;text-transform:uppercase;}
.place ul{  margin:80px 3% 0px 3%;}
/*.place ul li{ width:20%; float:left; text-align:center;border-right:2px solid #e0e0e0; padding:12px 10px;}*/
.place ul li{ width:33.3%; float:left; text-align:center;border-right:2px solid #e0e0e0; padding:12px 10px;}
.place ul li img{width:100%;}
.place ul li.linenone{border-right:none;}
 
.place ul li em{color:#626262; font-size:14px; padding-top:50px; display:block;}
.place ul li p{font-size:30px; font-family:'Futura-Book', 'Noto Sans KR','dotum','돋움', sans-serif, monospace; padding:27px 0 30px 0;}
.place ul li a{   border-bottom:1px solid #333; font-size:13px;}





/* bottom */
.footer_wrap{font-family:'Futura-Book', 'Noto Sans KR','dotum','돋움', sans-serif, monospace; margin:0px auto 0px auto; border-top:1px solid #ccc; text-align:center; padding-top:90px; padding-bottom:60px;   background:#000; color:#fff;}
.bottom_copyright{ width:1320px; margin:0 auto;}
.bottom_copyright .fl-l span a{ display:inline-block; margin:30px 25px 0 25px; color:#fff;}
.bottom_copyright .fl-l span{ font-size:14px; padding:50px 0 0 65px;}
.bottom_copyright .fl-r{ text-align:right;}
.bottom_copyright .fl-r div img{ width:40px; margin:0px 0px 20px 4px;}
.bottom_copyright .fl-r p{ font-size:14px;}


 



.main_sec{padding:70px 0;background-color:#FFF;z-index:99;position:relative;}

 
.mainTit {text-align:center; font-size:32px;line-height:36px; color:#323232; font-weight:700; padding-bottom:40px; } 

 

 
.dim{position:fixed;z-index:9998;width:100%;height:100%;background-color:rgba(0,0,0,.3);top:0;left:0;display:none;}

 .btn_plus{width:47px;height:47px;display:block;text-indent:-9999px;border:1px solid #fff;box-sizing:border-box;background-image:url(../../images/main/icon_plus.png);background-repeat:no-repeat;background-position:center center;position:relative;overflow:hidden;}

 

 
 .btn_gnb.on .ico_menu.m_top{ transform: translateY(8px) rotate(45deg); -webkit-transform: translateY(8px) rotate(45deg); -moz-transform: translateY(8px) rotate(45deg); }
 .btn_gnb.on .ico_menu.m_mid { display: none; }
 .btn_gnb.on .ico_menu.m_btm{ transform: translateY(-8px) rotate(-45deg); -webkit-transform: translateY(-8px) rotate(-45deg); -moz-transform: translateY(-8px) rotate(-45deg); }

	.btn_gnb { display: none; position: absolute; top: 5px; right: 0; width: 57px; height: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; text-align: center; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; }
	.btn_gnb .ico_menu { position: absolute; left: 50%; margin-left: -15px; width: 25px; height: 3px; background: #4a4a4a; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; }
	.btn_gnb .ico_menu.m_top { top: 50%; margin-top: -10px; }
	.btn_gnb .ico_menu.m_mid { top: 50%; margin-top: -2px; } 
	.btn_gnb .ico_menu.m_btm { top: 50%; margin-top: 6px; } 
	.gnb_m_wrap{display:none;}
	
	.m_only{display:none;}
	
	.sub_sec {overflow:hidden;}
	
	.toTop{position:fixed;bottom:-50px;opacity:0;right:20px;width:60px;height:60px;border-radius:100%;border:3px solid #474747;box-sizing:border-box;z-index:999;cursor:pointer;transition:all .3s ease-in-out}
	.toTop p{position:absolute;width:100%;left:0;font-size:14px;line-height:14px;color:#474747;padding-top:18px;background-image:url(../../images/common/toTopArrow.png);background-repeat:no-repeat;background-position:center top;margin-top:-16px;top:50%;text-align:center;}
	.toTop:hover{background-color:#474747;}
	.toTop:hover p{color:#fff;background-image:url(../../images/common/toTopArrowHover.png);}
	.toTop.on{bottom:20px;opacity:1;}
  	.header_top h1 span{display:flex;}
.header_top h1 img{ display:block; overflow:hidden;   height:auto; width:100%;}
	 	.header_top h1 a.black_logo{display:flex;}
	 	.header_top h1 a.white_logo{display:none;}

@media screen and (max-width: 1440px){
	.gnb-wrap{width:1000px;left:220px;}
}

@media screen and (max-width: 1100px){
	.inner1, .inner, .inner2, .inner3, .inner4, .inner5, .inner6, .inner7, .inner8{ min-height:inherit;}
	.m_only{display:block;}
	.pc_only{display:none;}
	
	#area1{ transition: All 0.2s ease;position:relative;width:100%;height:100px;/*background:#fff;*/top:-100px; box-shadow:0px 0px 5px 0px gray;  }
	#area2{ position:absolute;top:0px;width:100%;height:100px;  }
  
  	#header{ height:100px;}
  
	.header_top_wrap{ margin-top:30px;    border-bottom: 0px solid #dedede;  }
	.header_top{width:100%;height:60px;}

/* 	.header_top h1{  margin-top:-16px;margin-left:10px;} */
.header_top h1{  margin-top:0;margin-left:10px; top:0;}
/*  	.header_top h1 img{ display:block; overflow:hidden;   height:auto; width:140px;} */


	.top_global{overflow:hidden;position:absolute;top:-18px;left:0px; z-index:5;  display:block; padding-left:10px; padding-bottom:5px;}
	.top_global .icon{ float:right; margin-right:3px; padding-right:7px; padding-top:2px;}
	.top_global .icon img{height:21px; } 
 	.top_global li{float:left; margin:5px 0px 0px 5px; vertical-align:text-bottom;}


/*  .header_top h1 img:last-child{max-width:40%;} */
	
	
	.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev, .carousel-control.left, .carousel-control.right, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{ display:none;}
	
	.main_visual{   height:auto;overflow-x: hidden;
    position: relative;
    padding: 10px 15px 100px; }
	.main_visual .tit{ color: rgb(40, 40, 40); padding-top:40px;  display: flex;   font-size: 34px;   margin: 0px 0px 10px;}
	.main_visual .info{padding-top:20px;font-size: 16px;    color: rgb(40, 40, 40);    text-align: center;    margin: 0px auto;}
 	.carousel-indicators {	position: absolute;	bottom: -90px;}
 
 	
	.inner1, .inner, .inner2, .inner4{width:100%;box-sizing:border-box; }
	.inner3{width:100%;padding:0 0px;box-sizing:border-box}
	.inner5, .inner6{width:92%; margin:0 4%;box-sizing:border-box;}
	.inner7, .inner8{width:96%; margin:0 2%;box-sizing:border-box;}
	.tech-list li {float:left; width:25%;}

	.client_list{width:100%;margin-left:0;}


	.gnb-wrap{display:none;width:100%;position:absolute;left:-100%;}
	.gnb-wrap.on{left:0;} 
	#gnb > li{width:100%;}
	.dep2{position:relative;top:0;}

	.btn_gnb{display:block; }
	.gnb_m_wrap{font-family:'Futura-Book', 'Noto Sans KR','dotum','돋움', sans-serif, monospace;display:block;position:fixed;top:0px;height:100%;
	background-color:#fff;overflow-Y:scroll;width:100%;left:-100%;transition:left .4s ease-in-out; padding-top:100px;font-size: 14px;text-transform: uppercase;    margin: 0px;    }
	.gnb_m_wrap.on{left:0;}
	
  
	
	#m_gnb .dep2 li:last-child{border-bottom:none;}
	#m_gnb > li a{display:block;padding:20px 15px;text-decoration: underline; }
	#m_gnb > li > a{font-weight:500;} 
	#m_gnb  li.on > a{ text-decoration:none;}
	
	#m_gnb .dep2 li:first-child{ }
	#m_gnb .dep2 li a{padding:10px 0 10px 40px;text-decoration:none;}
	#m_gnb .dep2{display:none; padding-bottom:30px; }  
	 
	.snsBox{display:none;}
	#m_gnb li.hasMenu > a{background-image:url(../../images/common/mgnbArrow.png);background-repeat:no-repeat;background-position:right center;background-size:14px 7.58px;background-origin:content-box;}
	#m_gnb li.on.hasMenu > a{background-image:url(../../images/common/mgnbArrow_on.png);}
	
	.gnb_m_wrap .linkmenu{display: block;    padding: 20px 15px;}






	.main-content{ width:100%; margin:30px auto 0 auto;}
	.main-content .float-left, .main-content .float-right{ width:100%; display:block;}
	


	.main-content .float-left .f-l1 img, .main-content .float-left .f-l3 img, .main-content .float-right .f-r1 img, .main-content .float-right .f-r3 img{ width:100%;}
	 
	
	.main-content .float-left .f-l2, .main-content .float-right .f-r2{ display:block; height:auto; padding:30px 0; }
	.main-content .float-left .f-l2 img, .main-content .float-right .f-r2 img{ margin-top:0px; width:30px; }
	.main-content .float-left .f-l2 p, .main-content .float-right .f-r2 p{ font-size:20px;    padding:5px 0 10px 0;}
	.main-content .float-left .f-l2 span, .main-content .float-right .f-r2 span{  font-size:12px;}
	
	.edu-info{ color:#fff; height:auto;   padding:30px 0; width:100%; }
	.edu-info img{ padding-top:0px; height:30px;}
	.edu-info p{font-size:14px; padding:13px 0 10px 0;}
	.edu-info p strong{font-size:19px; } 
	 
	.b-wp50{width:100%;} 
	
	
	
	.place{ padding:80px 0; ;}
	.place ul{  margin:20px 3% 0px 3%;}
	.place ul li{ width:100%; display:block; text-align:center;border-right:0px; border:none; padding:40px 10px;}
	.place ul li img{width:80%;} 
	 
	.place ul li em{  font-size:13px; padding-top:20px; }
	.place ul li p{font-size:30px; padding:20px 0 15px 0;}


 }


 
	
	.main_visual_box{top:63px;}

	.mvI_inner{width:100%;padding:0 15px;box-sizing:border-box}
	.main_visual .mvI.slick-active .txt_area{left:15px;} 

 
 	
 
.h440{ height:auto !important;}
 
	 
}

 
 
 



@media screen and (max-width: 480px){ 
.h440{ height:auto;}
}

.h440{ height:440px;}


/* 교육프로그램 */
.edu-mg40{ margin-bottom:40px;}
.edu-box-1{ background:#eaf2ef;}
.edu-box-2{ background:#fef6e2;}
.edu-box-3{ background:#ecfbfd;}

.edu-text{ padding-top:35px; text-align:center; margin:0 auto;}
.edu-text span{ font-size:1em; font-weight:700;}
.edu-text span i{display:block; border-bottom:1px solid #999; width:30px; margin:10px auto;}
.edu-text p{font-size:1.25em; color:#414141; letter-spacing:-1px; line-height:27px;}
.edu-text p strong{ display:block; font-size:1.28em; color:#000; font-weight:500;}
.edu-img{  padding-top:25px; padding-bottom:25px;text-align:center;  }




 @media screen and (max-width:768px){
/* 	 #container{padding-top:86px;} */
	 	 #container{padding-top:100px;}
	.w100{width:100%;}
	.h440{ height:auto;}
 	.main_bottom_sec .txt_box{padding:30px;} 
	
	.mainTit {font-size:20px;line-height:32px;padding-bottom:20px;  }  
	
 
	.locationWrap{display:none;}
	.footerBottom_wrap{padding:30px 0 30px 0;}
	
	.story_list li .txt_box strong{font-size:18px;line-height:26px;height:52px;margin-bottom:15px;}
	.story_list li .txt_box p{display:none;}
	.story_list li .img_box{margin-bottom:15px;}

	.toTop{width:50px;height:50px;border:2px solid #474747;}
	.toTop:hover{background-color:transparent}
	.toTop:hover p{color:#474747;background-image:url(../../images/contents/toTopArrow.png)}
	.toTop p{font-size:12px;font-weight:500;padding-top:13px;line-height:13px;margin-top:-13px;}
	
	
	
	


	.edu-mg40{ margin-bottom:20px !important;}
	.edu-box-1{height:auto;  display:block; overflow:hidden; padding:0 10px; }
	.edu-box-2{height:auto;   display:block; overflow:hidden; padding:0 10px;}
	.edu-box-3{height:auto;  display:block; overflow:hidden; padding:0 10px; }
	
	.edu-box-1 .edu-text{ padding-top:50px !important;} 

		
	.edu-text{  float:left; width:50%;}
	.edu-text span{  font-size:1em !important;    }
	.edu-text span i{display:block; border-bottom:1px solid #999; width:30px; margin:10px auto;}
	.edu-text p{ font-size:1.12em !important; line-height:19px !important;    word-break: keep-all; word-wrap: break-word;}
	.edu-text p strong{font-size:1.18em !important;  display:block;   color:#000; font-weight:500;}
	.edu-img{ padding-top:20px;    float: right;    width: 45%;}
	 
	.secret-edu{ margin:10px auto !important;}
	.secret-edu li{ width:100% !important; display:block;padding-left:0px !important; padding-right:0px !important; margin:0 auto !important;}
 
 

	.cld-list{ padding-left:0px; padding-right:0; width:100% !important; display:block; overflow:hidden; clear:both; margin-top:20px; }
	.cld-list ul{padding:0px 0 5px 0px !important;}
	.cld-list ul li {font-size: 0.95em !important; }
	
	.cld-list ul li span {    margin-right: 5px !important;}

	
	.ellipsis{ width:100% !important;}
     
	
	.quick{margin:0px auto !important; text-align:center;}
	.quick .col-md-4{ padding-left:0px; padding-right:0px; }
	.quick-img1, .quick-img2, .quick-img3{ background-position:right right !important; padding:10px 10px 20px 10px !important;}
 
	.quick a > div >i{display:none;}
	
	
 	.footer_wrap{ margin:0px auto 0px auto !important; background:#000; padding-top:60px; text-align:left; }  
	.bottom_copyright{ width:96%;  position:relative;}	
	.bottom_copyright .fl-l{ width:100%; }
	.bottom_copyright .fl-l img{ height:45px;}
	.bottom_copyright .fl-l span { display:block; overflow:hidden; margin:0px auto; color:#fff; padding:30px 0 8px 0; text-align:center; }
	.bottom_copyright .fl-l span a{font-size:13px; display:inline-block;  color:#fff; margin:0 2%; text-align:center;-webkit-box-pack: center; justify-content: center; 
	 /* margin:0px 5px 0 5px; widht:100%;flex-wrap: wrap;       text-transform: uppercase;*/ }
	.bottom_copyright .fl-r{text-align:center;display:block; width:100%;}
	.bottom_copyright .fl-r div { position:absolute; top:10px; right:10px;}
	.bottom_copyright .fl-r div img{ width:25px; margin:0px 0px 0px 5px;}
	.bottom_copyright .fl-r p{ font-size:13px;   overflow:hidden; padding-top:20px;}
	
 
.pdlfnone{ padding-left:0px !important; padding-right:0px !important;}
.mgbm30{ margin-bottom:5px;}
.color-box strong, .color-box span{ display:block;}	 
.img-effect1 {  padding:5px;}	
.info-num-list{ padding-bottom:20px;}

.info-list{  padding:10px 0px 20px 0;} 

.bod-part { margin-bottom:20px; }	
.bod-part th{	font-size:0.8em;display:block !important;padding-left:10px !important;padding-bottom:5px !important;border-bottom:none !important;	width:100% !important;	background:none !important;padding-top:10px !important;}
.bod-part td{display:block !important;	padding-top:0 !important; padding-bottom:5px !important; width:100% !important; overflow:hidden;}
.pd-t-ty1, .pd-t-ty2, .pd-t-ty3{ padding-top:0px !important;}
.pdtb50{ padding:25px 0 !important;}
.pd50{ padding:40px 0 0px 0 !important;}

 
.img-w-100 .bnst{ display:block; width:90% !important; margin:10px 5% !important; }
 

	 }

/* 시크릿 교육 */
.d-o-c{ display:block; overflow:hidden; clear:both;} 
.secret-edu{ margin:10px auto 50px auto; text-align:center; }
.secret-edu li{width:48%; display:inline-block; margin:0 0.5%;}
.secret-edu li a{ border:1px solid #e1e1e1; display:block;  text-align:center; font-size:1.25em; padding:20px 0; margin-bottom:10px; }
.secret-edu li a i{ display:block; color:#7e7e7e; font-size:2.5em;}
.secret-edu li a strong{display:block;font-size:1.3em;}
.secret-edu li a button{ border-radius:50%; background:#a51e36; height:41px; width:41px; color:#fff; margin-top:5px;}

.secret-edu li a:hover{ background:#a51e36; color:#fff;}
.secret-edu li a:hover i{ color:#fff;}
.secret-edu li a:hover button{  background:#fff; color:#a51e36;}


.cld-list{ padding-left:0px; padding-right:0; width:450px; float:right;}
.cld-list .tit{font-size:1.3em; border-bottom:1px solid #ccc; padding:2px 5px 10px 5px; margin-top:10px; margin-bottom:10px;}
.cld-list .tit span{ font-size:0.72em; float:right; padding-top:5px;}
.cld-list .tit span i{ margin-left:5px;}
.cld-list ul{ display:block; overflow:hidden; clear:both; padding:10px 0 5px 10px;}
.cld-list ul li{display:block; overflow:hidden; clear:both; margin-bottom:13px; font-size:1em;line-height:2.5em;  }
.cld-list ul li span{border: 1px solid #dfdfdf; background:#fff; height:37px; width:37px; font-size:1.3em; line-height:1.8em;       text-align: center;    float: left;    margin-right: 10px;    display: block;    color: #aaa;}
 
.ellipsis {    width: 430px;    text-overflow: ellipsis;    -o-text-overflow: ellipsis;    overflow: hidden;    white-space: nowrap;    word-wrap: normal !important;    display: block;}
.pdnone{ padding-left:0px; padding-right:0;}


.quick{margin:50px auto 0px auto; text-align:center;}
.quick a{ display:block; color:#fff;  }
.quick a > div >i{ font-size:3em;}
.quick a > div >p{ font-size:1.2em; border:1px solid #fff; background:url(../../images/main/quick_bg.png) ; padding:10px; width:86%; margin:15px auto 0px auto; text-align:center;}
.quick-img1{background:url(../../images/main/quick_img1.jpg) center center;padding:40px 15px;}
.quick-img2{background:url(../../images/main/quick_img2.jpg) center center;padding:40px 15px;}
.quick-img3{background:url(../../images/main/quick_img3.jpg) center center;padding:40px 15px;}







/* common */
.pdt40{padding-top:40px;}
.pdt52{padding-top:52px;}
.mgl5{margin-left:5px !important;}
.mgl10{margin-left:10px !important;}

.mgt10{ margin-top:10px !important;}
.mgt50{ margin-top:50px !important;}

.mgb10{ margin-bottom:10px !important;}
.mgb20{ margin-bottom:20px !important;}
.mgbm30{ margin-bottom:30px;}
.mgb30{ margin-bottom:30px !important;}
.mgb40{ margin-bottom:40px !important;}
.mgb50{ margin-bottom:50px !important;}
.mgb70{ margin-bottom:70px;}
.mgtb50{margin-top:50px !important; margin-bottom:50px !important;}
.mgtb20{margin-top:20px !important; margin-bottom:20px !important;}
.mgtb30{margin-top:30px !important; margin-bottom:30px !important;}

.fc-bd0{color:#BD0000 !important;}
.fc-bd0 a{color:#BD0000 !important;}

.dp-in-bk{display: inline-block !important;}
.dp-in{display:inline !important;}
.ta-c{text-align:center;}
.ta-l{text-align:left;}
.color-box{ margin-bottom:50px;}
.color-box .tit{ color:#fff;padding:10px; font-size:20px; margin-bottom:20px;}
.color-box strong{ padding-right:10px;}
.color-box span{ display:block;}

.bg-gray{ background:#898989;}
.bg-grn{ background:#2a5b2c;}
.bg-red{ background:#b81e41;}
.bg-rainbow{background: #511b56; /* Old browsers */
background: -moz-linear-gradient(top,  #511b56 0%, #511b56 33%, #444772 33%, #444772 68%, #c9a063 68%, #c9a063 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #511b56 0%,#511b56 33%,#444772 33%,#444772 68%,#c9a063 68%,#c9a063 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #511b56 0%,#511b56 33%,#444772 33%,#444772 68%,#c9a063 68%,#c9a063 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#511b56', endColorstr='#c9a063',GradientType=0 ); /* IE6-9 */
}
.bg-rb1{background:#511b56;}
.bg-rb2{background:#444772;}
.bg-rb3{background:#c9a063;}

.bg-1f2{background:#1f2125;}
.bg-000{background:#000;}
.bg-333{background:#333;}

.fc-gray{color:#898989;}
.fc-grn{color:#2a5b2c;}
.fc-red{color:#b81e41;}
.fc-rb1{color:#511b56;}
.fc-rb2{color:#444772;}
.fc-rb3{color:#c9a063;}

.fs-ty-em12{ font-size:1.2em; color:#666; padding-bottom:8px; padding-left:10px;}
.fs-em15{ font-size:1.5em;}
.fs-em13{ font-size:1.3em;}
.fs-em2{ font-size:2em;}
.img-effect1 {  border:1px solid #ccc; padding:20px;}

 

.ff-fu{font-family: Futura,Trebuchet MS,Arial,sans-serif; }
.edu-ty1{ padding-bottom:60px;}
.edu-ty1 .title{ padding-bottom:30px;}
.edu-ty1 .title .num{ font-size:1.7em;}
.edu-ty1 .title .name{font-size:2.7em; padding-bottom:15px;}
.edu-ty1 .title .name span{ font-size:0.7em; padding-right:10px; }
.edu-ty1 .title .name em{ font-size:0.4em; padding:3px; font-weight:700; vertical-align:middle; }
.edu-ty1 .title .name .yell{background:#f9ec23; color:#000;}
.edu-ty1 .title .name .pk{background:#f6aecd; color:#000;}
.edu-ty1 .title .boxtxt{ color:#fff; font-weight:900; font-size:1.5em; padding:10px 10px;}
.edu-ty1 .title .chd{ color:#b7b7b7; padding-top:15px;}
.info-list{ padding-bottom:20px;}
.info-list strong{ padding-right:10px;}
.info-list li{ border-bottom:1px solid #555; padding:5px 0 10px 5px;  font-size:1.36em; font-weight:700; }

.info-num-list{ list-style:decimal;}
.info-num-list li{ font-size:1.25em;font-weight:700; padding:0 0 5px 0px; margin-left:20px;}
 
.bod-part th{ font-size:2.5em; font-weight:400; width:250px;  }
.bod-part th, .bod-part td{ border-bottom:1px solid #777; padding:15px 10px;}


.pdtb30{ padding-top:30px; padding-bottom:30px;}
.pd50{ padding:50px;}
.pdtb50{ padding:40px 0;}

.pdb15{ padding-bottom:15px;}
.pd-t-ty1, .pd-t-ty2, .pd-t-ty3, .pd-t-ty4, .pd-t-ty5{ padding-top:20px;}

 
.img-w-100 { width:100%; text-align:center; margin:0 auto;}
.img-w-100 img{ width:100%; height:auto;}

.img-w-100 .bnst{float:left; width:19%; margin:0 0.5%; text-align:center;}

.bor-20{border:1px solid #ccc; padding:20px; border-top-left-radius:20px; border-top-right-radius:20px;}
.bor-20 span{ display:block;}


.brd-b1{ border-bottom:1px solid #ddd;}

/*
.bgf8{ background:#f8f8f8;text-transform:uppercase; color:#444; font-size:1.2em;}
.bgf8 em{padding-top:55px; display:block; }
.bgf8 p{ font-family:"MS Serif", "New York", serif; font-size:0.95em; letter-spacing:1px;color:#666;}
.bgf8 p strong{letter-spacing:13px;display:block; padding-top:5px; font-size:1.55em;color:#444; }

@media screen and (max-width:768px){
.bgf8 em{padding-top:0px;  }	
.bgf8 p{  font-size:0.8em; letter-spacing:1px; }
.bgf8 p strong{letter-spacing:8px;display:block; padding-top:5px; font-size:1.7em; }
*/

.bgf8{ /*background:#f8f8f8;*/background:#980000;text-transform:uppercase; color:#444; font-size:1.2em;}
.bgf8 em{padding-top:55px; display:block; }
.bgf8 p{ font-family:"MS Serif", "New York", serif; font-size:0.95em; letter-spacing:1px;color:#666;}
.bgf8 p strong{letter-spacing:13px;display:block; padding-top:5px; font-size:1.55em;color:#444; }

@media screen and (max-width:768px){
.bgf8 em{padding-top:0px;  }	
.bgf8 p{  font-size:0.8em; letter-spacing:1px; }
.bgf8 p strong{letter-spacing:8px;display:block; padding-top:5px; font-size:1.7em; }
	
	
	}

	 
	
.main-con-img1{width:100%;max-width: 720px;max-height: 620px; object-fit: cover; object-position: top;}


@media screen and (max-width:1100px){
.main-con-img1{width:100%;max-width: 100%;max-height: none; object-fit: cover; object-position: top;}
	
	}