@charset "utf-8";
.real-cont {padding:0px 0 180px; letter-spacing:-.02em;}
/* sub-visual */
.sub-visual {height:415px; 
    margin-top:120px; 
    padding-top: 135px;
    background-repeat:no-repeat; 
    background-size:cover; 
    background-position:center center; 
    /* display:flex; */
    justify-content:center; 
    align-items:center; 
    text-align:center;}
.sub-visual01 {background-image:url('../img/sub/sub-visual01.jpg');}
.sub-visual02 {background-image:url('../img/sub/sub-visual02.jpg');}
.sub-visual03 {background-image:url('../img/sub/sub-visual03.jpg');}
.sub-visual04 {background-image:url('../img/sub/sub-visual04.jpg');}
.sub-visual h2 {font-size:58px; font-weight:600; color:#fff; position:relative; z-index:1; line-height:1.2em;}
.sub-visual p {font-size:18px; font-weight:600; color:#FFFFFF; position:relative; z-index:1; display: block;}

/* lnb */
#lnb {border-bottom:1px solid #ddd;}
.lnb ul {display:flex;}
.lnb ul li {flex:1; position:relative; text-align:center;}
.lnb ul li:after {content:''; width:1px; height:20px; background:#ddd; position:absolute; top:50%; margin-top:-10px; right:0;}
.lnb ul li:last-child:after {display:none;}
.lnb ul li a {font-size:20px; color:#666; line-height:1.5em; padding:22px 10px; height:100%; transition:all 0.6s; position:relative; display:flex; align-items:center; justify-content:center;}
.lnb ul li.active a {font-weight:500; color:#b5985a;}
.lnb ul li a:after {content:''; width:0; height:3px; background:#b5985a; position:absolute; bottom:-1px; left:50%; transition:all 0.6s;}
.lnb ul li.active a:after {width:100%; left:0;}
.lnb ul li a:hover:after {width:100%; left:0;}
/* pagename */
.pagename {text-align:center; margin-bottom:94px; padding:0 15px;}
.pagename h3 {font-size:52px; font-weight:600; line-height:1.2em; color:#000; position:relative; padding-top:24px;}
.pagename h3:before {content:''; width:30px; height:6px; border-radius:3px; background:#b5985a; position:absolute; top:0; left:50%; margin-left:-15px;}
.pagename p {font-size:20px; line-height:1.6em; color:#666; margin-top:34px;}
/* sub 01 01 */
/* .outline .real-cont {padding-bottom:0;} 
.outline .cnt {padding:150px 0 180px; background:url('../img/sub/outline-bg.jpg') center center no-repeat; background-size:cover;}
.outline .col {display:flex; flex-wrap:wrap; margin:0 -19px -38px;}
.outline .col .row {width:33.333333333%; padding:0 19px; margin-bottom:38px;}
.outline .inner {border:1px solid rgba(255,255,255,0.2); background:rgba(255,255,255,0.05); height:100%; text-align:center; min-height:340px; padding:50px 20px; border-radius:10px;}
.outline .inner .icon {margin-bottom:24px;}
.outline .inner p {font-size:16px; line-height:1.8em; color:#e8ca8b; margin-bottom:4px;}
.outline .inner h4 {font-size:26px; line-height:1.2em; font-weight:500; color:#fff;}
.outline .inner h4 span {font-size:20px; font-weight:400;}
*/

.outline .cnt {padding:0; background:#fff;}
.outline .col {display:flex; flex-wrap:wrap; margin:0 -19px -38px;}
.outline .col .row {width:33.333333333%; padding:0 19px; margin-bottom:38px;}
.outline .inner {border:1px solid #ddd; background:rgba(255,255,255,0.05); height:100%; text-align:center; min-height:340px; padding:50px 20px; border-radius:10px;}
.outline .inner .icon {margin-bottom:24px;}
.outline .inner p {font-size:16px; line-height:1.8em; color:#e8ca8b; margin-bottom:4px;}
.outline .inner h4 {font-size:26px; line-height:1.2em; font-weight:500; color:#111;}
.outline .inner h4 span {font-size:20px; font-weight:400;}
/* sub 01 02 */
.greeting .col {display:flex;}
.greeting .col {margin-top: 115px;}
.greeting .txt-box {width:1%; flex:1 1 auto; padding-right:65px;}
.greeting .txt-box .tit {margin-bottom:44px; padding-bottom:44px; border-bottom:1px solid #ddd; position:relative;}
.greeting .txt-box .tit:after {content:''; width:60px; height:3px; background:#11538c; border-radius:2px; position:absolute; bottom:-2px; left:0; z-index:1;}
.greeting .txt-box h4 {font-size:40px; line-height:1.4em; color:#000; font-weight:400;}
.greeting .txt-box h4 strong {color:#11538c; font-weight:500;}
.greeting .txt-box p {font-size:20px; line-height:1.6em; color:#666; margin-bottom:36px;}
.greeting .txt-box .name {margin-top:64px; font-size:23px; line-height:1.4em; color:#333;}
.greeting .txt-box .name span{font-weight:800}
.greeting .txt-box .name strong {display:inline-block; vertical-align:middle; margin-top:-2px; margin-left:30px; color:#000; font-weight:500; font-size:26px;}
.greeting .txt-box .name img {display:inline-block; vertical-align:middle; margin-top:-2px; margin-left:10px;}
.greeting .img-box {max-width:680px; width:100%;}
/* sub 01 03 */
.history .img-box {margin-bottom:150px; position:relative; z-index:1;}
.history .box {position:absolute; z-index:2; width:420px; height:235px; bottom:-80px; left:95px; background:url('../img/sub/history-box.jpg') no-repeat; background-size:cover; display:flex; flex-direction:column; justify-content:center; padding-left:85px; color:#fff; border-radius:0 0 10px 0; overflow:hidden; font-family:'Montserrat';}
.history .box p {font-size:20px; line-height:1.5em; margin-bottom:14px;}
.history .box h4 {font-size:36px; line-height:1.2em;}
.history .real-cont {padding-bottom:0;}
.history .col {display:flex;}
.history .year {width:100%; max-width:590px; display:inline-block; height:auto; position:relative; padding-left:95px; margin-top: 10px;}
.history .year h4 {font-size:40px; line-height:1.4em; color:#000; font-weight:700; margin-bottom: 30px;}
.history .year p {font-size: 20px; line-height: 1.6em; color: #666;}
/* .history.history-fixed .fix-box {position:fixed; top:310px; left:180px; padding-left:calc((100% - 1440px)/2);}
.history.last .fix-box{position:absolute; bottom:100px; top:auto;} */
.history .txt-wrap {width:1%; flex:1 1 auto; padding-left:50px;}
.history .txt-wrap .txt-box {padding-bottom:120px; position:relative;}
.history .txt-wrap .txt-box:last-child {padding-bottom:300px;}
.history .txt-wrap .txt-box:before {content:''; width:17px; height:17px; background:url('../img/sub/history-icon.jpg') no-repeat; position:absolute; top:50px; left:-58px; z-index:1;}
.history .txt-wrap .txt-box:after {content:''; width:1px; height:100%; top:60px; left:-50px; position:absolute; background:#ddd;}
.history .txt-wrap .txt-box .txt {margin-bottom:40px; display:flex;}
.history .txt-wrap .txt-box .txt:last-child {margin-bottom:0;}
.history .txt-wrap .txt-box .txt .month {width:80px; font-size:20px; font-weight:600; color:#111; line-height:1.5em;}
.history .txt-wrap .txt-box .txt ul {width:1%; flex:1 1 auto;}
.history .txt-wrap .txt-box .txt ul li {font-size:20px; color:#666; line-height:1.7em; margin-bottom:8px;}
/* .history .txt-wrap .mob-year {display:none; font-family:'Montserrat'; line-height:1.1em; color:#b5985a; font-weight:700;} */
.history .txt-wrap .mob-year {/* position: absolute; top: -35px; left: -460px;  */display:block; font-family:'Montserrat'; font-size: 100px; line-height:1.1em; color:#b5985a; font-weight:700; margin-bottom: 20px;}

/* sub 01 04 */
.ideology .real-cont {padding-bottom:0;}
.ideology .cnt01 {margin-bottom:150px; text-align:center;}	 
.ideology .cnt02 {padding:150px 0 180px; background:#FFFFFF;}
.ideology .cnt02 h3 {margin-bottom:94px; font-size:52px; font-weight:600; color:#000; line-height:1.2em; text-align:center;}

/* 0724
.ideology .col {display:flex; margin:0 -20px;}
.ideology .col .row {width:25%; padding:0 20px;}
.ideology .inner {background:#fff; border-radius:10px; overflow:hidden;}
.ideology .inner .txt-box {padding:50px 20px; text-align:center;}
.ideology .inner .txt-box p {font-size:16px; line-height:1.8em; color:#b5985a; font-family:'Montserrat'; margin-bottom:12px;}
.ideology .inner .txt-box h4 {font-size:32px; line-height:1.2em; color:#000; font-weight:500;}
*/
.ideology .col {display:flex; margin:0 -10px;}
.ideology .col .row {width:25%; padding:0 10px; text-align:center;}
.ideology .inner .icon {margin-bottom:16px;}
.ideology .inner span {display:block; font-size:16px; font-family:'Montserrat'; font-weight:500; line-height:1.8em; color:#11538d;}
.ideology .inner h4 {font-size:32px; font-weight:500; color:#111; line-height:1.2em; margin-bottom:24px;}
.ideology .inner p {font-size:20px; color:#666; line-height:1.6em;}


/* sub 01 06 */
.gallery-list.authentication-list ul li a .thumb .pic {padding-bottom:141.45%; border-radius:10px;}
.gallery-list.authentication-list ul li a .txt {text-align:center; font-size:20px; line-height:1.5em; color:#666; transition:all 0.6s;}
.gallery-list.authentication-list ul li a:hover .txt {color:#000;}
/* sub 01 07 */
.directions .maps {width:100%; height:460px; margin-bottom:40px; overflow:hidden; border-radius:20px;}
.directions .maps iframe {width:100%; height:100%;}
.directions .txt-box {position:relative; display:flex; justify-content:space-between;}
.directions .txt-box .info {width:1%; flex:1 1 auto;}
.directions .txt-box .info dl {display:flex; font-size:20px; line-height:1.8em; margin-bottom:8px;}
.directions .txt-box .info dl:last-child {margin-bottom:0;}
.directions .txt-box .info dt {width:70px; padding-left:10px; color:#000; font-weight:500;}
.directions .txt-box .info dd {color:#666; width:1%; flex:1 1 auto;}
.directions .txt-box .btns {max-width:330px; width:100%;}
.directions .txt-box .btns ul {display:flex; margin:0 -5px;}
.directions .txt-box .btns ul li {width:50%; padding:0 5px;}
.directions .txt-box .btns ul li a {display:block; padding:0 30px; font-size:18px; line-height:55px; transition:all 0.6s; border-radius:5px; color:#fff; overflow:hidden; position:relative; background:#233448;}
.directions .txt-box .btns ul li:nth-child(1) a {background:#233448;}
.directions .txt-box .btns ul li:nth-child(2) a {background:#b5985a;}
.directions .txt-box .btns ul li:nth-child(1) a:hover {background:#b5985a;}
.directions .txt-box .btns ul li:nth-child(2) a:hover {background:#233448;}
.directions .txt-box .btns ul li a:after {content:''; width:8px; height:14px; position:absolute; top:50%; margin-top:-7px; right:25px; background:url('../img/sub/directions-btn.png') no-repeat; background-size:cover;}
.directions .txt-box .btns ul li a span {position:relative; z-index:2;}
/* sub 02 01 */
.business .cnt01 {padding:0 0 170px;/* background:url('../img/sub/business-bg.jpg') center bottom no-repeat; *//* background-size:contain; */text-align: center;}
.business .cnt01 .contain {text-align: center;}
.business .cnt02 {padding-top:0px;}
.business .cnt02 .col {display:flex; align-items:center; margin:0 -55px 100px;}
.business .cnt02 .col:nth-child(even) {flex-direction:row-reverse;}
.business .cnt02 .col:last-child {margin-bottom:0;}
.business .cnt02 .col > div {width:50%; padding:0 55px;}
.business .cnt02 .col .inner {border-radius:10px; overflow:hidden;}
.business .cnt02 .col .box {padding-left:40px;}
.business .cnt02 .col .tit {margin-bottom:30px; padding-bottom:30px; position:relative;}
.business .cnt02 .col .tit:after {content:''; width:20px; height:1px; background:#999; position:absolute; bottom:0; left:0;}
.business .cnt02 .col .tit p {font-size:16px; line-height:1.6em; font-family:'Montserrat'; margin-bottom:12px; color:#11538d;}
.business .cnt02 .col .tit h4 {font-size:32px; line-height:1.2em; font-weight:500; color:#000;}
.business .cnt02 .col .txt p {font-size:20px; line-height:1.6em; color:#666;}
/* sub 02 02 */
.result {}
.result table {border-top:2px solid #b5985a; border-collapse:collapse; border-spacing:0; width:100%; text-align:center;}
.result table th {border-bottom:1px solid #ddd; border-right:1px solid #ddd; font-size:20px; font-weight:500; color:#000; line-height:1.5em; padding:20px 10px;}
.result table th:last-child {border-right:0;}
.result table td {border-bottom:1px solid #ddd; border-right:1px solid #ddd; font-size:20px; font-weight:400; color:#666; line-height:1.5em; padding:20px 30px;}
.result table td:last-child {border-right:0; text-align:left;}
/* sub 02 03 */
.partner .cnt01 {margin-bottom:94px;}
.partner .cnt h4 {font-size:40px; font-weight:500; color:#000; line-height:1.3em; margin-bottom:32px;}
.partner .cnt ul {display:flex; margin:0 -10px -20px; flex-wrap:wrap;}
.partner .cnt ul li {width:25%; padding:0 10px; margin-bottom:20px;}
.partner .cnt .inner {border:1px solid #ddd; border-radius:10px; overflow:hidden;}
/* sub 03 01 */
.personnel .real-cont {padding-bottom:0;}
.personnel .cnt h4 {font-size:40px; font-weight:500; color:#000; line-height:1.3em; margin-bottom:32px;}
.personnel .cnt01 {margin-bottom:70px; text-align:center;}
.personnel .cnt01 .col {display:flex; margin:0 -20px;}
.personnel .cnt01 .col .row {width:25%; padding:0 20px;}
.personnel .cnt01 .col .inner {border:1px solid #ddd; padding:54px 45px; position:relative; min-height:290px; height:100%; border-radius:10px;}
.personnel .cnt01 .col .inner p {font-size:20px; line-height:1.6em; color:#666;}
.personnel .cnt01 .col .inner .icon {position:absolute; bottom:50px; right:30px;}
.personnel .cnt02 {background:#FFFF; padding:150px 0px 70px;}
.personnel .cnt02 .col {display:flex; margin:0 -11px -11px; flex-wrap:wrap;}
.personnel .cnt02 .col .row {width:33.3333333%; padding:0 11px; margin-bottom:22px;}
.personnel .cnt02 .col .row > div {background:#F1F1F1; border-radius:10px; overflow:hidden; height:100%; min-height:376px;}
.personnel .cnt02 .col .row .logo {background:url('../img/sub/personnel02-02.jpg') center center no-repeat; background-size:cover;}
.personnel .cnt02 .inner {background:#fff; padding:55px 45px; position:relative;}
.personnel .cnt02 .inner h5 {font-size:32px; line-height:1.3em; color:#000; margin-bottom:20px; font-weight:400;}
.personnel .cnt02 .inner .box {}
.personnel .cnt02 .inner .box ul {display:flex; flex-wrap:wrap;padding-right:30px;}
.personnel .cnt02 .inner .box ul:last-child {padding-right:0;}
.personnel .cnt02 .inner .box li.w50 {width:50%;}
.personnel .cnt02 .inner .box li {font-size:18px; line-height:1.8em; color:#666; position:relative; padding-left:7px; width:100%; padding-right:15px;}
.personnel .cnt02 .inner .box li:before {content:''; width:3px; height:3px; background:#666; border-radius:50%; top:14px; left:0; position:absolute;}
.personnel .cnt02 .inner .box li span {}
.personnel .cnt02 .inner .icon {position:absolute; bottom:45px; right:50px;}
/* sub 03 02 */
.board-list table td.current {padding:20px 10px;}
.board-view.recruitment .title .info ul {align-items:center;}
.recruitment .current {text-align:center;}
.recruitment .current span {display:inline-block; width:80px; line-height:40px; background:#f9f9f9; font-size:16px; border-radius:10px; color:#fff;}
.recruitment .current span.possibility {background:#233448;}
.recruitment .current span.deadline {background:#b3b4b4;}