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

.pcbr{display:none;}
.ptbr{display: none;}
.tbbr{display:none;}
.tmbr{display: block;}
.mbbr{display:block;}
.pc_view{display: none !important;}
.pt_view{display: none !important;}
.t_view{display: none !important;}
.tm_view{display: block !important;}
.m_view{display: block !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;}
.head{border-bottom: 1px solid #cccccc;;}
#header{top:0;transition:transform 0.4s ease;}
#header.up{transform:translateY(-100px);transition:transform 0.4s ease;}
.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*/
/*subvisual*/
.sub_visual{position: relative;margin-top: 80px;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 .descwrap{
display: flex;
flex-direction:column;
justify-content:center;
}
.sub_visual .descarea .cate{margin-bottom: 20px;}
.sub_visual .descarea .cate h3{font:inherit;display: block;text-align: center;color:#fff;font-weight: 700;font-size:clamp(28px, 8vw,40px);
font-family: "Wix Madefor Display", sans-serif;
}
.sub_visual .descarea .slogan h2{
	font-size:15px;color:#fff;font-family: "Noto Sans KR";font-weight:500;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:35vh;
   max-height:280px;
}
.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; overflow-x: scroll; width:100%;background: transparent;}
.subtabarea .subtab{display: block;
;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 4%;}
.subtabarea .subtab>li>a{position: relative;font-family: "Pretendard", "Noto Sans KR";font-size:14px;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 4vw;
	
	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;
}
@media screen and (max-width:1024px){
	.sub_list_wrap .locations{display: none;}
	.subtabarea .subtab>li>a, .subtabarea .subtab>li.on>a{font-size:15px;}
}

/*m00*/
.m00{padding-top: 80px;;padding-bottom: 160px;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:28px;color:#000;font-weight: bold;position: relative;
box-sizing:border-box;padding-top: 20px;}
.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 .bgarea .bg>img{width:100%;max-width:100%;}
.m11 .introarea{
display: flex;
box-sizing:border-box;
padding:0 5.2vw;margin-top: 90px;
}
.m11 .introarea h3{
	font-size:34px;color:#000;font-weight: bold;
	line-height:1.3em;;
	width:35%;
	word-break:keep-all;word-wrap:normal;
}
.m11 .introarea p{
width: 65%;word-break:keep-all;word-wrap:normal;font-size:15px;
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;gap:2vw;
}
.m11 .iconarea ul>li{
	width:42vw;height:42vw;
	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 .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;
}

@media screen and (max-width:1200px){
.m11 .introarea{flex-wrap:wrap;}
.m11 .introarea h3, .m11 .introarea p{width:100%;}
 .m11 .introarea p{margin-top: 50px;}
 .m11 .iconarea{margin-top: 110px;}
 .m11 .bgarea .bg{border-radius:64px;}
 .m11 .introarea{margin-top: 60px;}
 .m11 .iconarea ul>li .icon{margin-bottom: 10px;}
 .m11 .iconarea ul>li .tit{margin-bottom: 10px;font-size:17px;}
 .m11 .iconarea ul>li p{font-size:14px;}
 .m11 .iconarea{margin-top: 80px;}
}
@media screen and (max-width:640px){
	.m11 .iconarea ul>li{width:60vw;height:60vw;max-width:320px;max-height:320px;}
	 .m11 .introarea p{margin-top: 30px;}
}
@media screen and (max-width:460px){
	.m11 .iconarea ul>li{width:92vw;height:92vw;max-width:320px;max-height:320px;}
	.m11 .introarea h3{font-size:30px;}
}

/*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:94%;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:14px;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: 100px;padding-bottom: 0;position: relative;}
.m12 .his-container{position: relative;}
.m12 .his-container .linewrap{
	    position: absolute;
        top: 450px;
        left: 14vw;
        transform: translateX(-50%);
        height: calc(100% - 450px);
        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: 160px;}

.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:460px;
    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:96%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    transform: translateX(-50%);
	overflow:hidden;
	border-radius:64px;
  /*  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;	
width:100%;
}
.m12 .history-list>li .titlearea .bg>.inner .titwrap strong{
	color:#ff2a1c;font-size:22px;font-weight: 700;font-family: "Wix Madefor Display";
}
.m12 .history-list>li .titlearea .bg>.inner .titwrap h3{
	color:#fff;font-size:52px;font-weight: bold;margin-top: 30px;
	
}
.m12 .history-list>li .conarea{margin-top: 80px;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:-12vw;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:1399px){
	.m12 .history-list>li .conarea>.conwrap{width:68.5%;}
	.m12 .his-container .linewrap{left:12vw;}
}
@media screen and (max-width:1199px){
	.m12 .history-list li .conarea .conwrap .his .img{position: static;top:auto;right:auto;bottom:auto;left:auto;margin-top: 40px;}
	.m12 .history-list>li .conarea>.conwrap .txtarea .his.pb{padding-bottom: 0;}
}
@media screen and (max-width:990px){
.his_visual .slog h3{font-size:48px;padding:0 8vw;word-wrap:normal;word-break:keep-all;}
.m12 .history-list>li .titlearea .bg>.inner .titwrap strong{font-size:20px;}
.m12 .history-list>li .titlearea .bg>.inner .titwrap h3{font-size:45px;}
.m12 .history-list>li .conarea>.conwrap .txtarea .his h4{font-size:56px;}
.m12 .history-list>li .conarea>.conwrap .txtarea .his dl>dt{font-size:18px;}
.m12 .history-list>li .conarea>.conwrap .txtarea .his dl>dt:before{top:8px;}
.m12 .history-list>li .conarea>.conwrap .txtarea .his dl>dd{font-size:16px;}
}
@media screen and (max-width:812px){
	.m12 .his-container .linewrap{left:6vw;}
	.m12 .history-list>li .conarea>.conwrap{width:78.5%;}
	.his_visual .slog h3{font-size:clamp(26px, 7vw, 42px);padding:0 4vw;}
	.m12 .history-list>li .titlearea .bg>.inner .titwrap strong{font-size:16px;}
	.m12 .history-list>li .titlearea .bg>.inner .titwrap h3{font-size:28px;margin-top: 20px;}
	.m12 .history-list>li .conarea>.conwrap .txtarea .his h4{font-size:32px;margin-bottom: 20px;}
	.m12 .history-list>li .conarea>.conwrap .txtarea .his dl>dt{font-size:15px;padding-left: 13px;}
	.m12 .history-list>li .conarea>.conwrap .txtarea .his dl>dd{font-size:15px;}
	.m12 .history-list>li .conarea>.conwrap .txtarea .his dl>dt:before{width:6px;height: 6px;top:6.5px;}
}
@media screen and (max-width:500px){
.m12 .history-list>li .titlearea .bg{height:340px;}
.m12 .his-container .linewrap{top:330px;height:calc(100% - 330px);}
.m12 .his-container .linewrap .orgLine .dot{width:16.42px;height:16.24px;}
.m12 .his-container .linewrap .orgLine .dot:before{width:42%;height:42%;}
.m12 .history-list>li .conarea>.conwrap .txtarea .his dl>dt{width:40px;font-size:14px;margin-right: 10px;}
.m12 .history-list>li .conarea>.conwrap .txtarea .his dl>dd{font-size:14px;width:calc(100% - 40px - 10px);}
.m12 .history-list>li .conarea>.conwrap .txtarea .his{margin-bottom: 50px;}
.m12 .history-list>li .titlearea .bg>.inner .titwrap h3{font-size:22px;}
.m12 .history-list>li .titlearea .bg>.inner .titwrap strong{font-size:14px;}
.history-navi .inner-box ol>li>a>strong{font-size:12px;}


}
@media screen and (max-width:460px){
.history-navi .inner-box{border-radius:32px;padding:4px 6px;height:auto;}
.history-navi .inner-box ol>li{height:36px;}
}



/*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:48px;font-weight: 700;color:#000;
}
.m13 .area .slogan2{
margin-bottom: 40px;font-size:20px;color:#000;
	font-weight: 800;line-height: 1.6em;
}
.m13 .area p{
	font-size:15px;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: 30px;}
.m13 .top{margin-bottom: 30px;}
.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:64px;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:15px;color:rgba(0,0,0,0.7);font-weight: 400;font-family: "Noto Sans KR";
margin:0 15px;
}
.m13 .area .signwrap .sign{width: 150px;}

@media screen and (max-width:1200px){
	.m13 .area{flex-wrap:wrap;}
	.m13 .top .imgwrap{width:100%;margin:0 auto;}
	.m13 .top .txtwrap{width:100%;margin-top: 60px;}
	.m13 .bottom .txtwrap{width: 100%;}
	.m13 .bottom .imgwrap{width:100%;margin-top: 60px;;}
}
@media screen and (max-width:990px){
	.m13:before{
		width:120vw;height:120vw;;
		right:-55vw;
		bottom:-40vw;
	}
}
@media screen and (max-width:360px){
	.m13{padding-bottom: 100px;}
}

/*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 left 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 bottom / cover;}
.m14 .sec1 .main-list>li:nth-child(3) .bg{background: url(/images/page/m14_item_bg3.jpg)no-repeat right 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:19px;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;
}


@media screen and (max-width:1399px){
	.m14 .sec1 .slogan{font-size:50px;}
	.m14 .sec1 .main-list>li{max-height:560px;height:60vh;border-radius:88px;}
	.m14 .sec1 .main-list>li.expand .bg{border-radius:88px;}
	.m14 .sec2 .bgarea{border-radius:88px;}
}
@media screen and (max-width:1200px){
		.m14 .sec1 .main-list>li.expand .sub-list>li strong{font-size:20px;}
	.m14 .sec1 .main-list>li.expand .sub-list>li p{font-size:16px;margin-top: 17px;}
	.m14 .sec2 .slogan{flex-wrap:wrap;}
	.m14 .sec2 .slogan h4{width: 100%;font-size:38px;}
	.m14 .sec2 .slogan p{width: 100%;margin-top:20px;}
	
}
@media screen and (max-width:1024px){
	.m14 .sec1 .main-list>li{border-radius:48px;}
	.m14 .sec1 .main-list>li.expand .bg{border-radius:48px;}
	.m14 .sec2 .bgarea{border-radius:64px;}
}
@media screen and (max-width:990px){
			.m14 .sec1 .main-list>li.expand .sub-list>li strong{font-size:17px;}
	.m14 .sec1 .main-list>li.expand .sub-list>li p{font-size:12px;margin-top: 12px;}
}
@media screen and (max-width:813px){
	.m14 .sec1 .slogan{margin-top: 100px;font-size:32px;padding:0 8vw;word-wrap:normal;word-break:keep-all;}
	.m14 .sec1 .main-list{flex-direction:column;}
	.m14 .sec1 .main-list>li{border-radius:48px;width:40%;height:30%;min-height:0;}
	.m14 .sec1 .main-list>li:nth-child(1){align-self:flex-start;}
	.m14 .sec1 .main-list>li:nth-child(2){align-self:center;}
	.m14 .sec1 .main-list>li:nth-child(3){align-self:flex-end;}
	.m14 .sec1 .main-list>li .bg{min-height:0;}
	.m14 .sec1 .main-list>li.expand{width:60%;}
	.m14 .sec1 .main-list>li.expand .sub-list{flex-direction:column;align-items:center;justify-content:center;}
	
	.m14 .sec2{padding-top: 100px;}
	.m14 .sec2 .bgarea{border-radius:48px;margin-top: 80px;}
	.m14 .sec2 .bgarea{height:50vh;max-height:560px;margin-bottom: 50px;}
	.m14 .sec2 .slogan h4{font-size:28px;}
	.m14 .sec2 .slogan p{font-size:15px;}
	.m14 .sec1 .main-list>li.expand.on .sub-list>li{
	max-width:280px;max-height:280px;
	width:50vw;height:50vw;
	}
}
@media screen and (max-width:640px){
	.m14 .sec1 .main-list>li.expand.on .sub-list>li{
	width:70vw;height:70vw;
	}
	.m14 .sec1 .slogan{font-size:24px;}
	.m14 .sec2 .slogan h4{font-size:24px;}
}
@media screen and (max-width:580px){
	
	
	.m14 .sec1 .main-list>li{width:67%;}
	.m14 .sec1 .main-list>li.expand{width:100%;}
}
@media screen and (max-width:340px){
	.m14 .sec1 .main-list>li.expand.on .sub-list>li{width:90vw;height:90vw;}
	.m14 .sec1 .main-list>li.expand .sub-list>li strong{font-size:15px;}
	.m14 .sec1 .main-list>li.expand .sub-list>li p{font-size:13px;}
}

/*m15*/
.m15 .sec1{padding-top: 100px;}
.m15 .innerwrap{
width:94%;max-width:1400px;margin:0 auto;
}
.m15 .client{width:100%;box-sizing:border-box;padding-bottom: 80px;}
.m15 .client.box2{padding-bottom: 0;padding-top: 80px;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:65px;margin-right:15px;}
.m15 .client .titlewrap h4{color:#000;font-size:26px;font-weight: bold;}
.m15 .client .list{
	display: flex;flex-wrap:wrap;
	gap:10px;
}
.m15 .client .list>li{
	width:calc((100% - 10px) / 2);
	display: flex;align-items:center;justify-content:center;
	background: #f7f7f7;border-radius:30px;
	min-height:120px;overflow:hidden;
	padding:4vw;box-sizing:border-box;
}

@media screen and (max-width:380px){
	.m15 .client .list>li{width:100%;}
}

/*m16*/
.m16{}
.m16 .sec1{padding-top: 160px;}
.m16 .innerwrap{
width:94%;max-width:1400px;margin:0 auto;
}
.m16 .maparea{
min-height:420px;height:65vh;width:100%;overflow:hidden;
}
.m16 .address{
	display: flex;align-items:center;margin:0 auto; margin-top: 90px;gap:20px;
}
.m16 .address>dl{
	position: relative;
	box-sizing:border-box;
	padding-left:calc(75px + 4vw);
	width:calc((100% - 40px) / 3);
}
.m16 .address>dl:before{
	position: absolute;content:'';
	width:75px;height:75px;
	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:18px;color:#000;font-weight: bold;
	margin-bottom: 8px;
}
.m16 .address>dl>dd{
	color:rgba(0,0,0,0.7);
	color:#737373;
	font-size:16px;
	font-weight: 400;
}

@media screen and (max-width:990px){
	.m16 .address{flex-wrap:wrap;gap:50px;}
	.m16 .address>dl{width:100%;}
}
/*m20*/
.m20{padding-bottom: 120px;}
.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:36px;color:#fff;font-weight: bold;text-align: center;
	display: block;
	position: absolute;z-index:10;top:50%;left:50%;
	transform:translate(-50%, -50%);
	width:100%;
}

.m20 .innerwrap{
width:94%;max-width:1400px;margin:0 auto;
}
.m20 .innerwrap .box1{margin-top: 100px;}
.m20 .innerwrap .box{
display: flex;justify-content:space-between;flex-wrap:wrap;padding-bottom:60px;
}
.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:28px;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:18px;font-weight: 600;color:#000;line-height: 1.6em;
	margin-bottom: 20px;
}
.m20 .innerwrap .box .con p{
	font-size:15px;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:20px 0.417vw;
margin-top: 14.5px;flex-wrap:wrap;justify-content:center;
}
.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:13px;text-align: center;
	font-weight: 550;
}
.m20 .dia-list>li .circle{
max-width:230px;max-height:230px;
width:50vw;height:50vw;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:2vw;
}
.m20 .tablewrap{width:100%;overflow:hidden;overflow-x:auto;padding-bottom: 40px;}
.m20 .tablewrap::-webkit-scrollbar{height:6px;}
.m20 .tablewrap::-webkit-scrollbar-thumb{width:10%;background: #000000;cursor:pointer;}
.m20 .tablewrap::-webkit-scrollbar-track {background: #d7d7d7;}
.m20 .tablewrap table{
	width:820px;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:16px;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:14px;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;}

@media screen and (max-width:1399px){
.m20 .dia-list{flex-wrap:wrap;gap:40px 0.417vw;justify-content:center;max-width:480px;margin:0 auto;}
.m20 .dia-list>li{/* width:calc((100% - 0.417vw) / 2); */}
}
@media screen and (max-width:990px){
	.m20 .innerwrap .box .title{width:100%;}
	.m20 .innerwrap .box .con{padding-left: 0;width:100%;margin-top:20px;}
}
@media screen and (max-width:540px){
.m20 .dia-list{max-width:100%;}
.m20 .dia-list>li .circle{width:100vw;height:100vw;}
}
@media screen and (max-width:420px){

	.m20 .innerwrap .imgwrap .img{width:100%;}
	
}

/*m23*/
.m23 .infoarea{
	position: relative;overflow:hidden;
	height:auto;padding:100px 0;margin: 100px auto 0;
	max-width:1600px;width:94%;
	display: flex;align-items:center;justify-content:center;border-radius:64px;
}
.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:26px;color:#dedede;
	font-family: "Noto Sans KR";
	line-height: 1.4em;font-weight: bold;
	padding:0 6vw;word-wrap:normal;word-break:keep-all;
}
.m23 .infoarea .slogan .wht{color:#fff;}
.m23 .infoarea .slogan .org{color:#ff2a1c;}
.m23 .dia-list{margin-top: 60px;}


.m25 .scroll-wrap{width:100%;overflow:hidden;overflow-x:auto;padding-bottom: 40px;}
.m25 .scroll-wrap::-webkit-scrollbar{height:6px;}
.m25 .scroll-wrap::-webkit-scrollbar-thumb{width:10%;background: #000000;cursor:pointer;}
.m25 .scroll-wrap::-webkit-scrollbar-track {background: #d7d7d7;}
.m25_tab_wrap{
	width: 94%;
	margin:0 auto;
	box-sizing: border-box;
	max-width: 1400px;
	/* padding: 30px 13.542vw; */
	padding:30px 0 10px;
	background: transparent;
	position: relative;
	margin-top: 60px;
	overflow:hidden;overflow-x:auto;
}

.m25_tab_list{display: block;vertical-align:middle;white-space:nowrap;}
.m25_tab_list>li{position: relative;display: inline-block;}
.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 12px;
font-size:14px;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:28px 2vw;}
.m25 .tablewrap table th{background: #f8f8f8;}
.m25 .tablewrap table th{font-weight: bold;font-size:15px;}
.m25 .tablewrap table td{font-size:14px;font-family: "Noto Sans KR";}
.m25 .sec1{padding-top: 100px;background: #fafafa;padding-bottom: 120px;}
.m25 .sec1 .page_title{
	font-size: 28px;
	color: #000;
	text-align: center;
	font-weight: bold;
	position: relative;
	box-sizing: border-box;
	margin:0 auto;
	margin-bottom: 80px;
}
.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:22px;color:#000;margin-bottom: 40px;}
.m251 .tablewrap{margin-bottom: 30px;}
.m251 .tablewrap table th{font-size:15px;letter-spacing:-0.025em;padding:45px 0;word-wrap:normal;word-break:keep-all;}
.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:15px;margin-bottom: 8px;
}
.m251 .noti>span{font:inherit;color:#ff2a1c;}

@media screen and (max-width:813px){
	.m251 .tablewrap table{width:990px;}
}


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


.m252 .desc{font-family: "Noto Sans KR";font-size:15px;color:rgba(0,0,0,0.7);font-weight: 400;margin-top: 15px;}
.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;}
.m252 .flex-conwrap>.item .infoarea .title{
	display: flex;align-items:center;word-wrap:normal;word-break:keep-all;font-size:18px;color:#000;font-weight: bold;
	padding-bottom: 16px;border-bottom: 1px solid #d7d7d7;margin-bottom: 16px;
}
.m252 .flex-conwrap>.item .infoarea .title .num{
	width:41px;height:29px;border-radius:14px;background: #ff2a1c;
	font-size:14px;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:15px;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;
	flex-direction:column;
}
.m252 .txt-infowrap .icon{
	width:85px;box-sizing:border-box;
}
.m252 .txt-infowrap .txts{width:100%;margin-top: 30px;box-sizing:border-box;padding-left: 0vw;}
.m252 .txt-infowrap .txts strong{
	font-size:18px;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:15px;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{font-family: var(--kr);box-sizing:var(--bd);
font-size:18px;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: 16px;font-size:15px;
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;
padding:3px 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:14px;
	font-weight: 450;
	position: relative;
	display: block;padding-left: 17px;
}
.m252 .boxarea .tags>li>span:before{
	position: absolute;content:'';
	box-sizing:border-box;
	width:6px;height:6px;
	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:50%;transform:translateX(-50%);
background: #282828;
min-width:250px;height:75px;border-radius:21px;
max-width:100%;
display: flex;align-items:center;justify-content:center;
color:#fff;text-align: center;
font-size:16px;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:15px;margin-bottom: 8px;
}
.m252 .notis>p>span{font:inherit;color:#ff2a1c;font-size:16px;}

@media screen and (max-width:990px){
.m252 .flex-conwrap{flex-wrap:wrap;}
.m252 .flex-conwrap>.item{width:100%;}
.m252 .flex-conwrap>.item .imgarea{height: auto;background:none;border:0;}
.m252 .boxarea{flex-wrap:wrap;}
.m252 .boxarea>.img-wrap{width: 100%;}
.m252 .boxarea>.txt-wrap{width: 100%;margin-top: 50px;}
.m252 .m252_table{width:940px !important;}
.m252 .long-boxarea .img{padding-top: 100px;}
}
@media screen and (max-width:500px){
	.m252 .long-boxarea .tag{font-size:15px;}
}

/*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: 100px;
}

/* 탭 리스트 기본 스타일 */
.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: 57px;
  background-color: transparent;
  transition: all 0.3s ease-in-out;
  font-size:14px;
  min-width:105px;
  height:45px;
  text-align: center;line-height: 45px;;
}

/* 선택된 탭 스타일 */
.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 .scroll-wrap{width:100%;overflow:hidden;overflow-x:auto;padding-bottom: 40px;}
.m253 .scroll-wrap table{} 
.m253 .conarea>h4{font-size:24px;color:#000;font-weight: bold;}
.m253 .conarea>.desc{font-family: "Noto Sans KR";font-size:15px;color:rgba(0,0,0,0.7);font-weight: 400;margin-top: 20px;}
.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:14px;font-weight: 400;font-family: "Noto Sans KR";margin-top: 10px;
line-height: 1.5em;color:#000;font-weight: 400;}

.m253 .m2532{}
.m253 .m2532 .area_title{font-family: "Noto Sans KR";font-size:24px;color:#000;font-weight: bold;margin-bottom: 40px;}
.m253 .m2532 .boxarea{
margin-top: 40px;
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:20px;color:#000;font-weight: 600;padding-bottom: 15px;border-bottom: 1px solid #d7d7d7;;
}
.m253 .m2532 .boxarea>.txt-wrap .txt{font-family: var(--kr);box-sizing:var(--bd);padding-top: 15px;font-size:15px;
color:var(--bk7);line-height: 1.6em;word-wrap:normal;word-break:keep-all;padding-right: 2vw;;
}
.m253 .m2532 .listarea{width:100%;margin-top: 100px;}

.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: 100px;}

.m253 .m2532 .tablearea table td{letter-spacing:-0.025em;padding:35px 2vw;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:15px;font-weight: 700;text-align: left;}
.m253 .m2532 .tablearea table td .bb{box-sizing:var(--bd);border-bottom: 1px solid #c5c5c5;padding-bottom: 10px;margin-bottom: 10px;}
.m253 .m2532 .tablearea table td .txtlist li{
position: relative;font-size:14px;color:#000;box-sizing:border-box;
padding-left: 14px;line-height: 1.6em;font-family: var(--kr);letter-spacing:-0.025em;
}
.m253 .m2532 .tablearea table td .txtlist li + li{margin-top: 5px;}
.m253 .m2532 .tablearea table td .txtlist li:before{
	position: absolute;content:'';
	width:6.93px;height:6.93px;border-radius:50%;
	border:2px solid #ff2a1c;
	top:9px;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:14px;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:14px;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:24px;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;}

@media screen and (max-width:1399px){
	.m253 .m2532 .listarea .boxlist li{min-height:220px;width:calc((100% - 27px * 2) / 3);}
		.m253 .m2532 .listarea .boxlist li .ltit{font-size:22px;}
	.m253 .m2532 .listarea .boxlist li .txt{font-size:17px;}
}

@media screen and (max-width:990px){
	.m253 .scroll-wrap table{width:990px;}
	.m253 .m2532 .boxarea{flex-wrap:wrap;}
	.m253 .m2532 .boxarea>.img-wrap{width:100%;}
	.m253 .m2532 .boxarea>.txt-wrap{width:100%;margin-top: 40px;padding-left: 0;}
}
@media screen and (max-width:813px){
	.m253 .m2532 .listarea .boxlist{gap:20px;}
		.m253 .m2532 .listarea .boxlist li{min-height:180px;width:calc((100% - 20px) / 2);}
		.m253 .m2532 .listarea .boxlist li .ltit{font-size:18px;}
	.m253 .m2532 .listarea .boxlist li .txt{font-size:15px;margin-top: 12px;padding-top: 12px;}
	.m253 .m2532 .listarea .boxlist li .num{font-size:13px;}
}
@media screen and (max-width:380px){
	.m253 .m2532 .listarea .boxlist li{min-height:180px;width:100%;}
}

/*m30*/
.m30 .innerwrap{
	width:94%;max-width:1400px;margin:0 auto;
}
/*m31*/
.m31{padding-bottom: 0;}
.m31 .sec1{margin-top: 120px;padding-bottom:120px;}
.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: 28px; 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:100px 0;padding-bottom: 120px;
}
.m31 .sec2 .conarea{
display: flex;justify-content:space-between;align-items:start;flex-wrap:wrap;
}
.m31 .sec2 .conarea .titlearea{width:100%;padding-top: 35px;border-top:1px solid #9da3ae;box-sizing:border-box;}
.m31 .sec2 .conarea .titlearea h4{
font-size:28px;color:#000;font-weight: bold;line-height: 1.4em;margin-bottom: 30px;
}
.m31 .sec2 .conarea .titlearea p{
		font-size:15px;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:100%;margin-top: 60px;
}
.m31 .sec2 .conarea .graph .list{
	display: flex;flex-wrap:wrap;gap:40px 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:100%;
display: flex;flex-direction:column;align-items:center;
}
.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;
}

@media screen and (max-width:813px){
	.m31 .sec1 .con .infowrap .title{margin-bottom: 20px;}
	.m31 .sec1{margin-top: 80px;padding-bottom: 100px;}
	.m31 .sec1 .con{flex-wrap:wrap;}
	.m31 .sec1 .con .img1{width: 720px;margin:0 auto;max-width:100%;border-radius:64px;}
		.m31 .sec1 .con .img1 img{width: 100%;}
	.m31 .sec1 .con .img1 + .infowrap{margin-top: 40px;width: 100%;padding-left: 0;}
	.m31 .sec1 .con2{display: flex;flex-direction:column-reverse;}
	.m31 .sec1 .con .img2{width: 720px;margin:0 auto;max-width:100%;border-radius:64px;}
	.m31 .sec1 .con .img2>img{width:100%;}
	.m31 .sec1 .con2 .infowrap{width:100%;margin-top: 40px;}
	.m31 .sec1 .con .infowrap .txt{padding-right: 0;font-size:15px;}
	
}

/*m32*/
.m32{padding-bottom: 0;}
.m32 .sec1{position: relative;padding-top: 100px;padding-bottom: 120px;margin-top: 80px;background: #f7f7f7;}
.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:60px 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:20px;color:#000;font-weight:700;margin:20px 0;
}
.m32 .sec1 .prd-list>li p{
	font-size:15px;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;
}

@media screen and (max-width:1100px){
	.m32 .sec1 .prd-list>li{width:calc((100% - 2.7vw) / 2);}
}
@media screen and (max-width:640px){
	.m32 .sec1 .prd-list>li{width:100%;}
}

/*m33*/
.m33{}
.m33 h4{
	font-size:24px;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:80px;
	padding-top: 100px;padding-bottom: 100px;
}
.m33 section{padding-top: 120px;}
.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:20px;color:#000;font-weight: 600;font-family: "Noto Sans KR";
}
.m33 .tablewrap .tb-title .time{
	font-size:14px;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:15.5px;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:14px;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:auto;padding:90px 0;border-radius:64px;
display: flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom: 40px;
}
.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:18px;color:#fff;font-weight: 600;text-align: center;line-height: 1.6em;
	box-sizing:border-box;padding:0 4vw;
}
.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:16px;color:#737373;
	font-weight: 400;line-height: 1.7em;margin-bottom: 30px;word-wrap:normal;word-break:keep-all;
}
.m33 .sec3 .infoarea p b{font:inherit;color:#000;font-weight: bold;}
.m33 .sec3 .infoarea p .req{font:inherit;color:#ff2a1c;font-size:15px;}
.m33 .sec3 .infoarea p:last-child{margin-bottom: 0;}


@media screen and (max-width:990px){
	.m33 .scroll-wrap{width:100%;overflow:hidden;overflow-x:auto;padding-bottom: 50px;}
	.m33 .scroll-wrap::-webkit-scrollbar{height:6px;}
	.m33 .scroll-wrap::-webkit-scrollbar-thumb{width:10%;background: #000000;cursor:pointer;}
	.m33 .scroll-wrap::-webkit-scrollbar-track {background: #d7d7d7;}
	.m33 .tablewrap table{width:990px;}
}

/*m34*/
.m34{padding-bottom: 0;}
.m34 .page_tabs{
	margin:100px auto 0;
}
.m34 .page_tabs ul{
	display: flex;align-items:center;justify-content:center;gap:50px;max-width:100%;
}
.m34 .page_tabs ul>li{
	min-width:120px;
}
.m34 .page_tabs ul>li>a{
	position: relative;
	display: block;box-sizing:border-box;padding-bottom: 15px;font-size:16px;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: 80px;padding-bottom: 120px;border-top:1px solid #cfcfcf;}
.m34 .conwrap{
width:94%;max-width:1400px;margin:0 auto;
}
.m34 .list{
	display: flex;flex-wrap:wrap;gap:50px 4vw;
}
.m34 .list>li{
	width:calc((100% - 4vw) / 2);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;
	width:100%;
}
.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:16px;margin-bottom: 10px;
}
.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:15px;
	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:25px;height:25px;
	margin-left:20px;
}
.layer_pop .conwrap{/* margin:0 auto;max-width:970px; *//* overflow:hidden;overflow-y:auto; */
width:60vw;}
.layer_pop .conwrap img{/* width:100%;height:auto; */width:100%;
max-width:685px;}
.layer_pop .conwrap .img{border-radius:33px;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;
}

@media screen and (max-width:768px){
	.layer_pop .conwrap .img{border-radius:24px;}
	.m34_pop .info{margin-top: 20px;}
	.m34_pop .info .title{font-size:18px;margin-bottom: 10px;}
	.m34_pop .info .small .from, .m34_pop .info .small .date{font-size:16px;}
	.layer_pop .conwrap{width:60vw;}
}
@media screen and (max-width:360px){

	.m34 .list>li{width:100%;}
		.m34 .page_tabs ul{gap:10px;}
	.m34 .page_tabs ul>li{width:calc((100% - 10px) / 2);min-width:0;}
	.m34 .page_tabs ul>li>a{word-wrap:normal;word-break:keep-all;}
}

/*paging*/
.paging {text-align: center;margin-top:98px;}
.paging > * {display: inline-block;vertical-align: top;width:30px;height:30px;font-family:'Wix Madefor Display';
font-size:15px;font-weight:300;color:#000;line-height:30px;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;}

/*m40*/
.m40{padding-bottom: 0;}
.m40 .titlearea{
	width:100%;
	max-width:100%;text-align: center;
	margin:80px auto 0;
	padding:0 2vw;
}
.m40 .titlearea h3{font-size:28px;color:#000;font-weight: bold;line-height: 1.3em;}
.m40 .titlearea p{
	font-family: "Noto Sans KR";font-size:16px;line-height: 1.6em;color:rgba(0,0,0,0.7);margin-top:30px;

}
.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:70px;
}
.m40 .sec1 .list>li .top .tit{width:100%;box-sizing:border-box;margin-top: 18px;
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: 80px;padding-bottom: 120px;
}
.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;
}

@media screen and (max-width:813px){
	.m40 .sec1{padding-top: 100px;padding-bottom: 100px;margin-top: 100px;}
	.m40 .sec1 .list>li .top .tit{font-size:20px;}
	.m40 .sec1 .list>li .top .icon{max-width:60px;}
	.m40 .sec2 .box .slogan{font-size:16px;}
	.m40 .sec2 .box{padding:50px 4vw;}
	.m40 .sec1 .list>li{width:100%;padding:40px 4vw;}
	.m40 .sec1 .list>li .bot .ps .tag{font-size:12px;}
	.m40 .sec2 .box{background: #f7f7f7 url(/images/page/m40_box_bg_mobile.png)no-repeat center bottom / cover;}
}

/* m51 */
.m51{}
.m51 .sec1{padding:0 0 80px;background:0;}
.formwrap{display:flex;flex-wrap:wrap;justify-content:space-between;position: relative;z-index:30;}
.formwrap dl{
	box-sizing:border-box;
	width:100%;
	margin-bottom:40px;
}
.formwrap dl.w100{width:100%;}
.formwrap dl.filearea{width:100%;}
.formwrap dl dt{margin-bottom:10px;font-size:15px;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 20px;
	border:0;background:#f9f9f9;outline:0;
	border-radius:15px;
	font-size:15px;color:#555;
}
.formwrap dl dd input::placeholder{color:#999;font-size:15px;}
.formwrap dl dd select{
	appearance: none;
	box-sizing:border-box;
	width:100%;height:60px;
	padding:0 20px;
	border:0;outline:0;
	background:#f9f9f9 url(/images/page/sel_arr.png) no-repeat calc(100% - 20px)  center;
	border-radius:15px;
	font-size:15px;color:#555;
}
.formwrap dl dd select::placeholder{font-size:15px;}
.formwrap dl dd select option{font-size:15px;}
.formwrap dl dd textarea{
	box-sizing:border-box;
	width:100%;height:400px;
	padding:25px 20px;
	border:0;outline:0;resize:none;
	background:#f9f9f9;
	border-radius:15px;
	font-size:15px;color:#555;
}

.formwrap dl dd .fileboxwrap{
	display: flex;
	flex-direction: column;
}
.formwrap dl dd .fileboxwrap .filebox{
	position: relative;
	display: inline-block;
	width: 100%;
}
.formwrap dl dd .fileboxwrap .filebox .upload-name {
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	height: 60px;
	line-height:60px;
	padding: 0 20px;
	outline: 0;
	font-size: 15px;
	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: 100%;
	height: 60px;
	font-size: 15px;
	border-radius: 15px;
	background: #282828;
	margin-top: 10px;
}
.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:0px;padding-top:40px;
	border-top:1px solid #ccc;
}
.agreewrap .chk{margin-bottom:30px;}
.agreewrap .chk input{display:none;}
.agreewrap .chk input + label{
	position:relative;
	padding-left:35px;
	font-size:18px;color:#000;font-weight:600;
}
.agreewrap .chk input + label:before{
	display:block;content:"";
	width:24px;height:24px;
	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:380px;overflow:hidden;overflow-y:auto;}
.agreewrap .txts textarea{
	box-sizing:border-box;display:block;
	width:100%;height:100%;
	padding:40px 30px;
	background:#f9f9f9;border:0;outline:0;resize:none;
	border-radius:15px;
	font-size:15px;color:#666;line-height:1.7em;
}
.btnSend{
	display:block;
	box-sizing:border-box;
	width:180px;height:58px;max-width:100%;
	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:80px auto 40px;
overflow:hidden;
}
.m53 .topimg .imgs{border-radius:100px;overflow:hidden;}
.m53 .list{
display: flex;flex-wrap:wrap;margin:0 auto;
width:94%;
max-width:1400px;
}
.m53 .list>li{
width:100%;display: flex;align-items:start;
padding:40px 0;border-bottom: 1px solid #cfd0d1;
}
.m53 .list>li  .icon{width: 100px;height: 100px;border-radius:20px;background: #f9f9f9;
display: flex;align-items:center;justify-content:center;
}
.m53 .list>li .info{
width:calc(100% - 120px);padding-left: 4vw;
}
.m53 .list>li .info>dt{padding-top:5px;font-size:22px;color:#000;font-weight: bold;margin-bottom: 12px;}
.m53 .list>li .info>dd>div{font-family: "Noto Sans KR";font-size:15px;color:rgba(0,0,0,0.7);font-weight:400;position: relative;padding-left: 15px;}
.m53 .list>li .info>dd>div + div{margin-top: 4px;}
.m53 .list>li .info>dd>div:before{
	position: absolute;content:'';
	width:7px;height: 7px;border-radius:50%;
	box-sizing:border-box;
	border:1.5px solid #ff2a1c;
	top:8px;left:0;
}

@media screen and (max-width:768px){
.m53 .topimg>img{width:90%;}
}
@media screen and (max-width:500px){
.m53 .topimg>img{width:100%;}
}


/*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);}
}