@charset "utf-8";

@font-face{font-family:'Pretendard GOV';font-weight:700;font-display:swap;src:local('Pretendard GOV Bold'),url(../font/PretendardGOV-Bold.woff) format('woff'),url(../PretendardGOV-Bold.woff2) format('font-woff2')}
@font-face{font-family:'Pretendard GOV';font-weight:500;font-display:swap;src:local('Pretendard GOV Medium'),url(../font/PretendardGOV-Medium.woff) format('woff'),url(../font/PretendardGOV-Medium.woff2) format('font-woff2')}
@font-face{font-family:'Pretendard GOV';font-weight:400;font-display:swap;src:local('Pretendard GOV Regular'),url(../font/PretendardGOV-Regular.woff) format('woff'),url(../font/PretendardGOV-Regular.woff2) format('font-woff2')}

.Hidden {font-size: 0 !important;position:absolute;overflow:hidden;clip-path:inset(0 0 0 0);}
body { font-size:19px; color:#2D364E;}
a, button, a>*, button>* { transition:all 0.2s;}

.WrapControl {overflow:hidden;height: 100vh;}
.WrapControl header {z-index: 1 !important;}

/* Skip-link */
#skip-link { position:fixed; left:0; top:0; height:auto; z-index:10; width:100%;}
#skip-link a { position:absolute; top:-40px; height:40px; width:100%; transition:all 0.2s; background:#212121; color:#fff; font-size:19px; line-height:40px; text-align:center;}
#skip-link a:focus {top:0;}

/* MenuAll */
.BtnGNB_open { position:absolute; right:40px; top:calc(50% - 36px); width:28px; height:20px; background:linear-gradient(#fff 9px, #202020 9px, #202020 11px, #fff 11px); font-size:0; }
.BtnGNB_open::before {content:'';display:block;width:100%;height:2px;background:#202020;position: absolute;right:0;top:0;width:50%; transition:all 0.2s;}
.BtnGNB_open::after {content:'';display:block;width:100%;height:2px;background:#202020;position: absolute;left:0;bottom:0;width:50%; transition:all 0.2s;}
.BtnGNB_open:hover::before, .BtnGNB_open:hover::after { width:100%;}



/* header */
header {height:160px;width:100%;position:relative;padding:0 40px;padding-top: 104px;display:flex;align-items: flex-start;justify-content: space-between;z-index: 2;transition:all 0.2s;background:linear-gradient(#fff 104px, #D8D8D8 104px, #D8D8D8 105px, #fff 105px, #fff 159px, #D8D8D8 159px);}
header h1 {position:absolute;left:40px;top: calc(50% - 58px);height:55px;width: 300px;}
header h1 a:first-child {display: inline-flex;font-size:28px;font-weight:700;align-items: center;display:inline-block;background:url("../images/common/logo.svg?ver=2") no-repeat center center;width: 100%;height: 100%;text-indent:-1000px;font-size:0;overflow:hidden;font-size:0;}
header h1 a:hover {  }
header h1 {/* margin-right:10px; */}
 .BtnGNB_close {display:none}
header .GNB {width:100%;position:relative;}
header .GNB nav>ul>li {display:inline-flex;position:relative;flex-direction: column;}
header .GNB nav>ul>li>a, header .GNB nav>ul>li>button {display:inline-block;line-height: 56px;font-size:20px;font-weight:500;padding: 0 20px;margin: 0 20px;color: #202020;position:relative;}
header .GNB nav>ul>li>button::after {}
header .GNB nav>ul>li>a::after, header .GNB nav>ul>li>button::after { content:''; display:block; height:4px; width:0; opacity:0; background:#1562B0; border-radius:2px; position:absolute; left:50%; bottom:0;  transition:all 0.2s; transform:translateX(-50%);}
header .GNB nav>ul>li>a.This, header .GNB nav>ul>li>button.This {font-weight:700;}
header .GNB nav>ul>li>a:has(+ ul), header .GNB nav>ul>li>button:has(+ ul) {background: url(../images/common/menu_arrow.svg) no-repeat  right center;padding-right: 30px;}
header .GNB nav>ul>li>a.This::after, header .GNB a:hover::after, header .GNB a:focus::after, header .GNB nav>ul>li>button.This::after, header .GNB button:hover::after, header .GNB button:focus::after { width:100%; opacity:1;}
header .GNB nav>ul>li ul {position:absolute;height: 0;overflow: hidden; transition:all 0.2s;}
header .GNB nav>ul>li ul.This {border:#707070 solid 1px;height:auto;padding:15px 26px;border-radius:12px;min-width: 100%;background:#fff;top: 55px;}
header .GNB nav>ul>li ul li { font-size:17px; border-bottom:#d8d8d8 solid 1px;}
header .GNB nav>ul>li ul li:last-child { border-bottom:none;}
header .GNB nav>ul>li ul li a { display:block; padding:10px 0; line-height:1.2}
header .GNB nav>ul>li ul li a:hover, header .GNB nav>ul>li ul li a:focus { color:#256EF4}
header .GNB nav>ul>li ul li a.This { color:#256EF4; font-weight:700;}

header .GNB.Open { height:auto; background:#fff; border:#707070 solid 1px;}
header .GNB.Open  nav>ul>li ul {height:auto;padding:15px 26px;border-radius:12px;min-width: 100%;background:#fff;top: 0;position: relative;border: none;}
header .GNB.Open .BtnGNB_close {display:block;position:absolute;right: 10px;bottom: 10px;}
header .GNB.Open .BtnGNB_close {width: 28px;height:28px;display: block;position: absolute;font-size: 0;text-indent: -100px;overflow: hidden;clip-path: inset(0 0 0 0);}
header .GNB.Open .BtnGNB_close::before, header .GNB.Open .BtnGNB_close::after { content:''; display:block; width:100%; height:2px; position:absolute; left:50%; top:50%;  background:#202020;}
header .GNB.Open .BtnGNB_close::before {transform:translate(-50%, -50%) rotate(45deg);}
header .GNB.Open .BtnGNB_close::after {transform:translate(-50%, -50%) rotate(-45deg);}


header.fixed {height:140px;background:linear-gradient(#fff 84px, #D8D8D8 84px, #D8D8D8 85px, #fff 85px, #fff 139px, #D8D8D8 139px);position:fixed;top:0;left:0;border:none;z-index:2;padding-top: 84px;}
header.fixed ~ .Cont{ margin-top:80px}
/* Cont Layout */
.Cont {z-index:1;position:relative;padding: 0 40px;padding-top: 30px;padding-bottom:80px !important;}
.Cont> h1 {height: 145px;line-height: 145px;font-size:40px;font-weight:700;color:#FF7C55;text-align: center; margin-bottom:30px;}
.Cont h2 { font-size:40px; margin-bottom:40px;}
.Cont h3 { font-size:32px; margin-bottom:30px;}
.BreadCrumb {display:block;margin-bottom: 20px;text-align: right;}
.BreadCrumb * { font-size:15px; display:inline-block; vertical-align:middle; line-height:18px; height:18px; margin:0 2px;}
.BreadCrumb *:last-child { margin-right:0;}
.BreadCrumb>a:first-child {background: url("../images/contents/home.svg") no-repeat left center;/* width:18px; *//* height:18px; */margin-left:0;/* font-size:0; *//* text-indent:-1000px; *//* overflow:hidden; *//* clip-path:inset(0 0 0 0); */padding-left: 22px;}

.Cont .ContArea { position:relative}
.ContArea h2 { font-size:28px; color:#EF4F4F; font-weight:700; margin-bottom:30px;}
.ContArea p { line-height:1.5; margin-bottom:30px;}
.ContArea p+h2 { margin-top:50px;}

/* footer layout */
.Footer {/* background:rgba(0 0 0/5%); */border-top: #B4B4B4 solid 1px;padding: 40px 40px;}
.Footer>span { display:block;}
.Footer .logo_wrap {display: flex;gap: 15px;}
.logo_kihasa, .logo_mohw {display: block;margin-bottom: 0;}
.logo_kihasa {background:url(../images/common/logo_kihasa.png) no-repeat center center;font-size:0;overflow:hidden;text-indent:-1000px;clip-path:inset(0 0 0 0);margin-bottom:20px;display: block;width:262px;height:73px;}
/* .logo_mohw {background:url(../images/common/logo_mohw.png) no-repeat center center;font-size:0;overflow:hidden;text-indent:-1000px;clip-path:inset(0 0 0 0);margin-bottom:20px;display: block;width:262px;height:65px;} */
.logo_mohw {background: url(../images/common/logo_mohw.png?ver=1) no-repeat center center;background-size: auto 75%;font-size: 0;overflow: hidden;text-indent: -1000px;clip-path: inset(0 0 0 0);margin-bottom: 20px;display: block;width: 200px;height: 73px;}
.Footer address { margin-bottom:15px}
.Footer .BaseLine {display: block;border-top:rgba(0 0 0/20%) solid 1px;padding-top:20px;margin-top:30px;padding-bottom: 20px;position: relative;}
.Footer .BaseLine a { display:inline-block; margin-right:30px}
.Footer .BtnHelp {font-weight:700;padding-right:20px;background:url("../images/common/arrow-right.svg") no-repeat right center;position:absolute;right:40px;bottom: 90px;}
.Footer .copyright {/* position: absolute; */float: right;right:0;bottom: 0;top: 20px;}

/* 레이어팝업 */
.LayerPopup { display:none;}
.LayerPopup.Open {display:flex;position:fixed;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 100vw;height:100vh;background:rgba(0 0 0/75%);z-index:100;align-items: center;justify-content: center;}
.LayerPopup.Open .PopupBox {background:#fff;border-radius:12px;width:600px;max-width: 95%;max-height: calc(100vh - 40px);position:relative;padding:40px;padding-top:50px;}
.LayerPopup.Open .PopupBox h1 { font-size:28px; margin-bottom:20px}
.LayerPopup.Open .PopupBox .BtnGroup {text-align: center;}
.LayerPopup.Open .PopupBox .BtnGroup button {font-size:17px;height:48px;border:#58616A solid 1px;padding:0 15px;min-width: 100px;border-radius:8px;margin: 0 5px;}
.LayerPopup.Open .PopupBox .BtnGroup button.submit { background:#256EF4; border:none; color:#fff}
.LayerPopup.Open .PopupBox button.BtnClose { width:22px; height:22px; font-size:0; overflow:hidden; text-indent:-1000px; clip-path:inset(0 0 0 0); position:absolute; right:20px; top:20px;}
.LayerPopup.Open .PopupBox button.BtnClose::before { content:''; display:block; width:100%; height:2px; background:#202020; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) rotate(45deg); transition:all 0.2s;}
.LayerPopup.Open .PopupBox button.BtnClose::after { content:''; display:block; width:100%; height:2px; background:#202020; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) rotate(-45deg); transition:all 0.2s;}
.LayerPopup.Open .PopupBox button.BtnClose:hover::before {transform:translateX(-50%) rotate(135deg);}
.LayerPopup.Open .PopupBox button.BtnClose:hover::after {transform:translateX(-50%) rotate(45deg);}

.BtnList {height:50px;border:#707070 solid 1px;border-radius:8px;padding: 0 25px;}
.BtnList::before {content:'';display:inline-block;width: 20px;height: 12px;margin-right: 10px;background: url(../images/contents/btn-shortcut.svg) no-repeat center center;transform: rotate(180deg);}

/* 첨부파일 */
dl.File {border:none;display:block;background:#E6E8EA;padding: 25px 50px; border-radius:12px;}
dl.File dt { font-weight:700; margin-bottom:10px}
dl.File dd li {background:#fff;border:#707070 solid 1px;border-radius:6px;padding:8px 16px;margin-bottom:10px;display:flex;align-items:center;flex-wrap: wrap;column-gap: 20px;}
dl.File dd li a {display:flex;justify-content: space-between;}
dl.File dd li .BtnDownload { background:url(../images/contents/download.svg) no-repeat right center; padding:0 27px 0 0; cursor: pointer;}
dl.File dd li .BtnPreview {background:url(../images/contents/preview.svg) no-repeat right center; padding:0 24px 0 0; }
dl.File dd li .FileDown {display: flex;max-width: 100%;align-items:center;flex:1;}
dl.File dd li .FileDown .file_title {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display: block;width: 100%;}
dl.File dd li:last-child {margin-bottom:0;}

@media (min-width: 1520px) {
    header h1 {left: calc((100% - 1440px)/2);}
    .BtnGNB_open { right: calc((100% - 1440px)/2);}
    header {padding-left: calc((100% - 1440px)/2);padding-right: calc((100% - 1440px)/2);}
    .Cont {margin: 0 calc((100% - 1520px)/2);}
	.Footer {padding: 40px calc((100% - 1440px)/2);}
    .Footer .BtnHelp {right: calc((100% - 1440px)/2);}
}
@media (max-width:1140px) {
    header h1 a:first-child { flex-direction:column; align-items:flex-start; padding-top:5px}
    header.fixed h1 span { height:20px; width:74px; background-size:contain; background-position:left center; }
    header h1 strong { font-size:24px}
    header .GNB a { margin:0 20px;}
}



@media (max-width:900px) {
    header {height: 80px;border-bottom: #d8d8d8 solid 1px !important; padding:0 24px}
    header.fixed {height: 80px;padding-top: 0;}
    .Cont {padding-left:24px; padding-right:24px}
    .Footer { padding:24px}
    header h1 {top:50%;transform:translateY(-50%);left: 24px;}
    header h1 strong { font-size:22px}
    header h1 span {height:20px; width:74px; background-size:contain; background-position:left center;}
    header .GNB { display:none}
    header .GNB.Open {display:block;position:fixed;width:100vw;height:100vh;left:0;top:0;background:#fff;padding:30px;}
    header .GNB >h2 {font-size:24px !important;position: relative;margin-bottom: 30px;}
    header .BtnHelp {margin-right: 50px;}
    header .BtnGNB_open {display:block;top:50%;transform:translateY(-50%);right: 24px;}
    header .GNB.Open nav { display:flex; flex-direction:column;}
    header .GNB.Open nav>ul>li { display:block; width:100%;margin-bottom: 24px;}
    header .GNB.Open nav>ul>li ul { position:relative;}
    header .GNB.Open nav>ul>li ul {height:auto;padding: 15px 0;}
    header .GNB.Open nav>ul>li> a, header .GNB.Open nav>ul>li> button {color:#202020;border: #d1d1d1 solid 1px; margin:0;  padding:0 30px; border-radius:0 10px; width:100%;}
    header .GNB.Open nav>ul>li> a.This, header .GNB.Open nav>ul>li> button.This{ background:linear-gradient(#4B5F84, #020F23); border:none; color:#fff;}
    header .GNB.Open nav>ul>li> a.This::after { content:none}
    header .GNB.Open nav>ul>li> ul.This {border:none;padding: 15px 0;}
    header .GNB nav>ul>li>a::after, header .GNB nav>ul>li>button::after { content:none;}
    header .GNB.Open .BtnGNB_close {right: 30px;top: 30px;}
    .LayerPopup.Open .PopupBox { padding:24px;}
}

@media (max-width:768px) {
    header { height:65px}
    header.fixed { height:65px}
    header.fixed ~ .Cont {margin-top:65px; }
    header h1 strong { font-size:22px}
    header h1 span {height: 15px !important;width:74px;background-size:contain;background-position:left center;}
    header .GNB { display:none}
   
    header .GNB.Open {display:block;position:fixed;width:100vw;height:100vh;left:0;top:0;background:#fff;padding:30px;}
    header .GNB >h2 {font-size:24px !important;position: relative;margin-bottom: 30px;}
    .HeaderBG { height:210px}
    header .BtnHelp {margin-right: 50px;}
    header .BtnGNB_open { display:block;}
    /*header .GNB.Open nav { display:flex; flex-direction:column;}
    header .GNB.Open nav a {color:#202020;border: #d1d1d1 solid 1px; margin:0; margin-bottom: 24px; padding:0 30px; border-radius:0 10px}
    header .GNB.Open nav a.This { background:linear-gradient(#4B5F84, #020F23); border:none; color:#fff;}
    header .GNB.Open nav a.This::after { content:none}*/
    header .GNB.Open .BtnGNB_close {width: 28px;height:28px;display: block;position: absolute;right: 30px;top: 30px;font-size: 0;text-indent: -100px;overflow: hidden;clip-path: inset(0 0 0 0);}
    header .GNB.Open .BtnGNB_close::before, header .GNB.Open .BtnGNB_close::after { content:''; display:block; width:100%; height:2px; position:absolute; left:50%; top:50%;  background:#202020;}
    header .GNB.Open .BtnGNB_close::before {transform:translate(-50%, -50%) rotate(45deg);}
    header .GNB.Open .BtnGNB_close::after {transform:translate(-50%, -50%) rotate(-45deg);}

    .Footer * { font-size:17px}
    .logo_kihasa, .logo_mohw { background-size:contain;}

    dl.File { padding:15px 25px;}

    
}

@media (max-width:560px) {
    header h1 { width:250px}
    .LayerPopup.Open .PopupBox {max-width:100%;border-radius:0;height:100%;top:0;max-height: 100%;}
    .Footer .BaseLine {/* display:flex; */padding-top: 0;/* flex-wrap: wrap; */}
    .Footer .copyright {position:relative;float: none;text-align: center;}
    .Footer .Call { margin-right:30px; margin-bottom:16px; display:inline-block;}
    .Footer .BtnHelp {position:relative;right:auto;top:auto;bottom: auto;display: block;width: fit-content;}
    .Cont h2 { font-size:28px;}
}

@media (max-width:380px) {
    header { height:55px; padding:0 16px;}
    header.fixed { height:55px;}
    header.fixed ~ .Cont {margin-top: 55px;}
    header h1 { padding-right:30px}
    header h1 strong { font-size:17px}
    header .BtnGNB_open { right:16px}
    header .BtnHelp { margin-right:44px}
    .HeaderBG { height:155px;}

    .Cont> h1 {font-size:32px;line-height: 100px;height: 100px;margin-bottom: 16px;}
    .BreadCrumb { margin-bottom: 24px; }
}