@charset "utf-8";

body, input, select, textarea, button {font-family:'NotoSansKR_400',NotoSansKR,'돋움',Dotum,Helvetica,'Apple SD Gothic Neo',Sans-serif;font-size:14.5px;line-height:1.5;color:#333;}
a {text-decoration:none;color:#333;background-color:transparent;}
a:hover, a:focus {outline:0;}

#wrap{width:100%;}
#header_wrap, #container_wrap, #footer_wrap {width:100%;/*min-width:1920px;/*position:relative;overflow:hidden;*/}
#header_wrap{position:absolute;top:0px;left:0px;width:100%;}
#header {height:134px;max-width:1053px;margin:0 auto;position:relative;z-index:90;}

#footer_wrap{background:#5a5a5a;}
#footer {height:350px;max-width:983px;margin:0 auto;position:relative;}

#header .logo {position:absolute;left:-100px;top:70px;}

.tac{text-align:center;}

/* utilmenu */
.utilmenu {width:26%;height:28px;position:absolute;right:11%;top:25px;padding-top:8px;background:#f47300;border-radius:50px;}
.utilmenu li {float:left;padding:0 20px;background:url('/eng/images/common/sep_util.png') 0 center no-repeat;}
.utilmenu li a img {vertical-align:middle;}
.utilmenu li:first-child {padding-left:33px;background:none;}
.utilmenu li:last-child {padding-right:0;}
.utilmenu li a {font-size:0.9em;}

.national{position:absolute;right:1%;top:28px;}
.national li{float:left;padding:0 3px;}
.national li:last-child {padding-right:0;}



.btn_menu_mobile{display:none;}
.btn_menu_mobile.hide {display:none;}
.logo_mobile{display:none;}
.pc-hide{display:none;}

.call_pop .mfp-image-holder  .mfp-close{top:60px;right:5% !important;background:url('/eng/images/misc/faq_pop_close.png') right 0 no-repeat;}
.call_pop .mfp-image-holder  .mfp-close:active{top:0;}

/* 공통 */
.mlm15 {margin-left:-15px;}
.mlm7 {margin-left:-7px;}
.ml2 {margin-left:2px;}

/* gnb */
.gnb_sub_wrap{position:absolute;top:40px;left:40px;width:788px;height:250px;background:url('/eng/images/common/bg_gnb_sub.png') 0 0 no-repeat;display:none;}
.gnb_sub_wrap .tit{position:absolute;top:75px;left:40px;}
.gnb_sub_wrap .tit01{position:absolute;top:75px;left:70px;}
.gnb_sub_wrap .tit02{position:absolute;top:75px;left:100px;}
.gnb_sub_wrap .con{position:absolute;top:130px;left:60px;}
.gnb_sub_wrap .con01{position:absolute;top:130px;left:30px;}
.gnb_sub_wrap .con02{position:absolute;top:130px;left:35px;}
.gnb_sub_wrap .con03{position:absolute;top:130px;left:20px;}

#gnb_wrap{position:absolute;right:-27px;top:57px;}
#gnb_wrap .inner{width:893px;height:77px;background:url('/eng/images/common/bg_gnb.png') center center no-repeat;position:relative;}
#gnb {position:absolute;bottom:28px;left:15px;}
#gnb a {display:block;vertical-align:top;text-align:center;}

#gnb>li {float:left;padding:0 15px;background:url('/eng/images/common/sep_gnb.png') 0 center no-repeat;}
#gnb>li:first-child {background:none;}
#gnb>li:last-child {padding-right:0;}

#gnb>li>a {width:;height:25px;line-height:25px;color:#000;font-weight:500;}
#gnb>li>a img {padding-top:6px;}
#gnb>li:hover>a, #gnb>li.on>a {color:#f00;}

#gnb ul {position:absolute;top:80px;width:;display:none;}
#gnb ul.gnb1_sub {left:280px;}
#gnb ul.gnb2_sub {left:295px;}
#gnb ul.gnb3_sub {left:295px;}
#gnb ul.gnb4_sub {left:295px;}
#gnb ul.gnb5_sub {left:295px;}
#gnb ul.gnb6_sub {left:295px;}

#gnb ul li {float:left;margin-right:55px;}
#gnb .gnb1_sub li {float:left;margin-right:30px;}
#gnb ul li:last-child{margin-right:0;}
#gnb ul li span{display:block;margin-top:8px;}
.gnb_span {letter-spacing:-1px;}
#gnb ul li:hover span {color:#0079b0;}

#gnb ul li img{-webkit-transition: 0.5s ease;
           -moz-transition: 0.5s ease;
         -o-transition: 0.5s ease;
            transition: 0.5s ease;
}
#gnb ul li img:hover{-webkit-transform: scale(1.1);
 -moz-transform: scale(1.1);
 -o-transform: scale(1.1);
 transform: scale(1.1);}
#gnb ul.gnb1_sub .sub1 {width:;}
#gnb ul.gnb1_sub .sub2 {width:;}
#gnb ul.gnb1_sub .sub3 {width:;}
#gnb ul.gnb1_sub .sub4 {width:;}
#gnb ul.gnb1_sub .sub5 {width:;}
#gnb ul.gnb1_sub .sub6 {width:;}

#gnb ul a:hover {color:#f00;}

/* call 센터 팝업*/
#a2_wrap{
         width:50%;
         height: 935px;
         margin:10px auto;
         position:relative;
         background:#fffbd1;  
         border-radius: 40px;
        }
