/*
	Copyright 2020 Raonbnp
	http://raonbnp.com, http://raonwebstore.com
*/

@charset "UTF-8";
@import '/_css/common.css';

/* front, admin 공통*/

@import '/_css/member.css';

/* front member 공통*/

@import '/_css/board.css';

/* front member 공통*/

@import 'loading.css';
@import 'fontSet.css';
@import 'basic.css';
@import 'layout.css';

/*서브공통*/

#sub_wrap .sub_visual {
    position: relative;
}

#sub_wrap .sub_visual .visual {
    height: 46rem;
}

#sub_wrap .sub_visual .container h3 {
    font-size: 4.6rem;
    font-weight: 600;
    line-height: 1.4;
    margin-top: -3.5rem;
}
#sub_wrap .sub_visual .container .solution_download{
	/* padding: 1rem 3rem; */
	margin-top: 1rem;
	background: #e94a28;
    color: #fff;
    padding: 2rem 5rem;
    height: 9rem;
	width: 28rem;
    line-height: 9rem;
	font-family: 'Montserrat', sans-serif !important;
    font-weight: 600;
	font-size: 1.6rem;
	transition: 0.2s;
}
#sub_wrap .sub_visual .container .solution_download:hover{
/* 	background: rgba(233, 74, 40, 0.5);
	 */	color: #000;
	 background:#eee;
	transition: 0.2s;
}

#sub_wrap .sub_visual .container div {
    text-align: right;
    font-size: 2rem;
    line-height: 2
}

#sub_wrap .sub_visual .container div p {
    text-align: left;
    display: inline-block;
}

hr.container-line {
    border-top: 1px solid #000;
    max-width: 1500px;
    margin: 14rem auto;
}

.project_style {
    overflow: hidden;
}

.project_style .box {
    display: block;
    text-align: center;
}

.project_style .box>.thum {
    padding-top: 100%;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center center !important;
    margin-bottom: 2rem;
    position: relative;
}

.project_style .box:hover>.thum::after,
.project_style .box:hover>.thum::before {
    content: "";
    position: absolute;
}

.project_style .box:hover>.thum::before {
    z-index: 2;
    background: rgba(0, 0, 0, .7);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.project_style .box:hover>.thum::after {
    content: "VIEW";
    font-family: 'Montserrat', sans-serif !important;
    left: 50%;
    top: 50%;
    font-size: 1.8rem;
    font-weight: 600;
    color: #fff;
    width: 11rem;
    height: 11rem;
    transform: translate(-50%, -50%);
    text-align: center;
    line-height: 11rem;
    background: #e94a28;
    border-radius: 100%;
    z-index: 3;
}

.project_style .box>p:nth-child(2) {
    color: #000;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.8;
}

.project_style .box>p:nth-child(3) {
    margin-top: 1rem;
    font-size: 1.6rem;
    color: #999
}

.project_style.type2 {
    display: flex;
    flex-wrap: wrap;
    margin-left: -42px;
    margin-right: -42px;
}

.project_style.type2>div {
    width: calc(100%/3);
    padding-left: 42px;
    padding-right: 42px;
    margin-bottom: 6rem;
}

.project_style.type2>div .box {
    text-align: left;
}

.project_style.type2>div .box>p:nth-child(2) span {
    border-bottom: 1px solid #444;
}

.project_style.type2>div .box>p:nth-child(3) {
    margin-top: 1rem;
    font-size: 2rem;
    color: #2b2b2b;
    font-weight: 500;
}

.txt_add{
font-size:1.6rem;
font-weight:300;
line-height:30px;
}

@media(max-width:1199.98px) {
    .project_style.type2 {
        margin-left: -15px;
        margin-right: -15px;
    }
    .project_style.type2>div {
        padding-left: 15px;
        padding-right: 15px;
    }
    #sub_wrap .sub_visual .container h3 {
        font-size: 4rem;
        margin-top: -3rem;
    }
    #sub_wrap .sub_visual .container div {
        font-size: 1.8rem;
        margin-top: 2rem;
    }
    hr.container-line {
        border-top: 1px solid #000;
        max-width: 1500px;
        margin: 10rem auto;
    }
}

