@charset "UTF-8";
@font-face { font-family: 'NeoDunggeunmo'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.3/NeoDunggeunmo.woff') format('woff'); font-weight: normal; font-style: normal; }
@import url('https://fonts.googleapis.com/css?family=Kreon&display=swap');
@import url('https://fonts.googleapis.com/css?family=Do+Hyeon&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Black+Han+Sans&family=Do+Hyeon&display=swap');
@import url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Binggrae-Bold.woff');
.contents{position:relative; width:100%; background:#fff; overflow:hidden;}

/*wrap_visual_main*/
.wrap_visual_main{position:relative;margin:95px auto 0 auto;padding:0;min-width:1180px; overflow:hidden;}
.main_visual_list li{height: 701px;/* background-size:cover; */background-repeat: no-repeat;background-position:center top;text-decoration:none;border:.1px solid transparent;text-align:center;color:#fff;}

.main_visual_list li .layout{margin:0;text-align:center;}
.main_visual_list li span.sp_com{margin:0 0 4px;width:124px;height:110px}
.main_visual_list li p.tit{font-size:26px}
.main_visual_list li p.tit {margin: 237px 0 0 0;text-align: left;font-size: 16px;background-color:rgba(33, 33, 33, 0.64);width: 1001px;height: 192px;margin: 508px auto 0px;padding-left: 24px;line-height: 23px;}
.main_visual_list li.main_visual01 p.tit .str, .main_visual02 p.tit .str, .main_visual03 p.tit .str, .main_visual04 p.tit .str, .main_visual05 p.tit .str, .main_visual06 p.tit .str, .main_visual07 p.tit .str{display:inline-block;font-size: 54px;line-height: 67px;padding: 29px 0 0 0;margin-bottom:14px;font-family: 'Nanum Myeongjo', serif;font-weight:500;}
.main_visual_list li.main_visual01 p.tit .strb, .main_visual02 p.tit .strb, .main_visual03 p.tit .strb, .main_visual04 p.tit .strb, .main_visual05 p.tit .strb, .main_visual06 p.tit .strb, .main_visual07 p.tit .strb{/* margin-left: 24px; */display:inline-block;font-size: 49px;line-height: 65px;margin-bottom: 32px;margin-top: 27px;argin-top: 43px;font-weight:800;/* text-align: left; */}
.bx-has-controls-auto{position:absolute;width:1180px;bottom: 14px;left:50%;margin-left:-590px;text-align:center;z-index:60;}
.bx-default-pager, .bx-controls-auto{display:inline-block}
.bx-default-pager .bx-pager-item, .bx-controls-auto .bx-controls-auto-item{display:inline-block;margin:0 5px;overflow:hidden;vertical-align:middle}
.bx-default-pager .bx-pager-item a{display:block;width:15px;height:15px;vertical-align:middle;font-size:0;text-indent:-9999px;background-color:#fff;opacity:.5; border-radius:10px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s}
.bx-default-pager .bx-pager-item a.active{display:block;width:50px;height:15px;vertical-align:middle;font-size:0;text-indent:-9999px;background-color:#fff;opacity:1}
.bx-controls-auto{margin-left:20px}
.bx-controls-auto .bx-controls-auto-item a{display:block;width:8px;height:9px;vertical-align:middle;font-size:0;text-indent:-9999px;opacity:.5;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s}
.bx-controls-auto .bx-controls-auto-item a.active{opacity:1}
.box_btn_move_control button{position:absolute;top: 48%;margin-top:-30px;display:block;width:30px;height:48px;font-size:0;text-indent:-9999px;z-index:60;}
.box_btn_move_control button.btn_slide_prev{width:50px; height:98px; left:80px;background: url(/theme/basic/images/main/left_sp.png) no-repeat;}
.box_btn_move_control button.btn_slide_next{width:50px; height:98px; right:80px;background: url(/theme/basic/images/main/right_sp.png) no-repeat;}
.contents {position:relative; width:100%; background:#fff;}
.wrap_visual_main{position:relative;margin: 0px auto 0 auto;padding:0;min-width:1180px;overflow:hidden;}
.wrap{width:100%}
.main ul {
    /* background-color: #d23030; */
    /* width: 1100px; */
    /* margin: 0 auto; */
}
ul.main_bn li img {
    width: 100%;
    display: block;
}


.wrap .container {
    width: 1212px;
    /* height: 101px; */
    margin: 0 auto;
    position: relative;
    /* background-color: rebeccapurple; */
    /* height: 385px; */
    margin-top: 13px;
}

ul.row01:after {
    display: block;
    content: '';
    clear: both;
}

ul.row01 .newopen {
   
background-image: url(/theme/basic/images/main/newopen.jpg);
   
background-repeat:no-repeat;
   
height: 319px;

   
width: 820px;
}

ul.row01 .newopen span {
    display: block;
    width: 361px;
    height: 109px;
    background-color: #ffffffa8;
    position: absolute;
    top: 196px;
    left: 442px;
    font-weight: 600;
    color: #4e4d4d;
    font-size: 20px;
    text-align: center;
    /* font-family: 'Nanum Gothic', sans-serif; */
    /* font-family: 'Kreon', serif; */
    padding-top: 28px;
    line-height: 29px;
}

ul.row01 .newopen span b{
	font-family: 'Do Hyeon', sans-serif;
	display: block;
	font-size: 40px;
	margin-top: 6px;
	font-weight: normal;
	line-height: 0.9em;
}
li.customer02 {
    /* width: 449px; */
    /* background-color: #d8707000; */
    /* display: block; */
}
.wrap ul:after{display:block;content:'';clear:both;}
ul.row01 h2 {
    text-align: center;
    font-size: 33px;
    border-bottom: 2px solid #000;
    width: 170px;
    margin: 23px auto;
}
.wrap .row01 li {
    float: left;
    /* background-color: red; */
    height: 410px;
    width: 606px;
    font-size: 20px;
    line-height: 39px;
    font-weight: 600;
}
.row01 li:last-child {padding-left: 15px;}
.tab{
	margin-top: 0px;
	font-family: 'Trebuchet MS', serif;
	line-height: 1.6;
}
.container{
	width: 500px;
	margin: 0 auto;
}



ul.tabs{
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 589px;
}
ul.tabs li{
	background: none;
	color: #222;
	font-size: 16px;
	display: inline-block;
	padding: 11px 96px;
	cursor: pointer;
	height: 44px;
	font-weight: bold;
	width: 294px;
}

ul.tabs li.current{
	background: #40bbbb;
	color: #fff;
	font-weight: bold;
}

.tab-content{
	display: none;
	background: #eeeeee;
	padding: 15px;
	height: 184px;
	width: 589px;
	/* border-radius: 14px; */
	margin-bottom: 43px;
}

.tab-content.current{
	display: inherit;
}

.tab .grand{
    background-repeat: no-repeat;
    background-image: url(/theme/basic/images/main/grandopen.jpg);
}
li.grand {
    width: 391px;
    height: 224px;
    margin-left: 21px;
    /* background-color: rebeccapurple; */
}
ul.tab:after{display:block;content:'';clear:both;}
ul.tab li {
    float: left;
}

li.grand a {
    text-decoration: none;
    display: block;
    text-align: center;
    font-size: 18px;
    font-weight: 100;
    font-family: 'Do Hyeon', sans-serif;
    /* margin-top: 185px; */
    border: 1px solid;
    width: 84px;
    margin: 180px auto;
}

li.grand a:hover{
	background-color:;
	color: #fff;
	background-color: #474342;
}

ul.chain li {
    float: left;
    line-height: 31px;
    font-size: 20px;
}
ul.chain h2 {
    font-size: 35px;
}
ul.chain li:last-child {margin-left: 89px;}
span.name {
    display: block;
    padding-top: 10px;
    font-size: 17px;
}
span.detail {
    float: right;
    border: 1px solid #000;
    width: 249px;
    height: 51px;
    margin-top: 23px;
    text-align: center;
    line-height: 2.5em;
    text-decoration: none;
}
/* ???? : ?????????? */
.article_mainBanner:after{display:block;content:"";clear:both}

.area_mainBanner{position:relative;float:left;height:300px;overflow:hidden}
.area_mainBanner div{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}

.area_mainBanner .mainBannerImg{display:block;width:100%;height:380px;text-align:center;overflow:hidden;}
.area_mainBanner .mainBannerImg img{margin:0 auto}
/*.area_mainBanner .mainBannerImg img{width:104%;height:auto;margin:0 -2%}*/

.mainBanner01, .mainBanner02{width:25%;}
/* .blur {position:absolute; width:100%; height:360px; background:rgba(0,0,0,.5);}
.blur:hover {
	opacity: 0;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
} */

article.article_mainBanner {
    margin-top: 92px;
}
.customer h1 {
    font-size: 48px;
    margin-top: 25px;
}

article.article_mainBanner h1 {
    /* margin: 0 auto; */
    text-align: center;
    font-size: 37px;
    /* font-family: serif; */
    /* border-bottom: 2px solid; */
    letter-spacing: 5px;
}

span.border {
    border: 1px solid #a58a70;
    width: 348px;
    display: block;
    margin: 0 auto;
}
.customer {
    width: 100%;
    height: 316px;
    text-align: center;
    background-color: #1e8d9c;
    padding: 25px 10px;
    font-size: 18px;
    /* background-image: url(/theme/basic/images/main/row3.png); */
    line-height: 28px;
}

.customer p {
    font-size: 17px;
    color: #fff;
    margin: 33px;
}
.customer span {
    display: block;
    font-size: 18px;
}
.customer ul {
    width: 608px;
    margin: 0px auto;
}

.customer ul:after{display:block;content:'';clear:both;}
.customer ul li:first-child{
    font-size: 36px;
    margin-top: 5px;
}
.customer ul li:last-child{text-align:left;line-height:16px;margin-left: 11px;font-size: 15px;margin-top: 3px;}
.customer ul li {
    float: left;
}
li.collabo {
    width: 283px;
    height: 199px;
    background-color: rebeccapurple;
    padding: 54px 15px;
    /* text-align: center; */
    margin-left: 28px;
    color: #fff;
    font-size: 21px;
    font-family: none;
}
ul.coll h2 {
    font-size: 22px;
    font-family: none;
    padding-left: 30px;
    font-weight: 600;
}
li.collabo span {
    display: block;
    border: 1px solid;
    width: 103px;
    padding: 0 7px;
    /* margin: 19px auto; */
    font-size: 16px;
    margin-top: 11px;
}

.inerior_lst{width: calc(100% + 318px);text-align: left;font-size: 0;}
.inerior_lst li{position: relative;display: inline-block;width: 46%;height: 211px;vertical-align: top;overflow: hidden;}
.inerior_lst li a{display: block;width: 100%;height: 100%;}
.inerior_lst .txt{display: block;position: relative;width: calc(100% - 16px);height: calc(100% - 16px);padding: 27px;color: #fff;background: rgba(137,104,73,0.6);border: 1px solid #907965;}
.inerior_lst .txt dt{margin-bottom: 10px;font-size: 24px;font-weight: 500;}
.inerior_lst .txt dt em{display: block;font-weight: 700;}
.inerior_lst .txt dd{font-size: 14px;color: #f3e5d7;text-align: center;font-weight: 300;}
.inerior_lst .txt_hover{display: block;position: absolute;top: 0;left: 0;width: calc(100% - 16px);height: calc(100% - 16px);padding: 25px;border: 0 none;background: #fbc400;transition:all 0.2s ease-in;opacity:0;transform:rotateY(90deg);transform-origin:50%;}
.inerior_lst .txt_hover p{font-size: 15px;color: #333;}
.inerior_lst .txt_hover.on{transform:rotateY(0);opacity:1;z-index:10;}
.inerior_lst .txt_hover:hover .view_more:after{width: 96px;}
.inerior_lst .view_more:after{width: 14px;}
.interior_section.ani .bg .lst:nth-child(1){opacity: 1;-webkit-transform: scale(1.05) rotate(.001deg);-ms-transform: scale(1.05) rotate(.001deg);-o-transform: scale(1.05) rotate(.001deg);transform: scale(1.05) rotate(.001deg);}


.view_more{display: inline-block;position: absolute;bottom: 40px;/* top: 154px; */left: 98px;padding-bottom: 10px;font-size: 16px;color: #333;font-weight: 700;letter-spacing: 0.02em;text-decoration: none;}
.view_more:hover{color: #333;}
.view_more:after{position: absolute;bottom: 0;left: 0;width: 43px;height: 2px;background-color: #333;transition:0.3s;content:'';}
.view_more:hover:after{width: 100%;}
.view_more.white{color: #fff;}
.view_more.white:hover{color: #fff;}
.view_more.white:after{background-color: #fff;}
.view_more.right{left: inherit;right: 0;text-align: right;}
.view_more.right:after{left: inherit;right: 0;}

	.inerior_lst li{/* width: 50%; */height: 237px;}
	.inerior_lst .txt{width: calc(100% - 10px);height: calc(100% - 10px);}
	.inerior_lst .txt dt{margin-bottom: 0;font-size: 18px;text-align: center;line-height: 28px;}
	.inerior_lst .txt dd{/* display: none; */}
	.inerior_lst .txt_hover{display: none;}
	.inerior_lst .txt:hover{background-color: rgb(30, 141, 156);border: none;}
	.inerior_lst .txt:hover dt{color: #333;}

.inerior_lst .txt_hover p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;word-wrap:break-word;line-height:1.3;max-height:5.2em}

.top_copy h3 {
    font-family: none;
    font-size: 23px;
    padding-bottom: 7px;
}
dl.txt img {
    width: 59px;
    margin: 0 auto;
    display: block;
    padding-bottom: 11px;
}
.product ul:after{display:block;content:'';clear:both;}
.product ul li {
    float: left;
    padding-left: 10px;
    padding-bottom: 18px;
}

.product ul li p {
    margin-top: 7px;
    font-size: 17px;
}

.product h3 {
    text-align: center;
    font-size: 40px;
   }
   .product ul {
    margin-top: 17px;
    margin-bottom: 45px;
}

/*2026 멍스런*/
.container{width:100%; box-sizing:border-box;}

.container .mainSlide{position:relative; width:100%; height:900px; background:url('/images/main/mainbg03-02.jpg')no-repeat center center; background-size:cover;}
.container .mainSlide > div{position:absolute;}
.container .mainSlide > div img{width:100%;}
.container .mainSlide .tit{left:50%; top:50%; transform:translate(-50%, -120%);}
.container .mainSlide .button{display:flex; left:50%; top:50%; transform:translate(-50%, -80%); z-index: 103;}
.container .mainSlide .pet01 { left: 50%; top: 50%; transform: translate(-50%, 0);width: 664px; opacity: 1;  animation: pet01 4s ease-in-out;} 

.container .mainSlide .pet02 {left: 50%; top: 50%;  transform: translate(-50%, 20%); width: 200px; opacity: 1; z-index: 101; animation: pet02 4s ease-in-out;}

@keyframes pet01 {

    0% {
        transform: translate(-300%, 100px) scale(0) rotate(0deg); 
        opacity: 0;
    }
	
	16% {
        transform: translate(-250%, -50px) scale(0.2) rotate(-15deg); 
        opacity: 0.5;
    }
    
    32% {
        transform: translate(-200%, 100px) scale(0.3) rotate(-5deg); 
        opacity: 0.5;
    }
    
	48% {
        transform: translate(-150%, -50px) scale(0.5) rotate(-20deg); 
        opacity: 0.7;
    }
	
    64% {
        transform: translate(-100%, 100px) scale(0.6) rotate(-10deg); 
        opacity: 0.7;
    }

    80% {
        /* 예: 45deg 회전 */
        transform: translate(-50%, -50px) scale(0.8) rotate(-25deg); 
        opacity: 1;
    }
    
    100% {
        transform: translate(-50%, 0px) scale(1) rotate(0deg); 
        opacity: 1;
    }

    
}

@keyframes pet02 {
    0%, 85% {
		transform: translate(-50%, 50%);
        opacity: 0;
    }
	95% {
        transform: translate(-50%, 20%);
        opacity: 1;
    }
	100% {
        transform: translate(-50%, 20%);
        opacity: 1;
    }

}
/* @keyframes pet01 {
    0% {
        transform: translate(-400%, 0);
        opacity: 0;
    }
    45% {
	        opacity: 1;
			transform: translate(-50%, 0);
	    }

    100% {
        transform: translate(-50%, 0);  중앙 유지
        opacity: 1;
    }
}
 */
/* @keyframes pet02 {
    0%, 30% {
		transform: translate(-50%, 50%);
        opacity: 0;
    }
	
	43%,  100% {
        transform: translate(-50%, 20%);
        opacity: 1;
    }

    
}
 */
/* 원래슬라이드 */
/* .container .mainSlide{position:relative; width:100%; height:700px; background:url('/images/main/mainBg.png')no-repeat center center; background-size:cover;} */
/* .container .mainSlide{position:relative; width:100%; height:700px; background:url('/images/main/mainBg02.png')no-repeat center center; background-size:cover;} */
/* .container .mainSlide > div{position:absolute;}
.container .mainSlide > div img{width:100%;}
.container .mainSlide .tit{left:50%; top:50%; transform:translate(-50%, -150%);}
.container .mainSlide .person01{left:50%; top:50%; transform:translate(-155%, -20%);}
.container .mainSlide .person02{left:50%; top:50%; transform:translate(-50%, -40%);}
.container .mainSlide .person03{left:50%; top:50%; transform:translate(85%, -25%);}
.container .mainSlide .pet01{left:50%; top:50%; transform:translate(-165%, 0); animation:pet01 infinite 20s; width:0; opacity:0; transition:all .6s;}
.container .mainSlide .pet02{left:50%; top:50%; transform:translate(-50%, 20%); animation:pet02 infinite 20s; width:0; opacity:0; transition:all .6s;}
.container .mainSlide .pet03{left:50%; top:50%; transform:translate(55%, 0); animation:pet01 infinite 20s; width:0; opacity:0; transition:all .6s;}
.container .mainSlide .person04{left:50%; top:50%; transform:translate(250%, -50%);}
.container .mainSlide .person05{left:50%; top:50%; transform:translate(-400%, -20%);} */


/* @-webkit-keyframes pet01 {
  0% {
  	
  }
  14% {
	width:250px;
	opacity:1;
  	
  }
  100% {
	width:250px;
	opacity:1;
  }
}

@-webkit-keyframes pet02 {
  0% {
  	
  }
  10% {
	width:192px;
	opacity:1;
  	
  }
  100% {
	width:192px;
	opacity:1;
  }
} */

/*dayBox*/
.dayBox{position:absolute; bottom:0; right:50%; margin-right:-600px; margin-bottom:-26px; width:307px; height:196px; background:url('/images/main/timer.png')no-repeat center center; background-size:cover;}
.dayBox .day{position:absolute; top:50%; left:50%; transform:translate(-50%, 42%); font-size:24px; font-family:'yg-jalnan'; width:100%; text-align:center;}

/*mainInfo*/
.mainInfo{/* background:#f79b4c; */ background-color:#2e8c42; padding:25px 0;}
.mainInfo > div{display:flex; align-items:center;}
.mainInfo > div > div{position:relative; padding:0 30px;}
.mainInfo > div > div::before{content:""; display:block; width:1px; height:100%; background:#fff; position:absolute; left:0; top:0;}
.mainInfo > div > div::after{content:""; display:block; width:5px; height:90px; background:#fff; position:absolute; left:0; top:0; border-radius:5px;}
.mainInfo > div > div:nth-child(1)::after{background:/* #1bc256 */#ff7100;}
.mainInfo > div > div:nth-child(2)::after{background:/* #fe3232 */#ffdc00;}
.mainInfo > div > div:nth-child(3)::after{background:#1a91ff;}

.mainInfo div.notice{width: 380px;}
.mainInfo div.notice h2{margin-bottom:20px; font-family:'yg-jalnan'; font-size:20px; color:#fff;}
.mainInfo div.notice ul li{margin-bottom:5px;}
.mainInfo div.notice ul li a p{width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#fff;}
.mainInfo div.notice ul li a p::before{content:"▶"; display:inline-block; margin-right:6px; color:#fff; font-size:10px;}

.mainInfo div.btnIco{}
.mainInfo div.btnIco ul{} 
.mainInfo div.btnIco ul li{float:left; width:50%; text-align:center; margin-bottom:10px;} 
.mainInfo div.btnIco ul li:nth-child(3){margin-bottom:0px;}
.mainInfo div.btnIco ul li:nth-child(4){margin-bottom:0px;}
.mainInfo div.btnIco ul li .img{}
.mainInfo div.btnIco ul li .img img{}
/* .mainInfo div.btnIco ul li p{width:fit-content; height:18px; line-height:18px; padding:0 6px; background-color:#fe3232; border-radius:20px; margin:0 auto; margin-top:8px; color:#fff; font-size:12px;} */
.mainInfo div.btnIco ul li p{width:fit-content; height:18px; line-height:18px; padding:0 6px; background-color:#ffdc00;; border-radius:20px; margin:0 auto; margin-top:8px; color:#044411; font-size:12px;}

.mainInfo div.festivalInfo{}
.mainInfo div.festivalInfo ul{}
.mainInfo div.festivalInfo ul li{margin-bottom:10px;}
.mainInfo div.festivalInfo ul li:last-child{margin-bottom:0}
.mainInfo div.festivalInfo ul li h3{display:inline-block; color:#fff; font-size:20px; font-family:'yg-jalnan';}
.mainInfo div.festivalInfo ul li h3 img{display:inline-block; margin-right:7px;}
.mainInfo div.festivalInfo ul li p{display:inline-block; color:#fff; font-size:18px;}

/*con01*/
.con01{display:flex; justify-content:space-between; overflow:hidden; padding:100px 0;}
.con01 .img{width:580px;}
.con01 .img .list{}
.con01 .img .list li{border-radius:20px; overflow:hidden;}
.con01 .img .list li img{}

.con01 .box{width:580px; position:relative;}
.con01 .box .txt{position:relative; height:100%;}
.con01 .box .txt h4{margin:0; font-family:'yg-jalnan'; font-size:16px;}
.con01 .box .txt h2{margin-bottom:16px; font-family:'yg-jalnan'; font-size:36px;}
.con01 .box .txt h2 img{display:inline-block; margin-left:2px;}
.con01 .box .txt h3{margin-bottom:6px; font-family:'yg-jalnan'; font-size:20px;}
.con01 .box .txt p{font-size:16px; line-height:26px; color:#666;}
.con01 .box .txt p span{display:block; color:#666;}
.con01 .box .txt a.btn{position:absolute; top:266px; display:block; width:fit-content; color:#818ae4; font-size:16px;}

.con01 .box .txt li.slick-slide{height:440px; padding-top:40px; box-sizing:border-box;}

.con01 .box ul.btn{display:flex; justify-content:space-between; width:100%; height:auto; position:absolute; bottom:0;}
.con01 .box ul.btn li{}
.con01 .box ul.btn li button{text-indent:-99999px; width:150px; height:150px;}
.con01 .box ul.btn li:nth-child(1) button{background:url('/images/main/con01Btn01_off.png') no-repeat center center; background-size:cover;}
.con01 .box ul.btn li:nth-child(2) button{background:url('/images/main/con01Btn03_off.png') no-repeat center center; background-size:cover;}
.con01 .box ul.btn li:nth-child(3) button{background:url('/images/main/con01Btn02_off.png') no-repeat center center; background-size:cover;}

.con01 .box .btn li.slick-active:nth-child(1) button{background-image:url('/images/main/con01Btn01_on.png');}
.con01 .box .btn li.slick-active:nth-child(2) button{background-image:url('/images/main/con01Btn03_on.png');}
.con01 .box .btn li.slick-active:nth-child(3) button{background-image:url('/images/main/con01Btn02_on.png');}


/*lineBn*/
.lineBn{position:relative; height:330px; width:100%; overflow:hidden;}
.lineBn img{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}

/*con02*/
.con02{padding:100px 0;}
.con02 .tit{text-align:center; margin-bottom:40px;}
.con02 .tit h4{font-size:14px; font-family:'yg-jalnan'}
.con02 .tit h2{font-size:36px; font-family:'yg-jalnan'}
.con02 .tit h2::after{content:""; display:block; width:30px; height:2px; background:#333; margin:16px auto;}
.con02 .tit p{font-size:16px; color:#999;}

.con02 ul{display:flex; justify-content:space-between;}
.con02 ul li{position:relative; height:460px; border-radius:20px 20px 0 0; overflow:hidden;}
.con02 ul li .img{}
.con02 ul li .txt{position:absolute; bottom:0; width:100%; background:#fff; border-radius:30px 0 0 0; padding:20px 40px;}
.con02 ul li .txt h3{font-size:26px; font-family:'yg-jalnan';}
.con02 ul li .txt p{font-size:14px; color:#999;}
.con02 ul li .txt a{position:absolute; top:50%; margin-top:-24px; right:26px; display:block; width:48px; height:48px; line-height:46px; border:1px solid #ddd; border-radius:50%; color:#2e8c42; font-size:15px; text-align:center; transition:background .4s;}
.con02 ul li .txt a:hover{color:#fff; border:none; line-height:48px; background:#2e8c42;}

/* 자주묻는질문 */
.qna{padding:0 0 100px;}
.qna > .tit{text-align:center; margin-bottom:40px;}
.qna > .tit h4{font-size:14px; font-family:'yg-jalnan'}
.qna > .tit h2{font-size:36px; font-family:'yg-jalnan'}
.qna > .tit h2::after{content:""; display:block; width:30px; height:2px; background:#333; margin:16px auto;}
.qna > .tit p{font-size:16px; color:#999;}

.qna > .faq{}
.qna > .faq > h3{}
.qna > .faq > h5{font-size:18px; margin-bottom:15px; color:#999; font-weight:700;}
.qna > .faq ul.list{border-bottom:1px solid #999}
.qna > .faq ul.list li{border-top:3px solid #2e8c42;}
.qna > .faq ul.list li:last-child{border-bottom:3px solid #2e8c42;}
.qna > .faq ul.list li div{padding:25px 0;}
.qna > .faq ul.list li div.inquiry{position:relative; cursor:pointer; position:relative;}
.qna > .faq ul.list li div.inquiry::after{content:""; display:inline-block; width:12px; height:12px; border-top:3px solid #005faf; border-right:3px solid #005faf; transform:rotate(135deg); transition:all .6s; position:absolute; top:50%; margin-top:-6px; right:40px;}
.qna > .faq ul.list li div.inquiry.on::after{content:""; transform:rotate(-45deg);}
.qna > .faq ul.list li div.inquiry span{display:inline-block; font-size:20px;}
.qna > .faq ul.list li div.inquiry span:first-child{width:100px; text-align:center; color:#005faf; font-family:'yg-jalnan';}
.qna > .faq ul.list li div.inquiry span:last-child{position:relative; font-family:'yg-jalnan'; font-size:18px;}
.qna > .faq ul.list li div.inquiry span:last-child::before{content:""; display:block; width:100%; height:16px; background:#febf32; opacity:.3; position:absolute; left:0; bottom:0; z-index:-1;}
.qna > .faq ul.list li div.answer{border-top:1px solid #666;}
.qna > .faq ul.list li div.answer span{display:inline-block; font-size:18px; line-height:26px; vertical-align:text-top;}
.qna > .faq ul.list li div.answer span:first-child{width:100px; text-align:center; color:#005faf; font-family:'yg-jalnan';}
.qna > .faq ul.list li div.answer span:last-child{width:1000px; box-sizing:border-box;}
.qna > .faq ul.list li div.answer span a{display:block; width:fit-content; padding:2px 6px; border-radius:5px; background:#2e8c42; color:#fff; margin-top:10px; font-size:15px;}


/*con03*/
.con03{display:flex;}
.con03 > div{width:50%; height:376px;}
.con03 > div a{display:block; width:100%; height:100%;}
.con03 > div a h4{width:650px; padding:50px 40px; box-sizing:border-box; color:#005faf; font-family:'yg-jalnan'; font-size:25px; line-height:30px; }
.con03 > div a h4 span{display:block; color:#005faf; font-family:'yg-jalnan';}
.con03 > div a h4 span img{filter: brightness(0.5);}
.con03 > div.box01{background:url('/images/main/con03Img01.png') no-repeat center right;}
/* .con03 > div.box01{background:url('/images/main/con03Img01_02.png') no-repeat center right;} */
.con03 > div.box01 a h4{margin:0 0 0 auto;}
/* .con03 > div.box02{background:url('/images/main/con03Img02.png') no-repeat center left;} */
.con03 > div.box02{background:url('/images/main/danggift.png') no-repeat center left;}
.con03 > div.box02 h4{}

/*subTit*/
.subTit{text-align:center; margin-bottom:60px; }
.subTit.line{padding-bottom:20px; border-bottom:1px solid #ddd;}
.subTit h4{font-family:'yg-jalnan'; width:fit-content; margin:0 auto; padding:1px 8px; border-radius:20px; border:1px solid #ff6000; color:#ff6000; font-size:12px; margin-bottom:2px; letter-spacing: 1px;}
.subTit h2{font-family:'yg-jalnan'; font-size:36px;}
.subTit p{font-size:15px; color:#666; font-weight:400; margin-top:12px;}

.con01M, .con03M{display:none;}
@media (max-width:1200px) {
	.inner{width:100%;}
	
	.container .mainSlide{height:480px;}
	.container .mainSlide .tit{width:340px; transform:translate(-50%, -260%);}
	.container .mainSlide .person01{width:92px;}
	.container .mainSlide .person02{width:80px;}
	.container .mainSlide .person03{width:72px;}
	.container .mainSlide .pet01{transform:translate(-155%, 40%);}
	.container .mainSlide .pet02{transform:translate(-50%, 60%);}
	.container .mainSlide .pet03{transform:translate(45%, 40%);}
	.container .mainSlide .person04{display:none;}
	.container .mainSlide .person05{width:80px; transform:translate(-180%, -180%); }

	@-webkit-keyframes pet01 {
	  0% {
		
	  }
	  14% {
		width:120px;
		opacity:1;
		
	  }
	  100% {
		width:120px;
		opacity:1;
	  }
	}

	@-webkit-keyframes pet02 {
	  0% {
		
	  }
	  10% {
		width:92px;
		opacity:1;
		
	  }
	  100% {
		width:92px;
		opacity:1;
	  }
	}
	
	.mainInfo{display:none;}
	.mainInfo > div{display:block;}

	.dayBox{width:140px; height:80px; background-size:contain; margin-right:0; right:0; margin-bottom:-20px;}
	.dayBox .day{font-size:.75rem; transform:translate(-50%, 32%);}

	/*con01*/
	.con01{display:none;}

	.con01M{display:block; padding:30px 3%; box-sizing:border-box;}

	.con01M .list{position:relative; height:100%;}
	.con01M .list li{text-align:center;}
	.con01M .list li h4{font-family:'yg-jalnan'; font-size:.85rem;}
	.con01M .list li h2{font-size:1.8rem; font-family:'yg-jalnan';}
	.con01M .list li h2 img{display:inline-block; margin-left:2px; height:26px;}
	.con01M .list li .img{width:100%; position:relative; border-radius:20px; overflow:hidden;}
	.con01M .list li .img img{width:100%;}
	.con01M .list li h3{margin-bottom:6px; font-family:'yg-jalnan'; font-size:1rem;;}
	.con01M .list li p{font-size:.85rem; line-height:1.4rem; color:#666;}
	.con01M .list li p span{display:block; color:#666;}
	.con01M .list li a.btn{display:block; width:fit-content; color:#818ae4; font-size:.9rem; margin:0 auto; margin-top:14px; border:1px solid #818ae4; border-radius:5px;}
	
	.con01M .slick-arrow{text-indent:-9999px; width:40px; height:40px; border-radius:50%; border:1px solid #333; position:absolute; bottom:180px; z-index:5; background:rgba(255,255,255,0.3);}
	.con01M .slick-prev{right:60px;}
	.con01M .slick-next{right:10px;}
	.con01M .slick-prev::after{content:""; display:block; width:10px; height:10px; border-top:1px solid #333; border-left:1px solid #333; transform:rotate(-45deg); position:absolute; top:50%; margin-top:-4px; left:50%; margin-left:-4px;}
	.con01M .slick-next::after{content:""; display:block; width:10px; height:10px; border-top:1px solid #333; border-left:1px solid #333; transform:rotate(130deg); position:absolute; top:50%; margin-top:-4px; left:50%; margin-left:-8px;}

	
	/*lineBn*/
	.lineBn{height:130px; margin:26px 0;}
	.lineBn img{height:100%;}

	/*con02*/
	.con02{padding:40px 3%; box-sizing:border-box;}
	.con02 .tit h4{font-size:.8rem;}
	.con02 .tit h2{font-size:1.6rem;}
	.con02 .tit p{font-size:.9rem;}

	.con02 ul{display:block;}
	.con02 ul li{height:320px; margin-bottom:20px;}
	.con02 ul li:last-child{margin-bottom:0;}
	.con02 ul li .img{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); margin:0; width:100%;}
	
	.con02 ul li .txt{padding:16px 26px;}
	.con02 ul li .txt h3{font-size:1.2rem;}
	.con02 ul li .txt p{font-size:.9rem;}
	
	/*con03*/
	.con03{display:none;}
	.con03M{display:flex;}
	
	.con03M > div{width:50%; padding:16px 2%;}
	.con03M > div.box01{background:url('/images/main/con03Img01.png') no-repeat center right; background-size:cover;}
	.con03M > div.box02{background:url('/images/main/con03Img02.png') no-repeat center left; background-size:cover; text-align:right;}
	.con03M > div a h4{font-size:.8rem; color:#fff; font-family:'yg-jalnan';}
	.con03M > div a h4 span{display:block; font-size:.8rem; color:#fff; font-family:'yg-jalnan';}
	.con03M > div a h4 img{height:14px;}

	/*subTit*/
	.subTit h4{font-size:10px;}
	.subTit h2{font-size:1.8rem;}
}