@charset "utf-8";

/* about page css */

/* subpage 기본 헤더영역 스타일 변경으로 주석 23.11.28
.about #header h1.logo > a {background-image: url(/images/logo.svg);}
.about #header .menu .lang > button {color:#fff;}
.about #header .menu .lang > span {color:#fff;}
.about #header .menu .lang > button.active {font-weight: bold;}
.about .btn_gnb > span.hamburger > span {background-color: #fff;}
.about .btn_gnb > span.hamburger > span::before {background-color: #fff;}
.about .btn_gnb > span.hamburger > span::after {background-color: #fff;} */

.about #content .visual_top {height:100vh; background-image: url(/images/bg_visual_about.jpg); background-repeat: no-repeat; background-position: center; background-size: cover;}
.about #content .visual_top .visual_top_content {position:relative; width:100%; height:100%; background-color: rgba(0,0,0,.64);}
.about #content .visual_top .visual_top_txt {position: absolute; top:50%; left:50%; margin-top:-10px; width:calc(100% - 200px); text-align: center; transform: translate(-50%, -50%);}
.about #content .visual_top .visual_top_txt img {width:380px;}
.about #content .visual_top .visual_top_txt img.en {width:900px; max-width:calc(100% - 30px);}
.about #content .visual_top .visual_top_txt p {margin:48px auto 0; line-height:150%; font-size:20px; color:#fff; word-break: keep-all;}
.about #content .visual_top .ico_scroll_down {position:absolute; left:50%; margin-left:-12px; bottom:32px;}

.about #content ul.state {width:100%; height:100vh; display: table; table-layout: fixed; background: url(/images/bg_state_asset.jpg) no-repeat center; background-size: cover; transition:all 0.3s;}
.about #content ul.state li {display: table-cell; height:100%; text-align: center; vertical-align: middle; color: #fff; background-color: rgba(0,0,0,.64); transition: all 0.3s;}
.about #content ul.state li:hover {background-color: rgba(0,75,157,1);}
.about #content ul.state li + li {border-left:1px solid rgba(255,255,255,.2);}
.about #content ul.state li > em {font-size:14px; font-weight: 500; line-height: 150%;}
.about #content ul.state li > span {display:block; width:32px; height:3px; margin:10px auto 0; background:#fff;}
.about #content ul.state li > strong {display:block; margin-top:12px; font-size:52px; font-weight:600; line-height: 120%;}

.about #content ul.state.portfolio {background-image: url(/images/bg_state_portfolio.jpg);}
.about #content ul.state.fund {background-image: url(/images/bg_state_fund.jpg);}

.about #content div.history {padding: 180px 0; overflow: hidden;}
.about #content div.history .top {position: relative; padding-right: 130px;}
.about #content div.history .top .title > h3 {font-size:60px; font-weight: 600; line-height: 120%; color: #000;}
.about #content div.history .top .title > span {display: block; margin-top: 12px; font-size: 24px; line-height: 120%; color:#444;}
.about #content div.history .top .control_slide {position: absolute; right: 0; bottom:0; font-size:0;}
.about #content div.history .top .control_slide button {width:56px; height:56px; border:1px solid #808890; border-radius: 50%; background:url(/images/ico_slide_arr.svg) no-repeat center;}
.about #content div.history .top .control_slide button + button {margin-left:16px;}
.about #content div.history .top .control_slide .btn_prev_history {transform: rotate(180deg);}
.about #content div.history .top .control_slide button[aria-disabled="true"] {border-color: #dedede; background-image: url(/images/ico_slide_arr_disabled.svg);}

.about #content div.history .slide_history {position: relative; margin-top:80px;}
.about #content div.history .slide_history li {position: relative; padding-top:14px;}
.about #content div.history .slide_history li::after {content: ''; display: block; position: absolute; left:0; top:0; width: 8px; height: 8px; border-radius: 50%; border: 3px solid #0199DB; background: #fff; box-shadow: 0px 2px 4px 0px rgba(68, 68, 79, 0.15); }
.about #content div.history .slide_history li::before {content: ''; display: block; position: absolute; left:7px; top:6.5px; right:0; height:1px; background-color: #ddd;}
.about #content div.history .slide_history li > strong.year {display:block; margin:16px 0; font-size:28px; line-height: 120%; font-weight: bold; color: #004B9D;}
.about #content div.history .slide_history li > p.activity {padding-right:16px;}
.about #content div.history .slide_history li > p.activity + p.activity {margin-top: 6px;}
.about #content div.history .slide_history li > p.activity::after {content:''; display:block; clear: both;}
.about #content div.history .slide_history li > p.activity em.month {float:left; margin-right: 8px; font-size:16px; line-height: 150%; font-weight:bold; color:#000;}
.about #content div.history .slide_history li > p.activity span {display:block; overflow: hidden; font-size:16px; line-height: 150%;}