@media(max-width:991.98px) {
    .project_style.type2 {
        margin-left: -10px;
        margin-right: -10px;
    }
    .project_style.type2>div {
        padding-left: 10px;
        padding-right: 10px;
    }
    #sub_wrap .sub_visual .visual {
        height: 36rem;
    }
    #sub_wrap .sub_visual .container h3 {
        font-size: 3.6rem;
        margin-top: -3rem;
    }
    #sub_wrap .sub_visual .container div {
        text-align: left !important;
    }
    #sub_wrap .sub_visual .container div br {
        display: none;
    }
    hr.container-line {
        margin: 8rem auto;
    }
}

@media(max-width:767.98px) {
    .project_style.type2 {
        margin-left: -5px;
        margin-right: -5px;
    }
    .project_style.type2>div {
        width: calc(100%/2);
        padding-left: 5px;
        padding-right: 5px;
    }
    #sub_wrap .sub_visual .visual {
        height: 30rem;
    }
    #sub_wrap .sub_visual .container h3 {
        font-size: 3rem;
        margin-top: -2.5rem;
    }
    #sub_wrap .sub_visual .container div {
        text-align: left !important;
    }
    #sub_wrap .sub_visual .container div br {
        display: none;
    }
    hr.container-line {
        margin: 6rem auto;
    }
}


/*메인 컨텐츠*/

.btn_view_more {
    position: relative;
    font-size: 3.4rem;
    font-weight: 800;
    font-family: 'Montserrat', sans-serif !important;
}

.btn_view_more a {
    color: inherit;
    display: inline-block;
    position: relative;
    padding-right: 4rem;
}

.btn_view_more a span {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translatey(-50%);
    width: 6rem;
    height: 6rem;
    border-radius: 100%;
    border: 1px solid #ea5434;
    color: #ea5434;
    transition: all .3s ease-in-out;
}

.btn_view_more a:hover span {
    background: #ea5434;
    color: #fff;
    right: -2rem;
}

.btn_view_more a span i {
    position: absolute;
    font-size: 12px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

@media(max-width:1199.98px) {
    .sub_visual .bg_text {
        font-size: 9rem !important;
    }
}

@media(max-width:991.98px) {
    .sub_visual .bg_text {
        font-size: 7rem !important;
        width: 100%;
        text-align: center;
    }
}

@media(max-width:767.98px) {
    .sub_visual .bg_text {
        font-size: 4rem !important;
    }
}

@media(max-width:576.98px) {}


/*about*/

.about_wrap {}

.about_wrap .sub_visual .visual {
    background: url(../_img/sub/sub_visual_about.jpg) no-repeat center center / cover;
}

.about_wrap section:nth-of-type(1) {
    margin-bottom: 10rem;
}

.about_wrap section:nth-of-type(1) .graphic {
    margin-top: 4rem;
    background: #1e1e1e;
    position: relative;
    text-align: right;
    padding-right: 10rem;
}

.about_wrap section:nth-of-type(1) .graphic::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 99%;
    top: 0;
    background: #1e1e1e;
}

.about_wrap section:nth-of-type(2) {
    padding-bottom: 15rem;
}

.about_wrap section .partner_list ul {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}

.about_wrap section .partner_list ul>li {
    width: 20%;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding: 2rem 1rem
}

.about_wrap section .partner_list ul>li:nth-child(5n) {
    border-right: 0;
}

.about_wrap section .partner_list ul>li:nth-child(-n+5) {
    border-top: 0;
}

.about_wrap section .partner_list ul>li img {
    width: 100%;
    max-width: 240px;
}

@media(max-width:767.98px) {
    .about_wrap section:nth-of-type(1) {
        margin-bottom: 6rem;
    }
    .about_wrap section:nth-of-type(2) {
        padding-bottom: 8rem;
    }
}


/*lab543*/

.lab543_wrap .sub_visual {
    padding-bottom: 10rem;
}

.lab543_wrap .sub_visual .bg_text {
    position: absolute;
    left: 0;
    bottom: -4rem;
    font-size: 11.6rem;
    font-weight: 800;
    opacity: .1
}