#a2_container .con_img{
                       width:100%;
                       height:650px;
                       top:00px;
                       margin:0 auto;
                       text-align:center;
                       position:relative;
/*                       overflow-y: scroll;*/
                                         
                      }
.call_popbox_title{
        margin: 0 auto;
        width: 80%;
        height:200px;
        background: url(/eng/images/common/eng_call_popbox_bg.jpg)center bottom no-repeat;
        background-size: 100%;
}
#a2_container .btn_go_park{position:absolute;left:0;bottom:20px;width:100%;text-align:center;}

.call_popbox .pop-close{position: absolute; right:40px;top:20px;background: url('/images/misc/faq_pop_close.png')center no-repeat; background-size:cover; width: 44px; height: 44px;}
/* 퀵메뉴 Style */
.call_popbox{position: fixed; 
             top: 0; 
             left: 0; 
             width: 100%; 
             height: 100vh; 
             background-color: rgba(0,0,0,0.4);
             z-index: 1000;
             display: none;   
}
.footer_table_wrap{ width:90%;
               margin:0 auto;
               background:#fff;
               border:3px solid #ff6b01;
               border-radius: 50px; 
               overflow: hidden;
                }
.footer_table{ width:100%; }
.footer_table_title{ width:15%;
                     font-size: 25px;
                     font-weight: 800;
                     color:#e16109 !important;
}
.footer_table tr { border-bottom:2px solid #ffb885; }
.footer_table tr th{ height:40px;
                     border-left:2px solid #ffb885;
                     font-size: 16px;
                     color:#676767;
                     font-weight: 800;
                     width:25%
                    }
.footer_table tr td{ height:40px; color:#8d8d8d; }
.footer_table tr td:last-child{ text-align: left;
                                border-left:2px solid #ffb885;
                                padding-left: 2%;
                              } 
.footer_table tr td span {  color:#0b62aa; }
/* 퀵메뉴 Style */

@-webkit-keyframes
badbounce {  0%, 100% {
 -webkit-transform: translateY(0px);
}
 10% {
 -webkit-transform: translateY(6px);
}
 30% {
 -webkit-transform: translateY(-4px);
}
 70% {
 -webkit-transform: translateY(3px);
}
 90% {
 -webkit-transform: translateY(-2px);
}
}
@-moz-keyframes
badbounce {  0%, 100% {
 -moz-transform: translateY(0px);
}
 10% {
 -moz-transform: translateY(6px);
}
 30% {
 -moz-transform: translateY(-4px);
}
 70% {
 -moz-transform: translateY(3px);
}
 90% {
 -moz-transform: translateY(-2px);
}
}
@keyframes
badbounce {  0%, 100% {
 -webkit-transform: translateY(0px);
 -moz-transform: translateY(0px);
 -ms-transform: translateY(0px);
 -o-transform: translateY(0px);
 transform: translateY(0px);
}
 10% {
 -webkit-transform: translateY(6px);
 -moz-transform: translateY(6px);
 -ms-transform: translateY(6px);
 -o-transform: translateY(6px);
 transform: translateY(6px);
}
 30% {
 -webkit-transform: translateY(-4px);
 -moz-transform: translateY(-4px);
 -ms-transform: translateY(-4px);
 -o-transform: translateY(-4px);
 transform: translateY(-4px);
}
 70% {
 -webkit-transform: translateY(3px);
 -moz-transform: translateY(3px);
 -ms-transform: translateY(3px);
 -o-transform: translateY(3px);
 transform: translateY(3px);
}
 90% {
 -webkit-transform: translateY(-2px);
 -moz-transform: translateY(-2px);
 -ms-transform: translateY(-2px);
 -o-transform: translateY(-2px);
 transform: translateY(-2px);
}
}

.ss_animate {
  -webkit-animation: badbounce 1s linear;
  -moz-animation: badbounce 1s linear;
  animation: badbounce 1s linear;
}


#ss_menu {

  bottom: 60px;
  width: 60px;
  height: 60px;
  color: #fff;
  position: fixed;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease;
  right: 50px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  z-index:9999;
}

#ss_menu > .btn_close{position:absolute;top:60px;left:-45px;}

#ss_menu > .menu {
  display: block;
  position: absolute;
 /* border-radius: 50%;*/
	width:60px;
	height:60px;
  text-align: center;
 /* box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23), 0 3px 10px rgba(0, 0, 0, 0.16);
  color: #fff;*/
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease;
    border-radius:0;
  background:none;
  border:none;
  box-shadow:none;

}
#ss_menu > .menu:hover{background:none;}

#ss_menu > .menu .share {
  width: 119px;
  height: 121px;
  position: absolute;
  left: -35px;
  top: -30px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease;
	box-shadow:none;
  background:url('/eng/images/common/quick_pororo.png') center 0 no-repeat;
}

