/* #main{font-family: 'gtC','NanumSquareRound','Malgun Ghothic',dotum;} */
.tit-m{text-align: center;font-size: 1.25em;line-height: 1.15;margin-bottom: 3.500em;}
.tit-m .no{display: inline-block;background: url('../img/main/t.png') right bottom no-repeat;line-height: 1;font-size: 12px;padding-right: 18px;vertical-align: super;margin-right: 18px;font-weight: 800;}
.tit-m .t{font-size: 1.800em;font-weight: 800;}
.tit-m .txt{margin-top: 1.5em;}
.pd_com{padding: 100px 0}
#main_visual{position: relative;}
#main_visual .item{text-align: center;font-size: 1.125em;position: relative}
#main_visual .com{height: 824px;position: relative;}
#main_visual .tit img{margin: 0 auto;display: block;}
#main_visual .txt{}
#main_visual .mid{font-weight: 700;font-size: 1.333em;margin: 1.250em 0 0.833em 0;}
#main_visual .btn_w{max-width: 684px; margin: 0 auto;}
#main_visual .btn{margin: 0 0 0 -2%;font-size: 14px;line-height: 48px;color: #564e86}
#main_visual .default{padding: 150px 15px 230px;position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;}
#main_visual .tit img{max-width: 50%}
#m1 .group_w > li,#main_visual .btn_w a,#main_visual .btn_w span,#m1 .group_w .more,#m1 .group_w .small{transition: all ease-in-out .15s}
#main_visual .btn_w{text-align: center;}
#main_visual .btn_w a{float: left; width: 49%;margin: 0 0 1% 1%;border:1px solid #bdb4c2;border-radius: 3px; background: rgba(255,255,255,.8)}
#main_visual .btn_w a span{background: url('') left center no-repeat; display: inline-block;padding-left: 30px;}
#main_visual .btn_w a:hover,#main_visual .btn_w a.active{border-color: #7b47d2; color: #7b47d2;background-color: #fff;}
#main_visual .scroll_d{position:relative;margin: 0 auto;display: block;}
#main_visual .ms_w{position: relative;width: 2000px;left: 50%;margin-left: -1000px;}
#main_visual .ms_w img{display: block;margin: 0 auto;}
#main_visual .ab{position: absolute;left: 50%;bottom: 35px;width: 100%;    max-width: 684px;transform: translateX(-50%);}
#main_visual .add{margin-top: 15px; color:#4b1e78}
#main_visual .slick-dots{font-size: 0;}
#main_visual .slick-dots li{margin: 0 5px;}
#main_visual .slick-dots button{width: 13px;height: 13px;border-radius:50%;border:1px solid #4b1e78}
#main_visual .slick-active button{background: #4b1e78}
#main_visual .add > *{display: inline-block;vertical-align: middle;}
#main_visual .controls{width: 15px;height: 12px;background: url('../img/main/controls.png') center center no-repeat; white-space: nowrap;overflow: hidden;text-indent: -999px; margin: 0 10px 0 5px;}
#m1 .group_w{margin-left: -1.5%;display: -webkit-flex;
display: -ms-flex;
display: flex;flex-wrap: wrap;font-size: 0.875em;}
#m1 .group_w > li{float: left;width: 18.5%;margin-left: 1.5%;background: #f5f5f5;border-radius: 50px;padding: 67px 30px;height: 563px;position: relative;}
#m1 .t_w{line-height: 1.15;height: 225px;border-bottom: 1px dashed #ddd; position: relative;padding-top: 97px;}
#m1 .t_w .ico{margin-bottom: 60px;display: block; position: absolute;left: 0;top:0}
#m1 .t_w .t{font-size:2em;margin: 0 0 20px 0;}
#m1 .small{display: block;color: #888; letter-spacing: .03em;}
#m1 .group_w p{margin-top: 30px;color: #fff;display: none;}
#m1 .group_w .more{line-height: 50px; position: absolute;right: 40px;bottom: 40px;padding-right: 70px;color: #888; text-align: right; background: url('../img/main/more.png') right center no-repeat;}
#m1 .group_w > li.hover{background:url('../img/main/m1_hover.gif') center center no-repeat; background-size: cover;color: #fff}
#m1 .group_w > li.hover .small{color: #b191d0}
#m1 .group_w > li.hover .more{background-image: url('../img/main/more_on.png'); color: #fff}
#m1 .group_w > li.hover .t_w{height: auto;border:0}
#m1 .group_w > li.hover .ico{display: none;}

