.hidden{overflow: hidden; clip: rect(1px, 1px, 1px ,1px); height: 1px; width: 1px; position: absolute;}
/* ¼­ºê °øÅë */
#sub-wrap{width: 100%; min-width: 1382px; position: relative;}
.sub-container{margin: 0 auto; width: 100%; float: left; position: relative; padding-top: 95px;}
.sub-container::after{display: block; clear: both; content: '';}
#visual-box::after{content: ''; clear: both; display: block;}
#visual-box .box .subtitle > div::after{content: ''; clear: both; display: block;}
.sub-container .sub-content{width: 918px;box-sizing: border-box; padding:60px 0 75px 0;position: relative; margin: 0 auto;}
.sub-container .sub-content .box{width: 100%; position: relative;}
.tab-top-menu{width: 100%; display: block; position: relative; padding-bottom: 50px;}
.tab-top-ul{width: 100%; display: table; table-layout: fixed;}
.tab-top-ul > li{display: table-cell; vertical-align: middle; text-align: center; font-size: 16px; height: 48px;line-height: 48px; box-sizing: border-box; border: 1px solid #d5d5d5; border-left: 0;}
.tab-top-ul > li:first-of-type{border-left: 1px solid #d5d5d5;}
.tab-top-ul > li.on{background: #6d7d8c; color:#fff;}
.tab-top-ul > li:hover{background: #85939f; color: #fff; border-color: #d5d5d5;}
.left_area_fixed{z-index: 99;}
.btn{font-size: 16px; border: 1px solid #fff; padding: 10px 0; width: 200px; display: inline-block; margin: 0 -4px 0 0; text-align: center; background: #fff; color: #827b77;}
/* ceo-info */
.box .con_area{display: none; width: 100%; position: relative;}
.box .con_area.first{display: block;}
.box .con_area > .line{padding-bottom: 65px;}
.line .ceo-introduce{background: url(/html/duostory/img/duo_story_ceo_19.jpg) no-repeat center top; min-height: 550px; position: relative; padding:50px 0px 0 40px; display: flex; flex-direction: row; align-items: flex-end;}
.ceo-profile{display: flex; justify-content:space-between; align-items: flex-start; width: calc(100% - 388px); padding-bottom: 20px; border-bottom: 1px solid #e2e2e2;}
.ceo-profile > .ceo-tit{flex-basis: 90px; box-sizing: border-box; text-align: left; padding-left: 25px;}
.ceo-profile > .ceo-tit p{font-size: 16px; color:#626262;}
.ceo-profile > .ceo-tit p::after{display: none;}
.ceo-profile > div p{font-size: 13px; margin-bottom: 10px; position: relative; line-height: 1.5;}
.ceo-profile > div p::after{content: ''; display: block; width: 2px; height: 2px; border-radius: 50%;position: absolute; background: #000; top: 9px; left: -7px; }
.ceo-profile > div p:last-of-type{margin-bottom: 0;}
/* ceo È°µ¿ */
.ceo-act .act{display: flex; width: 100%; box-sizing: border-box; flex-wrap: wrap; align-items: flex-start; justify-content: space-between;}
.ceo-act .act li { width:calc(33.3% - 24px); height:339px; margin:0 24px 24px 0; }
.ceo-act .act li:nth-of-type(3n){margin-right: 0;}
.ceo-act .act li img { width:100%; height:192px; }
.ceo-act .act li span.box { padding:20px;box-sizing: border-box; width:100%; height:107px; background-color:#f6f6f6; color:#333333; position:relative; line-height: 25px; display: block;}
.ceo-act .act li span.box a.more { position:absolute; left:134px; bottom:10px; display:block; border:1px solid; width:20px; height:17px; text-align:center; font-size:18px; line-height:17px;}
.ceo-act .act li:hover span.box { background-color:#cfbc91; color:#ffffff; }
.ceo-act span.area_box { display:block;  width:100%; margin:47px 0 47px 0; }
.ceo-act span.area_box a { display:block; margin:0 auto; width:272px; height:54px; border:1px solid #cdcdcd; font-size:20px; color:#000000; line-height:50px; text-align:center; }
/* ceo È«º¸¿µ»ó */
.avi{display: flex; width: 100%; flex-wrap: wrap;}
.avi li { display:block; margin:0 20px 55px 0; box-sizing: border-box; padding:0 20px 0 0; width:calc(50% - 20px); height:355px; position:relative; border-right:1px solid #ebebeb; }
.avi li:nth-of-type(2n){margin: 0 0 55px 0; padding: 0; border-right: 0;}
.avi li img { display:block; width:424px; height:239px; }
.avi li span.icon { display:block; width:60px; height:18px; position:absolute; left:345px; top:10px; background:url(/html/duostory/img/main_08.png) center top no-repeat; font-size:0; line-height:100%; z-index:1; }
.avi li span.play { display:block; width:68px; height:68px; position:absolute; left:178px; top:85px; background:url(/html/duostory/img/main_09.png) center top no-repeat; font-size:0; line-height:100%; z-index:2; }
.avi li span.txt-type-1 { display:block; width:100%; height:24px; font-size:20px; color:#464a5a; line-height:24px; padding:20px 0 15px; overflow:hidden; }
.avi li span.txt-type-2 { display:block; width:100%; height:48px; font-size:14px; color:#919292; line-height:24px; overflow:hidden; }
/* 20220608 */
.ceo-profile{justify-content: left;}
.ceo-profile > div:not(.ceo-tit){margin-left: 40px;}