@charset "utf-8";

.about_wrap,.about_wrap2,.about_wrap3{ width:100%; position: relative; margin:0 auto; overflow: hidden; }

/*ABOUT 아텐츠 설명*/
.about_wrap .about_wrap_bg {width:1280px; height:auto; margin:0 auto; padding:80px 0 0 0;}
.about_wrap .about_wrap_bg .about_sulmung_left{ position: relative;width: 710px;  overflow:hidden; float: left; }
.about_wrap .about_wrap_bg .about_sulmung_left .text_title{ font-size:40px; line-height:47px; color:#333; }
.about_wrap .about_wrap_bg .about_sulmung_left .text_content{ line-height:26px; color:#555; font-size:15.5px; }
.about_wrap .about_wrap_bg .about_sulmung_left .text_content .red{ color:#c52c2c; font-size:15.5px; }
.about_wrap .about_wrap_bg .about_sulmung_left .text_content .red_first{ display: block; margin-top:10px; }
.about_wrap .about_wrap_bg .about_sulmung_left .gray_text{ display: block; margin-top:10px; font-size:15.5px; }
.about_wrap .about_wrap_bg .about_sulmung_right { float:right; }
.about_wrap .about_wrap_bg .about_sulmung_right img{ margin-top:5px; }

/* 6VALUES */
.about_wrap2{ clear:both; margin-top:110px; }
.about_wrap2 .about_wrap_bg2{width:100%; height:483px; background:url(/resources/images/landing/about/sub_about_6values.jpg)no-repeat; background-position:center; margin:0 auto;}
.about_wrap2 .about_wrap_bg2 .six_values {text-align: center; height:200px;}
.about_wrap2 .about_wrap_bg2 .six_values h1{padding-top:67px;}
.about_wrap2 .about_wrap_bg2 .six_values .title{color:#fff; font-size:58.17px; font-family: 'RobotoCondensed-Bold',sans-serif;}
.about_wrap2 .about_wrap_bg2 .six_values_text .text{font-size: 58.17px;color:#fff; font-family: 'RobotoCondensed-Bold',sans-serif; }
.about_wrap2 .about_wrap_bg2 .six_values_mean .alphabet{font-size:57.84px; color:#d54141; font-family: 'Roboto', sans-serif; font-weight:bold;}
.about_wrap2 .about_wrap_bg2 .six_values_mean .alphabet_mean{font-size:16.97px; color:#d54141; margin-top:3px; font-weight:400;} 
.about_wrap2 .about_wrap_bg2 .six_values_mean .alphabet_explanation{font-size:14.96px; color:#666666; font-weight:400; margin-top:22px; line-height:1.3; }

.about_wrap2 .about_wrap_bg2 .six_values_mean{ width:1280px; padding-bottom:77px; margin:0 auto; position:relative}
.about_wrap2 .about_wrap_bg2 .six_values_mean > div { display:inline-block; transition: all 1.2s ease-out; text-align:center; margin-top:30px;}
.about_wrap2 .about_wrap_bg2 .six_values_mean img{ margin-bottom:65px; margin-right:1.5px;}
.about_wrap2 .about_wrap_bg2 .six_values_mean span.step{ font-family: 'Exo2.0-SemiBoldItalic'; color:#ed1f24; font-size:16.19px; display:inline-block; margin-bottom:9px;}
.about_wrap2 .about_wrap_bg2 .six_values_mean strong{ font-weight:bold; font-size:18.03px; color:#333;}
.about_wrap2 .about_wrap_bg2 .six_values_mean p{ font-size:16.03px; color:#666;}
.about_wrap2 .about_wrap_bg2 .six_values_mean .target_title{ margin:0; float: left;}

.about_wrap2 .about_wrap_bg2 .six_values_mean .loding1 { 
    animation-name:example; 
    animation-duration: 1s;  
    -webkit-animation-duration: 1s;    
    -moz-animation-duration: 1s;   
    -o-animation-duration: 1s;   
    -ms-animation-duration: 1s;   
    animation-timing-function: 1s;    
    animation-fill-mode: forwards; 
    opacity: 0; 
    margin-left:80px;
}
.about_wrap2 .about_wrap_bg2 .six_values_mean .loding2 {
  animation-name:example; 
  animation-duration: 1.1s; 
  -webkit-animation-duration: 1.1s;  
  -moz-animation-duration: 1.1s;   
  -o-animation-duration: 1.1s;   
  -ms-animation-duration: 1.1s;   
  animation-timing-function: 1.1s;   
  animation-fill-mode: forwards; 
  opacity: 0; 
  padding:0 37px 0 37px;
}
.about_wrap2 .about_wrap_bg2 .six_values_mean .loding3 { 
  animation-name:example; 
  animation-duration: 1.1s; 
  -webkit-animation-duration: 1.1s;  
  -moz-animation-duration: 1.1s;   
  -o-animation-duration: 1.1s; 
  -ms-animation-duration: 1.1s; 
  animation-timing-function: 1.1s;
  animation-fill-mode: forwards; 
  opacity: 0;
}
.about_wrap2 .about_wrap_bg2 .six_values_mean .loding4 { 
  animation-name:example; 
  animation-duration: 1.2s; 
  -webkit-animation-duration: 1.2s;
  -moz-animation-duration: 1.2s;
  -o-animation-duration: 1.2s;
  -ms-animation-duration: 1.2s; 
  animation-timing-function: 1.2s;
  animation-fill-mode: forwards;
  opacity: 0; 
  padding: 0 43px 0 40px;
}
.about_wrap2 .about_wrap_bg2 .six_values_mean .loding5 { 
  animation-name:example; 
  animation-duration: 1.2s; 
  -webkit-animation-duration: 1.2s;
  -moz-animation-duration: 1.2s;
  -o-animation-duration: 1.2s;
  -ms-animation-duration: 1.2s; 
  animation-timing-function: 1.2s; 
 animation-fill-mode: forwards; 
 opacity: 0;
}
.about_wrap2 .about_wrap_bg2 .six_values_mean .loding6 { 
  animation-name:example; 
  animation-duration: 1.2s; 
  -webkit-animation-duration: 1.2s;
  -moz-animation-duration: 1.2s;
  -o-animation-duration: 1.2s;
  -ms-animation-duration: 1.2s; 
  animation-timing-function: 1.2s; 
  animation-fill-mode: forwards; 
  opacity: 0; 
  padding: 0 8px 0 50px;
}
.about_wrap2 .about_wrap_bg2 .six_values_mean .loding7 { 
  animation-name:example; 
  animation-duration: 1.2s; 
  -webkit-animation-duration: 1.2s;
  -moz-animation-duration: 1.2s;
  -o-animation-duration: 1.2s;
  -ms-animation-duration: 1.2s; 
  animation-timing-function: 1.2s;   
  animation-fill-mode: forwards;
   opacity: 0;
}
.about_wrap2 .about_wrap_bg2 .six_values_mean .loding8 { 
  animation-name:example;
  animation-duration: 1.4s; 
  -webkit-animation-duration: 1.4s; 
  -moz-animation-duration: 1.4s; 
  -o-animation-duration: 1.4s; 
  -ms-animation-duration: 1.4s; 
  animation-timing-function: 1.4s; 
  animation-fill-mode: forwards; 
  opacity: 0; 
  padding: 0 13px 0 18px;
}
.about_wrap2 .about_wrap_bg2 .six_values_mean .loding9 { 
  animation-name:example; 
  animation-duration: 1.4s; 
  -webkit-animation-duration: 1.4s; 
  -moz-animation-duration: 1.4s; 
  -o-animation-duration: 1.4s; 
  -ms-animation-duration: 1.4s; 
  animation-timing-function: 1.4s; 
  animation-fill-mode: forwards; 
  opacity: 0; 
  padding: 0 0 0 34px;
}
.about_wrap2 .about_wrap_bg2 .six_values_mean .loding10 { 
  animation-name:example; 
  animation-duration: 1.4s; 
  -webkit-animation-duration: 1.4s; 
  -moz-animation-duration: 1.4s; 
  -o-animation-duration: 1.4s; 
  -ms-animation-duration: 1.4s; 
  animation-timing-function: 1.4s; 
  animation-fill-mode: forwards; 
  opacity: 0; 
  padding: 0 6px 0 45px;
}
.about_wrap2 .about_wrap_bg2 .six_values_mean .loding11 { 
  animation-name:example; 
  animation-duration: 1.4s; 
  -webkit-animation-duration: 1.4s; 
  -moz-animation-duration: 1.4s; 
  -o-animation-duration: 1.4s; 
  -ms-animation-duration: 1.4s; 
  animation-timing-function: 1.4s; 
  animation-fill-mode: forwards;
   opacity: 0;
}

@keyframes example { 
  0%{ left:0px; opacity: 0}
  50%{left:0px; opacity: 0}
  100%{ left:0px; opacity: 1}
}


/* HISTORY */
.about_wrap3 .about_wrap_bg3,.about_wrap4 .about_wrap_bg4 {width:1280px; height:auto; margin:0 auto; }
.about_wrap3 .about_wrap_bg3 .title_detail p,.about_wrap4 .about_wrap_bg4 .title_detail p{width:777px; padding:9px 0 0 0; color:#666; }
.about_wrap3 .about_wrap_bg3 .history_tab {width:100%; height:41px; margin-bottom:38px;}
.about_wrap3 .about_wrap_bg3 .history_tab button {/*padding: 0 133px;*/ border:1px solid #d7d7d7; cursor:pointer; font-size:17.05px; font-weight:500; 
  box-sizing:border-box; float:left; font-family:"Exo2.0-Regular"; width:320px; height:41px; padding-bottom:2px;}
.about_wrap3 .about_wrap_bg3 .history_tab button.active {box-sizing:border-box; height:41px; border-top:2px solid #ea2127; border-bottom:none; padding-bottom:4px; color:#ea2127; outline:none;}
/*.about_wrap3 .about_wrap_bg3 .history_tab button:nth-child(2){border-left:none;}
.about_wrap3 .about_wrap_bg3 .history_tab button:nth-child(3){border-left:none;}
.about_wrap3 .about_wrap_bg3 .history_tab button:nth-child(4){border-left:none;}*/
.about_wrap3 .about_wrap_bg3 .history_tab button:not(:first-child) {border-left:none;}

.about_wrap3 .about_wrap_bg3 .history_years{clear:both;}
.about_wrap3 .about_wrap_bg3 .history_years h2{width:208px; font-size:40px; text-align:center; float:left; font-family:"Exo2.0-Regular",sans-serif; color:#333; 
padding-right:10px; font-weight:100;}
.about_wrap3 .about_wrap_bg3 .history_years h2 a:active{}
.about_wrap3 .about_wrap_bg3 table{padding-top:17px;}
.about_wrap3 .about_wrap_bg3 table tr:last-child th{background:none;}
.about_wrap3 .about_wrap_bg3 table tr:last-child td{padding:0;}
.about_wrap3 .about_wrap_bg3 table th{position:relative; padding-left:20px; background:url(/resources/images/landing/about/history_line.jpg) repeat-y; top:3px; background-position:4px; 
  border: none;text-align: left;vertical-align: top;}
.about_wrap3 .about_wrap_bg3 table td{text-align:left;padding:0 0 25px 0;color:#999;vertical-align:top;border:0;}
.about_wrap3 .about_wrap_bg3 table td p{font-size:15px; font-weight:normal; line-height:1.8; margin-top:-7px; font-weight:300; color:#666;}
.about_wrap3 .about_wrap_bg3 table .history_txt{margin-top: -7px; font-size:17px; font-family:"Exo2.0-Regular",sans-serif; color:#333; font-weight:600;}
/*.about_wrap3 .about_wrap_bg3 table .year1{letter-spacing:-1px;}
.about_wrap3 .about_wrap_bg3 table .year2{letter-spacing:-0.1px;}*/
.about_wrap3 .about_wrap_bg3 .history_comment{}
.about_wrap3 .about_wrap_bg3 .history_circle{position:absolute;top:0;left:0;display:block;width:9px;height:9px; background:url(/resources/images/landing/about/history_dot.png) }
/*#history_list th p.spacing{letter-spacing:0.1px;}
#history_list th p.spacing2{letter-spacing:0.7px;}
#history_list th p.spacing3{letter-spacing:1px;}*/


/* 약도*/
.about_wrap4 .about_wrap_bg4 .atents_location{width:1280px; height:360px; background:url(/resources/images/landing/about/atents_location_map.jpg) no-repeat; background-position: center; }
.about_wrap4 .about_wrap_bg4 .location_text_wrap{position:relative; border-bottom:1px solid #d7d7d7; width:1280px; height:70px; padding-top:24px; box-sizing: border-box;}
.about_wrap4 .about_wrap_bg4 .location_text_wrap .action_view{position:absolute;top:12px;right:0;}
.about_wrap4 .about_wrap_bg4 .location_text_wrap .action_view .actionBtn span{padding:0px 16px 0 9px; }
.about_wrap4 .about_wrap_bg4 .location_text_wrap .action_view .actionBtn .hover .txt{background:url(/resources/images/landing/about/about_arrow.png) no-repeat;
  background-position:right 8px top 19.5px}
.about_wrap4 .about_wrap_bg4 .location_text_wrap .action_view .actionBtn:hover .hover .txt {background:url(/resources/images/landing/about/about_arrow_hover.png) no-repeat;
  background-position:right 8px top 19.5px}
.about_wrap4 .about_wrap_bg4 .location_text_wrap ul li:first-child{width:342px;}
.about_wrap4 .about_wrap_bg4 .location_text_wrap ul li:first-child p{font-weight:400; color:#333;}
.about_wrap4 .about_wrap_bg4 .location_text_wrap ul li:nth-child(2){margin:0 23px;}
.about_wrap4 .about_wrap_bg4 .location_text_wrap ul li:last-child{width:215px;}
.about_wrap4 .about_wrap_bg4 .location_text_wrap ul li:nth-child(3) p{font-size:17px; font-family:"Exo2.0-Regular",sans-serif; font-weight:600; color:#333; }
.about_wrap4 .about_wrap_bg4 .location_text_wrap ul li:nth-child(3) span{font-size:16px; color:#333; font-weight:400;}
.about_wrap4 .about_wrap_bg4 .location_text_wrap ul li img{float:left; margin-right:7px;}
.about_wrap4 .about_wrap_bg4 .location_text_wrap ul li {float:left; white-space: nowrap; color:#333;}


@keyframes bounce {
  0%   {opacity:1;}
  25%  {opacity:1;}
  50%  {opacity:1;}
  75%  {opacity:1;} 
  100% {opacity:1; top:-25px;}
}