.lab543_wrap .sub_visual .visual {
    background: url(../_img/sub/sub_visual_lab543.jpg) no-repeat center center / cover;
}

.lab543_wrap .graphic_html {
    position: relative;
}

.lab543_wrap .graphic_html::after {
    content: "";
    position: absolute;
    left: 0;
    top: 3rem;
    height: 2px;
    background: #000;
    width: 100%;
}

.lab543_wrap .graphic_html ul {
    position: relative;
    margin-left: -2.5rem;
    margin-right: -2.5rem;
    display: flex;
    list-style: none;
    padding: 0;
    z-index: 2;
}

.lab543_wrap .graphic_html ul>li {
    width: 25%;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}

.lab543_wrap .graphic_html ul>li>p {
    height: 6rem;
    line-height: 5.6rem;
    background: #fff;
    text-align: center;
    color: #000;
    font-size: 1.8rem;
    font-family: "Montserrat";
    font-weight: 600;
    border: 2px solid #e7e7e7;
    margin-top: 1rem;
}

.lab543_wrap .graphic_html ul>li>p:first-child {
    color: #fff;
    background: #000;
    border: 2px solid #000;
    margin-top: 0;
}

.lab543_wrap .tab_year {
    max-width: 60rem;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 5rem;
    padding: 10px;
    padding-right: 60px;
    position: relative;
}

.lab543_wrap .tab_year>div {
    overflow: hidden;
    padding: 10px;
}

.lab543_wrap .tab_year li a {
    display: block;
    color: #000;
    font-weight: 400;
    text-align: center;
    font-family: "Montserrat";
    font-size: 1.6rem;
    height: 5rem;
    line-height: 5rem;
}

.lab543_wrap .tab_year li a.on {
    background: #000;
    border-radius: 1.5rem;
    font-weight: 800;
    color: #fff;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, .5)
}

.lab543_wrap .tab_year .control {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translatey(-50%);
}

.lab543_wrap .tab_year .control a img {
    max-width: 39px
}

@media(max-width:1199.98px) {
    .lab543_wrap .sub_visual .bg_text {
        font-size: 9rem;
    }
}

@media(max-width:991.98px) {
    .lab543_wrap .sub_visual {
        padding-bottom: 8rem;
    }
    .lab543_wrap .sub_visual .bg_text {
        font-size: 7rem;
        width: 100%;
        text-align: center;
    }
}

@media(max-width:767.98px) {
    .lab543_wrap .sub_visual {
        padding-bottom: 6rem;
    }
    .lab543_wrap .sub_visual .bg_text {
        font-size: 4rem;
    }
    .lab543_wrap .graphic_html ul {
        margin-left: -.5rem;
        margin-right: -.5rem;
    }
    .lab543_wrap .graphic_html ul>li {
        padding-left: .5rem;
        padding-right: .5rem;
    }
    .lab543_wrap .graphic_html ul>li>p {
        font-size: 1.6rem;
        letter-spacing: -0.04em;
    }
}

@media(max-width:576.98px) {
    .lab543_wrap .graphic_html ul {
        margin-left: -.3rem;
        margin-right: -.3rem;
    }
    .lab543_wrap .graphic_html ul>li {
        padding-left: .3rem;
        padding-right: .3rem;
    }
    .lab543_wrap .graphic_html ul>li>p {
        font-size: 1.5rem;
    }
}


/*wave*/

.wave_wrap {
    padding-bottom: 12rem;
}

.wave_wrap .sub_visual {
    padding-bottom: 10rem;
}

.wave_wrap .sub_visual .bg_text {
    position: absolute;
    left: 0;
    bottom: -4rem;
    font-size: 11.6rem;
    font-weight: 800;
    opacity: .1
}

.wave_wrap .sub_visual .visual {
    background: url(../_img/sub/sub_visual_wave.jpg) no-repeat center center / cover;
}

.wave_wrap .graphic_html {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    margin-left: -20px;
    margin-right: -20px;
    position: relative;
}

.wave_wrap .graphic_html::after {
    content: "";
    position: absolute;
    width: 80%;
    border-top: 1px solid #000;
    top: 3.2rem;
    left: 10%;
    margin-left: -3rem;
    z-index: -1;
}

