@charset "utf-8";
@import url("common.css");

.pcbr{display:block;}
.ptbr{display: block;}
.tbbr{display:none;}
.tmbr{display: none;}
.mbbr{display:none;}
.pc_view{display: block !important;}
.pt_view{display: block !important;}
.t_view{display: none !important;}
.tm_view{display: none !important;}
.m_view{display: none !important;}
.dn{display:none;}
* {font-family:"Wix Madefor Display", "Pretendard", "Noto Sans KR","돋움",dotum,sans-serif;box-sizing:border-box;}
button{background: inherit ; border:none; box-shadow:none; border-radius:0; padding:0; overflow:visible; cursor:pointer;}
#wrap{overflow-x:hidden;}
#contents{}
#header{top:0;transition:transform 0.4s ease;}
#header.up{transform:translateY(-100px);transition:transform 0.4s ease;}
.head{border-bottom: 1px solid #cccccc;;}
.on .head, .wht .head{background: #fff;}
.on .head .pcNav>ul>li>a, .head .pcNav>ul>li>a{color:#000;}
.on .head .pcNav>ul>li:hover>a, .head .pcNav>ul>li:hover>a{color:#000 !important;}
.head .gnb .lang>li>a{color:rgba(0,0,0,0.3);}
.head .gnb .lang>li.on>a{color:#000;}
.head .gnb .btnMenu>div{background: #000;}

/*subvisual*/
.sub_visual{position: relative;margin-top: 90px;width:100%;height: auto;}
.sub_visual .descarea{position: absolute;
top:50%;left:50%;
transform:translate(-50%, -50%);
z-index:50;
box-sizing:border-box;max-width:1600px;width:94%;margin:0 auto;}
.sub_visual .descarea .cate{
font-size:24px;color:#f2bd2a;font-family: "Pretendard";font-weight: 500;margin-bottom:25px;
}

.sub_visual .descarea .descwrap{
padding-top: 150px;padding-bottom:120px ;
display: flex;
flex-direction:column;
justify-content:center;
}
.sub_visual .descarea .cate h3{font:inherit;display: block;text-align: center;color:#fff;font-weight: 700;font-size:56px;
font-family: "Wix Madefor Display", sans-serif;
}
.sub_visual .descarea .slogan h2{
	font-size:22px;color:#fff;font-family: "Noto Sans KR";font-weight:600;line-height: 1.5em;
	text-align: center;
}


/*sub_bg*/
.sub_visual .bgarea{
	display: block;
    overflow: hidden;
    position: relative;
	z-index:30;
}
.sub_visual .bgarea .bgwrap{
	margin: 0 auto;
    overflow: hidden;
    position: relative;
    background-color: #fff;
   /*  opacity: 0; */
   width:100%;
   max-width:100%;
   height:579px;
}
.sub_visual .bgarea .bgwrap .bg{
	display: block;
    position: absolute;
    left: 50%;
	transform:translateX(-50%);
    width: 100vw;
    height: 100%;
    object-fit: cover;
	background: url(/images/page/sub_visual1.png)no-repeat center / cover;
}
.sub_visual .bgarea .bgwrap .bg.pn1{background: url(/images/page/sub_visual1.png)no-repeat center / cover;}
.sub_visual .bgarea .bgwrap .bg.pn2{background: url(/images/page/sub_visual2.png)no-repeat center / cover;}
.sub_visual .bgarea .bgwrap .bg.pn3{background: url(/images/page/sub_visual3.png)no-repeat center / cover;}
.sub_visual .bgarea .bgwrap .bg.pn4{background: url(/images/page/sub_visual4.png)no-repeat center / cover;}
.sub_visual .bgarea .bgwrap .bg.pn5{background: url(/images/page/sub_visual5.jpg)no-repeat center / cover;}

.subtabarea{position: relative;z-index:50;overflow:hidden;width:calc(100% - 500px);background: transparent;}
.subtabarea .subtab{display: block;overflow: hidden;
overflow-y: hidden;
overflow-x: auto;white-space:nowrap;}
.subtabarea .subtab::-webkit-scrollbar{display: none;}
.subtabarea .subtab>li{display: inline-block;margin-right:5px;border-radius:18px;width:auto;height:36px;background: transparent;
padding:0 2%;}
.subtabarea .subtab>li>a{position: relative;font-family: "Pretendard", "Noto Sans KR";font-size:18px;color:rgba(0,0,0,0.7);font-weight: 400;height:100%;

display: flex;align-items:center;justify-content:center;}
.subtabarea .subtab>li.on{background: #ff2a1c;}
.subtabarea .subtab>li.on>a{font-size:18px;color:#fff;font-weight: 500;}
.subtabarea .subtab>li>a>span{text-align: center;white-space:nowrap;font-family: "Pretendard", "Noto Sans KR";font-weight: 500;}

/*location*/
.sub_list_wrap{
	width:100%;box-sizing:border-box;max-width:100%;padding:36px 6.25vw;
	display: flex;align-items:center;justify-content:space-between;
	background: transparent;position: relative;
}
.sub_list_wrap:before{
	position: absolute;content:'';
	top:0;right:0;
	background: url(/images/page/main_bg_img.png) no-repeat center bottom;
	background-size:cover;
	width:512px;height:832px;
	top:-285px;
}
.sub_list_wrap .locations{position: relative;z-index:100;background: transparent;}
.sub_list_wrap .locations>ul{display: flex;align-items:center;}
.sub_list_wrap .locations>ul>li{position: relative;}
.sub_list_wrap .locations>ul>li:first-child{padding-left: 0;}
.sub_list_wrap .locations>ul>li:last-child{padding-right: 0;}
.sub_list_wrap .locations>ul>li:before{
	position: absolute;content:'';
	background: url(/images/page/location_arr.png)no-repeat center;
	width:6px;height:8px;
	top:50%;right:0;transform:translateY(-50%);
}
.sub_list_wrap .locations>ul>li:last-child:before{display: none;}
.sub_list_wrap .locations>ul>li>a{position: relative;display: block;width:100%;font-size:16px;font-weight: 300;color:#666666;padding:0 16px;
font-family: "Pretendard", "Noto Sans KR";font-weight: 500;
letter-spacing:0.2px;}
.sub_list_wrap .locations>ul>li.home>a{padding-left: 24px;text-indent:-9889px;}
.sub_list_wrap .locations>ul>li.home>a:after{
	position: absolute;content:'';
	background: url(/images/page/home.png)no-repeat center;
	width:16px;height:16px;
	left:0;;top:50%;transform:translateY(-50%);
}
.sub_list_wrap .locations>ul>li.depth2>a{padding-right: 50px;}
.sub_list_wrap .locations>ul>li.depth2>a:after{
	position: absolute;content:'';
	background:url(/images/page/dep2_arr.png)no-repeat center;
	width:38px;height:38px;
	top:50%;right:0;transform:translateY(-50%);
}
.sub_list_wrap .locations>ul>li.depth2>.slide_menu_wrap{
display: none;
position: absolute;
top:calc(100% + 25px);left:0;
background: rgba(255,255,255,0.95);
border:1px solid #ccc;
min-width:175px;
box-sizing:border-box;
border-radius:16px;
padding:30px 33px 26px 27px;
}
.sub_list_wrap .locations>ul>li.depth2>.slide_menu_wrap>.slide_menu>li{margin-bottom: 8px;}
.sub_list_wrap .locations>ul>li.depth2>.slide_menu_wrap>.slide_menu>li:last-child{margin-bottom: 0;}
.sub_list_wrap .locations>ul>li.depth2>.slide_menu_wrap>.slide_menu>li>a{position: relative;
color:rgba(0,0,0,0.7);font-size:14px;font-weight: 400;font-family: "Pretendard", "Noto Sans KR";
}
.sub_list_wrap .locations>ul>li.depth2>.slide_menu_wrap>.slide_menu>li>a:before{
position: absolute;content:'';
width:0%;height:1px;
bottom:1px;left:0;
background: #000;
transition:width 0.4s ease-in-out;
}
.sub_list_wrap .locations>ul>li.depth2>.slide_menu_wrap>.slide_menu>li.on>a,
.sub_list_wrap .locations>ul>li.depth2>.slide_menu_wrap>.slide_menu>li>a:hover{
color:rgba(0,0,0,1);font-size:14px;font-weight: 500;
}
.sub_list_wrap .locations>ul>li.depth2>.slide_menu_wrap>.slide_menu>li.on>a:before,
.sub_list_wrap .locations>ul>li.depth2>.slide_menu_wrap>.slide_menu>li:hover>a:before{width:100%;}
.sub_list_wrap .locations>ul>li.depth2.on>a:after{
transform:translateY(-50%) rotate(-180deg);transition:all 0.4 ease;
}


/*m00*/
.m00{padding-top: 100px;padding-bottom: 240px;overflow:hidden;position: relative;}
.m00 section{width:100%;}
.m00 .sec_title{text-align: center;width:100%;max-width:100%;}
.m00 .sec_title>h2{font-size:40px;color:#000;font-weight: bold;position: relative;
box-sizing:border-box;padding-top: 30px;}
.m00 .sec_title>h2:before{
position: absolute;content:'';
width:49px;height:1px;
background: #828282;
top:0;left:50%;transform:translateX(-50%);
}
/*m10*/
.m11 .innerwrap{
width:94%;max-width:1600px;margin:0 auto;
}
.m11 .bgarea{margin:100px auto 0;}
.m11 .bgarea .bg{overflow:hidden;border-radius:100px;}
.m11 .introarea{
display: flex;
box-sizing:border-box;
padding:0 5.2vw;margin-top: 90px;
}
.m11 .introarea h3{
	font-size:46px;color:#000;font-weight: bold;
	line-height:1.3em;;
	width:35%;
	word-break:keep-all;word-wrap:normal;
}
.m11 .introarea p{
width: 62%; margin-left: 3%;word-break:keep-all;word-wrap:normal;font-size:19px;
font-weight: 400;font-family: "Noto Sans KR";line-height: 1.65em;color:rgba(0,0,0,0.7);
}
.m11 .iconarea{margin-top: 150px;}
.m11 .iconarea ul{
display: flex;flex-wrap:wrap;justify-content:center;
}
.m11 .iconarea ul>li{
	width:25vw;height:25vw;
	max-width:453px;max-height:453px;border-radius:50%;overflow:hidden;
	display: flex;flex-direction:column;
	align-items:center;justify-content:center;
	border:1px solid rgba(0,0,0,0.2);
	margin-right: 1.04vw;
}
.m11 .iconarea ul>li .icon{margin-bottom: 24px;}
.m11 .iconarea ul>li .icon img{
max-width:100%;display: block;margin:0 auto;
}
.m11 .iconarea ul>li:nth-child(3), .m11 .iconarea ul>li:nth-child(5){margin-right: 0;}
.m11 .iconarea ul>li:nth-child(4), .m11 .iconarea ul>li:nth-child(5){margin-top: -2.34vw;}
.m11 .iconarea ul>li .tit{text-align: center;font-weight:700;font-family: "Noto Sans KR";line-height: 1.65em;color:rgba(0,0,0,1);font-size:24px;
margin-bottom: 26px;}
.m11 .iconarea ul>li p{
	text-align: center;font-weight:400;font-family: "Noto Sans KR";line-height: 1.65em;color:rgba(0,0,0,0.7);font-size:19px;
}

/*m12 + history*/
.his_visual{
position: relative;width: 100vw;height: 100vh;
background: url(/images/page/m12_history_visual.jpg)no-repeat center / cover;
}
.his_visual{position: relative;overflow:hidden;
max-width:100%;width:100%;height:100vh;/* max-height:760px; */}
.his_visual .bgwrap{
	position: relative;
	width: 100%;height: 100%;min-height:100vh;
	background: #fff;
	overflow:hidden;
}
.his_visual .bgwrap img{
	display: block;width:100%;height: 100%;object-fit:cover;
	transform:scale(1.2);/* opacity:0.15; */
}
.his_visual .slog{
	    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
	z-index:100;
}
.his_visual .slog h3{
	font-size:56px;color:#989898;font-weight: 700;line-height: 1.4em;
	text-align: center;
}
.his_visual .slog h3 .wht{font:inherit;color:#fff;}
.his_visual .slog h3 .red{font:inherit;color:#ff2a1c;}

/*history_navi*/

.history-navi{
    overflow: hidden;
    position: -webkit-sticky;
    /* position: sticky; */
	position: absolute;
    width: 100%;
    top:70px;
    left: 0;
    z-index: 300;
	opacity:0;
	visibility:hidden;
}
.history-navi .inner-box{
	position: relative;max-width:500px;margin:0 auto;
	width:477px;height:73px;border-radius:36px;
	/* background: rgba(255,255,255,0.4); */
	backdrop-filter:blur(40px);
	background: #dfdfdf;
	box-sizing:border-box;padding:9px 11px;
}
.history-navi .inner-box ol{
	display: flex;
	align-items:center;
    justify-content: center;
}
.history-navi .inner-box ol>li{
height:56px;width:33.33%;
}
.history-navi .inner-box ol>li>a{
position: relative;
display: block;width: 100%;height: 100%;box-sizing:border-box;
display: flex;align-items:center;justify-content:center;
font-family: "Pretendard";font-size:16px;color:#fff;font-weight: 700;
}
.history-navi .inner-box ol>li>a>strong{font-family: "Pretendard";font-size:16px;color:#fff;font-weight: 700;
position: relative;z-index:20;}
.history-navi .inner-box ol>li>a:before{
	width:100%;height:100%;
	position: absolute;content:'';
	background: #000;border-radius:28px;
	z-index:1;overflow:hidden;
	background: url(/images/page/his_navi_bg.png)no-repeat center / cover;
	opacity:0;
    /* border: 5px solid transparent;
    background: linear-gradient(90deg, #f5942d, #ff2a1c);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
            mask-composite: exclude; */	
}
.history-navi .inner-box ol>li.active>a:before{opacity:1;}

.m12{padding-top: 160px;padding-bottom: 0;position: relative;}
.m12 .his-container{position: relative;}
.m12 .his-container .linewrap{
	    position: absolute;
        top: 560px;
        left: 14vw;
        transform: translateX(-50%);
        height: calc(100% - 560px);
        display: flex;
        justify-content: center;
}
.m12 .his-container .linewrap .grayLine{
position: absolute;
        background-color: #c6c6c6;
        height: 100%;
        width: 1px;
}
.m12 .his-container .linewrap .orgLine{
	    position: absolute;
        top: 0;
        background-color: #ff2a1c;
        height: 2%;
        width: 1px;
		

		
}
.m12 .his-container .linewrap .orgLine .dot{
display: block;position: absolute;
bottom:0;
left:50%;
transform:translate(-50%, 50%);

width:24.42px;height:24.42px;border-radius:50%;
background:rgba(255,42,28,0.2);
display: flex;align-items:center;justify-content:center;
}
.m12 .his-container .linewrap .orgLine .dot:before{
	position: absolute;content:'';
top:50%;
left:50%;
transform:translate(-50%, -50%);background: #ff2a1c;
width:47%;height:47%;z-index:30;border-radius:50%;
max-width:11.5px;max-height:11.5px;
}
.m12 .history-list{}
.m12 .history-list>li{padding-bottom: 220px;}

.m12 .history-list>li .titlearea{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: relative;
text-align: center;	
}
.m12 .history-list>li .titlearea .bg{
overflow: hidden;
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: 560px;
    text-align: center;
}
.m12 .history-list>li .titlearea .bg>.img{
background: url(/images/page/m12_list1_bg.png)no-repeat center / cover;
    position: absolute;
    left: 50%;
    top: 0;
    width:83.33%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    transform: translateX(-50%);
	overflow:hidden;
	border-radius:100px;
  /*  filter: grayscale(100%); */
}
.m12 .history-list>li:nth-child(2) .titlearea .bg>.img{
background: url(/images/page/m12_list2_bg.png)no-repeat center / cover;
}
.m12 .history-list>li:nth-child(3) .titlearea .bg>.img{
background: url(/images/page/m12_list3_bg.png)no-repeat center / cover;
}
.m12 .history-list>li .titlearea .bg>.inner{
display: flex;
position: absolute;
top: 0;
left: 50%;
z-index: 1;
transform: translate(-50%, 0);
height: 100%;
align-items: center;
justify-content: center;	
}
.m12 .history-list>li .titlearea .bg>.inner .titwrap strong{
	color:#ff2a1c;font-size:24px;font-weight: 700;font-family: "Wix Madefor Display";
}
.m12 .history-list>li .titlearea .bg>.inner .titwrap h3{
	color:#fff;font-size:56px;font-weight: bold;margin-top: 30px;
	
}
.m12 .history-list>li .conarea{margin-top: 120px;width:100%;}
.m12 .history-list>li .conarea>.conwrap{
	position: relative;
   /*  display: flex;
    align-items: flex-start;
    	justify-content:space-between; */
	margin:0 auto;
	width:1260px;
	width:65.625%;
	max-width:1260px;
}
.m12 .history-list>li .conarea>.conwrap .txtarea{
	box-sizing:border-box;
	
}
.m12 .history-list>li .conarea>.conwrap .txtarea .his{position: relative;margin-bottom: 80px;}
.m12 .history-list>li .conarea>.conwrap .txtarea .his.pb{padding-bottom:320px;}
.m12 .history-list>li .conarea>.conwrap .txtarea>.his:last-child{margin-bottom: 0;}
.m12 .history-list>li .conarea>.conwrap .txtarea .his h4{
	font-size:68px;color:#ff2a1c;font-family: "Wix Madefor Display";font-weight: 700;margin-bottom: 30px;
	color:#adaeb2;transition:all 0.4s ease;
}
.m12 .history-list>li .conarea>.conwrap .txtarea .his h4.on{color:#ff2a1c;transition:all 0.4s ease;}
.m12 .history-list>li .conarea>.conwrap .txtarea .his dl{width:100%;display: flex;align-items: baseline;margin-bottom: 16px;}
.m12 .history-list>li .conarea>.conwrap .txtarea .his>dl:last-child{margin-bottom: 0;}
.m12 .history-list>li .conarea>.conwrap .txtarea .his dl>dt{
	position: relative;color:#000;font-family: "Wix Madefor Display";
	font-weight: 600;margin-right: 20px;font-size:20px;width:50px;padding-left: 16px;box-sizing:border-box;
	
}
.m12 .history-list>li .conarea>.conwrap .txtarea .his dl>dt:before{
	position: absolute;content:'';
	width:9px;height:9px;border-radius:50%;
	border:1px solid #b7b7b7;box-sizing:border-box;
	top:9px;left:0;
}
.m12 .history-list>li .conarea>.conwrap .txtarea .his dl>dd{
	width:calc(100% - 50px - 20px);font-size:19px;color:rgba(0,0,0,0.7);
	font-weight: 400;font-family: "Noto Sans KR";
}
.m12 .history-list li .conarea .conwrap .his .img{
position: absolute;
right:0;top:20px;}
.m12 .history-list li .conarea .conwrap .his .img.img08{top:140px;}
.m12 .history-list li .conarea .conwrap .his .img.img16{top:-210px;}
.m12 .history-list li .conarea .conwrap .his .img.img19{top:-185px;}
.m12 .history-list li .conarea .conwrap .his .img.img23{top:50px;}
.m12 .history-list li .conarea .conwrap .his .img.img24{top:180px;}

@media screen and (max-width:1480px){
	.m12 .history-list>li .conarea>.conwrap{width:68.5%;}
	.m12 .his-container .linewrap{left:12vw;}
}

/*m13*/
.m13{position: relative;overflow:hidden;}
.m13:before{
	position: absolute;content:'';
	width:924px;height:924px;background: #f5942d;
	border-radius:50%;
	right:-150px;bottom:-300px;
}
.m13 .sec1{padding-top: 160px;position: relative;z-index:10;}
.m13 .innerwrap{
width:94%;max-width:1400px;margin:0 auto;
}
.m13 .area{
display: flex;justify-content:space-between;align-items:center;
}
.m13 .area .slogan{
margin-bottom: 26px;
font-size:60px;font-weight: 700;color:#000;
}
.m13 .area .slogan2{
margin-bottom: 40px;font-size:24px;color:#000;
	font-weight: 800;line-height: 1.6em;
}
.m13 .area p{
	font-size:19px;color:rgba(0,0,0,0.7);
	font-weight: 400;font-family: "Noto Sans KR";line-height: 1.7em;
	word-break:keep-all;
	word-wrap:normal;
	padding-right: 2vw;
	
}
.m13 .area p.mt{margin-top: 50px;}
.m13 .top{margin-bottom: 84px;}
.m13 .top .imgwrap{
	max-width:674px;width:37vw;
}
.m13 .top .imgwrap .img{clip-path:circle(50% at 50%);}
.m13 .top .txtwrap{
	width:calc(100% - 35vw - 4vw);
}
.m13 .bottom .imgwrap{
	max-width:700px;width:38vw;border-radius:100px;
}
.m13 .bottom .imgwrap .img{border-radius:100px;overflow:hidden;}
.m13 .bottom .txtwrap{
	width:calc(100% - 35vw - 3.125vw);
}
.m13 .area .signwrap{margin-top: 80px;display: flex;align-items:center;}
.m13 .area .signwrap span{display: inline-block;
font-size:18px;color:rgba(0,0,0,0.7);font-weight: 400;font-family: "Noto Sans KR";
margin:0 15px;
}

/*m14*/
.m14{}
.m14 .innerwrap{
width:94%;max-width:1600px;margin:0 auto;
}
.m14 .sec1{}
.m14 .sec1 .slogan{
text-align: center;margin:160px auto 0;font-size:56px;color:#989898;line-height: 1.2em;
font-weight:700;margin-bottom:40px;
}

.m14 .sec1 .slogan .bk{
	color:#000;
}
.m14 .sec1 .slogan .red{
	color:#ff2a1c;
}
.m14 .sec1 .main-list{
	max-width:1400px;margin:0 auto;width:94%;
	display: flex;justify-content:center;align-items:center;gap:20px;height:100vh;
}
.m14 .sec1 .main-list>li{
	width:28.4%;
	border-radius:100px;overflow:hidden;
	position: relative;
	height: 560px;
}
.m14 .sec1 .main-list>li .bg{
	position: absolute;content:'';
	width:100%;height:100%;
	top:50%;left:50%;
	transform:translate(-50%, -50%);
	z-index:-1;
	background: url(/images/page/m14_item_bg1.jpg)no-repeat center / cover;
	min-height: 560px;
}
.m14 .sec1 .main-list>li:nth-child(2) .bg{background: url(/images/page/m14_item_bg2.jpg)no-repeat right center / cover;}
.m14 .sec1 .main-list>li:nth-child(3) .bg{background: url(/images/page/m14_item_bg3.jpg)no-repeat center / cover;}
.m14 .sec1 .main-list>li.expand{
width:40%;/* margin-top: 90px; */
}
.m14 .sec1 .main-list>li.expand .bg{border-radius:100px;}

/* expand addClass on  */
.m14 .sec1 .main-list>li.expand.on{
	/* position: fixed;
	top:50%;left:50%;transform:translate(-50%, -50%); */
	/* width:100vw;height:100vh; */
	/* z-index:1000;border-radius:0; */
	overflow:visible;z-index:1000;
}
.m14 .sec1 .main-list>li.expand .sub-list{
max-width:1400px;margin:0 auto;
display: flex;gap:20px;align-items:center;justify-content:center;
position: absolute;
top:50%;left:50%;
transform:translate(-50%, -50%);
width:94%;
opacity:0;
visibility:hidden;
}
.m14 .sec1 .main-list>li.expand.on .sub-list>li{
	max-width:452px;max-height:452px;
	width:30vw;height:30vw;
	border:1px solid #b7b7b7;
	border-radius:50%;overflow:hidden;box-sizing:border-box;
	display: flex;align-items:center;justify-content:center;
	padding:4vw;

}
.m14 .sec1 .main-list>li.expand .sub-list>li strong{
	text-align: center;display: block;font-size:24px;color:#fff;font-family: "Noto Sans KR";font-weight: 500;
}
.m14 .sec1 .main-list>li.expand .sub-list>li p{
	text-align: center;font-size:17px;color:rgba(255,255,255,0.7);font-family: "Noto Sans KR";font-weight: 400;margin-top: 30px;
}
.m14 .sec2{padding-top: 160px;}
.m14 .sec2 .bgarea{
	width:100%;overflow:hidden;border-radius:100px;height:560px;margin-top: 110px;margin-bottom: 90px;
}
.m14 .sec2 .bgarea>div{
	width:100%;height:100%;
	background: url(/images/page/m14_sec2_bg.png)no-repeat center / cover;
}
.m14 .sec2 .slogan{display: flex;align-items:center;max-width:1400px;margin:0 auto;}
.m14 .sec2 .slogan h4{width:37.8%;font-size:46px;color:#000;font-weight: bold;font-family: "Noto Sans KR";}
.m14 .sec2 .slogan p{
width:calc(100% - 37.8%);font-size:19px;color:rgba(0,0,0,0.7);font-weight: 400;font-family: "Noto Sans KR";line-height: 1.7em;
}

/*m15*/
.m15 .sec1{padding-top: 160px;}
.m15 .innerwrap{
width:94%;max-width:1400px;margin:0 auto;
}
.m15 .client{width:100%;box-sizing:border-box;padding-bottom: 130px;}
.m15 .client.box2{padding-bottom: 0;padding-top: 130px;border-top:1px solid #d7d7d7; }
.m15 .client .titlewrap{
	display: flex;align-items:center;justify-content:center;margin:0 auto;margin-bottom: 60px;
	
}
.m15 .client .titlewrap .icon{max-width:95px;margin-right: 24px;}
.m15 .client .titlewrap h4{color:#000;font-size:34px;font-weight: bold;}
.m15 .client .list{
	display: flex;flex-wrap:wrap;
	gap:1.146vw;
}
.m15 .client .list>li{
	width:calc((100% - 1.146vw * 2) / 3);
	display: flex;align-items:center;justify-content:center;
	background: #f7f7f7;border-radius:30px;
	min-height:155px;overflow:hidden;
}

/*m16*/
.m16{}
.m16 .sec1{padding-top: 160px;}
.m16 .innerwrap{
width:94%;max-width:1400px;margin:0 auto;
}
.m16 .maparea{
height:730px;width:100%;overflow:hidden;
}
.m16 .address{
	display: flex;align-items:center;margin:0 auto; margin-top: 90px;
}
.m16 .address>dl{
	position: relative;
	box-sizing:border-box;
	padding-left:calc(94px + 1.6vw);
	width:calc(100% / 3);
}
.m16 .address>dl:before{
	position: absolute;content:'';
	width:94px;height:94px;
	top:50%;left:0;
	transform:translateY(-50%);
	background: url(/images/page/m16_icon1.png)no-repeat center / cover;
}
.m16 .address>dl:nth-child(2):before{
	background: url(/images/page/m16_icon2.png)no-repeat center / cover;
}
.m16 .address>dl:nth-child(3):before{
	background: url(/images/page/m16_icon3.png)no-repeat center / cover;
}
.m16 .address>dl>dt{
	font-family: "Wix Madefor Display";
	font-size:24px;color:#000;font-weight: bold;
	margin-bottom: 15px;
}
.m16 .address>dl>dd{
	color:rgba(0,0,0,0.7);
	color:#737373;
	font-size:18px;
	font-weight: 400;
}

/*m20*/
.m20{padding-bottom: 200px;}
.m20 .bgarea{position: relative;overflow:hidden;
max-width:100%;width:100%;margin-top: 160px;height:100vh;/* max-height:760px; */}
.m20 .bgarea .bgwrap{
	position: relative;
	width: 100%;height: 100%;min-height:100vh;
	background: #fff;
	overflow:hidden;
	display: flex;align-items:center;
}
.m20 .bgarea .bgwrap .cover{
	position: absolute;
	content:'';
	top:0;
	width: 50%;height: 100%;
	 overflow:hidden;
	 display: flex;
	 justify-content:space-between;
	 width:10%;
}
.m20 .bgarea .bgwrap .cover.left{
	left:0;
}
.m20 .bgarea .bgwrap .cover.right{
	right:0;justify-content:flex-end;
}
.m20 .bgarea .bgwrap .cover>.img>img{
	width:100vw;height: 100vh;max-width:unset;
}
.m20 .bgarea .bgwrap .cover.left>.img>img{transform:translateX(-8px);}
.m20 .bgarea .bgwrap .cover.right>.img>img{transform:translateX(8px);}
.m20 .bgarea strong{
	font-size:56px;color:#fff;font-weight: bold;text-align: center;
	display: block;
	position: absolute;z-index:10;top:50%;left:50%;
	transform:translate(-50%, -50%);
}

.m20 .innerwrap{
width:94%;max-width:1400px;margin:0 auto;
}
.m20 .innerwrap .box1{margin-top: 160px;}
.m20 .innerwrap .box{
display: flex;justify-content:space-between;flex-wrap:wrap;padding-bottom: 120px;
}
.m20 .innerwrap .box:last-child{padding-bottom: 0;}
.m20 .innerwrap .box .title{
	width:25.8%;border-top:1px solid #9da3ae;padding-top: 30px;box-sizing:border-box;
	
}
.m20 .innerwrap .box .title>b{
	font-size:38px;font-weight: bold;color:#000;
	word-break:keep-all;word-wrap:normal;
}
.m20 .innerwrap .box .con{
	width:calc(100% - 25.8%);padding-left: 5vw;box-sizing:border-box;
}
.m20 .innerwrap .box .con .mt{margin-top: 20px;}
.m20 .innerwrap .box .con .mt30{margin-top: 30px;}
.m20 .innerwrap .box .con h5{
	font-size:24px;font-weight: 600;color:#000;line-height: 1.6em;
	margin-bottom: 20px;
}
.m20 .innerwrap .box .con p{
	font-size:19px;font-weight: 400;color:rgba(0,0,0,0.6);line-height: 1.6em;
	font-family: "Noto Sans KR";
	padding-right:5vw;word-break:keep-all;word-wrap:normal;
}
.m20 .innerwrap .box .con .img{
border-radius:33px;
overflow:hidden;
}
.m20 .innerwrap .list{padding-bottom: 60px;}
.m20 .innerwrap .list:last-child{margin-bottom: 0;}
.m20 .innerwrap .imgwrap{
display: flex;flex-wrap:wrap;
gap:18px;
}
.m20 .innerwrap .imgwrap .img{
	width:calc((100% - 18px) / 2);
}


.m20 .dia-list{
display: flex;gap:0.417vw;
margin-top: 14.5px;
}
.m20 .dia-list>li{
	position: relative;
	display: flex;
	align-items:center;
	justify-content:center;
}
.m20 .dia-list>li .num{
	position: absolute;
	top:0;
	left:50%;
	transform:translate(-50%, -50%);
	width:41px;
	height:29px;
	border-radius:14px;
	background: #2c2115;
	box-sizing:border-box;
	display: flex;align-items:center;justify-content:center;
	font-family: "Pretendard", "Noto Sans KR";
	color:#fff;font-size:15px;text-align: center;
	font-weight: 550;
}
.m20 .dia-list>li .circle{
max-width:230px;max-height:230px;
width:22vw;height:22vw;overflow:hidden;
border-radius:50%;
border:1px solid #d7d7d7;
display: flex;
	align-items:center;
	justify-content:center;
}
.m20 .dia-list>li .circle .txt{
	padding-right:0;font-size:13px;text-align: center;box-sizing:border-box;
	padding:1vw;
}
.m20 .tablewrap{}
.m20 .tablewrap table{
	width:100%;border-top: 2px solid #ff2a1c;box-sizing:border-box;
}
.m20 .tablewrap table th{
	box-sizing:border-box;background: #f8f8f8;
	text-align: center;
	font-family: "Wix Madefor Display", "Noto Sans KR", sans-serif;
	word-break:keep-all;
	word-wrap:normal;
	font-size:17px;color:#000;font-weight: 500;
	padding:15px 1vw;
	border:1px solid #d7d7d7;
	border-left:0;
	border-top:0;
	
}
.m20 .tablewrap table th:last-child{border-right: 0;}
.m20 .tablewrap table td{
	box-sizing:border-box;background: #fff;
	text-align: center;
	font-family: "Wix Madefor Display", "Noto Sans KR", sans-serif;
	word-break:keep-all;
	word-wrap:normal;
	font-size:15px;color:#000;font-weight: 500;
	padding:15px 1vw;
	border:1px solid #d7d7d7;
	border-left:0;
	border-top:0;
	line-height: 1.6em;
}
.m20 .tablewrap table td:last-child{border-right: 0;}

/*m23*/
.m23 .infoarea{
	position: relative;overflow:hidden;
	height:540px;margin: 130px auto 0;
	max-width:1600px;width:94%;
	display: flex;align-items:center;justify-content:center;border-radius:100px;
}
.m23 .infoarea .bg{
	position: absolute;
	content:'';
	top:50%;left:50%;
	transform:translate(-50%, -50%);
	z-index:-1;
	width: 100%;height: 100%;
	background: url(/images/page/m23_bg_img1.jpg)no-repeat center / cover;
	min-height:540px;
}
.m23 .infoarea .slogan{
	text-align: center;
	font-size:40px;color:#dedede;
	font-family: "Noto Sans KR";
	line-height: 1.4em;font-weight: bold;
}
.m23 .infoarea .slogan .wht{color:#fff;}
.m23 .infoarea .slogan .org{color:#ff2a1c;}
.m23 .dia-list{margin-top: 60px;}


/*m25*/
.m25_tab_wrap{
	width: 94%;
	margin:0 auto;
	box-sizing: border-box;
	max-width: 1400px;
	/* padding: 30px 13.542vw; */
	padding:30px 0;
	background: transparent;
	position: relative;
	margin-top: 90px;
}
.m25_tab_list{display: flex;align-items:center;}
.m25_tab_list>li{position: relative;}
.m25_tab_list>li:before{
	position: absolute;content:'';background: #dbdbdb;
	width:1px;height: 21px;
	right:0;
	top:50%;
	transform:translateY(-50%);
}
.m25_tab_list>li>a{
box-sizing:border-box;
padding:0 20px;
font-size:19px;color:#a0a0a0;font-weight: bold;font-family: 'Noto Sans KR';
}
.m25_tab_list>li.on>a{
color:#ff2a1c;
	text-decoration:underline;
text-underline-offset:5px;
text-decoration-thickness: 1px; /* 밑줄의 굵기 설정 */
    text-decoration-color:#ff2a1c;/* 밑줄의 색상 설정 */

}
.m25_tab_list>li:first-child>a{padding-left: 0;}
.m25_tab_list>li:last-child>a{padding-right:  0;}
.m25_tab_list>li:last-child:before{display: none;}

.m25{padding-bottom: 0;}
.m25 .tablewrap table th,
.m25 .tablewrap table td{background: #fafafa;border-right: 0;padding:45px 1vw;}
.m25 .tablewrap table th{background: #f8f8f8;}
.m25 .tablewrap table th{font-size:19px;}
.m25 .tablewrap table td{font-size:19px;font-family: "Noto Sans KR";}
.m25 .sec1{padding-top: 160px;background: #fafafa;padding-bottom: 200px;}
.m25 .sec1 .page_title{
	font-size: 40px;
	color: #000;
	text-align: center;
	font-weight: bold;
	position: relative;
	box-sizing: border-box;
	margin:0 auto;
	margin-bottom: 102px;
}
.m25 .sec1 .page_title>span{font:inherit;position: relative;display: inline-block;
text-decoration:underline;
text-underline-offset:8px;
text-decoration-thickness: 1px; /* 밑줄의 굵기 설정 */
    text-decoration-color: inherit;/* 밑줄의 색상 설정 */

}

.m251 h4{font-weight: bold;font-size:28px;color:#000;margin-bottom: 40px;}
.m251 .tablewrap{margin-bottom: 30px;}
.m251 .tablewrap table th{font-size:18px;letter-spacing:-0.025em;padding:45px 0;word-wrap:normal;word-break:keep-all; font-weight: bold;}
.m251 .tablewrap table td{padding:45px 0;}
.m251 .tablewrap table td:nth-child(3),
.m251 .tablewrap table td:nth-child(5){padding-left: 1.5vw;padding-right: 1.5vw;}
.m251 .tablewrap table .col1{width:14.29%;}
.m251 .tablewrap table .col2{width:7.14%;}
.m251 .tablewrap table .col3{width:35.71%;}
.m251 .tablewrap table .col4{width:7.14%;}
.m251 .tablewrap table .col5{width:35.71%;}

.m251 .noti{
	color:#737373;font-weight:400;font-family: "Noto Sans KR";font-size:19px;margin-bottom: 8px;
}
.m251 .noti>span{font:inherit;color:#ff2a1c;}

/*252*/
.m252 .conarea{margin-bottom: 200px;}
.m252 .conarea:last-child{margin-bottom: 0;}
.m252 .area_title{font-size:36px;color:#000000;font-weight: bold;}


.m252 .desc{font-family: "Noto Sans KR";font-size:19px;color:rgba(0,0,0,0.7);font-weight: 400;margin-top: 25px;}
.m252 .flex-conwrap{
	display: flex;align-items:start;
	justify-content:space-between;
	gap:40px;
	margin-top: 50px;
}
.m252 .flex-conwrap>.item{
	width:calc((100% - 40px) / 2);
}
.m252 .flex-conwrap>.item .imgarea{
	height:340px;background: #fff;box-sizing:border-box;border:1px solid #d7d7d7;
	border-radius:33px;overflow:hidden;margin-bottom: 40px;
}
.m252 .flex-conwrap>.item .imgarea>img{width: 100%;;object-fit:cover;height: 100%;}
.m252 .flex-conwrap>.item .infoarea .title{
	display: flex;align-items:center;word-wrap:normal;word-break:keep-all;font-size:24px;color:#000;font-weight: bold;
	padding-bottom: 22px;border-bottom: 1px solid #d7d7d7;margin-bottom: 22px;
}
.m252 .flex-conwrap>.item .infoarea .title .num{
	width:41px;height:29px;border-radius:14px;background: #ff2a1c;
	font-size:15px;font-family: "Pretendard";color:#fff;font-weight: 400;
	display: flex;align-items:center;justify-content:center;margin-right: 8px;
}
.m252 .flex-conwrap>.item .infoarea .txts{
	font-family: "Noto Sans KR";font-size:19px;color:rgba(0,0,0,0.7);font-weight: 400;line-height: 1.6em;
}
.m252 .txt-infowrap{
	margin:100px auto;
	width:100%;
	box-sizing:border-box;
	padding:30px 45px;
	background: url(/images/page/m252_txtinfo_bg.png)no-repeat right bottom / cover;
	display: flex;justify-content:space-between;;
	align-items:center;border-radius:22px;overflow:hidden;
}
.m252 .txt-infowrap .icon{
	width:100px;box-sizing:border-box;
}
.m252 .txt-infowrap .txts{width:calc(100% - 100px);box-sizing:border-box;padding-left: 2.448vw;}
.m252 .txt-infowrap .txts strong{
	font-size:24px;color:#000;font-weight: bold;display: block;
}
.m252 .txt-infowrap .txts strong>span{font:inherit;color:#ff2a1c;}
.m252 .txt-infowrap .txts p{
	font-family: var(--kr);font-size:19px;color:rgba(0,0,0,0.7);font-weight: 400;line-height: 1.6em;
	margin-top: 7px;
}
.m252 .boxarea{
margin-top: 50px;
display: flex;align-items:center;justify-content:space-between;
}
.m252 .boxarea>.img-wrap{width:calc(680 / 1400 * 100%);box-sizing:border-box;
	height:auto;min-height:340px; display: flex; align-items: center; justify-content: center;
	background: #fff;border:1px solid #d7d7d7;border-radius:33px;
	box-sizing:border-box;padding:40px 0;
}
.m252 .boxarea>.img-wrap img{display: block;max-width:100%;}
.m252 .boxarea>.txt-wrap{width:calc(720 / 1400 * 100%);padding-left:3.9vw;box-sizing:border-box;}
.m252 .boxarea>.txt-wrap .title{box-sizing:var(--bd);
font-size:24px;color:#000;font-weight: 600;padding-bottom: 25px;border-bottom: 1px solid #d7d7d7;;
}
.m252 .boxarea>.txt-wrap .txt{font-family: var(--kr);box-sizing:var(--bd);padding-top: 25px;font-size:19px;
color:var(--bk7);line-height: 1.6em;word-wrap:normal;word-break:keep-all;padding-right: 2vw;;
}
.m252 .boxarea.row-reverse{flex-direction:row-reverse;}
.m252 .boxarea.row-reverse>.txt-wrap{padding-left: 0;padding-right: 3.9vw;}
.m252 .boxarea .tags{display: flex;flex-wrap:wrap;align-items:center;gap:10px 6px;margin-top: 28px;}
.m252 .boxarea .tags>li{
background: #ececec;
box-sizing:border-box;
height:36px;
padding:1px 20px;
border-radius:18px;
display: flex;align-items:center;justify-content:center;
}
.m252 .boxarea .tags>li>span{
	font-family: "Pretendard";
	color:rgba(0,0,0,0.85);
	font-size:17px;
	font-weight: 450;
	position: relative;
	display: block;padding-left: 17px;
	white-space:nowrap;
}
.m252 .boxarea .tags>li>span:before{
	position: absolute;content:'';
	box-sizing:border-box;
	width:8.93px;height:8.93px;
	border:2px solid #ff2a1c;
	border-radius:50%;
	top:50%;left:0;
	transform:translateY(-50%);
}


.m252 .long-boxarea{
	position: relative;width:100%;margin-bottom: 50px;
}
.m252 .long-boxarea.mt{margin-top: 50px;}
.m252 .long-boxarea.mt2{margin-top: 100px;}
.m252 .long-boxarea .img{
	width:100%;background: #fff;
	overflow:hidden;box-sizing:border-box;
	border:1px solid #d7d7d7;
	border-radius:33px;
	min-height:400px;
	display: flex;align-items:center;justify-content:center;
	padding:50px 0;
}
.m252 .long-boxarea .img img{display: block;max-width:100%;}
.m252 .long-boxarea .tag{
position: absolute;
top:30px;left:30px;
background: #282828;
min-width:201px;height:42px;border-radius:21px;
display: flex;align-items:center;justify-content:center;
color:#fff;text-align: center;
font-size:19px;font-family: var(--kr);
font-weight: 500;letter-spacing:-0.025em;
padding:3px 20px;
}

.m252 .m252_table{}
.m252 .tablewrap table th{padding:15px 1vw;}
.m252 .tablewrap table td{padding:10px 0.5vw;font-family: var(--wm);}
.m252 .tablewrap + .notis{
	margin-top: 30px;
}
.m252 .notis>p{
	color:#737373;font-weight:400;font-family: "Noto Sans KR";font-size:18px;margin-bottom: 8px;
}
.m252 .notis>p>span{font:inherit;color:#ff2a1c;font-size:16px;}

/*m253 tab*/
/* 전체 탭 래퍼 스타일 */
.m25_sub_tab_wrap {
  background-color: #e8e8e8; /* 배경색 */
  padding:8px;
  border-radius: 38px; /* 둥근 테두리 */
  max-width:348px;
  box-sizing:border-box;
  margin:0 auto;
  margin-bottom: 150px;
}

/* 탭 리스트 기본 스타일 */
.m25_sub_tab_list {
  display: flex;
  justify-content: center;
  align-items:center;
  list-style: none;
  margin: 0;
  padding: 0;
}

/* 탭 항목 기본 스타일 */
.m25_sub_tab_list li {
  margin: 0 5px;
}

.m25_sub_tab_list li a {
  display: inline-block;
  font-weight: 500;
  color: #686868;
  text-decoration: none;
  box-sizing:border-box;
  border-radius: 31px;
  background-color: transparent;
  transition: all 0.3s ease-in-out;
  font-size:18px;
  min-width:105px;
  height:62px;
  text-align: center;line-height: 62px;;
}

/* 선택된 탭 스타일 */
.m25_sub_tab_list li.on a {
  background-color: #2f2f2f; /* 검정색 배경 */
  color: #fff; /* 흰색 글씨 */
  font-weight: bold;
}

/* 탭 호버 효과 */
.m25_sub_tab_list li a:hover {
  background-color: #555; /* 어두운 회색 */
  color: #fff; /* 흰색 글씨 */
}

.m253 .conarea>h4{font-size:36px;color:#000;font-weight: bold;}
.m253 .conarea>.desc{font-family: "Noto Sans KR";font-size:19px;color:rgba(0,0,0,0.7);font-weight: 400;margin-top: 25px;}
.m253 .conarea.m2531 .tablewrap{margin-top: 52px;}
.m253 .conarea.m2531 .tablewrap table .col1{width: 21.43%;}
.m253 .conarea.m2531 .tablewrap table .col2{width: 25%;}
.m253 .conarea.m2531 .tablewrap table .col3{width: 28.57%;}
.m253 .conarea.m2531 .tablewrap table .col4{width: 32.14%;}
.m253 .conarea.m2531 .tablewrap table td:nth-child(3),
.m253 .conarea.m2531 .tablewrap table td:nth-child(4){text-align: left;}
.m253 .conarea.m2531 .tablewrap table td{font-weight: 400;font-family: "Noto Sans KR";}
.m253 .conarea .tablewrap table td>img{display: block;max-width:100%;margin:0 auto;}
.m253 .conarea .tablewrap table td>p{text-align: center;font-size:18px;font-weight: 400;font-family: "Noto Sans KR";margin-top: 15px;
line-height: 1.5em;color:#000;font-weight: 400;}

.m253 .m2532{}
.m253 .m2532 .area_title{font-family: "Noto Sans KR";font-size:28px;color:#000;font-weight: bold;margin-bottom: 50px;}
.m253 .m2532 .boxarea{
margin-top: 50px;
display: flex;align-items:center;justify-content:space-between;
}
.m253 .m2532 .boxarea>.img-wrap{width:calc(680 / 1400 * 100%);box-sizing:border-box;
	height:420px; display: flex; align-items: center; justify-content: center;
	background: #fff;border:1px solid #d7d7d7;border-radius:33px;
}
.m253 .m2532 .boxarea>.img-wrap img{display: block;max-width:100%;}
.m253 .m2532 .boxarea>.txt-wrap{width:calc(720 / 1400 * 100%);padding-left:3.9vw;box-sizing:border-box;}
.m253 .m2532 .boxarea>.txt-wrap .title{box-sizing:var(--bd);
font-size:24px;color:#000;font-weight: 600;padding-bottom: 25px;border-bottom: 1px solid #d7d7d7;;
}
.m253 .m2532 .boxarea>.txt-wrap .txt{font-family: var(--kr);box-sizing:var(--bd);padding-top: 25px;font-size:19px;
color:var(--bk7);line-height: 1.6em;word-wrap:normal;word-break:keep-all;padding-right: 2vw;;
}
.m253 .m2532 .listarea{width:100%;margin-top: 150px;}

.m253 .m2532 .listarea .boxlist{
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;flex-wrap:wrap;
  gap: 27px;
}

.m253 .m2532 .listarea .boxlist li {
	width:calc((100% - 27px * 3) / 4);
  background-color: #fff;
  border-radius: 22px;
  padding: 1.82vw;
  transition: all 0.3s ease-in-out;

}


/* 번호 스타일 */
.m253 .m2532 .listarea .boxlist li .num {
  font-size: 16px;
  font-weight: bold;
  color: #ff2a1c; /* 빨간색 */
  display: block;
  text-decoration:underline;
  text-underline-offset:2px;
   text-decoration-thickness: 1px; /* 밑줄 굵기 */
  text-decoration-color: #ff2a1c; /* 밑줄 색상 */
  margin-bottom: 19px;
}

.m253 .m2532 .listarea .boxlist li .ltit {
  font-size: 24px;
  display: block;
  font-weight: bold;
  color: #000;

}

/* 텍스트 스타일 */
.m253 .m2532 .listarea .boxlist li .txt {
  font-size: 19px;
  padding-top: 16px;
  color: #737373;
font-weight: 400;
line-height: 1.6em;
margin-top: 16px;
border-top: 1px solid #d7d7d7;;
}


/* 호버 시 스타일 */
.m253 .m2532 .listarea .boxlist li:hover {
background: #ff2a1c;
}
/* 호버 시 텍스트 색상 변경 */
.m253 .m2532 .listarea .boxlist li:hover .num{
color: #fff; /* 빨간색 */
  text-decoration:underline;
  text-underline-offset:2px;
   text-decoration-thickness: 1px; /* 밑줄 굵기 */
  text-decoration-color: #fff; /* 밑줄 색상 */
}
.m253 .m2532 .listarea .boxlist li:hover .ltit{
color:#fff;
}
.m253 .m2532 .listarea .boxlist li:hover .txt {
  color:rgba(255,255,255,0.7); /* 빨간색 */border-top: 1px solid rgba(255,255,255,0.7);
}
.m253 .m2532 .tablearea{margin-top: 150px;}

.m253 .m2532 .tablearea table td{letter-spacing:-0.025em;padding:45px 1.5vw;font-weight: 400;border-right: 1px solid #d7d7d7;text-align: left;}
.m253 .m2532 .tablearea table tr>td:last-child{border-right: 0;}
.m253 .m2532 .tablearea.table1 table .col1{width:10%;}
.m253 .m2532 .tablearea.table1 table .col2{width:10%;}
.m253 .m2532 .tablearea.table1 table .col3{width:20%;}
.m253 .m2532 .tablearea.table1 table .col4{width:30%;}
.m253 .m2532 .tablearea.table1 table .col5{width:30%;}
.m253 .m2532 .tablearea.table2 table .col1{width:10%;}
.m253 .m2532 .tablearea.table2 table .col2{width:20%;}
.m253 .m2532 .tablearea.table2 table .col3{width:35%;}
.m253 .m2532 .tablearea.table2 table .col4{width:35%;}

.m253 .m2532 .tablearea table td.bgr{background: #faf2f1;text-align: center;font-weight: 500;}
.m253 .m2532 .tablearea table td strong{display: block;color:#ff4438;font-size:19px;font-weight: 700;text-align: left;}	
.m253 .m2532 .tablearea table td .bb{box-sizing:var(--bd);border-bottom: 1px solid #c5c5c5;padding-bottom: 20px;margin-bottom: 20px;}
.m253 .m2532 .tablearea table td .txtlist li{
position: relative;font-size:19px;color:#000;box-sizing:border-box;
padding-left: 19px;line-height: 1.6em;font-family: var(--kr);letter-spacing:-0.025em;
}
.m253 .m2532 .tablearea table td .txtlist li + li{margin-top: 8px;}
.m253 .m2532 .tablearea table td .txtlist li:before{
	position: absolute;content:'';
	width:8.93px;height:8.93px;border-radius:50%;
	border:2px solid #ff2a1c;
	top:11px;left:0;
	box-sizing:border-box;
}
.m253 .m2532 .tablearea table td .txtlist li .bk{
	display: block;color:#000;font-weight: bold;font-family: var(--kr);margin-bottom: 4px;
}
.m253 .m2532 .tablearea table td .mt{margin-top: 20px;}
.m253 .m2532 .tablearea table .center{text-align: center !important;;}
.m253 .m2532 .tablearea table .left{text-align: left !important;;}
.m253 .m2532 .tablearea table small{position: relative;font-size:17px;color:#737373;display: block;font-family: var(--kr);padding-left: 19px;
line-height: 1.6em;margin-top: 8px;
}
.m253 .m2532 .tablearea table small:before{font-size:16px;color:#ff2a1c;display: inline-block;
position: absolute;content:'※';
top:-2px;left:0;
}

.m253 .m2533{}
.m253 .m2533 .area_title.en{font-family: "Wix Madefor Display", "Noto Sans KR";font-size:36px;font-weight: bold;letter-spacing:-0.025em;}
.m253 .m2533 .tablearea table .col1{width: 15%;}
.m253 .m2533 .tablearea table .col2{width: 30%;}
.m253 .m2533 .tablearea table .col3{width: 30%;}
.m253 .m2533 .tablearea table .col4{width: 25%;}
.m253 .m2533 .tablearea table td{text-align: center;}
.m253 .m2533 .tablearea table td:not(.bgr){border-right: 0;}
.m253 .m2533 .tablearea table td p{margin-top: 28px;}

/*paging*/
.paging {text-align: center;margin-top:98px;}
.paging > * {display: inline-block;vertical-align: top;width:38px;height:38px;font-family:'Wix Madefor Display';
font-size:18px;font-weight:300;color:#000;line-height:40px;text-align: center;margin:0 5px;}
.paging strong {font-weight:500;border-radius:50%;background:#000; color: #fff;}
.paging a.page_prev {background:url(/images/page/page_prev.png) no-repeat center;mix-blend-mode:difference;}
.paging a.page_next {background:url(/images/page/page_next.png) no-repeat center;mix-blend-mode:difference;}


/*m30*/
.m30 .innerwrap{
	width:94%;max-width:1400px;margin:0 auto;
}
/*m31*/
.m31{padding-bottom: 0;}
.m31 .sec1{margin-top: 160px;padding-bottom:160px;}
.m31 .sec1 .con{
	display: flex;align-items:center;justify-content:space-between;
}
.m31 .sec1 .con:last-child{margin-top: 100px;}
.m31 .sec1 .con .img1{
	width:56.85%;border-radius:100px;overflow:hidden;
}
.m31 .sec1 .con .img1 + .infowrap{
	width:calc(100% - 56.85%);padding-left: 3.64vw;
}
.m31 .sec1 .con .infowrap .title{margin-bottom: 30px;font-size: 38px; font-weight: 700; color: #000;}
.m31 .sec1 .con .infowrap .title>img{max-width:100%;}
.m31 .sec1 .con .infowrap .txt{
	font-size:19px;color:rgba(0,0,0,0.6);font-weight: 400;font-family: "Noto Sans KR";margin-bottom: 40px;
	padding-right: 4vw;word-break:keep-all;word-wrap:normal;line-height: 1.65em;
}
.m31 .sec1 .con .infowrap .logo-list{display: flex;gap:18px;}
.m31 .sec1 .con .infowrap .logo-list>li{width:calc((100% - 36px) / 3);display: flex;align-items:center;justify-content:center;
border-radius:32px;background: #f7f7f7;height:115px;
}
.m31 .sec1 .con .img2{
	width:45%;border-radius:100px;overflow:hidden;
}
.m31 .sec1 .con2 .infowrap{
	width:calc(100% - 45%);padding-right: 5.2vw;
}
.m31 .sec2{
	background: #f7f7f7;padding:160px 0;padding-bottom: 200px;
}
.m31 .sec2 .conarea{
display: flex;justify-content:space-between;align-items:start;
}
.m31 .sec2 .conarea .titlearea{width:32.28%;margin-right: 2.5vw;padding-top: 35px;border-top:1px solid #9da3ae;box-sizing:border-box;}
.m31 .sec2 .conarea .titlearea h4{
font-size:38px;color:#000;font-weight: bold;line-height: 1.4em;margin-bottom: 50px;
}
.m31 .sec2 .conarea .titlearea p{
		font-size:19px;color:rgba(0,0,0,0.6);font-weight: 400;font-family: "Noto Sans KR";
	padding-right: 2vw;word-break:keep-all;word-wrap:normal;line-height: 1.65em;
}
.m31 .sec2 .conarea .graph{
	width:calc(100% - 32.28% - 2.5vw);
}
.m31 .sec2 .conarea .graph .list{
	display: flex;flex-wrap:wrap;gap:0 1.98vw;align-items:start;
}
.m31 .sec2 .conarea .graph .list>li{
/* min-height:454px; */box-sizing:border-box;border:1px solid #d7d7d7;
background: #fff;border-radius:33px;padding:33px 15px 25px 15px;
width:calc((100% - 1.98vw) / 2);
display: flex;flex-direction:column;align-items:center;
}
.m31 .sec2 .conarea .graph .list>li:nth-child(even){margin-top: 80px;}
.m31 .sec2 .conarea .graph .list>li .tag{
	width:160px;height:42px;border-radius:21px;max-width:100%;box-sizing:border-box;
	background: #ff2a1c;display: flex;align-items:center;justify-content:center;margin-bottom: 20px;
}
.m31 .sec2 .conarea .graph .list>li .tag>span{
	text-align: center;font-family: "Pretendard", "Noto Sans KR";
	color:#fff;font-weight: 350;font-size:19px;
}

/*m32*/
.m32{padding-bottom: 0;}
.m32 .sec1{position: relative;padding-top: 160px;padding-bottom: 180px;margin-top: 160px;}
.m32 .sec1:before{
	position: absolute;content:'';
	width:100%;height:48%;max-height:995px;
	background: #f7f7f7;
	top:0;left:0;
	z-index:1;
}
.m32 .sec1 h4{
z-index:10;
text-align: center;font-size:40px;font-family: "Noto Sans KR";color:#000;font-weight: bold;position: relative;padding-top: 30px;margin-bottom: 100px;}
.m32 .sec1 h4:before{
	position: absolute;content:'';width:49px;height:1px;background: #828282;top:0;left:50%;transform:translateX(-50%);
}
.m32 .sec1 .prd-list{
	display: flex;flex-wrap:wrap;gap:80px 2.7vw;
	position: relative;z-index:10;	
}
.m32 .sec1 .prd-list>li{
	width:calc((100% - 2.7vw * 2) / 3);
}
.m32 .sec1 .prd-list>li .img{border-radius:33px;overflow:hidden;position: relative;width:100%;height:0;padding-bottom:72.8%;}
.m32 .sec1 .prd-list>li .img img{
	position: absolute;top:50%;left:50%;
	transform:translate(-50%, -50%);
	width:100%;height:100%;
}
.m32 .sec1 .prd-list>li .title{
display: block;font-size:24px;color:#000;font-weight:700;margin:20px 0;
}
.m32 .sec1 .prd-list>li p{
	font-size:19px;color:rgba(0,0,0,0.6);font-weight: 400;font-family: "Noto Sans KR";
	padding-right: 2vw;word-break:keep-all;word-wrap:normal;line-height: 1.65em;
}


/*m33*/
.m33{}
.m33 h4{
	font-size:32px;color:#000;font-weight: 700;
	text-align: center;margin-bottom: 70px;
}
.m33 h4>span{font:inherit;position: relative;}
.m33 h4>span:before{
	position: absolute;content:'';
	width:100%;height:1px;
	background: #000;left:0;bottom:0;
}
.m33 .sec1{
	background: #f7f7f7;margin-top: 160px;
	padding-top: 160px;padding-bottom: 110px;
}
.m33 section{padding-top: 160px;}
.m33 .dia>img{display: block;max-width:100%;margin:0 auto;}
.m33 .tablewrap{}
.m33 .tablewrap .tb-title{display: flex;align-items:end;justify-content:space-between;}
.m33 .tablewrap .tb-title p{
	font-size:24px;color:#000;font-weight: 600;font-family: "Noto Sans KR";
}
.m33 .tablewrap .tb-title .time{
	font-size:15px;color:#000;font-weight: 400;display: block;position: relative;font-family: "Noto Sans KR";
	padding-left: 22px;
}
.m33 .tablewrap .tb-title .time>i{
	display: inline-block;
	background: url(/images/page/m33_time.png)no-repeat center;
	width:14px;height:14px;
	position: absolute;left:0;top:4px;
}
.m33 .tablewrap table{
	width:100%;border-top: 2px solid #ff2a1c;box-sizing:border-box;margin-top: 15px;
}
.m33 .tablewrap table th{
	box-sizing:border-box;background: #f8f8f8;
	text-align: center;
	font-family:"Noto Sans KR", sans-serif;
	word-break:keep-all;
	word-wrap:normal;
	font-size:17px;color:#000;font-weight: 500;
	padding:15px 1vw;
	border:1px solid #d7d7d7;
	border-left:0;
	border-top:0;
	
}
.m33 .tablewrap table th:last-child{border-right: 0;}
.m33 .tablewrap table td{
	box-sizing:border-box;background: #fff;
	text-align: center;
	font-family: "Noto Sans KR", sans-serif;
	word-break:keep-all;
	word-wrap:normal;
	font-size:15px;color:#000;font-weight: 500;
	padding:15px 1vw;
	border:1px solid #d7d7d7;
	border-left:0;
	border-top:0;
	line-height: 1.6em;
}

.m33 .tablewrap table td:last-child{border-right: 0;}
.m33 .tablewrap table td.br{border-right: 1px solid #d7d7d7;;}
.m33 .sec3 .imgarea{
width: 100%;margin:0 auto;position: relative;height:410px;border-radius:100px;
display: flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom: 60px;
}
.m33 .sec3 .imgarea .bg{
	position: absolute;content:'';
	z-index:-1;
	width:100%;height:100%;
	background: url(/images/page/m33_bg1.jpg)no-repeat center / cover;
}
.m33 .sec3 .imgarea .txt{
	font-size:24px;color:#fff;font-weight: 600;text-align: center;line-height: 1.6em;
}
.m33 .sec3 .imgarea .txt b{color:#ff2a1c;}
.m33 .sec3 .infoarea{
	text-align: center;
}
.m33 .sec3 .infoarea p{
	font-family: "Noto Sans KR", sans-serif;font-size:18px;color:#737373;
	font-weight: 400;line-height: 1.7em;margin-bottom: 30px;
}
.m33 .sec3 .infoarea p b{font:inherit;color:#000;font-weight: bold;}
.m33 .sec3 .infoarea p .req{font:inherit;color:#ff2a1c;font-size:16px;}
.m33 .sec3 .infoarea p:last-child{margin-bottom: 0;}




/*m34*/
.m34{padding-bottom: 0;}
.m34 .page_tabs{
	margin:150px auto 0;
}
.m34 .page_tabs ul{
	display: flex;align-items:center;justify-content:center;gap:100px;
}
.m34 .page_tabs ul>li{
	min-width:150px;
}
.m34 .page_tabs ul>li>a{
	position: relative;
	display: block;box-sizing:border-box;padding-bottom: 30px;font-size:20.21px;color:#000;
	font-weight: 400;font-family: "Pretendard", "Noto Sans KR", sans-serif;text-align: center;
}
.m34 .page_tabs ul>li.on>a:before{
	position: absolute;bottom:0px;left:50%;
	transform:translate(-50%, 0%);
	width:100%;min-width:148px;
	height:3px;content:'';
	background: #f5942d;
}
.m34 .page_tabs ul>li.on>a{color:#f5942d;font-weight: 500;}
.m34 .sec1{background: #f7f7f7;padding-top: 160px;padding-bottom: 200px;border-top:1px solid #cfcfcf;}
.m34 .conwrap{
width:94%;max-width:1400px;margin:0 auto;
}
.m34 .list{
	display: flex;flex-wrap:wrap;gap:70px 5.729vw;
}
.m34 .list>li{
	width:calc((100% - 5.729vw * 3) / 4);cursor:pointer;
}
.m34 .list>li .img{
	overflow:hidden;border-radius:18px;background: #fff;border:1px solid #dddddd;
}
.m34 .list>li .img img{
	max-width:100%;display: block;margin:0 auto;
}
.m34 .list>li .info{
	margin-top: 30px;
}
.m34 .list>li .info .title{
text-align: center;color:#000;font-weight: 700;font-family: "Noto Sans KR";
font-size:18px;margin-bottom: 15px;
}
.m34 .list>li .info .small{
	display: flex;justify-content:center;
	align-items:center;
}
.m34 .list>li .info .small .from{
	position: relative;
	color:rgba(0,0,0,0.6);font-size:16px;
	font-family: "Noto Sans KR";
	box-sizing:border-box;
	padding-right: 12px;
}
.m34 .list>li .info .small .from:before{
	position: absolute;content:'';
	top:50%;transform:translateY(-50%);
	right:0;width:1px;height: 12px;
	background: #7f7f7f;
	
}
.m34 .list>li .info .small .date{
	box-sizing:border-box;
	padding-left: 12px;color:rgba(0,0,0,0.6);font-size:16px;
}

/*m34_pop*/
.layer_pop{
	display:none;
	position:fixed;left:50%;top:50%;z-index:4000;
	transform:translate(-50%,-50%);
	
}
.layer_pop .close{	
	display:block;
	position:absolute;left:100%;top:0;
	width:38px;height:38px;
	margin-left:25px;
}
.layer_pop .conwrap{/* margin:0 auto;max-width:970px; *//* overflow:hidden;overflow-y:auto; */
width:28vw;}
.layer_pop .conwrap img{/* width:100%;height:auto; */width:100%;border-radius:44px;
max-width:685px;}
.layer_pop .conwrap .img{overflow:hidden;}

.m34_pop .info{
	margin-top: 30px;
}
.m34_pop .info .title{
text-align: center;color:#fff;font-weight: 600;font-family: "Noto Sans KR";
font-size:24px;margin-bottom: 15px;
}
.m34_pop .info .small{
	display: flex;justify-content:center;
	align-items:center;
}
.m34_pop .info .small .from{
	position: relative;
	color:rgba(255,255,255,0.6);font-size:20px;
	font-family: "Noto Sans KR";
	box-sizing:border-box;
	padding-right: 12px;
}
.m34_pop .info .small .from:before{
	position: absolute;content:'';
	top:50%;transform:translateY(-50%);
	right:0;width:2px;height: 16px;
	background: #fff;opacity:0.6;
	
}
.m34_pop .info .small .date{
	box-sizing:border-box;
	padding-left: 12px;color:rgba(255,255,255,0.6);font-size:20px;
}

/*m40*/
.m40{padding-bottom: 0;}
.m40 .titlearea{
	width:100%;
	max-width:100%;text-align: center;
	margin:160px auto 0;
}
.m40 .titlearea h3{font-size:56px;color:#000;font-weight: bold;line-height: 1.3em;}
.m40 .titlearea p{
	font-family: "Noto Sans KR";font-size:19px;line-height: 1.6em;color:rgba(0,0,0,0.7);margin-top: 35px;
	
}
.m40 .innerwrap{width:94%;max-width:1400px;margin:0 auto;}
.m40 .sec1{
padding-top: 160px;padding-bottom: 160px;margin-top: 140px;
position: relative;
background: url(/images/page/m41_sec1_bg.jpg)no-repeat center / cover;
background-attachment:fixed;
}
.m42 .sec1{background: url(/images/page/m42_sec1_bg.jpg)no-repeat center / cover;background-attachment:fixed;}
.m43 .sec1{background: url(/images/page/m43_sec1_bg.jpg)no-repeat center / cover;background-attachment:fixed;}
.m40 .sec1 .list{
	display: flex;flex-wrap:wrap;
	gap:2.083vw;
}
.m40 .sec1 .list>li{
width:calc((100% - 2.083vw * 2) / 3);
box-sizing:border-box;padding:2.34vw;
border-radius:40px;overflow:hidden;background: rgba(255,255,255,0.68);
}
.m40 .sec1 .list>li .top{}
.m40 .sec1 .list>li .top .icon{
	width:100%;
	max-width:94px;
}
.m40 .sec1 .list>li .top .tit{width:100%;box-sizing:border-box;margin-top: 24px;
font-size:22px;color:#000;
	font-weight: 700;line-height: 1.3em;
}
.m40 .sec1 .list>li .bot{display: none !important;padding-top: 30px;}
.m40 .sec1 .list>li .bot .txt{
	position: relative;
	font-family: "Noto Sans KR";
	line-height: 1.6em;
	font-size:19px;
	color:rgba(0,0,0,0.7);padding-left: 21px;
	word-wrap:normal;
	word-break:keep-all;
}
.m40 .sec1 .list>li .bot .txt:before{
	position: absolute;content:'';
	border-radius:50%;
	border:2px solid #ff2a1c;
	box-sizing:border-box;
	width:8.93px;height:8.93px;
	left:0;top:9px;
}
.m40 .sec1 .list>li .bot .ps{
	display: flex;align-items:start;margin-top: 30px;
}
.m40 .sec1 .list>li .bot .ps .tag{
	display: flex;align-items: center;justify-content: center;
	background: #000;
	border-radius:11px;
	font-size:13px;color:#fff;
	font-weight: 400;text-align: center;font-family: "Noto Sans KR";
	width:43px;height: 22px;
}
.m40 .sec1 .list>li .bot .ps .tag>span{font:inherit;}
.m40 .sec1 .list>li .bot .ps .txt2{
	width:calc(100% - 43px);
	font-family: "Noto Sans KR";
	line-height: 1.6em;
	font-size:16px;
	color:rgba(0,0,0,0.7);padding-left: 13px;word-wrap:normal;
	word-break:keep-all;
}

.m40 .sec2{
box-sizing:border-box;
width:100%;
padding-top: 90px;padding-bottom: 148px;
}
.m40 .sec2 .innerwrap{max-width:1600px;}
.m40 .sec2 .box{
	min-height:230px;
	box-sizing:border-box;
	width:100%;
	padding:85px 2vw;
	position: relative;
	background: #f7f7f7 url(/images/page/m40_sec2_bg.jpg)no-repeat right bottom;border-radius:33px;
	display: flex;align-items: center;justify-content: center;
	overflow:hidden;
}
.m40 .sec2 .box .slogan{
	font-size:24px;color:rgba(0,0,0,0.7);
	font-weight: 400;line-height: 1.7em;text-align: center;
}
.m40 .sec2 .box:before{
	position: absolute;content:'';
z-index:-1;right:0;bottom:0;
	width:100%;height:230px;
	background: url(/images/page/m40_sec2_bg.jpg)no-repeat right bottom;
}





/* m51 */
.m51{}
.m51 .sec1{padding:0 0 180px;background:0;}
.formwrap{display:flex;flex-wrap:wrap;justify-content:space-between;position: relative;z-index:30;}
.formwrap dl{
	box-sizing:border-box;
	width:49%;
	margin-bottom:40px;
}
.formwrap dl.w100{width:100%;}
.formwrap dl.filearea{width: 49%;}
.formwrap dl dt{margin-bottom:10px;font-size:18px;color:#000;font-weight:600;}
.formwrap dl dt .req{color:#ff2a1c;}
.formwrap dl dd{}
.formwrap dl dd input{
	box-sizing:border-box;
	width:100%;height:60px;
	padding:0 30px;
	border:0;background:#f9f9f9;outline:0;
	border-radius:15px;
	font-size:18px;color:#555;
}
.formwrap dl dd input::placeholder{color:#999;}
.formwrap dl dd select{
	appearance: none;
	box-sizing:border-box;
	width:100%;height:60px;
	padding:0 30px;
	border:0;outline:0;
	background:#f9f9f9 url(/images/page/sel_arr.png) no-repeat calc(100% - 30px)  center;
	border-radius:15px;
	font-size:18px;color:#555;
}
.formwrap dl dd textarea{
	box-sizing:border-box;
	width:100%;height:450px;
	padding:25px 30px;
	border:0;outline:0;resize:none;
	background:#f9f9f9;
	border-radius:15px;
	font-size:18px;color:#555;
}


.formwrap dl dd .fileboxwrap{
	display: flex;
	border-radius: 15px;
	background: #f9f9f9;
}
.formwrap dl dd .fileboxwrap .filebox{
	position: relative;
	display: inline-block;
	width: calc(100% - 180px);
}
.formwrap dl dd .fileboxwrap .filebox .upload-name {
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	height: 60px;
	line-height:60px;
	padding: 0 30px;
	outline: 0;
	font-size: 18px;
	border-radius: 15px;
	background: #f9f9f9;
	border: none;
	appearance: none;
}

.formwrap dl dd .fileboxwrap .filebox input[type="file"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
}
.formwrap dl dd .fileboxwrap .filebox .file-delete {
	position: absolute;
	right: 30px;
	top: 50%;
	transform: translateY(-50%);
	width: 14px;
	height: 14px;
	background: url(/images/page/m61_delete_btn.png) no-repeat center / contain;
	border: none;
	display: none;
	cursor: pointer;
}
.formwrap dl dd .fileboxwrap label {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 180px;
	height: 60px;
	font-size: 19px;
	border-radius: 12px;
	background: #282828;
}
.formwrap dl dd .fileboxwrap label i{
	display: block;
	width: 13px;
	height: 20px;
	background: url(/images/page/m61_file_icon.png) no-repeat center / contain;
	margin-right: 10px;
}
.formwrap dl dd .fileboxwrap label span{
	color: #fff;
}



.agreewrap{
	margin-top:30px;padding-top:80px;
	border-top:1px solid #ccc;
}
.agreewrap .chk{margin-bottom:40px;}
.agreewrap .chk input{display:none;}
.agreewrap .chk input + label{
	position:relative;
	padding-left:40px;
	font-size:23px;color:#000;font-weight:600;
}
.agreewrap .chk input + label:before{
	display:block;content:"";
	width:30px;height:30px;
	box-sizing:border-box;
	border:1px solid #ccc;border-radius:50%;
	position:absolute;left:0;top:0;
}
.agreewrap .chk input:checked + label:before{
	border:1px solid #ff2a1c;
	background:url(/images/page/chk_on.png) no-repeat;
}
.agreewrap .chk label .req{color:#ff2a1c;}
.agreewrap .txts{height:400px;overflow:hidden;overflow-y:auto;}
.agreewrap .txts textarea{
	box-sizing:border-box;
	width:100%;display: block;height: 100%;
	padding:45px 50px;
	background:#f9f9f9;border:0;outline:0;resize:none;
	border-radius:15px;
	font-size:18px;color:#666;line-height:1.7em;
}
.btnSend{
	display:block;
	box-sizing:border-box;
	width:180px;height:58px;
	margin:80px auto 0;padding:0 23px;
	border:1px solid #a7a7a7;border-radius:29px;
	font-size:15px;color:#000;font-weight:500;text-align:left;
}
.btnSend span{display:block;position:relative;z-index:10;width:100%;}
.btnSend span i{
	display:block;
	width:18px;height:13px;
	background:url(/images/page/btn_arr1.png) no-repeat;
	position:absolute;right:0px;top:50%;
	margin-top:-7px;
}

/*m53*/
.m53 .topimg{
	width:94%;max-width:1600px;height: auto;
	margin:100px auto 60px;
	border-radius:100px;overflow:hidden;
}
.m53 .topimg .imgs{display: flex;}
.m53 .topimg .imgs .img img{display: block;max-width:100%;width:100%;margin:0 auto;}
.m53 .list{
display: flex;flex-wrap:wrap;margin:0 auto;
width:94%;
max-width:1400px;
}
.m53 .list>li{
width:33.33%;display: flex;align-items:start;
padding:60px 0;border-bottom: 1px solid #cfd0d1;
}
.m53 .list>li  .icon{width: 135px;height: 135px;border-radius:20px;background: #f9f9f9;
display: flex;align-items:center;justify-content:center;
}
.m53 .list>li .info{
width:calc(100% - 135px);padding-left: 1.4vw;
}
.m53 .list>li .info>dt{padding-top: 10px;font-size:32px;color:#000;font-weight: bold;margin-bottom: 18px;}
.m53 .list>li .info>dd>div{font-family: "Noto Sans KR";font-size:19px;color:rgba(0,0,0,0.7);font-weight:400;position: relative;padding-left: 20px;}
.m53 .list>li .info>dd>div + div{margin-top: 4px;}
.m53 .list>li .info>dd>div:before{
	position: absolute;content:'';
	width:9px;height: 9px;border-radius:50%;
	box-sizing:border-box;
	border:2px solid #ff2a1c;
	top:9px;left:0;
}
/*motion*/
 .del1{animation-delay:0.1s;}
.del2{animation-delay:0.2s;}
.del3{animation-delay:0.3s;}
.del4{animation-delay:0.4s;}
.del5{animation-delay:0.5s;}
.del6{animation-delay:0.6s;}
.del7{animation-delay:0.7s;}




.fadeLeft, .fadeRight, .fadeUp, .fadeIn, .fadeImgRight{opacity:0;}
.imgAni{clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);}
.imgAni.in-view{animation-name: imgAni; animation-duration:1.25s;animation-fill-mode:forwards;}
.fadeLeft.in-view{animation-name: fadeLeft;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;}
.fadeRight.in-view{animation-name: fadeRight;animation-duration: 0.8s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;}
.fadeUp.in-view{animation-name: fadeUp;animation-duration: 0.8s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;}
.fadeIn.in-view{animation-name: fadeIn;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;}
.fadeImgRight.in-view{animation-name: fadeImgRight;animation-duration: 1.2s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;}
.fadeImgRight.in-view{animation-name: fadeImgLeft;animation-duration: 1.2s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;}
/*  .sub_visual .bg, .sub_visual .sub_tit{opacity:0;}
.sub_visual.in-view .bg{opacity:1;animation: bgScale 1.5s ease;animation-fill-mode:forwards;}
.sub_visual.in-view .sub_tit{animation: fadeLeft 0.9s ease;animation-fill-mode:forwards;} */


  
  @keyframes bgScale{
   0%{transform:scale(1.15);}
   100%{transform:scale(1);}
  }
@keyframes fadeLeft{
 0%{transform:translate3d(-100px, 0, 0);opacity:0;}
  100%{transform:translate3d(0px, 0, 0);opacity:1;}
}
@keyframes fadeRight{
 0%{transform:translate3d(100px, 0, 0);opacity:0;}
  100%{transform:translate3d(0%, 0, 0);opacity:1;}
}
@keyframes fadeUp{
0%{transform:translate3d(0%, 60px, 0);opacity:0;}
  100%{transform:translate3d(0%, 0, 0);opacity:1;}
}
@keyframes fadeIn{
0%{opacity:0;}
  100%{opacity:1;}
}
@keyframes imgAni{
0%{clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%);}
100%{clip-path:polygon(100% 0, 0 0, 0 100%, 100% 100%);}

}
@keyframes fadeImgRight{
0%{opacity:0;clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);}
100%{opacity:1;clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}
}
@keyframes fadeImgLeft{
0%{opacity:0;clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%);}
100%{opacity:1;clip-path:polygon(100% 0, 0 0, 0 100%, 100% 100%);}
}

.sub_visual .descarea .cate{opacity:0;transform:translateY(50px);}
.sub_visual .descarea .cate.in-view{opacity:1;transform:translateY(0px);transition:all 0.9s ease;}
.sub_visual .descarea .slogan{opacity:0;transform:translateY(50px);}
.sub_visual .descarea .slogan.in-view{opacity:1;transform:translateY(0px);transition:all 0.9s ease;transition-delay:0.2s;}
.sub_visual .bgarea .bgwrap .bg{width:120vw;}
.sub_visual .bgarea .bgwrap.in-view .bg{width:100vw;transition:width 1.1s ease-in-out;transition-delay:0.05s;}
.sub_list_wrap{opacity:0;}
.sub_list_wrap.in-view{
animation-name: fadeUp;animation-duration: 0.8s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;
}
.m11 .bgarea .bg{clip-path:inset(50% round 100px);}
.m11 .bgarea .bg>img{transform:scale(1.3);}
.m11 .bgarea .bg.in-view{clip-path:inset(0% round 100px);transition:all 1s ease-in-out;}
.m11 .bgarea .bg.in-view>img{transform:scale(1);transition:all 1s ease-in-out 0.1s;}

.m11 .iconarea ul>li{transform:rotateY(180deg);}
.m11 .iconarea ul>li.in-view{transform:rotateY(0deg);transition:all 0.9s ease-in-out;}
.m11 .iconarea ul>li .icon,
.m11 .iconarea ul>li .tit,
.m11 .iconarea ul>li p{opacity:0;transform:translateY(50px);}
.m11 .iconarea ul>li.in-view .icon,
.m11 .iconarea ul>li.in-view .tit,
.m11 .iconarea ul>li.in-view p{
opacity:1;transform:translateY(0px);transition:all 0.8s ease;transition-delay:0.3s;
}
.m11 .iconarea ul>li.in-view .tit{transition-delay:0.4s;}
.m11 .iconarea ul>li.in-view p{transition-delay:0.5s;}

.m13 .top .imgwrap .img{clip-path:circle(0% at 50%);}
.m13 .top .imgwrap .img.in-view{clip-path:circle(50% at 50%);transition:all 0.8s ease-in-out 0.1s;}

.m13 .area .txtwrap .slogan,
.m13 .area .txtwrap .slogan2,
.m13 .area .txtwrap p{opacity:0;}
.m13 .area .txtwrap.in-view .slogan,
.m13 .area .txtwrap.in-view .slogan2,
.m13 .area .txtwrap.in-view p{
animation-name: fadeUp;animation-duration: 0.8s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;
}
.m13 .area .txtwrap.in-view .slogan2{animation-delay:0.1s;}
.m13 .area .txtwrap.in-view p{animation-delay:0.2s;}
.m13 .area .txtwrap.in-view p.mt{animation-delay:0.3s;}
.m13 .bottom .imgwrap .img{opacity:0;}
.m13 .bottom .imgwrap.in-view .img{
animation-name: fadeUp;animation-duration: 0.6s;animation-fill-mode:forwards;animation-timing-function: ease-in-out
}
.m13:before{}
@keyframes circleScale{
0%{transform:scale(1.3);}
25%{transform:scale(1);}
50%{transform:scale(1.3);}
 100%{transform:scale(1);}
}


.m14 .sec2 .bgarea>div{transform:scale(1.2);}
.m14 .sec2 .bgarea.in-view>div{
transform:scale(1);transition:transform 1s ease-in-out;
}


.m23 .infoarea .bg{transform:scale(1.3) translate(-50%, -50%);}
.m23 .infoarea .bg.in-view{transform:scale(1) translate(-50%, -50%);transition:all 1s ease-in-out;}

/*m11 icon motion*/
.m11 .iconarea ul>li .icon1,
.m11 .iconarea ul>li .icon2{
	animation:transAni 0.6s linear infinite alternate;
}
@keyframes transAni{
0%{transform:translateY(0px);}
100%{transform:translateY(10px);}
}
.m11 .iconarea ul>li .icon3{position: relative;width:56px;height:56px;}
.m11 .iconarea ul>li .icon3 .ln{
	position: absolute;content:'';
	width:100%;height:100%;border-radius:50%;
	top:0;left:0;
}
.m11 .iconarea ul>li .icon3 .ln1:before, 
.m11 .iconarea ul>li .icon3 .ln2:before{
	position: absolute;content:'';
	width:11px;height:11px;border-radius:50%;background: #ff2a1c;
	top:8px;left:8px;transform:translate(-50%, -50%);
}
.m11 .iconarea ul>li .icon3 .ln1{animation:dotRotateAni1 3s linear infinite;}
.m11 .iconarea ul>li .icon3 .ln2{transform:rotate(180deg);animation:dotRotateAni2 3s linear infinite;}

@keyframes dotRotateAni1{
0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}
@keyframes dotRotateAni2{
0%{transform:rotate(180deg);}
100%{transform:rotate(540deg);}
}

.m11 .iconarea ul>li .icon4{position: relative;width:40px;height:48px;}
.m11 .iconarea ul>li .icon4 .pen{
	position: absolute;content:'';
	width:27px;height:27px;
	bottom:0;right:-10px;
	animation:penAni 0.6s linear infinite alternate;
}
@keyframes penAni{
0%{transform:translateX(0px);}
100%{transform:translateX(10px);}
}

.m11 .iconarea ul>li .icon5{position: relative;width:49px;height:49px;}
.m11 .iconarea ul>li .icon5 .marker{
	position: absolute;content:'';
	width:22px;height:26px;
	bottom:0;right:0px;
	animation:markerAni 0.6s linear infinite alternate;
}
@keyframes markerAni{
0%{transform:translateY(0px);}
100%{transform:translateY(-10px);}
}