/*@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');*/
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");
@import url('https://fonts.googleapis.com/css2?family=Righteous&display=swap');
/* @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800&display=swap'); */

/*
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap')
@import url('https://fonts.googleapis.com/css?family=Titillium+Web');
@import url(https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css);
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo');
@import url(https://cdn.rawgit.com/openhiun/hangul/14c0f6faa2941116bb53001d6a7dcd5e82300c3f/nanumbarungothic.css);
@import url('https://fonts.googleapis.com/css?family=Play');
*/

/* =============================================
    초기화
============================================= */
html,
body { height: 100%;width: 100%;margin: 0;padding: 0;left: 0;top: 0;color: #000000;font-family:"Pretendard Variable", Pretendard, sans-serif;line-height: 1.2;font-weight: 400;}
/* html { font-size:62.5%; } */
html { font-size:10px; scroll-behavior: auto; }
body { font-size:1.4rem; }
* { padding: 0; margin: 0;word-break:keep-all;}
/* body {margin:0;padding:0;font-size: inherit;font-family:"NanumSquare", sans-serif;} */
/*body {margin:0;padding:0;font-size: inherit;font-family:'Titillium Web', sans-serif !important;}*/
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0;font-weight: 500;}
p {margin:0;padding:0;word-break:keep-all;line-height: 1.5;letter-spacing: -0.025em;}

li, ol, ul { list-style: none; margin: 0;padding: 0;}
a { text-decoration: none !important; }

/* =============================================
		CSS Document
============================================= */
.mt0 { margin-top: 0 !important; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mt60 { margin-top: 60px; }
.mt70 { margin-top: 70px; }
.mt80 { margin-top: 80px; }
.mt90 { margin-top: 90px; }
.mt100 { margin-top: 100px; }

.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr20 { margin-right: 20px; }
.mr30 { margin-right: 30px; }
.mr40 { margin-right: 40px; }
.mr50 { margin-right: 50px; }
.mr60 { margin-right: 60px; }
.mr70 { margin-right: 70px; }
.mr80 { margin-right: 80px; }
.mr90 { margin-right: 90px; }
.mr100 { margin-right: 100px; }

.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }
.mb60 { margin-bottom: 60px; }
.mb70 { margin-bottom: 70px; }
.mb80 { margin-bottom: 80px; }
.mb90 { margin-bottom: 90px; }
.mb100 { margin-bottom: 100px; }

.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml20 { margin-left: 20px; }
.ml30 { margin-left: 30px; }
.ml40 { margin-left: 40px; }
.ml50 { margin-left: 50px; }
.ml60 { margin-left: 60px; }
.ml70 { margin-left: 70px; }
.ml80 { margin-left: 80px; }
.ml90 { margin-left: 90px; }
.ml100 { margin-left: 100px; }

.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt30 { padding-top: 30px; }
.pt40 { padding-top: 40px; }
.pt50 { padding-top: 50px; }
.pt60 { padding-top: 60px; }
.pt70 { padding-top: 70px; }
.pt80 { padding-top: 80px; }
.pt90 { padding-top: 90px; }
.pt100 { padding-top: 100px; }

.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pr15 { padding-right: 15px; }
.pr20 { padding-right: 20px; }
.pr30 { padding-right: 30px; }
.pr40 { padding-right: 40px; }
.pr50 { padding-right: 50px; }
.pr60 { padding-right: 60px; }
.pr70 { padding-right: 70px; }
.pr80 { padding-right: 80px; }
.pr90 { padding-right: 90px; }
.pr100 { padding-right: 100px; }

.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb30 { padding-bottom: 30px; }
.pb40 { padding-bottom: 40px; }
.pb50 { padding-bottom: 50px; }
.pb60 { padding-bottom: 60px; }
.pb70 { padding-bottom: 70px; }
.pb80 { padding-bottom: 80px; }
.pb90 { padding-bottom: 90px; }
.pb100 { padding-bottom: 100px; }

.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }
.pl30 { padding-left: 30px; }
.pl40 { padding-left: 40px; }
.pl50 { padding-left: 50px; }
.pl60 { padding-left: 60px; }
.pl70 { padding-left: 70px; }
.pl80 { padding-left: 80px; }
.pl90 { padding-left: 90px; }
.pl100 { padding-left: 100px; }


[class*="col-"] {
	float: left;
	box-sizing:border-box;
	width:100%;
}