.wave_wrap .graphic_html>article {
    width: 50%;
    padding: 0 20px;
}

.wave_wrap .graphic_html>article:last-child {
    width: 50%;
}

.wave_wrap .graphic_html>article>p {
    font-size: 1.8rem;
    background: #000;
    color: #fff;
    padding: 1.8rem;
    font-family: 'Montserrat', sans-serif !important;
    margin-bottom: 1rem;
}

.wave_wrap .graphic_html>article>div.flex {
    display: flex;
    margin-left: -5px;
    margin-right: -5px;
}

.wave_wrap .graphic_html>article>div.flex>div {
    width: 50%;
    padding-left: 5px;
    padding-right: 5px;
}

.wave_wrap .graphic_html>article .box>p {
    border: 1px solid #e7e7e7;
    background: #f4f4f4;
    font-size: 1.6rem;
    padding: 2rem 1.5rem;
    margin-bottom: 1rem;
}

.wave_wrap .graphic_html>article .box>dl {}

.wave_wrap .graphic_html>article .box>dl>dt {
    font-size: 1.6rem;
    margin-bottom: 1rem;
    border: 1px solid #ddd;
}

.wave_wrap .graphic_html>article .box>dl>dd {
    font-size: 1.8rem;
}

@media(max-width:1199.98px) {
    .wave_wrap .graphic_html>article .box>dl img {
        max-width: 120px !important
    }
}

@media(max-width:991.98px) {
    .wave_wrap .graphic_html>article .box>dl img {
        max-width: 120px !important
    }
    .wave_wrap .graphic_html {
        margin-left: 0px;
        margin-right: 0px;
    }
    .wave_wrap .graphic_html>article {
        width: 100% !important;
        padding: 0;
    }
    .wave_wrap .graphic_html>article+article {
        margin-top: 3rem;
    }
}

@media(max-width:767.98px) {
    .wave_wrap {
        padding-bottom: 8rem;
    }
    .wave_wrap .sub_visual {
        padding-bottom: 8rem;
    }
}


/*data*/

.data_wrap {
    padding-bottom: 12rem;
}

.data_wrap .sub_visual {
    padding-bottom: 10rem;
}

.data_wrap .sub_visual .bg_text {
    position: absolute;
    left: 0;
    bottom: -4rem;
    font-size: 11.6rem;
    font-weight: 800;
    opacity: .1
}

.data_wrap .sub_visual .visual {
    background: url(../_img/sub/sub_visual_data.jpg) no-repeat center center / cover;
}

.data_wrap section {}

.data_wrap section h4 {
    font-size: 3.4rem;
    font-weight: 600;
}

.data_wrap section .talk {
    font-style: italic;
    font-size: 2rem;
    font-weight: 500;
    margin-bottom: 2.5rem;
}

.data_wrap section .graphic_html {
    list-style: none;
    display: flex;
    padding: 0;
    margin-left: -10px;
    margin-right: -10px;
    position: relative;
    z-index: 1;
}

.data_wrap section .graphic_html::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    border-top: 1px solid #000;
    left: 5%;
    width: 90%;
    z-index: -1;
}

.data_wrap section .graphic_html>li {
    width: 33.33%;
    padding: 0px 10px;
}

.data_wrap section .graphic_html>li>div {
    color: #fff;
    background: #000000;
    text-align: center;
    padding: 3rem 5px;
    font-size: 1.8rem;
    font-weight: 300;
}

.data_wrap section .graphic_html>li.on>div {
    background: #e94a28
}

@media(max-width:991.98px) {
    .data_wrap section h4 {
        margin-bottom: 10px;
        font-size: 3rem;
    }
}

