@charset "utf-8";

@import url("/assets/external/068717d72ccfb0d46ee7.css");

@font-face{
font-family: Gotham-Bold;
src: url("/css/font/Gotham-Bold.otf");
}

@font-face{
font-family: Gotham-Black;
src: url("/css/font/Gotham-black.otf");
}
/* �ʱ�ȭ 
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em;font-family:'Malgun Gothic', dotum, sans-serif;background:#fff}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Malgun Gothic', dotum, sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family:'Malgun Gothic', dotum, sans-serif;font-size:1em}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'Malgun Gothic', dotum, sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000; text-decoration:none}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
ul {
  display: table;
  margin-left: auto;
  margin-right: auto;
}
*/
/* ����ž */
.sub_top{overflow:hidden;position:relative;top:0;left:0}
.sub_top .txt{position:absolute;top:60%;left:50%;width:1300px;transform: translate(-50%,-50%);color:#fff;}

.txt02 {font-size:20px;}
.txt05 {font-size:50px; display: table; margin-left: auto; margin-right: auto;}

.txt01 {letter-spacing :3.5px; font-family:'NanumSquare', sans-serif; font-weight:700;}
.txt03 {font-size:50px; font-weight: 800; color: #fff; text-shadow: -1px 0 #333, 0 1px #333, 1px 0 #333, 0 -1px #333; letter-spacing :12.5px; font-family:Gotham-Bold;}
.txt04 {font-size:45px; font-weight: 800; line-height:48px; font-family:Gotham-Black;}
.txt06 {font-weight:500; font-size:18px; line-height:26px; font-family:'NanumSquare', sans-serif;}
.txt07 {font-weight:500; font-size:16px; line-height:26px; font-family:'NanumSquare', sans-serif;}
.txt08 {font-size:35px; font-weight: 1000; line-height:40px; font-family:Gotham-Bold;}
.tap_01 ul li a { padding:0 30px; font-size:1em}
.tap_01 ul li span{font-size:0.8em;font-weight:100}
.tap_01 ul li {text-align:center; list-style-type: none; display:table-cell; margin-left:70px; margin-top:50px;}
.tap_01 ul li:hover {background-color:rgba(0,0,0,0.5);border:1px solid yellow}
.tap_01 ul li:hover span{display:none}
.tap_01 ul { display: table; margin-left: auto; margin-right: auto; margin-top:30px;}
.sub .section{text-align:Center}
.sub .section{padding:50px 0 0 0;}
.tit.en01{color:#000;opacity:0.1;font-weight:900;font-size:5em}
.sub .tit{text-align:center}

.container{width:100%;padding:0px;}
.table_wrap .txt{text-align:left;padding-left:40%;}
.table_wrap .txt1{text-align:left;padding-left:20%;max-width:100%; }
.m-auto {margin:0}

.container02{width:100%;margin:auto;}
.cont_box{margin:80px 0px;}

.ft22 {float:left;}

/*�߾����� ���߱�*/
.img-responsive{max-width:100%; display:block; width:auto;}
.table_wrap{width:100%;display:table;}
.table_wrap > div{vertical-align:middle;}

.cont_box {margin-top: 80px;}
/*������� half*/
.half{width:100%;}
.half2{width:50%; float:left;}

.img_02_01 {max-width:50%; display:block; width:auto; padding:50px 0 ;}
.sub_top .sub_top_img{width:100%;height:auto;background-position: center;background-repeat: no-repeat;background-size: cover;}
.sub_top .img-responsive {overflow:hidden;position:Relative;top:0;left:0}
.sub_top .img-responsive:after {display: block;content: "";clear: both;width: 100%;height: 100%;position: absolute;top: 0;left: 0;opacity: 00.3;background-repeat: no-repeat;background-size: 100%;background-position: top center;}

/*����϶� ��������� ������*/
.table_wrap .txt1 .about_02_02 {width: 80px; position: relative; top: 30px; left: 34px;}
.table_wrap .txt1 .about_02_04 {width: 50px; position: relative; top: 16px; left: 20px;}

/*�Ŀ�������*/
.table_wrap .txt .supp_logo {border-top: solid 1px black;}
.table_wrap .txt .supp_logo .supp {padding: 80px 20px;}

/*poster*/
.table_wrap .txt1 .about_04_01 {max-width: 90%; display: block; width: auto; padding: 50px 0;}
.poster {margin: 86px 0}
.table_wrap .txt .poster_n {float:right; padding-top:100px;}

/*poster*/
    .swiper-container {
      width: 100%;
      height: 100%;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }


    .swiper-slide:hover {
      opacity:0.5 }
      

@media (max-width:767.98px) {

.container{width:90%}

}