/*Content CSS*/
#main_vis { position: relative; z-index: 5; width: 100%; height: 800px; display: flex; justify-content: center; }
#main_vis_slider { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#main_vis_slider .main_slide { height:800px; position: relative; z-index: 1; background:no-repeat center / cover; }
#main_vis_slider .main_slide.img01 { background-image:url('../img/main1.jpg'); }
#main_vis_slider .main_slide.img02 { background-image:url('../img/main2.jpg'); }
#main_vis_slider .main_slide.img03 { background-image:url('../img/main3.jpg'); }


/*main_typo*/
.main_typo_wrap { text-align: left; position: relative; z-index: 2; width: 100%; padding:140px 30px 0; text-align: center; }
.main_typo h1 {font-size: 35px; font-weight:700; color:#fff; line-height: 48px; font-family: 'Montserrat'; text-shadow: 0px 2px 4px rgb(0 0 0 / 30%); }
.main_typo p {font-size: 18px; line-height: 30px; font-weight: 300; color:rgba(255,255,255,.9); font-family: 'Spoqa Han Sans Neo'; margin:20px 0 0; text-shadow: 0px 2px 4px rgb(0 0 0 / 50%); }

.bar_wr {width:280px; height: 2px; background: rgba(255,255,255,.3); position: relative; order:2; }
.redbar { width:1px; height:2px; opacity: 1; position:absolute; left:0; top:-0; z-index:10; transition-property: width; transition-duration: 5000ms;
transition-timing-function: ease; }
.redbar.redbar_active { width:100%; height:1px; opacity: 1; background: #FFF; transition-property: width; transition-duration: 5000ms; transition-timing-function: ease; }
.redbar.redbar_remove {width:0px; height:1px; opacity: 1; background: #FFF; transition-property: width; transition-duration: .1s; transition-timing-function: ease;}

/* paging number */
#num_wr {display: flex; align-items:center; position: relative;  margin-bottom: 13px; order:1; }
#num_wr h2 {font-size: 14px; font-weight: 500; color:#fff; font-family: 'Spoqa Han Sans Neo'; }
#num_wr span {display: block; font-size: 14px; font-weight: 400; color:#9b9b9b; margin:0 5px;  font-family: 'Spoqa Han Sans Neo';}
#num_wr h3 {font-size: 14px; font-weight: 500; color:#9b9b9b; font-family: 'Spoqa Han Sans Neo'; }

.main_typo_wrap .pager { margin:70px 0 0; display: flex; align-items: center; justify-content: center; flex-direction: column; }


/* vis_icon */
#vis_icon { position: absolute; width: 100%; left:0; bottom: 0; display: flex; flex-wrap: wrap; z-index: 3; }
#vis_icon li { width:50%; }
#vis_icon li:nth-child(2n) { border-left: 1px solid rgba(255,255,255,0.3); }
#vis_icon li a { display: block; border-top: 1px solid rgba(255,255,255,0.3); width: 100%; padding:25px 15px; line-height: 1; position: relative; text-align: center; }
#vis_icon li a .icon {display: block; margin:0 auto; width: 40px; height: 42px; transition: all .3s ease; background:url("../img/main_icon1.png") center center no-repeat;}
#vis_icon li a h2 {font-size: 18px; font-weight: 700; color:#fff;  font-family: 'Montserrat'; margin:18px 0 14px;}
#vis_icon li a p {font-size: 15px; font-weight: 500; color:rgba(255, 255, 255, 0.7); }
#vis_icon li a .plus {position: absolute; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,.27); width: 70px; height: 70px; display: none; }
#vis_icon li a .plus img {transition: transform .5s ease; }

/* icon */
#vis_icon li:nth-child(2) a .icon {background-image:url("../img/main_icon2.png"); }
#vis_icon li:nth-child(3) a .icon {background-image:url("../img/main_icon3.png"); }
#vis_icon li:nth-child(4) a .icon {background-image:url("../img/main_icon4.png"); }




@media screen and (max-width: 1300px) {


}