@charset "utf-8";
/* 모바일 기본화면 500px-----*/
#wrap{width:100%; min-width:480px; 
        overflow:hidden;}
/*헤더영역 500*/
#header{width:100%; height:50px; border-bottom:1px solid #555;
           transition:all 0.4s;}
#headerIn{height:50px; /*background:#cee;*/ 
              position:relative; transition:all 0.4s;}

/*로고 500*/
.logo{width:75px; height:35px; /*background:#f40;*/
       margin:0 auto; padding-top:7.5px;
       transition:all 0.4s;}
.logo a{display:block; height:35px; text-indent:-9999px;
          background-image:url(../img/logo.jpg);
          background-repeat:no-repeat;
          background-position:center;
          background-size:auto 35px;
          transition:all 0.4s;}

/*삼선버튼 500*/
.btnMenu{display:block; width:20px; height:16px;
             /*background:#fc0;*/ padding:17px 15px;
             position:absolute; top:0; left:0;}/*50x50*/
.btnMenu span{display:block; text-indent:-9999px; 
                    width:20px; height:2px; background:#444;
                    margin:5px 0;}
.btnMenu:before,
.btnMenu:after{content:""; display:block;
                    width:20px; height:2px; background:#444;}

/*돋보기 500*/
.btnSearch{position:absolute; top:0; right:0;
              display:block; text-indent:-9999px;
              width:50px; height:50px; 
              /*background-color:#f93;*/
              background-image:url(../img/icon_search.png);
              background-repeat:no-repeat;
              background-position:center;
              background-size:auto 24px;}

/*메인메뉴 500*/
.gnb{display:none;}

/*유틸 500*/
.utill{display:none;}


/*메인슬라이더 500*/
#mainSlider{position:relative; overflow:hidden;}
#mainSlider img{width:100%; height:auto;}
#mainSlider .simg .pc{display:none;}

#mainSlider .pager{position:absolute; left:50%; bottom:8%;
                           transform:translateX(-50%);
                          display:-webkit-flex; display:flex; 
                           width:89px;
                           background:rgba(0,0,0,0.5);
                           padding:15px;
                            border-radius:25px;
                           justify-content:space-between;}
/*bottom:50px -> (50/500) x100 = 10%*/

#mainSlider .pager li{}
#mainSlider .pager li a{display:block; width:13px; height:13px;
                              background:#fff; border-radius:50%;
                              text-indent:-9999px; opacity:0.5;}
#mainSlider .pager .on a{opacity:1;}

/*#mainSlider .bx-pager{position:absolute; left:50%; bottom:8%;
                           transform:translateX(-50%);
                          display:-webkit-flex; display:flex; 
                           width:89px;
                           background:rgba(0,0,0,0.5);
                           padding:15px;
                            border-radius:25px;
                           justify-content:space-between;}
#mainSlider .bx-pager div{justify-content:space-between;}
#mainSlider .bx-pager div .active{display:block; width:13px; height:13px;
                              background:#fff; border-radius:50%;
                              text-indent:-9999px; opacity:1;}
#mainSlider .bx-pager div .active:hover{opacity:1;}

#mainSlider .bx-pager div a{display:block; width:13px; height:13px;
                              background:#fff; border-radius:50%;
                              text-indent:-9999px; opacity:0.5;}
#mainSlider .bx-pager div:hover a{opacity:1;}*/


#mainSlider .btnL,
#mainSlider .btnR{display:none; text-indent:-9999px;
                        overflow:hidden;}

/*컨테이너 본문영역 500*/
#container{margin:10% 4%; /*background:#cce;*/}
#container section{margin-bottom:20%;
                         transition:all 0.5s; /*background:#cec;*/}

/*container tit/sub 공통값*/
#container section .tit{font-size:30px; line-height:1em;
                             margin-bottom:20px; text-align:center;}
#container section .sub{font-size:20px; line-height:1em;
                               margin-bottom:50px; color:#555;
                               text-align:center;}

/*cont1 이용안내 500*/
.cont1{}
.guide{position:relative; text-align:center;}
.guide .gTit{}
.guide .gTit .title{font-size:30px; line-height:1em; 
                    margin-bottom:30px;}
.guide .gTit .info{font-size:16px; font-weight:500; line-height:1.3em; margin-bottom:40px;}
.guide .gTit a{display:block; width:80px; margin:20px auto;
                  /*float:left;*/
                  font-weight:500; font-size:14px;
                  border:2px solid #fd8e01; color:#fd8e01; 
                  border-radius:20px;
                  padding:8px 12px; background:rgba(253,142,1,0); 
                  transition:all 0.3s;}
