@import url('https://webfontworld.github.io/pretendard/Pretendard.css');

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, 
strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, 
label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, 
embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, 
time, mark, audio, video 
{margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */ 
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}

*, *::before, *::after{margin: 0;	padding: 0;	box-sizing: border-box;}
button{background: none; color: inherit; border: none; cursor: pointer; outline: inherit;}
a{color: inherit; text-decoration: none;}
input:focus{outline: none;}
html{font-size: 62.5%; /* 1rem을 10px로 변환 (예:15px은 1.5rem)*/}
body{min-width: 320px; font-size: 1.6rem; font-family: 'Pretendard';}
@media (max-width: 1024px) {
  body{font-size: 1.5rem;}
}
@media (max-width: 768px) {
  body{font-size: 1.4rem;}
}
@media (max-width: 480px) {
  body{font-size: 1.3rem;}
}

#wrap{}

.main{background: linear-gradient(180deg, #D7DBE4 16.37%, #FFFFFF 42.77%); width: 100%; height: 100vh; display: table;}
.main > .container{position: relative; display: table-cell; vertical-align: middle;}
.main > .container .link_site{position: absolute; left: 2rem; top: 2rem; font-size: 1.35rem; font-weight: 700; background-color: rgba(255, 255, 255, 0.5); color: #D26116; border-radius: 5px; padding: 1rem; letter-spacing: -0.07em;}
.main > .container .link_site a{display: flex; align-items: center;}
.main > .container .link_site img{width: 7rem; margin-right: 0.5rem;}

.main > .container .main_poster{text-align: center; width: 85%;}
.main > .container .main_poster img{filter: drop-shadow(0px 0px 50px rgba(0, 0, 0, 0.2));}
.main > .container .main_poster p{color: #041F7B; font-weight: 700; font-size: 2.8rem; letter-spacing: -0.05em; padding: 2.5rem 0 3.5rem;}
.main > .container .main_poster p::before{content: ''; display: block; border: 1px solid #041F7B; transform: rotate(-45deg); width: 1.2rem; background-color: #fff; margin: 0 auto; margin-bottom: 1.5rem;}

.main > .container > ul.last_poster{position: absolute; right: 0; top: 0; background-color: #051233; height: 100vh; width: 15%;}
.main > .container > ul.last_poster li{text-align: center; padding: 2rem;}
.main > .container > ul.last_poster li img{width: 75%;}
.main > .container > ul.last_poster li p{color: #fff; padding-top: 1rem; font-size: 1.3rem; font-weight: 500;}

@media (max-width: 768px) {
  
}
@media (max-width: 480px) {
  
}

.sub .container{width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 2rem;}

.sub02 .f01{background: #0F1B44; color: #fff; padding: 10rem 0; position: relative; z-index: 0;}
.sub02 .f01:before{content:""; width: 100%; height: 55%; position: absolute; top: 28%; left:0; background: #020D32; z-index: -1;}
.sub02 .f01 .container{display: flex;}
.sub02 .f01 .container > img{width: 30%;}
.sub02 .f01 article{padding-left: 10rem;}
.sub02 .f01 article h1{font-size: 3rem; font-weight: 400; letter-spacing: -0.05em; padding: 3rem 0 5rem; line-height: 4.5rem;}
.sub02 .f01 article h1 span{display: block; font-size: 3.6rem; font-weight: 600;}
.sub02 .f01 article h1 span b{font-weight: 800;}
.sub02 .f01 article .date{font-size: 1.8rem; letter-spacing: -0.05em; padding-bottom: 5.5rem;}
.sub02 .f01 article dl{display: flex; padding: 1.3rem 0;}
.sub02 .f01 article dl dt{width: 170px; color: #8390BD; position: relative;}
.sub02 .f01 article dl dt::after{content: ''; display: block; width: 1px; height: 1.5rem; background: #1B2547; position: absolute; top: 0; right: 0;}
.sub02 .f01 article dl dd{padding-left: 3rem;}
.sub02 .f01 article dl dd ul li{line-height: 2.4rem; list-style-type: disc; margin-left: 2rem;}
.sub02 .f01 article dl dd img{margin-top: -7px;}

.sub02 .f02{background-color: #fff; padding: 10rem 0;}
.sub02 .f02 h1{text-align: center; font-size: 3.2rem; font-weight: 700; color: #222; padding-bottom: 4rem;}
.sub02 .f02 dl{display: flex;}
.sub02 .f02 .container > dl{padding: 3rem; border-bottom: 1px solid #E3E3E3;}
.sub02 .f02 .container > dl > dt{font-size: 1.8rem; font-weight: 700; width: 150px;}
.sub02 .f02 .container > dl > dd{line-height: 2.4rem; font-weight: 500; width: 100%;}
.sub02 .f02 .container > dl > dd p{padding-bottom: 0.5rem;}
.sub02 .f02 .container > dl > dd ul li{padding-bottom: 0.5rem; list-style: decimal; list-style-position: outside; margin-left: 2rem;}
.sub02 .f02 .container > dl > dd ul li:last-of-type{padding-bottom: 0;}
.sub02 .f02 .container > dl > dd dl{padding-bottom: 1rem;}
.sub02 .f02 .container > dl > dd dl dt{padding-right: 3rem; font-weight: 700;}
.sub02 .f02 .container > dl > dd p.fs14{font-size: 1.4rem; margin-top: -0.5rem;}
.sub02 .f02 .container > dl > dd > ul.dis_flex{display: flex;}
.sub02 .f02 .container > dl > dd > ul.dis_flex > li{width: 50%; padding-left: 3rem; border-left: 1px solid #E3E3E3;}
.sub02 .f02 .container > dl > dd > ul.dis_flex > li:first-of-type{padding-left: 0; border-left: none;}
.sub02 .f02 .container > dl > dd > ul.dis_flex > li dl{padding-bottom: 0;}
.sub02 .f02 .container > dl > dd > ul.dis_flex > li dt{font-weight: 700;}
.sub02 .f02 .container > dl:nth-of-type(5) > dd > ul.dis_flex > li dd ul li:first-of-type{font-weight: 700;}
.sub02 .f02 .container > dl > dd button{background-color: #041F7B; color: #fff; font-size: 1.4rem; font-weight: 700; padding: 0.8rem 2rem; display: block; margin-bottom: 0.5rem;}
.sub02 .f02 .container > dl > dd button img{padding-right: 1rem;}

.sub02 .f03{background-color: #F2F3F3; padding: 4rem 0;}
.AccordionMenu li.show {transition: all 1s;}
.AccordionMenu li.show .Question{border-bottom: 1px solid #CFD5E2; padding-bottom: 3rem;}
.AccordionMenu li.show .Question::after {top: 1rem; width: 1.6rem; /* 사이즈 */ height: 1.6rem; /* 사이즈 */ border-top: 4px solid #041F7B; /* 선 두께 */ border-right: 4px solid #041F7B; /* 선 두께 */ transform: rotate(315deg); /* 각도 */}
.AccordionMenu li.show .Answer {display: block; opacity: 1;}
.AccordionMenu li .Question {position: relative; cursor: pointer; padding-left: 4rem; font-size: 3.2rem; font-weight: 700; color: #041F7B;}
.AccordionMenu li .Question::after {content: " "; top: 0.5rem; left: 0; position: absolute; width: 1.6rem; /* 사이즈 */ height: 1.6rem; /* 사이즈 */ border-top: 4px solid #041F7B; /* 선 두께 */ border-right: 4px solid #041F7B; /* 선 두께 */ transform: rotate(135deg); /* 각도 */}
.AccordionMenu li .Answer {display: none; opacity: 0; transition: 1s; padding: 3rem 0 10rem;}
.sub02 .f03 .Answer .ipt_area{display: flex; padding-bottom: 4rem;}
.sub02 .f03 .Answer .ipt_area dl{flex-grow: 1;}
.sub02 .f03 .Answer .ipt_area dt{font-size: 1.6rem; font-weight: 600; padding-bottom: 1rem;}
.sub02 .f03 .Answer .ipt_area dd{padding-right: 2rem;}
.sub02 .f03 .Answer .ipt_area dl:last-of-type dd{padding-right: 0;}
.sub02 .f03 .Answer .ipt_area dd input{width: 100%; border: 1px solid #E3E3E3; padding: 1rem;}
.sub02 .f03 .Answer .ipt_area dd input::placeholder{color: #AAA; font-size: 1.4rem;}
.sub02 .f03 .Answer ul{display: flex; justify-content: space-between;}
.sub02 .f03 .Answer ul li{display: flex; flex-grow: 1; justify-content: center; align-items: center; border-right: 1px solid #DADADA;}
.sub02 .f03 .Answer ul li:first-of-type{justify-content: flex-start;}
.sub02 .f03 .Answer ul li:last-of-type{border-right: 0;}
.sub02 .f03 .Answer ul li span{font-weight: 600; padding-right: 2rem;}
.sub02 .f03 .Answer ul li button{background-color: #041F7B; color: #fff; font-size: 1.4rem; font-weight: 700; padding: 0.8rem 2rem; display: block; margin-bottom: 0.5rem;}
.sub02 .f03 .Answer ul li button img{padding-right: 1rem; vertical-align: middle; margin-top: -0.3rem;}
.sub02 .f03 .Answer > button{background-color: #041F7B; color: #fff; font-size: 1.8rem; font-weight: 700; padding: 1.3rem 18rem; display: block; margin: 0 auto; margin-top: 10rem;}

@media (max-width: 1100px) {
  .sub02 .f03 .Answer ul li{flex-direction: column; align-items: flex-start; padding-left: 2rem;}
  .sub02 .f03 .Answer ul li:first-of-type{padding-left: 0;}
  .sub02 .f03 .Answer ul li span{padding-bottom: 1rem;}
}
@media (max-width: 1024px) {
  .sub02 .f01:before{content:""; width: 100%; height: 67%; position: absolute; top:25%; left:0; background: #020D32; z-index: -1;}
  .sub02 .f01 .container > img{width: 40%; height: fit-content;}
  .sub02 .f01 article{padding-left: 5rem;}
  .sub02 .f01 article h1 span b{display: block;}
  .sub02 .f01 article dl{flex-direction: column; text-align: left; padding-bottom: 2rem;}
  .sub02 .f01 article dl dt{padding-bottom: 1rem;}
  .sub02 .f01 article dl dt::after{display: none;}
  .sub02 .f01 article dl dd{padding-left: 0;}
  .sub02 .f02 .container > dl > dd > ul.dis_flex{flex-direction: column;}
  .sub02 .f02 .container > dl > dd > ul.dis_flex > li{width: 100%; border-left: 0; padding-left: 0; padding-bottom: 2rem;}
  .sub02 .f02 .container > dl > dd > ul.dis_flex > li dt{width: 90px;}
  .AccordionMenu li .Question{font-size: 2.8rem;}
}
@media (max-width: 768px) {
  .sub02 .f01{padding: 5rem 0;}
  .sub02 .f01:before{content:""; width: 100%; height: 65%; position: absolute; top:31%; left:0; background: #020D32; z-index: -1;}
  .sub02 .f01 .container{flex-direction: column; align-items: center;}
  .sub02 .f01 .container > img{width: 100%; max-width: 352px;}
  .sub02 .f01 article{padding-left: 0; text-align: center;}
  .sub02 .f01 article h1{font-size: 2.6rem; padding-top: 3rem; line-height: 3.6rem; padding-bottom: 2rem;}
  .sub02 .f01 article h1 span{font-size: 3.2rem;}
  .sub02 .f01 article .date{font-size: 1.6rem; border-bottom: 1px solid #43364E; padding-bottom: 3rem; margin-bottom: 2rem;}
  .sub02 .f01 article dl dd ul li{text-align: left;}
  .sub02 .f02{padding: 2rem 0 5rem;}
  .sub02 .f02 h1{font-size: 3rem;padding-top: 3rem;}
  .sub02 .f02 dl{flex-direction: column;}
  .sub02 .f02 .container > dl > dt{padding-bottom: 1.5rem;}
  .sub02 .f02 .container > dl > dd dl{flex-direction: row;}
  .sub02 .f03 .Answer ul{flex-direction: column; align-items: flex-start;}
  .sub02 .f03 .Answer ul li{flex-direction: row; padding-left: 0; align-items: center; padding-bottom: 2rem; border-right: 0;}
  .AccordionMenu li .Question{font-size: 2.5rem; padding-left: 3rem;}
  .AccordionMenu li.show .Question::after {top: 1rem; width: 1.3rem; /* 사이즈 */ height: 1.3rem; /* 사이즈 */ border-top: 3px solid #041F7B; /* 선 두께 */ border-right: 3px solid #041F7B; /* 선 두께 */ transform: rotate(315deg); /* 각도 */}
  .AccordionMenu li .Question::after {content: " "; top: 0.5rem; left: 0; position: absolute; width: 1.3rem; /* 사이즈 */ height: 1.3rem; /* 사이즈 */ border-top: 3px solid #041F7B; /* 선 두께 */ border-right: 3px solid #041F7B; /* 선 두께 */ transform: rotate(135deg); /* 각도 */}
  .sub02 .f03 .Answer ul li button{font-size: 1.2rem; padding: 0.6rem 1.5rem; margin-bottom: 0.5rem;}
  .sub02 .f03 .Answer ul li button img{padding-right: 1rem; margin-top: -0.3rem;}
  .sub02 .f03 .Answer > button{font-size: 1.5rem; padding: 1.3rem 18rem;}
}
@media (max-width: 480px) {
  .sub02 .f01 article h1{font-size: 2.2rem; line-height: 3.2rem;}
  .sub02 .f01 article h1 span{font-size: 2.8rem;}
  .sub02 .f01 .container > img{width: 90%}
  .sub02 .f02 h1{font-size: 2.6rem;}
  .sub02 .f02 .container > dl{padding: 2.5rem 0.5rem 1.5rem;}
  .sub02 .f02 .container > dl > dd dl{flex-direction: column;}
  .sub02 .f02 .container > dl > dd dl dt::before{content: '-';}
  .sub02 .f02 .container > dl > dd > ul.dis_flex > li dt{width: 100%;}
  .sub02 .f02 .container > dl > dd button{width: 100%; text-align: left; font-size: 1.3rem;}
  .sub02 .f03 .Answer .ipt_area{flex-direction: column; padding-bottom: 1rem;}
  .sub02 .f03 .Answer .ipt_area dd{padding-right: 0; padding-bottom: 3rem;}
  .sub02 .f03 .Answer > button{width: 100%; margin-top: 3rem; padding: 1.2rem 0; text-align: center;}
  .AccordionMenu li .Question{font-size: 2.2rem;}
  .AccordionMenu li.show .Question::after {top: 0.75rem; width: 1.2rem; /* 사이즈 */ height: 1.2rem; /* 사이즈 */ border-top: 2px solid #041F7B; /* 선 두께 */ border-right: 2px solid #041F7B; /* 선 두께 */ transform: rotate(315deg); /* 각도 */}
  .AccordionMenu li .Question::after {content: " "; top: 0.25rem; left: 0; position: absolute; width: 1.2rem; /* 사이즈 */ height: 1.2rem; /* 사이즈 */ border-top: 2px solid #041F7B; /* 선 두께 */ border-right: 2px solid #041F7B; /* 선 두께 */ transform: rotate(135deg); /* 각도 */}
  .sub02 .f03 .Answer ul li{flex-direction: column; align-items: flex-start;}
}