#m2 .tit-m{margin-bottom: 30px;}

#m4{background: #f1f2fe}
#m4 .t1.sect{padding-bottom: 44.158%;}
#m4 .r .sect{padding-bottom: 92%;}
.half_w > .l{float: left; width: 48.5%}
.half_w > .r{float: right; width: 48.5%}
.half_w .half_w > *{width: 48%}

#m4 .t1{background: #dddff1;border-radius: 30px;position: relative;overflow: hidden;}
#m4 .t1 .dec{position: absolute;left: 0;top:50%;height: 130px;width: 44px;margin-top: -65px;background: #dddff1;z-index: 1;border-radius: 30px}
#m4 .t1 .img{position: absolute;left: 3.5%;top:7.5%;width: 93%;height: 85%;background: #000;border-radius: 30px;overflow: hidden;}
#m4 .t1 .img iframe{width: 100%;height: 100%;display: block;}
#m4 .t1 .txt{position: absolute;left: 0;bottom: 0;background: rgba(0,0,0,.5);width: 100%;color: #fff;padding: 15px 187px 15px 70px; line-height: 1.35; z-index: 30;min-height: 80px;font-weight: 700;}
#m4 .t1 .txt a{display: block;}
#m4 .t1 .txt a > div{display: block; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#m4 .t1 .txt .date{position: absolute;right: 50px;bottom: 20px}

#m4 .r .img{border-radius: 30px;position: relative;}
#m4 .t2 .img{background: #f97186}
#m4 .t3 .img{background: #d6a4ea}
#m4 .r .img .in{width: 80%;position: absolute;left: 50%;margin-left: -40%;bottom: 0;box-shadow: 10px -8px 8px rgba(0,0,0,.08);display: block;    padding-bottom: 80%; overflow: hidden;}
#m4 .r .img .in a{display: block;}
#m4 .r .img .in img{display: block;
    margin: 0 auto;
    height: auto !important;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;}
#m4 .bot{margin-top: 60px;}
#m4 .r .img .in{}

