@charset "utf-8";

/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(https://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xE6du99w8ONfQrOf4kprgAx_v5H-gcmDugi2HQeB0BPm.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(https://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xK8wKBk9M_9zvJF5T73CXCh_v5H-gcmDugi2HQeB0BPm.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(https://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xJ14gK-0unzMDfuYl-aQUV9_v5H-gcmDugi2HQeB0BPm.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(https://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xB5VLgeZEtrtjc2zP-H3k9d_v5H-gcmDugi2HQeB0BPm.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(https://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xAWz7bTsodKOChnd4npPWzF_v5H-gcmDugi2HQeB0BPm.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(https://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xD_0YkshJ_UyXEU-Q7eV4G5_v5H-gcmDugi2HQeB0BPm.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(https://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xMmDra0ONnO3FPH--kzkC5zr7w4p9aSvGirXi6XmeXNA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}



/* - #monitor-extr
 ------------------------------------------------------------ */
article.monitor-extra {
  background-color: #fff;
}

article.monitor-extra small {
  font-size: 90%;
  line-height: 1.5;
  display: block;
}

article.monitor-extra .outline {
  width: 1000px;
  margin: 0 auto;
}

article.monitor-extra header .outline {
  text-align: center;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100px;
}

article.monitor-extra header {
  background-image: url(../images/bg.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  height: 500px;
  position: relative;
}

article.monitor-extra header h1 {
  text-align: center;
  padding: 2em;
  background-color: rgba(255, 255, 255, 0.9);
}

article.monitor-extra header h1 span {
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 2.5rem;
  display: block;
  padding: 50px 0 0 0;
  color: #E04D60;
}
article.monitor-extra header h1 span:lang(ko) {
  font-family: '나눔 고딕', 'Nanum Gothic', '맑은 고딕', 'Malgun Gothic', 'Apple Gothic', 돋움, Dotum, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 2.35rem;
}

article.monitor-extra header h1 em {
    font-style: normal;
    color: #00C0C2;
}

article.monitor-extra header p {
   position: absolute;
   top: 80px;
   right: 0;
   left: 0;
   margin: auto;
}

article.monitor-extra header img:lang(ja) {
  max-width: 850px;
}

article.monitor-extra p.bottom {
    color: #fff;
    letter-spacing: 25px;
    text-align: center;
    text-transform: uppercase;
    background-color: #966D4D;
    padding: 6px;
    font-size: 0.9rem;
}

article.monitor-extra header p.date {
    font-size: 1.2rem;
    padding: 5px 0;
    background-color: rgba(255,255,255,0.5);
    margin: 0 24px;
}
a.applyTo {
    padding: 12px;
    width: 284px;
    background-color: #F07057;
    text-align: center;
    font-weight: bold;
    font-size: 1.2rem;
    margin: 15px auto;
    color: #fff;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    border: 2px solid #fff;
    display: block;
}
article.monitor-extra .circle {
    width: 90px;
    height: 90px;
    background-color: #F07057;
    color: #fff;
    border-radius: 45px;
    text-align: center;
    font-size: 1.4rem;
    padding: 10px 0;
    line-height: 1.2;
    position: absolute;
    top: 178px;
    right: 178px;
}
article.monitor-extra .contents {
    width: 1000px;
    margin: 0 auto;
}

article.monitor-extra .contents ul {
    text-align: center;
    margin: 30px 0 10px 0;
}

article.monitor-extra .contents li {
    display: inline-block;
    margin: 0 15px;
}

article.monitor-extra .contents p {
  margin: 30px 0;
    text-align: center;
  font-size: 1.25rem;
  line-height: 1.5;
}
article.monitor-extra .contents p span {
  font-weight: bold;
  color: #3263AF;
  font-size: 2.2rem;
}
article.monitor-extra .contents p em {
  font-style: normal;
  font-weight: bold;
  color: #F07057;
}
article.monitor-extra section.details {
  width: 750px;
  padding: 30px;
  margin: 0 auto;
  border-bottom: 1px solid #aaa;
  border-radius: 6px;
  /* text-align: center; */
}
article.monitor-extra section h2 {
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 2rem;
  color: #555;
  font-weight: normal;
  letter-spacing: 5px;
  text-align: center;
  margin: 60px 0;
  text-transform: uppercase;
  border-bottom: 1px dotted #aaa;
  padding: 0 0 8px;
}
article.monitor-extra.ja section h2 {
    font-size: 1.6rem;
}
article.monitor-extra.ko section h2 {
    font-size: 1.8rem;
}
article.monitor-extra section p {
    margin: 25px 0;
    font-size: 1.1rem;
}
article.monitor-extra section .category img {
    padding: 10px;
    border: 1px solid #ccc;
}
article.monitor-extra section .tutor.category {
    text-align: center;
    border-top: 2px dotted #ccc;
    width: 750px;
    margin: 50px auto;
    padding: 25px 0;
}
article.monitor-extra section .tutor.category img {
    /* width: 800px; */
    /* margin: 25px 0 0; */
}
article.monitor-extra .fa.fa-arrow-up {
    display: block;
    color: #F07057;
    font-size: 2rem;
    text-align: center;
    margin: 15px 0;
}

article.monitor-extra section ul {
    margin: 0 0 0 40px;
}

article.monitor-extra section li {
    line-height: 2;
    font-size: 1.2rem;
    list-style-type: disc;
}

article.monitor-extra section .forBeguinner {
    border-top: 1px dotted #ccc;
}

article.monitor-extra section .iter li {
    list-style-type: upper-hexadecimal;
}





article.monitor-extra a.buttonLink {
    background-color: #4B5CA5;
    padding: 12px 15px;
    color: #fff;
    font-weight: bold;
    margin: 30px auto;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    display: block;
    width: 280px;
    text-align: center;
}


/* - .socialIcon
 ------------------------------------------------------------ */
#socialIcon {
    text-align:center;
    margin:20px auto;
    border-top:1px dotted #ccc;
    padding:14px 20px 10px 0;
    min-width:350px;
    max-width:400px;
    border-bottom:1px dotted #ccc
}

#socialIcon .twitter-share-button {
    display:inline-block
}

#socialIcon .fb-like {
    display:inline-block;
    position:relative;
    top:-2px
}

.right-navigation img {
    vertical-align: middle;
}