@charset "utf-8";

.mView{display:none;}

.basicText{font-size:2.2rem;font-weight:400;letter-spacing:0;line-height:1.63636;color:#000;word-break:keep-all;}


/* 협회소개 > 인사말 */
.greetingWrap .greeting .introBg:after {width:100%;height:300px;display:block;margin:4.296% 0 6.339%;border-radius:28px;background:url('/img/introduce/greeting.jpg')no-repeat center / cover;content:'';}
/*.greetingWrap .greeting .policy:before {width:100%;height:300px;display:block;margin:4.296% 0 6.339%;border-radius:28px;background:url('/img/introduce/greeting.jpg')no-repeat center / cover;content:'';}*/
.greetingWrap .greeting .policy li{padding-left:100px;position:relative;}
.greetingWrap .greeting .policy li:before{width:80px;height:80px;position:absolute;top:0;left:0;content:'';}
.greetingWrap .greeting .policy li:nth-child(n+2){margin-top:51px;}
.greetingWrap .greeting .policy li:nth-child(1):before{background:url('/img/introduce/policy_icon01.png')no-repeat top center;}
.greetingWrap .greeting .policy li:nth-child(2):before{background:url('/img/introduce/policy_icon02.png')no-repeat top center;}
.greetingWrap .greeting .policy li:nth-child(3):before{background:url('/img/introduce/policy_icon03.png')no-repeat top center;}
.greetingWrap .greeting .policy li:nth-child(4):before{background:url('/img/introduce/policy_icon04.png')no-repeat top center;}
.greetingWrap .greeting .policy li:nth-child(5):before{background:url('/img/introduce/policy_icon05.png')no-repeat top center;}
.greetingWrap .greeting .policy li:nth-child(6):before{background:url('/img/introduce/policy_icon06.png')no-repeat top center;}
.greetingWrap .greeting .policy li strong{display:block;font-size:2.6rem;font-weight:700;letter-spacing:0;color:#004cb1;padding-top:3px;}
.greetingWrap .greeting .policy li strong span{margin-right:5px;color:#a3a3a3;}
.greetingWrap .greeting .policy li .basicText{margin-top:13px;}
.greetingWrap .greeting .thanks {margin-top:80px;}
.greetingWrap .greeting .thanks .finally {display:block;font-size:2.6rem;font-weight:700;letter-spacing:0;line-height:1.63636;}
.greetingWrap .greeting .thanks .thanksful{display:block;margin-top:69px;}
.greetingWrap .greeting .sign{display:block;text-align:right;font-size:2.6rem;font-weight:700;letter-spacing:0;color:#000;margin-top:-10px;}
.greetingWrap .greeting .sign span{display:inline-block;margin-top:10px;}
.greetingWrap .greeting .sign img{margin-left:20px;}
.greetingWrap .greeting .profile {margin-top:81px;padding:91px 7.043% 93px;border-radius:28px;background:url('/img/introduce/profile_bg.jpg')no-repeat center / cover;}
.greetingWrap .greeting .profile .titleText{font-size:4rem;font-weight:700;letter-spacing:0;color:#fff;font-family:'NotoSerifKR';margin-bottom:80px;}
.greetingWrap .greeting .profile .info{display:flex;align-items: flex-start;justify-content: center;}
.greetingWrap .greeting .profile .info .box{width:50%;}
.greetingWrap .greeting .profile .info .box > div:nth-of-type(n+2){margin-top:50px;}
.greetingWrap .greeting .profile .info .subject{font-size:2.6rem;font-weight:700;letter-spacing:0;color:#fff;}
.greetingWrap .greeting .profile .info .contents{display:flex;align-items:flex-start;font-size:2.2rem;font-weight:400;letter-spacing:0;color:#fff;margin-top:5px;padding:0 10px 0 15px;line-height:1.63636;position:relative;}
.greetingWrap .greeting .profile .info .contents:before{width:8px;height:2px;position:absolute;top:18px;left:0;background:#fff;content:'';}
.greetingWrap .greeting .profile .info .career{margin-top:-5px;}
.greetingWrap .greeting .profile .info .career .contents{margin-top:0;}
.greetingWrap .greeting .profile .info .career li:first-child {margin-top:9px;}

/* 협회소개 > 연혁 */
.historyWrap{width:calc(100% + 483px);position:relative;left:-241.5px;background:#fafbfc;}
.historyWrap .cont{max-width:1420px;margin:0 auto;display:flex;padding:120px 0 263px;position:relative;}
.historyWrap .cont:before{width:2px;height:100%;position:absolute;top:0;left:35.9155%;background:#004cb1;content:'';}
.historyWrap .cont .title{width:35.9155%;}
.historyWrap .cont .title h4{font-size:4.2rem;font-weight:700;letter-spacing:0;line-height:1.42857;color:#000;padding-right:20px;}
.historyWrap .cont .title h4 span{display:inline-block;margin-top:15px;line-height:2.14285;color:#004cb1;}
.historyWrap .cont .history{width:64.0845%;position:relative;}
.historyWrap .cont .history li{display:flex;align-items:flex-start;position:relative;padding-left:9.452%;}
.historyWrap .cont .history li:nth-child(n+2){margin-top:80px;}
.historyWrap .cont .history li:before{width:20px;height:20px;border:3px solid #004cb1;border-radius:50%;position:absolute;top:13px;left:-9px;background:#fff;box-sizing:border-box;content:'';}
.historyWrap .cont .history li strong{width:12.623%;font-size:4.2rem;font-weight:700;letter-spacing:0;color:#000;}
.historyWrap .cont .history li div {width: 87.377%;padding:6px 0 0 6.555%;}
.historyWrap .cont .history li div p{font-size:2.2rem;font-weight:400;letter-spacing:0;line-height:1.90909;display: flex;align-items: flex-start;}
.historyWrap .cont .history li div p span{min-width: 65px;display: inline-block;font-weight:500;color:#004cb1;margin-right:3.606%;}

/* 협회소개 > 오시는 길 */
.locationWrap .wrap_controllers{display:none;}
.locationWrap .root_daum_roughmap .map{border-radius:30px;}
.locationWrap .root_daum_roughmap .map_border{display:none;}
.locationWrap ul{display:flex;margin-top:50px;flex-wrap:wrap;}
.locationWrap ul li{width:23.944%;background:#f2f3f7;padding:3.17% 2.465% 131px;background-color:#f2f3f7;background-repeat:no-repeat;background-position:right 35px bottom 31px;border-radius:15px;}
.locationWrap ul li dl dt{font-size:2.8rem;font-weight:700;color:#000;}
.locationWrap ul li dl dd{font-size:2.2rem;line-height:1.546;letter-spacing:-0.02em;color:#666;margin-top:10.375%;word-break:keep-all;}
.locationWrap ul li:nth-child(1){background-image:url('/img/introduce/location_icon01.png');}
.locationWrap ul li:nth-child(2){background-image:url('/img/introduce/location_icon02.png');}
.locationWrap ul li:nth-child(3){background-image:url('/img/introduce/location_icon03.png');}
.locationWrap ul li:nth-child(4){background-image:url('/img/introduce/location_icon04.png');}
.locationWrap ul li:nth-child(n+2){margin-left:1.408%;}
.locationWrap ul li:last-child{margin-top:15px;width:100%;margin-left:0;padding-bottom:3.17%;}
.locationWrap ul li:last-child dl dd{margin-top:2.075%;}

/* 주요사업 */
.businessWrap .contBox:nth-child(n+2){margin-top:40px;}
.businessWrap .item {display:flex;justify-content:space-between;align-items:center;border-radius:30px;border:1px solid #ddd;padding:9px;background:#fff;}
.businessWrap .item .num {width:50.715%;padding:6.072% 1% 5.215% 5.072%;}
.businessWrap .item .num h4{display: flex;align-items:flex-start;font-size:3.2rem;font-weight:700;letter-spacing:0;line-height:1.3125;color:#000;word-break:keep-all;}
.businessWrap .item .num h4 span{width:70px;min-width:70px;height:70px;display:flex;justify-content:center;align-items:center;background:#004cb1;border-radius:20px 10px 20px 10px;color:#fff;margin-right:4.8%;margin-top:3px;}
.businessWrap .item .num h4 strong{min-height: 76px;display: flex;align-items: center;}
.businessWrap .item .num ul {margin-top:40px;}
.businessWrap .item .num ul li{display:flex;align-items:flex-start;font-size:2.2rem;font-weight:400;letter-spacing:0;line-height:1.81818;position:relative;padding-left:15px;word-break:keep-all;}
.businessWrap .item .num ul li:before{width:8px;height:2px;background:#000;position:absolute;top:18px;left:0;content:'';}
.businessWrap .item .imgBox{width:47.858%;}




@media all and (max-width:1460px){
/* 연혁 */
.historyWrap {width: 100vw;position: relative;left: 50%;transform: translateX(-50%);}
.historyWrap .cont{margin:0 20px;}
}

@media all and (max-width:1050px){
/* 연혁 */
.historyWrap .cont .title h4 .mView{display:block;}
}

@media all and (max-width:1279px) {
/* Sub Common */
.br_none{display:none}

/* 주요사업 */
.businessWrap .item .num ul li:before{top:16px;}
}

@media all and (max-width:979px) {
/* 연혁 */
.historyWrap .cont .history li{flex-wrap:wrap;}
.historyWrap .cont .history li strong{width:100%;}
.historyWrap .cont .history li div{padding:6px 0 0 0;}

/* 오시는 길 */
.locationWrap ul li{width:49%;padding:30px 20px 100px;background-size:50px auto;}
.locationWrap ul li:nth-child(n+2){margin-left:2%;}
.locationWrap ul li:nth-child(2n-1){margin-left:0;}
.locationWrap ul li:nth-child(n+3){margin-top:30px;}
.locationWrap ul li dl dd{margin-top:20px;}
.locationWrap ul li:last-child{padding-bottom:30px;}
.locationWrap ul li:last-child dl dd{margin-top:20px;}

/* 주요사업 */
.businessWrap .item .num h4 br{display:none;}
.businessWrap .item .num h4 span {width: 60px;min-width: 60px;height: 60px;margin-top: 8px;}


}

@media all and (max-width:767px) {

/* 회사소개 > 인사말 */
.greetingWrap .greeting .policy:before{height:200px;border-radius:20px;}
.greetingWrap .greeting .policy li{padding-left:12.642%;}
.greetingWrap .greeting .policy li:nth-child(1):before{width: 11.236%;background-size:90% auto;background-position: left top;}
.greetingWrap .greeting .policy li:nth-child(2):before{width: 11.236%;background-size:90% auto;background-position: left top;}
.greetingWrap .greeting .policy li:nth-child(3):before{width: 11.236%;background-size:90% auto;background-position: left top;}
.greetingWrap .greeting .policy li:nth-child(4):before{width: 11.236%;background-size:90% auto;background-position: left top;}
.greetingWrap .greeting .policy li:nth-child(5):before{width: 11.236%;background-size:90% auto;background-position: left top;}
.greetingWrap .greeting .policy li:nth-child(6):before{width: 11.236%;background-size:90% auto;background-position: left top;}
.greetingWrap .greeting .policy li strong{padding-top:2px;}
.greetingWrap .greeting .policy li strong span{margin-right:3px;}
.greetingWrap .greeting .policy li .basicText{margin-top:7px;}
.greetingWrap .greeting .policy li:nth-child(n+2){margin-top:26px;}
.greetingWrap .greeting .thanks{margin-top:40px;}
.greetingWrap .greeting .thanks .thanksful{margin-top:35px;}
.greetingWrap .greeting .sign{margin-top:-15px;}
.greetingWrap .greeting .sign span{margin-top:5px;}
.greetingWrap .greeting .sign img{width:100px;margin-left:10px;}
.greetingWrap .greeting .profile{margin-top:41px;padding:46px 7.043% 47px;border-radius:20px;}
.greetingWrap .greeting .profile .titleText{margin-bottom:40px;word-break:unset;}
.greetingWrap .greeting .profile .info{flex-wrap:wrap;}
.greetingWrap .greeting .profile .info .contents{margin-top:3px;padding:0 5px 0 8px;}
.greetingWrap .greeting .profile .info .contents:before{width:5px;height:1px;top:14px;}
.greetingWrap .greeting .profile .info .box{width:100%;}
.greetingWrap .greeting .profile .info .box:nth-of-type(n+2){margin-top:25px;}
.greetingWrap .greeting .profile .info .box > div:nth-of-type(n+2){margin-top:25px;}

/* 회사소개 > 연혁 */
.historyWrap .cont .title h4 .mView{display:none;}
.historyWrap .cont{flex-wrap:wrap;padding: 60px 0 132px;}
.historyWrap .cont:before{left:0;}
.historyWrap .cont .title{width:100%;}
.historyWrap .cont .title h4{padding:0 0 40px 9.452%;}
.historyWrap .cont .title h4 span{margin-top:8px;}
.historyWrap .cont .history{width:100%;}
.historyWrap .cont .history li:before{width:16px;height:16px;left:-7px;border-width:2px;}
.historyWrap .cont .history li:nth-child(n+2){margin-top:40px;}

/* 회사소개 > 오시는 길 */
.locationWrap .wrap_map{height:350px !important;}
.locationWrap .root_daum_roughmap .map{border-radius:20px;}
.locationWrap ul{margin-top:40px;}
.locationWrap ul li{width:100%;}
.locationWrap ul li:nth-child(n+2){margin-top:20px;background-size:40px auto;}
.locationWrap ul li:nth-child(2n){margin-left:0;}

/* 주요사업 */
.businessWrap .contBox:nth-child(n+2){margin-top:20px;}
.businessWrap .item{flex-wrap:wrap;border-radius:26px;padding: 27px;}
.businessWrap .item .num{width:100%;padding:0;}
.businessWrap .item .num h4 span{width:50px;min-width:50px;height:50px;margin-top:13px;margin-right:2.8%;border-radius:14px 4px 14px 4px;}
.businessWrap .item .num ul{margin-top:20px;}
.businessWrap .item .num ul li:before{top:15px;}
.businessWrap .item .imgBox{width:100%;margin-top:40px;}
.businessWrap .item .imgBox img{width:100%;}

}

@media all and (max-width:499px) {
.mView{display:block;}

/* 주요사업 */
.businessWrap .item .num h4 {align-items:flex-start;}

}