.col-sm-12 { width: 100%; }
.col-sm-11 { width: 91.66666667%; }
.col-sm-10 { width: 83.33333333%; }
.col-sm-9 { width: 75%; }
.col-sm-8 { width: 66.66666667%; }
.col-sm-7 { width: 58.33333333%; }
.col-sm-6 { width: 50%; }
.col-sm-5 { width: 41.66666667%; }
.col-sm-4 { width: 33.33333333%; }
.col-sm-3 { width: 25%; }
.col-sm-2 { width: 16.66666667%; }
.col-sm-1 { width: 8.33333333%; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img { display: block; max-width: 100%; height: auto; }
img { display:inline-block; max-width:100%; height:auto; }

.fll { float: left; }
.flr { float: right; }

.tal { text-align:left; }
.tac { text-align:center; }
.tar { text-align:right; }

.in_block { display: inline-block; }
.block { display: block; }
.none { display: none; }
.table { display: table; }
.table .tr { display: table-row; }
.table .tr .td { display: table-cell; }


/*
min-width:1170px     ---  pc
min-width:992px     ---  tb
min-width:768px     ---  mo
min-width:479px     ---  sm
*/
@media (min-width:479px){

}

@media (min-width:768px){
	.col-mo-12 { width: 100%; }
	.col-mo-11 { width: 91.66666667%; }
	.col-mo-10 { width: 83.33333333%; }
	.col-mo-9 { width: 75%; }
	.col-mo-8 { width: 66.66666667%; }
	.col-mo-7 { width: 58.33333333%; }
	.col-mo-6 { width: 50%; }
	.col-mo-5 { width: 41.66666667%; }
	.col-mo-4 { width: 33.33333333%; }
	.col-mo-3 { width: 25%; }
	.col-mo-2 { width: 16.66666667%; }
	.col-mo-1 { width: 8.33333333%; }
}

@media (min-width:992px){
	.col-tb-12 { width: 100%; }
	.col-tb-11 { width: 91.66666667%; }
	.col-tb-10 { width: 83.33333333%; }
	.col-tb-9 { width: 75%; }
	.col-tb-8 { width: 66.66666667%; }
	.col-tb-7 { width: 58.33333333%; }
	.col-tb-6 { width: 50%; }
	.col-tb-5 { width: 41.66666667%; }
	.col-tb-4 { width: 33.33333333%; }
	.col-tb-3 { width: 25%; }
	.col-tb-2 { width: 16.66666667%; }
	.col-tb-1 { width: 8.33333333%; }
}

@media (min-width:1200px){
	.col-pc-12 { width: 100%; }
	.col-pc-11 { width: 91.66666667%; }
	.col-pc-10 { width: 83.33333333%; }
	.col-pc-9 { width: 75%; }
	.col-pc-8 { width: 66.66666667%; }
	.col-pc-7 { width: 58.33333333%; }
	.col-pc-6 { width: 50%; }
	.col-pc-5 { width: 41.66666667%; }
	.col-pc-4 { width: 33.33333333%; }
	.col-pc-3 { width: 25%; }
	.col-pc-2 { width: 16.66666667%; }
	.col-pc-1 { width: 8.33333333%; }
}

/* =============================================
    레이아웃
============================================= */
.wrap { width: 100%; }
.container { margin: 0 auto; }
.relative {position: relative;}

/* =============================================
    폼
============================================= */
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="number"],
.submit_btn { width:100%; }


/* =============================================
    수정 레이아웃
============================================= */
.container { width: 100%; max-width: 1600px; }
.container-fluid { width: 100%; max-width: 1820px; margin: 0 auto; }
.row { margin-left: -1.0rem; margin-right: -1.0rem; }
[class*="col-"] {
	padding: 0 1.0rem;
}


@media (max-width:1890px){

}

@media (max-width:1200px){
	.view_1200 { display:block; }
}

@media (max-width:992px){
	html { font-size:9.5px; }

	.view_992 { display:block; }
}

@media (max-width:768px){
	html { font-size:9px; }

	.view_768 { display:block; }
}

@media (max-width:479px){
	html { font-size:8.5px; }

	.view_479 { display:block; }




}

@media (max-width:375px){
	html { font-size:8px; }

	.view_375 { display:block; }
}



#cursor {
  position: fixed;
  z-index: 99;
  left: 0;
  top: 0;
  pointer-events: none;
  will-change: transform;
  mix-blend-mode: difference;
}

@media (hover: hover) and (pointer: fine) {
  .cursor__circle {
    width: 64px;
    height: 64px;
    margin-top: -50%;
    margin-left: -50%;
    border-radius: 50%;
    border: solid 1px rgba(227, 222, 193, 0.64);
    transition: opacity 0.3s cubic-bezier(0.25, 1, 0.5, 1),
      background-color 0.3s cubic-bezier(0.25, 1, 0.5, 1),
      border-color 0.3s cubic-bezier(0.25, 1, 0.5, 1),
      width 0.3s cubic-bezier(0.25, 1, 0.5, 1),
      height 0.3s cubic-bezier(0.25, 1, 0.5, 1);
  }

  #cursor.arrow .cursor__circle{
    width: 48px;
    height: 48px;
	/*border-radius:0;
	transform:rotateX(45deg);*/
    background-color: #073099;
    border-color: #073099;
  }

  #cursor.subtle .cursor__circle{
    opacity: 0.16;
  }

  #cursor.overlay .cursor__circle{
    width: 32px;
    height: 32px;
    background-color: rgba(227, 222, 193, 0.08);
    border-color: transparent;
  }

}


