@charset "utf-8";

@import url( "../css/lato.css" );
@import url( "../css/poppins.css" );


body.fp-viewing-teamms #top {
background:rgba(20,34,54,0);
}
body.fp-viewing-vision #top {
background:rgba(1,8,20,0);
}
body.fp-viewing-5th #top {
background:rgba(1,8,20,0);
}
body.fp-viewing-s #top .wV {display:inline}
body.fp-viewing-s #top .bV {display:none}
body.fp-viewing-s #top .navi ul li {
color:black;
}

.sec01 {background-image:url('/image/test.jpg');background-position:center}
.sec02 {background-image:url('/image/brand_bg.jpg');background-position:center}
.sec03 {background-image:url('/image/teamms_bg.jpg');background-position:center}
.sec04 {background-image:url('/image/strategy_bg.jpg');background-position:center}
.sec06 {background-image:url('/image/sec6_bg.jpg');background-position:center;}



.loading{
    width:100%;
    height:100%;
    position:fixed;
    left:0px;
    top:0px;
    background:#000;
    z-index:10000000; /* ÀÌ °ªÀ¸·Î ·¹À̾îÀÇ À§Ä¡¸¦ Á¶Á¤ÇÕ´Ï´Ù. */
}

#fp-nav li:last-child {display:none;}

#top {
position: fixed;
width: 100%;
height: 100px;
z-index: 69;
_background: #444;
background:rgba(10,9,7,0.3);
}
#top2 {
position: relative;
width: 100%;
height: 100px;
z-index: 69;
_background: #444;
background:rgba(10,9,7,1);
}
.down {background:red}
#top_wrap {width:1400px;margin:0 auto;text-align:left;padding:40px 0;}
.logo {float:left;clear:both;}
.navi {float:right;}
.navi ul {}
.navi ul li {display:inline;font-size:17px;color:white;padding:0 50px;float:left;padding-top:10px;font-family:'Poppins', sans-serif;}
.navi ul li a {color:white}
.nav {background-color:red !important}
.wV {display:none;}
.scrollDown {position:fixed;bottom:2%;left:47%;;color:white;margin:0 auto;text-align:center;}
.icon1 { position:relative; left:0; bottom:50px; }
.s5_wrap {height:300px;background:#2f2f2f}

.sec01 .mTitle {width:1400px;margin:0 auto;text-align:left;position:relative;}

.sec01 .mTitle p:nth-child(1) {}
.sec01 .mTitle p:nth-child(2) {color:white;font-size:60px;padding:10px 0 30px 0;font-weight:bold}
.sec01 .mTitle p:nth-child(3) {color:white;font-size:34px;}

.sec06 .mTitle {width:1400px;text-align:center;margin:0 auto;break-}
.sec06 .mTitle p {font-size:60px;font-weight:bold;color:white !important;margin:0 auto;text-align:center;}
.sec06 .mTitle p span {font-size:80px;font-weight:bold;}
.sec06 .mTitle p:nth-child(2n) {font-size:17px;font-weight:normal;margin-top:50px;width:620px;;line-height:1.3em}
.sec06 .mTitle p:nth-child(3n) {margin-top:10px;color:#98d7f0 !important}

.sc2_wrap {max-width:1400px;margin:0 auto;text-align:center;}
.sc2_wrap h2 {font-size:70px;margin:0 0 14px 0;color:white;}
.sc2_wrap h3 {font-size:17px;font-weight:normal;margin:0 0 50px 0;color:white;}
.sc2_wrap {}
.sc2_area {width:100%;;background:white;overflow:hidden;}
.sc2_area ul li {display:inline;width:16%;margin:0 4px;float:left;}
.sc2_area ul li img {width:80%}

.sc3_wrap {max-width:1200px;margin:0 auto;text-align:center;}
.sc3_wrap h2 {font-size:70px;margin:0 0 10px 0;color:white;margin-top:30px;}
.sc3_wrap h3 {font-size:17px;font-weight:normal;margin:0 0 30px 0;color:white;}
.sc3_wrap {}
.sc3_area {width:100%;;background:;overflow:hidden;}

/* Float four columns side by side */
.column {
  display:table-cell;
  float: left;
  width: 25%;
  padding: 0 10px;
  height:auto;

}
.column2 {
  display:table-cell;
  float: left;
  width: 100%;
  padding: 0 10px;
  height:auto;

}
.column3 {
  display:table-cell;
  float: left;
  width: 33.33%;
  padding: 0 10px;
  margin:10px 0
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.sc4_area {width:100%;;background:;overflow:hidden;display:table;margin:0 auto;text-align:center;}


.sc4_area h2 {font-size:70px;margin:0 0 10px 0;color:white;margin-top:30px;}
.sc4_area h3 {font-size:17px;font-weight:normal;margin:0 0 30px 0;color:white;}

.card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); /* this adds the "card" effect */
  padding: 12px;
  text-align: center;
  background-color: #f1f1f1;
}
.card dl {height:140px;overflow:hidden}
.card dl img {width:100%;}
.card dt {font-size:22px;padding:20px 12px 4px;}
.card dd {font-size:14px;padding:30px;}

.card2 {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); /* this adds the "card" effect */
  padding: 12px;
  text-align: center;
  background-color: #f1f1f1;
  height:340px;
}
.card2 dl {height:140px;overflow:hidden}
.card2 dl img {width:100%;}
.card2 dt {font-size:22px;padding:20px 12px 4px;}
.card2 dd {font-size:14px;padding:30px;}