/* team page css */
.team #content .visual_sub {background-image: url(/images/bg_visual_team.jpg);}
.team ul.grid_thumb > li.parking {border-top:1px solid #ddd;}

/* portfolio page css */
.portfolio #content .visual_sub {background-image: url(/images/bg_visual_portfolio.jpg);}

.portfolio div.box_search {max-width:470px;}

.portfolio div.grid_top {overflow: hidden; padding-bottom: 16px; border-bottom:1px solid #ddd;}
.portfolio div.grid_top::after {content:''; display: block; clear: both;}
.portfolio div.grid_top div.box_search {float:left;}
.portfolio div.grid_top div.filter {float:right; margin-top:3px;}

.portfolio ul.grid_thumb {margin-top:16px;}
.portfolio ul.grid_thumb > li .box_img {padding-top:72.3%; background-color: #EEF1F5; background-size: 100%;}
.portfolio ul.grid_thumb > li:hover .box_img {background-size: 110%;}

/* notice page css */
.notice #content .visual_sub {background-image: url(/images/bg_visual_notice.jpg);}
.notice div.box_search {max-width:470px; margin-bottom:24px;}

ul.table_layout.board_list > li > span.num {width: 110px;}
ul.table_layout.board_list > li > span.category {width: 200px;}
ul.table_layout.board_list > li > span.date {width: 200px;}

ul.table_layout.board_list > .tbody > span.category {font-weight: 500; color:#004B9D;}
ul.table_layout.board_list > .tbody[onclick] {cursor: pointer;}
ul.table_layout.board_list > .tbody > span.title {overflow: hidden; text-align: left; white-space: nowrap; font-weight:500; color: #121212; text-overflow: ellipsis;}

div.board_view {border-top:1px solid #121212;}
div.board_view > .info {display:flex; padding: 24px 28px; border-bottom: 1px solid #ddd;}
div.board_view > .info em.category {display: inline-block; font-size:20px; line-height: 29px; font-weight: bold; color:#004B9D;}
div.board_view > .info strong.title {flex:1; margin-left:24px; font-size: 24px; line-height: 29px; font-weight: bold; color:#121212; word-break: keep-all;}
div.board_view > .info span.date {font-size:20px; line-height:29px;}
div.board_view > div.attachments {padding:20px 28px; border-bottom: 1px solid #ddd; /* font-size:0; */}

a.file {display:inline-block; position: relative; margin-right:28px; padding:2px 0 2px 30px; font-size:18px; line-height:20px; color:#666;}
a.file::after {content:''; display:block; position: absolute; left:0; top:0; width: 24px; height: 24px; background: url(/images/ico_download.svg) no-repeat center;}
a.link {display:inline-block; position: relative; margin-right:28px; padding:2px 0 2px 30px; font-size:18px; line-height:20px; color:#666;}
a.link::after {content:''; display:block; position: absolute; left:0; top:0; width: 24px; height: 24px; background: url(/images/ico_link.svg) no-repeat center;}

div.board_view > .attachment {border-bottom: 1px solid #ddd;}
div.board_view > .content {padding:40px 28px 80px; border-bottom: 1px solid #121212;}
div.board_view > nav {border-bottom:1px solid #ddd; font-size:0;}
div.board_view > nav > a {display:flex; padding:20px 28px;}
div.board_view > nav > a + a {border-top:1px solid #ddd;}
div.board_view > nav > a > strong {display:inline-block; font-size:18px; line-height:32px; font-weight: bold; color:#121212;}
div.board_view > nav > a > span.ico {display:inline-block; width: 32px; height:32px; margin-left:12px; background-repeat: no-repeat; background-position: center;}
div.board_view > nav > a > span.ico.ico_prev_post {background-image: url(/images/ico_board_nav_arr.svg);}
div.board_view > nav > a > span.ico.ico_next_post {background-image: url(/images/ico_board_nav_arr.svg); transform: rotate(180deg);}
div.board_view > nav > a > span.title {flex:1; overflow: hidden; font-size: 18px; line-height: 32px; margin-left:32px; white-space: nowrap; text-overflow: ellipsis; color:#121212;}
div.board_view > nav > a > span.date {font-size: 18px; line-height: 32px;}
div.board_view > .btns {margin-top:40px;}

/* contact page css */
.contact #content .visual_sub {background-image: url(/images/bg_visual_contact.jpg);}

.contact .btns {text-align:left;}
.contact .btns::after {content:''; display:block; clear:both;}
.contact .btns .btn_cancel {padding:15px; border:1px solid #C0C0C0; color:#666; background-color: #fff;}
.contact .btns .btn_contact {float:right;}

div.container > div.context > div.typo {display: table-cell; width:330px; padding-right:100px; vertical-align: top;}
div.container > div.context > div.typo > strong {font-size:40px; line-height:150%; font-weight: bold; color:#121212;}

p.comment_form {font-size: 16px; color:#444; text-align: right;}
p.comment_form > em {color:#F04846;}
ul.form {margin-top:12px; padding:24px 0; border-top:1px solid #121212;}
ul.form > li {display:flex;}
ul.form > li + li {margin-top:16px;}
ul.form > li > label {display:block; min-width: 140px; padding:14px 0 14px 28px; padding-left: 28px; font-size: 18px; font-weight: bold; line-height: 22px; color:#121212;}
ul.form > li > label.required::after {content:'*'; color:#F04846;}
ul.form > li > div {display:flex; flex:1; margin-left:-6px; margin-right:-6px;}
ul.form > li > div.name,
ul.form > li > div.email,
ul.form > li > div.cellphone {max-width:580px;}
ul.form > li > div > span.at {line-height:50px; color:#121212;}
ul.form input[type=text],
ul.form input[type=email],
ul.form input[type=tel],
ul.form div.files,
ul.form textarea {width:100%; margin:0 6px; border:1px solid #ddd; border-radius: 6px; padding:11px 15px; font-size:16px; line-height:26px;}
ul.form textarea {height:176px;}

ul.form div.files {background-color: #F7F7F8;}
ul.form div.files > a {display:block; color:#121212;}
ul.form div.files > a + a {margin-top:4px;}

ul.form input[type=text]:disabled,
ul.form input[type=email]:disabled,
ul.form input[type=tel]:disabled,
ul.form textarea:disabled {color:#121212; background-color: #F7F7F8;}

ul.form select:disabled,
ul.form option:disabled {color:#B5B5BC; background-color: #F7F7F8;}

div.input {position: relative; width:100%; min-width: 115px; margin:0 6px; background: #fff;}
div.input > select {box-sizing:border-box; position: relative; width:100%; border:1px solid #ddd; border-radius: 6px; padding:11px 15px; font-size:16px; line-height:26px; background-color: transparent; z-index: 1;}
div.input::after {content: ''; display:block; position: absolute; right:16px; top:12px; width:24px; height:24px; background: url(/images/ico_arr_bottom.svg) no-repeat center;}
div.file {display: flex; width:100%; margin:0 6px;}
div.file > ul.files {flex:1; overflow: hidden; border:1px solid #ddd; border-radius: 6px; padding:8px 15px; font-size:0;}
div.file > ul.files > li {display:inline-block;}
div.file > ul.files > li.empty {width:100%; font-size:16px; line-height:32px; color:#a9a9a9;}
div.file > ul.files span.filename {display:inline-block; overflow: hidden; font-size:16px; line-height:32px; color:#121212; white-space: nowrap; text-overflow: ellipsis; vertical-align: middle;}
div.file > ul.files button.btn_delete_file {width:32px; height:32px; margin-right:16px; vertical-align: middle; background: url(/images/ico_delete_attach.svg) no-repeat center;}
div.file > input[type=file] {display: none;}
div.file > label { align-self:flex-start; box-sizing: border-box; width:140px; margin-left:16px; border:1px solid #004B9D; border-radius: 6px; padding:11px 15px; font-size:16px; text-align: center; font-weight:bold; line-height:26px; color:#004B9D;}
ul.form + .btns {margin-top:32px;}

/* 관리자 페이지 */

/* adm login page css */
.adm_login {background-color: #F3F4F8;}
.adm_login #footer {margin-top:-152px;}
.adm_login .wrap_login {position:absolute; left:50%; top:50%; margin-top:-80px; text-align:center; transform:translate(-50%, -50%);}
.adm_login .wrap_login h2 {font-size:52px; line-height:120%; color:#121212;}
.adm_login .wrap_login div.box_login {margin-top:48px;}

div.box_login {box-sizing: border-box; max-width: 420px; min-width:300px; margin:48px auto 0; padding:48px 60px; border-radius: 10px; box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.12); background: #fff;}
div.box_login p {font-size:20px; color:#121212;}
div.box_login p.warning {margin-top:10px; font-size:12px; color:#F04846;}
div.box_login input[type=password] {box-sizing: border-box; width:100%; margin:20px 6px 0; height:50px; border:1px solid #ddd; border-radius: 6px; font-family: Arial, sans-serif; font-size:48px; text-align:center; line-height:48px; letter-spacing: 3px; color:#121212;}

/* adm notice page css */
.adm_notice #content .visual_sub {background-image: url(/images/bg_visual_notice.jpg);}

.adm_notice div.top_notice {margin-bottom:24px;}
.adm_notice div.top_notice::after {content:''; display: block; clear: both;}
.adm_notice div.top_notice div.box_search {float: left; width:100%; max-width:400px;}
.adm_notice div.top_notice a.btn_line {float: right; width:142px;}
.adm_notice ul.form {border-bottom: 1px solid #ddd;}
.adm_notice .btns {text-align: left;}
.adm_notice .btns::after {content:''; display:block; clear: both;}
.adm_notice .btns .btn {width:180px;}
.adm_notice .btns .btn_cancel {padding:15px; border:1px solid #C0C0C0; color:#666; background-color: #fff;}
.adm_notice .btns .btn_delete {color: #121212; background-color: #D2D4E1;}
.adm_notice .btns .btn_save {float:right;}

.adm_contact .btns {text-align: left;}
.adm_contact .btns::after {content:''; display:block; clear: both;}
.adm_contact .btns .btn {width:180px;}
.adm_contact .btns .btn_cancel {padding:15px; border:1px solid #C0C0C0; color:#666; background-color: #fff;}
.adm_contact .btn_delete_contact {float:right;}

/* adm contact page css */
.adm_contact #content .visual_sub {background-image: url(/images/bg_visual_contact.jpg);}

ul.table_layout.contact > li.tbody[onclick] {cursor: pointer;}
ul.table_layout.contact > li > span.num {width: 110px;}
ul.table_layout.contact > li > span.date {width:150px;}
ul.table_layout.contact > li > span.name {width: 200px;}
ul.table_layout.contact > li > span.email {width: 230px;}
ul.table_layout.contact > li > span.cellphone {width: 180px;}

ul.table_layout.contact > .tbody > span.title {overflow: hidden; text-align: left; white-space: nowrap; font-weight:500; color: #121212; text-overflow: ellipsis;}
ul.table_layout.contact > .tbody > span.email {overflow: hidden; text-align: left; white-space: nowrap; text-overflow: ellipsis;}

@media screen and (max-width:1024px) {
    div.container > div.context > div.typo {display: none;}
}

@media screen and (max-width:900px) {
    .about #content ul.state li > strong {font-size:40px;}
}

/* 768 아래부터 mobile layout */
@media screen and (max-width:768px) {
    .about #content .visual_top {background-image: url(/images/m_bg_visual_about.jpg);}
    .team #content .visual_sub {background-image: url(/images/m_bg_visual_team.jpg);}
    .portfolio #content .visual_sub {background-image: url(/images/m_bg_visual_portfolio.jpg);}
    .notice #content .visual_sub {background-image: url(/images/m_bg_visual_notice.jpg);}
    .contact #content .visual_sub {background-image: url(/images/m_bg_visual_contact.jpg);}
    .adm_notice #content .visual_sub {background-image: url(/images/m_bg_visual_notice.jpg);}
    .adm_contact #content .visual_sub {background-image: url(/images/m_bg_visual_contact.jpg);}

    .about #content .visual_top .visual_top_txt {box-sizing:border-box; width:100%; padding:0 16px;}
    .about #content .visual_top .visual_top_txt img {width:185px;}
    .about #content .visual_top .visual_top_txt img.en {width:280px;}
    .about #content .visual_top .visual_top_txt p {max-width:330px; margin:24px auto 0; font-size:14px; line-height:150%;}

    .about #content ul.state {display:block; box-sizing: border-box; height:auto; padding:32px 16px; background: #121212;}
    .about #content ul.state.portfolio {background: #121212;}
    .about #content ul.state.fund {background: #121212;}

    .about #content ul.state li {display:block; overflow: hidden; position: relative; padding:54px 0 55px;}
    .about #content ul.state li.asset {background: url(/images/bg_state_asset.jpg) no-repeat center; background-size: cover;}
    .about #content ul.state li.portfolio {background: url(/images/bg_state_portfolio.jpg) no-repeat center; background-size: cover;}
    .about #content ul.state li.fund {background: url(/images/bg_state_fund.jpg) no-repeat center; background-size: cover;}
    .about #content ul.state li::before {content: ''; display: block; position: absolute; left:-5px; top:0; width:calc(100% + 10px); height:100%; background-color: rgba(0, 0, 0, 0.64);}

    .about #content ul.state li + li {margin-top:12px;}
    .about #content ul.state li > em {position: relative; font-weight: normal; z-index: 1;}
    .about #content ul.state li > span {position: relative; height:2px; margin-top:8px; z-index: 1;}
    .about #content ul.state li > strong {position: relative; margin-top:10px; font-size:28px; z-index: 1;}

    .about #content div.history {padding:100px 16px;}
    .about #content div.history .top {padding-right: 110px;}
    .about #content div.history .top .title > h3 {font-size:32px;}
    .about #content div.history .top .title > span {font-size:14px;}
    .about #content div.history .top .control_slide button {width:48px; height:48px;}
    .about #content div.history .top .control_slide button + button {margin-left:8px;}
    .about #content div.history .slide_history {margin-top:40px;}
    .about #content div.history .slide_history li > strong.year {font-size:20px;}
    .about #content div.history .slide_history li > p.activity + p.activity {margin-top: 4px;}
    .about #content div.history .slide_history li > p.activity em.month {font-size: 14px;}
    .about #content div.history .slide_history li > p.activity span {font-size: 14px;}

    .portfolio div.container > div.context > div.cnts {padding:0;}
    .portfolio div.grid_top {margin-top:-8px; padding:0; border-bottom: 0 none;}
    .portfolio div.grid_top div.box_search {float:none; max-width: none; margin: 0 16px 24px;}
    .portfolio div.grid_top div.filter {float: none; margin:0; padding:12px 16px; border-top:1px solid #ddd; text-align: left;}
    .portfolio ul.grid_thumb {margin:6px 10px 48px;}

    .notice div.box_search {max-width: none; margin-top:-8px;}
    ul.table_layout.board_list > li > span.num {display: none;}
    ul.table_layout.board_list > li > span.category {width: auto;}
    ul.table_layout.board_list > li > span.date {width: auto;}

    ul.table_layout.board_list > .tbody > span.category {display: inline-block; padding:1px 4px; border-radius: 5px; font-size:12px; font-weight: 500; line-height:150%; color:#004B9D; background-color: #E9F1FF;}
    ul.table_layout.board_list > .tbody > span.title {text-align: left; font-size:16px; line-height:150%;}
    ul.table_layout.board_list > .tbody > span.date {font-size:14px; line-height:120%;}

    div.board_view > .info {display:block; padding: 16px 8px;}
    div.board_view > .info em.category {display:inline-block; padding:1px 4px; border-radius: 5px; font-size:12px; font-weight: 500; line-height:150%; color:#004B9D; background-color: #E9F1FF;}
    div.board_view > .info strong.title {display: block; margin:10px 0 0; font-size:18px; line-height:150%;}
    div.board_view > .info span.date {display:block; margin-top:10px; font-size:14px; line-height:120%;}
    div.board_view > div.attachments {padding:16px 8px;}

    a.file {display:block; padding:0 0 0 26px; font-size:14px; line-height:22px;}
    a.file::after {width: 20px; height: 20px; background-size: 20px 20px;}

    div.board_view > .content {padding:24px 8px;}
    div.board_view > nav > a {display:block; padding:16px 8px; font-size:0;}
    div.board_view > nav > a > strong {display:inline-block; font-size:16px; line-height:24px; vertical-align: top;}
    div.board_view > nav > a > span.ico {width:24px; height:24px; margin-left:12px; background-size: contain;}
    div.board_view > nav > a > span.title {display: block; margin-left:0; font-size:16px; line-height:150%;}
    div.board_view > nav > a > span.date {display: none;}

    p.comment_form {font-size: 14px;}
    ul.form {padding:24px 0 0;}
    ul.form > li {display:block;}
    ul.form > li > label {padding:0; font-size:16px;}
    ul.form > li > div {margin:8px -3px 0;}
    ul.form input[type=text],
    ul.form input[type=email],
    ul.form input[type=cellphone],
    ul.form div.files,
    ul.form textarea {margin:0 3px;}

    div.file {flex-wrap: wrap; margin:0 3px;}
    div.file > label {width:90px; margin-left:8px;}

    .contact .btns {display: flex; flex-direction: column-reverse;}
    .contact .btns button.btn {margin:0;}
    .contact .btns a.btn_cancel {margin:8px 0 0; padding:12px 14px;}
}









/***** 240619 추가 CSS *****/
/* KR about */
.about #content .visual_top{height:55vh;}
ul.grid_thumb > li {display: inline-block; box-sizing: border-box; width:25%; padding:16px 25px; vertical-align: top;}
ul.grid_thumb > li .box_img {display:block; position:relative; padding-top:140%; background-color: rgba(0,0,0,.25); background-repeat: no-repeat; background-position: center; background-size: cover; transition: all 0.3s; }
ul.grid_thumb > li:hover .box_img {background-size: 107%;}

/* 팀원 상세 팝업 */
.team_member_inner{max-width: 700px; display:none;}
.main_popup_inner{max-width: 500px;}
.team_member_inner .modal_header > strong > span{font-size: 17px; margin-left: 15px;}
.main_popup_inner .main_modal_header > strong > span{font-size: 17px; margin-left: 15px;}
.member_detail{display: flex; gap: 30px; margin-top: 30px;}
.main_modal_detail{display: flex; gap: 30px; margin-top: 30px;}
.member_detail .member_img{width: calc(45% - 15px); height: 350px;}
.member_detail .member_img > img{width: 100%; height: 100%; object-fit: cover;}
.member_detail .member_desc{width: calc(55% - 15px);}
.member_desc table{border-top: #AAA 2px solid; border-bottom: #AAA 2px solid; border-collapse: collapse; width: 100%; line-height: 19px; min-height: 350px;}
.member_desc table tr{border-bottom: #CCC 1px solid;}
.member_desc table tr > th{border-right: #CCC 1px solid;text-align: center;width: 100px;color: #333;}
.member_desc table tr > td{font-weight: 300;}
.member_desc table tr > th,
.member_desc table tr > td {padding: 5px;}
.member_desc .label {width: 120px; display: inline-block;}
.ico_pop_close {width:25px;height: 25px; display: inline-block; position: relative; cursor: pointer;}
.ico_pop_close:before,
.ico_pop_close:after {position: absolute;left: 12px;content:' ';height: 25px;width: 2px;background-color: #000;}
.ico_pop_close:before {transform: rotate(45deg);}
.ico_pop_close:after {transform: rotate(-45deg);}
.modal .modal_header strong > span{font-size: 17px; margin-left: 15px;}
.modal .modal_header .close {display: inline-block; width: 20px; height:20px; vertical-align: top; background: url(/images/logo_color.svg) no-repeat center; background-size: contain;}
.about #content .visual_top .visual_top_txt .txt_tit{font-size: 60px; font-weight: 600; line-height: 120%; color:#fff;}
.about #content .visual_top .visual_top_txt .txt_tit > span{display: block; font-size: 28px; margin-top: 20px;}
.about #content .visual_top .visual_top_txt .txt_tit:before {content: ""; display: inline-block; background: url(/images/logo.svg) center center / contain no-repeat; width: 426px; height: 85px; margin-right: -12px; vertical-align: bottom;}
.about #content .visual_top .visual_top_txt .txt_tit.txt_en:before {content: ""; display: inline-block; background: url(/images/logo_en.svg) center center / contain no-repeat; max-width: 916px; width: 100%;height: 85px; margin-right: 0; vertical-align: bottom;}
.about #content .about_list {height: 45vh; text-align:center;}
.about #content .about_list .img_pc{display:inline-block;height: 100%; width: 100%; object-fit: contain;max-width: 1498px;}
.about #content .about_list .img_mo{display:none;}
.about #content .greetings{height: 100vh; display: flex; align-items:center;}
.about #content .greetings .greetings_img{overflow: hidden; height: 100%; width: 50%;}
.about #content .greetings .greetings_img > img{width: 100%; height: 100%; object-fit: cover;}
.about #content .greetings .greetings_txt{width: 50%; padding:0 30px;max-height: 100vh; overflow: auto;}
.about #content .greetings .greetings_txt > p{font-size: 1.3vw; line-height: 190%; color: #444; margin-top: 2.5vw; text-align: justify;letter-spacing: -0.3px;}
.about #content .greetings .greetings_txt > strong{font-size: 2.7vw; font-weight: 700; line-height: 150%; color: #000; letter-spacing: -1px;}
.about #content div.history {padding: 0 0 194px; overflow: hidden;height: calc(100vh - 194px);margin-top: 70px;}
/*.about #content div.history .top {position: relative;padding: 180px 0; background-image: url(/images/bg_visual_contact_02.jpg); background-size: cover; background-position-y: 26%;}*/
.about #content div.history .top {position: relative;padding: 180px 0; background-size: cover; background-position-y: 26%; background-color: navy;}
.about #content div.history .top:before {content: ""; background-color: rgba(0, 0, 0, .5); display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.about #content div.history .top .title{position: relative; max-width: 1460px; margin: 0 auto; padding: 0 30px; box-sizing: border-box;}
.about #content div.history .top .title > h3 {font-size:60px; font-weight: 600; line-height: 120%; color: #fff; margin-top: -100px; padding-bottom: 100px;}
.about #content div.history .top .title > span {display: block; margin-top: -100px; padding-bottom: 100px;font-size: 24px; line-height: 120%; color:#fff;}


@media screen and (max-width:768px) {
    #gnb > ul > li > a {font-size: 16px; color:#000;}
    .summary_team_member{max-height: 50vh; overflow: auto;}
    .member_detail{display: inline-block; margin-top: 20px;width: 100%;}
    .main_modal_detail{display: flex; margin-top: 20px;width: 100%;}
    .member_detail .member_img{width: 55%; height: 50vw; margin: 0 auto;}
    .member_detail .member_desc{width: 100%; margin-top: 25px;}
    .member_desc table tr > th, .member_desc table tr > td{padding: 12px 7px;}
    .modal .modal_header strong > span{font-size: 14px; margin-left: 15px;}
    .ico_pop_close{width: 20px; height: 20px;}
    .ico_pop_close:before,
    .ico_pop_close:after{left: 9px; height: 19px;}
    .member_desc table{min-height:100px;}
    .about #content .visual_top {height: 35vh;}
    .about #content .about_list{height: auto;max-height: initial;}
    .about #content .about_list .img_pc{display:none;}
    .about #content .about_list .img_mo{display:inline-block; width: 100%;}
    .about #content div.history {padding:0 16px 100px;margin-top: 0;}
    .about #content div.history .top {padding: 100px 0; margin: 0 -16px;}
    .about #content div.history .top .title{text-align:center;}
    .about #content div.history .top .title > h3 {font-size:32px; margin-top:initial; padding-bottom:initial;}
    .about #content div.history .top .title > span {font-size:14px; margin-top:initial; padding-bottom:initial;}
    .about #content .visual_top .visual_top_txt .txt_tit{font-size: 24px;}
    .about #content .visual_top .visual_top_txt .txt_tit > span{font-size: 16px;margin: 18px auto 0;line-height: 130%;font-weight: 400;width: 81%;}
    .about #content .visual_top .visual_top_txt .txt_tit:before{width: 189px;height: 36px;margin-right: -6px;}
    .about #content .visual_top .visual_top_txt .txt_tit.txt_en:before{width: 290px; height: 27px; margin-right: 0;}
    .about #content .greetings{display: inline-block; height: initial;}
    .about #content .greetings .greetings_img{width: 100%; height: 100vw;}
    .about #content .greetings .greetings_txt{width: 100%; padding:20px 15px; box-sizing: border-box;}
    .about #content .greetings .greetings_txt > strong{font-size: 30px;}
    .about #content .greetings .greetings_txt > p{font-size: 16px; line-height: 150%; margin-top: 10px;}
}