.guide .gTit a:hover{background:rgba(253,142,1,1); color:#fff;}
/*.guide .gTit .charge{padding-left:20px;}*/

/*background:rgba(255,192,0,1); #fc0;*/

.guide .gPhoto{width:100%; overflow-x:scroll;}
.guide .gPhoto ul{width:1260px;}
.guide .gPhoto ul li{width:400px; float:left; margin:0 10px;
                        border-radius:25px; overflow:hidden;}
.guide .gPhoto ul li img{width:100%; height:auto;}


.guide .gList{display:none; position:absolute; top:50px; left:0;
                text-align:center; width:100%;}
.guide .gList ol{}
.guide .gList ol li{font-size:18px; font-weight:bold; display:none;}
.guide .gList ol .on{display:block;}

/*cont2 이월드소식 500*/
.cont2{text-align:center;}

.cont2 .tit{font-size:30px; line-height:1em;
               margin-bottom:20px;}
.cont2 .sub{font-size:20px; line-height:1em;
               margin-bottom:50px; color:#555;}

.cont2 ul{display:-webkit-flex; display:flex;
          flex-wrap:wrap;}
.cont2 ul li{width:47.826086%; margin-bottom:4%;
            /*background:#fcc;*/ text-align:center;}
/*
li 1개 너비 : 220 (220/460) x100 = 47.826086%
사이여백   : 20   (20/500) x100 = 4%
*/
.cont2 ul li:nth-child(1),
.cont2 ul li:nth-child(3){margin-right:4%;}
.cont2 ul li a{transition:all 0.3s;}
.cont2 ul li .photo{overflow:hidden;}
.cont2 ul li .photo img{width:100%; height:auto;
                            transition:all 0.5s;}
.cont2 ul li:hover .photo img{transform:scale(1.2);}
.cont2 ul li:hover .name{font-weight:bold;}
.cont2 ul li .name{font-size:14px; padding:30px 0 5px;}

/*cont3 놀이시설 500*/
.cont3{/*width:100%; height:1000px;*/
        /*background-color:#fcc;*/
       /* background-image:url(../img/cont3_bg.jpg);
         background-repeat:no-repeat; 
         background-size:cover;
         transition:all 0.4s;*/}

.cont3 .amm{}
.cont3 .amm ul{display:-webkit-flex; display:flex; 
                    flex-wrap:wrap;}
.cont3 .amm ul li{width:47.826086%; margin-bottom:4%;
                      background:#fff;}
/*
li 1개 너비 : 220 (220/460) x100 = 47.826086%
사이여백   : 20   (20/500) x100 = 4%
*/
/*.cont3 .amm ul li:nth-child(odd){margin-right:4%;}*/
.cont3 .amm ul li:nth-child(1),
.cont3 .amm ul li:nth-child(3),
.cont3 .amm ul li:nth-child(5){margin-right:4%;}
.cont3 .amm ul li a{display:block;}


.cont3 .amm ul li .photo{overflow:hidden;}
.cont3 .amm ul li .photo img{width:100%; height:auto;
                                     transition:all 0.4s;}
.cont3 .amm ul li .photo img{transition:scale(1.2);}
.cont3 .amm .name{font-size:18px; /*line-height:2em;*/
                         font-weight:600; /*background:#fcd611;*/
                        background:#eeeeee;
                        /*background:rgba(252,214,17,0.5);*/
                         padding:20px 20px 10px;}
.cont3 .amm .des{padding:0 0 20px 20px;         
                      /*background:#fcd611;*/
                        background:#eeeeee;
                      /* background:rgba(252,214,17,0.5);*/
                       font-size:14px;}

.cont3 .amm ul li:hover{box-shadow:7px 7px 20px rgba(0,0,0,0.3);}
.cont3 .amm ul li:hover a{background:#fd8e01; color:#fff;
                                /*font-weight:600;*/}
.cont3 .amm ul li:hover a .name{background:#fd8e01;}
.cont3 .amm ul li:hover .des{background:#fd8e01;}

/*cont4 할인혜택 500*/
.cont4{text-align:center; font-size:14px;
         font-weight:400; /*width:512px; height:444px;*/}
.cont4 .sub{font-weight:normal;}
.cont4 img{width:100%; height:auto;}
.cont4 div{width:50%; float:left; position:relative;
    /*border-top:1px solid #ccc;
    border-right:1px solid #ccc;*/}
/*.cont4 div:hover{border:2px solid #fd8e01;
    box-shadow:0 20px 40px rgba(0,0,0,0.3);}*/
/*.cont4 div:hover{box-shadow:7px 7px 30px rgba(0,0,0,0.3);}*/

.cont4 div p{padding:30px 0 20px;}
.cont4 div p span{display:block; width:0; height:2px;
                        background:#fd8e01;}
.cont4 div:hover p{font-weight:600;}
/*.cont4 .c1{border-left:1px solid #ccc;}*/
.cont4 .c3{width:50%;}
.cont4 .c4{width:50%;}

.cont4 div .over{display:block; width:100%; height:100%; 
                position:absolute; top:0; left:0; transition:all 0.3s;}
.cont4 div:hover .over{box-shadow:0 0 0 4px #fd8e01 inset;}

/*푸터영역 500*/
#footer{border-top:1px solid #444; padding-bottom:50px;}
#footerIn{position:relative;}
.fmenu{border-bottom:1px solid #444;}
.fmenu li{width:33.333333%; float:left; text-align:center;
           position:relative;}
.fmenu li:after{content:""; display:block; 
                   width:1px; height:12px;
                   background:#555;
                   position:absolute; right:0; top:15px;}
.fmenu li:last-child:after{display:none;}
.fmenu li a{display:block; line-height:42px; position:relative;}
.fmenu li a span{display:block; position:absolute;
                      left:0; bottom:0;
                      width:0; height:2px; 
                      background:#c58e58;
                      transition:all 0.3s;}
.fmenu li:hover a{color:#c58e58; text-decoration:underline;}
/*.fmenu li:hover a span{width:100%;}*/

.fsns{position:absolute; top:60px; left:15px;}
.fsns li{float:left; margin-right:10px;}
.fsns li a{display:block;
            width:36px; height:36px; text-indent:-9999px;
             border-radius:50%;
             background-repeat:no-repeat;
             background-position:center;
             background-size:100% auto;}
.fsns li:nth-child(1) a{background-image:url(../img/icon_blog.png);}
.fsns li:nth-child(2) a{background-image:url(../img/icon_facebook.png);}
.fsns li:nth-child(3) a{background-image:url(../img/icon_youtube.png);}
.fsns li:nth-child(4) a{background-image:url(../img/icon_insta.png);}

.family{position:absolute; top:60px; right:15px;
         width:168px;}
.family .btn{display:block; height:34px; line-height:34px; 
              border:1px solid #777; padding:0 10px;
              position:relative;}
/*화살표*/
.family .btn:after{content:""; display:block;
                     width:6px; height:6px; 
                     border-top:1px solid #555;
                     border-right:1px solid #555;  
                     transform:rotate(45deg); transition:all 0.4s;
                     position:absolute; top:13px; right:18px;}

.family .list{position:absolute; left:0; bottom:36px;
              transition:all 0.4s;
              width:100%; background:#fff; display:none;}
.family .list ul{border:1px solid #444; padding:15px 0;
                 border-bottom:none;}
.family .list li a{font-size:13px; display:block;  
                   color:#777; padding:6px 15px;
                    position:relative;}
.family .list li a span{display:block; width:0; height:2px;
                          background:#c58e58;
                          position:absolute; left:0; bottom:-3px; 
                          transition:all 0.3s;}
.family .list li:hover a{color:#c58e58; text-decoration:underline;}
/*.family .list li:hover a span{width:100%;}*/

/*마우스 하버시*/
.family:hover .btn:after{transform:rotate(-45deg);}
.family:hover .list{display:block;}

.finfo{margin:75px 0 20px; text-align:center; font-size:12px;}
.finfo p{margin-bottom:10px;}
.copy{text-align:center; font-size:12px;}


/*모바일화면 끝 500px-----*/

@media screen and (min-width:768px){
    /*헤더영역768*/
   #header{height:105px;} 
   #headerIn{height:105px;} 
   
    /*로고 768*/
    .logo{margin:0 0 0 30px; padding-top:15px;}
    .logo a{}
    
    /*삼선버튼 768*/
    .btnMenu{display:none;}
    
    /*돋보기 768*/
    .btnSearch{display:none;}
    
    /*메인메뉴 768*/
    .gnb{display:block; margin-top:30px;}
    .gnb h2{display:none;}
    .gnb .d1{width:20%; float:left;
             height:40px; line-height:40px; text-align:center;
             transition:all 0.5s;}
    .gnb .d1:nth-child(even){}
    .gnb .d1:hover{background:#fcd611; font-weight:500;}
    .gnb .d1 .m{display:block; font-size:14px;}
    
    /*유틸 768*/
    .utill{display:block; position:absolute; top:20px; right:30px;}
    .utill li{display:inline-block; border-left:1px solid #555;
            margin-left:10px; padding-left:10px;
            line-height:12px;}
    /*.utill li:hover a{color:#fd8e01; text-decoration:underline;}*/
    .utill li:first-child{border-left:none;}
    .utill li a{color:#666; display:block; position:relative;}
    .utill li a span{display:block; width:0; height:2px;
                      background:#fd8e01; 
                      position:absolute; left:0; bottom:-3px; 
                      /*transform:scaleX(0);*/transition:all 0.3s;}
    .utill li:hover a{font-weight:500; color:#fd8e01;}
    .utill li:hover a span{width:100%; transform:scaleX(1);}
    
    /*메인슬라이더 768*/
    #mainSlider{}
    #mainSlider .simg .m{display:none;}
    #mainSlider .simg .pc{display:block;}
    
    #mainSlider .btnL,
    #mainSlider .btnR{display:block; width:35px; height:35px;
                            border-top:4px solid #fff;
                            border-right:4px solid #fff;
                            opacity:0.5;
                            position:absolute; top:50%; transform:translateY(-50%);}
    
    #mainSlider .btnL{left:13.020833%; transform:rotate(-135deg);}
    /*(100/768) x100 =13.020833%*/
    #mainSlider .btnR{right:13.020833%; transform:rotate(45deg);}
    
    #mainSlider .btnL:hover,
    #mainSlider .btnR:hover{opacity:1;}
    
    /*컨테이너 본문영역 768*/
    #container{margin:9.114583% auto; width:768px;
                   transition:all 0.3s;}
    
    /*cont1 이용안내 768*/
    .guide{text-align:left;}
    .guide>div{float:left;}
    /*2등분 (320/420)
    사이여백: 28
    (320/768) x100 = 41.666666%
    (420/768) x100 = 54.6875%
    (28/768) x100   = 3.645833%
    */
    .guide .gTit{width:41.666666%; margin-top:120px;
                   margin-right:3.645833%;}
    .guide .gTit .tit{margin-bottom:30px;}
    .guide .gTit .info{display:block; font-size:16px; line-height:1.3em;}
    .guide .gTit a{text-align:center; margin:30px 10px 0 0;}
    
    .guide .gPhoto{width:54.6875%; overflow-x:auto;}
    .guide .gPhoto ul{width:auto;}
    .guide .gPhoto ul li{width:100%; float:none; margin:0;
                            display:none;}
    .guide .gPhoto ul .on{display:block;}
    
    .guide .gList{display:none;}
	
    /*cont2 이월드소식 768*/
    .cont2{margin-bottom:4%;}/*20px*/
    .cont2 ul li{width:31.25%; margin-bottom:0;
                margin-right:2.604166%;}
    /*li 1개 너비 : 240px (240/768) x100 = 31.25%
      사이여백   : 20px (20/768) x100 = 2.604166%*/
    .cont2 ul li:nth-child(1){margin-right:2.604166%;}
    .cont2 ul li:nth-child(3){margin-right:0;}
    .cont2 ul li:nth-child(4){display:none;}
    
    /*cont3 놀이시설 768*/
    .cont3 .amm{margin-bottom:4%;}/*20px*/
    .cont3 .amm ul li{width:31.25%; margin-bottom:0;
                          margin-right:2.604166%;}
    /*li 1개 너비 : 240px (240/768) x100 = 31.25%
      사이여백   : 20px (20/768) x100 = 2.604166%*/
    .cont3 .amm ul li:nth-child(1){margin-right:2.604166%;
                                          margin-bottom:2.604166%;}
    .cont3 .amm ul li:nth-child(2){margin-bottom:2.604166%;}
    .cont3 .amm ul li:nth-child(3){margin-right:0;
                                          margin-bottom:2.604166%;}
    .cont3 .amm ul li:nth-child(5){margin-right:2.604166%;}
    .cont3 .amm ul li:nth-child(6){margin-right:0;}
    
    /*cont4 할인혜택 768*/
    
    /*푸터영역 768*/
    .fmenu li{width:auto;}
    .fmenu li a{padding:0 20px;}
    .finfo p br{display:none;}
    
}
/*테블릿화면 768px 끝-----*/

@media screen and (min-width:1024px){
    /*헤더영역1024*/
    #header{}
    #headerIn{width:1024px; margin:0 auto;}
    
    /*로고 1024*/
    .logo{width:115px; height:60px; margin:0; 
            padding-top:26px;}
    .logo a{height:60px; background-size:auto 60px;}
    
	/*메인메뉴 1024*/
    .gnb{margin-top:0; position:absolute; right:0; top:65px;}
    .gnb ul{width:780px;}
    .gnb li{}
    
    
    /*유틸 1024*/
    .utill{top:16px; right:0;}
    
    /*메인슬라이더 1024*/
    #mainSlider{max-width:1920px; margin:0 auto;}
    
    
    /*컨테이너 본문영역 1024*/
    #container{width:1024px;}
    
    /*cont1 이용안내 1024*/
    .guide{text-align:left;}
    /*3등분 (328 / 328 / 328) 사이여백 20*/
    .guide .gTit{width:328px; margin-right:20px; 
                   margin-top:70px;}
    .guide .gTit .info{font-size:18px;}
    .guide .gPhoto{width:328px; margin-right:20px;}
    
    .guide .gList{display:block; width:328px;
                   position:static; /*width:auto;*/ text-align:left;
                   margin-top:70px;}
    .guide .gList ol{border-top:2px solid #666;}
    .guide .gList ol li{display:block; font-size:14px;
                        font-weight:normal; line-height:50px;
                        border-bottom:1px dotted #666;
                        transition:all 0.5s;}
    .guide .gList ol li:hover{font-weight:bold;
                                  background:rgba(253,142,1,0.5);}
    .guide .gList ol li:hover a{color:#fff;}
 /*   .guide .gList ol li a{display:block; position:relative;}
    .guide .gList ol li a span{display:block; position:absolute;
                                    left:0; bottom:10px; 
                                    background:#fd8e01;
                                    width:0; height:2px;
                                    transition:all 0.4s;}
    .guide .gList ol li:hover a{color:#fd8e01;} 
    .guide .gList ol li:hover a span{width:100%;}*/
    
    /*cont2 이월드소식 1024*/
    .cont2 ul li{width:240px; margin-right:21.333px;}
    /*li 1개 너비 : 240px (240/1024) x100 = 23.4375%
      사이여백   : 21.333px (21.333/1024) x100 = 2.083300% */
    .cont2 ul li:nth-child(1){margin-right:21.333px;}
    .cont2 ul li:nth-child(3){margin-right:21.333px;}
    .cont2 ul li:nth-child(4){display:block; margin-right:0;}
    
    /*cont3 놀이시설 1024*/
    .cont3 ul{}
    .cont3 ul li{}
    .cont3 ul li{}
    
    /*cont4 할인혜택 1024*/
    .cont4{}
    .cont4 .tit{text-align:center;}
    
    
    .cont4 div{width:25%;}
    .cont4 .c3{width:25%;}
    .cont4 .c4{width:25%;}
    
    /*푸터영역 1024*/
    #footer{position:relative;}
    #footer:before{content:""; display:block; 
                       width:100%; height:42px; 
                       border-bottom:1px solid #000;
                       position:absolute; top:0; left:0;}
    #footerIn{width:1100px; margin:0 auto; 
                /*background:#ff9;*/}
    .fsns{top:58px; left:auto; right:190px;}
    .finfo{text-align:left; margin:15px 0 10px;}
    .finfo p{padding-left:30px;
             background-repeat:no-repeat;
             background-position:0 center;}
    .finfo p:nth-child(1){background-image:url(../img/icon_location.png);}
    .finfo p:nth-child(2){background-image:url(../img/icon_tel.png);}
    .finfo p:nth-child(3){background-image:url(../img/icon_ceo.png);}
    
    .finfo p span{display:inline-block;}
    .finfo p span:before{content:""; display:block; width:1px; 
                              height:10px; background:#000;
                              margin:0 5px;
                              vertical-align:middle;}
    
    .copy{text-align:left;}
}
/*PC화면 1024px 끝-----*/