@media(max-width:767.98px) {
    .data_wrap {
        padding-bottom: 8rem;
    }
    .data_wrap .sub_visual {
        padding-bottom: 8rem;
    }
    .data_wrap section h4 {
        margin-bottom: 10px;
        font-size: 2.6rem;
    }
    .data_wrap section .talk {
        font-size: 1.8rem;
    }
    .data_wrap section .graphic_html {
        flex-wrap: wrap;
    }
    .data_wrap section .graphic_html>li {
        width: 100%;
    }
    .data_wrap section .graphic_html>li+li {
        margin-top: 1rem;
    }
    .data_wrap section .graphic_html>li>div {
        padding: 2rem 5px;
        font-size: 1.7rem;
    }
    .data_wrap section .graphic_html::after {
        width: 1px;
        height: 100%;
        left: 50%;
        top: 0;
        border-top: 0;
        background: #000;
    }
}


/*project_list_wrap*/

.project_list_wrap {
    margin-bottom: 10rem;
}

.project_list_wrap .tabs_dp1>ul,
.project_list_wrap .tabs_dp2>ul {
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin-bottom: 3rem;
	flex-wrap: wrap;
}

.project_list_wrap .tabs_dp1>ul>li {
    padding: 4px 5px;
}

.project_list_wrap .tabs_dp1>ul>li>a {
    display: block;
    font-family: "Montserrat";
    font-weight: 400;
    padding: 1rem 1.5rem;
    min-width: 10rem;
    text-align: center;
    border: 1px solid #ccc;
    color: #000;
    font-size: 1.6rem;
    border-radius: 15px;
}

.project_list_wrap .tabs_dp1>ul>li>a.on {
    font-weight: 600;
    color: #fff;
    background: #000;
    border: 1px solid #000;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .3)
}

.project_list_wrap .tabs_dp2_wrap {
    margin-bottom: 7rem;
}

.project_list_wrap .tabs_dp2>ul>li {
    padding: 0px 5px;
}

.project_list_wrap .tabs_dp2>ul>li>a {
    display: block;
    font-family: "Montserrat";
    padding: .5rem 1.2rem;
    text-align: center;
    color: rgba(0, 0, 0, .3);
    font-size: 1.6rem;
    font-weight: 800;
}

.project_list_wrap .tabs_dp2>ul>li>a.on {
    color: rgba(0, 0, 0, 1);
    position: relative;
}

.project_list_wrap .tabs_dp2>ul>li>a.on::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -10px;
    margin-left: -5px;
    width: 8px;
    height: 8px;
    border-left: 2px solid #000;
    border-bottom: 2px solid #000;
    transform: rotate(-45deg)
}


/*project_detail_wrap*/

.project_detail_wrap {
    padding-bottom: 12rem
}

.project_detail_wrap hr {
    border-top: 1px solid #000;
    margin: 10rem 0;
}

.project_detail_wrap .visual_box {
    text-align: center;
    height: 67rem;
    background-size: cover !important;
    background-position: center center !important;
    position: relative;
    font-family: "Montserrat", "Noto Sans KR";
}

.project_detail_wrap .visual_box>.project_name {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    padding: 0 2rem;
    z-index: 5;
    color: #fff;
}

.project_detail_wrap .visual_box>.project_name>p:first-child {
    font-size: 1.8rem;
}

.project_detail_wrap .visual_box>.project_name h4 {
    font-size: 5rem;
    font-weight: 600;
    margin: 1rem 0 4rem 0;
}

.project_detail_wrap .visual_box>.project_name h4 .lab {
    color: #e94a28;
}

.project_detail_wrap .visual_box>.project_name>p:last-child {
    font-size: 1.8rem;
    line-height: 1.7;
}

