@charset "utf-8";

/*공통*/
.txt-blue1 {color:#002a95 !important;}
.txt-blue2 {color:#7f99cf !important;}
.doc-tit {font-weight:600; color:#002a95; font-size:32px; letter-spacing:-0.04em;}
.doc-tit2 {font-weight:600; color:#054597; font-size:28px; letter-spacing:-0.04em;} 

.table-style table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:1px solid #a8a8a8;}
.table-style table th {padding:20px 15px; color:#2c2c2c; font-size:18px; font-weight:600; line-height:1.5em; background:#fafafa; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
.table-style table td {font-weight:400; padding:20px 15px; color:#505050; font-size:18px; line-height:1.5em; text-align:center; border-bottom:1px solid #ddd;}


/*about*/
.about .about_inner {display:flex; border-bottom:1px solid #dfdfdf; padding:60px 120px;}
.about .about_inner:first-child {padding-top:0;}
.about .about_inner:last-child {border:0; padding-bottom:0;}
.about .about_inner .img {margin-right:45px;}
.about .about_inner .txt {flex:1 1 auto; min-width:0; width:1%;}
.about .about_inner .txt h3 {margin-bottom:30px; font-size:32px; font-weight:600; color:#002a95; letter-spacing:-0.04em;}
.about .about_inner .txt h3 span {color:#7f99cf;}
.about .about_inner .txt p {font-weight:400; font-size:18px; color:#505050; letter-spacing:-0.04em; line-height:1.5em;}

/*value*/
.value h3 {margin-bottom:30px;} 

/*greetings*/
.greetings {}
.greetings p {font-weight:400; line-height:1.6em; text-align:center; font-size:18px; letter-spacing:-0.04em; color:#505050; margin-bottom:18px;}
.greetings p:nth-child(1) {margin-bottom:10px;}
.greetings p:nth-child(3) {margin:20px 0;}
/* .greetings p:last-child {font-size:20px; font-weight:600; margin-bottom:0;} */
.greetings .t1 {font-size:28px; font-weight:600; color:#2c2c2c;}
.greetings .t2 {font-size:22px; font-weight:600; color:#2c2c2c;}

/*history*/
.history {border-top:2px solid #a8a8a8; padding-top:60px;}
.history .history-inner {display:flex;}
.history .history-inner h3 {width:25%; font-size:42px; color:#002a95; position:relative; top:-8px; letter-spacing:-0.04em;}
.history .history-inner h3.first {margin-top:0;}
.history .history-inner .right {border-left:1px solid #dddddd; width:75%;  padding-bottom:64px;}
.history .history-inner:last-child .right {padding-bottom:0;}
.history .history-inner ul.first li:first-child {margin-top:0;}
.history .history-inner ul li {font-weight:400; border-bottom:1px solid #dddddd; padding:0 0 20px 26px; position:relative; margin-bottom:20px; line-height:1em; letter-spacing:-0.04em;}
.history .history-inner ul li:last-child {margin-bottom:0;}
.history .history-inner ul li::before {content:''; display:inline-block; width:16px; height:16px; border-radius:50%; background-color:#dddddd; position:absolute; left:-8px; top:0;}
.history .history-inner ul li:first-child::after {content:''; width:140px; height:1px; background-color:#dddddd; position:absolute; left:-138px; top:5px;}
.history .history-inner:last-child ul li:last-child {border-bottom:0; padding-bottom:0; margin-bottom:0;}

/*cl*/
.cl>div>h3, .cl>div>div>h3 {margin-bottom:29px;}
.cl .symbol {padding-bottom:80px;}
.cl .symbol p {font-weight:400; line-height:1.6em; color:#505050; letter-spacing:-0.04em; font-size:18px;}
.cl .symbol .symbol_bg {padding:70px 0; margin:28px 0; background-image:url("../images/sub/sub_01_05_symbol_bg.gif"); background-size:100% 100%;}
.cl .symbol .symbol_bg .symbol_img {text-align:center;}
.cl .gray-bg {background-color:#fafafa; padding:78px 0px;}
.cl .gray-bg .contain p {font-size:18px; font-weight:400; line-height:1.6em; color:#505050; letter-spacing:-0.04em;}
.cl .gray-bg .contain p span.a-blue {color:#0033a1; font-weight:600;}
.cl .gray-bg .contain .logo-bg {margin:26px 0; border:1px solid #ddd;}
.cl .gray-bg .contain .logo-bg .bg {display:flex; justify-content:center; padding:72px 10px;}
.cl .gray-bg .contain .logo-bg .ko {margin-right:135px;}
.cl .gray-bg .contain .white-bg {background-color:#ffffff;}
.cl .gray-bg .contain .black-bg {background-color:#222222;}
.cl .gray-bg .contain>ul>li {font-weight:400; color:#505050; letter-spacing:-0.04em; position:relative; margin-left:15px; font-size:18px;}
.cl .gray-bg .contain>ul>li::before {content:''; display:block; width:5px; height:5px; border-radius:50%; background-color:#0033a1; position:absolute; top:11px; left:-15px;}
.cl .gray-bg .contain>ul>li>span {font-weight:600; margin-bottom:2px; display:block;}
.cl .gray-bg .contain>ul>li>ul>li {line-height:1.6em; color:#505050; letter-spacing:-0.04em; font-size:17px;}
.cl .gray-bg .btn {display:flex; justify-content:center; margin:30px -10px 0;}
.cl .gray-bg .btn a {position:relative; border:1px solid #ccc; background:#fff; padding:0 28px; display:flex; width:25%; max-width:240px; height:64px; align-items:center; margin:0 10px;}
.cl .gray-bg .btn a:before {content:""; position:absolute; right:30px; top:50%; transform:translateY(-50%); width:24px; height:20px; background:url("../images/sub/sub_01_05_download.gif") no-repeat 50% 50%; background-size:contain;}
.cl .gray-bg .btn a span.txt {color:#505050; font-size:18px; letter-spacing:-0.04em; font-weight:500;}
.cl .color {padding-top:76px;}
.cl .color .contain .color-box {display:flex; justify-content:center; align-items:center; border:1px solid #e2e2e2; padding:48px 0 70px;}
.cl .color .contain .color-box .circle {width:160px; height:160px; background-color:#0033a1; border-radius:50%; margin-right:50px;}
.cl .color .contain .color-box .txt dl {display:flex;}
.cl .color .contain .color-box .txt dl dt,.cl .color .contain .color-box .txt dl dd {margin-bottom:11px;}
.cl .color .contain .color-box .txt dl:last-child dt, .cl .color .contain .color-box .txt dl:last-child dd {margin-bottom:0;}
.cl .color .contain .color-box .txt dl dt {font-size:18px; color:#2c2c2c; font-weight:600; min-width:113px;}
.cl .color .contain .color-box .txt dl dd {color:#505050; font-size:18px;}
.cl .color .contain .color-box .txt dl dd span {margin-right:11px; font-weight:400; font-size:18px;}
.cl .color .contain .color-box .txt dl dd span:last-child {margin:0;}

/*select*/
.select .contain .cooling-img {text-align:center; border-bottom:1px solid #dddddd; padding-bottom:58px;}
.select .contain .cooling-img img {}
.select .contain .technology {padding:40px 0 70px;}
.select .contain .technology h3 {text-align:center; margin-bottom:10px;}
.select .contain .technology p {font-weight:400; font-size:18px; letter-spacing:-0.04em; color:#505050; line-height:1.6em; text-align:center;}
.select .gray_bg {background:#fafafa; padding:75px 0;}
.select .gray_bg .contain h3 {margin-bottom:30px;}
.select .gray_bg .contain ul li {font-weight:400; font-size:18px; color:#505050; line-height:1.6; position:relative; margin-left:24px; letter-spacing:-0.04em;}
.select .gray_bg .contain ul li::before {content:''; display:block; width:15px; height:2px; background-color:#f68620; position:absolute; left:-24px; top:13px;}
.select .gray_bg .contain ul li span {font-weight:600; color:#2c2c2c;}

/*least*/
.least .doc-tit {margin-bottom:30px;}
.least .contain .least-img {text-align:center; border:1px solid #dddddd; padding:60px 10px;}
.least .contain .technology {text-align:center; padding:40px 0 73px;}
.least .contain .technology .doc-tit2 {margin-bottom:10px;}
.least .contain .technology p {font-weight:400; letter-spacing:-0.04em; line-height:1.6em; font-size:18px; color:#505050;}
.least .gray_bg {background-color:#fafafa; padding:80px 0 75px;}
.least .gray_bg .contain ul li {font-weight:400; line-height:1.6em; letter-spacing:-0.04em; color:#505050; font-size:18px; position:relative; margin:0 0 5px 24px;}
.least .gray_bg .contain ul li:last-child {margin-bottom:0;}
.least .gray_bg .contain ul li::before {content:''; display:block; width:15px; height:2px; background-color:#f68620; position:absolute; left:-24px; top:13px;}
.least .gray_bg .contain ul li span {color:#2c2c2c; font-weight:600;}
.least .contain .clinic {padding-top:78px;}
.least .contain .clinic dl {margin-left:24px;}
.least .contain .clinic dl dt {letter-spacing:-0.04em; color:#2c2c2c; font-weight:600; font-size:18px; position:relative; line-height:1.6em;}
.least .contain .clinic dl dt::before {content:''; display:block; width:15px; height:2px; background-color:#f68620; position:absolute; left:-24px; top:13px;}
.least .contain .clinic dl dd {font-weight:400; letter-spacing:-0.04em; color:#505050; font-size:18px; line-height:1.3em;}

/*human*/
.human .human-inner {display:flex; border-bottom:1px solid #dfdfdf; padding:50px 120px; align-items:center;}
.human .human-inner:first-child {padding-top:0;}
.human .human-inner:last-child {border:0; padding-bottom:0;}
.human .human-inner .img {margin-right:62px;}
.human .human-inner .txt {flex:1 1 auto; min-width:0; width:1%;}
.human .human-inner .txt h3 {letter-spacing:-0.04em; font-size:20px; font-weight:500; color:#878787; margin-bottom:23px;}
.human .human-inner .txt h3 span {font-size:32px; font-weight:600; margin-right:5px;}
.human .human-inner .txt ul li {font-weight:400; font-size:18px; letter-spacing:-0.04em; line-height:1.6em; color:#505050; position:relative; margin-left:12px;}
.human .human-inner .txt ul li::before {content:''; display:block; width:5px; height:5px; border-radius:50%; background-color:#002a95; position:absolute; top:11px; left:-12px;}

/* welfare */
.welfare ul li>div {text-align:center;}
.sub-title-txt-p {font-weight:400; margin-top:5px;}
.sub-title-txt-span {font-weight:600; letter-spacing:-0.04em;}
.welfare ul {display:flex; flex-wrap:wrap; justify-content:space-between;}
.welfare ul li {width:calc(20% - 20px); display:flex; flex-flow:column nowrap; align-items:center; border:1px solid #dddddd; height:280px; padding-top:20px; margin-bottom:20px;}
.welfare ul li .tit {font-size:20px; letter-spacing:-0.04em; margin:30px 0 33px; line-height:1.2em; font-weight:600;}
.welfare ul li .txt {font-weight:400; text-align:center; letter-spacing:-0.04em; line-height:1.5em; color:#505050;}
.welfare ul li:nth-child(3) .tit,
.welfare ul li:nth-child(4) .tit {margin:30px 0 10px;}
.welfare ul li:nth-child(7) .tit {margin:10px 0;}

/* step */
.order dl dt, .order dl dd {font-size:18px; letter-spacing:-0.04em; text-align:center; padding:18px 0;}
.step {margin-bottom:35px;}
.step ol {display:flex;}
.step ol li {display:flex; flex-flow:column nowrap; align-items:center; width:25%;}
.step ol li .img {border-bottom:3px solid #dfdfdf; width:100%; text-align:center; position:relative; padding-bottom:25px;}
.step ol li .img:before {content:""; display:block; width:4px; height:26px; background-color:#dddddd; position:absolute; bottom:0; left:50%; margin-left:-2px;}
.step ol li .img:after {content:""; display:block; width:10px; height:10px; background-color:#7f99cf; border-radius:50%; position:absolute; bottom:-6px; left:50%; margin-left:-5px;}
.step ol li .img img {}
.step ol li .tit {font-weight:400; font-size:18px; text-align:center; margin-top:12px; color:#505050; letter-spacing:-0.04em;}
.step ol li .tit span {display:block; font-size:20px; font-weight:600;}
.order {border-top:1px solid #2c2c2c; margin-top:30px;}
.order dl {display:flex; border-bottom:1px solid #dddddd;}
.order dl dt {font-weight:600; color:#2c2c2c; background:#fafafa; width:25%; border-right:1px solid #dddddd;}
.order dl dd {color:#505050; width:75%;}

/*product*/
.product {display:flex;}
.product li {width:33.33%; position:relative;}
.product li a {display:block; height:calc(100vh - 100px); background-repeat:no-repeat; background-size:cover;}
.product li:nth-child(1) a {background-image:url(../images/sub/product_01_bg.jpg);}
.product li:nth-child(2) a {background-image:url(../images/sub/product_02_bg.jpg);}
.product li:nth-child(3) a {background-image:url(../images/sub/product_03_bg.jpg);}
.product li a:hover .txt-icon  {background:0;}
.product li a .txt-icon {transition:all 0.2s; width:100%; height:100%; background:rgba(0, 0, 0, 0.4); display:flex; flex-flow:column wrap; align-items:center; justify-content:center; position:absolute; left:50%; transform:translateX(-50%);}
.product li a .txt-icon .txt {font-size:36px; font-weight:700; letter-spacing:-0.04em; color:#ffffff; margin-bottom:30px;}
.product li a .txt-icon .img {}

/*location*/
.location {}
.location .root_daum_roughmap {width:100% !important; height:400px !important;}
.location .root_daum_roughmap .wrap_map {height:400px !important;}
.location .map1 .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.location .map1 .roughmap_lebel_text:after {content:"Head Office"; font-size:12px; line-height:15px;}
.location .map2 .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.location .map2 .roughmap_lebel_text:after {content:"Branch"; font-size:12px; line-height:15px;}
.location .map3 .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.location .map3 .roughmap_lebel_text:after {content:"Research institute"; font-size:12px; line-height:15px;}
.location .gray-bg {background-color:#fafafa;}
.location > div {padding:80px 0;}
.location > div:first-child {padding-top:0;}
.location > div:last-child {padding-bottom:0;}
.location .doc-tit {margin-bottom:40px;}
.location .address {display:flex; margin-top:30px;}
.location .address dt {padding-left:48px; font-size:18px; line-height:1.5em; color:#2c2c2c; letter-spacing:-0.04em; font-weight:600; margin-right:20px; position:relative;}
.location .address dt:before {content:""; width:17px; height:23px; background:url("../images/sub/map_icon.gif") no-repeat 50% 50%; position:absolute; left:0; top:50%; margin-top:-11.5px; background-size:contain;}
.location .address dd {font-size:18px; color:#505050; letter-spacing:-0.04em; line-height:1.5em;}