/* ÇʼöÇ׸ñ */
* {padding:0;margin:0;}
body,th,td,textarea,h1,h2,h3,h4,h5,h6 {font-family:dotum;font-size:12px;}
img,fieldset{ border:0;}
li{ list-style:none;}
select,input{ font-family:verdana;color:#000000;font-size:1.00em;}
address,em{ font-style:normal;}
button{ border:none;background:none;cursor:pointer;}
hr,legend{ display:none;}
p,h1,h2,h3,h4,h5,h6,form,input,ul,li,dl,dt,dd {margin:0;padding:0;}
a { text-decoration:none !important;}
.clear{ clear:both; }
body {
-webkit-animation-name: fadeIn2;
animation-name: fadeIn2;
-webkit-animation-duration: 1s;
animation-duration:1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes fadeIn2 {
0% {opacity:0;}
100% {opacity: 1;}
}
@keyframes fadeIn2 {
0% {opacity: 0;}
100% {opacity: 1;}
}

/* ÇʼöÇ׸ñ */

/* ·Î°í¿µ¿ª */

.top_logo_all {
position:relative;
width:100%;
float:left;
}

.top_logo_all_fixed {
position:fixed;
top:0px;
z-index:99;
width:100%;
float:left;
 background-color:#fff;
padding-bottom:40px;
border-bottom:1px solid #e9e9e9;
}

.top_logo_ta {
padding:30px;
}

.top_logo {
float:left;
transition:all .3s;
-ms-transition:all .3s;
width:15%;
}
.top_logo:hover {
transition: 0.3s ease-in-out;  
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
    transform: translate(0,-0.5em);
}

.top_menu {
float:left;
margin-top:10px;
width:70%;
text-align:center;

}
.top_right {
float:right;
width:15%;
text-align:right;
}

.top_menu span {
display:inline-block;
font-family: 'Nanum Gothic', sans-serif;
font-size:16px;
color:#222;
font-weight:bold;
margin-right:50px;
height:30px;
}
.top_menu span:last-child {
margin-right:0px;
}
.top_menu span a {
color:#222;
}



.top_menu_01, .top_menu_02, .top_menu_03, .top_menu_04, .top_menu_05 {
position:relative;
text-align:left;
}
.top_menu_sub_01, .top_menu_sub_02, .top_menu_sub_03 {
display:none;
}

  @keyframes sub_menu_an {
  0%{transform: translateX(-20px); opacity: 0;}
  100%{transform: translateX(0px); opacity: 1;}
}


/* ȸ»ç¼Ò°³ */
.top_menu_01:hover .top_menu_sub_01 {
display:block;
position: absolute; 
top:30px;
left:0px;
width:200px;
padding:10px 0 10px;
background-color: rgba( 0, 0, 0, 0.8 );
z-index:99;
font-size:12px;
color:#fff;
 animation: sub_menu_an 0.3s linear forwards;
}
.top_menu_sub_01 a {

line-height:30px;
padding-left:20px;
transition:all .3s;
color:#fff !important;

}

.top_menu_sub_01 a:hover {
padding-left:30px;
color:#efe6df !important;
}
/* ȸ»ç¼Ò°³ */


/* »ç¾÷¼Ò°³ */
.top_menu_02:hover .top_menu_sub_02 {
display:block;
position: absolute; 
top:30px;
left:0px;
width:200px;
padding:10px 0 10px;
background-color: rgba( 0, 0, 0, 0.8 );
z-index:99;
font-size:12px;
color:#fff;
 animation: sub_menu_an 0.3s linear forwards;
}
.top_menu_sub_02 a {

line-height:30px;
padding-left:20px;
transition:all .3s;
color:#fff !important;

}

.top_menu_sub_02 a:hover {
padding-left:30px;
color:#efe6df !important;
}
/* »ç¾÷¼Ò°³ */

/* ÁÖ¿ä½ÇÀû */
.top_menu_03:hover .top_menu_sub_03 {
display:block;
position: absolute; 
top:30px;
left:0px;
width:200px;
padding:10px 0 10px;
background-color: rgba( 0, 0, 0, 0.8 );
z-index:99;
font-size:12px;
color:#fff;
 animation: sub_menu_an 0.3s linear forwards;
}
.top_menu_sub_03 a {

line-height:30px;
padding-left:20px;
transition:all .3s;
color:#fff !important;

}

.top_menu_sub_03 a:hover {
padding-left:30px;
color:#efe6df !important;
}
/* ÁÖ¿ä½ÇÀû */


.top_icon_01 {
display:block;
width:35px;
height:2px;
background-color:#222;
position: absolute;
top:0px;
transition:all .3s;
right:0px;
}
.top_icon_02 {
display:block;
width:28px;
height:2px;
background-color:#222;
position: absolute;
top:10px;
right:0px;
text-align:right;
transition:all .3s;
}
.top_icon_03 {
display:block;
width:35px;
height:2px;
background-color:#222;
position: absolute;
top:20px;
right:0px;
transition:all .3s;
}
.top_icon {
display:block;
height:30px;
position:relative;
width:35px;
float:right;
margin-top:10px;
text-align:right;
cursor:pointer;
transition:all .3s;
}

.top_icon:hover .top_icon_01 {
width:28px;
position: absolute;
top:0px;
right:0px;
transition:all .3s;
}

.top_icon:hover .top_icon_02 {
width:35px;
position: absolute;
top:10px;
right:0px;
transition:all .3s;
}
.top_icon:hover .top_icon_03 {
width:28px;
position: absolute;
top:20px;
right:0px;
transition:all .3s;
}

.right_all_menu {
display:none;
position: fixed;
top:0px;
left:0px;
width:100%;
height:100%;
background-color: rgba( 0, 0, 0, 0.5 );
z-index:9999999999;

}

/* ¿ìÃøÀüü¸Þ´º ¾Ö´Ï¸ÞÀÌ¼Ç */

.right_all_menu_ta {
display:block;
width:500px;
height:100%;
background-color:#6d7886;
position: fixed;
right:0px;
animation: right_all_0.5s ease-in forwards;
}

  @keyframes right_all_menu {
  0%{right:-500px;}
  100%{right:0px;}
}

.right_all_menu_ta2 {
display:block;
width:500px;
height:100%;
background-color:#6d7886; 
position: fixed;
right:0px;
animation: right_all_menu2 0.5s ease-in forwards;
}

  @keyframes right_all_menu2 {
  0%{right:0px;}
  100%{right:-500px;}
}


/* ¿ìÃøÀüü¸Þ´º ¾Ö´Ï¸ÞÀÌ¼Ç */


.right_all_menu_close {
position: absolute;
left:-50px;
top:30px;
cursor:pointer;
}


.right_all_menu_close span:nth-child(1) {
display:block;
width:30px;
height:2px;
background-color:#fff;
position: absolute;
top:0px;
transform:rotate(45deg);
}
.right_all_menu_close span:nth-child(2) {
display:block;
width:30px;
height:2px;
background-color:#fff;
position: absolute;
top:0px;
transform:rotate(135deg);
}


.right_menu {
 position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
text-align:center;
}

.right_menu p {
color:#fff;
font-size:25px;
font-family: 'Nanum Gothic', sans-serif;
padding:10px 0 10px;
cursor:pointer;
}
.right_menu p a {
color:#fff;
}

.right_menu_sub {
display:none;
}

.right_menu_sub p {
color:#fff;
font-size:15px;
font-family: 'Nanum Gothic', sans-serif;
padding:5px 0 5px;
}
.right_menu_sub p a:hover {
color:#fff600;
}
.right_menu_sub p::after {
content: ""; 
border:1px solid #fff;
width:5px;
height:5px;
display:inline-block;
margin-left:10px;
transform:rotate(45deg);
border-bottom:transparent;
border-left:transparent;
position:relative;
top:-3px;
} 


/* ½½¶óÀ̵å */

.slide_all {
position:relative;
width:100%;
float:left;
margin-top:30px;
}
.slide_mo {
display:none;
}
.slide_img img {
width:100%;
}

/* ¹è³Ê 01 */


.center_banner_01_all { 
position:relative; 
width:100%;
float:left;
background-color:#fafafa;
padding:80px 0 80px;
 text-align:center;
}
.center_banner_01_ta { 
 position:relative; width:1250px; margin:0 auto; *zoom:1;  transition:all .3s;
}

.cn_01_ta {
width:20%;
 text-align:center;
float:left;

animation: cn_01_ta 1s ease-in forwards;
animation-delay: 1s;
}

  @keyframes cn_01_ta {
  0%{transform: translateY(30px); opacity: 0;}
  100%{transform: translateY(0px); opacity: 1;}
}

.cn_01_01 {
font-family: 'Nanum Gothic', sans-serif;
margin-top:15px;
font-size:16px;
color:#222222;
font-weight:bold;
}

.cn_01_ta img {
transition:all .3s;
}
.cn_01_ta img:hover {
 transform: translate(0,-0.5em);
}


/* ¹è³Ê 02 */


.center_banner_02_all { 
position:relative; 
width:100%;
float:left;
margin-top:100px;
}
.center_banner_02_ta { 
 position:relative; width:1250px; margin:0 auto; *zoom:1;  transition:all .3s;
}

.cn_02_left {
float:left;

animation: cn_02_left 1s ease-in forwards;
animation-play-state:paused; 
}

  @keyframes cn_02_left {
  0%{transform: translateX(-100px); opacity: 0;}
  100%{transform: translateX(0px); opacity: 1;}
}

.cn_02_mo {
display:none;
}
.cn_02_right {
float:right;
width:790px;

animation: cn_02_right 1s ease-in forwards;
animation-play-state:paused; 
animation-delay: 0.5s;
opacity: 0;
}

  @keyframes cn_02_right {
  0%{transform: translateX(100px); opacity: 0;}
  100%{transform: translateX(0px); opacity: 1;}
}
.cn_02_01 {
font-size:45px;
font-family: 'Questrial', sans-serif;
font-weight:bold;
line-height:50px;
}
.cn_02_02 {
width:200px;
height:1px;
background-color:#b5b5b5;
margin:40px 0 40px;
}

.cn_02_03 {
font-family: 'Nanum Gothic', sans-serif;
font-size:15px;
color:#585858;
line-height:25px;
}

/* ½ºÅ©·Ñ¿¡ ÇÊ¿äÇÑ css */

.swiper-pagination2 { margin: 20px 16px 30px; position: relative; z-index: 1; transform: translate3d(0,0,0); transition: .3s opacity;text-align: center; background: rgba(0,0,0,.10); height: 2px; }
.swiper-pagination2 .swiper-pagination-progressbar-fill { background:#2780b7; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0);  -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; }
.swiper-wrapper { transform: translate3d(0,0,0); position: relative; width: 100%; height: 100%;  z-index: 1; display: flex; transition-property: transform,-webkit-transform; box-sizing: content-box; align-items: flex-start; }

.swiper-pagination3 { margin: 20px 16px 30px; position: relative; z-index: 1; transform: translate3d(0,0,0); transition: .3s opacity;text-align: center; background: rgba(0,0,0,.10); height: 2px; }
.swiper-pagination3 .swiper-pagination-progressbar-fill { background:#2780b7; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0);  -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; }


/* ½ºÅ©·Ñ¿¡ ÇÊ¿äÇÑ css */


/* ¹è³Ê 03 */

.center_banner_03_ta { 
 position:relative; width:1250px; margin:0 auto; *zoom:1;  transition:all .3s;
}

.cn_03_01 {
font-size:45px;
font-family: 'Questrial', sans-serif;
font-weight:bold;
line-height:50px;
color:#fff;
letter-spacing: 2px;
margin-top:100px;


animation: cn_03_01 1s ease-in forwards;
animation-play-state:paused; 
}

  @keyframes cn_03_01 {
  0%{transform: translateX(-100px); opacity: 0;}
  100%{transform: translateX(0px); opacity: 1;}
}

/* ¹è³Ê 04 */

.center_banner_04_all { 
position:relative; 
width:100%;
float:left;
margin-top:50px;

animation: cn_04_01 1s ease-in forwards;
animation-play-state:paused; 
}

  @keyframes cn_04_01 {
  0%{transform: translateY(50px); opacity: 0;}
  100%{transform: translateY(0px); opacity: 1;}
}


.center_banner_04_ta { 
 position:relative; width:1250px; margin:0 auto; *zoom:1;  transition:all .3s;
}

.cn_04_ta {
display:inline-block;
width:400px;
height:120px;
border:1px solid #dddddd;
float:left;
transition:all .3s;
}

.cn_04_ta:hover {
border:1px solid #000;
}
.cn_04_01 {
float:left;
margin-left:30px;
}
.cn_04_02 {
float:left;
margin-left:30px;
}
.cn_04_02 p:nth-child(1) {
color:#222222;
font-size:22px;
font-weight:bold;
font-family: 'Nanum Gothic', sans-serif;
}
.cn_04_02 p:nth-child(2) {
color:#777777;
font-size:13px;
line-height:20px;
margin-top:15px;
}
.cn_04_03 {
float:right;
margin-top:30px;
margin-right:30px;
}

.cn_04_area {
margin-top:20px;
}



.cn_04_down {
margin-top:20px;
}

.cn_04_ta_02, .cn_04_ta_05 {
margin-left:22px;
}
.cn_04_ta_03, .cn_04_ta_06 {
float:right;
}

/* °¶·¯¸® */

.gl_all { 
position:relative; 
width:100%;
float:left;
margin-top:50px;

animation: gl_all 1s ease-in forwards;
animation-play-state:paused; 
}

  @keyframes gl_all {
  0%{transform: translateY(50px); opacity: 0;}
  100%{transform: translateY(0px); opacity: 1;}
}


.gl_ta { 
 position:relative; width:1250px; margin:0 auto; *zoom:1;  transition:all .3s;
}

.gl_title {
color:#222222;
font-size:30px;
font-weight:bold;
font-family: 'Questrial', sans-serif;
text-align:center;

}

.gl_start {
margin-top:50px;
}

/* ¹è³Ê 05 */

.center_banner_05_ta { 
 position:relative; width:1250px; margin:0 auto; *zoom:1;  transition:all .3s;

}

.cn_05_ta {


position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
background-color: rgba( 0, 0, 0, 0.9 );
z-index:9999999999;
}

.cn_05_area {
 position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

}

.cn_video {
width:1000px;
}

.cn_05_close {
position:fixed;
  top: 50%;
  left: 50%;
margin:-300px 0 0 470px;
cursor:pointer ;
}

.cn_05_close span:nth-child(1) {
display:block;
width:30px;
height:3px;
background-color:#fff;
position: absolute;
top:0px;
transform:rotate(45deg);
}
.cn_05_close span:nth-child(2) {
display:block;
width:30px;
height:3px;
background-color:#fff;
position: absolute;
top:0px;
transform:rotate(135deg);
}

.cn_05_open {
text-align:center;
margin-top:150px;
}


/* ¿Â¶óÀι®ÀÇ */

.online_all{ 
position:relative; 
width:100%;
float:left;
margin-top:50px;
}
.online_ta{ 
 position:relative; width:1250px; margin:0 auto; *zoom:1;  transition:all .3s;
}

.online_left {
float:left;
width:45%;

animation: online_left 1s ease-in forwards;
animation-play-state:paused; 
}

  @keyframes online_left {
  0%{transform: translateX(-100px); opacity: 0;}
  100%{transform: translateX(0px); opacity: 1;}
}


.online_right {
float:right;
width:50%;
height:600px;
border:1px solid #e9e9e9;

animation: online_right 1s ease-in forwards;
animation-play-state:paused; 
animation-delay: 0.5s;
opacity: 0;
}

  @keyframes online_right {
  0%{transform: translateX(100px); opacity: 0;}
  100%{transform: translateX(0px); opacity: 1;}
}

.online_title {
color:#222222;
font-size:30px;
font-weight:bold;
font-family: 'Questrial', sans-serif;
text-align:center;
margin-bottom:50px;
}


.online_right p { 
color:#222222;
font-size:15px;
font-family: 'Nanum Gothic', sans-serif;
}

.online_form {
margin-top:20px;
}


.online_form_ta {
margin-top:10px;
}


.online_form_02 {
width:80%;
margin-left:50px;
font-size:15px;
font-family: 'Nanum Gothic', sans-serif;
}
.online_form_02 input {
width:100%;
height:50px;
border:0px solid #ddd;
background-color:#f0f0f0;
border-radius: 5px; 
padding-left:10px;
}
.online_form_02 textarea {
width:100%;
height:200px;
border:0px solid #ddd;
background-color:#f0f0f0;
border-radius: 5px;
padding-left:10px;
padding-top:10px;
 }

.form_bt_ta {
float:right;
margin-top:20px;
}


/* ÇÏ´Ü */
.down_menu_all{ 
position:relative; 
width:100%;
float:left;
margin-top:50px;
border-top:1px solid #e9e9e9;
padding:10px 0 10px;
}
.down_menu_ta{ 
 position:relative; width:1250px; margin:0 auto; *zoom:1;  transition:all .3s;
}
.down_menu_ta a {
color:#222;
margin-right:15px;
}  

.down_all{ 
position:relative; 
width:100%;
float:left;
margin-top:0px;
background-color:#222222;
padding:80px 0 80px;
}
.down_ta{ 
 position:relative; width:1250px; margin:0 auto; *zoom:1;  transition:all .3s;
}

.down_logo {
display:inline-block;
float:left;
}

.down_line {
display:inline-block;
float:left;
width:1px;
height:50px;
margin:5px 50px 0 50px;
background-color:#797979;
}

.down_ct {
display:inline-block;
float:left;
font-family: 'Nanum Gothic', sans-serif;
font-size:12px;
line-height:20px;
color:#797979;
}

.right_all {
display:blcok;
position:fixed;
bottom:20px;
right:20px;
border:2px solid #797979;
width:50px;
height:50px;
transition:all .3s;
background-color: rgba( 74, 55, 47, 0 );
cursor:pointer;
z-index:9999;
}
.right_bt {
position:relative;
}
.right_all:hover {
background-color: rgba( 74, 55, 47, 1 );
border:2px solid #4a372f;
}

.right_all:hover .right_bt span {
border:2px solid #fff;
border-left:transparent;
border-bottom:transparent;
}
.right_bt span {
display:block;
margin:20px 0 0 17px;
border:2px solid #797979;
width:15px;
height:15px;
border-left:transparent;
border-bottom:transparent;
transform:rotate(-45deg);
transition:all .3s;
}


.sub_all {
position:relative;
width:100%;
float:left;
margin-top:30px;
margin-bottom:30px;
min-height:450px;

animation: sub_all 1s ease-in forwards;
}

  @keyframes sub_all {
  0%{transform: translateY(50px); opacity: 0;}
  100%{transform: translateY(0px); opacity: 1;}
}


.sub_ta {
position:relative; width:1250px; margin:0 auto; *zoom:1; transition:all .3s;
}
.sub_na_all {
position:relative;
width:100%;
float:left;
background-color:#f3f3f3;
}
.sub_na_ta {
position:relative; width:1250px; margin:0 auto; *zoom:1; transition:all .3s;
}
.sub_na_title {
height:57px;
line-height:57px;
float:left;
font-size:12px;
font-family: "Nanum";
padding-left:30px;
}
.sub_na_img {
float:left;
}