#ss_menu > .menu .close{


}

#ss_menu > .menu .share .circle {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease;
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #fff;
  top: 50%;
  margin-top: -6px;
  left: 12px;
  opacity: 1;
}

#ss_menu > .menu .share .circle:after, #ss_menu > .menu .share .circle:before {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease;
  content: '';
  opacity: 1;
  display: block;
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #fff;
}

#ss_menu > .menu .share .circle:after {
  left: 20.78461px;
  top: 12.0px;
}

#ss_menu > .menu .share .circle:before {
  left: 20.78461px;
  top: -12.0px;
}

#ss_menu > .menu .share .bar {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease;
  width: 24px;
  height: 3px;
  background: #fff;
  position: absolute;
  top: 50%;
  margin-top: -1.5px;
  left: 18px;
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  transform: rotate(30deg);
}

#ss_menu > .menu .share .bar:before {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease;
  content: '';
  width: 24px;
  height: 3px;
  background: #fff;
  position: absolute;
  left: 0px;
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-transform: rotate(-60deg);
  -moz-transform: rotate(-60deg);
  -ms-transform: rotate(-60deg);
  -o-transform: rotate(-60deg);
  transform: rotate(-60deg);
}

#ss_menu > .menu .share.close .circle { opacity: 0; }

#ss_menu > .menu .share.close .bar {
  top: 50%;
  margin-top: -1.5px;
  left: 50%;
  margin-left: -12px;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: rotate(405deg);
  -moz-transform: rotate(405deg);
  -ms-transform: rotate(405deg);
  -o-transform: rotate(405deg);
  transform: rotate(405deg);
}

#ss_menu > .menu .share.close .bar:before {
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: rotate(-450deg);
  -moz-transform: rotate(-450deg);
  -ms-transform: rotate(-450deg);
  -o-transform: rotate(-450deg);
  transform: rotate(-450deg);
}

#ss_menu > .menu.ss_active {

  /*-webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);*/
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);

}

#ss_menu > div {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  width: 76px;
  height: 76px;
  font-size: 30px;
  text-align: center;
  background: #0179cc;
  border:3px solid #ebebeb;
  border-radius: 50%;
  display: inline;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23), 0 3px 10px rgba(0, 0, 0, 0.16);
}

#ss_menu > div i {
  display: inline-block;
  vertical-align: middle;
  padding-top:18px;
 
}

#ss_menu > div:hover {
 background:#ff7d00;
  cursor: pointer;
}

