@charset "utf-8";


/* root */
:root{
	--c-01:#c5a56e;
}

.padding30 {padding:30rem 0 0; }
.padding50 {padding:50rem 0 5rem; }
.padding150 {padding:150rem 0; }



/* common */
.container_title {position:relative; text-align:center;font-size:30rem;line-height:1;letter-spacing:-1.5px;font-weight:600;padding-bottom:30rem;margin:5rem 0 30rem 0;color:#222;display: none;}
.container_title:after {content: "";display:block;margin: 20rem auto 0 auto;width:40rem;height:1rem;background:#e8e8e8;}
.tit01 {z-index:50; position: relative; padding-top:14rem; margin: 0 0 30rem;font-size:25rem;font-weight: 600;color: #222;line-height: 1;} 
.tit01::before {content: "";position: absolute;left: 0;top: 0;width:12rem;height: 3rem;background:#c5a56e;} 
.tit01::after {content: "";position: absolute;left: 12rem;top: 0;width:12rem;height: 3rem;background:#6f4a12;} 
.tit02 {z-index:50; display:flex; align-items: center; position: relative;margin: 40rem 0 20rem;font-size:21rem; padding-left:13rem; font-weight: 600;color:#222;line-height: 1;} 
.tit02::before {content: ""; position:absolute; left:0; top:8rem; width:5rem;height:5rem;background:#c5a56e; border-radius:50%;} 

.bg_gray{background:#f6f6f6;}

.subtable { width:100%; border-top:2px solid #39270c; }
.subtable thead th{text-align:center; word-break: keep-all;background:#042774; padding:20rem 5rem; border-left:1rem solid #695841; border-bottom:1rem solid #695841; color:#fff; }
.subtable tbody th {text-align:center; background:#333; color:#fff;  font-weight:500; padding:15rem 0; width:20%; border:1px solid #ddd;}
.subtable tbody td {border-bottom:1px solid #dbdbdb; padding:15rem 25rem; background:#fff; line-height:26px; color:#35363a; font-weight:500; letter-spacing:-0.03em; border:1px solid #ddd;}
.subtable tbody td.t_left{text-align:left;}
.subtable td.gray {background:#fbfbfb; font-weight:600; }
.subtable td input {margin-bottom:3rem;}
.subtable td input.lynda_input {width:24%;}
.subtable td input.lynda_input2 {width:100%;}
.subtable td input.lynda_input3 {width:50%;}
.subtable td span {font-size:15rem; font-weight:400;}

.subtable_area { width:100%; margin:20rem 0;}
.subtable_area thead th{text-align:center; word-break: keep-all;background:#1845d9; padding:15rem 5rem; border:1rem solid #fff; color:#fff; }
.subtable_area tbody th {text-align:center; background:#f9f9f9; color:#333;  font-weight:500; padding:15rem 0; width:20%; border:1px solid #ddd;}
.subtable_area tbody td {border-bottom:1px solid #dbdbdb; padding:15rem 25rem; background:#fff; line-height:26px; color:#35363a; text-align:center; font-weight:500; letter-spacing:-0.03em; border:1px solid #ddd;}
.subtable_area tbody td.t_left{text-align:left;}


#contents {word-break: keep-all; position:relative;}
#contents p {word-break:keep-all;}

/* 서브비주얼 */
#sub_visual{position:relative;height:570rem;background-color:#000;background-size:cover;background-position:60%;text-align:left;display: flex;justify-content: center; align-items: center; }
#sub_visual .wrap {text-align:center;}
#sub_visual h2{word-break: keep-all; font-weight:800;font-size:50rem;color:#fff;animation:up .5s .2s forwards; margin-bottom:10rem; }
#sub_visual p{word-break: keep-all; position:relative;line-height:1.5;font-weight:500;font-size:30rem;color:#fff;letter-spacing:-1px;animation:up .5s .2s forwards;}

#sub_visual h3{word-break: keep-all; font-weight:800;font-size:35rem;color:#fff;animation:up .5s .2s forwards; margin-bottom:20rem; letter-spacing:-1px;}
#sub_visual p.txt{word-break: keep-all; position:relative;line-height:1;font-weight:500;font-size:23rem;color:#fff;letter-spacing:-.5px; line-height:1.5; animation:up .5s .2s forwards;}

#sub_ok{background-image:url(../img/sub/ok_bg.jpg); position:relative;height:370rem;background-color:#000;background-size:cover;background-position:60%;text-align:left;display: flex;justify-content: center; align-items: center; }
#sub_ok .wrap {text-align:center;}
#sub_ok h2{word-break: keep-all; font-weight:800;font-size:40rem;color:#fff;animation:up .5s .2s forwards; }


/* 서브 상단 이미지 */
#sub_visual.sub10{background-image:url(../img/sub/sub01_top.jpg) }
#sub_visual.sub20{background-image:url(../img/sub/sub02_top.jpg) }
#sub_visual.sub30{background-image:url(../img/sub/sub03_top.jpg) }
#sub_visual.sub40{background-image:url(../img/sub/sub04_top.jpg) }
#sub_visual.sub50{background-image:url(../img/sub/sub05_top.jpg) }
#sub_visual.sub60{background-image:url(../img/sub/sub06_top.jpg) }
#sub_visual.sub70{background-image:url(../img/sub/sub07_top.jpg) }
#sub_visual.sub80{background-image:url(../img/sub/sub08_top.jpg) }
.cont-top{margin-bottom:50rem;}
.cont-top > img{width:100%;}
/* snb */
#left_area{float:none; width:100%; margin-top:0px;}
#snb {position:relative;border-bottom:1px solid #e5e5e5 }
.left_snb {position:relative;width: 100%;max-width:1400rem; margin: 0 auto;display: flex;align-items: center;}
.left_snb ul li {display:inline-block; width:290rem; font-size:18rem; font-weight:600;}
.left_snb .btn_home {text-align:center; width:60rem; border-right:1px solid #e5e5e5; padding: 13px 0px; border-left:1px solid #e5e5e5; font-size:20rem; color:#000;}


/* 
* discription: 사이트 복사시 지우고 사용하는 custom 영역
*/

@media (max-width:860px) {
	#sub_visual{height:550rem}
	#sub_visual h2{font-size:22rem;}
	#sub_visual p{ font-size:16rem}

	#sub_ok{height:450rem}
	#sub_ok h2{font-size:22rem;}
	#sub_ok p{ font-size:16rem}

}

@media (max-width:540px) {
	body {font-size:14rem}

	#sub_visual{height:300rem}
	#sub_visual h2{font-size:20rem;}
	#sub_visual h3{font-size:18rem;}
	#sub_visual p{font-size:14rem; }
	#sub_visual p.txt{font-size:14rem; }

	#sub_ok{height:250rem}
	#sub_ok h2{font-size:23rem;}
	#sub_ok p{font-size:14rem; }

	.tit01{margin:0 0 15rem; font-size:20rem;}
	.tit02{margin:20rem 0 10rem; font-size:17rem}
	.add{margin:-5rem 0 10rem;}
	.cont-box{margin-bottom:30rem}
	
	.subtable thead th,
	.subtable tbody td,
	.subtable tbody th{line-height:1.5; padding:5rem; font-size:12rem;}
	.subtable tbody th{width:15%;}
	.subtable td span {font-size:13rem;}
	.subtable td input.lynda_input {width:20%;}

	.subtable_area thead th,
	.subtable_area tbody td,
	.subtable_area tbody th{line-height:1.5; padding:5rem 3rem; font-size:12rem;}
	.subtable_area tbody th{width:15%;}

}

/*end 사이트 복사시 지우고 사용하는 custom 영역 */

.sec_story{display:flex;padding:0;  }
.sec_story .pic{flex:1;height:636px;}
.sec_story .pic img{display:block;width:100%;height:100%;object-fit:cover;}
.sec_story .txt{display:flex;justify-content:center;align-items:center;width:50%;min-width:600px;}
.sec_story .txt h3 {font-size:30rem; letter-spacing:-1px; font-weight:600; margin-bottom:30rem;}
.sec_story .txt h3 b {font-weight:800; color:#042673 }
.sec_story .txt p {font-size:18rem;font-weight:500;line-height:150%; color:#000; letter-spacing:-.5px;}
.sec_story .txt i {position:absolute; text-align:center; right:5%; transform:translateX(-50%); bottom:50rem;}

.sec_story dl {margin-top:30rem;}
.sec_story dl dd {border-radius:10px; background:#f5f5f5; padding:20px; margin-bottom:10rem; letter-spacing:-.5px; }
.sec_story dl dd b {font-weight:800; color:#042774; }

@media all and (max-width: 1023px) {
    .sec_story{display:block; padding-bottom:50rem; }
    .sec_story .pic{height:auto;}
    .sec_story .pic img{height:auto;object-fit:unset;}
    .sec_story .txt{display:block;width:100%;min-width:unset;padding:50px 20px;}
	.sec_story .txt h3 {font-size:20rem; }
	.sec_story .txt p {font-size:16rem; }
	.sec_story .txt i {bottom:-40rem; right:0;}
	.sec_story .txt i img {width:100rem;}
}

.sec_story2{display:flex;flex-direction: row-reverse;padding:0;  }
.sec_story2 .pic{flex:1;height:636px;}
.sec_story2 .pic img{display:block;width:100%;height:100%;object-fit:cover;}
.sec_story2 .txt{display:flex;justify-content:center;align-items:center;width:50%;min-width:600px;}
.sec_story2 .txt h3 {font-size:30rem; letter-spacing:-1px; font-weight:600; margin-bottom:30rem;}
.sec_story2 .txt h5 {font-size:35rem; letter-spacing:-1px; font-weight:800; margin-bottom:30rem;}
.sec_story2 .txt h3 b {font-weight:800; color:#042673 }
.sec_story2 .txt p {font-size:18rem;font-weight:500;line-height:150%; color:#000; letter-spacing:-.5px;}
.sec_story2 .txt i {position:absolute; text-align:center; right:0%; transform:translateX(0%); bottom:-60rem; color:#f7f7f7; font-size:150rem; font-weight:800; letter-spacing:-2px; font-style:normal; z-index:-1;}

.sec_story2 dl dd {font-weight:500; margin-bottom:15rem;}
.sec_story2 dl dd span {font-size:17rem; font-weight:800; color:#042673; margin-left:10px; float:left; width:200rem; }
.sec_story2 dl dd span:before {content: ""; position:absolute; width:4px; height:4px; background:#042673; text-align:left; margin-left:-10px; border-radius:5px; margin-top:10px;}

@media all and (max-width: 1650px) {
	.sec_story2 .txt i { font-size:120rem;}
	.sec_story2 dl dd span {display:block; font-size:15rem; width:100%; }
	.sec_story2 dl dd span:before {margin-top:7px;}
}

@media all and (max-width: 1023px) {
    .sec_story2{display:block;}
    .sec_story2 .pic{height:auto;}
    .sec_story2 .pic img{height:auto;object-fit:unset;}
    .sec_story2 .txt{display:block;width:100%;min-width:unset;padding:50px 20px;}
	.sec_story2 .txt h3 {font-size:20rem; }
	.sec_story2 .txt h5 {font-size:25rem; }
	.sec_story2 .txt p {font-size:16rem; }
	.sec_story2 .txt i {bottom:-20rem; color:#f7f7f7; width:100%; font-size:50rem; left:50%; transform:translateX(-50%);}

	.sec_story2 dl dd span {display:block; font-size:15rem; width:100%; }
	.sec_story2 dl dd span:before {margin-top:9px;}
}

.sec_story3{display:flex;flex-direction: row-reverse;padding:0;  }
.sec_story3 .pic{flex:1;height:636px;}
.sec_story3 .pic img{display:block;width:100%;height:100%;object-fit:cover;}
.sec_story3 .txt{display:flex;justify-content:center;align-items:center;width:50%;min-width:600px;}
.sec_story3 .txt h3 {font-size:30rem; letter-spacing:-1px; font-weight:600; margin-bottom:30rem;}
.sec_story3 .txt h5 {font-size:35rem; letter-spacing:-1px; font-weight:800; margin-bottom:30rem;}
.sec_story3 .txt h3 b {font-weight:800; color:#042673 }
.sec_story3 .txt p {font-size:18rem;font-weight:500;line-height:150%; color:#000; letter-spacing:-.5px;}
.sec_story3 .txt i {position:absolute; text-align:center; right:0%; transform:translateX(0%); bottom:-60rem; color:#f7f7f7; font-size:150rem; font-weight:800; letter-spacing:-2px; font-style:normal; z-index:-1;}

.sec_story3 dl {margin-top:30rem;}
.sec_story3 dl dd {border-radius:10px; background:#f5f5f5; padding:20px; margin-bottom:10rem; letter-spacing:-.5px; }
.sec_story3 dl dd b {font-weight:800; color:#042774; }

@media all and (max-width: 1650px) {
	.sec_story3 .txt i { font-size:120rem;}
	.sec_story3 dl dd span {display:block; font-size:15rem; width:100%; }
	.sec_story3 dl dd span:before {margin-top:7px;}
}

@media all and (max-width: 1023px) {
    .sec_story3{display:block;}
    .sec_story3 .pic{height:auto;}
    .sec_story3 .pic img{height:auto;object-fit:unset;}
    .sec_story3 .txt{display:block;width:100%;min-width:unset;padding:50px 20px;}
	.sec_story3 .txt h3 {font-size:20rem; }
	.sec_story3 .txt h5 {font-size:25rem; }
	.sec_story3 .txt p {font-size:16rem; }
	.sec_story3 .txt i {bottom:-20rem; color:#f7f7f7; width:100%; font-size:50rem; left:50%; transform:translateX(-50%);}

	.sec_story3 dl dd span {display:block; font-size:15rem; width:100%; }
	.sec_story3 dl dd span:before {margin-top:9px;}
}

.sec_bg {text-align:center; padding:150rem 0; }
.sec_bg .txt {color:#fff; }
.sec_bg .txt h3 {font-size:30rem; letter-spacing:-1px; font-weight:600; margin-bottom:30rem;}
.sec_bg .txt h3 b {font-weight:800; }
.sec_bg .txt p {font-size:18rem; letter-spacing:-.5px; font-weight:500; }
.sec_bg .txt p b {font-weight:800; }
.sec_bg .txt p span {display:block; font-size:22rem; letter-spacing:-.5px; font-weight:800; }

.sec_bg dl {max-width:1400rem; margin:30px auto 0; display:grid;grid-template-columns: repeat(2, 1fr); gap:20px; }
.sec_bg dl dd {background:rgba(0,0,0,0.2);  border-radius:20px; padding:20px 10px; color:#fff; font-weight:500; font-size:18rem; letter-spacing:-.5px; }
.sec_bg dl dd span {display:block; color:#fff; font-weight:700; font-size:22rem; font-family: 'Paperozi';}
.sec_bg dl dd span i {display:block; font-size:30rem; }
.sec_bg dl dd b {font-weight:800;}

@media all and (max-width: 1023px) {
    .sec_bg {padding:70rem 0; }
	.sec_bg .txt h3 {font-size:20rem;}
	.sec_bg .txt p {font-size:16rem; }
	.sec_bg .txt p span {font-size:18rem;}
	.sec_bg dl {display:grid;grid-template-columns: repeat(1, 1fr); gap:10px; }
	.sec_bg dl dd {font-size:16rem; }
	.sec_bg dl dd span {font-size:18rem; margin-bottom:10rem;}

}

.sec_bg2 {text-align:center; }
.sec_bg2 .wrap {position:relative; max-width:1150rem; margin:0 auto; }
.sec_bg2 .txt {color:#fff; }
.sec_bg2 .txt h3 {font-size:25rem; letter-spacing:-1px; font-weight:800; margin-bottom:30rem; color:#000;}
.sec_bg2 .txt h3 b {font-weight:800; }
.sec_bg2 .txt h3 i {display:block; font-size:40rem; margin-bottom:10rem;}
.sec_bg2 .txt h4 {font-size:25rem; letter-spacing:-1px; font-weight:800; margin-bottom:30rem; color:#000; }
.sec_bg2 .txt p {font-size:18rem; letter-spacing:-.5x; font-weight:500; color:#000; margin-bottom:70rem; }
.sec_bg2 .txt p b {font-weight:800;}
.sec_bg2 .sign {position:absolute; text-align:center; right:0%; transform:translateX(0%); }
.sec_bg2 .sign h4 {text-align:left; font-family: 'Paperozi'; font-size:20rem; letter-spacing:-.5px; font-weight:600; margin-bottom:10rem; color:#046eb8;}
.sec_bg2 .sign p {text-align:left; font-family: 'Paperozi'; font-size:18rem; letter-spacing:-.5px; font-weight:600; margin-bottom:10rem; color:#000;}

@media all and (max-width: 1023px) {
    .sec_bg2 {padding:30rem 0 0rem; }
	.sec_bg2 .txt h3 {font-size:20rem;}
	.sec_bg2 .txt h4 {font-size:20rem;}
	.sec_bg2 .txt p {font-size:15rem;}
	.sec_bg2 .sign h4 {font-size:18rem;}
	.sec_bg2 .sign p {font-size:18rem;}
	.sec_bg2 .sign p img {width:130rem;}
}


.sec_bg3 {text-align:center;}
.sec_bg3 .wrap {position:relative; max-width:1150rem; margin:0 auto; }
.sec_bg3 .txt {color:#fff; }

.sec_bg3 .txt h3 {font-size:25rem; letter-spacing:-1px; font-weight:800; margin-bottom:30rem; color:#000;}
.sec_bg3 .txt h3 b {font-weight:800; }
.sec_bg3 .txt h4 {font-size:25rem; letter-spacing:-1px; font-weight:800; margin-bottom:30rem; color:#000; }
.sec_bg3 .txt p {font-size:18rem; letter-spacing:-.5x; font-weight:500; color:#000; margin-bottom:70rem; }
.sec_bg3 .txt p b {font-weight:800;}

@media all and (max-width: 1023px) {
    .sec_bg3 {padding:70rem 0 50rem; }
	.sec_bg3 .txt h3 {font-size:20rem;}
	.sec_bg3 .txt h4 {font-size:20rem;}
}

.sec_bg4 {text-align:center; padding:100rem 0 5rem; }
.sec_bg4 .wrap {position:relative; max-width:1150rem; margin:0 auto; }
.sec_bg4 .txt .tt {display: flex; align-items: center; justify-content: center; gap:30px; text-align:left;  }
.sec_bg4 .txt em {background:#fae100; border-radius:500rem; padding:5rem; display:inline-block; margin-bottom:20rem; }
.sec_bg4 .txt h3 {font-size:25rem; letter-spacing:-1px; font-weight:800; margin-bottom:30rem; }
.sec_bg4 .txt h3 b {font-weight:800; }
.sec_bg4 .txt h4 {font-size:25rem; letter-spacing:-1px; font-weight:800; margin-bottom:30rem; }
.sec_bg4 .txt p {font-size:18rem; letter-spacing:-.5x; font-weight:500; margin-bottom:70rem; }
.sec_bg4 .txt p b {font-weight:800;}

@media all and (max-width: 1023px) {
    .sec_bg4 {padding:70rem 0 5rem; }
	.sec_bg4 .txt .tt {flex-direction:column; gap:0px; text-align:center;  }
	.sec_bg4 .txt em img {width:50rem;}
	.sec_bg4 .txt h4 {font-size:17rem;}
}


.sec_bg5 {text-align:center; }
.sec_bg5 .wrap {position:relative; max-width:1150rem; margin:0 auto; }
.sec_bg5 .txt {color:#fff; }
.sec_bg5 .txt h3 {font-size:30rem; letter-spacing:-1px; font-weight:800; margin-bottom:30rem; color:#000;}
.sec_bg5 .txt h3 b {font-weight:800; }
.sec_bg5 .txt h3 i {display:block; font-size:40rem; margin-bottom:10rem;}
.sec_bg5 .txt h4 {font-size:25rem; letter-spacing:-1px; font-weight:800; margin-bottom:30rem; color:#000; }
.sec_bg5 .txt p {font-size:20rem; letter-spacing:-.5px; font-weight:500; color:#000; margin-bottom:70rem; }
.sec_bg5 .txt p b {font-weight:800;}

@media all and (max-width: 1023px) {
	.sec_bg5 .txt h3 {font-size:20rem;}
	.sec_bg5 .txt h4 {font-size:20rem;}
	.sec_bg5 .txt p {font-size:15rem;}
	.sec_bg5 .sign h4 {font-size:18rem;}
	.sec_bg5 .sign p {font-size:18rem;}
	.sec_bg5 .sign p img {width:130rem;}
}

.story_bg {background:url(../img/sub/story_bg.jpg) center top no-repeat; text-align:center; padding:150rem 0; }
.production_bg {background:url(../img/sub/production_bg.jpg) center top no-repeat; text-align:center; padding:150rem 0; }
.solution_bg {background:url(../img/sub/solution_bg.jpg) center top no-repeat; text-align:center; padding:150rem 0; }
.solution_bg2 {background:url(../img/sub/solution_bg2.jpg) center top no-repeat; text-align:center;  }
.sign_bg {background:url(../img/sub/sign_bg.png) center 30% no-repeat; text-align:center; padding:100rem 0 40rem; }
.gray_bg {background:#f5f5f5; }
.brown_bg {background:#371d1e; }


.sec_value {background:#f5f5f5; padding:100rem 0; }
.sec_value h3 {font-size:35rem; font-weight:600; color:#000; letter-spacing:-.5px; margin-bottom:50rem; text-align:center; }
.sec_value ul {display:grid;grid-template-columns: repeat(3, 1fr);gap:50rem;}
.sec_value ul li {position:relative; background:#fff; border-radius:20rem; padding:50rem;}
.sec_value ul li span {display:block; font-size:23rem; font-weight:800; color:#042673; }
.sec_value ul li h4 {font-size:25rem; font-weight:800; color:#000; letter-spacing:-.5px; margin:20rem 0; }
.sec_value ul li p {font-size:18rem; font-weight:600; color:#000; letter-spacing:-.5px; line-height:1.2; }
.sec_value ul li i {position:absolute; text-align:center; top:10%; right:10%; transform:translateX(0%);}

@media all and (max-width: 1023px) {
    .sec_value {padding:70rem 0; }
	.sec_value h3 {font-size:20rem;}
	.sec_value ul {display:grid;grid-template-columns: repeat(1, 1fr);gap:20rem;}
	.sec_value ul li {padding:50rem 30rem;}
	.sec_value ul li h4 {font-size:20rem;}
}


.sec_detail4{padding:70rem 0; background:#f7f7f7 }
.sec_detail4 .con {display:grid;grid-template-columns: repeat(2, 1fr);gap:40rem; }
.sec_detail4 .item{position:relative; display:flex;align-items:center;padding:50rem;border-radius:10px;background:#fff; box-shadow:3px 3px 10px rgba(0,0,0,0.01);}
.sec_detail4 .item:nth-child(2) {background:#eff1f5;}
.sec_detail4 .item:nth-child(3) {background:#f0f0f0;}
.sec_detail4 .item:nth-child(4) {background:#f5ece0;}
.sec_detail4 .item i {position:absolute; text-align:center; top:10%; right:10%; transform:translateX(0%);}
.sec_detail4 .item .txt{}
.sec_detail4 .item .txt em{color:#000; font-size:15rem;font-weight:800; font-style:normal; }
.sec_detail4 .item .txt h5{padding-bottom:20px;font-size:27rem;font-weight:800;}
.sec_detail4 .item .txt h4{font-size:18rem;font-weight:600; letter-spacing:-.5px; border-radius:50px; padding:5rem 30rem; display:inline-block;  }
.sec_detail4 .item .txt h4.light{ background:#e3e9f8; color:#000; }
.sec_detail4 .item .txt h4.navi{ background:#032773; color:#fff; }
.sec_detail4 .item .txt h4.gray{ background:#474747; color:#fff; }
.sec_detail4 .item .txt h4.orange{ background:#f29010; color:#fff; }
.sec_detail4 .item .txt p{margin-top:20rem; font-size:18rem;font-weight:600; letter-spacing:-.5px; line-height:1.5;  }
.sec_detail4 .item .txt dl{padding-top:10px;}
.sec_detail4 .item .txt dt{display:flex;justify-content:center;align-items:center;width:140px;height:40px;border-radius:40px;font-weight:600;background:#032773;color:#fff;}
.sec_detail4 .item .txt dd{position:relative;margin-top:10px;padding-left:20px;line-height:150%; font-weight:500; letter-spacing:-.5px; }
.sec_detail4 .item .txt dd:before{content:'';position:absolute;top:10px;left:10px;display:block;width:3px;height:3px;border-radius:50%;background:#333;}

@media all and (max-width: 1023px) {
    .sec_detail4 .con {display:grid;grid-template-columns: repeat(1, 1fr);gap:20rem; }
    .sec_detail4 .item{display:block;padding:20px;border-radius:10px;}
	.sec_detail4 .item i { top:5%; right:5%; }
	.sec_detail4 .item i img {width:70rem;}
    .sec_detail4 .item .txt{padding-top:30px;padding-left:0;min-width:unset;}
    .sec_detail4 .item .txt h5{padding-bottom:12px;font-size:22rem;}
	.sec_detail4 .item .txt h4{font-size:15rem;padding:5rem 20rem;  }
    .sec_detail4 .item .txt dl{padding-top:12px;}
    .sec_detail4 .item .txt dt{width:90px;height:32px;font-size:0.9em;}
    .sec_detail4 .item .txt dd{margin-top:10px;font-size:15rem;}
}

@media all and (max-width: 600px) {
	.sec_detail4 .item .txt h4{font-size:14rem;padding:5rem 10rem;  }
}

.history-wrap{margin-bottom:100rem; }
.history{position:relative;margin-top:85px;}
.his-list{position:relative;margin:0 auto;}
.his-list::before{content:"";position:absolute;top:13px;left:50%;width:1px;height:100%;margin-left:-.5px;background-color:#e5e5e5;}
.history .animate-box{position:absolute;top:13px;left:50%;width:1px;height:0;margin-left:-.5px;background-color:#032773;z-index:50;}
.history .animate-box.p-end{transition:height .3s;}
.his-list .item{position:relative;overflow:hidden;min-height:200px;}
.his-list .item::before, .his-list .item::after{content:"";position:absolute;left:50%;box-sizing:border-box;transform:translateX(-50%);z-index:50;}
.his-list .item::before{top:13px;width:8px;height:8px;border:2px solid #9a9a9a;border-radius:50%;background-color:#fff;}
.his-list .item::after{top:5px;width:25px;height:25px;opacity:.2;border:4px solid #cecece;border-radius:50%;background-color:#999;}
.his-list .item.active::before{border:2px solid #032773;}
.his-list .item.active::after{border:4px solid #bdd0f8;background-color:#032773;}
.his-list .item:not(:first-child){margin-top:70px;}
.his-list .item .img-wrap{width:41.345%;}
.his-list .item .img-wrap img{width:100%;max-width:600px;height:auto;}

.his-list .item .text-wrap{width:41.345%;}
.his-list .item .year{font-size:34px;font-weight:900;line-height:1;}
.his-list .item .year::before{content:"";position:absolute;top:17px;left:50%;width:70px;border-bottom:1px dashed #999;}

.his-list .item .text-list{margin-top:25px;}
.his-list .item h3 {font-size:25rem; color:#032773; font-weight:800; letter-spacing:-.5px; }
.his-list .item .title {font-size:20rem; color:#000; font-weight:600; margin:10rem 0; letter-spacing:-.5px; }
.his-list .item .text{position:relative;font-size:17rem; font-weight:400; color:#444; letter-spacing:-.5px;}

.his-list .right{}
.his-list .right .img-wrap{float:left;text-align:right;}
.his-list .right .text-wrap{float:right;padding-left:6px;text-align:left;}
.his-list .right .text::before{left:0;}
.his-list .left{}
.his-list .left .img-wrap{float:right;}
.his-list .left .text-wrap{float:left;padding-right:6px;text-align:right;}
.his-list .left .year::before{transform:translateX(-100%);}
.his-list .left .text::before{right:0;}


@media (max-width:970px){
  .history{margin-top:70px;}
  .his-list .item{min-height:140px;}
  .his-list .item h3 {font-size:20rem; }
  .his-list .item:not(:first-child){margin-top:50px;}
  .his-list .item .year{font-size:32px;}
  .his-list .item .title{font-size:17rem;}
  .his-list .item .text{font-size:15rem;}
  .en-page .his-list .item .text::before{top:10px;}
  .his-list .item .img-wrap{width:43%;}
  .his-list .item .text-wrap{width:43%;padding:0;}
  .his-list .item .year::before{width:45px;}
  .en-page .his-list .item .year::before{width:35px;}

}

@media (max-width:640px){
  .history{text-align:center;}
  .his-list{padding:0 10px 0 40px;}
  .his-list::before{left:12.5px;}
  .history .animate-box{left:12.5px;}
  .his-list .item{min-height:auto;overflow:visible;}
  .his-list .item::before, .his-list .item::after{left:-27px;}
  .his-list .item .img-wrap, .en-page .his-list .item .img-wrap{float:none;width:100%;text-align:left;}
  .his-list .item .text-wrap, .en-page .his-list .item .text-wrap{float:none;width:100%;padding-left:20px;text-align:left;}
  .his-list .item .text-wrap:nth-child(2){margin-top:25px;}
  .his-list .item .year{font-size:27px;}
  .his-list .item .text-list{margin-top:14px;}
  .his-list .item .text{font-size:15px;}
  .his-list .item .year::before{display:none; }
}


.sec_key{padding:0rem 0; background:#f7f7f7;}
.sec_key .boxes .box{display:flex;align-items:center;}
.sec_key .boxes .box:nth-child(even){flex-direction:row-reverse;}
.sec_key .boxes .box .txt{width:50%;display:flex;justify-content:right;}
.sec_key .boxes .box .txt .tt{padding-bottom:0;}
.sec_key .boxes .box .txt .tt h3 {font-size:30rem; letter-spacing:-1px; font-weight:800; margin-bottom:30rem;}
.sec_key .boxes .box .txt .tt h3 b {color:#032773; font-weight:800;}
.sec_key .boxes .box .txt .tt h4 {font-size:20rem; letter-spacing:-.5px; font-weight:800; margin:30rem 0;}
.sec_key .boxes .box .txt .tt p{font-size:25rem;font-weight:600;line-height:150%; color:#000; letter-spacing:-.5px;}
.sec_key .boxes .box .txt .tt p b {font-weight:800; color:#042673 }
.sec_key .boxes .box:nth-child(even) .txt{justify-content:left;}
.sec_key .boxes .box .tt{margin-right:20%;}
.sec_key .boxes .box:nth-child(even) .tt{margin-right:0;margin-left:20%;}
.sec_key .boxes .box .pic{width:50%;}
.sec_key .boxes .box .pic img{width:100%;display:block;}
.sec_key .boxes .box:last-child{padding-bottom:0;}
.sec_key .boxes .box dl{padding-top:10px;}
.sec_key .boxes .box dl dd{position:relative; margin-top:10px; padding-left:30rem; line-height:150%; font-weight:600; font-size:18rem; letter-spacing:-.5px; }
.sec_key .boxes .box dl dd i {position:absolute;top:3px;left:0; font-weight:600; font-size:18rem; letter-spacing:-.5px; }

@media all and (max-width: 1023px) {
    .sec_key {padding-bottom:50rem;}
    .sec_key .boxes .box{flex-direction:column-reverse;padding-bottom:60px;gap:30px;}
    .sec_key .boxes .box:nth-child(even){flex-direction:column-reverse;}
    .sec_key .boxes .box .txt{width:100%;display:block;}
    .sec_key .boxes .box .tt{margin-right:0; padding:0 10rem; }
    .sec_key .boxes .box .txt .tt h3{font-size:22rem;}
    .sec_key .boxes .box .txt .tt h4{font-size:16rem;}
    .sec_key .boxes .box .txt .tt p{font-size:18rem;}
    .sec_key .boxes .box:nth-child(even) .tt{margin-left:0;}
    .sec_key .boxes .box .pic{width:100%;}
	.sec_key .boxes .box dl dd{ font-size:15rem;}
}


.sec02{margin:50rem 0;}
.sec02 .tt { text-align:center; margin-bottom:50rem; }
.sec02 .tt span {display:block; font-size:25rem; font-weight:600; letter-spacing:-1px;  }
.sec02 .tt h3 {font-size:35rem; font-weight:800; letter-spacing:-1px; }
.sec02 .tt h4 {font-family: 'Paperozi'; font-size:25rem; font-weight:800; letter-spacing:-.5px; margin-top:20rem; }
.sec02 .con .steps ul{display:flex;flex-wrap:wrap;justify-content:center;gap:30px 60px;}
.sec02 .con .steps li{position:relative;width:calc(33% - 45px);height:170px;padding:20rem 30rem; display:flex;align-items:center;background:#eff4fb;border-radius:20px;}
.sec02 .con .steps li:after{content:'';position:absolute;top:80px;right:-36px;display:block;width:14px;height:23px;background:url(../img/sub/process_arr.png) no-repeat center center/contain;}
.sec02 .con .steps li:nth-child(3):after,
.sec02 .con .steps li:last-child:after{display:none;}
.sec02 .con .steps i {position:absolute; top:18%; right:10%; transform:translateX(0%);}
.sec02 .con .steps i img {width:60rem; }
.sec02 .con .steps span{font-size:15rem;font-weight:700;color:#1b459a;}
.sec02 .con .steps dt{font-size:22rem;font-weight:800;color:#1b459a;}
.sec02 .con .steps dd{padding-top:10px;font-size:17rem;line-height:130%;font-weight:500; letter-spacing:-.5px; }


@media all and (max-width: 1023px) {
    .sec02 .tt span {font-size:18rem;}
	.sec02 .tt h3 {font-size:25rem;}
	.sec02 .tt h4 {font-size:18rem; }
	.sec02 .con .steps dt{font-size:18rem;}
    .sec02 .con .steps dd{padding-top:10rem;font-size:14rem; }
	.sec02 .con .steps i {top:10%; right:10%;}
	.sec02 .con .steps i img {width:40rem; }
    
}

@media all and (max-width: 700px) {
    .sec02 .tt span {font-size:18rem;}
	.sec02 .tt h3 {font-size:25rem;}
	.sec02 .tt h4 {font-size:18rem; }
	.sec02 .con .steps ul{flex-direction:column;}
    .sec02 .con .steps li{width:100%;height:auto;justify-content:left;border-radius:10px;}
	.sec02 .con .steps li:after {display:none;}
    .sec02 .con .steps dl{flex-direction:column; }
	.sec02 .con .steps dt{font-size:20rem;}
    .sec02 .con .steps dd{font-size:15rem; }
	.sec02 .con .steps i {top:15%; right:10%;}
	.sec02 .con .steps i img {width:40rem; }
    
}

.faq-title { text-align:center; letter-spacing:-1px;   font-size: 30rem; font-weight:800;    margin: 0.4em 0;}
.faq-list > div {    border-bottom: 0.07em solid #ededed;    padding: 1.5em 0em;} 
.faq-list > div:last-child {    border: unset;}

#faq details > summary {    list-style: none;}
#faq details > summary::-webkit-details-marker {    display: none;}

#faq summary {    font-size: 22rem;    font-weight: 800;    cursor: pointer;    -webkit-touch-callout: none;    -webkit-user-select: none;    -khtml-user-select: none;    -moz-user-select: none;    -ms-user-select: none;     user-select: none;    transition: all 0.3s ease;}
#faq summary:hover {    color: #032773;}

#faq details[open] summary ~ * {    animation: sweep .5s ease-in-out;}

@keyframes sweep {
    0%    {opacity: 0; margin-left: -10px}
    100%  {opacity: 1; margin-left: 55px}
}

#faq details[open] summary {    color: #032773;}
#faq details[open] p {    margin-left: 55px;  opacity: 100;  font-size:18rem; font-weight:500; margin-top:10rem; transition: all 3s ease;}
#faq details[open] summary:after {    content: "-";    font-size: 3.2em;    margin: -33px 0.35em 0 0;    font-weight: 200;}
.faq-body {border-radius:20px;   max-width:1400rem; margin: 50rem auto;    box-shadow:3px 3px 10px rgba(0,0,0,0.1);    border-radius: 0.2em;    padding: 50rem;    background-color: #fff;}
.faq-list {    width: 55em;    margin: 1em auto;    padding: 2em 0;}
#faq summary::-webkit-details-marker {    display: none;}
#faq summary:after {    background: transparent;    border-radius: 0.3em;    content: "+";    color: #032773;    float: left;    font-size: 1.5em;    font-weight: bold;    margin: -0.3em 0.65em 0 0;    padding: 0;    text-align: center;    width: 25px;}

@media all and (max-width: 1023px) {
    .faq-title {  font-size: 22rem; }
	#faq summary {    font-size: 18rem; }
	#faq details[open] p {  font-size:15rem;}
	.faq-list {width:100%;}
	#faq summary:after {     font-size: 18rem; width:20px;  margin: -0.1em 0.65em 0 0; }
	.faq-body { padding: 20rem; }
	#faq details[open] summary:after {  font-size: 2.2em;    margin: -20px 0.35em 0 0;  }
}



.sec_step{margin:50rem 0;}
.sec_step .con .steps ul{display:flex;flex-wrap:wrap;justify-content:center;gap:30px 60px;}
.sec_step .con .steps li{width:calc(33% - 45px); text-align:center; position:relative;padding:30rem 30rem; background:#032773;border-radius:20px;}
.sec_step .con .steps li:after{content:'';position:absolute;top:100px;right:-36px;display:block;width:14px;height:23px;background:url(../img/sub/process_arr.png) no-repeat center center/contain;}
.sec_step .con .steps li:nth-child(3):after,
.sec_step .con .steps li:last-child:after{display:none;}
.sec_step .con .steps i {display:block;}
.sec_step .con .steps i img {width:60rem; }
.sec_step .con .steps dt{margin-top:10rem;font-size:22rem;font-weight:800;color:#fff;}
.sec_step .con .steps dd{padding-top:10px;font-size:17rem;line-height:130%;font-weight:500; letter-spacing:-.5px; color:#fff;}

@media all and (max-width: 1023px) {
	.sec_step .con .steps dt{font-size:20rem; }
    .sec_step .con .steps dd{padding-top:10rem;font-size:15rem; text-align:center; }
}

@media all and (max-width: 700px) {
    .sec_step{margin:50rem 0 0;}
	.sec_step .tt span {font-size:18rem;}
	.sec_step .tt h3 {font-size:25rem;}
	.sec_step .tt h4 {font-size:18rem; }
	.sec_step .con .steps ul{flex-direction:column;}
    .sec_step .con .steps li{width:100%; flex-direction:column; height:auto;}
	.sec_step .con .steps li:after {display:none;}
    .sec_step .con .steps dl{flex-direction:column;}
	.sec_step .con .steps dt{font-size:20rem; width:100%; }
    .sec_step .con .steps dd{padding-top:0;font-size:15rem; text-align:center; }
}




:root {
  --d: 700ms;
  --e: cubic-bezier(0.19, 1, 0.22, 1);
}



.tab-menu {max-width:1000rem; margin:30rem auto; text-align:center;  font-size:0; display:grid;grid-template-columns: repeat(4, 1fr); gap:10rem; align-items: center; justify-content: center;}
.tab-menu li {vertical-align:top;  position:relative; color:#797979;  text-align:center; cursor:pointer;  z-index:0;  padding:15rem 0; border:1px solid #666;  font-size:18rem;  font-weight:600;  letter-spacing:-.5px; }
.tab-menu li span {float:left;}
.tab-menu li i {float:right; vertical-align:top;}
.tab-menu li:hover {  color:#0a2461;}
.tab-menu li.active {  color:#0a2461;  border:3px solid #0a2461; }
.tab-menu li.active:hover {  color:#0a2461;  border:3px solid #0a2461;}

@media all and (max-width: 600px) {
    .tab-menu {max-width:100%; margin:30rem auto; display:grid;grid-template-columns: repeat(2, 1fr); }
	.tab-menu li {font-size:15rem; }
}


.layer_bg{position:fixed; width:100%; height:100%; background: rgba(0,0,0,0.7); left:0; top:0}
.layer_wrap {position: fixed;    top: 50%;    left: 50%;    transform: translate(-50%, -45%); /* 화면 중앙 정렬 */  padding: 30rem;    background-color: white;  z-index: 1001; max-height: 90vh; overflow-y: auto; border-radius:10px;}
.layer_wrap h5 {background:#333; color:#fff; font-size:18rem; padding:5rem 0; font-weight:600; padding:10rem; letter-spacing:-.5px; text-align:center; border-radius: 10rem 10rem 0 0;}

.layer_wrap .info_detail dd {font-weight:500; margin-bottom:10rem;}
.layer_wrap .info_detail dd span {font-size:17rem; font-weight:800; color:#042673; margin-left:10px; float:left; width:100rem; }
.layer_wrap .info_detail dd span:before {content: ""; position:absolute; width:4px; height:4px; background:#042673; text-align:left; margin-left:-10px; border-radius:5px; margin-top:10px;}

.layer_wrap .box {display:grid;grid-template-columns: repeat(3, 1fr); gap:10rem; text-align:center; margin:10rem 0;}
.layer_wrap .box dd {background:#032773; border-radius:10px; font-size:15rem; font-weight:600; letter-spacing:-.5px; color:#fff; padding:10rem 5rem;}
.layer_wrap .box dd span {display:block; font-weight:800; color:#ffb400; }

.btn_close {position:absolute; text-align:center; right:3%; transform:translateX(0%); top:5%; border:0; font-size:25rem; background:#000; color:#fff; border-radius:50rem; width:40rem; height:40rem;  display: flex; align-items: center; justify-content: center;}
.btn_close i {color:#fff;}

@media all and (max-width: 1023px) {
    .layer_wrap {width:100%; padding:20rem; transform: translate(-43%, -45%);}
	.layer_wrap h5 { font-size:15rem; }
	.layer_wrap .box {display:grid;grid-template-columns: repeat(1, 1fr); gap:10rem; text-align:center;}
	.layer_wrap .box li {font-size:14rem; justify-content:flex-start;}
	.layer_wrap .info dd span {font-size:15rem; width:80rem;}

	.btn_close { top:3%; width:30rem; height:30rem; font-size:17rem; }
}

@media all and (max-width: 600px) {
    .layer_wrap {width:100%; padding:20rem; transform: translate(-38%, -45%);}
}

.page-content ul {  display:grid;grid-template-columns: repeat(3, 1fr); gap:50rem; padding: 10rem;  max-width: 1400px;  margin: 50rem auto;}
.page-content ul li {position: relative; }
.info span.cate {border:1px solid #032773; color:#032773; padding:5rem 10rem; font-size:15rem; font-weight:600; margin:10rem 0; display:inline-block; }
.info h3 {font-size:22rem; font-weight:800; margin:10rem 0; letter-spacing:-.5px; }
.info h4 {font-size:17rem; font-weight:600; margin:10rem 0; letter-spacing:-.5px; color:#032773;}
.info p.tag {font-size:14rem; font-weight:600;}

.card {  position: relative;  overflow: hidden; width: 100%; height:500rem; border-radius:10rem; text-align: center; }

@media all and (max-width: 1023px) {
    .page-content ul {  display:grid;grid-template-columns: repeat(2, 1fr);}
	.info h4 {font-size:15rem; }
	.card { height:400rem; }
	.info p.tag {font-size:13rem; }
}

@media all and (max-width: 600px) {
    .page-content ul {  display:grid;grid-template-columns: repeat(1, 1fr);}
	.info h4 {font-size:15rem; }
	.card { height:400rem; }
	.info p.tag {font-size:13rem; }
}

.card:before {  content: "";  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 110%;  background-size: cover;  background-position: 0 0;  transition: transform calc(var(--d) * 1.5) var(--e);  pointer-events: none;}
.card:after {  content: "";  display: block;  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 200%;  pointer-events: none;  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.009) 11.7%, rgba(0, 0, 0, 0.034) 22.1%, rgba(0, 0, 0, 0.072) 31.2%, rgba(0, 0, 0, 0.123) 39.4%, rgba(0, 0, 0, 0.182) 46.6%, rgba(0, 0, 0, 0.249) 53.1%, rgba(0, 0, 0, 0.32) 58.9%, rgba(0, 0, 0, 0.394) 64.3%, rgba(0, 0, 0, 0.468) 69.3%, rgba(0, 0, 0, 0.54) 74.1%, rgba(0, 0, 0, 0.607) 78.8%, rgba(0, 0, 0, 0.668) 83.6%, rgba(0, 0, 0, 0.721) 88.7%, rgba(0, 0, 0, 0.762) 94.1%, rgba(0, 0, 0, 0.79) 100%);  transform: translateY(-50%);  transition: transform calc(var(--d) * 2) var(--e);}

.content {  position:absolute; text-align:center; top:50%; left:37%; transform:translateX(-50%);  transition: transform var(--d) var(--e);  z-index: 1;}

.title {  font-size: 25rem;  font-weight: 800;  line-height: 1.2;}
.copy {  font-size: 15rem; line-height: 1.35;}

.btn {  cursor: pointer;  margin-top: 15rem;  padding: 10rem 20rem;  font-size: 15rem;  font-weight: 600;  letter-spacing: 0.025rem;  text-transform: uppercase;  color: white;  background-color: black;  border: none;}
.btn:hover {  background-color: #0d0d0d;}
.btn:focus {  outline: 1px dashed yellow;  outline-offset: 3px;}

@media all and (max-width: 1023px) {
    .content { left:50%;}
}


@media (hover: hover) and (min-width: 600px) {
  .card:after {    transform: translateY(0);  }
  .content {    transform: translateY(calc(100% - 4.5rem));  }
  .content > *:not(.title) {    opacity: 0;    transform: translateY(10rem);    transition: transform var(--d) var(--e), opacity var(--d) var(--e);  }
  

  .card:hover,
.card:focus-within {    align-items: center;  }
  .card:hover:before,
.card:focus-within:before {    transform: translateY(-4%);  }
  .card:hover:after,
.card:focus-within:after {    transform: translateY(-50%);  }
  .card:hover .content,
.card:focus-within .content {    transform: translateY(0);  }
  .card:hover .content > *:not(.title),
.card:focus-within .content > *:not(.title) {    opacity: 1;    transform: translateY(0);    transition-delay: calc(var(--d) / 8);  }

  .card:focus-within:before, .card:focus-within:after,
.card:focus-within .content,
.card:focus-within .content > *:not(.title) {    transition-duration: 0s;  }
}


.sec_table{margin:50rem 0; }
.sec_table h3 {text-align:center; font-size:30rem; font-weight:800; letter-spacing:-1px; margin-bottom:30rem; line-height:1.3; }
.sec_table .tbl{max-width:1400px;margin:0 auto;border-top:1px solid #cdcecf;border-left:1px solid #cdcecf;}
.sec_table .tbl dl{display:flex;text-align:center;}
.sec_table .tbl dt,
.sec_table .tbl dd{flex:1;display:flex;justify-content:center;align-items:center;flex-direction:column; padding:24px 0; font-size:17rem; letter-spacing:-.5px; font-weight:400; line-height:140%;border:1px solid #cdcecf;border-top:0;border-left:0;}
.sec_table .tbl dt{font-weight:600;background:#ececec;}
.sec_table .tbl dt.service{border:2px solid #333;background:#333;color:#fff;}
.sec_table .tbl dd.service{font-weight:600;border-left:2px solid #333;border-right:2px solid #333;background:#edf5fa;color:#042774;}
.sec_table .tbl dt.focus{border:2px solid #042774;background:#042774;color:#fff;}
.sec_table .tbl dd.focus{font-weight:600;border-left:2px solid #042774;border-right:2px solid #042774;background:#edf5fa;color:#042774;}
.sec_table .tbl dd b {display:block; font-weight:800; font-size:19rem; margin-bottom:10rem;}
.sec_table .tbl .pic{padding:0;}
.sec_table .tbl .pic img{display:block;width:100%;}
.sec_table .tbl dl dt:first-child{flex:unset;width:25%;}
.sec_table .tbl dl.thead dt:first-child{flex:unset;}
.sec_table .tbl dl:last-child dd.focus{border-bottom:2px solid #042774;}

@media all and (max-width: 1023px) {
    .sec_table h3 {font-size:22rem; }
    .sec_table .tbl dt,
    .sec_table .tbl dd{padding:12px 6px;font-size:14rem;}
	.sec_table .tbl dd b {font-size:14rem;}
}



#sec_merit{padding:100rem 30rem; background:#ececec;}
#sec_merit .inner {margin:0 auto; max-width:1600rem;}
#sec_merit .top_tit {text-align:center;  }
#sec_merit .top_tit span {display:block; font-size:20rem; font-weight:800; color:#042673; margin-bottom:10rem; line-height:1.3; }
#sec_merit .top_tit h3 {font-size:35rem; font-weight:800; color:#000; margin-bottom:10rem; line-height:1.3; letter-spacing:-.5px; }
#sec_merit .top_tit p {font-size:20rem; font-weight:500; color:#000;  line-height:1.3; letter-spacing:-.5px; }
#sec_merit .sec_merit_sw{margin-top:70rem; overflow:hidden;}
#sec_merit .sec_merit_sw .num_li{display:grid;grid-template-columns: repeat(3, 1fr); gap:30rem}
#sec_merit .sec_merit_sw .num_li li {box-shadow:3px 3px 10px rgba(0,0,0,0.03); position:relative; padding:30rem 40rem;  border-radius:10rem; background-color:#fff; position:relative; z-index:1; overflow:hidden; transition:all 0.3s ease-out;}
#sec_merit .sec_merit_sw .num_li li::before{content:"0"counter(num_li); font-size:130rem; font-weight:900; line-height:0.8; color:rgba(255,255,255,0.05); position:absolute; right:20rem; bottom:0; z-index:1; transition:all 0.3s ease-out;}
#sec_merit .sec_merit_sw .num_li li h4{letter-spacing:-1px; word-break: keep-all; font-size:23rem; line-height:1.4; color:#000; font-weight:600;}
#sec_merit .sec_merit_sw .num_li li h5{ font-family: 'Paperozi'; word-break: keep-all; font-size:23rem; line-height:1.4; color:#046eb8; font-weight:700; margin:0rem 0 10rem; }
#sec_merit .sec_merit_sw .num_li li .vm_btn{word-break: keep-all; font-size:17rem; color:#303030; line-height:1.7; font-weight:500; letter-spacing:-.5px;  }
#sec_merit .sec_merit_sw .num_li li i {position:absolute; bottom:-40rem; right:0%; transform:translateX(0%); color:#0ec0f3; font-size:100rem; font-weight:800; font-style:normal; opacity:0.08; }

@media all and (max-width: 1400px) {
	#sec_merit .sec_merit_sw .num_li li {padding:30rem 40rem;  height:auto; }
	#sec_merit .sec_merit_sw .num_li .ico_box{margin-top:10rem; }
	#sec_merit .sec_merit_sw .num_li .ico_box img{width:60rem}
	#sec_merit .sec_merit_sw .num_li li h4{font-size:18rem;}
	#sec_merit .sec_merit_sw .num_li li h5{font-size:18rem;}
	#sec_merit .sec_merit_sw .num_li li .vm_btn{ font-size:14rem; }
}

@media all and (max-width: 1200px) {
	#sec_merit{padding:100rem 20rem;}
	#sec_merit .sec_merit_sw .num_li li {padding:30rem 40rem;  height:auto; }
	#sec_merit .sec_merit_sw .num_li .ico_box{margin-top:10rem; }
	#sec_merit .sec_merit_sw .num_li .ico_box img{width:60rem}
}


@media all and (max-width: 600px) {
	#sec_merit{padding:100rem 20rem;}
	#sec_merit .top_tit span {font-size:15rem; }
	#sec_merit .top_tit h3 {font-size:22rem;}
	#sec_merit .top_tit p {font-size:16rem;}
	#sec_merit .sec_merit_sw .num_li{display:grid;grid-template-columns: repeat(1, 1fr); gap:20rem}
	#sec_merit .sec_merit_sw .num_li li {padding:30rem 40rem;  height:auto; }
	#sec_merit .sec_merit_sw .num_li .ico_box{margin-top:10rem; }
	#sec_merit .sec_merit_sw .num_li .ico_box img{width:60rem}
	#sec_merit .sec_merit_sw .num_li li h4{font-size:18rem;}
	#sec_merit .sec_merit_sw .num_li li h5{font-size:18rem;}
	#sec_merit .sec_merit_sw .num_li li .vm_btn{ font-size:14rem; }
}


.sec_list{margin:50rem auto;  padding:100rem 0; background:#f3f3f3; }
.sec_list h3 {text-align:center; font-size:30rem; font-weight:800; letter-spacing:-1px; margin-bottom:30rem; line-height:1.3; }
.sec_list .con{max-width:1400rem; margin:0rem auto; display:grid;grid-template-columns:repeat(3, minmax(100px, 760px));justify-content:center;gap:20px;}
.sec_list .item{background:#fff; display:flex;gap:30px;padding:30px 24px;border-radius:20px;border:1px solid #dbdbdb;}
.sec_list .item .pic{width:200px;border-radius:50%;border:14px solid #f8f0f0;overflow:hidden;}
.sec_list .item .pic img{display:block;width:100%;}
.sec_list .item .txt{flex:1;}
.sec_list .item .txt .tit{display:flex;align-items:center;gap:20px;}
.sec_list .item .txt .tit span{display:flex;justify-content:center;align-items:center;width:100%;height:42px;font-size:18rem;font-weight:700;letter-spacing:-.5px;font-family: 'Paperozi';border-radius:50px;border:1px solid #042774;color:#042774;}
.sec_list .item .txt p{word-break: keep-all; padding-top:24px; font-weight:400; letter-spacing:-.5px; font-size:17rem; }
.sec_list .item .txt p b{font-weight:800;}

@media all and (max-width: 1400px) {
    
    
    .sec_list .item{max-width:780px;margin:0 auto;}
    .sec_list .item + .item{margin-top:30px;}
}
@media all and (max-width: 1023px) {
    .sec_list h3 {font-size:22rem; }
    .sec_list .item{align-items:flex-start;gap:12px;padding:24px 20px;border-radius:10px;}
    .sec_list .item + .item{margin-top:20px;}
    .sec_list .item .pic{width:80px;border-width:6px;}
    .sec_list .item .txt .tit{gap:10px;}
    .sec_list .item .txt .tit span{font-size:15rem;}
    .sec_list .item .txt p{padding-top:12px;font-size:14rem;}
}

@media all and (max-width: 600px) {
    .sec_list .con{display:block;}
}


.sec_production{}
.sec_production .boxes .tt h3 {font-size:30rem; letter-spacing:-1px; font-weight:600; margin-bottom:20rem; line-height:1.3; }
.sec_production .boxes .tt h3 b {font-weight:800; color:#042673 }
.sec_production .boxes .tt p {font-size:18rem;font-weight:500;line-height:150%; color:#000; letter-spacing:-.5px;}
.sec_production .boxes .box{display:flex;align-items:center;}
.sec_production .boxes .box:nth-child(even){flex-direction:row-reverse;}
.sec_production .boxes .box .txt{width:50%;display:flex;justify-content:right;}
.sec_production .boxes .box .txt .tt{padding-bottom:0;}
.sec_production .boxes .box:nth-child(even) .txt{justify-content:left;}
.sec_production .boxes .box .tt{margin-right:10%;}
.sec_production .boxes .box:nth-child(even) .tt{margin-right:0;margin-left:10%;}
.sec_production .boxes .box .pic{width:50%;}
.sec_production .boxes .box .pic img{width:100%;display:block;}
.sec_production .boxes .box:last-child{padding-bottom:0;}

.sec_production dl {margin-top:30rem;}
.sec_production dl dd {border-radius:10px; background:#f5f5f5; padding:20px; margin-bottom:10rem; letter-spacing:-.5px; }
.sec_production dl dd b {font-weight:800; color:#042774; }

@media all and (max-width: 1023px) {
    .sec_production{margin-bottom:30rem;}
	.sec_production .boxes .tt h3{font-size:25rem; }
    .sec_production .boxes .tt p{font-size:18rem; }
    .sec_production .boxes .box{flex-direction:column-reverse;padding-bottom:60px;gap:30px;}
    .sec_production .boxes .box:nth-child(even){flex-direction:column-reverse;}
    .sec_production .boxes .box .txt{width:100%;display:block;}
    .sec_production .boxes .box .tt{margin-right:0; padding:0 10rem; }
    .sec_production .boxes .box:nth-child(even) .tt{margin-left:0;}
    .sec_production .boxes .box .pic{width:100%;}
}

@media all and (max-width: 600px) {
    .sec_production .boxes .tt h3{font-size:20rem; }
    .sec_production .boxes .tt p{font-size:16rem; }
}

.target2_con {margin:70rem 0;}
.target2_con .sub_title {text-align:center;}
.target2_con .sub_title h3 {font-size:35rem; font-weight:800; letter-spacing:-.5px; margin-bottom:10rem; }
.target2_con .sub_title h4 {font-size:25rem; font-weight:800; letter-spacing:-.5px; margin-top:50rem; }
.target2_con .sub_title p {font-size:20rem; font-weight:500; letter-spacing:-.5px; }
.target2_con ul {  display: flex;  flex-direction:   padding: 0 0rem; margin-top:50rem;}
.target2_con ul li {  width: 33%;  flex-shrink: 0;  border-radius: 500rem;  padding: 4.64% 0;  box-shadow: 0 5px 10px rgba(0, 0, 0, .1);  position: relative}
.target2_con ul li .inner {  flex-direction: column;  color: #fff;  width: 100%;  height: 100%;  display: flex;  align-items: center;  justify-content: center;  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%)}
.target2_con ul li:not(:last-child) {  margin: 0 -1.54% 0 0}
.target2_con ul li:nth-child(1) {  background: #1b449b}
.target2_con ul li:nth-child(2) {  background: #0d3488}
.target2_con ul li:nth-child(3) {  background: #032773}

.target2_con ul li .icon {  margin: 0 0 10rem;  display: flex;  align-items: center;  justify-content: center}
.target2_con ul li dl {  text-align: center}
.target2_con ul li dl dt {  font-size: 20rem;  font-weight: 300;  margin: 0 0 10px}
.target2_con ul li dl dt b {  font-weight: 800;}

@media(max-width: 1200px) {
  .target2_con ul {    flex-wrap: wrap;    flex-direction: row  }
  .target2_con ul li:not(:last-child) {    margin: 0  }
  .target2_con ul li {    width: 25%;    padding: 12.5% 0  }
  .target2_con ul li dl dt {font-size: 16rem}
}

@media(max-width: 640px) {
  .target2_con .sub_title h3 {font-size:22rem;}
  .target2_con .sub_title h4 {font-size:18rem;}
  .target2_con .sub_title p {font-size:16rem; }
  .target2_con ul li {    width: 33%;    padding: 20% 0;  }
  .target2_con ul li:nth-child(1) {    order: 1  }
  .target2_con ul li:nth-child(2) {    order: 2  }
  .target2_con ul li:nth-child(3) {    order: 3  }
  .target2_con ul li dl dt {font-size: 13rem}
}

.allinone{background:#f5f5f5; padding:70rem 0; }
.allinone .tt {max-width:1400rem; margin:0 auto; display: flex;  align-items: center;  justify-content: space-between; }
.allinone .tt h3 {font-family: 'Paperozi'; font-size:35rem; font-weight:700; color:#032773; line-height:1.3; letter-spacing:-.5px; }
.allinone .tt h3 span {display:block; font-size:22rem; font-weight:600; margin-top:10rem; color:#000;}
.allinone .tt p { font-weight:500; font-size:20rem; color:#333; letter-spacing:-.5px;  }
.allinone .tt p b {font-weight:800;}

@media(max-width: 640px) {
  .allinone .tt {flex-direction:column; justify-content: flex-start; align-items: flex-start;}
  .allinone .tt h3 { font-size:25rem; }
  .allinone .tt h3 span {font-size:18rem; margin-bottom:20rem; }
  .allinone .tt p { font-size:15rem;}
}



#mainContent11 {margin:50rem 0;}
.inquiry-con-wrap .wrap {max-width:1150rem; margin:0 auto; }
.inquiry-con-wrap .left-box{text-align:center; margin-bottom:30rem;}
.inquiry-con-wrap .left-box .main-tit {word-break: keep-all; font-size:40rem; font-weight:800; color:#000; letter-spacing:-1px; }
.inquiry-con-wrap .left-box .main-txt01 {word-break: keep-all; position: relative;  font-size:20rem; color:#383838; font-weight:600; letter-spacing:-.5px; }


.center-box .tt {background:#333; border-radius:10px; padding:30rem; max-width:850rem; margin:0 auto 30rem; display: flex;  align-items: center;  justify-content: space-between; }
.center-box .tt h3 {font-family: 'Paperozi'; font-size:25rem; font-weight:700; color:#fff; line-height:1.3; letter-spacing:-.5px; }
.center-box .tt h3 i {display:inline-block; margin-right:20rem;}
.center-box .tt p.main-txt02 { font-weight:500; font-size:20rem; color:#fff; letter-spacing:-.5px;  }
.center-box .tt p.main-txt02 span {font-family: 'Paperozi'; font-size:23rem; font-weight:700; color:#ffc154; display:block; font-weight:800;}

.inquiry-con-wrap .inquiry-info i {font-size: 18px;}
.inquiry-con-wrap .inquiry-info i.off {color: #222222; opacity: 0.3;}
.inquiry-con-wrap .right-box{border-top:2px solid #000; }

.inquiry-wrap{}
.inquiry-wrap .inquiry-list{padding:0 30rem; }
.inquiry-wrap .inquiry-list dl { padding: 25px 30px; display: flex; align-items: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box; border-bottom:1px solid #e0e0e0; }
.inquiry-wrap .inquiry-list dl dt { width: 300rem; font-size: 20rem; font-weight: 600; letter-spacing: -0.05em; color: #000;}
.inquiry-wrap .inquiry-list dl dt .essential-icon {color: #d51920; margin-right: 0; margin-left: 0.4rem; position: relative; top: -0.4rem;}
.inquiry-wrap .inquiry-list dl dt i {display:block; font-size:17rem; font-style:normal; color:#7d7d7d; }
.inquiry-wrap .inquiry-list dl dd {width: calc(100% - 85px); font-size: 18rem; font-weight: 500; letter-spacing: -0.05em; color: #555;}
.inquiry-wrap .inquiry-list dl dd.tel {display: flex; align-items: center; font-size:18rem; text-align:center; }
.inquiry-wrap .inquiry-list dl dd.tel span {padding-right:20px;}
.inquiry-wrap .inquiry-list dl dd .tel-input {margin:0 10px; width:25%; border: 0; outline: none; background: none; height: 100%; font-size: 18rem; font-weight: 500; letter-spacing: -0.05px; color: #555;}
.inquiry-wrap .inquiry-list dl dd .write-input,
.inquiry-wrap .inquiry-list dl dd .write-select,
.inquiry-wrap .inquiry-list dl dd .write-textarea {width: 100%; border: 0; outline: none; background: none; height: 100%; font-size: 16px; font-weight: 500; letter-spacing: -0.05px; color: #555;}
.inquiry-wrap .inquiry-list dl.inquiry-textarea-box {width: 100%; align-items: start; }
.inquiry-wrap .inquiry-list dl.inquiry-textarea-box .write-textarea {min-height: 160rem;}
.inquiry-wrap .inquiry-list dl.inquiry-spam-box dd {display: flex;}
.inquiry-wrap .inquiry-list dl.inquiry-spam-box dd img {margin: 0 0.1rem;}
.inquiry-wrap .inquiry-list dl.inquiry-spam-box dd .write-input {margin-left: 1rem;}
.inquiry-wrap .inquiry-list dl dd .write-input::focus,
.inquiry-wrap .inquiry-list dl dd .write-select::focus,
.inquiry-wrap .inquiry-list dl dd .write-textarea::focus {outline: none;}
.inquiry-wrap .inquiry-list dl dd input {font-size:18rem; padding:10rem;}
.inquiry-wrap .inquiry-list dl dd select {border:1px solid #d7d7d7; width:240rem; color:#555; }

.radio_list {display:flex;gap:30rem;}
.radio_list span {display: flex; align-items: center; justify-content: center; gap:15rem;}
.radio2_list {display:flex;gap:30rem;}
.radio2_list span {display: flex; align-items: center; justify-content: center; gap:15rem;}

.control-container {    display: flex;    position: relative; margin-bottom:5rem; }
.screen-reader { /* 스크린 리더를 고려해서 라디오 버튼을 화면에서 숨김 */    position: absolute;    width: 1px;    height: 1px;    padding: 0;    border: 0;    overflow: hidden;    margin: -1px;    clip-path: inset(50%);}
.label-box {    position: relative;}
.label-box i {font-style:normal; font-size:15rem;}
.check-icon {  display: flex;    justify-content: center;    align-items: center;   width: 15rem;    height: 15rem;    border-radius: 50%;    background-color: #fff;    border: 1px solid gray;    position: absolute;    left: 0;    top: 50%;    transform: translateY(-50%);}
.inquiry-list label {font-size: 18rem;    padding-left: 25rem;    position: relative;    cursor: pointer;}
.inquiry-list [type="radio"]:checked + .label-box .check-icon {    border-color:  #042774;    }
.inquiry-list [type="radio"]:checked + .label-box .check-icon::before {   content: "";     width: 7rem;     height: 7rem;     position: absolute;     background: #042774;     color: unset !important;     border-radius: 50%;}
.inquiry-list [type="radio"]:checked + .label-box label {    color: #000;}

.form_row_imput_radio {    margin-right: 1%;    width: 15rem;    height: 15rem;    overflow: hidden;    outline: 0;    background: #ffffff;    color: white;    border: none;    appearance: none;    border-radius: 50%;    margin-right: 20%;    left: 3%;    border: 1px solid black;}
.form_row_imput_radio_1{    margin-right: -6%;}
.form_row_imput_radio_2{    margin-right: -6%;}

.form_row_imput_radio{    display: flex;    justify-content: center;    align-items: center;}
.form_row_imput_radio:checked::after {     content: "";     width: 7rem;     height: 7rem;     position: absolute;     background: #042774;     color: unset !important;     border-radius: 50%; }

@media all and (max-width:1279px){
	.inquiry-con-wrap{position: relative; display: block; }
	.inquiry-con-wrap .left-box{display: block;width:100%; margin-bottom:50px;}
	.inquiry-con-wrap .left-box .inquiry-btn-box{position: absolute; bottom:0; width:100%; text-align:center;}
	.inquiry-con-wrap .left-box .inquiry-btn-box .plus-txt{padding-left:0;}
	.inquiry-con-wrap .left-box .inquiry-btn-box .cm-main-btn{margin: 20px auto 0;}
	.inquiry-con-wrap .right-box{display: block;width:100%;}

	.inquiry-wrap .inquiry-list dl.inquiry-textarea-box {}
	.inquiry-wrap .inquiry-list dl.inquiry-textarea-box .write-textarea {min-height: 90px;}
}

@media all and (max-width:1023px){
	#mainContent11 {margin:0rem 0;}
	.inquiry-con-wrap .left-box .main-tit {font-size:27rem; margin-bottom:10rem;}
	.inquiry-con-wrap .left-box .main-txt01 {font-size:16rem;}
	.center-box .tt {padding:30rem; flex-direction:column;}
	.center-box .tt h3 { font-size:18rem; margin-bottom:20rem; }
	.center-box .tt h3 i {margin-right:10rem; }
	.center-box .tt h3 i img {width:50rem;}
	.center-box .tt p.main-txt02 {font-size:16rem; }
	.center-box .tt p.main-txt02 span {font-size:18rem; display:block; margin-bottom:10rem; }
	.inquiry-wrap{display: block;}
	.inquiry-wrap .inquiry-list{width:100%; padding:0;}
	.inquiry-wrap .inquiry-list dl {flex-direction:column;  width: 100%; padding: 15rem 5rem; margin: 10px 0;}
	.inquiry-wrap .inquiry-list dl dt {width:100%; font-size:15rem; margin-bottom:10rem; }
	.inquiry-wrap .inquiry-list dl dd {width: 100%; font-size:15rem;}
	
	.inquiry-wrap .inquiry-list dl dd .write-input::placeholder, .inquiry-wrap .inquiry-list dl dd .write-select, .inquiry-wrap .inquiry-list dl dd .write-textarea::placeholder {font-size: 14px;}

	.inquiry-list label {font-size: 13rem; }
	.inquiry-list [type="radio"]:checked + .label-box label {  font-size:13rem;}
	.label-box i {font-size:12rem;}

	.radio_list {display:grid;grid-template-columns: repeat(3, 1fr);gap:5rem;}
	.radio2_list {display:grid;grid-template-columns: repeat(3, 1fr);gap:5rem;}
	.inquiry-wrap .inquiry-list dl dd select {width:100%; }

}

@media all and (max-width:600px){
	.radio_list {display:grid;grid-template-columns: repeat(2, 1fr);gap:0rem;}
	.radio2_list {display:grid;grid-template-columns: repeat(1, 1fr);gap:0rem;}
	.inquiry-list [type="radio"]:checked + .label-box label {  font-size:12rem;}
}


.round {position: relative;  text-align:center; margin-top:30px; margin-left:-20px; }
.round label .check{display: inline-block; vertical-align: middle; position: relative; width: 25px; height: 25px; background-color: #fff; }
.round label .check input{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 10px; z-index: -10;}
.round label .check span.ck_box{cursor:pointer;position: relative; display: block; height: 100%; background-color: rgba(79, 73, 65, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 50%; color:#000;}
.round label .check span.ck_box::after{content: ''; position: absolute; left: 48%; top: 42%; transform: translate(-50%, -50%) rotate(-45deg); width: 10px; height: 5px; border-left: 2px solid #333; border-bottom: 2px solid #333; opacity: 0.5; color:#fff; }
.round label span.txt{cursor:pointer; display: inline-block; vertical-align: middle; padding-left: 10px; color: #000; font-weight: 500; font-size: 17px;}
.round label .check input:checked ~ span.ck_box{background-color: #042774; border: 1px solid #042774;  }
.round label .check input:checked ~ span.ck_box::after{border-left: 2px solid #fff; border-bottom: 2px solid #fff; opacity: 1; }


.sec_ok {padding:50rem 0;}
.sec_ok .txt {display: flex; align-items: center; justify-content: center; gap:50rem;}
.sec_ok .txt dl {text-align:left; }
.sec_ok .txt dl h3 {font-size:30rem; font-weight:800; margin-bottom:20rem; letter-spacing:-.5px; }
.sec_ok .txt dl p {font-size:18rem; font-weight:400; letter-spacing:-.5px;   }

@media all and (max-width:600px){
	.sec_ok .txt {flex-direction:column; gap:20rem;}
	.sec_ok .txt dl img {width:200rem;}
	.sec_ok .txt dl h3 {font-size:22rem; }
	.sec_ok .txt dl p {font-size:16rem; }
}