/* sub_visual */
.sub_visual .visual{ padding: 12% 0; }
.sub_visual .visual01{ background: url("/img/sub/center_visual.jpg") no-repeat center center / cover; }
.sub_visual .visual02{ background: url("/img/sub/about_visual.jpg") no-repeat center center / cover; }

.sub_visual h1{ font-size: 9rem; font-weight: 700; color: #fff; text-align: center; line-height: 1.2857; }
.sub_visual .visual ul{ display: flex; justify-content: center; align-items: center; margin-top: 10px; }
.sub_visual .visual ul li{ font-size: 1.5rem; font-weight: 400; color: #fff; letter-spacing: -0.015em; opacity: 0.4; position: relative; }
.sub_visual .visual ul li:not(:last-of-type){ margin-right: 30px; }
.sub_visual .visual ul li::after{ content: ""; width: 3px; height: 3px; background-color: #fff; opacity: 0.4; border-radius: 50%; position: absolute; top: 50%; right: -17px; transform: translateY(-50%); }
.sub_visual .visual ul li:last-of-type::after{ display: none; }

@media screen and (max-width: 1400px){
	.sub_visual h1{ font-size: 7rem; padding: 50px 20px 0; }
}

@media screen and (max-width: 900px){
	.sub_visual .visual ul li:not(:last-of-type){ margin-right: 20px; }
	.sub_visual .visual ul li::after{ right: -12px; }
}

.sub_content{ border-bottom: 1px solid #ccc; }
.sub_content .lnb .moblie{ display: none; }
.sub_content .lnb{ position: sticky; top: 0; left: 0; z-index: 20; background-color: #fff; border-bottom: 1px solid #ddd; }
.sub_content .lnb ul{ display: flex; justify-content: center; position: relative; }
.sub_content .lnb ul li{ position: relative; position: relative; }
.sub_content .lnb ul li::before{ content: ""; width: 1px; height: 16px; background-color: #ddd; position: absolute; top: 50%; left: 0; transform: translateY(-50%); }
.sub_content .lnb ul li:last-of-type::after{ content: ""; width: 1px; height: 16px; background-color: #ddd; position: absolute; top: 50%; right: 0; transform: translateY(-50%); }
.sub_content .lnb ul li a{ display: inline-block; font-size: 1.7rem; font-weight: 400; color: #222; padding: 40px 70px; }

.sub_content .lnb ul li.on a{ font-weight: 700; color: #0073bf; position: relative; }
.sub_content .lnb ul li.on a::after{ content: ""; width: calc(100% - 140px); height: 2px; background-color: #0073bf; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); }

@media screen and (max-width: 900px){
	.sub_content .lnb .pc{ display: none; }
	.sub_content .lnb .moblie{ display: block; position: relative; }
	.sub_content .lnb .moblie p{ font-size: 1.7rem; font-weight: 700; color: #0073bf; padding: 25px 40px; margin: 0 auto; position: relative; cursor: pointer; }
	.sub_content .lnb .moblie p::before{ content:""; display: inline-block; width: 12px; height: 8px; background: url("/img/sub/lnb_arrow.png") no-repeat center center / auto; position: absolute; top: 50%; right: 40px; transform: translateY(-50%); }
	.sub_content .lnb ul{ width: 100%; flex-direction: column; position: absolute; top: calc(100% + 1px); left: 50%; z-index: 30; transform: translateX(-50%); background-color: #fff; }
	.sub_content .lnb ul li a{ width: 100%; padding: 20px 40px; }
	.sub_content .lnb ul li.on a::after{ display: none; }
	.sub_content .lnb .moblie ul{ display: none; }
}


.sub_content .sub{ padding-top: 98px; }

@media screen and (max-width: 900px){
	.sub_content .sub{ padding-top: 50px; }
}

/* sub_title */
.sub_title{ margin-bottom: 70px; }
.sub_title span{ font-size: 1.4rem; font-weight: 700; color: #0073bf; }
.sub_title h2{ font-size: 6.5rem; font-weight: 700; color: #222; line-height: 1.0769; margin-top: 22px; }

@media screen and (max-width: 1250px){
	.sub_title h2{ font-size: 5.5rem; }
}

@media screen and (max-width: 1000px){
	.sub_title{ margin-bottom: 40px; }
}


/* paging */
.paging{ width: 100%; display: flex; justify-content: center; align-items: center; }
.paging .arr, .paging ul{ display: flex; align-items: center; margin: 0 5px; }
.paging ul li:not(:last-of-type){ margin-right: 10px; }
.paging ul li a{ display: flex; justify-content: center; align-items: center; width: 36px; height: 36px; font-size: 1.7rem; font-weight: 300; color: #999; letter-spacing: -0.01em; text-align: center; }
.paging .arr a{ display: inline-block; padding: 13px 3.5px 10px; }

.paging ul li.on{ border-radius: 50%; background: #0073bf; }
.paging ul li.on a{ color: #fff; }

/* tab_menu */
.tab_menu li{ width: 185px; height: 60px; display: flex; justify-content: center; align-items: center; font-size: 1.6rem; font-weight: 500; color: #9c9c9c; background-color: #fff; border: 1px solid #ccc; border-radius: 30px; cursor: pointer; }
.tab_menu li a{ display: inline-block; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; font-size: 1.6rem; font-weight: 500; color: #9c9c9c; }
.tab_menu li.active{ background-color: #0073bf; font-weight: 700; color: #fff; border: 1px solid #0073bf; }
.tab_menu li.active a{ font-weight: 700; color: #fff; }

@media screen and (max-width: 1200px){
	.tab_menu li{ width: 160px; height: 50px; }
}


/* 공통 table */
.table-box table{ border: 1px solid #ddd; margin-bottom: 80px; }
.table-box table tr{ border-bottom: 1px solid #eee; }
.table-box table tbody tr:last-of-type{ border-bottom: none; }
.table-box table th{ font-size: 1.8rem; font-weight: 700; color: #222; padding: 30px 0; background-color: #f8f8f8; border-right: 1px solid #eee; }
.table-box table td{ font-size: 1.6rem; font-weight: 400; color: #222; text-align: center; line-height: 1.3; padding: 30px 0; border-right: 1px solid #eee; }
.table-box table th:last-of-type, .table-box table td:last-of-type{ border-right: none; }


/* hover-list */
.hover-list li{ cursor: pointer; }
.hover-list li figure{ width: 100%; display: inline-block; margin: 0; text-align: center; position: relative; overflow: hidden; border-radius: 10px; }
.hover-list li figure::before{ content: ""; width: 0; height: 0; position: absolute; top: 50%; left: 50%; z-index: 5; transform: translate(-50%, -50%); background: rgba(0, 104, 183, 0.6); border-radius: 50%; transition: 0.8s; backdrop-filter: blur(4px); }
.hover-list li figure::after{ content: "VIEW MORE"; display: inline-block; font-size: 1.6rem; font-weight: 500; color: #fff; padding-top: 70px; background: url("/img/sub/view_more.png") no-repeat top center / auto; opacity: 0; position: absolute; top: 60%; left: 50%; z-index: 10; transform: translate(-50%, -50%); transition: 0.5s; transition-delay: 0.3s; }
.hover-list li img{ width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.hover-list li p{ width: 100%; font-size: 1.8rem; font-weight: 500; color: #222; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 15px; text-align: center; margin-top: 20px; }

.hover-list li:hover p{ color: #0073bf; }
.hover-list li:hover figure::before{ width: 160%; height: 160%; }
.hover-list li:hover figure::after{ opacity: 1; top: 50%; }


/* 에코브레인이 걸어온 길 */
#history{ padding-bottom: 80px; }
#history .sub_title{ margin-bottom: 0; }
#history .flex-box{ display: flex; }
#history .menu{ width: 700px; }
#history .menu .sticky{ position: sticky; top: 145px; left: 0; margin-bottom: 60px; }
#history .menu .tab_menu{ margin-top: 145px; }
#history .menu .tab_menu ul li:not(:last-of-type){ margin-bottom: 20px; }

#history .history{ width: calc(100% - 700px); padding-top: 62px; margin-left: 145px; }
#history .history ul li{ display: flex; padding-bottom: 89px; position: relative; }
#history .history ul li::before{ content: ""; width: 1px; height: calc(100% - 15px); background-color: #ddd; position: absolute; top: 18px; left: 5px; }
#history .history ul li::after{ content: ""; width: 1px; height: calc(100% - 15px); background-color: #0073bf; position: absolute; top: 18px; left: 5px; transform: scaleY(0); transform-origin: top center; transition: 0.5s; }
#history .history ul li:last-of-type::before{ display: none; }
#history .history ul li:last-of-type::after{ display: none; }
#history .history span.year{ display: inline-block; height: fit-content; font-size: 3.8rem; font-weight: 700; color: #222; padding: 0 35px 0 45px; margin-top: -8px; position: relative; z-index: 10; }
#history .history span.year::before{ content: ""; width: 41px; height: 41px; background: #fff url("/img/sub/history_before.png") no-repeat center center / auto; position: absolute; top: 50%; left: -15px; transform: translateY(-50%) scale(0); transform-origin: center center; transition: 0.5s; }
#history .history span.year::after{ content: ""; width: 5px; height: 5px; border-radius: 50%; background-color: #ddd; position: absolute; top: 50%; left: 3px; transform: translateY(-50%); }
#history .history dl{ padding-left: 33px; }
#history .history dl dt{ font-size: 2rem; font-weight: 700; color: #222; line-height: 1.3; margin-bottom: 10px; position: relative; }
#history .history dl dt::before{ content: attr(data-month); font-size: 1.6rem; font-weight: 400; color: #0073bf; position: absolute; top: 50%; left: -33px; transform: translateY(-50%); }
#history .history dl dd{ font-size: 1.6rem; font-weight: 400; color: #555; line-height: 1.75; }
#history .history dl dd:not(:last-of-type){ padding-bottom: 37px; }

/* history scroll */
#history .history ul li.on::after{ transform: scaleY(1); }
#history .history li.on span.year::before{ transform: translateY(-50%) scale(1); }
#history .history li.on span.year::after{ background-color: #0073bf; }

@media screen and (max-width: 1510px){
	#history .flex-box{ justify-content: space-between; }
	#history .menu, #history .history{ width: calc((100% - 60px) / 2); }
	#history .history dl dd br{ display: none; }
	#history .history{ margin-left: 0; }
}

@media screen and (max-width: 1320px){
	#history .menu{ width: 350px; }
	#history .history{ width: calc(100% - 400px); }
	#history .menu .tab_menu{ margin-top: 50px; }
}

@media screen and (max-width: 1000px){
	#history .flex-box{ flex-direction: column; }
	#history .menu, #history .history{ width: 100%; }
	#history .menu .sticky{ position: static; margin-bottom: 0; }
	#history .menu .tab_menu{ display: none; }
}

@media screen and (max-width: 700px){
	#history .history ul li{ flex-direction: column; }
	#history .history dl{ padding-left: 80px; margin-top: 20px; }
}


/* 에코브레인의 기술과 경험 */
#experience{ padding-bottom: 180px; }
#experience .sub_title{ margin-bottom: 0; }
#experience .flex-box{ display: flex; justify-content: space-between; align-items: flex-end; }
#experience .tab_menu{ display: flex; padding-bottom: 5px; }
#experience .tab_menu li:first-of-type{ margin-right: 20px; }

#experience .tab-box{ padding-top: 75px; }
/* #experience .tab-box .tab:not(:first-of-type){ display: none; } */
#experience .tab-box table th:first-of-type{ width: 50%; }

@media screen and (max-width: 1640px){
	#experience .tab-box table td{ padding: 30px 10px; }
}

@media screen and (max-width: 1100px){
	#experience .flex-box{ flex-direction: column; align-items: flex-start; }
	#experience .tab_menu{ margin-top: 20px; }
	#experience .tab-box{ padding-top: 40px; }
	#experience .tab-box table{ margin-bottom: 40px; }
}


/* 에코브레인 파트너 */
#partner{ padding-bottom: 180px; }
#partner .flex-box{ display: flex; flex-wrap: wrap; }
#partner .figure{ display: flex; justify-content: center; align-items: center; width: calc((100% - 120px) / 4); height: 120px; border: 1px solid #ddd; margin-right: 30px; margin-bottom: 40px; position: relative; }
#partner figure{ width: 100%; margin: 0; text-align: center; }
#partner figure:nth-of-type(4n){ margin-right: 0; }
#partner .figure a{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
#partner .paging{ margin-top: 40px; }

@media screen and (max-width: 1400px){
	#partner .figure{ width: calc((100% - 80px) / 3); }
	#partner .figure:nth-of-type(4n){ margin-right: 40px; }
	#partner .figure:nth-of-type(3n){ margin-right: 0; }
}

@media screen and (max-width: 1000px){
	#partner .figure{ width: calc((100% - 40px) / 2); }
	#partner .figure:nth-of-type(3n){ margin-right: 40px; }
	#partner .figure:nth-of-type(2n){ margin-right: 0; }
	#partner .paging{ margin-top: 15px; }
}

@media screen and (max-width: 670px){
	#partner .figure{ width: 100%; margin-right: 0; margin-bottom: 30px; }
	#partner .figure:nth-of-type(3n){ margin-right: 0; }
}


/* 에코 라이브 - 복지, 사내문화 */
#life{ padding-bottom: 125px; }
#life .flex-box{ display: flex; flex-wrap: wrap; }
#life .box{ width: calc((100% - 90px) / 4); height: 296px; background-color: #f9f9f9; border-radius: 20px; padding: 60px 50px; margin-right: 30px; margin-bottom: 30px; } 
#life .box:nth-of-type(4n){ margin-right: 0; }
#life .box h3{ font-size: 2.5rem; font-weight: 600; color: #222; letter-spacing: -0.03em; margin: 30px 0 13px; }
#life .box p{ font-size: 1.7rem; font-weight: 400; color: #555; letter-spacing: -0.015em; line-height: 1.5882; }
#life .box.center{ display: flex; justify-content: center; align-items: center; }

@media screen and (max-width: 1460px){
	#life .box{ width: calc((100% - 60px) / 3); height: 276px; padding: 50px; }
	#life .box:nth-of-type(4n){ margin-right: 30px; }
	#life .box:nth-of-type(3n){ margin-right: 0; }
}

@media screen and (max-width: 1100px){
	#life .box{ width: calc((100% - 30px) / 2); }
	#life .box:nth-of-type(3n){ margin-right: 30px; }
	#life .box:nth-of-type(2n){ margin-right: 0; }
}

@media screen and (max-width: 740px){
	#life .box{ width: 100%; margin-right: 0; text-align: center; }
	#life .box:nth-of-type(3n){ margin-right: 0; }
}


/* 수상/인증, 특허, 프로그램 */
#award{ padding-bottom: 180px; }
#award .flex-box{ display: flex; justify-content: space-between; align-items: flex-end; }
#award .sub_title{ margin-bottom: 0; }
#award .tab_menu{ display: flex; margin-bottom: 8px; }
#award .tab_menu li:not(:last-of-type){ margin-right: 20px; }
#award .content-box{ padding-top: 70px; }
#award .content-box ul{ display: flex; flex-wrap: wrap; }
#award .content-box ul li{ width: calc((100% - 160px) / 5); margin-right: 40px; margin-bottom: 70px; cursor: pointer; }
#award .content-box ul li:nth-of-type(5n){ margin-right: 0; }
#award .content-box ul li figure{ padding-bottom: 134%; }


#award .paging{ padding-top: 8px; }

@media screen and (max-width: 1470px){
	#award .content-box ul li{ width: calc((100% - 120px) / 4); }
	#award .content-box ul li:nth-of-type(5n){ margin-right: 40px; }
	#award .content-box ul li:nth-of-type(4n){ margin-right: 0; }
}

@media screen and (max-width: 1200px){
	#award .flex-box{ flex-direction: column; align-items: flex-start; }
	#award .flex-box .tab_menu{ margin-top: 30px; }
	#award .content-box{ padding-top: 40px; }
}

@media screen and (max-width: 1150px){
	#award .content-box ul li{ width: calc((100% - 80px) / 3); }
	#award .content-box ul li:nth-of-type(4n){ margin-right: 40px; }
	#award .content-box ul li:nth-of-type(3n){ margin-right: 0; }
}

@media screen and (max-width: 950px){
	#award .content-box ul li{ width: calc((100% - 40px) / 2); }
	#award .content-box ul li:nth-of-type(3n){ margin-right: 40px; }
	#award .content-box ul li:nth-of-type(2n){ margin-right: 0; }
}

@media screen and (max-width: 750px){
	#award .flex-box .tab_menu{ width: 100%; flex-wrap: wrap; }
	#award .flex-box .tab_menu li{ width: calc((100% - 20px) / 2); margin-bottom: 10px; }
	#award .flex-box .tab_menu li:nth-of-type(2n){ margin-right: 0; }
}

/* 논문 */
#award .thesis-box figure{ width: 100%; margin: 0; text-align: center; margin: 70px 0; }
#award .table-box table tr th:first-of-type{ width: 70%; }  
#award .table-box table tr td{ padding: 30px 10px; }

@media screen and (max-width: 1150px){
	#award .table-box table tr td br{ display: none; }
	#award .table-box table{ margin-bottom: 40px; }
}

@media screen and (max-width: 800px){
	#award .thesis-box figure{ margin: 40px 0; }
	#award .table-box table tr th:first-of-type{ width: 60%; }  
}


/* 미디어룸 */
#media{ padding-bottom: 180px; }
#media .sub_title{ margin-bottom: 0; }
#media .flex-box{ display: flex; justify-content: space-between; align-items: flex-end; padding-bottom: 72px; }
#media .search{ position: relative; margin-bottom: 8px; }
#media .search input{ width: 400px; height: 50px; border: none; border-bottom: 1px solid #ddd; font-size: 1.7rem; font-weight: 300; color: #222; padding: 0 40px 0 10px; }
#media .search input::placeholder{ color: #999; } 
#media .search button{ width: 40px; height: 40px; border: none; background: none; background: url("/img/sub/search_icon.png") no-repeat center center / auto; position: absolute; top: 50%; right: 0; transform: translateY(-50%); cursor: pointer; }
#media .media-box ul{ display: flex; flex-wrap: wrap; }
#media .media-box li{ width: calc((100% - 120px) / 4); margin-right: 40px; margin-bottom: 65px; position: relative; }
#media .media-box li:nth-of-type(4n){ margin-right: 0; }
#media .media-box figure{ padding-bottom: 74%; }
#media .media-box li a{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 20; }
#media .paging{ padding-top: 15px; }

@media screen and (max-width: 1450px){
	#media .media-box li{ width: calc((100% - 80px) / 3); }
	#media .media-box li:nth-of-type(4n){ margin-right: 40px; }
	#media .media-box li:nth-of-type(3n){ margin-right: 0; }
}

@media screen and (max-width: 1200px){
	#media .media-box li{ margin-bottom: 30px; }
	#media .flex-box{ flex-direction: column; align-items: flex-start; padding-bottom: 20px; }
	#media .search{ width: 100%; text-align: right; margin-top: 30px; }
}

@media screen and (max-width: 900px){
	#media .media-box li{ width: calc((100% - 20px) / 2); margin-right: 20px; }
	#media .media-box li:nth-of-type(3n){ margin-right: 20px; }
	#media .media-box li:nth-of-type(2n){ margin-right: 0; }
}

@media screen and (max-width: 500px){
	#media .media-box li{ width: 100%; margin-right: 0; }
	#media .media-box li:nth-of-type(3n){ margin-right: 0; }
}

/* 홍보영상 */
#media .hover-list.video figure{ padding-bottom: 56%; }


/* 수상/인증, 특허, 프로그램 - 팝업 */
.popup_view{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 300; background: rgba(0, 0, 0, 0.3); display: none; }
.popup_view .content{ width: 558px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; }
.popup_view .content figure{ width: 100%; display: inline-block; margin: 0; position: relative; overflow: hidden; padding-bottom: 133.5%; border-radius: 10px; }
.popup_view .content figure img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.popup_view .content button{ width: 50px; height: 50px; border: none; background: #0073bf; border-radius: 10px; margin-top: 25px; cursor: pointer; transition: 0.3s; }
.popup_view .content button i{ font-size: 2.6; color: #fff; }

.popup_view .content button:hover{ border-radius: 50%; }

@media screen and (max-width: 1600px){
	.popup_view .content{ width: 30%; }
}

@media screen and (max-width: 1100px){
	.popup_view .content{ width: 45%; }
}

@media screen and (max-width: 800px){
	.popup_view .content{ width: 60%; }
}


/* 홍보영상 - 팝업 */
.popup_view .content.video{ width: 820px; }
.popup_view .content.video .video_box{ width: 100%; position: relative; padding-bottom: 56%; }
.popup_view .content.video .video_box iframe{ width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

@media screen and (max-width: 1250px){
	.popup_view .content.video{ width: 60%; }
}

@media screen and (max-width: 850px){
	.popup_view .content.video{ width: 75%; }
}

@media screen and (max-width: 500px){
	.popup_view .content.video{ width: 95%; } 
}


/* 상세페이지 */
#view{ padding-bottom: 180px; }
#view .view{ border-top: 1px solid #111; }
#view .view .title{ display: flex; justify-content: space-between; align-items: center; padding: 60px 30px; border-bottom: 1px solid #e5e5e5; }
#view .view .title h3{ width: calc(100% - 450px); font-size: 3.2rem; font-weight: 700; color: #222; letter-spacing: -0.015em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#view .view .title ul{ display: flex; }
#view .view .title ul li{ font-size: 1.6rem; font-weight: 600; color: #222; letter-spacing: 0; position: relative; }
#view .view .title ul li::before{ content: ""; width: 1px; height: 11px; background-color: #ccc; position: absolute; top: 50%; right: -20px; transform: translateY(-50%); }
#view .view .title ul li:last-of-type::before{ display: none; }
#view .view .title ul li:not(:last-of-type){ margin-right: 40px; }
#view .view .title ul li span{ font-weight: 400; color: #777; }
#view .view .content{ padding: 90px 0; }

#view .link ul li{ display: flex; align-items: center; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 0 30px; }
#view .link ul li:first-of-type{ margin-bottom: 10px; }
#view .link ul li span{ display: inline-block; width: 95px; font-size: 1.6rem; font-weight: 400; color: #333; text-align: center; position: relative; }
#view .link ul li.prev span::before{ content: ""; width: 7px; height: 6px; background: url("/img/sub/prev_view.png") no-repeat center center / auto; position: absolute; top: 50%; left: 0; transform: translateY(-50%); }
#view .link ul li.next span::before{ content: ""; width: 7px; height: 6px; background: url("/img/sub/next_view.png") no-repeat center center / auto; position: absolute; top: 50%; left: 0; transform: translateY(-50%); }
#view .link ul li span::after{ content: ""; width: 1px; height: 20px; background-color: #e5e5e5; position: absolute; top: 40%; right: 0; transform: translateY(-50%); }
#view .link ul li a{ display: inline-block; width: calc(100% - 95px); font-size: 1.6rem; font-weight: 400; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 30px; }

#view .list{ display: inline-block; width: 170px; height: 60px; text-align: center; line-height: 60px; background-color: #333; border-radius: 5px; font-size: 1.6rem; font-weight: 400; color: #fff; padding-left: 25px; position: relative; }
#view .center{ text-align: center; margin-top: 80px; }  
#view .list::before{ content: ""; width: 13px; height: 11px; background: url("/img/sub/list_btn.png") no-repeat center center / auto; position: absolute; top: 50%; left: 60px; transform: translateY(-50%); }
#view .list:hover{ background-color: #0073bf; }

@media screen and (max-width: 1250px){	
	#view .view .title{ padding: 25px 20px; }
	#view .view .title h3{ font-size: 3rem; }

	#view .view .content{ padding: 50px 0; }

	#view .link ul li{ padding: 0 20px; }
	#view .link ul li a{ padding: 20px; }
	#view .center{ margin-top: 40px; }
	
	#view .list{ width: 150px; height: 55px; line-height: 55px; }
	#view .list::before{ left: 45px; }
}

@media screen and (max-width: 1000px){
	#view .view .title{ flex-direction: column; align-items: flex-start; }
	#view .view .title h3{ width: 100%; }
	#view .view .title ul{ width: 100%; justify-content: flex-end; margin-top: 20px; }
}

@media screen and (max-width: 550px){	
	#view .view .title ul li:not(:last-of-type){ margin-right: 20px; }
	#view .view .title ul li::before{ right: -11px; }
}

/* sub_content padding-bottom */
@media screen and (max-width: 1250px){
	#history{ padding-bottom: 0; }
	#life{ padding-bottom: 70px; }
	#experience{ padding-bottom: 100px; }
	#partner{ padding-bottom: 100px; }
	#award{ padding-bottom: 100px; }
	#media{ padding-bottom: 100px; }
	#view{ padding-bottom: 100px; }
}