#ss_menu div:nth-child(1) {
  top: 0px;
  left: -160px;
}

#ss_menu div:nth-child(2) {
  top: -80.0px;
  left: -138.56406px;
}

#ss_menu div:nth-child(3) {
  top: -138.56406px;
  left: -80.0px;
}

#ss_menu div:nth-child(4) {
  top: -160px;
  left: 0.0px;
}




/* footer */
#footer .logo_foot {padding:62px 0 0 0;}
#footer .addr {position:absolute;left:240px;top:40px;color:#fff;}
#footer .addr p{line-height:2.5;font-size:0.9em;}
#footer .addr p a{color:#fff;}
#footer .addr .sep_foot {margin:0 5px;}
#footer .call{display:inline-block;margin-left:17px;padding:0 10px;height:20px;line-height:20px;background:#ff7923;color:#fff;font-weight:500;border-radius:50px;}
#footer .call:hover{color:#fff;}
#footer .copy {/*font-family:Tahoma, Helvetica, Roboto, 'Apple SD Gothic Neo', Arial, 'Century Gothic', CenturyGothic, Geneva, AppleGothic, sans-serif;*/}

.left {left:-100%;} /*숨김*/

#mobile_menu_wrap{display:none;}
#mobile_menu_wrap.show{left:0;}
#mobile_menu2_wrap{display:none;}
#mobile_menu2_wrap.show{right:0 !important;}


