@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */

.doc-tit {position:relative; padding-left:33px; margin-bottom:22px; font-size:28px; font-weight:500; line-height:1.3em; color:#2c2c2c;}
.doc-tit:before {content:""; position:absolute; top:9px; left:0; width:24px; height:18px; background:url('../images/sub/arrow1.png') 0 0 no-repeat;}

.doc-cnt {margin-bottom:70px;}
.doc-cnt:last-child {margin-bottom:0;}
.doc-cnt .indent {margin-left:33px;}

.greeting .title {display:table; table-layout:fixed; width:100%; height:380px; margin-bottom:75px; background:url('../images/sub/greeting_tt_bg.jpg') 0 0 no-repeat; background-size:cover;}
.greeting .title .cell {display:table-cell; vertical-align:middle;}
.greeting .title h3 {width:100%; max-width:1200px; margin:0 auto; font-size:42px; line-height:62px; color:#fff; font-weight:200;}
.greeting .title h3 strong {font-weight:500;}
.greeting .title h3 .f-c1 {color:#45b3db;}
.greeting .title h3 .f-c2 {color:#86bd1c;}
.greeting .txt p {font-size:18px; line-height:30px; color:#505050; margin-bottom:40px;}
.greeting .txt p:last-child {margin-bottom:0;}
.greeting .ceo {margin-top:70px; text-align:right;}
.greeting .ceo strong {display:inline-block; margin-right:30px; font-size:22px; line-height:1.5em; font-weight:500; color:#2c2c2c;}
.greeting .ceo img {display:inline-block; line-height:0; vertical-align:bottom;}

.history {border-top:2px solid #45b3db;}
.history .group {display:flex; padding:45px 0;}
.history .group .year {flex:1 1 433px; max-width:433px; position:relative; z-index:1;}
.history .group .year:after {content:""; position:absolute; top:30px; left:0; width:100%; height:1px; background:#dfdfdf; z-index:-1;}
.history .group .year span {position:relative; z-index:2; display:inline-block; padding-right:20px; background:#fff; font-size:40px; line-height:1.5em; font-weight:500; color:#45b3db;}
.history .group .list {flex:1 auto; width:1%; padding-top:14px;}
.history .group .list ul {position:relative;}
.history .group .list ul:after {content:""; position:absolute; top:14px; left:0; width:1px; height:calc(100% - 28px); background:#dfdfdf; z-index:-1;}
.history .group .list ul li {display:flex; position:relative; padding-left:50px; font-size:18px; line-height:28px; margin-bottom:20px;}
.history .group .list ul li:after {content:""; position:absolute; top:6px; left:0; width:20px; height:20px; background:#fff; border-radius:50%; border:5px solid #dfdfdf; margin-left:-9px; z-index:2;}
.history .group .list ul li:last-child {margin-bottom:0;}
.history .group .list ul li .month {flex:1 1 80px; max-width:80px; font-size:22px; letter-spacing:-0.06em; color:#2c2c2c;}
.history .group .list ul li .txt {font-weight:200; color:#505050;}

.organization .pic {line-height:0; margin-bottom:60px;}
.organization .table table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #505050;}
.organization .table table tbody th {height:60px; background:#eef8fc; border:1px solid #dfdfdf; font-size:17px; font-weight:500; color:#2c2c2c;}
.organization .table table tbody th:first-child {border-left:0;}
.organization .table table tbody th:last-child {border-right:0;}
.organization .table table tbody td {padding:12px 0 12px 20px; border:1px solid #dfdfdf; font-size:16px; line-height:32px; color:#505050;}
.organization .table table tbody td:first-child {border-left:0;}
.organization .table table tbody td:last-child {border-right:0;}
.organization .table table tbody td ul li {position:relative; padding-left:10px;}
.organization .table table tbody td ul li:after {content:""; position:absolute; top:16px; left:0; width:4px; height:1px; background:#505050;}

.major-business {padding-bottom:100px; border-bottom:1px solid #dfdfdf; margin-bottom:100px;}
.major-business ul li {display:flex; align-items:center;}
.major-business ul li > div {width:50%;}
.major-business ul li .pic {line-height:0;}
.major-business ul li .txt {text-align:center;}
.major-business ul li .num {position:relative; font-size:28px; line-height:1.4em; font-weight:700; padding-bottom:35px; margin-bottom:30px;}
.major-business ul li .num:after {content:""; position:absolute; bottom:0; left:50%; width:40px; height:6px; background:#45b3db; margin-left:-20px;}
.major-business ul li p {font-size:18px; line-height:34px; color:#505050;}
.major-business ul li:nth-child(even) .pic {order:2;}
.major-business ul li:nth-child(even) .txt {order:1;}
.major-business ul li:nth-child(even) .num:after {background:#86bd1c;}

.articles-incor .refer {text-align:right; font-size:14px; line-height:1.3em; color:#505050;}
.articles-incor .sec {margin-bottom:50px;}
.articles-incor .sec:last-child {margin-bottom:0;}
.articles-incor .sec h4 {font-size:20px; line-height:1.3em; font-weight:500; color:#86bd1c; margin-bottom:12px;}
.articles-incor .sec p {font-size:18px; line-height:30px; color:#505050;}
.articles-incor .sec ol li {font-size:18px; line-height:30px; color:#505050; padding-left:22px; text-indent:-22px;}
.articles-incor .sec ol li > ul {padding:10px 0;}
.articles-incor .sec ol li > ul li {font-size:16px; line-height:28px; font-weight:300;}

.former-executives .former-tab {margin-bottom:60px;}
.former-executives .former-tab ul {display:table; table-layout:fixed; width:100%;}
.former-executives .former-tab ul li {display:table-cell; vertical-align:middle; text-align:center;}
.former-executives .former-tab ul li a {display:block; width:100%; height:50px; background:#f4f4f4; border:1px solid #dfdfdf; border-right:0; font-size:16px; line-height:48px; color:#878787;}
.former-executives .former-tab ul li:last-child a {border-right:1px solid #dfdfdf;}
.former-executives .former-tab ul li.active a {background:#45b3db; border:1px solid #45b3db; color:#fff;}
.former-executives .former-content .group {margin-bottom:80px;}
.former-executives .former-content .group:last-child {margin-bottom:0;}
.former-executives .former-content .list ul {display:flex; margin:0 -20px;}
.former-executives .former-content .list ul li {width:25%; padding:0 20px;}
.former-executives .former-content .list ul li p {display:flex; flex-direction:column; justify-content:center; width:100%; height:70px; text-align:center; font-size:18px; line-height:1.3em;}
.former-executives .former-content .list1 ul li p {border:1px solid #86bd1c; color:#86bd1c;}
.former-executives .former-content .list2 ul li p {border:1px solid #45b3db; color:#45b3db;}

.local {margin-top:40px;}
.local ul {display:flex; border:1px solid #dfdfdf;}
.local ul li {width:25%; position:relative; height:178px; padding:35px 0 0 38px; background:#fff; z-index:1;}
.local ul li:before {content:""; position:absolute; bottom:0; right:10px; width:123px; height:114px; background-position:0 0; background-repeat:no-repeat; background-size:100% 100%; z-index:-1;}
.local ul li:after {content:""; position:absolute; top:0; left:0; width:1px; height:100%; background:#dfdfdf; z-index:1;}
.local ul li:first-child:after {display:none;}
.local ul li .tt {margin-bottom:24px; font-size:18px; line-height:1.3em; font-weight:700; color:#45b3db;}
.local ul li p {font-size:18px; line-height:30px; color:#2c2c2c;}
.local ul li.address .tt {color:#86bd1c;}
.local ul li p.tel {font-size:24px;}
.local ul li.bg1:before {background-image:url('../images/sub/local_bg1.jpg');}
.local ul li.bg2:before {background-image:url('../images/sub/local_bg2.jpg');}
.local ul li.bg3:before {background-image:url('../images/sub/local_bg3.jpg');}
.local ul li.bg4:before {background-image:url('../images/sub/local_bg4.jpg');}