@charset "utf-8";

/*공통*/

/*greeting*/
.greeting .txt-wrap {text-align:center; margin-bottom:45px;}
.greeting .txt-wrap span {font-weight:700;}
.greeting .txt-wrap p:last-child {margin-bottom:0;}
.greeting .txt-wrap .txt {font-size:18px; font-weight:300; line-height:1.75em; letter-spacing:-0.03em; color:#454545; margin-bottom:10px;}
.greeting .txt-wrap .deco {font-size:32px; font-weight:300; line-height:1.75em; letter-spacing:-0.03em; color:#454545; margin-bottom:30px;}
.greeting .bg-wrap {font-size:60px; font-weight:700; line-height:1.2em; letter-spacing:-0.03em; color:rgba(255,255,255,0.4); text-align:center; padding:120px 0; width:100%; background:url("../images/sub/greeting_bg.jpg") no-repeat 50% 50%; background-size:cover; margin-bottom:60px;}
.greeting .company-info {display:flex; flex-wrap:wrap;}
.greeting .company-info dl {width:50%; display:flex; padding:20px 0; border-bottom:1px solid #ddd;}
.greeting .company-info dl:nth-child(9) {border-bottom:0;}
.greeting .company-info dl:last-child {border-bottom:0;}
.greeting .company-info dt {min-width:170px; padding-left:18px; position:relative; font-size:16px; font-weight:500; line-height:1.75em; letter-spacing:-0.03em; color:#454545;}
.greeting .company-info dt:before {content:""; position:absolute; width:7px; height:7px; background:#eee; border-radius:100%; left:0; top:12px;}
.greeting .company-info dd {font-size:16px; font-weight:400; line-height:1.8em; letter-spacing:-0.03em; color:#454545;}

/*history*/
.history .txt-wrap {text-align:center; border:1px solid #ddd; border-top:2px solid #b80d15; padding:26px 0; margin-bottom:65px;}
.history .txt-wrap .txt {font-size:16px; font-weight:400; line-height:1.75em; letter-spacing:-0.03em; color:#454545;}
.history h3 {text-align:center; font-size:80px; font-weight:800; line-height:1em; letter-spacing:-0.03em; color:#ebebeb; margin-bottom:60px;}
.history .cnt {position:relative;}
.history .cnt .group {position:relative; padding-bottom:75px; display:flex;}
.history .cnt .group:nth-child(odd) {padding-left:calc(50% + 35px);}
.history .cnt .group:nth-child(even) {padding-right:calc(50% + 35px); flex-direction: row-reverse;}
.history .cnt .group:before {content:""; position:absolute; top:12px; width:15px; height:15px; border-radius:100%; background:#b80d15; left:50%; margin-left:-7.5px;}
.history .cnt .group:after {content:""; position:absolute; width:1px; height:100%; left:50%; background:#f1cfd0; top:27px; margin-left:-0.5px;}
.history .cnt .group:last-child:after {display:none;}

.history .year {position:relative; font-size:36px; font-weight:700; line-height:1em; letter-spacing:-0.03em; color:#242424;}
.history .year:before {content:""; position:absolute; width:80px; height:1px; background:#c1c1c1; top:19px;}
.history .cnt .group:nth-child(odd) .year {padding-right:118px;}
.history .cnt .group:nth-child(odd) .year:before {right:20px;}
.history .cnt .group:nth-child(even) .year {padding-left:118px;}
.history .cnt .group:nth-child(even) .year:before {left:20px;}

.history .cnt ul {padding-top:10px;}
.history .cnt li {position:relative; padding-left:12px; font-size:16px; font-weight:400; line-height:1.2em; letter-spacing:-0.03em; color:#454545; margin-bottom:10px;}
.history .cnt li:last-child {margin-bottom:0;}
.history .cnt li:before {content:""; position:absolute; width:4px; height:4px; border-radius:100%; background:#454545; left:0; top:8px;}

/*partners*/
.partners {padding:70px 0; background:url("../images/sub/partner_bg.jpg") no-repeat 50% 50%; background-size:cover;}

/*business*/
.biz-menu {margin-bottom:40px;}
.biz-menu ul {display:flex;}
.biz-menu ul li {width:auto; flex:1;}
.biz-menu ul li a {display:flex;align-items: center; justify-content: center; height:60px; font-size:18px; font-weight:500; line-height:1.2em; letter-spacing:-0.03em; color:#454545; border:1px solid #ddd; border-right:0;}
.biz-menu ul li:last-child a {border-right:1px solid #ddd;}
.biz-menu ul li.active a {background:#b80d15; border:1px solid #b80d15; color:#fff;} 

.business .main-img {border-radius:15px; overflow:hidden; margin-bottom:40px;}
.business .cnt dl {padding-bottom:33px; margin-bottom:33px; border-bottom:1px solid #ddd;}
.business .cnt dl:last-child {margin-bottom:0; padding-bottom:0; border-bottom:0;}
.business .cnt dt {font-size:20px; font-weight:700; line-height:1.4em; letter-spacing:-0.03em; color:#242424; margin-bottom:13px;}
.business .cnt dd {font-size:16px; font-weight:400; line-height:1.6em; letter-spacing:-0.03em; color:#454545;}

/**/
.buttons  {text-align:center;}
.buttons .round-pack {display:inline-block; margin:0 auto; position:relative; text-align:left;}
.btn-pack.round {position:relative; display:inline-block; text-align:left; color:#fff; min-width:240px; height:70px; padding:20px 30px; background:#b80d15; border-radius:60px; font-size:18px; font-weight:500; line-height:1.2em; letter-spacing:-0.03em;}
.buttons .round-pack:before {content:""; position:absolute; width:48px; height:12px; bottom:30px; right:40px; background:url("../images/main/arrow_icon.png") no-repeat 50% 50%; z-index:1;}