@charset "utf-8";

/* 공통 */
.txt-blue {color:#0552a0 !important;}

.doc-cnt {margin-bottom:100px;}
.doc-cnt:last-child {margin-bottom:0;}

.sub-txt {font-size:18px; font-weight:500; line-height:1.5em; letter-spacing:0; color:#454545;}

.sub-cont {padding:100px 0;}
.sub-cont-tit {text-align:center; font-size:30px; font-weight:600; letter-spacing:0; color:#242424; padding-bottom:30px; position:relative; margin-bottom:60px;}
.sub-cont-tit:before {content:""; position:absolute; width:60px; height:3px; background:#0552a0; left:50%; margin-left:-30px; bottom:0;}
.sub-cont-tit.ver2 {text-align:left;}
.sub-cont-tit.ver2:before {left:0; margin-left:0;}

.bg-gray {position:relative;}
.bg-gray:before {content:""; position:absolute; width:100vw; height:100%; left:50%; top:0; transform:translateX(-50%); z-index:-1; background:#f8f8f8;}

.list01 > li {position:relative; padding-left:15px; font-size:15px; line-height:1.6em; font-weight:300; letter-spacing:0; color:#939393;}
.list01 > li:before {content:""; position:absolute; width:6px; height:6px; background:#00a1e2; border-radius:100%; left:0; top:9px;}

.page-menu.swiper {margin-bottom:60px; overflow:visible;}
.page-menu ul {display:flex; flex-wrap:wrap;}
.page-menu ul li {width:auto; width:20%; border:1px solid #ddd; margin-left:-1px; margin-top:-1px;}
.page-menu ul li:first-child {margin-left:0;}
.page-menu ul li a {display:flex; height:100%; min-height:60px; justify-content:center; align-items:center; text-align:center; font-size:17px; font-weight:500; line-height:1.2em; letter-spacing:-0.03em; color:#242424;}
.page-menu ul li.active a {background:#0552a0; color:#fff;}

/* about */
.about {display:flex;}
.about .group.left {margin-right:60px;}
.about .group.left .img {margin-bottom:50px;}
.about .group.left .box {position:relative; padding-left:24px; margin-bottom:20px;}
.about .group.left .box:last-child {margin-bottom:0;}
.about .group.left .box:before {content:""; position:absolute; width:16px; height:16px; background-position:50% 50%; background-repeat:no-repeat; background-size:contain; left:0; top:4px;}
.about .group.left .addre:before {background-image:url("../images/sub/local_icon1.png");}
.about .group.left .tel:before {background-image:url("../images/sub/local_icon2.png");}
.about .group.left .fax:before {background-image:url("../images/sub/local_icon3.png");}
.about .group.left .mail:before {background-image:url("../images/sub/local_icon4.png");}
.about .group.left dl {display:flex; font-size:14px; line-height:1.7em; letter-spacing:0; color:#454545; font-weight:400;}
.about .group.left dt {font-size:18px; font-weight:500; min-width:90px;}

.about .group.right {flex: 1 1 auto; min-width: 0; width: 1%;}
.about .group.right .tit {font-size:27px; font-weight:600; line-height:1.2em; letter-spacing:-0.03em; color:#242424; margin-bottom:22px;}
.about .group.right .txt {font-size:17px; font-weight:400; line-height:1.5em; letter-spacing:0; color:#242424; margin-bottom:40px;}
.about .group.right .col-tit {font-size:16px; font-weight:500; line-height:1.5em; letter-spacing:0; color:#454545; margin-bottom:13px;}
.about .group.right .col {margin-bottom:40px;}
.about .group.right .col:last-child {margin-bottom:0;}

/* mission */
.mission .col {display:flex; margin-bottom:60px; align-items:center;}
.mission .col:last-child {margin-bottom:0; flex-direction:row-reverse;}
.mission .tt {font-size:22px; font-weight:600; line-height:1.2em; letter-spacing:0; color:#242424; margin-bottom:15px;}
.mission .cnt {flex: 1 1 auto; min-width: 0; width: 1%; padding-left:60px;}
.mission .col:last-child .cnt {padding-left:0; padding-right:60px;}
.mission .list01 > li {font-size:16px; color:#454545; margin-bottom:10px;}
.mission .list01 > li:last-child {margin-bottom:0;}
.mission .list01.ver2 {display:flex; flex-wrap:wrap;}
.mission .list01.ver2 > li {width:50%;}

/* org */
.org .txt {font-size:20px; font-weight:400; line-height:1.5em; letter-spacing:-0.03em; color:#242424;}
.orgSlider {position:relative; margin-bottom:55px;}
.orgSlider .slick-dots {position:absolute; display:flex; align-items:center; left:50%; transform:translateX(-50%); bottom:30px}
.orgSlider .slick-dots li {padding:0 7px;}
.orgSlider .slick-dots li.slick-active button {background:#00acee;}
.orgSlider .slick-dots li button {display:block; border:0; border-radius:100%; text-indent:-999em; overflow:hidden; background:#fff; width:15px; height:15px;}

.org-list ul {display:flex;}
.org-list ul li {flex:1; position:relative; border:1px solid #ddd; margin-left:-1px; margin-top:-1px; text-align:center;}
.org-list ul li:nth-child(even) .inner {background:#f8f8f8;}
.org-list ul li .inner {padding:37px 0 30px 0; height:100%;}
.org-list ul li .icon {margin-bottom:26px;}
.org-list ul li .tit {font-size:17px; font-weight:500; line-height:1.2em; letter-spacing:0; color:#454545;}
.org-list ul li .tit span {font-size:12px; font-weight:400;}

/* business */
.business .col {display:flex; align-items:center;}
.business .col .cnt {flex: 1 1 auto; min-width: 0; width: 1%; padding-left:60px;}
.business .col.ver2 {flex-direction:row-reverse;}
.business .col.ver2 .cnt {padding-left:0; padding-right:60px;}
.business .col .tit {font-size:22px; font-weight:600; line-height:1.2em; letter-spacing:0; color:#242424; margin-bottom:18px;}
.business .col .txt {font-weight:400; letter-spacing:0; color:#454545;}

/* partner */
.partner ul {display:flex; flex-wrap:wrap;}
.partner ul li {width:20%; position:relative; margin-left:-1px; margin-top:-1px;}
.partner ul li:nth-child(even) {background:#f8f8f8;}
.partner ul li .img {position:relative; padding-bottom:100%; overflow:hidden;}
.partner ul li .img img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:95%; max-height:95%; object-fit:contain;}
.partner ul li .img:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #ddd;}

/* career */
.career .top-txt {padding:50px 60px; background-size:cover; margin-bottom:60px;}
.career .top-txt.bg1 {background:url("../images/sub/career_bg.jpg") no-repeat 50% 50%;}
.career .top-txt.bg2 {background:url("../images/sub/career_bg2.jpg") no-repeat 50% 50%;}
.career .top-txt p {font-size:20px; font-weight:500; line-height:1.6em; letter-spacing:0; color:#242424; margin-bottom:35px;}
.career .top-txt p:last-child {margin-bottom:0;}
.career .sub-txt {text-align:center; margin-bottom:55px;}
.career-list ul {display:flex; flex-wrap:wrap;}
.career-list ul li {width:20%; border:1px solid #ddd; margin-top:-1px; margin-left:-1px; text-align:center; padding:63px 0 40px 0; background:#fff;}
.career-list ul li:nth-child(even) {background:#f7fcfe;}
.career-list ul li .icon {margin-bottom:26px;}
.career-list ul li .tit {font-size:17px; font-weight:500; line-height:1.2em; letter-spacing:0; color:#454545;}

.career .col {display:flex; align-items:center; margin-bottom:60px;}
.career .col:last-child {margin-bottom:0;}
.career .col .cnt {padding-left:80px; flex: 1 1 auto; min-width: 0; width: 1%;}
.career .col.ver2 {flex-direction:row-reverse;}
.career .col.ver2 .cnt {padding-left:0;}
.career .col .tit {padding-left:30px; font-size:24px; font-weight:600; line-height:1.2em; letter-spacing:0; color:#242424; margin-bottom:22px; position:relative;}
.career .col .tit:before {content:""; position:absolute; width:20px; height:20px; background:url("../images/sub/bullet02.png") 50% 50%; background-size:contain; left:0; top:3px;}
.career .col .txt {padding-left:30px; font-size:18px; font-weight:400; line-height:1.6em; letter-spacing:0; color:#454545;}

/* contact */
.contact {display:flex;}
.contact .group.left {display:flex; align-items:flex-end; width:550px; background:url("../images/sub/contact_bg.jpg") no-repeat 50% 50%; background-size:cover; margin-right:30px; padding:0 40px 50px 40px;}
.contact .group.left .img {margin-bottom:55px;}
.contact .group.left .box {position:relative; padding-left:24px; margin-bottom:20px;}
.contact .group.left .box:last-child {margin-bottom:0;}
.contact .group.left .box:before {content:""; position:absolute; width:16px; height:16px; background-position:50% 50%; background-repeat:no-repeat; background-size:contain; left:0; top:4px;}
.contact .group.left .addre:before {background-image:url("../images/sub/local_icon1.png");}
.contact .group.left .tel:before {background-image:url("../images/sub/local_icon2.png");}
.contact .group.left .fax:before {background-image:url("../images/sub/local_icon3.png");}
.contact .group.left .mail:before {background-image:url("../images/sub/local_icon4.png");}
.contact .group.left dl {display:flex; font-size:14px; line-height:1.7em; letter-spacing:0; color:#454545; font-weight:400;}
.contact .group.left dt {font-size:18px; font-weight:500; min-width:90px;}

.contact .group.right {flex: 1 1 auto; min-width: 0; width: 1%;}