/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
/*°¡·Î½½¶óÀ̵ù¸Þ´ºCSS*/
html{overflow-y:scroll; }
ul,li,ol,li,dl,dd,dt{list-style:none;}
header, footer, nav, aside, section, article {display:block;}
fieldset, img {border:0; }
img {-ms-interpolation-mode:bicubic !important;}/*ie7*/
.topi { position:absolute; z-index:10;margin: 0px auto; left: 25%;}

/*¼­ºêÆäÀÌÁö-CSS*/
div.Stopimg {
	background: rgb(0, 0, 0); width: 100%; height:180px; border-top-color: rgb(215, 206, 190); border-top-width: 2px; border-top-style: solid;
}
div.Stopimg div.SubText {
	margin: -30px auto; width: 500px; height: 130px; position: relative;
}
div.Stopimg div.SubText .Upgul {
	left: 80px; top: 10px; position: relative;
}

div.subtop {
	background: url("../img/subimgtop-1.png");
}
div.subtop2 {
	background: url("../img/subimgtop-2.png");
}
div.subtop3 {
	background: url("../img/subimgtop-3.png");
}
div.subtop4 {
	background: url("../img/subimgtop-4.png");
}
div.subtop5 {
	background: url("../img/subimgtop-5.png");
}
div.subtop6 {
	background: url("../img/subimgtop-6.png");
}
div.subtop7 {
	background: url("../img/subimgtop-7.png");
}
.topimg {
 width:auto;
 margin-top:300px;
 font-align:center;
 color: rgb(72, 74, 75);
 font-size:2.2em;
 font-weight:600; 
 letter-spacing:-1px;
  opacity: 1;
  filter: alpha(opacity=0);
  padding: -0px 4px 12px; 

}

#header {
	left: 0px; top: 0px; width: 100%; position: absolute; z-index: 100;color: rgb(255, 255, 255);
}

#header .menu_area {
	position: relative; z-index: inherit;background: rgb(255, 255, 255);
}

#header .menu_area .logo {
	left: 24px; top:10px; bottom:0px; width: 227px; position: absolute; z-index: inherit
}

#header .menu_area .header_gnb {
	width: 80%; text-align: center; float: right;
}
#header .menu_area .header_gnb .logo {
	display: none;
}
#header .menu_area .header_gnb .gnb {
	margin: 25px 50px 10px 50px;  
}
#header .menu_area .header_gnb .gnb > li {
	margin: 0px 1.5%; display: inline-block; position: relative; z-index: inherit; -ms-zoom: 1;
}

#header .menu_area .header_gnb .gnb > li .dp1 {
	padding: 30px 7px 32px 7px; line-height: 100%;  font-size: 1.25em; display: block;color: rgb(0, 0, 0);

}
#header .menu_area .header_gnb .gnb > li .on.dp1 {
	background: url("../img/mubg.png") no-repeat 0px 19px; color: rgb(255, 255, 255);font-size: 1.25em;

}
#header .menu_area .header_gnb .gnb > li .dp2 {
	left: 50%; top: 58px; width: 200px; padding-top: 1px; margin-left: -100px; display: none; position: absolute; z-index: inherit;
}
#header .menu_area .header_gnb .gnb > li .dp2_right {
	margin-left: -58px;
}
#header .menu_area .header_gnb .gnb > li .dp2 > li {
	margin-top: 0px;
}
#header .menu_area .header_gnb .gnb > li .dp2 > li:first-child {
	margin-top:33px;
}
#header .menu_area .header_gnb .gnb > li .dp2 > li > a {
	background: rgb(5, 4, 75); padding: 10px 5%; text-align: center; color: rgb(255, 255, 255); font-size: 0.87em;  display: block; opacity: 0.9;
}
#header .menu_area .header_gnb .gnb > li .dp2 > li:hover > a {
	background: rgb(229, 229, 229); color: rgb(207, 61, 4); opacity: 1;font-weight: bold;
}

.mm_n {font-size: 0.93em; font-weight: 300;}  
.mm_nm {font-size: 0.7em; font-weight: 100;background: rgb(228, 228, 228);margin-left:-10px;}


.box1 {
	margin: 0px auto; width: 100%; min-width: 1000px; max-width: 1300px;
}
.box2 {
	margin: 0px auto; width: 100%; min-width: 800px; max-width: 1100px;
}
.box3 {
	margin: 0px auto; width: 100%; background: rgb(215, 206, 190);
}
.box4 {
	margin: 0px auto; width: 100%; height: 180px; background: rgb(215, 206, 190);
}
.box5 {
	margin: 0px auto; width: 100%; 
}	
.pr {
	position: relative; z-index: inherit;
}
.bb_tag {
 margin-top:40px;
}
.bb_tag1 {
 margin-bottom:100px;
}
.info_pic {width:60% !important;}
.not_info {font-size: 0.95em; padding:85px;text-align:left; margin-left:10px;letter-spacing:-1px;color: rgb(191, 3, 47);4c4f48}
.not_info a{color: rgb(45, 43, 43);}