.project_detail_wrap .detail_info {
    padding-top: 14rem;
    padding-bottom: 14rem;
}
/* .project_detail_wrap .detail_info iframe{
	max-width:865px;
	width:100%;
	height:500px;
} */
.project_detail_wrap .detail_info .video-wrap {position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
.project_detail_wrap .detail_info .video-wrap iframe,
.project_detail_wrap .detail_info .video-wrap object,
.project_detail_wrap .detail_info .video-wrap embed {position:absolute; top:0; left:0; width:100%; height:100%;}


.project_detail_wrap .detail_info>section {
    display: flex;
    flex-wrap: wrap;
    max-width: 1100px;
    margin: 0 auto;
    margin-top: 12rem;
}

.project_detail_wrap .detail_info>section:first-child,
.project_detail_wrap .detail_info>hr+section {
    margin-top: 0;
}

.project_detail_wrap .detail_info>section>h5 {
    font-size: 2.4rem;
    font-weight: 800;
    width: 20%;
    font-family: "Montserrat", "Noto Sans KR";
}

.project_detail_wrap .detail_info>section>div {
    width: 80%;
}

.project_detail_wrap .detail_info .award {
    margin-bottom: 8rem;
}

.project_detail_wrap .detail_info dl {
    font-size: 1.6rem;
    font-weight: 300;
    color: #555;
    line-height: 1.8
}

.project_detail_wrap .detail_info dl dt {
    font-size: 1.8rem;
    font-weight: 700;
    font-family: "Montserrat", "Noto Sans KR";
    color: #000;
    margin-top: 3rem;
    margin-bottom: .5rem;
}

.project_detail_wrap .detail_info dl dt:first-child {
    margin-top: 0;
}

.project_detail_wrap .detail_info .role {}

.project_detail_wrap .detail_info .role ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
    padding: 0;
    list-style: none;
}

.project_detail_wrap .detail_info .role ul>li {
    display: flex;
    align-items: center;
    width: calc(100%/4);
    padding: 0px 10px;
    margin-bottom: 2rem;
}

.project_detail_wrap .detail_info .role ul>li>p {
    border: 1px solid #ddd;
    width: 100%;
    height: 12rem;
    text-align: center;
    font-size: 1.6rem;
    font-family: "Montserrat", "Noto Sans KR";
    font-weight: 500;
    color: #999;
    line-height: 12rem;
    border-radius: 2rem;
}

.project_detail_wrap .detail_info .role ul>li.on>p {
    border: 2px solid #e94a28;
    color: #ea5434;
    font-weight: 600;
}

.project_detail_wrap .list_view {
    text-align: center;
    margin-top: 4rem;
}

.project_detail_wrap .list_view a {
    display: inline-block;
    border: 1px solid #000;
    padding: 1.2rem;
    width: 20rem;
    font-family: "Montserrat", "Noto Sans KR";
    text-align: center;
    font-size: 1.8rem;
    font-weight: 600;
    color: #000;
}

.project_detail_wrap .list_view a:hover {
    background: #000;
    color: #fff;
}


.project_detail_wrap .gird_container{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap:1rem;
	grid-auto-rows:dense;
}
.project_detail_wrap .gird_container .first{
	grid-row: span 2;
	grid-column:span 2;
}

@media(max-width:991.98px) {
	.project_detail_wrap .gird_container{
		grid-template-columns: repeat(2, 1fr);
	}

    .project_detail_wrap .visual_box {
        text-align: center;
        height: 50rem;
        background-size: cover !important;
        background-position: center center !important;
        position: relative;
        font-family: "Montserrat", "Noto Sans KR";
    }
	.about_wrap section:nth-of-type(1) .graphic{
		 padding-right: 0;
	}
	.about_wrap section:nth-of-type(1) .graphic::after{
		content:none;
	}
}

@media(max-width:767.98px) {
    .project_detail_wrap .detail_info {
        padding-top: 8rem;
        padding-bottom: 8rem;
    }
    .project_detail_wrap hr {
        border-top: 1px solid #000;
        margin: 6rem 0;
    }
    .project_detail_wrap .detail_info>section {
        margin-top: 6rem;
    }
    .project_detail_wrap .visual_box>.project_name h4 {
        font-size: 4.2rem;
    }
    .project_detail_wrap .detail_info>section>h5,
    .project_detail_wrap .detail_info>section>div {
        width: 100%;
    }
    .project_detail_wrap .detail_info>section>h5 {
        margin-bottom: 2rem;
    }
    .project_detail_wrap .detail_info .role ul {
        margin-left: -4px;
        margin-right: -4px;
    }
    .project_detail_wrap .detail_info .role ul>li {
        width: calc(100%/3);
        padding-right: 4px;
        padding-left: 4px;
        margin-bottom: 1rem;
    }
}


.project_detail_wrap .indent_span{
	display:block;
	text-indent:19px;
}
@media(max-width:992px){
	.project_detail_wrap .indent_span{
		display:inline-block;
		text-indent:0;
	}
}