h3 {color:#fff; width:100%; text-align:center; font-size:3rem;  position:relative;}
h3 a {font-size:14px;  color:#fff !important; font-weight:300; position:absolute; right:5%; top:12px}

.cd-nav-trigger span.ham {background-color:#fff}

.s1_bottom_text{position:absolute; bottom:80px; left:250px; color:#45075A; font-size:20px; line-height:30px; text-align:left; letter-spacing:0; font-family: 'Noto Sans', sans-serif;}
.s1_bottom_arrow{position:absolute; bottom:95px; right:120px;color:#000;}
.s1_maintit {position:absolute; left:50.5%; top:35%; transform:translateX(-50%);}
.section_wrap {width:1250px; margin:0 auto; box-sizing:border-box; }
.section_wrap2 {width:1400px; margin:0 auto; box-sizing:border-box; }
.under_border {background: #29235C; width:100%; height:1px; margin:25px 0; display:inline-block}

.s_text {font-size:16px; color:#000; line-height:2em;}
.m_text {font-size:18px; color:#000; line-height:1.75em; }
.l_text {font-size:20px; color:#000; line-height:1.75em; }

.f_500 {font-weight:500 !important}
.f_700 {font-weight:700 !important}

.text_20 {font-size:20px; color:#15001C;}

.circle {
	  position: absolute;
	  width: 550px;
	  height: 550px;
	  top: 50%;
	  left: 50%;
	  margin: -275px 0 0 -275px;
	  background:url('/img/hover_img.png') no-repeat;
	  background-size:cover;
	  backface-visibility: hidden;
	  z-index:2;
	}

.s4_star{  max-width:50%; display:block; margin:0 auto;}
	.s4_bottom_wrap {position:absolute; left:50%; bottom:25%; transform:translateX(-50%);}
	.s4_bottom_box {position:relative; margin:0 auto; display:block; width:1200px; border: 0px solid #000; padding:50px 45px; box-sizing:border-box; z-index:999999999999}

	.copy_txt {position:absolute; width:100%; left:50%; bottom:5%; text-align:center; font-size:16px; transform:translateX(-50%);}

.section-nav { z-index: 10; position: fixed; top:35%; right:2%;  width: 150px; height: 100%; text-align:right;
    opacity: 0;
    -webkit-transition: ease-out .35s;
    -o-transition: ease-out .35s;
    transition: ease-out .35s;
}
[data-nav="on"] { animation: nav .35s ease-out .35s forwards; }
[data-nav="off"] { display: none; }

@-webkit-keyframes nav {
    from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes nav {
    from { opacity: 0; }
    to { opacity: 1; }
}
.section-indicator { position: relative;z-index:999999999; top:0; bottom: 0; left: 0; margin: auto; height: 140px;  }
.section-indicator li { margin: 8px 0; }
.section-indicator li:first-child { margin-top: 0; }
.section-indicator li:last-child { margin-bottom: 0; }

.btn-section { position: relative; padding-right: 28px;
    font-size: 13px; color: #fff; line-height:20px;
    opacity: .5; letter-spacing:0.5px;
    -webkit-transition: .35s ease-out .35s;
    -o-transition: .35s ease-out .35s;
    transition: .35s ease-out .35s;
}

.btn-section i { position: absolute; top: 0; right: 0; bottom: 0; margin: auto; width: 18px; height: 18px; }
.btn-section i:before{
    content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 6px; height: 6px; background: #fff; border-radius: 50%;
    box-sizing: border-box;
}
.btn-section i:after{
    content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 100%; border: 2px solid #fff; border-radius: 50%;
    box-sizing: border-box;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .55s ease-out .35s;
    -o-transition: .55s ease-out .35s;
    transition: .55s ease-out .35s;
    opacity: 0;
}
.btn-section:hover{ opacity: .8; }
.btn-section:hover i:after{
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.section-indicator li.on .btn-section{ opacity: 1; }
.section-indicator li.on .btn-section i:after{
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

@media (max-width:1200px) {
    .section-nav {   right:1% }
}
@media (max-width:950px) {
    .section-nav {  display: none; }
}




/* ======= Section ======= */
.bg { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%;
/*    -webkit-transform: scale(1.2);*/
/*    -ms-transform: scale(1.2);*/
/*    transform: scale(1.2);*/
/*    -webkit-transition: ease-out 3s;*/
/*    -o-transition: ease-out 3s;*/
/*    transition: ease-out 3s;*/
}

.bg-zoom{
/*    -webkit-transform: scale(1);*/
/*    -ms-transform: scale(1);*/
/*    transform: scale(1);*/
    /* animation: zoom ease-in-out 3s forwards; */
}

[data-an="fade-up"]{
    opacity: 0;
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition: ease-in-out 1.5s;
    -o-transition: ease-in-out 1.5s;
    transition: ease-in-out 1.5s;
}

[data-fade="in"] [data-an="fade-up"]{
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}


[data-an="fade-up2"]{
    opacity: 1;
   -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: ease-out 3s;
    -o-transition: ease-out 3s;
    transition: ease-out 3s;
}
[data-fade="in"] [data-an="fade-up2"]{
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}


 [data-an-order="1"]{
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s;
}
[data-an-order="2"]{
    -webkit-transition-delay: .55s;
    -o-transition-delay: .55s;
    transition-delay: .55s;
}
[data-an-order="3"]{
    -webkit-transition-delay: .7s;
    -o-transition-delay: .7s;
    transition-delay: .7s;
}
[data-an-order="4"]{
    -webkit-transition-delay: .85s;
    -o-transition-delay: .85s;
    transition-delay: .85s;
}
[data-an-order="5"]{
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
}
[data-an-order="6"]{
    -webkit-transition-delay: 1.15s;
    -o-transition-delay: 1.15s;
    transition-delay: 1.15s;
}
[data-an-order="7"]{
    -webkit-transition-delay: 1.3s;
    -o-transition-delay: 1.3s;
    transition-delay: 1.3s;
}

[data-an-order="8"]{
    -webkit-transition-delay: 1.45s;
    -o-transition-delay: 1.45s;
    transition-delay: 1.45s;
}





/* Section */
.section { overflow: hidden; position: relative;  }
.centre {position:relative; z-index:2; width:100%; height:100%; /*background:rgba(0,0,0,.45)*/}
.centre2 {position:absolute; z-index:2; left:0; top:0; width:100%; height:100vh; display:inline-block;/* background:rgba(0,0,0,.45)*/}

/* section1 */
/*.section1 { background: url('/img/main_bg.png') no-repeat center / cover;  overflow: hidden; }*/

.section02 {position:relative; width:100%; float:left; height:850px; padding:8% 0; box-sizing:border-box;}
.section03 {position:relative; width:100%; float:left; height:850px; padding:8% 0; box-sizing:border-box;}
.section04 {position:relative; width:100%; float:left;  padding:0 0; margin-top:80px; height:1900px;/* background: url('/img/main_grad_bottom.png') no-repeat center 0*/}


.info_t { width:100%; padding:0 30%; display:inline-block; box-sizing:border-box;  color:rgba(255,255,255,.8); font-size:1.1rem; line-height:1.7em; text-align:center; letter-spacing:0px}

.insta  {width:75%;   display:inline-block; margin-left:12.5%; box-sizing:border-box; }
.insta div {width:14.285%; float:left;}
.insta div img {width:100%}
.btn_wrap {width:100%; display:inline-block; position:relative;}

.basic_btn {width:200px; text-align:center;  display:inline-block; position:absolute; left:50%; margin-left:-100px; top:0; transition: all 0.3s ease-out; }
.basic_btn span {border:1px solid rgba(255,255,255,.5);  width:100%; display:inline-block; color:#fff !important;  font-size:1em; line-height:45px;    transition: all 0.3s ease-out; letter-spacing:1px}
.basic_btn:hover { top:-10px; padding-bottom:10px;  }
.basic_btn:hover span {  border:1px solid #fff; }


.bg0 {background: url('/img/main_bg.png') no-repeat center;}

.bg1 {background:#fff; }
.bg2 {background:#fff; }
.bg3 {background: url('/img/gra_bg.png') no-repeat center 0px; }
.bg4 {background: url('/img/main_bottom_bg.png') no-repeat center 0}

.sub_bg {background: url('/img/sub_topbg.png') no-repeat center 0; }
.bt_bg {background: url('/mobile/img/bt_bg.png') no-repeat center bottom; }

.one {width:100px; height:100px;   display:inline-block;   margin:10px; }
.one  img {width:100%}
.s_line {width:30px; height:1px; display:inline-block; margin-bottom:15px; margin-top:10px;  background-color:#fff}

.notice {width:75%; margin-left:12.5%; display:flex; justify-content:space-between}
.notice li {width:32%; border:1px solid rgba(255,255,255,.2);   vertical-align:middle; padding-bottom:15px}
.notice li div {width:100%; height:200px; overflow:hidden; position:relative; background-color:#fff; margin-bottom:10px;}
.notice li div  img {width:100%; position:absolute; top:50%; transform: translate(0, -50%); }
.notice li b {color:#fff; width:100%; font-weight:500; font-size:1.15rem; display:inline-block; padding:0 10px;}
.notice li p {color:rgba(255,255,255,.7); width:100%; font-size:0.95rem; display:inline-block; padding:0 10px;}

@media (max-width:1200px) {
 .insta div  {width:20%;}
 .insta div:nth-child(6)  {display:none}
 .insta div:nth-child(7)  {display:none}
  .insta div:nth-child(13)  {display:none}
 .insta div:nth-child(14)  {display:none}

.info_t { font-size:0.95rem; line-height:1.5em; padding:0 10%}

 }

@media (max-width:950px) {
 .s_line {display:none}

.insta  {width:90%; margin-left:5%;  }

 .insta div  {width:25%;}
 .insta div:nth-child(5)  {display:none}
 .insta div:nth-child(6)  {display:none}
 .insta div:nth-child(7)  {display:none}
  .insta div:nth-child(12)  {display:none}
  .insta div:nth-child(13)  {display:none}
 .insta div:nth-child(14)  {display:none}
.one {width:60px; height:60px;   margin:3px; }

.notice {width:90%; margin-left:5%; display:flex; justify-content:space-between}
.notice li {width:49%; }
.notice li:nth-child(3) {display:none}
.notice li div {height:120px}
.notice li b {font-size:1rem}
.notice li p {font-size:0.90rem}
}



/* 메인 최하단에 이미지 링크 호버효과 */




/* 프로젝트 탭메뉴 */
.tab_list_a {
    position:relative;
	width:100%;
	float:left;
/*    height: 200px;*/
/*    width:200px;*/
    display: block;
	z-index:999999999;
}

.tab_list_a img {left: 0;position:absolute; top: 0;}

.tab_list_ul {
  position:relative;
  width:100%;
  box-sizing:border-box;
  list-style: none;
  background:#ddd;
}





.tab_list_ul li  {width:auto; float:left; height:75px; margin-bottom:10px;}
.tab_list_ul li a {width:auto; z-index:999999}
.tab_list_ul li a.ov img {border-bottom:2px solid #29235C; padding-bottom:10px;}

.tab_list_ul .tab_list_a img.list01 {opacity:0;filter:alpha(opacity=0); transition:ease-in-out 0.35s}
.tab_list_ul .tab_list_a:hover img.list01 {opacity:1;filter:alpha(opacity=100); transition:ease-in-out 0.35s}
.tab_list_ul .tab_list_a:hover img.list01_ov {opacity:0;filter:alpha(opacity=0); transition:ease-in-out 0.35s}

.tab_list_ul .tab_list_a img.list02 {opacity:0;filter:alpha(opacity=0); transition:ease-in-out 0.35s}
.tab_list_ul .tab_list_a:hover img.list02 {opacity:1;filter:alpha(opacity=100); transition:ease-in-out 0.35s}
.tab_list_ul .tab_list_a:hover img.list02_ov {opacity:0;filter:alpha(opacity=0); transition:ease-in-out 0.35s}

.tab_list_ul .tab_list_a img.list03 {opacity:0;filter:alpha(opacity=0); transition:ease-in-out 0.35s}
.tab_list_ul .tab_list_a:hover img.list03 {opacity:1;filter:alpha(opacity=100); transition:ease-in-out 0.35s}
.tab_list_ul .tab_list_a:hover img.list03_ov {opacity:0;filter:alpha(opacity=0);  transition:ease-in-out 0.35s}