/* column widths -°¡·Î ³ª´©±âbackground: rgb(0, 0, 0)*/

.row {
   width: 100%;
   max-width: 1100px;
   margin: 0 auto;
}

/* row clearing */
.row:before,
.row:after {
    content: " ";
    display: table;
}
.row:after {
    clear: both;
}

.column, .columns {
   position: relative;
   padding: 10 10px;
   min-height: 1px;
   float: left;
}
.column.centered, .columns.centered  {
    float: none;
    margin: 0 auto;
}

.row .one         { width: 8.33333%; }
.row .two         { width: 16.66667%; }
.row .three       { width: 25%; }
.row .four        { width: 33.33333%; }
.row .five        { width: 41.66667%; }
.row .six         { width: 50%; }
.row .seven       { width: 58.33333%; }
.row .eight       { width: 66.66667%; }
.row .nine        { width: 75%; }
.row .ten         { width: 83.33333%; }
.row .eleven      { width: 91.66667%; }
.row .twelve      { width: 100%; }
.row .heoj {background: rgb(255, 255, 255);}
.row .three2       { width: 31%; }
.row .boardw        { width: 79%; }


.bgcheck {background: rgb(24, 132, 128);margin-right:10px;margin-left:10px}
.bgcheck1 {background: rgb(59, 131, 182);border-radius: 5px;margin-left:5px;text-align:center;}
.bgcheck2 {background: rgb(2, 63, 131);border-radius: 5px;margin-left:5px;text-align:center;}
.bgcheck3 {background: rgb(50, 153, 149);border-radius: 5px;margin-left:5px;text-align:center;}
.bgcheck5 {background: rgb(4, 172, 55);border-top:2px solid #028229;  border-bottom:2px solid #028229;border-left:2px solid #028229;border-right:2px solid #028229;}
.bgcheck6 {margin-left:0px; margin-right:0px}
.bgmain1{background: rgb(62, 60, 60);padding-top:10px;padding-bottom:10px;text-align:center;}
.bgmain2{background: rgb(4, 172, 55);padding-top:10px;padding-bottom:10px;text-align:center;}

.font_sa {background: url("../img/bdbg.png") no-repeat 0px 19px;color:#FFF;margin-top:10px;margin-bottom:0px;height:150px}
.font_sb {background: url("../img/bdbg1.png") no-repeat 0px 19px;color:#FFF;margin-top:10px;margin-bottom:0px;height:150px}
.font_sc {background: url("../img/bdbg2.png") no-repeat 0px 19px;color:#FFF;margin-top:10px;margin-bottom:0px;height:150px}
.font_sd {color:#FFF;font-size:1.18em;}

.kca_01 {font-size: 0.9em;}
.kca_04 {font-size: 0.9em;padding-left: 10px;font-weight: 300;margin-top:20px;letter-spacing: -1px;}
.kca_05 {font-size: 1.5em;padding-left: 50px;font-weight: 300;letter-spacing: 0.95px;color:#FFF;padding-bottom:10px;padding-top:10px;background: rgb(54, 102, 213);}
.kca_06 {font-size: 0.8em;padding-left: 10px;font-weight: 300;margin-top:20px;letter-spacing: -1px;color:#586961;}
.kca_07 {font-size: 1.4em;padding-left: 10px;font-weight: 600;color:#000000;padding-left: 10px;}
.kca_08 {font-size: 1.1em;padding-left: 50px;padding-bottom:15px;padding-top:0px;font-weight: 300;letter-spacing: 1px;color:#FFF;background: rgb(54, 102, 213);}
.kca_09 {font-size: 1.06em;font-weight: 300;letter-spacing: 0.95px;color:#FFF;padding-bottom:10px;padding-top:10px;background: rgb(3, 40, 109);text-align:center;}
.kca_10 {font-size: 0.9em;padding-left:-100px;font-weight: 300;margin-top:-20px;letter-spacing: 2px;color:#d4192a;}
.kca_11 {font-size: 1.1em;padding-left: 50px;padding-bottom:5px;padding-top:0px;font-weight: 300;letter-spacing: 1px;color:#FFF;background: rgb(54, 102, 213);}


/*³ëÃâ°¹¼ö Á¶Á¤À§Ä¡ 7°³ 14.2857 */
  .col-sm-3 {
    width: 48%;
  }
    .col-sm-6 {
      width: 48%;
  }
  
  .col-sm-3, .col-sm-7 {
    float: left;
  }
  .col-sm-4 {
    width: 25%;
  }
  .col-sm-41 {
    width: 20%; margin-top:30px; margin-left:10px;
  }  
  .col-sm-4, .col-sm-7 {
    float: left;
  }

 .col-sm-4,  .col-sm-7 {
  position: relative;
  min-height: 1px;
  margin-top:-3px;
   height:100%


}

.sysigon {border:2px solid #FFF;}

#testimonials {
   background: #1F1F1F url(../img/sybbg.png) no-repeat center center;
   background-size: cover !important;
   -webkit-background-size: cover !important;
   background-attachment: fixed;


}
#testimonials .text-container {
   text-align:center;
   padding-top: -20px;
   padding-bottom: 270px;
}

#testimonials .ua_3 {
 	text-align:center;letter-spacing: -1px;padding: 40px;color: rgb(255, 255, 255);  font-size: 2.0em; text-shadow: 1px 3px 2px #666;font-weight: bold;
   
    
    } 

/* ¼­ºêÆäÀÌÁö¿ë CSS*/
.Main_info {font-size:14px;line-height:10px;margin-bottom:30px;font-weight:100;float: right;color:#3e3b3b;margin-right:20px;}
.Main_info1 {font-size:14px;line-height:10px;margin-bottom:30px;font-weight:100;float: right;color:#3e3b3b;margin-right:30px;height:30px;}
.font_1 { 
  line-height: 30px;
  font-size: 1.7em;
  color: rgb(0, 129, 203);
  font-weight: 600;
}
.font_2 { 
  line-height: 30px;
  font-size: 1.30em;
  color: rgb(68, 75, 79);
  letter-spacing: -1px;
  margin-bottom:15px;
}
.font_3 {color: rgb(242, 58, 2);}
.font_4 {
font-family: 'Nanum Gothic', sans-serif;
  line-height: 50px;
  font-size: 1.3em;
  color:#595959;
  font-weight: 400;
 letter-spacing: 2px;
 }
.info_tag {margin-bottom:20px;}
.info_tag1 {line-height:30px; font-size:1.1em; color: rgb(74, 72, 72);}
.info_tag2 {line-height:30px; font-size:1.2em; color: rgb(74, 72, 72);float:right;margin-top:20px;letter-spacing: -1px;}

.ta1 {color: rgb(156, 157, 158);}
.ua_5 {
	 margin: 10px auto;  
}

.ic_tt::before {
	background: url("../img/ic_1.png") no-repeat 0% 0% / 100%; top: -2px; width: 14px; height: 14px; margin-right: 8px; vertical-align: middle; display: inline-block; position: relative; content: "";
}
.ic_ttt::before {
	background: url("../img/ic_2.png") no-repeat 0% 0% / 100%; top: -2px; width: 14px; height: 14px; margin-right: 8px; vertical-align: middle; display: inline-block; position: relative; content: "";
}
/* FOOTER FILE ¿ë CSS*/

#footer {
}
#footer .box1 {
	position: relative; z-index: inherit;
}
#footer .copyright {
	background: rgb(73, 74, 78); height: 180px; 
}
#footer .copyright .box1 {
	overflow: hidden;
}
#footer .copyright .box2 {
	overflow: hidden;
}
#footer .copyright .footerlogo {
	width: 20%; margin-top: 50px;margin-left: 30px; float:left; 
}
#footer .copyright .info {
	width: 60%; overflow: hidden; margin-top: 40px; margin-left: 100px; float: left;
}
#footer .copyright .info dd {
	color: rgb(156, 157, 161); line-height: 30px; font-size: 0.75em; margin-right: 2%; float: left;
}
#footer .copyright .info dd a {
	color: rgb(255, 255, 255);
}
#footer .copyright .info dd a:hover {
	text-decoration: underline;
}
#footer .copyright .info .copy {
	color: rgb(156, 157, 161); text-transform: uppercase; font-size: 0.75em;
}
#footer .copyright .info  .fcadmin a{
	color: rgb(255, 255, 255); text-transform: uppercase; font-size: 1em;text-decoration: none; 

}

#footer .copyright .info .point {
	color: rgb(255, 255, 255);
}


/* quick °ü·ÃCSS*/
.quick {
	right: 25px; bottom: 10px; position: fixed; z-index: 10;
}
.quick .top {
	background: rgb(255,92, 0); border-radius: 15px; width: 50px; height: 50px; text-align: center; color: rgb(255, 255, 255); line-height: 50px; font-size: 12px; cursor: pointer;font-weight:bold;
#quick_menu {
	width: 90px; right: 0px; bottom: 93px; position: fixed; z-index: 10000;
}