.wv_hide {
        display: none;
    }
	.position_absolute_center{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
	}
	.position_absolute_out{
		width:100%;
		position: absolute;
		top: -150%;
		left: 50%;
		transform: translate(-50%,-50%);
		z-index:-1;
	}
	.arrow_btn {
		background: #111;
		width: 50px;
		height: 50px;
		border-radius: 50%;
		position: relative;
		cursor: pointer;
	}
	.arrow_btn > img {
		position: absolute;
		max-width: 60%;
		top: 55%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.arrow_btn:hover {
		background: #ff0018;
	}
	.arrow_btn:hover img {
		-webkit-animation: go-right 1s linear infinite alternate; /* Safari 4+ */
		-moz-animation:    go-right 1s linear infinite alternate; /* Fx 5+ */
		-o-animation:      go-right 1s linear infinite alternate; /* Opera 12+ */
		animation:         go-right 1s linear infinite alternate; /* IE 10+, Fx 29+ */
	}
	.top_btn {
		position: fixed;
		width: 45px;
		height: 45px;
		bottom: 2vh;
		right: 1vh;
		border-radius: 5px;
		background: rgba(0,0,0,0.3);
		z-index: 9;
		cursor: pointer;
	}
	.top_btn img {
		width: 50%;
	}

	.wvcontainer {
		width: 100vw;
	}

	#top_banner {
		width: 100vw;
		height: 70vw;
		background-image: url(/wp-content/images/top_banner_m.png);
		background-position: top center;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
	}
	.banner_title {
		width: 100%;
		text-align: center;
		top: 65%;
	}
	.banner_title h5 {
		color: #FFF;
		font-size: 5vw;
		font-weight: 100;
	}
	.banner_title h1 {
		color: #FFF;
		font-size: 9vw;
		font-weight: 900;
	}

	#section_intro {
		width: 100vw;
		position: relative;
		text-align: center;
		padding: 0 5%;
	}
	.section_title {
		color: #000;
		font-size: 5.5vw;
		font-weight: 800;
		margin: 10vh auto 4vh auto;
        line-height: 1.7em;
	}
	.section_title:after {
		content: '';
		display: block;
		margin: 5.5vh auto;
		width: 1px;
		height: 50px;
		border-right: 1px solid #999;
	}
	#section_intro h2 {
		color: #000;
		font-size: 4.6vw;
		font-weight: 600;
        line-height: 1.7em;
	}
	#section_intro p {
		color: #000;
		font-size: 3.6vw;
		font-weight: 600;
		margin: 4vh auto 7vh auto;
		letter-spacing: -0.05vw;
		line-height: 1.7em;
		word-break: keep-all;
	}

	/* Å¸ÀÓ¶óÀÎ */
    .timeline_nav {
        width: 100%;
        background: #fff;
        z-index:99;
        position: -webkit-sticky;
        position: sticky;
        padding: 10vh 2vh 2vh;
        top: 50px;
    }
    #timeline_nav .timeline_img {
        background-image: url(/wp-content/images/introduce/history/Line.png);
        background-repeat: no-repeat;
        background-position: center;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 0 auto;
    }
    #timeline_nav .timeline_img div {
        position: relative;
        display: flex;
    }
    #timeline_nav .timeline_img div div {
        width: 28px;
        height: 28px;
    }
    #timeline_nav .timeline_img div div img {
        position: absolute;
    }
    #timeline_nav .timeline_img div div img.red_on {
        position: absolute;
    }
    #timeline_nav .timeline_img p {
        position: absolute;
        top:-60px;
        left: 50%;
        transform: translateX(-50%);
        width: 100px;
    }
    #timeline_nav .timeline_img p.color_on {
        color: #df0015;
        font-weight: 800;
    }

    @media only screen and (min-width: 768px) and (max-width: 1399px)  {
        #timeline_nav {
	        top: 80px;
	        max-width: 81%;
	    }
        .banner_title h1 {
            font-size: 7vw;
            line-height: 1.2em;
        }

        .banner_title h5 {
            font-size: 3vw;
        }

        .section_title {
            font-size: 4vw;
        }

        .section_title:after {
            height: 10vw;
        }
    }


	.position-relative {
    position: relative!important;
}
#section_intro h1, #section_contact h1 {
    color: #333;
    font-weight: 400;
    margin: 10vh auto 4vh auto;
    line-height: 1.7em;
}
#section_intro h1:after, #section_contact h1:after {
    content: '';
    display: block;
    margin: 5.5vh auto;
    width: 1px;
    height: 50px;
    border-right: 1px solid #999;
}
.itcen_map {
    width: 70%;
    margin: 0 auto;
    text-align: center;
}
.adress {
    width: 70%;
    margin: 30px auto;
    text-align: left;
}
	.adress span {
		text-align:left;
        padding-left:40px;
        margin-right: 40px;
		font-size:1.3rem;
	}
	.adress span:before {
		content:'';
		width: 2px;
		height: 100%;
		border-left: 2px solid #333;
		margin-right:10px;
	}
    .root_detail {
        width: 70%;
        margin: 0 auto 15vh auto;
        padding: 25px;
        text-align: left;
        background-color: #f5f5f5;
        border: 1px solid #ddd;
    }

.mb_intro {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
}
.mb_intro li{
	width:100%;
	line-height:160%;
	margin-top:20px;
    border-left: 6px solid #515151;
	text-align:left;
	padding-left:15px;
	vertical-align:top;
}
.mb_intro li::mark {
}