@charset "utf-8";

.cont3 .group .box2 ul {}
.cont3 .group .box2 ul li {position:relative;padding-left:105px;margin:0 0 17px;font-size: 15px;color:#452a1f;}
.cont3 .group .box2 ul li span {display:block;position:absolute;left:0;top:0;width:90px;height:30px;line-height:30px;border-radius:20px;background:#534039;text-align:center;color:#fff;font-weight:700;font-size: 15px;}
.cont3 .group .box2 ul li a {display:block; }
.cont3 .group .box2 ul li b {display:block; font-weight:normal; color:#b4481c;}
.cont3 .group .box2 ul li .ico {display:inline-block;width:16px; height:16px;margin:-3px 5px 0 0; background:url(/template/mainC/images/icon.png)no-repeat; vertical-align:middle;}
.cont3 .group .box2 ul li .ico.ico1 {background-position:0 0 ;}
.cont3 .group .box2 ul li .ico.ico2 {background-position:-16px 0 ;}
@media screen and (max-width:1279px){
    .cont3 .group .box2 ul li {margin:0 0 10px;    }
}
@media screen and (max-width:560px){
    .cont3 .group .box2 ul li {padding:0;}
    .cont3 .group .box2 ul li span {position:static;margin:0 0 5px;}
}


.cont4:before {top:0;}
.cont4 .inner {overflow:visible;}
.cont4 .inner:before, .cont4 .inner:after {display:none;}
.cont4 .img_slide {height: 500px;overflow:hidden;margin: 0 -10px;}
.cont4 .img_slide .slick-slide {margin: 0 10px;}
.cont4 .img_slide .slick-slide .box .thumb {height:330px;}
.cont4 .img_slide .slick-slide .box .info {height:168px}

.cont4 .calendar {width: 100%;max-width: 1240px;margin: 0 auto 30px;}
.cont4 .calendar .mon {display:inline-block;position:relative;vertical-align: top;}
.cont4 .calendar .mon strong {display:inline-block;position:relative;padding-right:40px;margin-right: 10px;font-weight:700;font-size:20px;}
.cont4 .calendar .mon button {position:absolute;right: 20px;width:20px;height:20px;font-size:0;}
.cont4 .calendar .mon button.prev {top:0;}
.cont4 .calendar .mon button.next {bottom:0;}
.cont4 .calendar .mon button:before,
.cont4 .calendar .mon button:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin:auto;}
.cont4 .calendar .mon button.prev:before,
.cont4 .calendar .mon button.next:before{width: calc(100%/2.5);height: calc(100%/2.5);border-width:2px;border-style: solid;border-color: #333;transform: rotate(45deg);}
.cont4 .calendar .mon button.prev:before{border-width: 2px 0 0 2px;}
.cont4 .calendar .mon button.next:before{border-width: 0 2px 2px 0;}
.cont4 .calendar .daywrap {display:inline-block;position: relative;vertical-align: top;}
.cont4 .calendar .daywrap .day {display:inline-block; position:relative;width: 29px;line-height:32px;font-weight:500;font-size:17px;color: #494949;vertical-align: top;text-align: center;}
.cont4 .calendar .daywrap .day.sun {    color: #ea082d;}
.cont4 .calendar .daywrap .day .clickOpen_day {}
.cont4 .calendar .daywrap .day .clickOpen_day > button {display:inline-block;position: relative;line-height:32px;font-weight: 500;font-size: 17px;color: #494949;vertical-align: top;font-family: 'Noto Sans CJK KR' , 'Noto Sans KR', 'Noto Sans EOT', SimHei, Sans-serif,'맑은고딕','Malgun Gothic', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif,"FangSong", "仿宋", STFangSong, "华文仿宋","Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",AppleGothic,Dotum,arial,sans-serif;}
.cont4 .calendar .daywrap .day .clickOpen_day > button:after {display:block;position:absolute;content:'';top:0;left:50%;width: 4px;height: 4px;margin-left:-2px;border-radius:50%;background: #f58130;}
.cont4 .calendar .daywrap .day .clickOpen_day > div {display:none;/* overflow: hidden; */position:absolute;top: 45px;left:50%;z-index: 2;border: 1px solid #eee;border-radius: 20px;background-color: #fff;transform:translateX(-50%);-webkit-transform:translateX(-50%);}
.cont4 .calendar .daywrap .day .clickOpen_day > div:after {display:block; position:absolute; top:-10px; left:50%; content:''; border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #fff; transform:translateX(-50%);-webkit-transform:translateX(-50%);}
.cont4 .calendar .daywrap .day .clickOpen_day.on > div {display:block; }
.cont4 .calendar .daywrap .day .clickOpen_day > div .inner {text-align:left;padding:20px;width:300px;border-top: 1px solid #eee;}
.cont4 .calendar .daywrap .day .clickOpen_day > div .inner:last-child {border:none;}
.cont4 .calendar .daywrap .day .clickOpen_day > div .inner em {display:block; font-size:16px; color:#f57d1e; font-style:italic;}
.cont4 .calendar .daywrap .day .clickOpen_day > div .inner strong {display:block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 50px;margin: 5px 0 10px;text-overflow: ellipsis;white-space: normal;font-size:18px;font-weight: 500;color:#2e2e2e;line-height: 1.4;}
.cont4 .calendar .daywrap .day .clickOpen_day > div .inner ul {}
.cont4 .calendar .daywrap .day .clickOpen_day > div .inner ul li {position:relative;overflow: hidden;line-height: 25px;margin: 2px 0;padding-left: 8px;font-size:14px;color:#545454;text-overflow: ellipsis;white-space: nowrap;text-align:left;}
.cont4 .calendar .daywrap .day .clickOpen_day > div .inner ul li:after {display:block;position:absolute;left:0;top: 11px;content:'';width:3px;height:3px;border-radius:50%;background:#b39485;}

.cont4 .calendar .daywrap .day .clickOpen_day > div .clickClose {display:block;position: absolute;top: 15px;right: 15px;width:20px;height:20px;margin:0 auto;font-size: 0;}
.cont4 .calendar .daywrap .day .clickOpen_day > div .clickClose:before{position:absolute; top:50%; left:50%;  width:100%; height:2px; margin:-1px 0 0 -10px; background-color:#000; content:""; transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.cont4 .calendar .daywrap .day .clickOpen_day > div .clickClose:after{position:absolute; top:50%; left:50%; width:100%; height:2px; margin:-1px 0 0 -10px;  background-color:#000; content:""; transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}

.cont4 .calendar .daywrap .day:nth-child(21) .clickOpen_day > div,
.cont4 .calendar .daywrap .day:nth-child(22) .clickOpen_day > div,
.cont4 .calendar .daywrap .day:nth-child(23) .clickOpen_day > div,
.cont4 .calendar .daywrap .day:nth-child(24) .clickOpen_day > div,
.cont4 .calendar .daywrap .day:nth-child(25) .clickOpen_day > div,
.cont4 .calendar .daywrap .day:nth-child(26) .clickOpen_day > div,
.cont4 .calendar .daywrap .day:nth-child(27) .clickOpen_day > div,
.cont4 .calendar .daywrap .day:nth-child(28) .clickOpen_day > div,
.cont4 .calendar .daywrap .day:nth-child(29) .clickOpen_day > div,
.cont4 .calendar .daywrap .day:nth-child(30) .clickOpen_day > div,
.cont4 .calendar .daywrap .day:nth-child(31) .clickOpen_day > div {left: auto;right: -20px;transform: none;-webkit-transform: none;}
.cont4 .calendar .daywrap .day:nth-child(21) .clickOpen_day > div:after,
.cont4 .calendar .daywrap .day:nth-child(22) .clickOpen_day > div:after,
.cont4 .calendar .daywrap .day:nth-child(23) .clickOpen_day > div:after,
.cont4 .calendar .daywrap .day:nth-child(24) .clickOpen_day > div:after,
.cont4 .calendar .daywrap .day:nth-child(25) .clickOpen_day > div:after,
.cont4 .calendar .daywrap .day:nth-child(26) .clickOpen_day > div:after,
.cont4 .calendar .daywrap .day:nth-child(27) .clickOpen_day > div:after,
.cont4 .calendar .daywrap .day:nth-child(28) .clickOpen_day > div:after,
.cont4 .calendar .daywrap .day:nth-child(29) .clickOpen_day > div:after,
.cont4 .calendar .daywrap .day:nth-child(30) .clickOpen_day > div:after,
.cont4 .calendar .daywrap .day:nth-child(31) .clickOpen_day > div:after {left: auto;right: 25px;transform: none;-webkit-transform: none;}

@media screen and (max-width:1279px){
    .cont4 .calendar {width:100%; padding:0 20px;}
    .cont4 .calendar .daywrap .day .clickOpen_day > div {left: -20px;transform: none;-webkit-transform: none;}
    .cont4 .calendar .daywrap .day .clickOpen_day > div:after {left:25px;transform: none;-webkit-transform: none;}

    .cont4 .img_slide {margin:0;}
    .cont4 .img_slide .slick-slide {margin:0 50px 0 0;}
}

@media screen and (max-width:1023px){
    .cont4 .calendar .daywrap .day {position:static;}
    .cont4 .calendar .daywrap .day .clickOpen_day > div,
    .cont4 .calendar .daywrap .day:nth-child(21) .clickOpen_day > div,
    .cont4 .calendar .daywrap .day:nth-child(22) .clickOpen_day > div,
    .cont4 .calendar .daywrap .day:nth-child(23) .clickOpen_day > div,
    .cont4 .calendar .daywrap .day:nth-child(24) .clickOpen_day > div,
    .cont4 .calendar .daywrap .day:nth-child(25) .clickOpen_day > div,
    .cont4 .calendar .daywrap .day:nth-child(26) .clickOpen_day > div,
    .cont4 .calendar .daywrap .day:nth-child(27) .clickOpen_day > div,
    .cont4 .calendar .daywrap .day:nth-child(28) .clickOpen_day > div,
    .cont4 .calendar .daywrap .day:nth-child(29) .clickOpen_day > div,
    .cont4 .calendar .daywrap .day:nth-child(30) .clickOpen_day > div,
    .cont4 .calendar .daywrap .day:nth-child(31) .clickOpen_day > div {width: auto;left: 0;right: 0;}
    .cont4 .calendar .daywrap .day .clickOpen_day > div:after {display:none;}
    .cont4 .calendar .daywrap .day .clickOpen_day > div .inner {width:auto; }

}

/*메인 팝업존 가로에서 세로변경*/
.cont1 .mainpop_wrap {position: absolute; top: 60px; width: 300px; height: 425px;}
.cont1 .mainpop .control {display: inline-block; position: absolute; right: -3px; bottom: -43px;  z-index: 2; width: 180px;}
.cont1 .mainpop:before {display: block; position: absolute; left: -20px; top: -20px; z-index: 1; content: '';  width: 275px; height: 450px; border: 10px solid rgba(255,255,255,.3);}

@media screen and (max-width: 1319px){
.cont1 .mainpop_wrap {position: absolute; top: 40px; width: 300px; height: 305px;}
.cont1 .mainpop .photo_list--item .picture {width: 70%; height: 100%;}
.cont1 .mainpop:before {display: block;position: absolute; left: -20px;top: -20px;z-index: 1;content: ''; width: 195px;height: 321px;border: 10px solid rgba(255,255,255,.3);}
.cont1 .mainpop .control {display: inline-block;position: absolute;right: 87px;bottom: -35px; z-index: 2; width: 180px;}
}

@media screen and (max-width: 767px){
.cont1 .visual_txt {padding: 25px 0 0;}
.cont1 .mainpop_wrap {position: absolute;top: 100px;width: 219px;height: 305px;}
.cont1 .mainpop:before {display: none;}
.cont1 .mainpop .control {display: inline-block;position: absolute; right: 0px; bottom: -6px; z-index: 2; width: 180px;}
.cont1 .mainpop .photo_list--item .picture {width: 100%; height: 100%;}
.visual .slick-dots {bottom: 345px;}
}

@media screen and (max-width: 600px){
.cont1 .mainpop:before {display: none;}
}

@media screen and (max-width: 560px){
.cont1 .visual_txt {padding: 15px 0 0;}
.visual .slick-dots {bottom: 290px;}
.cont1 .mainpop:before {display: none;}
.cont1 .mainpop .photo_list--item .picture {width: 90%;height: 100%;}
.cont1 .mainpop .control {display: inline-block;position: absolute;right: 15px;bottom: 25px;z-index: 2; width: 180px;}
.cont1 .mainpop_wrap {position: absolute;  top: 115px; width: 219px; height: 305px; }
}

@media screen and (max-width: 360px){
.cont1 .mainpop_wrap{padding: 0px 15px 0px;}
}
















/*
@media screen and (max-width: 1319px){
.cont1 .mainpop .photo_list--item .picture {width: 45%;height: 100%;}
.cont1 .mainpop:before {display: block; position: absolute; left: -20px; top: -20px; z-index: 1; content: ''; width: 205px;height: 340px; border: 10px solid rgba(255,255,255,.3);}
.cont1 .mainpop .control {display: inline-block; position: absolute; right: 275px; bottom: 66px; z-index: 2; width: auto;}
}

@media screen and (max-width: 1023px){
.cont1 .mainpop_wrap {position: absolute; right: -90px;  top: 40px;
    width: 500px;
    height: 425px;
}}
*/





/*.cont1 .mainpop_wrap {position: absolute; right: 110px; top: 40px; width: 319px;height: 519px;}
.cont1 .mainpop:before {display: block; position: absolute; left: -20px; top: -20px; z-index: 1; content: ''; width: 275px; height: 473px; border: 10px solid rgba(255,255,255,.3);}
.cont1 .mainpop .control {display: inline-block; position: absolute; right: 0; bottom: 27px; z-index: 2; width: auto;}

@media screen and (max-width: 1319px){
.cont1 .mainpop_wrap {top: 45px;width: 400px;height: 320px;}
.cont1 .mainpop:before {display: block;position: absolute;left: -20px; top: -20px;z-index: 1; content: ''; width: 275px;height: 340px; border: 10px solid rgba(255,255,255,.3);}
.cont1 .mainpop .photo_list--item .picture {
    width: 60%;
    height: 100%;
}*/

/*@media screen and (max-width: 320px){
.cont1 .visual_txt {padding: 15px 0 0;}
.visual .slick-dots {bottom: 288px;}


.cont1 .mainpop_wrap {top: 45px;width: 400px;height: 320px;}
.cont1 .mainpop:before {display: block;position: absolute;left: -20px; top: -20px;z-index: 1; content: ''; width: 275px;height: 340px; border: 10px solid rgba(255,255,255,.3);}
.cont1 .mainpop .photo_list--item .picture {
    width: 60%;
    height: 100%;
}
*/