@charset "utf-8";

#body_layout{position: relative;z-index:14}
#body_layout .body_wrap{
  position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
  padding-bottom: 50px;
}

.contents_wrap{
  position:relative;
  margin: 0 auto;
width: 100%;
max-width: 1240px;
}
#txt {width: 100%;text-align:left;}
#tab_moType1.mobile {margin:0 0 30px;}

#svisual_layout {height: 440px;padding: 190px 0 0;background: url(/images/tour/common/sub_img01.jpg)no-repeat center / cover;text-align: center;}
#svisual_layout .svisual_wrap {}
#svisual_layout .svisual_wrap .subvisual-layout {}
#svisual_layout .svisual_wrap .subvisual-layout strong {}
#svisual_layout .svisual_wrap .subvisual-layout span {display:block; font-size:21px; font-weight:bold; font-family:'score'; color:#fff; }
#svisual_layout .svisual_wrap .subvisual-layout img {margin:-40px 0 0;}

.lnb__title{display: none;}
.lnb__title:before{display:inline-block;height:100%;content:"";vertical-align:middle;}
.lnb__title strong{color:#fff;font-size:26px;font-weight: bold;line-height:1}


.navigation .path li{display: block;position: relative;height: 100%;}
.navigation .path>li>button{
  display: block;
  height: 70px;
  font-size: 16px;
  color: #555555;
  position: relative;
  padding-left: 20px;
  padding-right: 40px;
  min-width: 230px;
  text-align: left;
}

.navigation .path>li>button:before{
  display: block;
  position: absolute;
  content: '';
  right: 20px;
  top: calc(50% - 8px);
  width: 8px;
  height: 8px;
  border: solid #000;
  border-width: 0 2px 2px 0;
  background: none;transform:rotate(45deg);-webkit-transform:rotate(45deg);
}
.navigation .path>li>button:after{
  display: inline-block;
  background: #afb1b6;
  content: "";
  width: 1px;
  height: 15px;
  position: absolute;
  top:50%;
  right:0px;
  transform: translateY(-50%);
}
.navigation .dropdown-menu{
  min-width:auto;
  width: 100%;
  margin: 0;
 font-size: 14px;
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
   -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
   border-radius: 0;
   border: 0 solid #000;
   padding: 0;

}
.navigation .dropdown-menu li{
  border: 1px solid #dddddd;
  border-bottom: 0px solid #000;
}
.navigation .dropdown-menu li:last-child{
  border-bottom: 1px solid #dddddd;
}
.navigation .dropdown-menu>li>a{
  color: #565656;
  font-size: 16px;
  padding: 15px 20px;
  padding-left: 30px;
}



#location{position:relative;z-index: 20;width:100%;margin: 0 0 30px;padding: 55px 0 20px;text-align:center;border-bottom: 1px solid #eeeeee;}
#location:after {display:block; clear:both; visibility:hidden ;content:''; }
#location .page__title {line-height: 1.3;font-size: 30px;font-weight: 700;font-family: 'score';color: #222222;}


#lnb_layout{height: 70px;background: #f1f5fb;border-top: 1px solid #dddddd;border-bottom: 1px solid #dddddd;box-sizing: border-box;}
.navigation{width: 100%;height: 100%;}
.navigation .layout{
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.navigation .path{

  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  height: 100%;
}
.navigation .path .n1{
  width: 70px;
  height: 100%;
}
.navigation .path .n1 a{
  display: block;
  width: 100%;
  height: 100%;
  background: #2f68c2  url(/images/science/common/home.png) no-repeat center ;font-size: 0;
}
.navigation .layout:after{
  display: none;
}
#lnb_layout .utile_wrap {display: block;float:right;margin: 10px 0 0 20px;}
#lnb_layout .utile_wrap:after {display:block; clear:both; visibility:hidden; content:'';}
#lnb_layout .utile_wrap .print_wrap {display:inline-block;position: relative;top: -3px;}
#lnb_layout .utile_wrap .print_wrap:before {display:inline-block;float: left;content:'';width:1px;height:12px;margin: 5px 10px 0;background:#c0c0c0;vertical-align: middle;}
#lnb_layout .utile_wrap .print_wrap:after{display:block; clear:both; visibility:hidden; content:'';}
#lnb_layout .utile_wrap .print_wrap > li {float:left;margin-left:7px; }
#lnb_layout .utile_wrap .print_wrap > li .tmpl_ir {background: url(/images/tour/common/ico_ir.png)no-repeat;font-size:0;}
#lnb_layout .utile_wrap .print_wrap > li > button {display:block;width: 32px;height: 20px;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;}
#lnb_layout .utile_wrap .print_wrap > li.sns {position: relative;}
#lnb_layout .utile_wrap .print_wrap > li.sns > button {}
#lnb_layout .utile_wrap .print_wrap > li.sns > button span {display:block;width: 17px;height:100%;background: url(/images/science/common/share.png) 0 0 no-repeat}
#lnb_layout .utile_wrap .print_wrap > li.sns > div {display:none;position:absolute;right: 6px;top: -4px;width: 32px;text-align:right;}
#lnb_layout .utile_wrap .print_wrap > li.sns.on > div {display:block;}
#lnb_layout .utile_wrap .print_wrap > li.sns > div button {display: block;width: 32px;height: 32px;margin: 0 0 10px;border-radius:50%;}
#lnb_layout .utile_wrap .print_wrap > li.sns > div .fa {background-position:0 -174px;}
#lnb_layout .utile_wrap .print_wrap > li.sns > div .tw {background-position:0 -214px;}
#lnb_layout .utile_wrap .print_wrap > li.sns > div .clickClose {width: 32px;height: 32px;margin: 0 0 10px;border-radius:50%;background: url(/images/tour/common/ico_ir.png)no-repeat -21px 0;}
#lnb_layout .utile_wrap .print_wrap > li.sns > div .clickClose span {display:block;width:100%;height:100%;background-position: 0 -134px;}
#lnb_layout .utile_wrap .print_wrap > li.n2 > button span {display:block;width: 21px;height:100%;background: url(/images/science/common/copy.png) 0 0 no-repeat}
#lnb_layout .utile_wrap .print_wrap > li.n3 > button span {display:block;width: 19px;height:100%;background: url(/images/science/common/print.png) 0 0 no-repeat}
#lnb_layout .utile_wrap .location_wrap {display:inline-block; position:relative;}
#lnb_layout .utile_wrap .location_wrap:after {display:block; clear:both; visibility:hidden; content:'';}
#lnb_layout .utile_wrap .location_wrap li {float: left;position:relative;}
#lnb_layout .utile_wrap .location_wrap li:not(:last-child):after {display:inline-block;content:'';margin: 10px 10px 0;border-top:3px solid transparent;border-bottom:3px solid transparent;border-left:5px solid #c5c5c5;vertical-align: top;}
#lnb_layout .utile_wrap .location_wrap li a {display:inline-block;position:relative;line-height: 25px;vertical-align: top;font-size: 15px;}
#lnb_layout .utile_wrap .location_wrap li.home a {width:16px;height:17px;margin: 4px 0 0;background: url(/images/tour/common/ico_ir.png)no-repeat -21px 0;font-size: 0;}

@media screen and (max-width:1279px){
    .lnb_wrap {display:none;}
    .contents_wrap {float:none; width:100%;}
    #lnb_layout .utile_wrap .location_wrap li:not(:last-child):after {margin:8px 8px 0;}
    #svisual_layout {height:340px;padding: 160px 0 0;}
    #svisual_layout .svisual_wrap .subvisual-layout img {width:520px;margin: -35px 0 0;}
}

@media screen and (max-width:1023px){
    #location {padding: 50px 0 20px;}
    #location .page__title  {padding-right: 0;font-size: 24px;}
    #lnb_layout .utile_wrap {margin:5px 0 0 20px;}
    #lnb_layout .utile_wrap .location_wrap {}

    #lnb_layout .utile_wrap .print_wrap {}
    #lnb_layout .utile_wrap .print_wrap > li.n3 {display:none;}
}

@media screen and (max-width:767px){
    #location {padding: 30px 0 20px; text-align:center;}
    #location .page__title {float:none;}

    #lnb_layout .utile_wrap {float:none;margin:5px 0 0;}
    #lnb_layout .utile_wrap .location_wrap {margin:5px;vertical-align: top;}
    #lnb_layout .utile_wrap .location_wrap li {display:inline-block; float:none; vertical-align:top;}
    #lnb_layout .utile_wrap .print_wrap {margin:5px;vertical-align: bottom;}
    #lnb_layout .utile_wrap .print_wrap:before {display:none;}
    #svisual_layout {height:240px;padding: 130px 0 0;}
    #svisual_layout .svisual_wrap {width: auto;padding: 0;}
    #svisual_layout .svisual_wrap .subvisual-layout span {font-size:15px;}
    #svisual_layout .svisual_wrap .subvisual-layout img {width:100%; max-width:380px;margin: -25px 0 0;}
}

@media screen and (max-width:400px){
    #svisual_layout .svisual_wrap .subvisual-layout img {margin: -20px 0 0;}
}



/* 4차메뉴 탭 */
#tab_moType1 {display:block;}
#tab_moType1 .title{display:none}
#tab_moType1.mobile{}
#tab_moType1.mobile ul{width:100%;margin:0;padding:1px 0;border: none;}
#tab_moType1.mobile ul li{display:none;float:none;width:100%;border-left: 1px solid #ddd;}
#tab_moType1.mobile ul li a{display:block;height:auto;margin:0;padding: 10px 0;font-size:16px;}
#tab_moType1.mobile ul li.on a {padding: 12px 0 10px;}
#tab_moType1.mobile .title{display:block;border-top:1px solid #cbcbcb;border-bottom:1px solid #cbcbcb}
#tab_moType1.mobile .title a{display:block;position:relative;padding:15px 47px 13px 22px;font-size:16px;font-weight:600;color:#323330}
#tab_moType1.mobile .title a:before{display:block;position:absolute;top:50%;right:10px;width:14px;height:9px;margin-top:-5px;background-image:url(/pcms/common/images/ir/arrow_tab.png);background-repeat:no-repeat;background-position:0 -8px;content:'';}
#tab_moType1.mobile .title a.on:before{background-position:-23px -8px;}
#tab_moType1.mobile .tab-ul li a span{padding:18px 50px 18px 22px}

.tabmenu__4th {overflow: hidden;position: relative;margin: 0 0 20px;border-top:1px solid #ddd;border-left:1px solid #ddd;}
.tabmenu__4th:after {display:block; clear:both; visibility:hidden; content:''; }
.tabmenu__4th li{display: table;float:left;position:relative;width: 25%;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.tabmenu__4th.n2 li {width:50%;}
.tabmenu__4th li:nth-child(3n),
.tabmenu__4th li:last-child {border-right:1px solid #ddd;}
.tabmenu__4th li a{display: table-cell;position: relative;z-index:0;height: 55px;border: none;background: #fff;vertical-align: middle;transition: all 0.3s;outline: 1px solid transparent;}
.tabmenu__4th li a:hover,
.tabmenu__4th li a:focus {outline:1px dotted #777;}
.tabmenu__4th li a span{display: block;position: relative;width: 100%;padding: 0 40px 0 20px;font-size: 16px;line-height: 1.1;}
.tabmenu__4th li a span:after {position: absolute;content: "";top: 50%;right:15px;width:12px; height:2px; margin-top:-1px; background:#aeb6c4; transition: all 0.2s ease-out;transform: translateY(-50%);}
.tabmenu__4th li.on a,.tabmenu__4th li.on a:active,.tabmenu__4th li.on a:focus,.tabmenu__4th li.on a:hover {border: 2px solid #2f68c2;background: none;color: #2f68c2;z-index:1;font-weight:bold;}

.tabmenu__4th li a:active,.tabmenu__4th li a:focus,.tabmenu__4th li a:hover{z-index:1;border-color:#48546d;background:none;color:#48546d}
.tabmenu__4th li a:active span:after,.tabmenu__4th li a:focus span:after,.tabmenu__4th li a:hover span:after{}
.tabmenu__4th li a[target=_blank]:after{position: absolute;right: 16px;top: 50%;width: 13px;height: 12px;margin-top: -6px;background:url(/images/science/common/target.png)no-repeat;;content: '';}
.tabmenu__4th li a[target=_blank] span:after{display:none;}
.tabmenu__4th li.on a, .tabmenu__4th li.on a:active, .tabmenu__4th li.on a:focus, .tabmenu__4th li.on a:hover{
  border: 3px solid #042557;
  background: none;
  color: #042557;
  z-index: 1;
  font-weight: bold;
}
.tabmenu__4th li.on a span:after, .tabmenu__4th li.on a:active span:after, .tabmenu__4th li.on a:focus span:after, .tabmenu__4th li.on a:hover span:after{
    width: 17px;
    height: 10px;
    margin-top: 0px;
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    border-top: 0px solid #2f68c2;
    background: url(/images/science/common/tab_ov.png) 0 0  no-repeat;
}
.quick_prog_rsv{
  display: block;
  position: absolute;
  width: 190px;
  height: 190px;
  top:200px;
  right:20px;
  background: url(/images/science/common/rsv_btn.png) center 0  no-repeat;
  z-index: 1;
}
.quick_prog_rsv a{
  display: block;
  width: 100%;
  height: 100%;
}
.quick_prog_rsv a:after{
  display: block;
  content: "";
  position: absolute;
  width: 125px;
  height: 125px;
  background: url(/images/science/common/rsv_text.png) 0 0  no-repeat;
  top: 27px;
  left: 28px;

  /* -webkit-animation-duration: circle;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 3s;
  animation-name: circle;
  animation-iteration-count: infinite;
  animation-duration: 3s; */
}
.quick_prog_rsv a:before{
  display: block;
  content: "";
  position: absolute;
  width: 73px;
  height: 98px;
  background: url(/images/science/common/rsv_vc.png) 0 0  no-repeat;
  bottom: 0px;
  left: 68px;
  z-index: 1;

}
.quick_prog_rsv a:hover:before{
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
 -webkit-animation-name: tada;
  animation-name: tada
}
.quick_prog_rsv a span{
  font-size: 0;
}
@media (max-width: 1700px){
  #lnb_layout .quick_prog_rsv{
    right: 0;
    width: 8vw;
    height: 8vw;
    background: url(/images/science/common/m_rsv_btn.png) center 0 no-repeat;
    background-size: 100%;
    top: 80px;
  }
  #lnb_layout .quick_prog_rsv a:after{
    display: none;
  }
  #lnb_layout .quick_prog_rsv a:before{
    left: calc(50% - 1.5vw );
    bottom: 0;
    width: 3vw;
    height: 4vw;
    background-size: 100%;
    transform: translateY(5%);
  }

}
@media (max-width:1279px){
    #tab_moType1 {display:block;}

}
:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1
}

@keyframes circle{

  0%{ transform:rotate(0deg)}

  100% { transform:rotate(360deg)}

}
@-webkit-keyframes circle{

  0%{ transform:rotate(0deg)}

  100% { transform:rotate(360deg)}

}
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }

  10%,
  20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
    transform: scale3d(.9, .9, .9) rotate(-3deg)
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
  }

  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }

  10%,
  20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
    transform: scale3d(.9, .9, .9) rotate(-3deg)
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
  }

  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}

.animate__tada {
  -webkit-animation-name: tada;
  animation-name: tada
}