@charset "utf-8";
* {	letter-spacing:-0.06em; color:#2c2c2c; }
:root {
	--main_color :#ff2e83;
	--ink-2:#334155;      /* slate-600 */
	--ink-3:#64748b;      /* slate-500 */
	--main_red:#E31332;
}

.header_wrap .tophd,.header_wrap .centerhd {width:100%; max-width:1200px; margin:0 auto;}
.header_wrap .tophd {display:flex; align-items:center; justify-content:space-between; padding:20px 0;}
.header_wrap .tophd ul {display:flex; justify-content:flex-end; padding:10px 0 5px;}
.header_wrap .tophd li a {font-size:14px;}
.header_wrap .tophd li + li {margin-left:20px;}
.header_wrap .tophd .logo img {max-width:200px;}
.header_wrap .tophd #btn_cate {height:45px;line-height:45px;width:45px;background:none;border:0;vertical-align:top; margin-top:3px;}
.header_wrap .tophd #btn_cate i {font-size:18px;}
.header_wrap .tophd .right {display:flex; align-items:center;}

.header_wrap .nav_sect {border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.header_wrap .nav_sect ul {display:flex; align-items:center; padding:10px 0; width:100%; max-width:1200px;  margin:0 auto;}
.header_wrap .nav_sect li {flex:1; text-align:center; border-left:1px solid #ccc;}
.header_wrap .nav_sect li:first-child {border-left:0;}
.header_wrap .nav_sect li a {font-size:16px; font-weight:500;}
.header_wrap .nav_sect li.active a {color:var(--main_color); font-weight:600}

#hd.fixed .header_wrap .nav_sect {width:100%; position:fixed; top:-1px; left:0; background:#fff;z-index:1000;}
#hd_btn {position:relative; top:auto; right:auto;}

.Minner {max-width:1200px; margin:0 auto; width:100%;}
.border_wrapper {max-width:1200px; margin:0 auto; width:100%;}

.mainBanner .video_wrap {width:100%; height:500px;overflow:hidden;}
.mainBanner .video_wrap video {object-fit:cover; width:100%}

.mainCategory ul {display:flex; justify-content:center;}
.mainCategory h4 {text-align:center; font-size:20px; padding:80px 0 30px;}
.mainCategory li {text-align:center;}
.mainCategory li + li {margin-left:40px;}
.mainCategory li span {width:110px; height:110px; background:#ddd; border-radius:50%; display:block;}
.mainCategory li p {font-size:16px; font-weight:500; padding-top:10px;}

.mainSmBn {padding:80px 0;}
.mainSmBn ul {display:flex;}
.mainSmBn li {flex:1; background:#ddd; border-radius:10px; height:200px;}
.mainSmBn li + li {margin-left:20px;}

.mainList {padding:80px 0;background:#f7f7f7;}
.mainList h2 {text-align:center; font-size:35px; padding:0px 0 30px;}
.mainList .sct_noitem {text-align:center; padding:40px 0;}

#ft_company{display:flex; justify-content:space-between; flex-direction:row-reverse;padding:15px 10px;}
.ft_wr .ft_box p span {font-size:12px; color:rgba(255 255 255 / 50%); display:block;}

.sub_wrap {padding:80px 0;}
.sub_wrap .sub_title {font-size:25px; text-align:center; padding-bottom:15px;}

.sub04_menu {display:flex; justify-content:center; padding:60px 0 0;}
.sub04_menu ul {display:flex;}
.sub04_menu li a {font-size:15px;}
.sub04_menu li + li {margin-left:30px;}
.sub04_menu li {position:relative;}
.sub04_menu li:after {content:''; display:block; width:4px; height:4px; background:#ddd; border-radius:50%; position:absolute; top:50%; transform:translateY(-50%); right:-16px;}
.sub04_menu li:last-child:after {display:none;}
.sub04_menu li.active a {background:var(--main_color);color:#fff; padding:0 5px 1px;}

.dim_popup {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0 0 0 / 70%); z-index:1000;display:none;}
.dim_popup .popup {width:640px; height:480px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.dim_popup .popup .close-btn {background:transparent; border:0; box-shadow:none; width:30px; height:30px; background:#fff; font-size:20px; line-height:30px; text-align:center; position:absolute; top:-30px; right:0; z-index:100;}

/* 회사소개 css */
.subPage01 section{padding:40px 0}
.subPage01 section h2{font-size:1.5rem;margin:0 0 2rem}
.subPage01 section p.lead{color:var(--ink-2);font-size:1.05rem}
.subPage01 .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.subPage01 .grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}
.subPage01 .card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:1.2rem;box-shadow:0 10px 25px rgba(15, 23, 42, .08);}
.subPage01 .card h3{margin:.2rem 0 .4rem;font-size:1.2rem}
.subPage01 .meta{color:var(--ink-3);font-size:.92rem; margin-bottom:0.5rem;}
.subPage01 .badge{display:inline-block;background:#fff0f5;border:1px solid #ffd4e6;color:var(--main_color);padding:.32rem .55rem;border-radius:999px;font-size:.78rem;font-weight:700}
.subPage01 .com_card_ul0 li {position:relative;padding-left:0.7rem;line-height:1.8}
.subPage01 .com_card_ul0 li:before {content:''; display:block; width:4px; height:4px; border-radius:50%; background:#000; position:absolute; top:50%; transform:translateY(-50%); left:0;}
.subPage01 .com_card_ul {padding-left:1.1rem;line-height:1.9; margin-top:1rem}
.subPage01 .li {display:flex;gap:.8rem}
.subPage01 .li svg{flex:0 0 22px;margin-top:.2rem; color:var(--main_color);; stroke:var(--main_color);}

.sub01_cont {padding:80px 0 0;}
.sub01_cont .flex-box {display:flex;flex-direction:row-reverse; align-items:center;}
.sub01_cont .img_wrap {width:50%; text-align:right;}
.sub01_cont .img_wrap img {border-radius:20px;}
.sub01_cont .txt_wrap {width:50%;}
.sub01_cont .txt_wrap .tit {font-size:24px; line-height:1.7; font-weight:500;}
.sub01_cont .txt_wrap .tit b {font-size:1.2em;}
.sub01_cont .box_gray {padding: 30px; margin-top: 40px; background: #f9f9f9; border-radius:10px; box-sizing: border-box;}
.sub01_cont 	.box_gray .en-tit {font-size:26px; color: #000; font-weight: 700; line-height:1.6;}
.sub01_cont 	.box_gray .tit-box p {font-size:16px; color: rgba(0,0,0,0.5); font-weight: 500; line-height:1.6; display:inline-block; padding-left:10px;}
.sub01_cont .purpose-inner-list {margin-top: 30px;}
.sub01_cont .purpose-inner-list dt {font-size:18px; letter-spacing:-0.03em; color: var(--main_red); font-weight: 700; line-height:1.5; padding-bottom:10px; border-bottom:1px solid rgba(112,112,112,0.1);}
.sub01_cont .purpose-inner-list ul li .num {display:inline-block; width: 30px; font-size:12px; letter-spacing:-0.03em; color: #000; font-weight: 700; line-height:2.1}
.sub01_cont .purpose-inner-list ul li em {width:calc(100% - 30px); font-size:14px; letter-spacing:-0.03em; color: rgba(0,0,0,0.5); font-weight: 500; line-height:1.8; font-style:normal;}
.sub01_cont .purpose-inner-list dd {margin-top: 10px;}
.sub01_cont .purpose-inner-list .inner-list li {display: flex; margin-top: 5px;}

.sub01_2_cont {background:#f5f5f5; padding:80px 0; margin-top:120px;}
.sub01_2_cont .value-list {display:flex; justify-content:space-between;}
.sub01_2_cont .value-list li {background-color:#fff; border-radius:20px; width: calc((100% - 60px) / 6); padding: 40px 0;}
.sub01_2_cont .value-list li:last-child {margin-right: 0;}
.sub01_2_cont .value-list .icon-box {width: 50px; margin: 0 auto;}
.sub01_2_cont .value-list .tit-box {margin-top: 15px; text-align:center;}
.sub01_2_cont .value-list .value-sub-tit {font-size:16px; color: var(--main_red); letter-spacing:-0.02em; font-weight: 700; line-height:1.25; padding: 0 1rem;}
.sub01_2_cont .value-list .value-txt {font-size:13px; color:#666; line-height:1.8; margin-top:10px; padding:0 20px; text-align:center; word-break:keep-all;}

.subcontTit {font-size:35px; padding-bottom:40px; text-align:center; font-weight:600; line-height:1; letter-spacing:-0.08em;}
.sub03_1_cont .img_wrap {text-align:center;}
.sub03_1_cont .img_wrap.mo_view {display:none;}
.sub03_1_cont .txt_wrap {text-align:center; padding:100px 0 120px;}
.sub03_1_cont .txt_wrap strong {display:block; font-size:30px; color:var(--main_red); font-weight:700;}
.sub03_1_cont .txt_wrap h4 {font-size:30px; line-height:1.3; color:#000; font-weight:800; display:inline-block; position:relative;}
.sub03_1_cont .txt_wrap h4:after {content:''; display:block; width:103%; height:13px; background:#e313326e;position:absolute; bottom:0; left:50%; transform:translateX(-50%); z-index:-1;}
.sub03_1_cont .txt_wrap p {font-size:15px; font-weight:500;color:rgba(0 0 0 / 50%); line-height:1.6;margin:25px 0 0px;}

.sub03_2_cont {background:#f5f5f5; padding:80px 0;}
.sub03_2_cont .box_wrap {display:flex;}
.sub03_2_cont .wh_box {background:#fff; border-radius:20px; flex:1; padding:30px; }
.sub03_2_cont .wh_box + .wh_box {margin-left:20px;}
.sub03_2_cont .wh_box h4 {font-size:23px; font-weight:600; color:var(--main_red); margin-bottom:15px;}
.sub03_2_cont .wh_box ul {margin-top:20px;}
.sub03_2_cont .wh_box li {font-size:14px; color:#666; line-height:1.6; letter-spacing:-0.08em;}
.sub03_2_cont .wh_box img {border-radius:10px; margin-bottom:0px;}

.sub03_4_cont {padding:80px 0 120px; background:#f5f5f5;}
.sub03_4_cont .list {border-radius:10px; border:1px solid #eee; padding:20px 0;position:relative; background:#fff;}
.sub03_4_cont .list:after {content:'▼'; color:#666; position:absolute; bottom:-40px; left:50%; transform:translateX(-50%); font-size:15px; color:var(--main_red);}
.sub03_4_cont .list:last-child:after {display:none;}
.sub03_4_cont .list + .list {margin-top:60px;}
.sub03_4_cont .list dl {display:flex;} 
.sub03_4_cont .list dt {width:25%; text-align:center; }
.sub03_4_cont .list dt span {display:flex; width:80px; height:80px; background:var(--main_red);color:#fff; border-radius:50%; justify-content:center; align-items:center; margin:0 auto; font-size:15px; font-weight:700; text-transform:uppercase;}	
.sub03_4_cont .list dd {display:flex; align-items:center; flex:1;}
.sub03_4_cont .list dd h4 {font-size:23px; color:#000; width:25%;}
.sub03_4_cont .list dd p {color:#666; font-size:16px;line-height:1.4;}

.sct_10 .sct_icon,.smt_30 .sct_rank {display:none;}

.mainCategoryNew {padding:80px 0;}
.mainCategoryNew .flex-box {display:flex; justify-content:space-between; align-items:center;}
.mainCategoryNew .flex-box .left {width:calc(100 - 610px); padding-left:0px;}
.mainCategoryNew .flex-box .left h4 {font-size:30px; line-height:1.6;font-weight:700; margin-bottom:40px;}
.mainCategoryNew .flex-box .left h4 b {font-size:1.2em; color:var(--main_red); font-weight:700;}
.mainCategoryNew .flex-box .left p {font-size:16px; line-height:1.5; font-weight:500; color:#444; word-break:keep-all; margin-bottom:64px;}
.mainCategoryNew .flex-box .left a {display:inline-block; font-size:18px; width:185px; height:56px; border-radius:80px; line-height:1; background:#000; color:#fff; text-align:center; line-height:54px;}
.mainCategoryNew .flex-box .right {width:610px; flex:0 0 auto;}
.mainCategoryNew .flex-box .right ul {display:flex; min-width:auto; justify-content:center; align-items:center; flex-flow:wrap; width:100%; margin:auto;}
.mainCategoryNew .flex-box .right li {width:48%; height:46%; min-height:252px; padding:50px 24px 24px 40px; position:relative;}
.mainCategoryNew .flex-box .right li:before,.mainCategoryNew .flex-box .right li:after {content:''; display:block; background:#ddd; position:absolute;}
.mainCategoryNew .flex-box .right li:before {width:1px; height:85%; }
.mainCategoryNew .flex-box .right li:nth-child(1):before {top:0; right:0;}
.mainCategoryNew .flex-box .right li:nth-child(2):before,.mainCategoryNew .flex-box .right li:nth-child(4):before {display:none;}
.mainCategoryNew .flex-box .right li:nth-child(3):before {bottom:0; right:0;}
.mainCategoryNew .flex-box .right li:after {width:85%; height:1px; }
.mainCategoryNew .flex-box .right li:nth-child(1):after {bottom:0; left:0;}
.mainCategoryNew .flex-box .right li:nth-child(2):after {bottom:0; right:0;}
.mainCategoryNew .flex-box .right li:nth-child(3):after,.mainCategoryNew .flex-box .right li:nth-child(4):after {display:none;}
.mainCategoryNew .flex-box .right h4 {font-size:20px; line-height:1.2; font-weight:500; margin-bottom:12px; text-transform:uppercase;}
.mainCategoryNew .flex-box .right strong {font-size:28px; line-height:1.2; font-weight:700;}
.mainCategoryNew .flex-box .right i {position:absolute; bottom:24px; right:24px; font-style:normal;}
.mainCategoryNew .img_wrap {margin-top:80px;}
.mainCategoryNew .img_wrap.mo_view {display:none;}

.sub01_3_cont h4 {font-size:20px; margin:50px 0 20px;} 
.sub01_3_cont li {display:flex; line-height:1.5; font-size:16px; color:#666;}
.sub01_3_cont li + li {margin-top:10px;}
.sub01_3_cont li span {width:80px;}

.sub03_5_cont {padding:80px 0;}
.sub03_5_cont .list_wrap {padding-top:20px;display:flex; flex-wrap:wrap;}
.sub03_5_cont .list {width:50%; margin-bottom:30px;}
.sub03_5_cont .list .txt_wrap {padding:0 30px; width:100%;}
.sub03_5_cont .list .txt_wrap strong {font-size:17px; font-weight:700; color:var(--main_red); line-height:1.25;}
.sub03_5_cont .list .txt_wrap h4 {font-size:30px; font-weight:700; color:#000; line-height:1.3; margin-top:10px;}
.sub03_5_cont .list .txt_wrap ul {margin-top:20px;}
.sub03_5_cont .list .txt_wrap li {font-size:15px; color:#666; line-height:1.6; margin-top:5px; word-break:keep-all; width:100; padding:10px; border-radius:10px; background:#f5f5f5;}

.sub03_6_cont .img_wrap.mo_view {display:none;}

.sub02_cont .development-list{border-top:2px solid #000; margin-top:4.5rem; display:flex; flex-wrap:wrap;}
.sub02_cont .development-list .list-item{display: flex; align-items:center; border-bottom:1px solid rgba(0,0,0,0.1); padding:45px 0; flex-direction:column; width:50%;}
.sub02_cont .development-list .list-item .icon{width:130px; text-align:center; padding:20px; box-sizing:border-box;}
.sub02_cont .development-list .list-item .icon img{max-width:100%; }
.sub02_cont .development-list .list-item .tit-box{/*width:240px;*/text-align:center;}
.sub02_cont .development-list .list-item .tit-box .step{font-size:12px; letter-spacing:-0.03em; color:rgba(0,0,0,0.5); font-weight:700;}
.sub02_cont .development-list .list-item .tit-box .tit{font-size:25px; letter-spacing:-0.03em; color:#000; color:#E31332; font-weight:700; margin-top:0px;}
.sub02_cont .development-list .list-item .txt-box{position: relative; width:100%; padding:0 60px; box-sizing:border-box; display:flex; gap:15px; justify-content:center; margin-top:30px;}
.sub02_cont .development-list .list-item .txt-box .txt{background:#f5f5f5; padding:5px 20px; box-sizing:border-box; border-radius:10px; font-size:14px; line-height:1.875; letter-spacing:-0.03em; color:#000;}

@media (max-width: 1120px){
	.mainCategoryNew .flex-box {flex-direction:column;}
	.mainCategoryNew .flex-box .left {margin-bottom:60px;}
	.sub01_cont .txt_wrap .tit br.none {display:none;}
	.sub01_cont .txt_wrap .tit {word-break:keep-all;}
}

@media (max-width: 969px){
	.subPage01 .grid-3{grid-template-columns:1fr}
	.subPage01 .grid-2{grid-template-columns:1fr}
	.header_wrap .nav_sect {display:none;}
	.header_wrap .tophd .right ul.pc_view {display:none;}
	#container {margin-top:0;}
	.sub03_6_cont .img_wrap.pc_view {display:none;}

	.sub_wrap {padding:60px 16px;}
	.ft_wr .ft_box {padding:20px 0;}
	.ft_wr .ft_box strong {margin-bottom:0;}
	.ft_wr {padding:20px 16px;}
	.header_wrap .tophd, .header_wrap .centerhd {padding:15px 16px;}
	.btn_v_01 a {padding:0;}
	.mainList .Minner {padding:0 16px;}

	.sub01_cont .txt_wrap .tit {font-size:2.6vw; line-height:1.5;}
	.sub01_cont .box_gray .en-tit,.sub01_cont .purpose-inner-list dt, {font-size:2.4vw;}
	.sub01_cont .box_gray .tit-box p .sub01_cont .purpose-inner-list ul li em {font-size:2vw;}

	.sub_wrap .sub_title {font-size:2.8vw;}

	.sub02_cont .development-list {display:block;}
	.sub02_cont .development-list .list-item {width:100%; flex-direction:row;}
	.sub02_cont .development-list .list-item .icon {flex:0 0 auto;}
	.sub02_cont .development-list .list-item .tit-box .tit {font-size:2.4vw;}
	.sub02_cont .development-list .list-item .tit-box {flex:0 0 auto;}
	.sub02_cont .development-list .list-item .txt-box {padding:0px;}

	.sub03_2_cont {padding:60px 16px;}
	.sub03_4_cont {padding:60px 16px 100px;}
	.sct_10 .sct_li:nth-child(3n+1) {clear:none;}
	.sct_10 .sct_li:nth-child(2n+1) {clear:both;}

	

}
@media (max-width: 640px){
	#ft_company {flex-direction:column;}
	#bo_w {padding:0;}
	.write_flex label {width:25%;}

	.mainCategoryNew .img_wrap.pc_view {display:none;}
	.mainCategoryNew .img_wrap.mo_view {display:block; padding:0 16px; margin-top:40px;}

	.mainCategoryNew .flex-box .left h4 {font-size:20px; line-height:1.4; margin-bottom:20px;}
	.mainCategoryNew .flex-box .left p {font-size:13px; margin-bottom:40px;}
	.mainCategoryNew .flex-box .left a {font-size:12px; width:auto; height:auto; line-height:40px; padding:0 20px;}

	.mainCategoryNew .flex-box .right h4 {font-size:14px; margin-bottom:10px;}
	.mainCategoryNew .flex-box .right strong {font-size:20px;}
	.mainCategoryNew .flex-box .right i span {width:40px !important; height:40px !important; font-size:15px !important;}

	.mainCategoryNew .flex-box .right {width:100%;}
	.mainCategoryNew .flex-box .right li {padding:25px; min-height:200px;}
	.mainCategoryNew .flex-box .left {padding:0 16px;}
	#idx_best {padding:0;}

	.mainList h2 {font-size:25px; padding-bottom:20px;}

	.mainList {padding:40px 0;}
	.smt_30 .sct_li {padding:10px;}

	.sct_10 .sct_txt, .smt_30 .sct_txt {font-size:15px; margin:5px 0;}
	.sct_10 .sct_cost,.smt_30 .sct_cost {font-size:13px;}

	.sub01_cont .flex-box {display:block;}
	.sub01_cont .img_wrap, .sub01_cont .txt_wrap {width:100%;}
	.sub01_cont {padding:0px 0 40px;}

	.sub_wrap .sub_title {font-size:25px; padding-bottom:20px;}
	.sub01_cont .txt_wrap .tit {font-size:15px;margin-top:20px;}

	.sub01_cont .box_gray {padding:25px 15px; margin-top:20px;}
	.sub01_cont .box_gray .en-tit {font-size:20px;}
	.sub01_cont .box_gray .tit-box p {font-size:13px;}
	.sub01_cont .purpose-inner-list {margin-top:20px;}
	.sub01_cont .purpose-inner-list dt {font-size:16px;}
	.sub01_cont .purpose-inner-list ul li em {width:100%; font-size:13px; line-height:1.4;}

	.sub01_3_cont h4 {font-size:18px;  margin:40px 0 20px;}
	.sub01_3_cont li {font-size:14px; line-height:1.6;}
	.sub01_3_cont li + li {margin-top:5px;}
	.sub01_3_cont li span {width:55px; flex:0 0 auto;}
	.sub_wrap {padding:40px 16px;}

	#hd.fixed {position:fixed; top:0; left:0; width:100%; background:#fff; border-bottom:1px solid #ddd; z-index:9999;}
	.header_wrap .tophd .logo img {max-width:30vw;}
	.header_wrap .tophd {padding:10px 16px;}

	.sub02_cont .development-list {margin-top:40px;}
	.sub02_cont .development-list .list-item {width:100%; flex-direction:column; padding:20px 0;}
	.sub02_cont .development-list .list-item .icon {padding:10px;}
	.sub02_cont .development-list .list-item .tit-box .step {font-size:11px;}
	.sub02_cont .development-list .list-item .tit-box .tit {font-size:18px;}
	.sub02_cont .development-list .list-item .txt-box {margin-top:20px; flex-wrap:wrap;}
	.sub02_cont .development-list .list-item .txt-box .txt {font-size:12px; border-radius:5px;}

	.sub03_1_cont .img_wrap.mo_view {display:block;}
	.sub03_1_cont .img_wrap.mo_view img {width:100%;}
	.sub03_1_cont .img_wrap.pc_view {display:none;}

	.sub03_1_cont .txt_wrap h4 {font-size:4.5vw;}
	.sub03_1_cont .txt_wrap {padding:80px 0 100px;}
	.sub03_1_cont .txt_wrap p {font-size:2.5vw; margin-top:10px;}
	.sub03_1_cont .txt_wrap h4:after {height:8px;}

	.sub03_2_cont .box_wrap {flex-direction:column;}
	.sub03_2_cont .wh_box + .wh_box {margin-left:0; margin-top:20px;}
	.sub03_2_cont .wh_box {padding:20px; border-radius:10px;}
	.sub03_2_cont .wh_box h4 {font-size:4vw;}
	.sub03_2_cont .wh_box li {font-size:2.5vw;}

	.sub03_4_cont {padding:40px 16px 60px;}
	.sub03_2_cont {padding:40px 16px;}
	.sub03_4_cont .list dl,.sub03_4_cont .list dd {flex-direction:column; align-items:center;}
	.sub03_4_cont .list dd h4, .sub03_4_cont .list dd p {width:100%; text-align:center;}
	.sub03_4_cont .list dd h4 {font-size:4vw; margin:10px 0;}
	.sub03_4_cont .list dd p {font-size:2.5vw;}
	.sub03_4_cont .list {padding:30px 0;}

	.subcontTit {font-size:25px; padding-bottom:20px;}

	.sub03_5_cont .list {width:100%;}
	.sub03_5_cont .list .txt_wrap {padding:0;}
	.sub03_5_cont .list .txt_wrap strong {font-size:13px;}
	.sub03_5_cont .list .txt_wrap h4 {font-size:4.5vw;}
	.sub03_5_cont .list .txt_wrap li {font-size:2.5vw; padding:10px;}
	.sub03_5_cont {padding:40px 0;}

	#container {min-height:640px;}
}