.card3 {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); /* this adds the "card" effect */
  padding: 12px;
  text-align: center;
  background-color: #f1f1f1;
}
.card3 dl {height:;overflow:hidden}
.card3 dl img {width:100%;}
.card3 dt {font-size:22px;padding:20px 12px 4px;}
.card3 dd {font-size:14px;padding:30px;}



/* Remove extra left and right margins, due to padding in columns */
.sc3_area {margin: 0 -5px;}


.sc7_wrap {max-width:1400px;margin:0 auto;text-align:center;}
.sc8_wrap {max-width:1000px;margin:0 auto;text-align:center;}
.sc8_wrap h2 {font-size:70px;margin:0 0 14px 0;color:white;margin-top:30px;}
.sc8_wrap h3 {font-size:17px;font-weight:normal;margin:0 0 50px 0;color:white;}


.sc7_wrap_mb h2 {font-size:70px;margin:0 0 14px 0;color:white;}
.sc7_wrap_mb h3 {font-size:17px;font-weight:normal;margin:0 0 50px 0;color:white;}



.sc5_wrap {width:100%;position:relative;}
.sc5_area {width:1400px;margin:0 auto;text-align:center;}

.ft_menu {
background: #202020;
height: 58px;
clear:both;

}
.wrap {
display: block;
position: relative;
margin: 0 auto;
width: 1400px;
height: 100%;
}
.ft_menu ul li {
    float: left;
    
    margin: 14px 0px;
    font-size: 16px;
    text-align: center;
    box-sizing: border-box;
}
.ft_menu ul li a {	color:white;}

.ft_link {
    height: 80px;clear:both;
    border-bottom: 1px solid #3b3b3b;
	font-weight:bold
}
.ft_link, .ft_copy {
    color: #a3a3a3;
    background: #2f2f2f;
}
.ft_link ul {text-align:left;}
.ft_link ul li {
    float: left;
    margin-top: 30px;
    padding-right: 40px;
    font-size: 16px;
}
.ft_link ul li a {color:#a3a3a3}
.ft_copy {padding-top: 35px;padding-bottom: 115px;}
.ft_copy .ft_txt {display: inline-block;vertical-align: top;}
.ft_copy .ft_txt p.dn {font-size:20px;color:#c4c4c4;padding:0 0 10px;}
.ft_copy .ft_txt p {padding-top:10px;}
.ft_copy .ft_sns {float: right;margin-right: 27px;}
.ft_copy .ft_sns li.sns-fb {width: 45px;height: 45px;border-radius: 45px;background: url(/kr/asset/images/main/ic-footer-fb.jpg) no-repeat 50% 50%;}
.ft_copy .ft_sns ul li {display:inline;padding:0 5px;}
.ft_copy .ft_sns ul li i {color:white;font-size:27px;color:#a3a3a3}

.btn {
  border-radius: 4px;
  background-color: #001384;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 13px;

  width: 90px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
  margin:0 auto;text-align:center;
}
.btn a {color:white;}
.btn span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.btn span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -10px;
  transition: 0.5s;
}

.btn:hover span {
  padding-right: 15px;
}

.btn:hover span:after {
  opacity: 1;
  right: 0;
}

.board_wrap {width:100%;margin:0 auto;text-align:center;
position:relative;clear:both;}
.bd_ttl {width:100%;margin:0 auto;text-align:center;color:white;height:290px;background:black;
font-size:60px;display:block;padding:100px 0;font-family:'Poppins';background:url('/image/kkoa.png') center no-repeat #000; background-size:auto 50%}
.bd_ttl2 {width:100%;margin:0 auto;text-align:center;color:white;height:290px;background:black;
font-size:60px;display:block;padding:100px 0;font-family:'Noto Sans KR';}
.bd {width:1400px;margin:0 auto;text-align:center;margin-top:80px;}


.fixed_quick {
position: fixed;
z-index: 99999;
bottom: 30px; /* À§Ä¡ */
right: 30px; /* À§Ä¡ */
}

.quick {
border-radius: 40%;
text-align: center;
height: 50px; /* Å©±â */
width: 50px; /* Å©±â */
box-sizing: border-box;
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.05); /* ±×¸²ÀÚ */
cursor: pointer;
transition: all 350ms cubic-bezier(0.50, 1, 0.07, 1);
border:0.1px solid rgba(0,0,0,0.1); /* Å׵讶óÀÎ */
}
.quick svg {transition: all 350ms cubic-bezier(0.50, 1, 0.07, 1);}
.quick:hover {box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.01); border:0.1px solid rgba(0,0,0,0.5);}
.quick:hover svg {fill: #000;} /* ¸¶¿ì½º¿À¹ö½Ã svg ¾ÆÀÌÄÜÀÇ fill º¯°æ */

/* Äü¸Þ´º °³º° ½ºÅ¸ÀÏ */
.quick1 {background-color: #F7E600; display: none;}
.quick1 svg {margin-top: 13px;}

.quick2 {background-color: #fff; margin-top: 8px; display: none;}
.quick2 svg {margin-top: 13px;}

.quick3 {background-color: #fff; margin-top: 8px; display: none;}
.quick3 svg {margin-top: 13px;}

.quick4 {background-color: #fff; margin-top: 8px;}
.quick4 svg {margin-top: 13px;}