i.ico.ico-check {display: inline-block;width: 20px;height: 20px;background: url('../img/icons/ico_check.png') no-repeat;flex-shrink:0;}
i.ico.ico-warning {display: inline-block;width: 20px;height: 20px;background: url('../img/icons/ico_warning.png') no-repeat;flex-shrink:0;}

.bo_list { margin-bottom: 13rem; }

.bo_v_nb a { color:#666; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:calc(100% - 74px - 55px); overflow:hidden; display:inline-block; padding-right: 5rem; box-sizing:border-box; vertical-align: -2px; }






.pg_wrap { float: none; }


#bo_v { margin-bottom: 13rem !important; }
#bo_v_title .bo_v_tit { display:block;font-size:2.4rem;margin:12rem 0 5px;text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:95%; overflow:hidden; }
.bd_mg { margin: 12rem 0 13rem; }



@media (max-width:768px){

	#bo_v_info .profile_info,
	#bo_v_top .bo_v_com { float: none; }
	#bo_v { position:relative; }
	#bo_v_top .bo_v_com { position:absolute; right:10px; top:-50px; margin: 0; }

}

html,
body { scroll-behavior: smooth; }


:root {

	--mainY:#fdb812;
	--mainB:#133365;

}

body { background:url(images/main_bg.png) center top repeat-x; }


.header { position:fixed; top:2rem; z-index:99; }
.header .container { background:#fff; border-radius:100px; height:80px; display:flex; align-items:center; justify-content:space-between; padding:0 8.5rem; box-sizing:border-box; box-shadow: 0px 10px 20px 0px rgba(139, 161, 196, 0.2); }
.header .mLogo { width:200px; }
.header .gnb {  }
.header .gnb .de1_ul { display:flex; align-items:center; justify-content:center; gap:4.5rem; }
.header .gnb .de1_ul .de1_li {  }
.header .gnb .de1_ul .de1_li .de1_a { font-size:1.8rem; color:#000; transition:all 0.3s; }
.header .csBtn {  }
.header .csBtn a { width:200px; height:44px; border-radius:100px; background:var(--mainY); font-size:1.6rem; color:#3a3a3a; font-weight: 700; display:flex; align-items:center; justify-content:center; text-align: center; transition:all 0.3s; }

.header .gnb .de1_ul .de1_li .de1_a:hover { color:var(--mainY); }
.header .csBtn a:hover { background:var(--mainB); color:var(--mainY); }



.visualWrap { padding-top: 20rem; box-sizing:border-boxl; }
.visualWrap .titBox { display:flex; flex-direction:column; text-align: center; justify-content:center; align-items:center; }
.visualWrap .titBox .stit { width:400px; height:40px; display:flex; background:var(--mainB); border-radius:100px; align-items:center; text-align: center; justify-content:center; font-size:1.6rem; color:var(--mainY); font-weight: 700; }
.visualWrap .titBox .tit { font-size:6rem; color:#3a3a3a; font-weight: 700; margin-top: 2.2rem; }
.visualWrap .titBox .tit strong { color:var(--mainB); font-weight: 700; }
.visualWrap .titBox .txt { font-size:1.8rem; color:#000; font-weight: 500; line-height: 2.8rem; margin-top: 3rem; }
.visualWrap .titBox .btnBox { display:flex; gap:3rem; margin-top: 4.8rem; }
.visualWrap .titBox .btnBox li {  }
.visualWrap .titBox .btnBox li a { display:flex; align-items:center; justify-content:space-between; width:30rem; height:7rem; border: 2px solid var(--mainB); background:transparent; font-size:2rem; color:var(--mainB); font-weight: 700; border-radius:500px; padding-left: 3rem; padding-right: 1.5rem; box-sizing:border-box; }
.visualWrap .titBox .btnBox li a:after { content:"\f061"; font-family: "Font Awesome 5 Free"; font-weight: 600; display:flex; width:4rem; height:4rem; background:var(--mainB); color:#fff; align-items:center; justify-content:center; text-align: center; border-radius:50%; font-size:14px; }
.visualWrap .titBox .btnBox li a.reverse { background:var(--mainB); color:#fff; }
.visualWrap .titBox .btnBox li a.reverse:after { background:#fff; color:var(--mainB); }

.visualWrap .slideOutter { padding-top: 6rem; position:relative; }
.visualWrap .slideOutter .slideLi { overflow:hidden; max-width:1400px; margin: 0 auto; }
.visualWrap .slideOutter .slideLi .list {  }
.visualWrap .slideOutter .slideLi .list li { transition:all 0.3s; padding-bottom: 5rem; box-sizing:border-box; }
.visualWrap .slideOutter .slideLi .list li.swiper-slide-next { margin-top: 5rem; padding-bottom: 0; }
.visualWrap .slideOutter .slideLi .list li a { display:block; background:#fff; border-radius:3rem; padding:3rem 3rem 5.4rem; box-sizing:border-box; }
.visualWrap .slideOutter .slideLi .list li a .img { font-size:0; }
.visualWrap .slideOutter .slideLi .list li a .img img { border-radius:3rem; }
.visualWrap .slideOutter .slideLi .list li a .txtBox { padding:0 1.5rem; box-sizing:border-box; }
.visualWrap .slideOutter .slideLi .list li a .txtBox .tit { font-size:3.2rem; color:#000; font-weight: 700; line-height: 3.8rem; border-bottom: 1px solid #eaeaea; box-sizing:border-box; padding:4.2rem 0 2rem; margin-bottom: 2rem; }
.visualWrap .slideOutter .slideLi .list li a .txtBox .txt { font-size:1.8rem; color:#3a3a3a; font-weight: 500; display:flex; flex-direction:column; }
.visualWrap .slideOutter .slideLi .list li a .txtBox .txt span {  }

.visualWrap .slideOutter .arrowBox {  }
.visualWrap .slideOutter .arrowBox .arrow { position:absolute; top:50%; margin-top: -19px; font-size:0; }
.visualWrap .slideOutter .arrowBox .prev { left:5rem; }
.visualWrap .slideOutter .arrowBox .next { right:5rem; }



section { padding:20rem 0 0; box-sizing:border-box; }
section .sectionBox { display:flex; flex-direction:column; text-align: center; justify-content:center; align-items:center; margin-bottom: 5rem; }
section .sectionBox .stit { width:400px; height:40px; display:flex; background:var(--mainB); border-radius:100px; align-items:center; text-align: center; justify-content:center; font-size:1.6rem; color:var(--mainY); font-weight: 700; }
section .sectionBox .tit { font-size:5rem; color:#3a3a3a; font-weight: 700; margin-top: 2.2rem; }
section .sectionBox .tit strong { color:var(--mainB); font-weight: 700; }
section .sectionBox .txt { font-size:1.8rem; color:#000; font-weight: 500; line-height: 2.8rem; margin-top: 3rem; }



.section01 {  }
.section01 .flexBox { display:flex; gap:40px; padding-top: 4rem; box-sizing:border-box; }
.section01 .flexBox .priceBox { position:relative; z-index:2; flex:1; padding:0 10px; box-sizing:border-box; }
.section01 .flexBox .priceBox .titBox { border-bottom: 1px solid #eaeaea; box-sizing:border-box; padding-bottom: 2.4rem; }
.section01 .flexBox .priceBox .titBox .etit { display:flex; justify-content:space-between; font-size:1.8rem; color:#000; }
.section01 .flexBox .priceBox .titBox .etit .vat { font-size:1.6rem; color:#959ead }
.section01 .flexBox .priceBox .titBox .tit { font-size:2.6rem; color:#000; font-weight: 700; margin-top: 6px; }
.section01 .flexBox .priceBox .titBox .txt { font-size:1.6rem; color:#3a3a3a; line-height: 2.2rem; margin-top: 10px; }

.section01 .flexBox .priceBox.important:before { content:""; display:block; width:calc(100% + 40px); height:calc(100% + 8.2rem); border: 2px solid var(--mainY); box-sizing:border-box; border-radius:2rem; position:absolute; left:-20px; top:-4rem; z-index:-1; }

.section01 .flexBox .priceBox .priceLine { display:flex; flex-direction:column; margin-top: 2.6rem; }
.section01 .flexBox .priceBox .priceLine dt,
.section01 .flexBox .priceBox .priceLine dd { box-sizing:border-box; }
.section01 .flexBox .priceBox .priceLine dt { font-size:1.6rem; color:#959ead; }
.section01 .flexBox .priceBox .priceLine dd { display:flex; align-items:baseline; justify-content:space-between; }
.section01 .flexBox .priceBox .priceLine dd .price { font-size:5rem; color:var(--mainB); font-weight: 700; line-height: 1em; display:flex; align-items:baseline; }
.section01 .flexBox .priceBox .priceLine dd .price i { font-size:2rem; font-style: normal; }
.section01 .flexBox .priceBox .priceLine dd .ing { font-size:1.6rem; color:#666; text-align: right; }
.section01 .flexBox .priceBox .priceLine dd .ing:before { content:"\f1da"; font-family: "Font Awesome 5 Free"; font-weight: 600; color:#999; margin-right: 8px; }

.section01 .flexBox .priceBox:last-child .priceLine dd { align-items:start; }
.section01 .flexBox .priceBox:last-child .priceLine dd .price { font-size:4.2rem; margin-top: 4px; height:5.7rem; }

.section01 .flexBox .priceBox button { width:100%; height:4.4rem; background:transparent; border-radius:500px; border: 1px solid var(--mainB); font-size:1.6rem; color:var(--mainB); font-weight: 700; }
.section01 .flexBox .priceBox.important button { background:var(--mainB); color:#fff; }

.section01 .flexBox .priceBox .chkList { display:flex; flex-direction:column; gap:1.2rem; margin-top: 3.2rem; }
.section01 .flexBox .priceBox .chkList li { font-size:1.6rem; color:#555; position:relative; padding-left: 2.6rem; box-sizing:border-box; }
.section01 .flexBox .priceBox .chkList li:before { content:"\f058"; font-family: "Font Awesome 5 Free"; font-weight: 600; font-size:2rem; color:var(--mainB); position:absolute; left:0; top:-3px; }
.section01 .flexBox .priceBox .chkList li.close { color:#aaa; }
.section01 .flexBox .priceBox .chkList li.close:before { content:"\f057"; font-family: "Font Awesome 5 Free"; font-weight: 600; font-size:2rem; color:#aaa; }
.section01 .flexBox .priceBox .chkList li strong { color:#000; font-weight: 700; }
.section01 .flexBox .priceBox .chkList li b { color:var(--mainB); font-weight: 700; }



.section02 {  }
.section02 .iconBox { display:flex; gap:4rem; }
.section02 .iconBox li { flex:1; background:#f3f7fc; border-radius:2rem; padding:5rem 3.5rem; box-sizing:border-box; }
.section02 .iconBox li i { margin-bottom: 1.8rem; }
.section02 .iconBox li .tit { font-size:2.4rem; color:var(--mainB); font-weight: 700; }
.section02 .iconBox li .txt { font-size:1.8rem; color:#000; font-weight: 500; line-height: 2.4rem; padding:2rem 0 1.6rem; box-sizing:border-box; }
.section02 .iconBox li .ps { font-size:1.6rem; color:#de3d4c; font-weight: 700; position:relative; padding-left: 2.6rem; box-sizing:border-box; }
.section02 .iconBox li .ps:before { content:"\f06a"; font-family: "Font Awesome 5 Free"; font-weight: 600; font-size:2rem; position:absolute; left:0; top:-4px; }



.section03 { padding:20rem 0; box-sizing:border-box; background:url(images/section03_bg.png) center center / cover no-repeat; margin-top: 20rem }
.section03 .container { display:flex; align-items:start; }
.section03 .sectionBox { align-items:start; flex:1; }
.section03 .sectionBox .stit { background:transparent; text-align:left; justify-content:start; }
.section03 .sectionBox .tit { text-align:left; color:#fff; }
.section03 .numBox { flex:1; display:flex; flex-wrap:wrap; gap:2rem; }
.section03 .numBox li { background: hsla(0, 0%, 100%, 0.12); backdrop-filter: blur(1rem); position:relative; border-radius:2rem; width:calc(50% - 1rem); padding:6.2rem 5rem 7rem; box-sizing:border-box; }
.section03 .numBox li:before { content: ""; padding:1px; box-sizing:border-box; border-radius: inherit; position: absolute; inset: 0; border-radius: inherit; padding: 1px; background: linear-gradient(120deg, rgb(221, 221, 221), rgba(221, 221, 221, 0)); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: destination-out; mask-composite: exclude;  z-index: -1; }
.section03 .numBox li .num { font-size:5rem; color:#fff; font-weight: 700; }
.section03 .numBox li .num small { font-size:2.4rem; font-weight: 600; }
.section03 .numBox li .txt { font-size:1.8rem; color:#eaeaea; font-weight: 600; margin-top: 1.6rem; }



.section04 .boxWrap { display:flex; gap:4rem 6rem; }
.section04 .boxWrap .box { flex:1; border-radius:2rem; box-sizing:border-box; padding:3.4rem 3rem 4rem; }
.section04 .boxWrap .box .tit { font-size:2.6rem; font-weight: 700; margin-bottom: 2.2rem; }
.section04 .boxWrap .box .numList {  }
.section04 .boxWrap .box .numList li { display:flex; align-items:center; justify-content:space-between; border-bottom: 2px dotted #dadada; box-sizing:border-box; padding: 12px 0; }
.section04 .boxWrap .box .numList li:first-child { padding-top: 0; }
.section04 .boxWrap .box .numList li .left { font-size:1.8rem; color:#666; display:flex; align-items:center; gap:2rem; }
.section04 .boxWrap .box .numList li .left i { display:flex; width:30px; height:30px; border-radius:50%; background:#aaa; font-size:1.6rem; color:#fff; font-weight: 700; font-style: normal; align-items:center; justify-content:center; text-align: center; flex-shrink:0; }
.section04 .boxWrap .box .numList li .right { font-size:1.8rem; color: #3a3a3a; font-weight: 500; }
.section04 .boxWrap .box .ps { font-size:1.8rem; color:#de3d4c; font-weight: 400; text-align: right; display:flex; align-items:baseline; justify-content:end; margin-top: 1.6rem; }
.section04 .boxWrap .box .ps i { font-size:2rem; margin-right: 1rem; }
.section04 .boxWrap .box .ps strong { font-weight: 700; }
.section04 .boxWrap .box .ingBox { display:flex; height:83px; align-items:center; justify-content:space-between; background:#f3f7fc; border: 1px solid #d1def3; border-radius:2rem; padding:0 3rem; box-sizing:border-box; font-size:1.8rem; color:var(--mainB); margin-top: 1.2rem; }
.section04 .boxWrap .box .ingBox .left {  }
.section04 .boxWrap .box .ingBox .left strong { font-weight: 700; }
.section04 .boxWrap .box .ingBox .right { font-weight: 800; }

.section04 .boxWrap .box.red { border: 2px solid #de3d4c; }
.section04 .boxWrap .box.red .tit { color:#de3d4c; }

.section04 .boxWrap .box.yello { border: 2px solid var(--mainY); }
.section04 .boxWrap .box.yello .tit { color:var(--mainB); }
.section04 .boxWrap .box.yello .numList li .left { color:#000; }
.section04 .boxWrap .box.yello .numList li .left i { background:#466390; }



.section05 {  }
.section05 .iconBox { display:flex; gap:2rem 5rem; }
.section05 .iconBox li { flex:1; border: 1px solid #d1def3; background:#f3f7fc; border-radius:2rem; display:flex; flex-direction:column; align-items:start; justify-content:start; padding:2.2rem 3rem 4.2rem; box-sizing:border-box; }
.section05 .iconBox li:nth-child(2n+1) { background:#fff; }
.section05 .iconBox li .num { font-family: "Righteous";font-size:2rem; color:var(--mainB); opacity:0.3; }
.section05 .iconBox li .img { margin: 2.6rem 0 1.4rem; }
.section05 .iconBox li .tit { font-size:2.2rem; color:var(--mainB); font-weight: 700; }
.section05 .iconBox li .txt { font-size:14px; color:#000; font-weight: 500; margin-top: 10px; }



.section06 {  }
.section06 .tabBtn { display:flex; border-radius:500px; width:100%; max-width:710px; padding:5px; border: 1px solid #dadada; box-sizing:border-box; background:#fff; margin: 0 auto; }
.section06 .tabBtn li { transition:all 0.4s; background:#fff; font-size:1.8rem; color:#3a3a3a; font-weight: 400; display:flex; height:50px; flex:1; border-radius:500px; text-align: center; justify-content:center; align-items:center; cursor:pointer; }
.section06 .tabBtn li.active { background:var(--mainB); color:#fff; font-weight: 700; }

.section06 .tabCtt {  }
.section06 .tabCtt ul { display:flex; flex-wrap:wrap; gap:4.4rem 4rem; margin-top: 5rem; }
.section06 .tabCtt ul li { width:calc(33.33% - (8rem / 3)); }
.section06 .tabCtt ul li a { display:flex; flex-direction:column; }
.section06 .tabCtt ul li a .img { margin-bottom: 2.6rem; }
.section06 .tabCtt ul li a .img img { border-radius:2rem; }
.section06 .tabCtt ul li a .en { padding: 0 2rem; box-sizing:border-box; font-size:1.6rem; color:#666; font-weight: 500; }
.section06 .tabCtt ul li a .tit { padding: 0 2rem; box-sizing:border-box; font-size:2.4rem; color:var(--mainB); font-weight: 700; }



.section07 {  padding-bottom: 20rem; }
.section07 .boxWrap { display: flex;flex-direction:row; gap:4rem; }
.section07 .boxWrap .box { position: relative; }
.section07 .boxWrap .box .titLine {background-color: var(--mainB);color: #fff;padding: 2.4rem 3rem 1.7rem 2rem;border-top-left-radius:2rem;border-top-right-radius:2rem; }
.section07 .boxWrap .box .titLine .name { font-size: 2.2rem;font-weight: 700;; }
.section07 .boxWrap .box .titLine .company { font-size: 1.8rem;font-weight: 400; }
.section07 .boxWrap .box .people { position: absolute; top: 2rem; right: 2rem; background: rgba(255,255,255,0.9); display: flex; align-items: center; justify-content: center; padding: 1rem; box-sizing: border-box; border-radius: 50%; width: 11rem;height: 11rem;overflow: hidden;}
.section07 .boxWrap .box .bottomBox { padding-top: 3.3rem; padding-bottom: 2rem;padding-inline: 4rem; border-bottom-left-radius: 2rem; border-bottom-right-radius: 2rem; box-shadow: 0px 10px 20px 0px rgba(139, 161, 196, 0.2); background: #fff; }
.section07 .boxWrap .box .bottomBox .txt:before { content: "";display: block; width: 20px;height: 17px;background: url('./images/bb_icon.png') no-repeat; margin-bottom: 1.6rem;}
.section07 .boxWrap .box .bottomBox .txt { color: #3a3a3a;font-size: 1.8rem;font-weight: 500;line-height: 2.6rem;padding-bottom: 3.2rem; border-bottom: 1px solid #eaeaea; }
.section07 .boxWrap .box .bottomBox .star { padding-block: 2rem; color: #fdb812; }


.section08 {padding-bottom: 20.8rem;background-color: #f6f7f9;}
.section08 .titBox { display:flex; flex-direction:column; text-align: center; justify-content:center; align-items:center; margin-bottom: 5rem; }
.section08 .titBox .stit { width: 400px;		height: 40px;	display: flex;	background: var(--mainB);	border-radius: 100px;	align-items: center;	text-align: center;	justify-content: center;	font-size: 1.6rem;	color: var(--mainY);	font-weight: 700; }
.section08 .titBox .tit { font-size: 5rem;	color: #3a3a3a;	font-weight: 700;	margin-top: 2.2rem; }
.section08 .slideBox {display: flex;flex-direction: column; max-width: 1000px;margin: 0 auto; gap: 1rem;color: #3a3a3a;}
.section08 .slideBox .slide {position:relative;border: 1px solid #dadada;border-radius: 2rem;background-color: #ffffff;}
.section08 .slideBox .slide dt {display: flex;flex-direction: row;height: 7rem;justify-content: space-between; align-items: center;font-size: 1.8rem;cursor: pointer;}
.section08 .slideBox .slide dt span {flex: 1;}
.section08 .slideBox .slide dt:before {content: "Q";display: flex;flex-direction: row;width: 7rem;height: 7rem; background-color: #133365;color: #ffffff;justify-content: center;align-items: center;font-size: 2rem;font-weight: bold;border-radius: 2rem;margin-right: 3rem;}
.section08 .slideBox .slide dt:after {display: flex;justify-content: center;align-items: center; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f107"; margin-left: 1rem;width: 7rem;height: 7rem;font-size: 2.5rem;color: #bbbbbb;}
.section08 .slideBox .slide dd {padding: 2rem;line-height: 2;font-size: 1.6rem;}
/* [보완 1] 기본적으로 답변(dd)은 화면에서 안 보이게 숨겨둡니다 */
.section08 .slideBox .slide dd {
    display: none; /* 이 줄을 꼭 추가해주세요! */
    padding: 2rem;
    line-height: 2;
    font-size: 1.6rem;
}

/* [보완 2] 화살표가 회전할 때 부드럽게 움직이도록 transition 추가 */
.section08 .slideBox .slide dt:after {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f107";
    margin-left: 1rem;
    width: 7rem;
    height: 7rem;
    font-size: 2.5rem;
    color: #bbbbbb;

    transition: transform 0.3s ease; /* 화살표 회전 애니메이션 효과 */
}

/* [추가] 아코디언이 열렸을 때(.active) Font Awesome 화살표 뒤집기 */
.section08 .slideBox .slide.active dt:after {
    transform: rotate(180deg);
    color: #133365; /* (선택사항) 열렸을 때 화살표 색상도 강조색으로 변경 */
}


.section09 { background: url('./images/section09_bg.png') no-repeat center center; background-size: cover; color: #ffffff; padding-bottom: 13rem;}
.section09 .sectionBox .stit { color: #ffffff; }
.section09 .sectionBox .tit {color: #ffffff;}
.section09 .sectionBox .txt {color: #ffffff;}
.section09 .formBox {max-width: 84rem;margin: 0 auto;}
.section09 .formBox .formInner {display: grid;grid-template-columns: repeat(2, 1fr);gap: 4rem;}
.section09 .formBox .formInner .full {grid-column: 1 / -1;}
.section09 .formBox .formInner .tit {font-size: 1.6rem;margin-bottom: 1rem;font-weight: 500;}
.section09 .formBox .formInner input[type="text"] {border: 1px solid transparent; border-bottom: 1px solid #fff;background-color: transparent;color: #dadada;height: 45px;font-size: 1.8rem;font-weight: 400;}
.section09 .formBox .formInner input::placeholder {color: rgba(255,255,255, 0.3);}
.section09 .formBox .formInner .lined-textarea {
  width: 100%;
  min-height: 240px;
  resize: vertical;
  color: #dadada;
  font-size: 16px;
  line-height: 32px;
  border: 1px solid transparent;
  background-color: transparent;
  background-attachment: local;
  background-image:
    repeating-linear-gradient(
      to bottom,
      transparent 0,
      transparent 31px,
      #dcdfe4 31px,
      #dcdfe4 32px
    );
}
.section09 .formBox .formInner .lined-textarea::placeholder {color: rgba(255,255,255, 0.3);}

.section09 .chkWrap {display: flex;flex-direction: row; flex-wrap: wrap; width: 100%; }
.section09 .chkWrap input { position:absolute; opacity:0; left:0; top:0; }
.section09 .chkWrap > div { width:33.33%; margin: 13px 0; position:relative; }
.section09 .chkWrap label i { margin-right: 7px; display:inline-flex; width:20px; height:20px; border: 2px solid #fff; box-sizing:border-box; align-items:center; justify-content:center; text-align: center; font-style:normal; border-radius:5px; transition:all 0.2s; background-color: #ffffff; }
.section09 .chkWrap label i:before {
  display: inline-block;
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 12px;
  color: #ffffff;
  font-style: normal;
  line-height: 1;
  opacity: 0;
  position: absolute;
  left: 4px;
  top: 50%;
  transition: all 0.2s;
  transform: translateY(-50%);
}
.section09 .chkWrap input:checked + label > i { background:var(--mainB); }
.section09 .chkWrap input:checked + label > i:before { opacity:1; }

.section09 .agree {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 20px;
  position: relative;
}

.section09 .agree input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  left: 0;
  top: 0;
}

.section09 .agree label {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  position: relative;
  font-size: 1.5rem;
  color: #222;
}

.section09 .agree label::before {
  content: "";
  display: inline-flex;
  width: 20px;
  height: 20px;
  margin-right: 7px;
  background-color: #fff;
  box-sizing: border-box;
  border-radius: 5px;
  transition: all 0.2s;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.section09 .agree label::after {
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 12px;
  line-height: 1;
  color: #fff;
  position: absolute;
  left: 4px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  transition: all 0.2s;
}

.section09 .agree input[type="checkbox"]:checked + label::before {
  background: var(--mainB);
  border-color: transparent;
}

.section09 .agree input[type="checkbox"]:checked + label::after {
  opacity: 1;
}

.section09 .agree input[type="checkbox"]:focus + label::before {
  outline: 2px solid rgba(19, 51, 101, 0.25);
  outline-offset: 2px;
}


.section09 .btn_submit {display: flex;flex-direction: row; justify-content: center; align-items: center; width: 100%; height: 6rem;border: none;background-color: #133365;color: #ffffff;font-size: 1.8rem;font-weight: 700;border-radius: 2rem; margin-top: 4rem; transition: all 0.3s;}





.footer { background: #061122; padding: 4.4rem 0 7.9rem;color: #ffffff; }
.footer a { color: #dadada; }
.footer .topLine { display: flex; flex-direction: column; justify-content: space-between; margin-bottom: 5.1rem; }
.footer .topLine .fLogo { display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.footer .topLine .fLogo .home {display: flex; flex-direction: row; justify-content: center; align-items: center; width: 36px;height: 36px;background-color: #1a2c49;border-radius: 50%;color: #657ca0;font-size: 1.6rem; }
.footer .topLine .fLogo .home i {font-size: 2rem;color: #657ca0;}
.footer .topLine .txt {font-size: 1.6rem; color: #dadada; font-weight: 500; margin-top: 2.6rem; }
.footer .topLine .info {display:flex;flex-direction: row; gap: 1rem; align-items: center; margin-top: 2rem; font-size: 1.8rem;}
.footer .topLine .info i {color: #fdb812;margin-right: 1rem;}

.footer .bottomLine { display: flex; flex-direction: row; justify-content: space-between; border-top: 1px solid #2b3443;padding-top: 5.1rem;}
.footer .bottomLine .copyright { font-size: 1.6rem; color: #555d69;line-height: 2.6rem; }
.footer .bottomLine .fnb { display: flex; flex-direction: row; align-items: center; gap: 2rem;}
.footer .bottomLine .fnb a { font-size: 1.6rem; color: #555d69;}
.footer .bottomLine .fnb a:hover { color: #fdb812; }



@media (max-width:1600px){

	

}


@media (max-width:1200px){
 
}


@media (max-width:992px){

}


@media (max-width:768px){

}


@media (max-width:479px){

}