@import url("reset.css");

@import url("superfish.css");
@import url("flexslider.css");
@import url("ui.totop.css");

@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);

article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,
keygen,meter,nav,output,progress,section,source,video{display:block}
mark,rp,rt,ruby,summary,time{display:inline}

.sf-menu { width:890px;  margin:auto; height: auto;  min-width:890px; }
#main_page { min-width: 890px; }

/* Global properties ======================================================== */
html {width:100%}

body {font-family: 'Nanum Gothic', sans-serif; font-size:12px; line-height:20px; color:#6e6c6c;
-webkit-text-size-adjust: none; border-top: 9px solid #40519A;  background:#fff; }

/*********************************fonts*************************************/
.reg {text-transform:uppercase}
.f_left {float:left}
.f_right {float:right}
.align_right {text-align:right}
.align_center {text-align:center}

.it{font-style:italic}
.let{letter-spacing:-1px}

/*********************************CLASSES**********************************/
.m_bottom_zero{ margin-bottom:0 !important;}
.m_left_zero{ margin-left:0 !important;}
.p_bottom_zero{ padding-bottom:0 !important;}
.p_left_zero{ padding-left:0 !important;}

.clear {clear:both;width:100%;line-height:0;font-size:0;}
.wrapper {width:100%;overflow:hidden}
.extra_wrapper{ overflow:hidden;}
.container{width:100%}
.extra_last, .last{ margin-bottom:0 !important; padding-bottom:0 !important;}
.extra_last{ border:none !important; background:none !important;}
.bg_none{ background:none !important;}

/*==================================== Links
======================================================== */
a {color:#4083C8;outline:none; text-decoration:none; cursor:pointer;}
a:hover{ color:#e45925; text-decoration:none;}

.button{ display:inline-block; padding:6px 22px 8px; margin: 15px 0 0 0; font-size: 12px; line-height:
16px; color:#fff;background: url('../images/button.png') repeat-x #e24f20;}
.button:hover{ background:#ea7c4a; color:#fff;}

/*********************************Displays*************************************/
.block{ display:block;}
.inline-block{ display:inline-block;}

/*********************************header*************************************/

header {relative; z-index:10; }

header h1 { clear:both; text-align:center; }
header h1 img { width: auto; }

header .top{ padding: 20px 0px 10px 0px;overflow: hidden; position:relative; }

.top_bord{}

#search{float: right;padding: 18px 0 0;overflow: hidden;}
#search input{float: left;margin: 0;border:none;background:#fff;font-family:Arial, Helvetica,
sans-serif;font-size:12px;width:222px;color:#000;padding: 8px 10px 7px;height:15px;}
#search a{display:block;float: left;width:30px;height:30px;background:
url('../images/search_link.jpg') no-repeat;}
#search a:hover{background-position:0 -30px;}
#search label{display:block; float: left;font-size: 10px; line-height: 14px; color: #313030;
text-transform:uppercase;padding: 7px 13px 0 0}

/*********************************content*************************************/
#content {padding:27px 0px 30px 0px;position: relative; z-index:8;}
.cont_pad{padding:0 0 0px 0 !important;}

/*===============================>> Paragraphs <<=============================*/

p {margin-bottom:20px}
.p2{ margin-bottom:14px;}
.p3{ margin-bottom:11px;}
.p4{ margin-bottom:24px;}
.p5{ margin-bottom:7px;}
.p6{ margin-bottom:4px;}
.p7{ margin-bottom:30px;}
.p8{ margin-bottom:20px;}

/*================================>> LISTS
<<========================================*/
.list1{}
.list1 li{ background:url(../images/marker1.png) 0 8px no-repeat; margin-bottom:10px;
padding-left:17px;}
.list1 a:hover{color:#222222;}

.list2{}
.list2 li{ background:url(../images/marker1.png) 0 8px no-repeat;
padding-left:15px;border-bottom:1px solid #dfdfdf;margin-bottom:10px;padding-bottom:9px;}
.list2 a{font-size:14px;}

.last_li{border:none !important;padding-bottom:0 !important;margin-bottom:0 !important;}

.list3{}
.list3 li{ background:url(../images/marker1.png) 0 8px no-repeat; margin-bottom:10px;
padding-left:17px;}
.list3 li a{color: #6e6c6c;}
.list3 a:hover{color:#222222;}
/*================================>> H
<<========================================*/
h2,h3,h4{ font-weight:normal;}
h2{font-size: 25px; line-height: 30px; color:#434141;font-weight:600;letter-spacing:-1px;
margin-bottom:23px;}
h2 span{display:block;margin-top:-4px;}

h2.ind{ margin-bottom:20px;}
h2.ind1{ margin-bottom:25px;}
h2.ind2{ margin-bottom:18px;}

h3, .search_list h4{font-size: 30px; line-height: 36px; color:#f5f5f5;
font-weight:bold; letter-spacing:-1px;margin-bottom:6px;}
.search_list h4{color:#6E6C6C;}

/*================================>> GOOGLE FONTS
<<========================================*/
.offer .title, .flexslider .banner .text, .manufacturing .title, h3, .search_list h4{ }
.sf-menu>li>a, h2, #menu-icon, .solution>figure{ font-family: 'Nanum Gothic', }

/*================================>> hovers
<<========================================*/
.sf-menu>li>a, .sf-menu em, .list1 a, .button, footer a{-webkit-transition: all 0.5s
ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

.flexslider li .banner{-webkit-transition: all 1.5s ease;-moz-transition: all 1.5s ease;-o-transition: all
1.5s ease;transition: all 1.5s ease;}
/*********************************page_1*************************************/
.ext_list>li, .ext_box{ overflow:hidden;}
.ext_list>li>figure, .ext_box>figure{ float:left;}
.ext_list>li>div, .ext_box>div{overflow:hidden;}

.shadow{ }

.offer_box{ background:#fff; margin-bottom:0px;}
.offer{border-left:1px solid #bcbcbc;color:#b1b1b1;padding: 30px 40px 25px 39px;}
.offer .title{font-size: 30px; line-height: 36px; color:
#434141;font-weight:bold;font-style:italic;letter-spacing:-1px;margin-bottom:16px; text-align:
center; }
.offer figure{margin-bottom:27px;}
.bord_col{border-color: #fff;}

.offer ul a{color:#b1b1b1;}

.font1{font-size: 14px; line-height: 20px; color: #e45925;}
a.font1:hover{color:#222222;}

.pad_box{border-right:1px solid #dfdfdf;padding-right:40px;}

.testimonials{margin-bottom:23px;}
.testimonials>div{}
.testimonials>figure{margin: 4px 19px 0 0;}
/*********************************page_2*************************************/
.link1{color:#ea7c4a;font-size:14px;}
.link1:hover{color:#6e6c6c;}

.overview{margin-bottom:32px;}

.service>li{margin-bottom:21px;}
.service>li>figure{margin: 5px 19px 0 0;width:70px;}

.m_bot1{margin-bottom:40px;}
.m_bot2{margin-bottom:47px;}
.m_bot3{margin-bottom:42px;}
.m_bot4{margin-bottom:30px;}

.service2>li{margin-bottom:13px;}
.service2>li>figure{margin: 7px 20px 0 0;}
/*********************************page_3*************************************/
.manufacturing{padding: 32px 0 54px;color:#6e6c6c;background:#fff;}
.manufacturing .title{font-size: 30px; line-height: 36px; color: #3f3f41; font-weight:bold;
font-style:italic;letter-spacing:-1px;margin-bottom:16px;padding-left:40px;}

.manufacturing ul{margin-top:-5px;}

.solution1>figure{width:69px;height:58px;text-align:center;font-size: 36px; line-height: 44px; color:
#fff; font-weight:600;margin: 0 11px 2px 0;background:#e34f21;box-shadow: 0px 1px
#3d3d3d;border-radius:100%;padding: 11px 0 0;}
/*********************************page_4*************************************/
.project{}
.project h3 a{color:#f5f5f6;}
.project h3 a:hover{color:#6fb0cd;}
.project .text{background: url('../images/project_text.png') repeat-x #5a5454;border-bottom:1px
solid #3d3d3d;padding: 12px 30px 23px 45px;color:#fff;}

/*********************************page_5*************************************/


/* Contact form */
#contact-form {padding:4px 0 0 0;}
#contact-form .success {width:246px;  padding:10px;}
#contact-form textarea, #contact-form input {margin:0;font-size:12px; border:1px solid #dbdbdb;
color:#6e6c6c; padding:11px 18px 14px;outline:none; position:relative; font-family:Arial, Helvetica,
sans-serif;background:none;}
#contact-form input {width:195px;}
#contact-form textarea {overflow:auto; width:432px; height:215px;resize:none; float:left; margin:
0 0 0 0;}
#contact-form label {display:inline-block; min-height:61px; overflow:hidden;}
#contact-form label.message { display:block; padding-bottom:0; }
#contact-form .button {margin-left:27px;}
#contact-form .error, #contact-form .empty, #contact-form .success {display:none;}
#contact-form .error, #contact-form .empty {text-align:left; color:red; font-size:11px; clear:both;}
#contact-form .buttons2 {overflow:hidden;text-align:right; position:relative; clear:both;
padding-top:25px;}
#contact-form .buttons2 a {
	cursor:pointer;
	margin-top:0;
	text-align:center;
}
#contact-form span{ display:block; margin: 0px 0 0 5px;}

.map_wrapper{overflow:hidden;display:block;margin-bottom:15px;}
#map_canvas {
   width:100%;
   height:282px;
}
.adress{}
.adress span{ display:inline-block; width:70px;}
.adress dt{}

.demo{color:#e24f20;}
.demo:hover{ text-decoration:underline;}
/****************************footer************************/
footer { }
footer .social{ overflow:hidden;float: right;padding: 0 25px 0 0; margin-top:-2px;}
footer .social a{ display:block; float:left;width:30px;height:30px; overflow:hidden;
margin-left:1px;}
footer .social a:first-child{margin: 0 0 0 0;}
footer .social a:hover img{ margin-top:-30px;}
footer .social span{display:block;float:
left;font-size:13px;text-transform:uppercase;color:#363636;padding: 6px 17px 0 0;}

.footer_box{ padding:0px 0px 0px 0px; margin-bottom:20px;  font-size:13px;  color:#000;
text-align:right }

.f_menu{ padding: 0 0 0 15px; overflow: hidden; border:1px solid #aaa; background: #fff; }
.f_menu>li{ float: left;margin-right:16px;padding-left:17px;background:
url('../images/f_menu_li.jpg') 0 6px no-repeat;}
.f_menu>li:first-child{ background:none; margin-left: 250px; }
.f_menu a{ color:#363636; font-size: 12px; line-height: 20px;display:inline-block; line-height:180%;
}
.f_menu a:hover, .f_menu li.current a{color:#000;}

footer .privacy{padding: 10px 0 0px 32px; }
footer .privacy, footer .privacy a{color:#363636;}
.f_logo{display:inline-block;margin: -2px 5px 0 0;}
footer a:hover{color:#000;}

/*==================================RESPONSIVE
LAYOUTS===============================================*/
@media only screen and (max-width: 995px) {
 body{min-width:768px;}
 .solution1>div{overflow: visible;}
 .solution1>figure{float: none;margin:0 auto 20px;}
 .project .text{padding: 12px 15px 23px 20px;}
 #contact-form textarea, #contact-form input {width:335px;}
 .shadow{box-shadow: none !important;}
 .flexslider{height: 368px;}
 .flex-control-nav{padding-bottom:10px;}
 #search label{display: none;}
 .testimonials>figure{float: none;margin-bottom: 15px;}
 .testimonials>figure img{width: 100%;}
}

@media only screen and (max-width: 767px) {
 body{min-width:420px;}
 .manufacturing{padding:20px 30px;}
 .manufacturing .title{padding-left:0;}
 #search, header h1{float: none;}
 header h1{margin-bottom:20px;}
 .flexslider .banner .text{font-size:24px;line-height:29px;}
 .offer_box{padding:10px 0;}
 .offer{padding:10px 20px;border-color: #fff;}
 img{width:100%;}
 .flexslider{height: 204px;}
 .offer_box .grid_8{margin-bottom:0;}
 .pad_box{padding-right:0;border:none;}
 footer .f_menu, footer .social{float: none;}
 footer .f_menu{padding:0;}
 footer .social{padding: 15px 0 0 17px ;}
 footer .privacy{padding: 30px 20px 20px;}
 .service2>li>div{overflow: visible;}
 .solution1>div{overflow: hidden;}
 .solution1>figure{float: left;margin:0 25px 2px 0;}
  #contact-form textarea, #contact-form input {width:382px;}
  .flex-control-paging{right:50%;margin-right:-50px;}
  .flex-control-paging li{margin-left:10px;}
  .flexslider .banner{display:none;}
  .flexslider .flex-active-slide .banner{bottom:10px;}
}

@media only screen and (max-width: 479px) {
 body{min-width:300px;}
 header .top{padding:30px 13px;}
 header h1{margin-bottom:0;}
 header h1{width: auto;}
 header h1 a{background-size: contain;width: auto;}
 .flexslider .banner .text{font-size:18px;line-height:22px;}
 .service2>li>figure{width:100%;float: none;margin-bottom:20px;}
 #contact-form textarea, #contact-form input {width:262px;}
 .f_menu, .flexslider .flex-active-slide .banner{display:none;}
 .flexslider{height: 146px;}
}
#lang { font-size:13px; border:1px none red;  position:absolute; right: 30px; }

#lang a { color: #666; }

.top .social {
    float: right;
    overflow: hidden;
    padding: 0 0px 0 0;
	height: 30px;
	border:1px none red;
	clear: right;
	font:12px/30px georgia;
}

#eclub { width:210px; border: 2px solid orange; height:25px; padding-left:10px; }


.about_text {
    border: 1px solid #FFFFFF;
    font-size: 13px;
    margin-top: 10px;
	width: 500px;
}


.body_white { font-family: 'Carrois Gothic'; font-size: 14px; background:#fff; padding:20px 50px;
width:850px; margin-left: 5px; }

.body_white h2.title { font: bold 40px  'Carrois Gothic'; letter-spacing: -3px; color:#222;
margin-bottom: 10px; margin-top: 30px; }

.body_white h3.title { color: #333; }

.body_white .button { font-family: arial; }


.clear { clear: both; }


h2.bar {
    background: none repeat scroll 0 0 #EFEFEF;
    color: #000000;
    font: 15px 'Carrois Gothic';
    padding: 5px;
}

#contact_form {
    text-align: left;
	width: 510px;
	border: 1px dotted #999;
	padding: 20px;
}
#contact_form label {
    display: block;
    font: bold 12px arial;
}
#contact_form input[type="text"] {
    width: 500px;
	height:20px;
	font-size: 12px;
}

#contact_form textarea {
	height: 80px;
	font-size: 12px;
    width: 500px;
}

#contact_form input[type="text"], #contact_form textarea {
    border: 1px solid darkgrey;
	margin-bottom:3px;
}
input[type="text"], textarea {
    border-radius: 0 0 0 0;
    outline: medium none;
}

#contact_form span.required { color: #F05D23 }


.content-box {
padding:0px;
width: 950px;
margin: auto;
font-size: 13px;
 background:  #fff;
 font-family: 'Nanum Gothic', sans-serif;
}

.left_menu { width: 180px; float:left; }

h1.div_title {  font-size: 27px; line-height: 30px; font-weight: bold; color:#111; padding-left:
20px; padding-bottom:0px; padding-top:20px; background: url(../images/left_corner_gray.png)
no-repeat -3px -3px; font-family: 'Nanum Gothic', sans-serif; }

h1.content_title { font-size: 32px; font-weight:normal; line-height: 35px; border-bottom:1px dotted #999;margin-bottom:20px; color: #40519A; }

h2.content_title { font-size: 18px; font-weight:normal; line-height: 35px; border-bottom:1px dotted #ccc;margin-bottom:20px; color: #40519A; }

h3.content_title { font-size: 15px; font-weight:normal; line-height: 35px; margin-bottom:10px; color: #000; }

h3.brand_title { color:#666;  text-decoration:none; line-height: 100%;  font-size: 25px; background:
url(../images/left_corner_gray.png) no-repeat left top; padding-left: 10px; padding-top:8px; }

#subnav { margin-top:10px; background: #fff; padding:20px 0; list-style: none;}
#subnav li { padding:0; padding-left: 10px; height: auto; margin-bottom: 9px; line-height: 14px; }
#subnav li a { color: #000; font-size: 14px; text-decoration: none; }
#subnav li a:hover, #subnav li a.active { color:#F38053; }

.c1 { color: #F05D23; }

.logo_box { width: 150px; height: 150px; text-align: center; background: #fff; margin: 30px auto;
border:1px solid #777; }
.logo_box img {  }


#logo_box_outer { float: right; width: 350px;  margin-right: 20px; margin-top:20px; }
#logo_box_outer .logo_box {  width: 150px; height: 150px; text-align: center; background: #efefef;
border:2px solid #ccc;  float:left;  margin: 10px; }
#logo_box_outer .logo_box:hover { border-color: #F05D23; background: #ccc;  }

#logo_box_outer1 .logo_box {  width: 186px; height:101px; text-align: center; background: #efefef;
border:1px solid #ccc;  float:left;  margin: 0px;  }
#logo_box_outer1 .logo_box:hover { background: #999;  }


.about_text a { color: #F05D23 }


.map { color: #F05D23 }

#copyright {
    clear: both;
    font-size: 12px;
    margin-top: 5px;
    padding: 5px 0;
    text-align: center;
}

#footer {
    margin: 10px auto;
    width: 100%;
    font-size: 12px;
    text-align: center;
    color: #000;
}

.footer-links {
    background: url("../images/footer-bg.gif") repeat-x scroll left top #555555;
    color: #DEDEDE;
    margin: auto auto 10px ;
}

b.service_heading { display:block; width: 130px; float:left; height:50px; font-size:15px; }

#admission_success_list { }
#admission_success_list span { display: block; width: 300px; float: left; }

#college_group h3 { color:#333; font-size: 15px;   font-family: 'Nanum Gothic', sans-serif;  margin-bottom:0px; margin-top:20px; }

#testimonials div { width:320px; float:left; margin-right:10px; padding:10px; margin-bottom:20px; background: #EBF1F9; }
#testimonials p { font-weight: bold; margin:0px;  }

#book_pic { float:left; width: 260px; }
#book_review { float:left; width: 430px; }
#book_review1 { position:absolute; right:60px; width:200px; margin-top:100px; border: 2px solid #eee; padding:20px; }

.line1 { border-top:1px dotted #4092D7; }
.mt1 { font-size:0px;  display:none; }

#service_details { }
#service_details div { width: 193px; float:left; margin-right:20px; margin-bottom:20px; height: 80px; border-radius: 25px; border: 2px solid #aaa; padding: 10px; }
  #service_details div:hover { background: #F1D5BE; border-color: #E57919; }
#service_details div b { display:block; }

#faq{ }
#faq div { width: 193px; float:left; margin-right:20px; margin-bottom:20px; height: 80px; border-radius: 25px; border: 2px solid #aaa; padding: 10px; }
  #faq div:hover { background: #F1D5BE; border-color: #E57919; }
#faq div b { display:block; }


.case_detail { display: none; }
.case_intro { width: 200px; margin-right:10px; float:left; border:2px solid #aaa; padding:10px;  min-height: 170px;  }
.case_intro h2 { font-size: 14px;  color:#333; line-height:150%; border:none; }

.case_intro > h2.content_title > b { font-size: 20px;  line-height: 150%; }

#podcast div { height:37px; width:622px; overflow:hidden; position:relative; margin-bottom:20px; }
#podcast  div iframe { width:900px; height:800px; position:absolute; left:-99px; top:-353px; }