@charset "utf-8";

/* Mobile */

/* 인사말 */
.greeting_box{background: #f5f4fa;padding:20px;margin: 20px 0 30px 0;border-radius: 20px;}
.greeting_box>div{position: relative;background: #fff;padding: 20px;border-radius: 10px; box-shadow: 0 0 10px rgba(219,219,219,.3);}
.greeting_box dl dt{font-size: 18px;font-weight: 800;color: #4635c8;word-break: keep-all;}
.greeting_box .fs_change{font-size: 1.2em;} 
.greeting_box dl dd{padding: 30px 0;margin: 0 0 5px 0;font-size: 16px;}

/* Tablet */
@media (min-width: 768px) {
.greeting_box, .greeting_box>div{padding: 30px;}
.greeting_box dl dt{padding-top: 10px;}
}

@media all and (min-width:1600px) {
.greeting_box{height: 900px;max-width: 1000px;margin: 0 auto;}
.greeting_box>div{height: 100%;padding: 50px;}
.greeting_box>div::after{content:'';background: url(/images/24_safety/content/greet.png) no-repeat center;width:600px;height:265px;display:block;margin:40px auto 0 auto;}
.greeting_box dl dt{font-size: 25px;}
.greeting_box dl dd{font-size: 20px;padding: 40px 0;}
}                   

/* Mobile */

/* 조직도 */
.org_wrap{position: relative;margin: 30px 0;text-align: center;z-index: 1;}
.org_wrap:before{position: absolute;left:20px; width: 1px;height: 320px;content: "";background: #ddd;z-index: -1;}
.org_wrap div p{max-width: 200px;height: 50px;line-height: 50px;font-size: 20px;font-weight: 500;color: #fff;border-radius: 10px;}
.org_wrap li span{display: block;height: 40px;line-height: 40px;border-radius: 10px;font-weight: 500;max-width: 200px;}
.org_wrap .org1 p{margin-bottom: 250px;background: var(--point1);}
.org_wrap .org1 ul{padding-left: 60px;margin: 40px 0;}
.org_wrap .org1 li{position: relative;margin: 20px 0;}
.org_wrap .org1>ul>li:before{position: absolute;top: 20px;left: -40px;width: 40px;height: 1px;content: "";background: #ddd;}
.org_wrap .org1>ul>li:after{position: absolute;top: 40px;left: 20px;width: 1px;height: 105px;content: "";background: #ddd;}
.org_wrap .org1 li span{background: #328f90;color: #fff;}
.org_wrap .org1 ul ul{padding-left: 40px;margin: 20px 0;}
.org_wrap .org1 li li{max-width: 200px;margin: 10px 0;padding: 5px;background: var(--bgpoint);border-radius: 10px;}
.org_wrap .org1 li li span{position: relative;background: #fff;color: var(--point1);border-radius: 5px;}
.org_wrap .org1 li li span:before{position: absolute;width: 20px;height: 1px;top: 50%;left: -25px;content: "";background: #ddd;}
.org_wrap .org1 li li ul{margin: 10px 0;padding: 0;}
.org_wrap .org1 li li li{display: inline-block;margin: 0 2px;padding-left: 10px;background: url("/images/common/li02.png") no-repeat left center;}
.org_wrap .org2, .org_wrap .org3{position: absolute;width: 100%;padding-left: 60px;}
.org_wrap .org2:before{position: absolute;top: 50%;left: 20px;width: 40px;height: 1px;content: "";background: #ddd;}
.org_wrap .org2{top: 70px;}
.org_wrap .org2 p{background: var(--point2);}
.org_wrap .org3{top: 140px;}
.org_wrap .org3:before{position: absolute;top: 35px;left: 20px;width: 40px;height: 1px;content: "";background: #ddd;}
.org_wrap .org3:after{position: absolute;top: 35px;left: 40px;width: 1px;height: 60px;content: "";background: #ddd;}
.org_wrap .org3 li{position: relative;margin: 10px 0;}
.org_wrap .org3 li:before{position: absolute;top: 50%;left: -20px;width: 20px;height: 1px;content: "";background: #ddd;}
.org_wrap .org3 span{height: 50px;line-height: 50px;background: var(--bgpoint);color: var(--point2);}

.org_wrap .org3 li:before, .org_wrap .org3:after, .org_wrap .org3:before{display: none;}

@media (min-width: 768px) {
.org_wrap{max-width: 960px;margin: 30px auto;}
.org_wrap:before{left: 50%;height: 200px}
.org_wrap .org1 p{margin: 0 auto 150px;}
.org_wrap .org1 ul{padding: 0;margin: 0 auto;}
.org_wrap .org1>ul>li:before{left: 50%;top: 60px;transform: translateX(-50%);width: 240px;}
.org_wrap .org1>ul>li:after{left: 50%;height: 20px;}
.org_wrap .org1 li span{margin: 0 auto;}
.org_wrap .org1 ul ul{margin: 40px auto 0;padding: 0;}
.org_wrap .org1 li li{display: inline-block;width: 200px;margin: 0 20px;}
.org_wrap .org1 li li span:before{width: 1px;height: 20px;left: 50%;top: -25px;}
.org_wrap .org1 li li li{width: auto;}
.org_wrap .org2{top: 0;left: 0;padding: 0;width: calc((100% - 200px)/2);}
.org_wrap .org2:before{left: auto;right: 0;width: calc(100% - 200px);}
.org_wrap .org3{top: 0;right: 0;padding: 0;width: calc((100% - 200px)/2);}
.org_wrap .org3:before{left: 0;top: 25px;width: calc(100% - 200px);}
.org_wrap .org3:after{left: auto;right: 220px;top: 25px;}
.org_wrap .org3 li{float: right;width: 200px;margin: 0 0 10px;}
}
li.fs20{background-position: 0 8px;}
.btn_small{margin: 0 2px;padding: 0 44px 0 12px;font-size: 14px;}        

.law_step ol>li{position: relative;padding: 30px 20px;margin: 0 0 40px 0;line-height:1.5em;border: 1px #f4f4f4 solid;border-radius: 20px;}
.law_step ol>li:before{content:'';width:20px;height:20px;position:absolute;top: -27px;left: 0;right: 0;margin: 0 auto;background:url("/images/common/basic_step2.png") no-repeat center top;}
.law_step ol>li:first-child:before{display:none;}
.law_step li ul{margin:10px 0;}
.law_step li ul li{position: relative;padding-left: 11px;word-break: keep-all;}
.law_step li ul li:before{content:'';position: absolute;top: 8px;left: 0;display:inline-block;width:6px;height:6px;border-radius:50%;background:#ddd;}
.law_step li p{display:block;background: var(--bgpoint);color:#000;padding:16px 15px; font-weight:bold;border-radius: 10px;margin-bottom: 3px; text-align:center;}
.law_step li p:last-child{background: #fff;border: 1px #e9e5ff solid;}
@media (min-width: 1440px) {
.law_step ol>li {display:flex; gap:0 20px; padding: 10px;}
.law_step li p{flex-shrink:0;width: 250px;align-self: center;}
.law_step li div{flex-grow:1;align-self: center;}
.law_step li ul{margin:0;}
}