@charset "utf-8";

.pd-left{padding-left:2.5rem;}
.sub .org2 .dep2:before{left:24.6rem;width:calc(100% - 49.2rem);}

/* sub content */
.kakao-btn{background:url('./../../images/sub/kakao-friend-bg.png') no-repeat; color:#381e1f; width:100%;height:80px;font-size: 2.1rem;display: flex;align-items: center;justify-content: center;}
.kakao-btn span{font-weight:700; margin:0 5px;}
.kakao-btn i{display:inline-block; margin-top: -3px;}
.kakao-btn i:before{content:'';display:block;width: 4px;height: 4px;background:#000;margin:0 auto;border-radius: 100%;}
.kakao-btn em{width:65px;height:60px;background:url('./../../images/sub/kakao-btn-logo.png') no-repeat;text-indent: -9999px;margin-left: 20px;}

.talk-li{display: flex; justify-content: center;}
.talk-li li{}
.talk-li li img{max-width:100%;}

.symbol-panner{border: 0.1rem solid #c5c5c5; padding: 10rem 8rem; border-radius: 2rem; background:url('./../../images/sub/symbol-panner-bg.jpg') left top repeat;}
.symbol-panner ul{display: flex; align-items: center; justify-content: center; gap: 80px;}
.symbol-panner ul li{}

.types-reports { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; max-width: 1200px; margin: 0 auto; padding: 40px 20px; }
.report-card { background-color: #f6f8fb; border-radius: 12px; overflow: hidden; font-size:2.1rem;}
.report-card-header {background-color: #003675;color: white;font-size: 2.5rem;text-align: center;padding: 15px 10px;font-weight: 700;}
.report-card-body { text-align: center; padding: 25px 20px; }
.report-icon-wrapper {width: 85px;height: 85px;margin: 0 auto 1.5rem;display: flex;align-items: center;justify-content: center;background: #fff;border-radius: 100%;}
.report-icon {}
.report-title { font-size: 1rem; margin: 0; font-weight: 500; }
.report-title:after{content:''; width:1px; height:20px; display:block; background:#000;margin: 0 auto;}
.report-subtitle { font-size: 0.9rem; color: #666; margin-top: 6px; }

.report-process {}
.process-step {border: 1px solid #3478f5;border-radius: 6px;margin-bottom: 20px;overflow: hidden;}
.step-header {background-color: #e9f0fe;padding: 20px;display: flex;align-items: center;font-weight: 600;font-size: 1.05rem;}
.step-number {font-size: 3.2rem;color: #256ef4;font-weight: 700;margin-right: 15px;min-width: 40px;}
.step-txt{font-size:2.1rem;color: #222;}
.step-body {padding: 20px 30px;color: #333;}
.step-body ul {padding-left: 18px;margin: 0;display: grid;grid-template-columns: 1fr 1fr;gap: 10px 30px;}
.step-body ul + ul{border-top:1px solid #ddd; padding-top:20px; margin-top:20px;}
.step-body ul li {margin-bottom: 6px;line-height: 1.5;font-size: 1.6rem; position:relative; padding-left:15px;}
.step-body ul li:before{content: ''; width: 7px; height: 7px; background: #a9a9a9; position: absolute; left: 0; top: 8px; border-radius: 50%;}

.protection-list {padding: 0 75px; }
.protection-list ul{ display: grid; gap: 70px; grid-template-columns: 1fr 1fr 1fr; }
.protection-list ul li { text-align: center; }
.protection-list .circle { width: 20rem; height: 20rem; display: flex; align-items: center; justify-content: center; border-radius: 100%; margin: 0 auto 6rem; position: relative; }
.protection-list .circle:before{ content: ''; width: 100%; height: 100%; position: absolute; border-radius: 100%; transform: scale(1.1); }
.protection-list .circle strong { font-size: 3.2rem; color: #fff; font-weight: 700; }
.protection-list p {position: relative; padding-top: 20px; width: 110%; margin-left: -5%;}
.protection-list p:after,
.protection-list p:before{content:'';display: block;position: absolute;left: 50%;transform: translateX(-50%);}
.protection-list p:after{width: 1px;height: 50px; top: -50px;}
.protection-list p:before{width: 5px;height: 5px;border-radius: 100%; top: 0;}

.protection-list ul li.item-01 .circle{background: #00b7ee;}
.protection-list ul li.item-01 .circle:before{border: 1px dashed #00b7ee;}
.protection-list ul li.item-01 p:after{border-left: 1px dashed #00b7ee;}
.protection-list ul li.item-01 p:before{background: #00b7ee;}

.protection-list ul li.item-02 .circle{background: #256ef4;}
.protection-list ul li.item-02 .circle:before{border: 1px dashed #256ef4;}
.protection-list ul li.item-02 p:after{border-left: 1px dashed #256ef4;}
.protection-list ul li.item-02 p:before{background: #256ef4;}

.protection-list ul li.item-03 .circle{background: #003675;}
.protection-list ul li.item-03 .circle:before{border: 1px dashed #003675;}
.protection-list ul li.item-03 p:after{border-left: 1px dashed #003675;}
.protection-list ul li.item-03 p:before{background: #003675;}

.blue-box-title{padding:3.5rem;background-color: #eef2f7; text-align:center;}
.blue-box-title > strong{font-size:4rem;color:#222;margin-bottom:1.5rem;font-weight: 700;display: inline-block;position: relative;}
.blue-box-title > strong:after{content:'';width:13px;height:13px;display:block;position: absolute;right: -20px;top: 0;background: #e4012e;border-radius: 100%;}
.blue-box-title p{font-size:1.7rem;color:#666;line-height: 2.8rem;}
.blue-box-title p i{display:block;}


.regulation-box{display: grid; grid-template-columns: 530px 1fr; gap: 60px; align-items: center; margin-bottom:4rem;}
.regulation-box .img{}
.regulation-box .txt{}
.regulation-box .txt strong{color: #333;font-size: 2.5rem;display: block;margin-bottom: 2rem;}
.regulation-box .txt p{}
.regulation-box .txt p span{color: #256ef4;}

.regulation-list{}
.regulation-list ul{display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 1.5rem;}
.regulation-list ul li{text-align: center;}
.regulation-list ul li a{display: block;position: relative;border: 1px solid #ddd; padding: 1.5rem; border-radius: 1rem;}
.regulation-list ul li a:hover{background:#ecf2fe; border: 1px solid #003675; color:#404040;}

.gov-on{}
.gov-on dl{display: grid;grid-template-columns: 300px 1fr;align-items: center;}
.gov-on dl + dl dd{padding-top:6rem; background:url('./../../images/sub/gov-on-arr.png') center top no-repeat;}
.gov-on dt{position: relative;}
.gov-on dt:before{content:'';background:url('./../../images/sub/gov-on-dotted.png') no-repeat;width: 50px;height: 10px;display: block;position: absolute;right: 80px;top: 50%;margin-top: -0.5rem;}
.gov-on dt strong{display: flex;width: 12rem;height: 12rem;background: #ddd;border-radius: 100%;align-items: center;justify-content: center;font-size: 2.5rem;color: #fff;}
.gov-on dd .in-bg{width: 100%;text-align: center;padding: 30px;}
.gov-on dd .in-bg + .in-bg {margin-top:3rem;}
.gov-on dd .on-box-title,
.gov-on dd .on-title{display: flex;text-align: center;align-items: center;justify-content: center; font-size:2.5rem; color: #222;}

.gov-on dd .on-box-title{color:#20a089;}
.gov-on dd .on-list{background:#fff;text-align: left;padding: 30px;margin-top: 3.5rem;}
.gov-on dd .on-list > li{position:relative;padding: .7rem 0 0 5rem;}
.gov-on dd .on-list > li .num{color: #fff;background-color: #20a089;position: absolute;left: 0;top: 0.3rem;border-radius: 10rem;padding: 0;width: 3.5rem;height: 3.5rem;font-size: 1.7rem;display: flex;align-items: center;justify-content: center;}
.gov-on dd .on-list > li strong{color:#222; font-size:1.9rem;}

.gov-on dd .on-list li ul{margin-top:1rem;}
.gov-on dd .on-list > li li{position:relative;padding-left: 17px;color:#555;letter-spacing: -0.025rem;}
.gov-on dd .on-list > li li:before{content:'';width:7px;height:7px;background:#a9a9a9;position:absolute;left:0;top: 11px;border-radius: 50%;}

.gov-on dl:nth-child(1) dt{}
.gov-on dl:nth-child(1) dt strong{background:#3da6de;}
.gov-on dl:nth-child(1) dd .in-bg{background:#ebf6fc; border:1px solid #3da6df;}
.gov-on dl:nth-child(1) dd .on-title{}

.gov-on dl:nth-child(2) dt{}
.gov-on dl:nth-child(2) dt strong{background:#256ef4;}
.gov-on dl:nth-child(2) dd .in-bg{background:#f0f5fe; border:1px solid #256ef4;}
.gov-on dl:nth-child(2) dd .on-title{}

.gov-on dl:nth-child(3) dt{}
.gov-on dl:nth-child(3) dt strong{background:#20a089;}
.gov-on dl:nth-child(3) dd .in-bg{background:#eff8f7; border:1px solid #20a089;}
.gov-on dl:nth-child(3) dd .on-title{}

.policy-cont{background:url('./../../images/sub/policy-cont-bg.png') center top / cover no-repeat;text-align: center;padding: 10rem 4rem;}
.policy-cont .info{}
.policy-cont .info > span{display: inline-block; background: #fff; border-radius: 3rem; padding: 1.5rem 4rem; font-size: 2.1rem; color: #003675; font-weight: 700;}
.policy-cont .info > strong{display: block; color: #003675; font-size: 6.5rem; font-weight: 700; margin: 4rem 0 2rem;}
.policy-cont .info .txt{color:#333;}
.policy-cont .info .txt .sky{color:#256ef4;}
.policy-cont .box{background:#fff url('./../../images/sub/policy-box-symbol.png') center center / cover no-repeat; background-size:50%; border-radius:2rem; text-align:left; padding:6rem; margin-top:4rem;}

.policy-cont .box ul{}
.policy-cont .box ul li{position: relative;padding-left: 3rem;color: #555;font-size: 1.9rem;display: flex;align-items: center;gap: 3.5rem;}
.policy-cont .box ul li + li{margin-top:3rem;}
.policy-cont .box ul li .num{color:#fff;background-color: #256ef4;border-radius: 10rem;width: 6rem;height: 6rem;font-size: 2.4rem;display: flex;align-items: center;justify-content: center;flex-shrink: 0;}
.policy-cont .box ul li strong{color:#256ef4;}
.policy-cont .box .sign{text-align: center;border-top: 1px solid #ddd;padding-top: 5rem;margin-top: 5rem;font-size: 3.2rem;font-weight: 700;color: #003675;}

.facility-wrap .list{display: grid;grid-template-columns: 1fr 1fr;gap: 30px;}
.facility-wrap .list > li{width: 100%;border: 1px solid #ccc;padding: 3rem;border-radius: 1rem;}
.facility-wrap .list .photo{height: 250px;overflow: hidden;}
.facility-wrap .list .photo img{width: 100%;}
.facility-wrap .list .txt strong{display: block;color: #256ef4;font-size: 2.5rem;padding: 2.5rem 0 2rem;border-bottom: 1px solid #ddd;margin-bottom: 2rem;}

body .org .dep2:before{width: calc(100% - 49rem); left: 24.5rem;}