@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.fz18 {font-size:18px;}
.fz20 {font-size:20px;}
.fz24 {font-size:24px;}
.fz30 {font-size:30px;}

.doc-cnt70 {margin-bottom:70px;}	
.doc-cnt100 {margin-bottom:100px;}	

.greeting {padding-top:160px; padding-left:210px; background-image:url('../images/sub/greeting.jpg'); background-repeat:no-repeat; background-size:contain;}
.greeting .txt {margin-bottom:105px; line-height:1.6em; color:#fff; font-weight:700; letter-spacing:-.03em;}
.greeting .box {padding:45px 60px; background-color:#fff;}
.greeting .box p {margin-bottom:27px; line-height:1.7em;}
.greeting .box p:last-child {margin-bottom:0;}

.company {padding:196px 0; background-image:url(../images/main/sec4bg.jpg); text-align:center; color:#fff; background-size:cover; background-repeat:no-repeat;}
.company p {font-size:54px; margin-top:55px; line-height:1.3em; letter-spacing:-.03em;}

.company-2 {text-align:center;}
.company-2 p {margin-bottom:45px; line-height:1.833em; letter-spacing:-.03em;}
.company-2 p:last-child {margin-bottom:0;}

.history .group {padding-bottom:90px; position:relative;}
.history .group:before {content:""; position:absolute; left:50%; top:0; bottom:0; width:1px; background:#dfdfdf;}
.history .group:first-child {padding-top:80px;}
.history .group:last-child {padding-bottom:70px;}
.history .group h4 {font-size:30px; line-height:40px; margin-bottom:35px; letter-spacing:-.03em; color:#242424; position:relative;}
.history .group h4:before {width:40px; height:40px; top:0; background-image:url('../images/sub/hisdot.png'); background-size:contain; background-repeat:no-repeat; position:absolute; content:'';}
.history .group h4:after {position:absolute; content:''; top:20px; width:77px; height:1px; z-index:-1; background-color:#ddd;}
.history .group ul li {line-height:1.5em; margin-bottom:15px; position:relative; letter-spacing:-.04em;}
.history .group ul li:last-child {margin-bottom:0;}
.history .group ul li .month {position:absolute; top:0; color:#454545; font-weight:800;}
.history .group:nth-child(odd) {padding-left:50%;}
.history .group:nth-child(odd) h4, .history .group:nth-child(odd) ul {padding-left:110px;}
.history .group:nth-child(odd) h4:before {left:-20px;}
.history .group:nth-child(odd) h4:after {left:3px;}
.history .group:nth-child(odd) ul li {padding-left:60px;}
.history .group:nth-child(odd) ul li .month {left:0;}
.history .group:nth-child(even) {padding-right:50%; text-align:right;}
.history .group:nth-child(even) h4, .history .group:nth-child(even) ul {padding-right:110px;}
.history .group:nth-child(even) h4:before {right:-20px;}
.history .group:nth-child(even) h4:after {right:3px;}
.history .group:nth-child(even) ul li {padding-right:60px;}
.history .group:nth-child(even) ul li .month {right:0;}

.corporation {margin:0 -10px -35px; display:flex; flex-wrap:wrap; text-align:center;}
.corporation li {padding:0 10px; margin-bottom:35px; width:25%;}
.corporation li a {display:block;}
.corporation li a .img {height:160px; margin-bottom:17px; border:1px solid #ddd; display:flex; align-items:center; justify-content:center;}
.corporation li a:hover .img {border-color:#7fabcf; box-shadow:-5px 5px 15px rgba(0,0,0,.1);}

.addr .top {padding:60px 0; margin-bottom:50px; border-bottom:2px solid #242424; display:flex; justify-content:space-between; align-items:center;}
.addr .col-l, .addr .bot p {color:#242424;}
.addr .top .col-l p {margin-bottom:25px;}
.addr .top .col-l p:last-child {margin-bottom:0;}
.addr .top .col-l p strong {font-size:28px; width:165px; display:inline-block; letter-spacing:0;}

.addr .bot {display:flex;} 
.addr .bot .col-l img {margin:-5px 30px 0 0; vertical-align:middle;} 
.addr .bot .col-r {margin-left:70px; flex:1;}
.addr .bot .group {margin-bottom:15px; display:flex;}
.addr .bot .group:last-child {margin-bottom:0;}
.addr .bot .line {min-width:70px; line-height:30px; margin-right:5px; font-size:15px; color:#fff; border-radius:30px; text-align:center;}
.addr .bot .line-5 {background-color:#a97cdc;}
.addr .bot .line-9 {background-color:#d4be7b;}

.eco-broad {padding-top:280px; max-width:1920px; margin:0 auto; background-image:url('../images/sub/ecobroad_bg.jpg'); background-size:contain; background-repeat:no-repeat;}
.eco-broad .box {padding:40px 60px 20px; max-width:1470px; margin-left:auto; background-color:#fff;}
.eco-broad .box p {margin-bottom:30px; line-height:1.7em;}
.eco-broad .box p:last-child {margin-bottom:0;}

.eco-broad2.sub-bgc {padding:70px 0 100px;}
.eco-broad2 .contain {position:relative;}
.eco-broad2 a {position:absolute; bottom:-32px; left:50%; transform:translateX(-50%);}

.sub-bgc {padding:70px 0; background-color:#f8f8f8;}
.sub-bgc.color2 {background-color:#fcfbfe;}

.membership .flex {display:flex;}
.membership .col-l {color:#242424;}
.membership .col-l .img {margin-top:22px;}
.membership .col-r {margin-left:110px; flex:1;}
.membership .col-r p {margin-bottom:20px; line-height:1.7em;}
.membership .col-r p:last-child {margin-bottom:0;}

.mem-list {display:flex; flex-wrap:wrap; margin:0 -10px -20px;}
.mem-list li {width:50%; padding:0 10px; margin-bottom:20px;}
.mem-list li .box {padding:35px 40px; min-height:208px; border-radius:20px; display:flex; background-color:#fbfbfe;}
.mem-list li:nth-child(2) .box, .mem-list li:nth-child(3) .box {background-color:#f9f8fe;}
.mem-list li .box .num {color:#4125ca; font-weight:900;}
.mem-list li .box .col-r {padding-left:35px;}
.mem-list li .box .col-r .tit {margin-bottom:20px; color:#242424; font-weight:600; letter-spacing:-.03em;}
.mem-list li .box .col-r p {line-height:1.6em;}

.mem-benefit .title {margin-bottom:45px; text-align:center;}
.mem-benefit .title p {font-size:44px; line-height:1.3em; margin-top:20px; letter-spacing:-.03em; color:#242424;}
.mem-benefit ol {display:flex; flex-wrap:wrap; margin:0 -20px -20px; text-align:center;}
.mem-benefit ol li {width:50%; padding:0 20px; margin-bottom:20px;}
.mem-benefit ol li .box {padding:45px 0; background-color:#fff; border-radius:20px;}
.mem-benefit ol li .box .num {margin-bottom:20px; font-weight:700; color:#4125ca;}
.mem-benefit ol li .box .tit {margin:35px 0 25px; font-weight:700; color:#242424; font-family:'GmarketSans';}
.mem-benefit ol li .box p strong {color:#686868; font-weight:600;}

.contbg {background-image:url('../images/sub/contbg.jpg'); background-position:100% 100%; background-repeat:no-repeat;}
.content-bus {display:flex; align-items:center;}
.content-bus .col-r {padding-left:60px; line-height:1.7em; flex:1;}
.content-bus .col-r p {margin-bottom:27px; letter-spacing:-.03em;}
.content-bus .col-r p:last-child {margin-bottom:0;}
.content-bus.reverse .img {order:2;}
.content-bus.reverse .col-r {padding-right:30px; padding-left:0;}

.stock-table1 {margin-bottom:45px; text-align:center;}
.stock-table1 table {border-collapse:collapse; width:100%;}
.stock-table1 table th {padding:21px 0; letter-spacing:-.03em; background-color:#00579f; color:#fff;}
.stock-table1 table td {padding:71px 10px; border:1px solid #ddd;}
.stock-table1 table td p {margin-bottom:10px;}
.stock-table1 table td .num {font-weight:700; color:#242424;}
.stock-table1 table td .num img {margin:-4px 15px 0 0; vertical-align:middle;}

.stock-table2 .won {margin-bottom:10px; text-align:right; color:#878787;}
.stock-table2 table {border-top:2px solid #333; border-collapse:collapse; width:100%; color:#242424;}
.stock-table2 table th {font-weight:600; letter-spacing:-.03em; background-color:#f8f8f8;}
.stock-table2 table td {padding-right:40px; text-align:right;}
.stock-table2 table th, .stock-table2 table td {padding-top:23px; padding-bottom:23px; border-bottom:1px solid #ddd;}

.personnel {display:flex;}
.personnel .col-l {width:300px; line-height:1.467em;}
.personnel .col-l strong {color:#242424;}
.personnel .col-r {flex:1;}
.personnel .col-r .title {left:1.7em; margin-bottom:50px;}
.personnel ol > li {padding:35px 0; border-bottom:1px solid #ddd; display:flex;}
.personnel ol > li:first-child {padding-top:0;}
.personnel .num {color:#00579f; font-weight:600;}
.personnel .right {margin-left:40px; flex:1;}
.personnel .tit {margin-bottom:25px; font-weight:600; color:#242424;}
.personnel ul li {margin-bottom:7px;}
.personnel ul li:last-child {margin-bottom:0;}

.welfare {display:flex; flex-wrap:wrap}
.welfare .item {padding:0 0 25px; width:25%; border-bottom:1px solid #ddd;}
.welfare .item:nth-last-child(-n+3) {padding:30px 0 0; border-bottom:0;}
.welfare .item p {margin-top:15px; font-weight:600; line-height:1.7em;}

.ethics .group {padding:35px 0; border-bottom:1px solid #ddd;}
.ethics .group:first-child {padding-top:0;}
.ethics .group:last-child {padding-bottom:0; border-bottom:0;}
.ethics .tit img {margin:-5px 18px 0 0; vertical-align:middle;}