/* 태블릿 */
 @media(max-width:1024px){
	#header_wrap{width:100%;height:60px;border-bottom:7px solid #0c4da2;    position: fixed;left: 0; top: 0; width: 100%;background-color:#fff;z-index:90;}
	.mobile-hide{display:none;}
	.btn_menu_mobile{width:32px;position:absolute;left:3%;top:20px;display:block}
	.btn_menu2_mobile{width:60px;position:absolute;right:0;top:0;display:block;}
	.mobile_national{width:80px;display:block;position:absolute;right:10%;top:28px;}
	.mobile_util_menu{padding-bottom:200px;background:#0c4da2;}
	.mobile_util_menu ul.member_menu{padding:0 4%;padding-top:25px;text-align:center;}
	.mobile_util_menu ul.member_menu li{display:inline-block;width:45%;margin-right:5%;}
	.mobile_util_menu ul.member_menu li:last-child{margin-right:0;}
	.mobile_util_menu ul.member_menu li a{display:block;height:48px;line-height:49px;background:#fff;color:#1a1a1a;text-align:center;border:1px solid #ccc;}

	.mobile_util_menu ul.nation_menu{padding:0 7%;padding-top:25px;text-align:center;}
	.mobile_util_menu ul.nation_menu li{display:inline-block;width:49%;background:url('/eng/images/misc/list_bar_01.gif') 0 center no-repeat; }
	.mobile_util_menu ul.nation_menu li:first-child{background:none;}
	.mobile_util_menu ul.nation_menu li:last-child{margin-right:0;}
	.mobile_util_menu ul.nation_menu li a{display:block;height:28px;line-height:28px;color:#fff;text-align:center;}
	.mobile_util_menu ul.nation_menu li:last-child a{border-right:none;}

	.logo2{display:block;width:200px;margin:0 auto;padding:10px 0;text-align:center;z-index:99;position:relative;}
	#mobile_menu_wrap{display: block;	position: fixed;top: 0;bottom:0;left: -70%;width: 65%;height: 100%;z-index: 9999999; -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
	#mobile_menu_wrap #menu_header{height:60px;border-bottom:7px solid #0c4da2;}
	#mobile_menu_wrap .mobile_menu_con{height: 100%;overflow-y: scroll;box-shadow:-1px 0 30px #000;background:#fff;}
	#mobile_menu_wrap .menu_list dl dt{padding:10px 0;padding-left:3%;vertical-align:bottom;font-size:1.3em;border-bottom:3px solid #fff;background:#0c4da2;color:#fff;}
	#mobile_menu_wrap .menu_list dl dd{padding:5px 0;padding-left:3%;background:#003171;}
	#mobile_menu_wrap .menu_list dl dd:first-child{padding-top:20px;}
	#mobile_menu_wrap .menu_list dl dd:last-child{padding-bottom:20px;}
	#mobile_menu_wrap .menu_list dl dd a{color:#fff;font-size:1.1em;}
	#mobile_menu2_wrap {display:block;position:fixed;right:-280px;top:67px;padding:10px;width:260px;;color:#fff;background-color:#7a7f86;z-index:999999;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		transition: all 0.3s ease;}

	#mobile_menu2_wrap .mm_header {padding-bottom:10px;}
	#mobile_menu2_wrap .mm_header .title {text-align:center;font-size:1.1em;line-height:1.3;color:#e1e1e1;}
	#mobile_menu2_wrap .list_link {}
	#mobile_menu2_wrap .list_link li {padding:8px 5px 2px 5px;border-top:1px solid #474747;border-bottom:1px solid #151515;}
	#mobile_menu2_wrap .list_link li:last-child {padding-bottom:0;border-bottom:none;}
	#mobile_menu2_wrap .list_link li a {display:block;font-size:0.9em;color:#fff;letter-spacing:-1px;}
	#mobile_menu2_wrap .list_link li a:hover {color:#e9a31b;}
	#mobile_menu2_wrap .list_link span{display:inline-block;line-height:3.5;vertical-align:middle;}

	#mobile_menu2_wrap.close {right:-230px;}
	#mobile_menu2_wrap.show {right:0 !important;box-shadow:-1px 1px 5px rgba(0, 0, 0, 0.6);}
	.btn_close{width:32px;padding-left:5%;padding-top:18px;cursor:pointer;z-index:99999;}
	#footer .mobile_logo_foot{display:block;width:40%;margin:0 auto;padding:10px 0;text-align:center;}
	#footer{height:auto;padding:10px 2%;}
	#footer .addr{position:static;text-align:center;}
	#footer .addr_02{margin:2% 0;}
	#footer .addr p{line-height:1.8;font-size:1.0em;}
	#footer .addr .block{display:block;}
	#footer .addr_01 .sep_foot{display:none;}
	#footer .call{margin-top:2%;}
	
		#a2_wrap{width:100%;}

 }

 @media(max-width:900px){
	.call_pop .mfp-image-holder  .mfp-close{ background-size:50%;}



 }



/* 모바일 */
 @media(max-width:600px){
	#header {height:70px} 
	#footer .addr p{font-size:0.8em;}
	.call_pop .mfp-image-holder  .mfp-close{top:50px;}
    #a2_wrap { height:100vh; z-index: 99; }
/*    #a2_container  { height:80vh }*/
	#a2_container .btn_go_park{bottom:20px;}
	#a2_container .btn_go_park img{width:50%;}
	.mfp-close{ width:22px !important;height:22px !important;}
	.call_pop .mfp-close {background-size:80%;right:20px;}
     #a2_container .con_img {  top:10px; height:80vh; }
    .call_popbox { height:90vh; overflow: hidden; }
    .call_popbox .pop-close { z-index: 99; width:20px; height:20px; top:10px;}
    .call_popbox_title { height:80px;}
    .footer_table_wrap{ width:90%;
               margin:0 auto;
               background:#fff;
               border:3px solid #ff6b01;
               border-radius: 20px; 
               overflow: hidden;
                }
    .footer_table{ width:100%; }
    .footer_table_title{ width:inherit; font-weight: 600;}
    .footer_table tr { border-bottom:1px solid #ffb885; } 
    .footer_table tr th{ height:30px;
                         font-size: 10px;
                         color:#676767;
                         font-weight: 400;
                        }
    .footer_table tr td{ height:30px; color:#8d8d8d; font-size:7px; }
    .footer_table tr td:last-child{ text-align: left;
                                    border-left:1px solid #ffb885;
                                    padding-left: 2%;
                                    width:60%;    
                                  } 
    .footer_table tr td span {  color:#0b62aa; font-size:7px; }
}

 /* 모바일 */
 @media(max-width:400px){

	.call_pop .mfp-close {background-size:60%;}


 }
/* 모바일 */
 @media(max-width:320px){

	.call_pop .mfp-close {right:10px;top:10px;}


 }

/* call_pop */
html.pop_fixed{overflow: hidden;}
.call_popbox{position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: rgba(0,0,0,0.4); z-index: 99; display: none;}