@charset "utf-8";

/* 소개 */
.intro_bg{display:flex;flex-direction: row-reverse;align-items: center;color:#fff;background:#004da7;}
.intro_bg > p{position:relative;font-size:0;overflow: hidden;}
.intro_bg > p:before{position: absolute;left:0;top:0;content:'';display: block;width:100%;height: 100%;background:url(/nanum/site/builder/dir/heart/img/menu6517/intro_bg.png) repeat-y top left;}
.intro_bg > p img{margin-right:auto;}
.intro_bg .txtwr{padding:50px;padding-right:0;width:700px;box-sizing:border-box;flex-shrink: 0;}
.intro_bg .txtwr .tit{margin-bottom:55px;font-size:3rem;line-height: 1.5;font-weight:700;}
.intro_bg .txtwr .txt{margin-top:30px;font-size:1.7rem;}
.intro_bg .txtwr .txt span{font-weight:700;background:#019ab6;}

.intro_txtw .imgwr{font-size:0;line-height:0;}
.intro_txtw .imgwr img{max-width:100%;}
.intro_txtw .txtwr{position: relative;margin: -100px 50px 100px;padding:50px 60px 0;background: #fff;box-sizing: border-box;z-index: 1;}
.intro_txtw .txtwr .tit{margin-bottom:40px;font-weight: 700;font-size: 3rem;line-height: 1.4;color: #9e5900;text-align:center;}
.intro_txtw .txtwr .txt{font-size:1.9rem;text-align:center;}
.intro_txtw .txtwr .txt + .txt{margin-top:20px;}
.intro_txtw .txtwr .txt span{font-weight:700;color:#0060cf}

.intro_imgw{margin-top:70px;display:flex;font-size:0;}
.intro_imgw img{width:33.333%;object-fit:cover;pointer-events:none;}

/* 인사말 */
.greeting_w{display:flex;gap:70px;width:100%;}
.greeting_w .left .mobile_box{font-size: 0;line-height: 0;background:url(/nanum/site/builder/dir/heart/img/menu6517/intro_greeting_bg.jpg) no-repeat center / cover;border-radius:20px;overflow:hidden;}
.greeting_w .left img{width:500px;object-fit:cover;pointer-events: none;}
.greeting_w .sign{margin-top:20px;font-weight:700;font-size:1.7rem;color:#000;}
.greeting_w .sign > span{display:flex;align-items:center;margin-top:5px;width:100%;font-weight:400;font-size:1.6rem;}
.greeting_w .sign span .sign_txt{display:inline-block;font-family:'Nanum Myeongjo',sans-serif;font-weight:700;font-size:3.1rem;margin-right:15px;}
.greeting_w .right{margin-top:20px;}
.greeting_w .right .tit{font-weight:700;font-size:3rem;line-height:1.4;color:#9e5900;}
.greeting_w .right .stit{/*margin-top:35px;*/font-size:2.2rem;line-height:1.4;color:#000;}
.greeting_w .right .txtw{margin-top:35px;font-weight:400;font-size:1.7rem;line-height:1.6;color:#333;}
.greeting_w .right .txtw p:not(:first-child){margin-top:20px;}
.greeting_w .right .txtw strong{color:#9e5900;}

/* 미션비전 */
.mv_wr{position:relative;display:flex;gap:50px;padding:200px 100px 0;box-sizing:border-box;}
.mv_wr:before{content:'';position:absolute;top:0;left:0;display:block;width:100%;height:300px;background:url(/nanum/site/builder/dir/heart/img/menu6517/mvv_bg.jpg) no-repeat center / cover;z-index:-1;}
.mv_wr dl{width:0;flex-grow:1;padding:42px 40px 50px;background:#fff;border:1px solid #e1e1e1;border-radius:10px;box-sizing:border-box;}
.mv_wr dl dt{display: flex;justify-content: space-between;align-items: center;margin-bottom:40px;font-size:2.5rem;font-weight:700;line-height:1;}
.mv_wr dl dt:after{content:'';display:block;width:54px;height:50px;background:no-repeat center right / contain;}
.mv_wr dl.icon1 dt:after{background-image:url(/nanum/site/builder/dir/heart/img/menu6517/mvv_icon1.jpg);}
.mv_wr dl.icon2 dt:after{background-image:url(/nanum/site/builder/dir/heart/img/menu6517/mvv_icon2.jpg);}
.mv_wr dl dd{font-size:1.7rem;}

.value_tit{display:flex;justify-content: center;align-items: center;flex-direction: column;gap:20px;margin-top:100px;font-size:3rem;font-weight:700;text-align:center;}
.value_tit:before{content:'';display:block;width:50px;height:51px;background:url(/nanum/site/builder/dir/heart/img/menu6517/mvv_icon3.jpg) no-repeat center / contain;}
.value_list{display:flex;gap:20px;margin-top:45px;}
.value_list dl{width:0;flex-grow:1;padding:0 15px;border:1px solid #e1e1e1;border-radius:10px;box-sizing:border-box;text-align:center;}
.value_list dl dt{display:flex;justify-content: center;align-items: center;margin:0 10px;height:70px;font-size:2rem;font-weight:700;color:#0060cf;border-bottom:1px solid #e1e1e1;box-sizing:border-box;}
.value_list dl dd{padding:30px 10px;font-size:1.7rem;line-height:1.5;color:#333;box-sizing:border-box;}

/* 홍보영상 */
.video_wrap{padding:0 100px;width:100%;height:730px;box-sizing: border-box;}
.video_wrap iframe{width:100% !important;height:100% !important;}

.video_txt{margin:70px 0;text-align:center;}
.video_txt .tit{font-weight:700;font-size: 3rem;line-height: 1.4; color:#0060cf;}
.video_txt .txtw{margin-top:30px;font-size:2.2rem;}
.video_txt .txtw p:not(:first-child){margin-top:20px;}
.video_txt .txtw p.point{font-weight:700;color:#138853}

.video_box{display:flex;flex-wrap:wrap;gap:30px;}
.video_box li{display: flex;justify-content: center;align-items: center;gap: 10px;flex-direction: column;width:calc(33.333% - 20px);text-align: center;}
.video_box li .imgw{position:relative;font-size:0;}
.video_box li .imgw dl dt{position:relative;display:block;width:100%;height:100%;}
.video_box li .imgw dl dt:after{position:absolute;top:0;left:0;content:'';display:block;width:100%;height:100%;background:rgba(0,0,0,0.5);}
.video_box li dl dd{position: absolute;top: 0;left: 0;width: 100%;height: 100%;font-size: 2.8rem;color: #fff;display: flex;justify-content: center;align-items: center;letter-spacing: 0;}
.video_box li.on .imgw dl dt:after,
.video_box li.on dl dd{display:none;}
.video_box li .imgw img{max-width:100%;}
.video_box li .txt{font-size:1.7rem;}

/* 조직도 */
.org_wr{position:relative;text-align:center;}
.org_wr *{position:relative;border-radius:10px;box-sizing:border-box;z-index: 1;}
.org_wr > *,
.org_wr .org3_wr li > p{display: flex;justify-content: center;align-items: center;}
.org_wr .org1{margin:0 auto 90px;width:240px;height:240px;font-size:2.6rem;font-weight:700;color:#fff;background:linear-gradient(144deg, #0C4DA1 40%, #1a9263 100%);border:5px solid rgba(255,255,255,0.5);text-align:center;border-radius:50%;}
.org_wr .org2{width:300px;background:#fff;border:2px solid #000;}
.org_wr .org2,
.org_wr .org3_wr li > p{font-size:2rem;font-weight:700;height:70px;}
.org_wr .org3_wr{gap:20px;align-items: flex-start;margin-top:120px;background:#fff;}
.org_wr .org3_wr li{padding-top:70px;width:0;flex-grow:1;}
.org_wr .org3_wr li > p{background:#f0f0f0;}
.org_wr .org4{margin-top:30px;padding:15px;background:#fff;border:1px solid #dcdcdc;}
.org_wr .org4 p:not(:first-child){margin-top:5px;}

.org_wr:before,
.org_wr *:before,
.org_wr *:after{content:'';position:absolute;background:#d9d9d9;z-index: -1;}

.org_wr .org2{position:static;}
.org_wr .org2:after{left:0;top:50%;width:50%;height:1px;margin-top: -25px;}
.org_wr:before,
.org_wr .org3_wr li:after{top:0;left:50%;width:1px;height:100%;}
.org_wr .org3_wr:before{top:0;left:0;width:100%;height:1px;}
.org_wr .org3_wr li:first-child:before,
.org_wr .org3_wr li:last-child:before{top: 0;width: calc(100% / 2);height: 10px;background: #fff;}
.org_wr .org3_wr li:first-child:before{left: 0;}
.org_wr .org3_wr li:last-child:before{right: 0;}


/********************태블릿********************/
@media all and (max-width:1300px){

/* 소개 */
.intro_txtw .txtwr .txt{text-align:left;}
.intro_txtw .txtwr .txt + .txt{margin-top:20px;}
.intro_txtw .txtwr .txt{font-size:1.9rem;}
.intro_txtw .txtwr .txt span{font-weight:700;color:#0060cf}

/* 홍보영상 */
.video_wrap{padding:0;}

/* 인사말 */
.greeting_w{gap:4%;}

}

/********************태블릿********************/
@media all and (max-width:1100px){

/* 조직도 */
.org_wr .org2:after{margin-top: -35px;}



}

/********************태블릿********************/
@media all and (max-width:1024px){

/* 소개 */
.intro_bg{flex-direction: column-reverse;}
.intro_bg > p{width: 100%;}
.intro_bg > p img{max-width:100%;}
.intro_bg > p:before{display:none;transform: rotate(90deg);}
.intro_bg .txtwr{padding: 40px 30px;width:auto;}

.intro_txtw .txtwr{margin: -80px 30px 50px;padding: 30px 35px 0;}
.intro_txtw .txtwr .tit{margin-bottom:30px;font-size:2.5rem;}
.intro_txtw .txtwr .txt{font-size:1.7rem;line-height: 1.55;}
.intro_imgw{margin-top:50px;}


/* 인사말 */
.greeting_w{flex-direction: column;align-items: center;}
.greeting_w .left .mobile_box{height:300px;}
.greeting_w .left img{width:400px;}
.greeting_w .sign{margin-top: 10px;text-align:center;}
.greeting_w .sign > span{width:auto;justify-content: center;}
.greeting_w .right .tit{font-size:2.5rem;}


/* 미션비전 */	
.mv_wr{padding: 100px 30px 0;gap: 20px;}
.mv_wr:before{height:200px}
.mv_wr dl{padding: 25px 20px;}
.mv_wr dl dt{margin-bottom: 20px;}
.mv_wr dl dd{line-height:1.6}
	
.value_tit{margin-top: 50px;gap: 10px;}	
.value_list{flex-wrap:wrap;gap: 10px;margin-top: 30px;}
.value_list dl{width:calc(33.333% - 7px);flex-grow:0;}
	
	
/* 홍보영상 */
.video_wrap{height:500px;}
.video_txt .tit{font-size:2.5rem}

/* 조직도 */
.org_wr .org1{width: 200px;height: 200px;}
.org_wr .org2, .org_wr .org3_wr li > p{height:60px;font-size: 1.8rem;}
.org_wr .org2:after {margin-top: -45px;}
.org_wr .org3_wr{gap:10px;}
.org_wr .org3_wr li{padding-top:60px;}

}

/********************모바일********************/
@media all and (max-width:767px){

/* 소개 */
.intro_bg{color:#000;background:#fff;}
.intro_bg .txtwr{padding:0 0 20px;}
.intro_bg .txtwr .tit{margin-bottom: 20px;font-size: 2.1rem;line-height: 1.4;color: #004da7;}
.intro_bg .txtwr .txt{margin-top: 20px;font-size: 1.6rem;font-weight: 400;line-height: 1.5;}
.intro_bg .txtwr .txt span{color:#0b9657;background:#fff;}

.intro_bg{flex-direction: column-reverse;}
.intro_bg > p{width: 100%;}
.intro_bg > p img{max-width:100%;}
.intro_bg > p:before{display:none;transform: rotate(90deg);}
.intro_bg .txtwr{padding: 40px 30px;width:auto;}

.intro_txtw .txtwr{margin:0;padding:0;background: transparent;}
.intro_txtw .txtwr .tit{margin:-30px 10px 20px;padding: 15px 15px 0;font-size: 1.8rem;background: #fff;}
.intro_txtw .txtwr .txt{font-size:1.5rem;line-height: 1.6;}
.intro_txtw .txtwr .txt + .txt{margin-top:15px;}
.intro_imgw{margin-top:20px;}


/* 인사말 */
.greeting_w .left{text-align: center;}
.greeting_w .left .mobile_box{height: 260px}
.greeting_w .left img{max-width:100%;}
.greeting_w .sign{display: flex;flex-direction: column;margin-top: 5px;}
.greeting_w .sign > span{margin-top: 0;font-size:1.4rem;}
.greeting_w .sign span .sign_txt{font-size: 2.1rem;margin-right: 10px;}
.greeting_w .sign > span img{width: 70px;}
.greeting_w .right .tit{font-size:2.1rem;}
.greeting_w .right .txtw{margin-top:20px;font-size:1.5rem;}
.greeting_w .right .txtw p:not(:first-child){margin-top:10px;}
.greeting_w .right .txtw p{font-size:1.5rem;}
.greeting_w .right .stit,
.greeting_w .right .txtw{margin-top:15px;font-size:1.7rem;}

/* 미션비전 */	
.mv_wr{padding:50px 10px 0;gap:10px;flex-wrap: wrap;}
.mv_wr:before{height:100px}
.mv_wr dl{padding: 20px 15px;width:100%;flex-grow:0;}
.mv_wr dl dt{margin-bottom: 10px;font-size:2rem}
.mv_wr dl dt:after{width: 43px;height: 44px;}
.mv_wr dl dd{font-size:1.6rem;font-weight: 400;line-height: 1.5;}

.value_tit{font-size: 2.2rem;}
.value_tit:before{width: 45px;height: 46px;}
.value_list{margin-top:20px;}
.value_list dl{padding: 0 10px;width: calc(50% - 5px);}
.value_list dl dt{height: 50px;font-size:1.9rem;}
.value_list dl dd{padding: 15px 5px;font-size: 1.6rem;line-height: 1.4;}

	
/* 홍보영상 */
.video_wrap{height:380px;}
.video_box{gap: 15px;}
.video_box li{width: calc(50% - 7.5px);gap: 5px;}
.video_box li dl dd{font-size:2rem}

.video_txt{margin:35px 0 50px;}
.video_txt .tit{font-size:2.4rem;}
.video_txt .txtw{margin-top:25px;font-size:1.8rem;}
.video_txt .txtw p:not(:first-child){margin-top:15px;}
	

/* 조직도 */	
.org_wr .org1{margin-bottom:30px;width:170px;height:170px;font-size: 2.3rem;}
.org_wr .org2{width: 250px;max-width: 100%;margin: auto;}
.org_wr .org2, 
.org_wr .org3_wr li > p{height: 50px;}
.org_wr .org2:before,
.org_wr .org2:after{display:none;}
.org_wr .org3_wr{margin-top:50px;flex-wrap:wrap;}	
.org_wr .org3_wr li{padding-top:30px;width:calc(50% - 5px);flex-grow:0;}
.org_wr .org3_wr li:after,
.org_wr .org3_wr li:first-child:before, 
.org_wr .org3_wr li:last-child:before{display:none;}
.org_wr .org4{margin-top:10px;padding:10px;}



}

/********************모바일********************/
@media all and (max-width:560px){
	
/* 홍보영상 */
.video_wrap{height:300px;}
.video_txt .txtw p br{display:none;}
	

}

/********************태블릿********************/
@media all and (max-width:420px){

/* 미션비전 */	
.value_list dl{width:100%;}


/* 홍보영상 */
.video_wrap{height:200px;}
	
}