.m_notice{margin-left: -2%;}
.m_notice > li{float: left; width: 31.33333333333%;margin-left: 2%; background: #fff;border-radius: 30px;background: #fff;border:1px solid #dce5eb}
.m_notice a{display: block;padding: 40px 35px 40px 130px;position: relative;}
.m_notice .date{position: absolute;left: 0;width: 130px;text-align: center;padding: 0 15px;line-height: 1.15;}
.m_notice .date > *{display: block;}
.m_notice .date .day{font-size: 48px; font-weight: 800;line-height: 1;letter-spacing: -0.018em;position: relative;}
.m_notice .date .new{position: absolute;right: 5px;top:-8px;font-size: 13px;background: #7b47d2;color: #fff;border-radius:50%;width: 28px;height: 28px;text-align: center;line-height: 28px;display: block;}
.m_notice .date .z{position: relative; z-index: 1}
.m_notice .date .month{font-size: 0.875em; color: #888}
.m_notice .cont{padding-left: 30px;border-left:2px dashed #dce5eb;}
.m_notice .cont .tit{font-size: 1.25em;height: 2.3em;display: block;line-height:1.15;overflow: hidden;}
.m_notice .cont .txt{font-size: 0.875em;color: #999;margin-top: 1.3em; line-height: 1.15; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;}


#fluid-bg{position: absolute;left: 0;top:0;width: 100%;height: 100%;z-index: -1}

#main_visual .bg_w{position: relative;overflow: hidden;}
#main_visual .bg{position: absolute;left: 0;top:0;width: 100%;height: 100%;background: rgba(0,0,0,.5); z-index: 1;padding-top: 100px;}
#main_visual .bg img{display: block;margin: 0 auto;}
#main_visual .bg .small{margin-top:100px;color: #fff}
#main_visual video{
	margin: auto;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
}

.mbet{position: absolute;left: 0;bottom: 0;width: 100%}
.mbet > .in{max-width:1722px;margin: 0 auto;}
.mbet > .in img{display: block;margin: 0 !important;}
#main_visual .m{display: none;}
#main_quick{position: fixed; right: 0;top:50%; width: 163px; height: 184px; margin-top: -92px; color: #fff; letter-spacing: -0.07em;line-height: 1.35; z-index: 30}
#main_quick li{background: rgba(0,0,0,.3);margin-top: 2px;border-radius:5px 0 0 5px}
#main_quick li:first-child{margin-top: 0;}
#main_quick a{display: table;width: 100%;height: 60px; padding: 10px 10px 10px 24px}
#main_quick a span{display: table-cell;vertical-align: middle; padding-left: 35px; background: url('') left center no-repeat}
#main_quick .q1 span{background-image: url('../img/main/q2.png')}
#main_quick .q2 span{background-image: url('../img/main/q1.png')}
#main_quick .q3 span{background-image: url('../img/main/q3.png')}
#main_sns{position: fixed; left: 100px;z-index: 30;    top: 50%;
    margin-top: -63px;}
#main_sns img{display: block;}
#main_sns li{margin-top: 20px;}
#main_sns li:first-child{margin-top: 0;}
#m2 .slick-dots > li{float: left; width: 16.6666666667%}
#m4 .t1 .txt .vertical > div{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
@media (max-width:1700px){
	#main_visual .ms_w{    width: 135%;
    margin-left: -67.5%;
    left: 50%;}
    #main_visual .com{
    height: auto;
    padding-bottom: 39.2%;
    }
    .mbet > .in{max-width:73%}
    #main_visual .small,#main_visual .bg .small{margin: 50px auto 0; max-width: 67%;}
    .mbet > .in img{max-width:40%}
    /* #main_visual .default{padding-top: 50%;} */
    
}
@media (max-width:1530px){
	#main_sns{left: .938rem}
}
@media (max-width:1500px){
    #main_visual .com{padding-bottom: 41.2%;}
}
@media (max-width:1480px){
	#m2 .prev{left: .938rem}
	#m2 .next{right: .938rem}
	#m2 .s_w .in{padding-left: 36.7%;}
	.c_more{    width: 80px;
    height: 80px;
    line-height: 70px;    font-size: .938rem;}
}
@media (max-width:1300px){
	#m1 .group_w > li{height: 500px}
	
	#m4 .t1 .txt{padding: 1em 7em 0 1em;}
	#m4 .t1 .txt .date{right: 1em}
	
	.m_notice .date{width: 5.3em}
	.m_notice .date .day{font-size: 30px;}
	.m_notice .date .new{    right: -10px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    top: -3px;}
	.m_notice a{padding: 1.5em 1em 1.5em 5.3em}
	.m_notice .cont{padding-left: 1em;}
	
	#main_visual .default{padding-top: 5%;}
	#main_visual .i4 .bg{padding-top: 7%;}
	#main_visual .bg img{max-height: 47%}
	#main_visual .bg .small{margin: 3% auto 0}
	
	#main_visual .btn{line-height: 40px;}
	#main_visual .btn_w{    max-width: 95%; margin: 0 auto;}
	#main_visual .btn_w a{width: 24%}
	#m1 .group_w > li{padding: 50px 15px}
    #main_visual .ab{left: 0;transform:none; width: 100%;max-width:100%}
}
@media (max-width:1024px){
	#main_visual{background: url('../img/main/main_visual.jpg') center center no-repeat}
	.pd_com{padding: 5em 0}
	#m2 .s_w{padding: 0 5.3em}
	#m2 .s_w .in{padding-left: 0;}
	#m2 .top{position: relative; padding-left: 36.7%; min-height: 30%}
	#m2 .slick-arrow{width: 3em; height: 3em}
	#m2 .s_w .etc > li{float: left; width: 50%;margin: 0 0 3% 0; padding: 0}
	#m2 .s_w .etc > li:before{content: ''}
	
	
	#m4 .t1 .txt{padding: 1em 6.7em 1em 1em;font-size: 1em;min-height: auto}
	#m4 .t1 .txt .date{bottom: 1em}
	
	#main_visual .ab{bottom: 5%}
	#main_visual .add{margin-top: .7%;}
	#main_visual .default .small{margin-top: 1.5em;}
	#main_quick{display: none;}
	#m1 .group_w > li{height: auto;padding: 30px 15px 100px;}
	#m1 .t_w{border-bottom: 0;    height: auto;    padding-top: 67px;}
	#m1 .t_w .t{    font-size: 1.8em;}
	#m1 .group_w .more{bottom: 15px;right: auto;    right: 1rem;    background-size: 2.3em;padding-right: 2.8em;}
	.top.half_w > .l,.top.half_w > .r{float: none; width: 100%}
	#m4 .inner{max-width:800px}
	.top.half_w > .r,#m4 .bot{margin-top: 3em;}
	#fluid-bg{display: none;}
	#main_visual .default,#main_visual .m{background: url('../img/main/01_t_new.gif') center center no-repeat; background-size:cover}
	/* #main_visual .i4 .bg{background: url('../img/main/04_t.jpg') center center no-repeat; background-size:cover} */
	
	#main_visual .ab{position: static;}
	#main_visual .btn_w{margin-top: -1.8em}
	#main_visual .btn{    position: relative;
    z-index: 1;}
    #main_visual .btn_w a{width: 49%}
    #main_visual .m .rel{position: relative; z-index: 1}
    #main_visual .m .ab_m{position: absolute;left: 0;top:0;width: 100%;height: 100%}
}
@media (max-width:800px){
	#m2 .s_w .img{    box-shadow: 0.7em 0.7em 0 #ebddae;}
	
    #main_visual .bg{padding-top: 7%;}
    #main_visual .bg img{max-height: 53%;}
    #main_visual .small{font-size: 1rem;}
	.m_notice a{padding: 1em}
	.m_notice .date{    position: static;
    margin: 0 auto;}
    .m_notice .cont{padding-left: 0; padding-top: 1em;margin-top: 1em;border-left: 0; border-top: 1px dashed #ddd;}
    .m_notice .cont .txt{display: none;}
}
@media (max-width:720px){
	#main_visual .ms_w{width: 100%;margin: 0;left: 0}
	#main_visual .pc{display: none !important;}
	#main_visual .m{display: block;}
	#main_visual .m img{width: 100%;display: block;}
	#main_visual .add{margin-top: 15px;}
	#m1 .group_w > li{width: 49%;margin: 0 0 1% 1%;border-radius: 1em;    padding: 1.5em .938rem 5em;}
	#m1 .group_w > li:last-child{width: 99%;}
	#m1 .t_w .ico{width: 3em}
	#m1 .t_w{padding-top: 4em;}
}
@media (max-width:640px){
	.pd_com{padding: 3.5em 0}
	#main_visual .small br{display: none;}	
	.tit-m .no{    display: block;
    width: 3em;
    margin: 0 auto 1em auto;}
    .tit-m .t .color-purple{display: block;}
    
	.m_notice .cont .tit{font-size: 1.125em;}
	.m_notice .date .day{font-size: 1.8em;}
	.m_notice > li{border-radius:5px}
    #main_sns{margin-top: 0;transform: translateY(-50%);}
    #main_sns li{margin-top: 1em;}
    #m4 .t1.sect{padding-bottom: 53%;}
    #m4 .t1 .dec{display: none;}
}
@media (max-width:480px){
	#main_visual .btn{margin-left: 0; height: auto;line-height: 47px;}
	#main_visual .btn_w a{float: none;width: 100%;margin-left: 0;display: block;}
	
}