@charset "euc-kr";
.side_menu {width:200px; margin-right:50px;}
.content { padding-top: 30px; padding-bottom:50px;}

.animated {
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: 3;
}
/*
 * Animation for bounce
*/
@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
    40% {-webkit-transform: translateY(-30px);}
    60% {-webkit-transform: translateY(-15px);}
}
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
    40% {transform: translateY(-30px);}
    60% {transform: translateY(-15px);}
}
/*
 * Adding the animation to our element
*/
.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
}


@-webkit-keyframes shake {
    0%, 100% {-webkit-transform: translateX(0);}
    10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
    20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
}
@keyframes shake {
    0%, 100% {transform: translateX(0);}
    10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
    20%, 40%, 60%, 80% {transform: translateX(10px);}
}
.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}

@-webkit-keyframes pulse {
    0% { -webkit-transform: scale(1); }
    50% { -webkit-transform: scale(1.1); }
    100% { -webkit-transform: scale(1); }
}
@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}
.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0.5;}
    100% {opacity: 1;}
}
@keyframes fadeIn {
    0% {opacity: 0.5;}
    100% {opacity: 1;}
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

.hover1 {
    margin: 20px auto;
    border-radius: 0%;
    transition: all 0.8s;
    transition: all 0.8s;

}
.effect2:hover {
    box-shadow: inset 50px -20px 0 70px rgb(219, 223, 255);
    background-color: #e1bee7;
    transition:all 0.8s;
}

.effect6:hover{
    box-shadow: 00 0 0 7px rgb(0, 166, 242) inset, 0 0 0 150px rgba(11, 7, 6, 0.04) inset;
}


.effect7:hover{
    box-shadow:
         0 0 0 150px rgba(0,0,0,0.5) inset;
}

.hover:hover{
    color:#fff;
}

.effect4:hover{
    color: rgb(233, 233, 233);
    box-shadow:0 -37px 0 0 rgba(68, 67, 67, 0.5) inset;
}


/* Zoom In #2 */
.intro a img {
	width: 829px;
	height: auto;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
/*.intro a:hover img {
	width: 885px;
}*/



.intro a:before {
		background: rgba(0,0,250, 0.2);
}



/* 공통 */
.f_white {color:#fff;}
.f_darkgray {color:#707070;}
.f_lightgray {color:#898989;}
.b_blue {background: #126edc;}
.b_lightblue {background: #2580ec;}
.b_darkblue {background: #1857b3;}
.b_lightgray {background:#898989;}
.f_span {color:#2680ec;}

@media (max-width: 768px) {
img {width:100%; }
}
.content p {font-size:18px; }
.programs dl {font-size:18px; } 
.programs dt {font-weight:100; }
.programs dd {color:#7e7c7c;  }
.programs dt> span {font-weight: 100; font-size:30px; }



/* 부트스트랩 */
@media (min-width: 768px) {
.navbar-nav {float:none; margin: 0;}
.dropdown-menu>li>a { padding:10px 20px; }
}


/* navbar */
#navbar {}
#navbar ul {font-size: 16px; }
.dropdown-menu > li.kopie > a {
    padding-left:5px;
}
 
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
   top:0;left:100%;
   margin-top:-6px;margin-left:-1px;
   -webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;
 }
  
.dropdown-submenu > a:after {
  border-color: transparent transparent transparent #333;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  content: " ";
  display: block;
  float: right;  
  height: 0;     
  margin-right: -10px;
  margin-top: 5px;
  width: 0;
}
 
.dropdown-submenu:hover>a:after {
    border-left-color:#555;
 }

.dropdown-menu > li > a:hover, .dropdown-menu > .active > a:hover {color: #2680ec;  text-decoration: none;  background: none;} 
  
@media (max-width: 767px) {

  .navbar-nav  {
     display: inline;
  }
  .navbar-default .navbar-brand {
    display: inline;
  }
  .navbar-default .navbar-nav .dropdown-menu > li > a {
    color: red;
    border-radius: 4px;
    margin-top: 2px;   
  }
   .navbar-default .navbar-nav .open .dropdown-menu > li > a {
     color: #333;
   }
   .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
   .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
     background-color: #ccc;
   }

   .navbar-nav .open .dropdown-menu {
     border-bottom: 1px solid white; 
     border-radius: 0;
   }
  .dropdown-menu {
      padding-left: 10px;
  }
  .dropdown-menu .dropdown-menu {
      padding-left: 20px;
   }
   .dropdown-menu .dropdown-menu .dropdown-menu {
      padding-left: 30px;
   }
   li.dropdown.open {
    border: 0px solid red;
   }

}
 
@media (min-width: 768px) {
  ul.nav li:hover > ul.dropdown-menu {
    display: block;
  }
  #navbar {
    text-align: center;
  }
} 

/* lnb */
.lnb h3 {width: 200px; border-bottom: 2px solid #2580ec; font-weight: 100; padding-bottom: 20px;  }
.lnb .hr_blue {border:1px solid #2680ec; }
.lnb .hr_gray {border-top:1px solid #d0d0d0; } 
.side_menu ul li a {cursor:pointer; }
.lnb ul li {border-bottom: 1px solid #d0d0d0; padding: 11px 0px;}
.lnb ul li a {color: #949494; font-size: 18px; display: inline; } 
.lnb ul li ul {border-top:1px solid #d0d0d0; margin-top:10px; padding-top:10px; }
.lnb ul li ul li {border:none; padding:4px 0px; }
.lnb ul li ul li a {font-size:14px;}

/* gnb */
.top_img h2 {border-bottom: 3px solid #fff;
    color: #fff;
    display: inline; }
.t_iyf {    padding-top: 100px; height: 260px; background: url("/images/iyf/sub_main01.png") center center no-repeat;  background-size: cover;}
.t_pr00 {padding-top: 100px; height: 260px; background: url("/images/programs/program_top.png") center center no-repeat;  background-size: cover;}
.t_pr01 {padding-top: 100px; height: 260px; background: url("/images/programs/program_top_01.png") center center no-repeat;  background-size: cover;}
.t_pr02 {padding-top: 100px; height: 260px; background: url("/images/programs/program_top_02.png") center center no-repeat;  background-size: cover;}
.t_pr03 {padding-top: 100px; height: 260px; background: url("/images/programs/program_top_03.png") center center no-repeat;  background-size: cover;}
.t_pr04 {padding-top: 100px; height: 260px; background: url("/images/programs/program_top_04.png") center center no-repeat;  background-size: cover;}
.t_pr05 {padding-top: 100px; height: 260px; background: url("/images/programs/program_top_05.png") center center no-repeat;  background-size: cover;}
.t_cop {padding-top: 100px; height: 260px; background: url("/images/cooperation/Cooperation_top.png") center center no-repeat;  background-size: cover;}
@media (max-width: 768px) {
.top_img {padding-top: 60px; height:160px; }
.top_img h2 {border-bottom: 3px solid #fff;
    color: #fff;
    display: inline; }
}


/* iyf_visionMission */
.visionmission h5 {padding-left:40px; background: url("/images/iyf/vision_icon01.png") 0px 0px no-repeat}


/* iyf_greetings */
.greetings {}
.greetings h4 {font-family: 'Nanum Myeongjo', serif; font-size:32px; }

/* iyf_history */
.history hr {clear:both; }
.history .hr_blue {border:1px solid #126edc;}
.history h5 {padding-bottom: 8px; border-bottom:2px solid #126edc; display:inline; }
.history h5 span {line-height:48px;  }
.history p {font-size:16px; line-height:30px; color:#a0a0a0; }
.history .gnc_img {background-size:50px; background: url("/images/iyf/sm_gnc_logo.png") center center no-repeat }
.history .btn { width: 50px; height: 40px; border: 5px solid #92ccff; border-radius: 25px; padding: 2px 12px; bottom:10px; left:50%; margin-left:500px;}

/* iyf_branches */
.branches h4 {color:#6ba100;}

/* iyf_atSchools */

/* iyf_encamp */
.encamp .programs dl {font-size:18px; padding: 10px 0px; border-bottom: 1px solid #ddd; } 
.encamp .programs dt {font-weight:100;font-size:21px; }
.encamp .programs dt> span {font-weight: 100; font-size:30px; }
@media (min-width: 768px) {
.dl-horizontal dt {
	width:auto; }
}
@media (min-width: 768px) {
.encamp .programs .dl-horizontal dd {
    margin-left: 208px;
}
}

/* iyf_encontest */
.encontest .registration dl {font-size:18px; padding: 10px 0px; border-bottom: 1px solid #ddd; } 
.encontest .registration dt {font-weight: 100; font-size:25px; }
@media (min-width: 768px){
.encontest .registration .dl-horizontal dd {
    margin-left: 220px;
}
}
/* iyf_eventsupport */
.eventsupport .schedule {background: #dbe7fe; font-size:16px;}


/* iyf_goodnewscorps */
.goodnewscorps .programs dl {padding: 10px 0px; border-bottom: 1px solid #ddd; }
.goodnewscorps .dl-horizontal dd {
    margin-left: 239px;
}
.goodnewscorps .programs dt {font-size:21px; }

/* iyf_southeastasia */
.southeastasia .programs dt {font-size:21px; }
.southeastasia .programs dl {padding: 10px 0px; border-bottom: 1px solid #ddd; }

/* iyf_worldcamp */
.worldcamp .purpose {font-size:21px;}
.worldcamp .programs dl {padding: 10px 0px; border-bottom: 1px solid #ddd;}
.worldcamp .programs .b_gray {background:#f3f3f3; }

/* iyf_mymf */



/* iyf_swaziland */
.swaziland p span {font-size:30px; font-family:'Nanum Myeongjo', serif;}


/* iyf_awards */
.awards .border {border:1px solid #ddd; }

/* programs_introduction */
.intro a {display: block; overflow: hidden; width: 829px; height: 300px; margin-top:10px;}