@charset "utf-8";

.main_visual{position: relative;margin-top: -120px;font-size: 0;}
.main_visual img{font-size: 0;display: block;width: 100%;}
.main_visual img.p{display: none;}
@media screen and (min-width:601px) {
.main_visual img.m{display: none;}
.main_visual img.p{display:block;}
}
@media screen and (min-width:1450px) {
.main_visual img{width:auto;}
}
@media screen and (max-width:1024px) {
.main_visual{position: relative;margin-top: -80px;padding-top: 80px;background: #46115b url(../img/common/m_wave.png) no-repeat 0 0;}
}

.txt_oblq{font-style: italic;letter-spacing: -1px;padding-bottom: 83px;}
.txt_oblq em{display: block;font-size: 30px;font-weight: 900;margin-bottom: 35px;color: #be4a78;}
.txt_oblq h3 {font-size: 70px;font-weight: 200;line-height: 1.05;margin-bottom: 15px;}
.txt_oblq h3 b{display: block;font-weight: 900;}
.txt_oblq p{font-size: 23px;font-weight: 300;line-height: 1.2;opacity: .5;}
.txt_oblq p span{display: block;}

@media screen and (max-width:1450px) {
.txt_oblq{padding-bottom: 132px; }
.txt_oblq h3 {font-size: 50px;}
.txt_oblq p{font-size: 20px;}
}
@media screen and (max-width:800px) {
.txt_oblq {padding-bottom: 0;}
.txt_oblq h3 {font-size: 35px;}
.txt_oblq p{font-size: 16px;}
.ancho{position: absolute;bottom: 78px;left:0; right: 0;height: 1px;}
}
/*********
map_area
**********/
.map_area{background: #272727 url(../img/main/map_bg.jpg) no-repeat center 0 /cover;}
.map_area .wrapper{height: 430px;padding: 140px 0 ;}
.map_area .txt_oblq{color: #fff;position: relative;z-index: 3;}
.map_area .txt_oblq em{color: #fff;opacity: .5;}
.map_area a.view{display: inline-block;font-size: 20px;margin-top: 75px;font-weight: 900;}
.map_area a.view::after{display: inline-block;content: '';width: 60px;height: 1px;vertical-align: middle;margin-left: 15px;background-color: #fff;}
.map_tle{position: absolute;right: 0;bottom: -36px;width: 620px;}
.map_place{position: relative;}/* 542 -675 */
.map_place img{max-width: 100%;}
.map_place .pointer{position: absolute;display: block;}

.pointer.mark1{left: 300px;top: 218px;}
.pointer.mark2{left: 405px;top: 220px;}
.pointer.mark3{left: 265px;top: 405px;}
.pointer.mark4{left: 390px;top: 440px;}
.pointer.mark5{left: calc(90/542 * 100%);top: calc(20/675 * 100%);}
a.pointer .tip{display: block;color: #fff;font-size: 16px;font-weight: 500;letter-spacing: -1px;padding:0 33px 0 15px;line-height: 31px;background-color: #666;height: 30px;position: absolute;left: 100%;width: 50px;top: -14px;border-radius:2.5em ;z-index: 3;box-shadow:3px 2px 1px 0 rgba(0,0,0,0.35);opacity: 0;transition: all 0.25s  ;opacity: 1;}
a.pointer .tip::after{display: block;content: '';position: absolute;top: 50%;width: 5px;height: 5px;margin-top: -4px;right: 13px;border-left: 2px solid #fff;border-bottom: 2px solid #fff;transform: rotate(-135deg);}
a.pointer:hover .tip {padding-right: 50px;}
/* a.pointer:hover .tip {opacity: 1;} */
.lines {position: relative;  width: 30px; height: 40px; margin: 0 auto;display: block;float: left;}
.lines span{position: absolute; background: #fed240;display: block;}
.lines span.fr1 {left: 0; bottom: 0; width: 1px; height: 0; transition: all 0.1s linear 0.1s;z-index: 2;box-shadow:2px 2px 2px 0 rgba(0,0,0,0.35);height: 100%}
.lines span.fr2 {left: 0; top: 0; width: 0; height: 1px; transition: all 0.1s linear 0.2s;z-index: 2;box-shadow:3px 1px 2px 0 rgba(0,0,0,0.35);width:100%;}
/* a.pointer:hover .lines span.fr1 {height: 100%}
a.pointer:hover .lines span.fr2 {width:100%;} */
.lines i{display: block;width: 4px;height: 4px;border-radius:50% ;position: absolute;background-color: #fff;left: -6px;bottom: -6px;z-index: 10;border:4px solid #fed240  ;transition-duration: 200ms;transition-timing-function: ease-out;animation: wave1 550ms infinite alternate;}
.lines i::after {   content: "";   width: 16px;   height: 16px;   border: 6px solid #fed240; opacity: .4;  border-radius: 50%;   position: absolute;   bottom: -12px;   left: -12px;   animation: wave2 550ms infinite alternate;}

a.pointer.mark1 .tip{background-color: #e674a8;left: auto;right: 100%;width: 70px;}
a.pointer.mark1 .lines span{background-color: #e674a8;}
a.pointer.mark1 .lines i,
a.pointer.mark1 .lines i::after{border-color: #e674a8;}
a.pointer.mark1 .lines i{left: auto;right: -6px;}
a.pointer.mark1 .lines{width: 20px;height: 60px;}
a.pointer.mark1 .lines span.fr1 {left: auto;right: 0;}
a.pointer.mark1 .lines span.fr2 {left: auto;right: 0;}

a.pointer.mark2 .tip{color: #070602;background-color: #fed240;}
a.pointer.mark2 .lines span{background-color: #fed240;}
a.pointer.mark2 .tip::after{border-color: #070602;}
a.pointer.mark2 .lines i,
a.pointer.mark2 .lines i::after{border-color: #fed240;}

a.pointer.mark3 .tip{background-color: #f47925;left: auto;right: 100%;width: 93px;top: auto;bottom: -13px;}
a.pointer.mark3 .lines span{background-color: #f47925;}
a.pointer.mark3 .lines i,
a.pointer.mark3 .lines i::after{border-color: #f47925;}
a.pointer.mark3 .lines i{left: auto;right: -6px;}
a.pointer.mark3 .lines{width: 20px;height: 30px;}
a.pointer.mark3 .lines span.fr1 {left: auto;right: 0;bottom: auto;top: 0;}
a.pointer.mark3 .lines span.fr2 {left: auto;right: 0;top: auto;bottom: 0;}
a.pointer.mark3 .lines i{bottom: 0;top: -6px;}

a.pointer.mark4 .tip{background-color:#81c7e3/* #61a1de */;width: 105px;top: auto;bottom: -13px;}
a.pointer.mark4 .lines span{background-color: #81c7e3/* #61a1de */;}
a.pointer.mark4 .lines span.fr1 {bottom: auto;top: 0;}
a.pointer.mark4 .lines span.fr2 {top: auto;bottom: 0;}
a.pointer.mark4 .lines i,
a.pointer.mark4 .lines i::after{border-color: #81c7e3/* #61a1de */;}
a.pointer.mark4 .lines i{bottom: 0;top: -6px;}

a.pointer.mark5 .tip{width: 70px;}
a.pointer.mark5 .tip{background-color: #87be7a;}
a.pointer.mark5 .lines span{background-color: #87be7a;}
a.pointer.mark5 .lines i,
a.pointer.mark5 .lines i::after{border-color: #87be7a;}

@keyframes wave1 {
   from {transform: scale(1);}
   to {transform: scale(1.3)}
}
@keyframes wave2 {
   from {transform: scale(.5);}
   to { transform: scale(1); }
}
@media screen and (max-width:1120px) {
.map_tle{position: absolute;right: 30px;bottom: 0;width: auto;}
.pointer.mark1{left: 300px;top: 218px;left: calc(300/542 * 100%);top: calc(218/675 * 100%);}
.pointer.mark2{left: 405px;top: 220px;left: calc(405/542 * 100%);top: calc(220/675 * 100%);}
.pointer.mark3{left: 265px;top: 405px;left: calc(265/542 * 100%);top: calc(405/675 * 100%);}
.pointer.mark4{left: 390px;top: 440px;left: calc(390/542 * 100%);top: calc(440/675 * 100%);}
}

@media screen and (max-width:1024px) {
.map_area .wrapper{height: auto;}
.map_tle{width: 50%;bottom: auto;top: 50%;transform:translateY(-50%)}
.map_area .txt_oblq h3 {font-size: 35px;}
.map_area .txt_oblq p{font-size: 16px;}

}
@media screen and (max-width:800px) {
.map_area .wrapper{padding: 50px 0 30px;}
.map_tle{position: static;right: auto;width: auto;bottom: auto;top: auto;transform:translateY(0);display: flex;align-items: center;justify-content: center;padding:0 10% 0 0;}
.map_place{display: inline-block;}
.map_area a.view{margin-top: 30px;margin-bottom: 20px;}
a.pointer .tip{font-size: 14px;padding-right: 15px;}
a.pointer:hover .tip {padding-right: 30px;}
}

/*********
program_area
**********/
.program_area{padding: 140px 0 ;}

.prg_tab{position:relative;margin-top:-260px;padding-top:260px;}
.prg_tab h3{position: absolute;top: 0;font-weight: 400;letter-spacing: -1px;width: 130px;height: 210px;}
.prg_tab h3 a{display: block;position: relative;padding-top: 150px;text-align: center;height: 60px;}
.prg_tab h3 a img{display: block;height: 130px;width: 130px;position: absolute;opacity: 1;top: 0;transition:.25s ease-out;}
.prg_tab h3 a em{display: block;font-weight: 900;font-size: 24px;line-height: 130px;position: absolute;top: 0;left: 0;right: 0;opacity: 0;transition:.25s ease-out;height: 130px;width: 130px;border-radius:100%;background-color: rgba(0,0,0,0.5);color: #fff;text-shadow:2px 2px 1px  rgba(0,0,0,0.21)}
.prg_tab h3 a em b{font-size: 2.5em;font-weight: 900;}
/*.prg_tab h3 a::before{display: block;content: '';position: absolute;top: 0;left: 0;right: 0;background-color: #fed240;z-index: -1;border-radius:65px;transition:.25s ease-out;opacity: 0;height: 100%;}*/
.prg_tab h3 a span{font-size: 18px;display: block;letter-spacing: -1.5px;font-weight: 400;opacity: .75;transition:opacity .25s ease-out;}
.prg_tab h3 a:hover span,
.prg_tab h3.on a span{opacity: 1;font-weight: 600;}
.prg_tab h3 a:hover em{opacity: 1;color: #fff;}
.prg_tab h3.on a em{opacity: 1;color: #000;background: none;}
/*.prg_tab h3.on a::before{opacity: 1;}*/
.prg_tab h3.on a img.de{opacity: 0;display: none;}
.prg_tab h3 a img.on{opacity: 0;display: none;}
.prg_tab h3.on a img.on{opacity: 1;display: block;}

.prg_tab h3:nth-last-of-type(1) {right: 0;}
.prg_tab h3:nth-last-of-type(2) {right: 150px;}
.prg_tab h3:nth-last-of-type(3) {right: 300px;}
.prg_tab h3:nth-last-of-type(4) {right: 450px;}

.prg_tabCont{display: none;position: relative;}
.prg_tabCont.on{display: block;}

.prg_list,.prg_list li{margin: 0;padding: 0;list-style-type: none;}
.prg_list {display: flex;flex-wrap: wrap;margin-left: -40px;}
.prg_list li{margin-left: 40px;margin-bottom: 40px;position: relative;}
.prg_list li img{position: relative;max-width: 100%;display: block;}
.prg_list li a{position: absolute;display: block;top: 0;left: 0;right: 0;bottom: 0;z-index: 2;color: #fff;padding-left: 9%;}
.prg_list li a::after{display: block;background-color: #fed240;content: '';height: 20px;position: absolute;left: 0;bottom: 0;right: 0;}
.prg_list li a b{font-size: 32px;font-weight: 700;line-height: 1.2;margin-bottom: 10px;display: block;padding-top: 40%;}
.prg_list li a b span{display: block;}
.prg_list li a b i{font-style: normal;font-weight: 300;}
.prg_list li a em{display: block;font-style: normal;opacity: .8;}

.prg_tab h3.prg_c_1 a::before,
.prg_c_1 .prg_list li a::after{background-color: #81c7e3/* #61a1de */;}
.prg_tab h3.prg_c_2 a::before,
.prg_c_2 .prg_list li a::after{background-color: #fed240;}
.prg_tab h3.prg_c_3 a::before,
.prg_c_3 .prg_list li a::after{background-color: #f47925;}
.prg_tab h3.prg_c_4 a::before,
.prg_c_4 .prg_list li a::after{background-color: #e674a8;}

a.prg_more{display: block;text-align: center;background-color: #fff;line-height: 70px;max-width: 340px;margin: 40px auto;border: 1px solid #ddd;font-size: 24px;box-shadow: 7px 7px 7px 0 rgba(0,0,0,0.1);transition:.25s ease-out;position: relative;transform:translate(-5px,-5px);}
a.prg_more:focus,
a.prg_more:hover{transform:translate(0,0);box-shadow:0 0  5px 0  rgba(0,0,0,0.05)}

@media screen and (max-width:1450px) {
.prg_list {margin-left: -2.777%;}
.prg_list li{margin-left: 2.777%;width: calc(100%/3 - 2.777%);}
.prg_list li a b{font-size: 30px;padding-top: 34%;}
}
@media screen and (max-width:1120px) {
.program_area{padding: 60px 0 ;}
.prg_tab{margin-top: 30px;padding-top: 220px;}
.prg_tab h3:nth-last-of-type(1) {right: auto;left: 450px;}
.prg_tab h3:nth-last-of-type(2) {right: auto;left: 300px;}
.prg_tab h3:nth-last-of-type(3) {right: auto;left: 150px;}
.prg_tab h3:nth-last-of-type(4) {right: auto;left: 0;}
.prg_tab h3 a{padding-top: 140px;}
.prg_list li a em{font-size: 14px;}
}
@media screen and (max-width:1024px) and (min-width:801px) {
.prg_list li a b{font-size: calc(15px + (27 - 15) * ((100vw - 300px) / (1120 - 300)));padding-top: 30%;}
}
@media screen and (max-width:800px) {
.prg_list li{margin-left: 2.777%;width: calc(100%/2 - 2.777%);}
}
@media screen and (max-width:640px) {
.prg_tab h3 a img{width: 100%;height: auto;}
.prg_tab h3:nth-last-of-type(1) {left: 75%}
.prg_tab h3:nth-last-of-type(2) {left: 50%}
.prg_tab h3:nth-last-of-type(3) {left: 25%}
.prg_tab h3 {width: calc(100%/4 - 10px);}
.prg_tab h3 a span{font-size: 14px;}
.prg_tab h3 a em{background: none;width: auto;}
.prg_tab h3 a:hover em{opacity: 0;}
.prg_tab h3.on a:hover em{opacity: 1;}
}
@media screen and (max-width:550px) {
.prg_tab{padding-top: 42vw;}
.prg_tab h3 a{height: 14.5vw;padding-top:24.5vw ;}
.prg_tab h3 a em{line-height:26.5vw ;font-size: calc(18px + (24 - 18) * ((100vw - 300px) / (800 - 300)))}
.prg_tab h3 a span i{display: block;}
.prg_list{display: block;margin-left: auto;}
.prg_list li{margin-left: auto;width: auto;margin-right: auto;margin-bottom: 10px;}
.prg_list li img{width: 100%;}

a.prg_more{transform:translate(0,0);}
a.prg_more:focus,
a.prg_more:hover{transform:translate(0,5px);}
}
@media screen and (max-width:320px) {
.prg_tab h3 a span{font-size: 12px;}
}

/*********
place&food
**********/
.plcTitle{padding-bottom:10px; display:inline-block; top:-30px; position:relative;}
.plc_cont{display:inline-block;}
.plc_list,.plc_list li{margin: 0;padding:0;list-style-type: none;}
.plc_list {display: flex;flex-wrap: wrap;margin-left: -40px;}
.plc_list li{margin-left:40px; position: relative;}
.plc_list li img{position: relative;max-width: 100%;display: block;}
.plc_list li a{position: absolute;display: block;top: 0;left: 0;right: 0;bottom: 0;z-index: 2;color: #fff;text-align:center; font-style:italic; padding-top:20%;}
.plc_list li a::after{display: block;background-color: #e55c93;content: '';height: 20px;position: absolute;left: 0;bottom: 0;right: 0;}
.plc_list li a.plc_icon_1::before{display: block; background: url(../img/main/plc_icon_1.png) center 0  no-repeat; content: ''; width:44px; height:31px; margin:0 auto;}
.plc_list li a.plc_icon_2::before{display: block; background: url(../img/main/plc_icon_2.png) center 0  no-repeat; content: ''; width:44px; height:31px; margin:0 auto;}
.plc_list li a.plc_icon_3::before{display: block; background: url(../img/main/plc_icon_3.png) center 0  no-repeat; content: ''; width:44px; height:33px; margin:0 auto;}
.plc_list li a b{font-size: 50px;font-weight: 700;line-height: 1.2;margin-bottom: 4px;display: block;padding-top: 2%;}
.plc_list li a b span{display: block;}
.plc_list li a em{display: block; opacity: .8; font-size:18px; font-weight:100;}

@media screen and (max-width:1450px) {
.plc_list {margin-left: -2.777%;}
.plc_list li{margin-left: 2.777%;width: calc(100%/3 - 2.777%);}
}
@media screen and (max-width:1120px) {
.plc_list li a em{font-size: 16px;}
}
@media screen and (max-width:1024px) and (min-width:801px) {
.plc_list li a{padding-top:18%;}
.plc_list li a b{font-size: calc(15px + (27 - 15) * ((100vw - 300px) / (1120 - 300))); padding-top: 4%;}
.plcTitle em{margin-bottom:10px;padding-top: 4%;}
}
@media screen and (max-width:800px) {
.plc_list li{margin-left: 2.777%; margin-bottom: 2.777%; width: calc(100%/2 - 2.777%);}
.plc_list li a{padding-top:18%;}
.plc_list li a b{font-size:2.5em}
.plcTitle em{padding-top: 4%;}
}
@media screen and (max-width:550px) {
.plc_list{margin-left: auto;}
.plc_list li{margin-left: auto;width: 100%;margin-right: auto;margin-bottom: 10px;}
.plc_list li img{width: 100%;}
.plc_list li a{padding-top: 25%;}
.plc_list li a em{font-size: 18px;}
}
@media screen and (max-width:425px) {
.plc_list li a{padding-top: 19%;}
}
@media screen and (max-width:320px) {
.plc_list li a{padding-top: 16%;}
}

/*********
mov_area
**********/
.mov_area{/* height: 900px; */text-align: center;position: relative;background-color: #000;font-size: 0;}
.mov_area::after{display: block;content: '';position: absolute;bottom: 0;left: 0;right: 0;height: 1px;background-color: #fff;opacity: .15;}
.mov_area img,.mov_area video{width: 100%;opacity: .75;font-size: 0;display: block;}
.mov_area .txt_area{position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: flex;align-items: center;justify-content: center;}
.mov_area .txt_area .txt em{color: #fff;font-size: 70px;font-weight: 900;display: block;line-height: 1.1;margin-bottom: 28px;}
.mov_area .txt_area .txt em span{display: block;}
.mov_area .txt_area .txt div{color: #fff;font-size: 50px;font-weight: 300;font-family: 'Gmarket Sans';opacity: .8;border-top: 1px solid rgba(255,255,255,.5);padding-top: 33px;}
@media screen and (max-width:1450px) {
.mov_area img,.mov_area video{width: 100%;}
.mov_area .txt_area .txt em{font-size: calc(50px + (70 - 50) * ((100vw - 800px) / (1450 - 800)))}
.mov_area .txt_area .txt div{font-size: calc(35px + (50 - 35) * ((100vw - 800px) / (1450 - 800)))}
}
@media screen and (max-width:1100px) {
.mov_area img,.mov_area video{width: auto;height: 515px;position: relative;left: 50%;transform:translateX(-50%)}
}
@media screen and (max-width:600px) {
.mov_area img,.mov_area video{height: 405px;}
.mov_area .txt_area .txt div{border-top: 0;padding-top: 0;}
.mov_area .txt_area .txt{padding-bottom: 80px;}
}
@media screen and (max-width:450px) {
.mov_area img,.mov_area video{height:90vw;}
}

a.scrl {padding-top: 60px;border: 0 solid #ff0;position: absolute;bottom: 30px;left: 50%;margin-left: -12px;text-indent: -999em;display: block;}
a.scrl span {position: absolute;top: 0;left: 50%;width: 24px;height: 24px;margin-left: -12px;border-left: 2px solid #fff;border-bottom: 2px solid #fff;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-animation: sdb 2s infinite;animation: sdb 2s infinite;opacity: 0;box-sizing: border-box;}
a.scrl span:nth-of-type(1) {-webkit-animation-delay: 0s;animation-delay: 0s;}
a.scrl span:nth-of-type(2) {top: 14px;-webkit-animation-delay: .2s;animation-delay: .2s;}
a.scrl span:nth-of-type(3) {top: 28px;-webkit-animation-delay: .4s;animation-delay: .4s;}
@-webkit-keyframes sdb {0% {opacity: 0;}50% {opacity: 1;}100% {opacity: 0;}}
@keyframes sdb {0% {opacity: 0;}50% {opacity: 1;}100% {opacity: 0;}}


/*********
video_area
**********/


.video_area {padding: 140px 0;min-height: 1030px;position: relative;background: #fafafa  url(../img/main/video_back.jpg) center 0  no-repeat; }
.video_area::before{display: block;content: '';position: absolute;background:  url(../img/main/video_wave_1.png) 0 0  no-repeat;top: 0;left: 0;width: 458px;height: 165px;}
.video_area::after{display: block;content: '';position: absolute;background: url(../img/main/video_wave_2.png) 100% 100% no-repeat;bottom: 0px;right: 0;width: 563px;height: 226px;}
.video_area .wrapper{max-width: 1200px;}
.video_area  h3{font-size: 80px;text-align: center;font-weight: 900;margin-bottom: 50px;background: linear-gradient(50deg, #c74c76 25%, #552e8e 75%);    color: transparent;    -webkit-background-clip: text;position: relative;padding-top: 115px;}
.video_area  h3::before{display: block;content: '';position: absolute;top: 0;left: 50%;background: url(../img/main/video_title.png) center 0 no-repeat;width: 140px;height: 135px;margin-left: -70px;z-index: 2;}

.video_area .video_frame::before{display: block;content: 'YISUNSIN FESTIVAL';position: absolute;top: 0;left: -36px;opacity: .6;transform:rotate(180deg);letter-spacing: 4px;font-size: 20px;z-index: 20;/*transform:rotate(-90deg) transform-origin: top left; */text-orientation: mixed;writing-mode: vertical-lr;}
.video_area .video_frame{position: relative;height: 0;padding-top: calc(681/1200 * 100%);background-color: #000;/* overflow: hidden; */box-shadow: 12px 12px 10px 0 rgba(0,0,0,0.15);margin-bottom: 50px;}
.video_area .video_frame iframe{width: 100% !important;height: 100% !important;position: absolute;top: 0;left: 0;z-index: 1;}
.video_area .video_frame .video_play{position: absolute;top: 0;left: 0;bottom: 0;right: 0;z-index: 2;cursor: pointer;}
.video_area .video_frame .video_play::after{display: block;content: '';background: url(../img/main/video_icon.png) center  no-repeat;position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.video_area .video_frame .video_play.ready{cursor: default;}
.video_area .video_frame .video_play.ready::after{display: none;}
.video_area .video_frame .video_play img{max-width: 100%;}
.video_area .video_frame ._thm{position: absolute;top: 0;right: -100px;width: 88px;text-align: center;bottom: 0;}
.video_area .video_frame ._thm a{background-color: #000;width:88px;height: 50px;margin: 0 auto 10px;display: block;overflow: hidden;position: relative;}
.video_area .video_frame ._thm a img{width: auto;height: 100%;max-width: initial;opacity: .25;}
.video_area .video_frame ._thm a::after{content: '';display: block;top: 50%;left: 50%;margin-top: -7px;margin-left: -4px;position: absolute;width: 0;height: 0;border-style: solid;border-width: 8px 0 8px 10px;border-color: transparent transparent transparent #ffffff;}
.video_area .video_frame ._thm a.active::after{display: none;}
.video_area .video_frame ._thm a.active img{opacity: 1;}
.video_area .video_frame ._thmTarget{background-color: #222;display: none;}
.video_area .video_frame ._thmTarget:first-child{display: block;}
.video_area a.go{display: block;text-align: center;position: relative;line-height:75px;height: 70px;width: 340px;margin: 0 auto ;color: #fff;font-size: 25px;letter-spacing: -2px;background: linear-gradient(85deg, #c44b77 20%, #592f8d 85%);box-shadow: 7px 7px 3px 0 rgba(0,0,0,0.15);}

@media screen and (max-width:1024px) {

.video_area {padding: 100px 0;min-height: 100%;background-size: auto 100%; }
.video_area::before{background-size: auto 100%;top: 0;left: 0;width: 458px;height: 100px;}
.video_area::after{background-size: auto 100%;;bottom: 0;right: 0;width: 563px;height: 150px;}
.video_area .wrapper{width: 88%;}
.video_area .video_frame::before{font-size: 15px;left: -24px;}
.video_area h3{font-size: 60px;}

.video_area .video_frame{margin-bottom: 100px;}
.video_area .video_frame ._thm{top: auto;right: auto;width: auto;text-align: center;bottom:-20px;padding:  0;position: relative;}
.video_area .video_frame ._thm a{margin: 0 2px;display: inline-block;}
}
@media screen and (max-width:700px) {
.video_area h3{font-size: 50px;letter-spacing: 0;}
/* .video_area .video_frame{margin-bottom: 25px;} */
.video_area .video_frame .video_play::after{background-size:calc(105/700 * 100%) auto;}
}
@media screen and (max-width:500px) {
.video_area {padding: 50px 0 100px;}
.video_area::before{width: 100%;height: 80px;}
.video_area::after{width: 100%;height: 90px;}
.video_area h3{margin-bottom: 15px;font-size: 30px;padding-top: 90px;}
.video_area h3::before{height: 95px;background-size:auto 100%;left: 0;right: 0;margin: 0;width: auto;}
.video_area a.go {line-height: 53px;height: 51px;font-size: 20px;width: 66%;}
}
/*********
news_area
**********/
.news_area {padding: 140px 0;position: relative;background: #fafafa url(../img/main/news_wave_2.jpg) 0 calc(100% + 30px) no-repeat;overflow: hidden;}
.news_area::before{display: block;content: '';position: absolute;background: url(../img/main/news_wave_1.jpg) right top no-repeat;top: -12px;right: 0;width: 325px;height: 130px;}
.news_area .wrapper{display: flex;justify-content: space-between;}
.news_area .flt{width: calc(100% - 480px);float: none;}
.news_area .frt{width: 440px;float: none;}

.main_tit{position: relative;margin-bottom: 40px;}
.main_tit b{display: block;font-size: 30px;font-weight: 900;margin-bottom: 15px;font-style: italic;color: #5b2f8d;}
.main_tit h3{font-size: 50px;font-weight: 900;font-style: italic;}

a.more{display: block;position: absolute;top: 50px;right: 0;line-height: 40px;padding-right: 30px;padding-left: 10px;height: 40px;font-size: 0;text-indent: -999em;}
a.more .dots{display:block;position: absolute;top: 50%;margin-top: -2px;right: 30px;width: 6px;height: 6px;background-color: #333;border-radius:50% ;transition: .25s ease-out}
a.more .dots::after,a.more .dots::before{display: block;position: absolute;top: 0;width: 6px;height: 6px;background-color: #333;border-radius:50%;content: '';transition: .25s ease-out}
a.more .dots::before{right: 10px;}
a.more .dots::after{right: 20px;}

.corshd{border-radius:20px;overflow: hidden;padding: 0;box-shadow:2px 3px 18px 0 rgba(0,0,0,0.15);background-color: #fff;line-height: 0;font-size: 0;}
.corshd img{max-width: 100%;display: block;font-size: 0;}
.news_lst,.news_lst li{margin: 0;padding: 0;list-style-type: none;}
.news_lst{margin: auto;padding: 0 50px;height: 622px;}
.news_lst li{border-bottom: 1px solid #ddd;box-sizing: border-box;}
.news_lst li:last-child{border-bottom: none;}
.news_lst li a{display: flex;flex-direction: column;justify-content: center;height: calc(622px/5);position: relative;padding-left: 145px;}
.news_lst li em{font-size: 24px;display: block;font-style: normal;position: absolute;top: 50%;left: 0;width: 145px;text-align: center;}
.news_lst li b{font-size: 22px;display: block;margin-bottom: 10px;overflow:hidden; text-overflow:ellipsis; white-space: nowrap;line-height:1.3;width: 95%;}
.news_lst li span.date{font-size: 16px;display: block;}
.news_lst li span.date span{font-size: 16px;vertical-align: middle;margin-bottom: 2px;margin-right: 2px;}

@media screen and (max-width:1200px) {
.news_lst{padding: 0 3.3%;}
.news_lst li a{padding-left: 80px;}
.news_lst li em{width: 80px;font-size: 20px;}
.news_lst li b{font-size: 20px;}
}
@media screen and (max-width:1024px) {
.main_tit{margin-bottom: 20px;}
.main_tit b{font-size: 20px;}
.main_tit h3{font-size: 30px;}
.news_area .flt{width: 66%;}
.news_area .frt{width: 30%;}
.news_lst{height: 500px;}
.news_lst li a{height: calc(500px/5);}
.news_lst li b{margin-bottom: 4px;}
}
@media screen and (max-width:680px) {
.news_area {padding: 50px 0 100px;background-position: 0 100%;background-size:auto 80px;}
.news_area::before{background-size:auto 100px;}
.news_area .wrapper {display: block;}
.news_area .flt{width: auto;margin-bottom: 40px;}
.news_area .frt{width: auto;display: inline-block;}

.news_lst{height: auto;padding-bottom: 10px;}
.news_lst li a{display: block;padding:20px 0 15px;height: auto;}
.news_lst li b{font-size: 18px;width: 98%;}
.news_lst li span.date{font-size: 14px;}
.news_lst li em{width: auto;position: relative;top: auto;left: auto;text-align: left;margin-bottom: 5px;font-size: 11px;color: #999;}
}

/*********
followus
**********/

.followus{position: relative;background-color: #f2f0eb;height: 400px;}
.followus::before{display: block;content: '';position: absolute;left:0;bottom: 0;right: 0;width: auto;height: 500px;background: url(../img/main/bg_sns.png) center bottom no-repeat;z-index: 0;}
.followus .wrap{display: flex;align-items: center;justify-content: space-between;height: 400px;max-width: 1400px;width: 95%;margin: 0 auto;position: relative;}
.followus p{font-size: 26px;line-height: 1.15;}
.followus b{display: block;font-size: 80px;margin-bottom: 20px;}
.followus p span{display: block;}
.followus .sns_wrap{overflow: hidden;position: relative;z-index: 2;}
.followus .sns_wrap a{display: block;float: left;margin-left: 10px;font-size: 0;}
/* .followus a{display: block;width: 276px;height: 90px;line-height: 95px;font-family: 'Gmarket Sans';font-size: 32px;font-weight: 700;letter-spacing: -2px;background-color: #f6c904;color: #372525;position: relative;text-align: center;border-radius:20px ;}
.followus a i{display: inline-block;width: 48px;height: 44px;vertical-align: middle;background:  url(../img/main/katok.png) 0 0 no-repeat;font-size: 0;text-indent: -999em;margin-right: 7px;} */
@media screen and (max-width:1400px) {
.followus .sns_wrap a{margin-left: 0;}
.followus p{font-size: 20px;}
.followus b{font-size: 60px;margin-bottom: 10px;}
}
@media screen and (max-width:1280px) {
.followus p{font-size: 17px;}
.followus b{font-size: 45px;}
.followus .wrap{height: 250px;}
.followus{height: 250px;}
.followus::before{background-size:auto 100%;height: 300px;}
}
@media screen and (max-width:850px) {
.followus p{font-size: 15px;padding: 30px 0 ;}
.followus b{font-size: 35px;margin-bottom: 5px;}
.followus .wrap{display: block;}
.followus::before{background-size:auto 100%;height: 250px;width: 300px;left: auto;right: -100px;}
.followus .sns_wrap a{width: 70px;}
.followus .sns_wrap a img{max-width: 100%;}
}