<!--HTML-->
<script type="text/javascript">
function move(id,spd) {
 var obj=document.getElementById(id);
 var max=-obj.offsetHeight+obj.parentNode.offsetHeight;
 var top=parseInt(obj.style.top);

 if ((spd>0&&top<=0)||(spd<0&&top>=max)){
  obj.style.top=top+spd+"px";
  move.to=setTimeout(function(){ move(id,spd); },20);
 }
 else obj.style.top=(spd>0?0:max)+"px";
}
</script>



<style type="text/css">
.faq2 { width: 612px; height: 800; margin-left: -1px; padding-top: 120px; padding-bottom: 30px; display: ; background: url(http://funkyimg.com/i/2gdHK.png) top no-repeat, url(http://funkyimg.com/i/2gdHL.png) bottom no-repeat, url(http://funkyimg.com/i/2gdHM.png) repeat-y;} 

#rt1 img { float: right; margin: 0 2px 1px 0; border: 1px solid #D8EAC2; padding: 0px; width: 80px; }
#rt2 img { float: left; margin: 0 2px 1px 0; border: 1px solid #D8EAC2; padding: 0px; width: 80px; }

.naz {position: relative; height: 18px; top: 4px; margin-left: 2px; }
 
.naz1 {position: relative; height: 10px; top: 10px; margin-left: 2px; }

.chcharname, .chchardesc{font-family:arial; font-size:8px; line-height:22px;letter-spacing:2pt; text-transform:uppercase}
.chcharname{border-radius: 20px; background:#23396b; color:#515602; width:85px; height:20px; text-align:center; display:block;position:relative; margin:10px 20px 10px 20px; opacity:1}
 
.notebook2 {
    width: 520px;
    height: 450px;
    position: relative;
}
 
.notebook2 > input {
    display: none;
}
 
.notebook2 > div {
    position: absolute;
    box-sizing: border-box;
    top: 40px;
    left: -20px;
    bottom: 0px;
    right: 0px;
    border-radius: 0px;
    padding: 0px 1em;
z-index: 0;
    
 background: #transparent;
  border: 0px solid #036ec0;
  border-top: 0px solid #036ec0;
  border-bottom: 0px solid #036ec0;
 -webkit-box-shadow:0 0px 0px #97afc9, 0 0 0px #97afc9 inset;
 
    transition: all 0.5s ease 0s, z-index 0s 0.5s;
}
 
.notebook2 > div > *:first-child {
    display: block;
    position: absolute;
    box-sizing: border-box;
    top: -35px;
    width: 85px;
    height: 25px;
 
    font-family:Bebas Neue;
    font-size: 16px;
 
background: #313131 url("");
padding: 0px;
border: 0px solid #ffffff;
border-top: 0px solid #646465;
border-bottom: 0px solid #646465;
border-radius: 25px;
 
    color: #fff;
    line-height: 28px;
    cursor: pointer;
    text-align: center;
 
    transition: all 0.5s ease 0s;
}
 
.notebook2 > div > *:not(:first-child) {
    opacity: 0;
    transition: all 0.5s ease 0s;
}
 
.notebook2 > div:nth-of-type(1) > *:first-child { left: -2px; }
.notebook2 > div:nth-of-type(2) > *:first-child { left: 91px; }
.notebook2 > div:nth-of-type(3) > *:first-child { left: 181px; }
.notebook2 > div:nth-of-type(4) > *:first-child { left: 276px; }
.notebook2 > div:nth-of-type(5) > *:first-child { left: 370px; }
.notebook2 > div:nth-of-type(6) > *:first-child { left: 464px; }
 
.notebook2 > input:nth-of-type(1):checked ~ div:nth-of-type(1),
.notebook2 > input:nth-of-type(2):checked ~ div:nth-of-type(2),
.notebook2 > input:nth-of-type(3):checked ~ div:nth-of-type(3),
.notebook2 > input:nth-of-type(4):checked ~ div:nth-of-type(4),
.notebook2 > input:nth-of-type(5):checked ~ div:nth-of-type(5),
.notebook2 > input:nth-of-type(6):checked ~ div:nth-of-type(6)
 {
    z-index: 10;
 
    transition: all 0.5s ease 0.5s, z-index 0s 0.5s;
}
 
.notebook2 > input:nth-of-type(1):checked ~ div:nth-of-type(1) > *:first-child,
.notebook2 > input:nth-of-type(2):checked ~ div:nth-of-type(2) > *:first-child,
.notebook2 > input:nth-of-type(3):checked ~ div:nth-of-type(3) > *:first-child,
.notebook2 > input:nth-of-type(4):checked ~ div:nth-of-type(4) > *:first-child,
.notebook2 > input:nth-of-type(5):checked ~ div:nth-of-type(5) > *:first-child,
.notebook2 > input:nth-of-type(6):checked ~ div:nth-of-type(6) > *:first-child 
{
    color: #d3d3dd;
    transition: all 0.5s ease 0.5s;
}
 
.notebook2 > input:nth-of-type(1):checked ~ div:nth-of-type(1) > *:not(:first-child),
.notebook2 > input:nth-of-type(2):checked ~ div:nth-of-type(2) > *:not(:first-child),
.notebook2 > input:nth-of-type(3):checked ~ div:nth-of-type(3) > *:not(:first-child),
.notebook2 > input:nth-of-type(4):checked ~ div:nth-of-type(4) > *:not(:first-child),
.notebook2 > input:nth-of-type(5):checked ~ div:nth-of-type(5) > *:not(:first-child),
.notebook2 > input:nth-of-type(6):checked ~ div:nth-of-type(6) > *:not(:first-child)
 
 {opacity: 3;
    
    transition: all 0.5s ease 0.5s;
}.l7 {
  text-align: center;
  width: 460px;
 padding: 3px;
 background: #b0c3d6
  border: 1px solid #e5e5ee;
  border-top: 4px solid #e5e5ee;
  border-bottom: 4px solid #e5e5ee;
  -webkit-box-shadow:0 1px 4px #ebdcde, 0 0 30px #c7d8e8 inset;
  border-radius: 30px;
  color: #000;
}


</style>

<center>


<div class="faq2">

<br>


<link href='http://fonts.googleapis.com/css?family=Roboto:400,700,700italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Lily+Script+One' rel='stylesheet' type='text/css'>
<center>
<div style="width: 450px; background: #; padding: 20px;">
<div style="font-family: lobster; font-size: 35px; color: #6e1002; margin-left: 163px; line-height: 70%;">ПОБЕДА!</div>
<div style="width: 220px; height: 8px; background: #feb813; border-left: 80px solid #400601; border-right: 150px solid #d15f00;"></div>
<div style="width: 460px; height: auto; font-family: Cuprum; font-size: 16px; line-height: 95%; color: #400601; overflow: ; text-align: justify; padding-top: 20px; margin-bottom: -15px; margin-left: -30px;">

<div class="text">
 
 
 
 
 
<center>
 
<div class="notebook2">
    <input type="radio" name="notebook2a" id="notebook2a_1" checked="checked">
    <input type="radio" name="notebook2a" id="notebook2a_2">
    <input type="radio" name="notebook2a" id="notebook2a_3">
    <input type="radio" name="notebook2a" id="notebook2a_4">
    <input type="radio" name="notebook2a" id="notebook2a_5">
    <input type="radio" name="notebook2a" id="notebook2a_6">
 
    <div>
        <label for="notebook2a_1">education</label>
<div class="l7"><div style="margin-left: 10px; text-align: center; font-family: Nautilus Pompilius;  color: #23396b;  text-shadow: 1px 1px 0px #ececf2;position: relative;letter-spacing: px; font-size: 36px;">образование</div></div>
     
 <b>Cheju Halla General Hospital</b><br>
<br>Главный врач: (40+)
<br>Заместитель главного врача: (35+) 
<br>Зав. хирургии (30+):
<br>Зав. травматологии (30+):
<br>Зав. приемного отделения (30+):
<br>Зав. терапии (30+): 
<br>Хирурги (27+): <a href="http://jejucity.rusff.me/profile.php?id=294 ">Shin Se Kyung</a>

<br>Травматологи (27+): 
<br>Терапевты (27+)
<br>Неврологи (27+)
<br>Педиатра (27+)
<br>Психиатры (26+):
<br> Патологоанатомы (27+) 
<br>Медсестры/медбратья (25+):
<br>Интерны (24+): <a href="http://jejucity.rusff.me/profile.php?id=198">Han Hye Yeon</a>, <a href="http://jejucity.rusff.me/profile.php?id=283">Kim Hyun Ah</a>, <a href="http://jejucity.rusff.me/profile.php?id=410">Kim Taeyeon </a>
 
 
    </div>
 
 
 
    <div>
        <label for="notebook2a_2">civil the service</label>
<div class="l7"><div style="margin-left: 10px; text-align: center; font-family: Nautilus Pompilius;  color: #23396b;  text-shadow: 1px 1px 0px #ececf2;position: relative;letter-spacing: px; font-size: 36px;">госслужбы</div></div>
 
      
    </div>
 
 
 
    <div><label for="notebook2a_3">ser. & creat.</label>
 
<div class="l7"><div style="margin-left: 10px; text-align: center; font-family: Nautilus Pompilius;  color: #23396b;  text-shadow: 1px 1px 0px #ececf2;position: relative;letter-spacing: px; font-size: 36px;">сервис и креативность</div></div>
 
<b> писатель </b>- <a href=http://exalted.rusff.me/profile.php?id=6><b>lee suwoong</b></a>
        
       
    </div>
 
 
    <div><label for="notebook2a_4">medicine</label>
 
<div class="l7"><div style="margin-left: 10px; text-align: center; font-family: Nautilus Pompilius;  color: #23396b;  text-shadow: 1px 1px 0px #ececf2;position: relative;letter-spacing: px; font-size: 36px;">медицина</div></div>
   
<b> медбрат </b>- <a href=http://exalted.rusff.me/profile.php?id=4><b>byun baekhuyn</b></a>
 
 
    </div>
 
 
 
    <div> <label for="notebook2a_5">crime</label>
 
<div class="l7"><div style="margin-left: 10px; text-align: center; font-family: Nautilus Pompilius;  color: #23396b;  text-shadow: 1px 1px 0px #ececf2;position: relative;letter-spacing: px; font-size: 36px;">криминал</div></div>
    
 
 
    </div>
 
 
  <div><label for="notebook2a_6">other </label>
 
<div class="l7"><div style="margin-left: 10px; text-align: center; font-family: Nautilus Pompilius;  color: #23396b;  text-shadow: 1px 1px 0px #ececf2;position: relative;letter-spacing: px; font-size: 36px;">другое</div></div>
    
 
 
  
    </div>
 
 
 
 
 
 
</div></center>
 
 
 
 
 
 
</div></div></div>







<br><br><br>
</center>