@charset "utf-8";

/* 서브페이지 - 헤더 */
.wrap-header{width:100%;position:fixed;top:0px; z-index:1000; border-bottom:1px solid rgba(255,255,255,0);}
.wrap-header.fNav{top:0;background:rgba(255,255,255,1);border-color:#EEE;}
.wrap-header .header-framebox {display:flex; align-items:center; position: relative;}
.wrap-header .container .inner {padding:4.85% 7.97%;}
.wrap-header .container > div .head-sitemap {width:28.07%;}
.wrap-header .sub-head-logo {width:23.32%;}
.wrap-header .sub-head-logo > a {display: block;}
.wrap-header .sub-head-logo > a > img {width:14.38%;}
.wrap-header .subject {flex:1; text-align: center; line-height: 1; font-family:'Noto Bold';}
.wrap-header .subject h2 {font-size: 4.81vw;}
.wrap-header .head-util {position:static; width:23.32%; margin-top: 0;} 

/*유틸메뉴*/
.wrap-header .head-util ul::after {content:''; display:block; clear:both;}
.wrap-header .head-util li{float:left;width:50%;height:3.64vw; }
.wrap-header .head-util li a,
.wrap-header .head-util li button{display:block;width:100%;height:100%;text-indent:-99999px;}
.wrap-header .head-util li.head-notice {background:url('../../images/common/head_notice.png') no-repeat center center; background-size:contain; width:40%; position:relative;} 
.wrap-header .head-util li.head-notice .notice-count {width:43.5%; height:50%; font-family:'Mont SemiBold'; font-size:1.2vw; background:#256EE3; border-radius:50%; position:absolute; top:-5px; right:5px; text-align:center; color:#fff;}
.wrap-header .head-util li.home-btn{width: 24%; margin-left: 33%;}
.wrap-header .head-util li.home-btn a{width: 100%; height: 100%; background: url(../../images/common/home_btn.png) no-repeat center center; background-size: contain;}
.wrap-header .head-util li.head-sitemap{display:block; background: url(../../images/common/ic-head-util1.png) no-repeat center; background-size:contain; width:40%; float:right;}
.wrap-header .head-util li.head-sitemap a{font-size:0; }
.wrap-header .container > div .btn-mgnb{display:none;background: url(../../images/common/ic-head-util1.png) no-repeat center; background-size:contain; width:40%; float:right;}
.wrap-header .container > div .btn-mgnb-close.on{display:block;position:absolute;right:100%;top:0;width:45px;height:45px;background:url(../../images/common/ic-navi-close.png) no-repeat center;}
.wrap-header .container > div .btn-mgnb-close button{text-indent:-9999px;display:block;width:100%;height:100%;}
.wrap-header .container > div .mobile-global.on{display:block;position:absolute;left:0px;top:40%;}
.wrap-header .container > div .mobile-global a{display:block;text-align:left;font-size:14px;color:#a6acbd;padding:0 0 0 20px;margin:0 0 10px 0;}
@media all and (max-width:1700px) {
  .wrap-header .head-util li.head-notice .notice-count {width:37.5%;} 
}
@media all and (max-width:1024px) {
  .wrap-header .head-util li.head-notice .notice-count {width:20px; height:20px; font-size:15px; right:5px; top:-9px;}
}
@media all and (max-width:860px) {
  .wrap-header .head-util li.head-notice .notice-count {right:-5px;}
}
@media all and (max-width:768px) {
  .wrap-header .head-util li{height:4.64vw; }
}

@media all and (min-width:1454px) {
  .wrap-header .subject h2 {font-size: 70px;}
}

/* 국방헬프콜 소개 */
.helpcall-wrap {min-height:100vh;}
.helpcall-wrap .inner {background:url('../../images/sub/helpcall_visual.png') no-repeat top; background-size:contain; padding:92.5% 7.97% 2% 7.97%; min-height:100vh;} 
/* .helpcall-wrap > .container > .inner{background:#fff url('../../images/sub/helpcall_visual.png') no-repeat top; background-size:contain; padding:92.5% 7.97% 2% 7.97%;}
.helpcall-wrap ._fnctWrap > .inner {background:#fff url('../../images/sub/helpcall_visual.png') no-repeat top; background-size:contain; padding:92.5% 7.97% 2% 7.97%;} */
.helpcall-wrap ._fnctWrap > .inner > div {position: relative;}
.helpcall-wrap .main-txt {text-align: center;} 
.helpcall-wrap .main-txt > p {font-family:'roka Bold'; font-size: 4.7rem; line-height: 1.2; margin:3.26% 0 2.86% 0; color:#111;}
.helpcall-wrap .call-box {width:48.44%; background:#00816C; margin: 0 auto; margin-bottom:11.53%; border-radius: 100px; box-shadow: 0 10px 20px rgba(0,129,108,0.34);}
.helpcall-wrap .call-box a {display: block; color: #fff; font-size: 2.94rem; font-family:'Noto Medium'; padding: 2.43rem 0;}
.helpcall-wrap .call-box a > span {display: inline-block; color:#fff; padding:1.4rem 0 1.4rem 12.8rem; background:url('../../images/main/ic-call.png') no-repeat left center; background-size:contain; line-height: 1.5;}


.helpcall-wrap .menu ul {display:flex; width:100%; flex-wrap: wrap; justify-content: space-between;}  
.helpcall-wrap .menu li{width:47.46%; margin-bottom: 5.04%;}

.helpcall-wrap .menu li a {display: block; height:100%;} 

.helpcall-wrap .menu .item {padding:12.93% 12.93% 19.97% 12.93%;}
.helpcall-wrap .menu .item span {font-size:3.23rem; display: inline-block; color:#fff; font-family:'Noto Bold'; letter-spacing: -.05em;}
.helpcall-wrap .menu .item .icon {margin-bottom: 3.9%;}
.helpcall-wrap .menu .item .icon > img{max-width:31.7%;} 
.helpcall-wrap .menu .item1 a {background:url('../../images/sub/menuBg_01.png') no-repeat center center; background-size:contain;}
.helpcall-wrap .menu .item2 a {background:url('../../images/sub/menuBg_02.png') no-repeat center center; background-size:contain;}
.helpcall-wrap .menu .item3 a {background:url('../../images/sub/menuBg_03.png') no-repeat center center; background-size:contain;}
.helpcall-wrap .menu .item4 a {background:url('../../images/sub/menuBg_04.png') no-repeat center center; background-size:contain;}

@media all and (min-width:1670px) {
  .helpcall-wrap .menu .item span {font-size:2.8rem;}
  .helpcall-wrap .main-txt > p {font-size: 4.2rem;}
}
@media all and (max-width:768px) {
  .helpcall-wrap .menu .item span {font-size: 3.5rem;}
}
@media all and (max-width: 500px) {
  .helpcall-wrap .call-box a {font-size: 16px;}
  /*  .helpcall-wrap .call-box a > span {background:url('../../images/main/ic_call_m.png') no-repeat left center;} */
}
/* 국방헬프콜 소개 - 기관소개 */
.introduce-wrap {text-align: center;}

/* 로고 */
.introduce-wrap .logo {width:62.02%; margin: 0 auto;}
/* 텍스트 */
.introduce-wrap .introduce-con .txt {font-size: 2.75vw; letter-spacing: -.075em; color:black; text-align: initial; line-height: 1.4; margin:5.48% 0 6.1% 0;}

/* 하단 안내문구 */
.introduce-wrap .waring-txt {background:#F7F7F7; border-radius:1.2rem; padding:2.9% 3.66%; margin-bottom: 5.9%; font-family: 'Noto Regular'; text-align: left;}
.introduce-wrap .waring-txt p{font-size: 2.39vw; line-height: 1.5; font-family: 'Noto Light'; color:#888888; padding-left: 3.2%; position: relative; letter-spacing: -.05em; margin: 0; letter-spacing: -.05em;}
.introduce-wrap .waring-txt p::after {content:''; position: absolute; left: 0; top:1.4rem; width:0.7rem; height:0.7rem; background:#BCBCBC; border-radius: 50%;}


@media all and (min-width:1454px) {
  .introduce-wrap .introduce-con .txt {font-size: 40px;}
  .introduce-wrap .waring-txt p {font-size: 36px;}
}
@media all and (max-width:500px) {
  .helpcall-wrap .call-box a {font-size: 16px;}
  .introduce-wrap .introduce-con .txt {font-size: 16px;}
  .introduce-wrap .waring-txt p {font-size: 14px;}
}

/* 국방헬프콜 소개 - 유관기관안내= */ 
.agency-wrap {}
.agency-wrap .agency-con ul {display:flex; flex-wrap: wrap;}
.agency-wrap .agency-con ul li {width:50%; text-align: center; margin-bottom:7.36%;}
.agency-wrap .agency-con .title {margin-bottom:7.36%;}
.agency-wrap .agency-con .title h2 {font-size:4.13vw; font-family:'Noto Bold';}

.agency-wrap .agency-con .con {display: flex; margin:0 -3.82%; justify-content: center;}
.agency-wrap .agency-con .con::after {content:''; display:block; clear:both;}
.agency-wrap .agency-con .con > div {margin:0 3.82%;}
.agency-wrap .agency-con .con > div > a {display: block; width:100%; height:100%;}
.agency-wrap .agency-con .tel {background:url(../../images/sub/agency_call.png) no-repeat center center; background-size:contain; text-indent: -9999px; width:11rem; height:11rem; }
.agency-wrap .agency-con .homepage {background:url(../../images/sub/agency_home.png) no-repeat center center; background-size:contain; text-indent: -9999px;  width:11rem; height:11rem;}

@media all and (min-width:1454px) {
  .agency-wrap .agency-con .title h2 {font-size:60px;}
  .agency-wrap .agency-con .tel {width:160px; height:160px;} 
  .agency-wrap .agency-con .homepage {width:160px; height:160px;}
}

/* 버튼 */
.call-box { width:48.44%; background:#00816C; margin: 0 auto; border-radius: 100px; box-shadow: 0 10px 20px rgba(0,129,108,0.34); text-align: center;}
.call-box a {display: block; color: #fff; font-size: 2.94rem; font-family:'Noto Medium'; padding: 2.43rem 0;}
.call-box a > span {display: inline-block; padding:1.4rem 0 1.4rem 12.8rem; background:url('../../images/main/ic-call.png') no-repeat left center; background-size:contain; color:#fff;}

@media all and (max-width: 500px) {
  .call-box a {font-size: 16px;}
  /*  .call-box a > span {background:url('../../images/main/ic_call_m.png') no-repeat left center;} */
}

/* 서브 백그라운드 */
.sub-wrap{padding: 92.5% 7.97% 5% 7.97%; position: relative;}
.sub-inner{position: relative;}
/* .sub-visual-1{background:#F5F5F5 url('../../images/sub/visual.png') no-repeat top center; background-size:contain; position: relative; min-height:100vh;} */
.intro {background-color:#f5f5f5;}

.consult-wrap .waring-txt p,
.report-wrap .waring-txt p,
.phoneConsult-wrap .waring-txt p{color: #888888}