@charset "utf-8";
body{overflow-x: hidden; max-width: 100%; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.main_con01 {position:relative; width:100%; height: 100%; background: #73308b; padding:70px 0 150px; box-sizing: border-box;}

.main_con01 div.list_area {width:100%; max-width:1080px; margin:0 auto; display: block;}
.main_con01 div.list_area > p.tit {font-size:48px; font-weight: 900; letter-spacing: -0.01em; text-align: center; color:#fff; margin-bottom:50px;}
.main_con01 div.list_area .list01 {position:relative; width:100%; }
.main_con01 div.list_area .list01 span {width:100%; height:1px; background: #cfd3db; top:22px; z-index:1; position:absolute; display: block;}
.main_con01 div.list_area .list01 > p.tit {width:300px; text-align:center; position:relative; z-index: 2; background: #cfd3db; text-align: center; border-radius: 40px; margin:0 auto; color:#333; font-size:20px; font-weight:900; letter-spacing: -0.01em; line-height: 45px;}
.main_con01 div.list_area .list02 {position:relative; width:100%; margin-top:50px;}
.main_con01 div.list_area .list02 span {width:100%; height:1px; background: #cfd3db; top:22px; z-index:1; position:absolute; display: block;}
.main_con01 div.list_area .list02 > p.tit {width:300px; text-align:center; position:relative; z-index: 2; background: #cfd3db; text-align: center; border-radius: 40px; margin:0 auto; color:#333; font-size:20px; font-weight:900; letter-spacing: -0.01em; line-height: 45px;}
.main_con01 div.list_area > div ul {font-size:0; text-align: center; width:100%; margin:20px 0 0 0;}
.main_con01 div.list_area > div ul li {display: inline-block; vertical-align: top; width:343px; margin:0 8px; position:relative; overflow:hidden;}

.main_con01 div.list_area ul li.list_m_on .hover_box {opacity:1; transition:all 0.5s;}
.main_con01 div.list_area ul li .hover_box {position:absolute; width:100%; height:100%; background: rgba(0,0,0,0.6); opacity:0;  transition:all 0.5s; top:0; left:0; padding:20px; box-sizing: border-box;}
.main_con01 div.list_area ul li .hover_box p {text-align: left !important;}
.main_con01 div.list_area ul li .hover_box p.tit {font-size:28px; color:#b150c5; font-weight: bold; letter-spacing: -0.05em; line-height: 1; margin-bottom:5px; transition:all 0.5s; margin-left:-200px;}
.main_con01 div.list_area ul li .hover_box p.desc {font-size:24px; color:#fff; font-weight: bold; letter-spacing: -0.05em; line-height: 1; margin-bottom:5px; transition:all 0.9s; margin-left:-200px;}
.main_con01 div.list_area ul li .hover_box p.tit.list_m_txt {margin-left:0; font-size:18px; transition:all 0.2s;}
.main_con01 div.list_area ul li .hover_box p.desc.list_m_txt {margin-left:0; font-size:14px; transition:all 0.4s;}
.main_con01 div.triangle {position:absolute; left:0; top:-60px;  height:100%; width:calc(100% + 60px); transition:all 0.3s;}
.main_con01 div.triangle .box {position:relative;  height:calc(100% + 100px);  overflow: hidden;}

.main_con01 div.triangle .box .square {width:100px; background: #e9e9e9; height:calc(100% + 60px); width:12%;}
.main_con01 div.triangle .box .triangle {width:100%; height: 100%; position:absolute; display: block; left:12%; top:0; width:0; height:0; border-style: solid; border-right-width:0; border-bottom-width:0; border-color:transparent transparent transparent #e9e9e9; border-left-width:610px; border-top-width:1080px; }

.main_con01 div.view_more {position:absolute; bottom:-84px; left:50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0);z-index:2; text-align:center;}
.main_con01 div.view_more a {display:block; width:100px; height:100px; background: #000; border-radius: 50%;  position:relative; transition:all 0.3s;}
.main_con01 div.view_more a:hover {background: #73308b; transition: all 0.3s;}
.main_con01 div.view_more img {position:absolute; top:50%; left:50%; width:33px; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transition: all 0.3s;}
.main_con01 div.view_more a:hover img {width:40px; transition: all 0.3s;}
.main_con01 div.view_more p {font-size:18px; color:#000; letter-spacing: -0.02em; font-weight: 900; text-align: center; line-height: 25px; margin-top:10px}


.main_con01 .m_list {width:100%; display: none; max-width:100%; margin:0 auto;}
.m_list span {width:100%; height:1px; background: #cfd3db; top:22px; z-index:1; position:absolute; display: block;}
.m_list > div {position:relative;}
.m_list > div.m_list02 {margin-top:50px;}
.m_list > div > div {margin-top:20px;}
.m_list p.tit {width:300px; text-align:center; position:relative; z-index: 2; background: #cfd3db; text-align: center; border-radius: 40px; margin:0 auto; color:#333; font-size:20px; font-weight:900; letter-spacing: -0.01em; line-height: 45px;}



@media all and (max-width:1093px){
	.main_con01 .list_area.pc_list {display: none;}
	.main_con01 .m_list {width:100%; display: block; height: 100%;}
	.main_con01 div.triangle .box .square {width:15%;}
	.main_con01 div.triangle .box .triangle {position:absolute; display: block; left:15%; top:0; width:0; height:0; border-style: solid; border-right-width:0; border-bottom-width:0; border-color:transparent transparent transparent #e9e9e9; border-left-width:600px; border-top-width:1555px; }
    .main_con01 div.triangle {position:absolute; left:0; top:-5.859375vw;  height:100%; width:100%; transition:all 0.3s;}
    
}

@media all and (max-width:640px){
	.main_con01 div.view_more {bottom:-60px; }
	.main_con01 div.view_more a {width:15.625vw; height:15.625vw;}
	.main_con01 div.view_more img {width:5.15625vw;}
	.main_con01 div.view_more a:hover img {width:6.25vw;}
	.main_con01 div.view_more p {font-size:2.8125vw; line-height: 3.90625vw;}
	.m_list p.tit {width:59.875vw; border-radius: 6.25vw; font-size:4.325vw; line-height: 8.93125vw;}
	.m_list span {top:3.4375vw;}
	.main_con01 div.triangle .box .square {width:10%;}
	.main_con01 div.triangle .box .triangle {left:10%; border-left-width:650px; border-top-width:1555px; }
}


.main_con02 {position:relative; width: 100%; background: #e9e9e9; padding:130px 0 150px 0; box-sizing: border-box; z-index:1;}
.main_con02 .cont_box{width:100%; max-width:1080px; margin:0 auto; position:relative;}
.main_con02 .cont_box:after {content: ""; display: block; clear: both;}
.main_con02 .cont_box .left {float:left;}
.main_con02 .cont_box .left span {width:40px; height:4px; background: #bd5eb5; display: block;}
.main_con02 .cont_box .left p.tit {font-size:48px; line-height: 60px; color: #333; font-weight: 300; letter-spacing: -0.038em; }
.main_con02 .cont_box .left p.tit b {font-weight: 900; }
.main_con02 .cont_box .left p.desc {font-size:16px; line-height: 30px; font-weight: 400; color:#2f363b; margin:40px 0;  font-family: Noto Sans KR;}
.main_con02 .cont_box .left > a {width:285px; display: block; line-height: 60px; color:#fff; font-weight: 900; font-size:14px; background: #141414; text-align: center; margin-top:15px; border:3px solid #141414; transition:all 1s;}
.main_con02 .cont_box .left > a:hover {background: #73308b; border:3px solid #73308b; color:#fff; transition:all 1s;}
.main_con02 .cont_box .right {float:right;}
.main_con02 .cont_box .right img{position:absolute; right:-120px;top:-20px;}

@media all and (max-width:1300px){
	.main_con02 .cont_box .left {float:none; width:100%; text-align: center; margin-top:40px;}
	.main_con02 .cont_box .left span {margin:0 auto;}
	.main_con02 .cont_box .left > a {margin:15px auto 0;}
	.main_con02 .cont_box .right {float:none; width:100%; text-align: center; margin-top:70px}
	.main_con02 .cont_box .right img{position:relative; right:0; top:0; max-width:100%;}
}

@media all and (max-width:640px){
	.main_con02 {padding:17.9375vw 0 23.4375vw 0;}
	.main_con02 .cont_box .left {margin-top:6.25vw;}
	.main_con02 .cont_box .left span {width:6.25vw; height:0.625vw;}
	.main_con02 .cont_box .left p.tit {font-size:9.5vw; line-height: 11.375vw; }
	.main_con02 .cont_box .left p.desc {font-size:3.425vw; line-height: 4.9875vw; margin:6.25vw 0; padding-left:1%; padding-right:1%; box-sizing: border-box}
	.main_con02 .cont_box .left > a {width:43.53125vw; line-height: 9.375vw; font-size:4.1875vw; margin:2.34375vw auto 0; }
	
}

.main_con03 {width:100%; height:70px; background: #73308b;}

.scroll_wrap {width: 100%; height: 100%; position: relative;  top: 200px; overflow-x: hidden} 
.fixed_main_tit {position:absolute; margin:auto; bottom:auto; right:auto; box-sizing: border-box; opacity:1; margin-left:3%; display:inline-block; width:590px;}
.main_tit {font-size:140px; color:#fff; font-weight: 900; letter-spacing: -0.02em; transition:all 0.3s; opacity:1; zoom:1;}

.fixed_main_tit > span {text-align: left; zoom:1; transition:all 0.4s; padding-top:20px; margin-left:5px;}
.fixed_main_tit span.sub_icon {display: inline-block; vertical-align: top; float:left; padding-top:30px}
.fixed_main_tit span.sub_icon img {margin:5px 2px 0 0; width:13px;}
.fixed_main_tit span.sub_txt {font-size:16px; letter-spacing: -0.01em; color:#fff; font-weight: 300; display: inline-block; vertical-align: top;  width:calc(95% - 13px); padding-top:30px; margin-left:5px}

.fixed_main_tit p.desc {}
.scroll_top_txt {position:absolute; bottom:30px; left:50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0);-moz-transform: translate(-50%, 0); text-align: center; z-index:9;}
.scroll_top_txt a {position:relative; z-index:99; font-size:14px; line-height: 30px; letter-spacing: -0.05em; color:#fff; font-weight: bold; text-align: center; display: block;}
.scroll_top_txt a div {position:relative; margin:0 auto; cursor: pointer; width:0; height:0;}

@media all and (max-width:1220px){
	.main_tit {font-size:12vw; }
    .scroll_wrap {width: 100%; height: 100%; position: relative;  top: 100px; overflow-x: hidden} 
    .nom_m{display: none;}
    .non_m{display: block;}
}

@media all and (max-width:1000px){
	/*.fixed_main_tit {margin-left:-10%;}*/
    
}
@media all and (max-width:710px){
	.fixed_main_tit {margin-left:5%; width:90%;}
}
@media all and (max-width:640px){

	.main_tit {font-size:12.5vw; width:100%;}
	.fixed_main_tit span.sub_txt {font-size:12px;}

}
@media (min-width:480px) and (max-width:640px){
    
    .main_con01 div.view_more {bottom:-71px;}
    .main_con01 div.view_more a {width:80px; height:80px; margin-left:10px}
	.main_con01 div.view_more img {width:33px}
	.main_con01 div.view_more a:hover img {width:33px}
	.main_con01 div.view_more p {font-size:2.8125vw; line-height: 3.90625vw;}
	.m_list p.tit {width:59.875vw; border-radius: 6.25vw; font-size:4.325vw; line-height: 8.93125vw;}
	.m_list span {top:3.4375vw;}
	.main_con01 div.triangle .box .square {width:10%;}
	.main_con01 div.triangle .box .triangle {left:10%; border-left-width:600px; border-top-width:1555px; }
    
    .main_con01 div.triangle .box {position:relative;  height:630px; overflow: hidden;}
}

@media all and (max-width:1220px){
	.main_tit {font-size:12vw; }
    .scroll_wrap {width: 100%; height: 100%; position: relative;  top: 100px; overflow-x: hidden} 
    .nom_m{display: none; margin-left:5px}
    .non_m{display: block; margin-left:5px}
}

.nom_m{display: block; margin-left:5px}
.non_m{display: none; margin-left:5px}