.firstpage-image {
    display: inline-block;
    background: url(../img/uri_firstpage.jpg) no-repeat;
}

@font-face {
  font-family: 'LongGothic';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/PIC-LongGothic-Medium-KP-97KPS.ttf) format('ttf');
}

footer .container{
    background-color: transparent;
}

.left-container {
    width: calc(100% - 472px);
    float: left;
    padding-right: 20px;
    /*padding-left: 15px;*/
}

.right-container {
    width: 460px;
    float: left;
    padding-left: 10px;
    margin-top: 14px;
    padding-right: 10px;
}

.subjects-title {
    position: relative;
    font-family: PRK P LongGothic, WKWGothic;
    font-size: 28px;
    color: #ed2d1f;
    margin-top: 16px;
    margin-bottom: 0px;
    border-bottom: 3px solid #f26c62;
    background-color: #d9d9d9;
}

.subjects-title span {
    background-color: white;
    padding-top: 5px;
    padding-left: 14px;
    padding-right: 14px;
}

.hor-bottom {
    position: absolute;
    bottom: -5px;
    height: 2px;
    background-color: #ba3329;
    width: 200px;
    left: calc(50% - 100px);
}

.ver-bottom-left {
    position: absolute;
    height: 2px;
    background-color: #ba3329;
}

.ver-bottom-right {
    position: absolute;
    height: 9px;
    width: 2px;
    bottom: -12px;
    background-color: #ba3329;
    left: calc(50% + 100px);
}

.ver-bottom-left {
    position: absolute;
    height: 9px;
    width: 2px;
    bottom: -12px;
    background-color: #ba3329;
    left: calc(50% - 100px);
}

.subjects-content {
    text-align: center;
}

.subjects-content a:hover {
    margin-top: -5px;
}

.subjects-content ul:before, .subjects-content ul:after {
    display: table;
    content: " ";
    clear: both;
}

#mobile_login {
    padding-left: 20px;
}

.subjects-content ul {
    margin-top: 4px;
    list-style: none;
    -webkit-padding-start: 0;
    -ms-padding-start: 0;
    padding-inline-start: 0;
    margin-inline-start:0;
    -moz-padding-start: 0;
    padding-left: 0;
    text-align: center;
    width: 736px;
    margin: 10px auto;
}

.subjects-content:before, .subjects-content:after {
    display: table;
    content: " ";
    clear: both;
}

.subjects-content ul li {
    position: relative;
    display: block;
    float: left;
    margin-left: 6.3px;
    margin-right: 6.3px;
}

.sticker {
    position: absolute;
    width: 2px;
    height: 7px;
    background-color: #96381c;
    top: -9px;
    left: 50%;
}

.v-sticker-right {
    position: absolute;
    width: calc(50% + 5px);
    top: -9px;
    left: 50%;
    background-color: #96381c;
    height: 2px;
}

.v-sticker-left {
    position: absolute;
    width: calc(50% + 5px);
    top: -9px;
    left: -5px;
    background-color: #96381c;
    height: 2px;
}

/* 혁명활동소식 */
.revolution-container {
    position: relative;
    /*margin-top: 35px;*/
    border: 3px solid #ffd05d;
    border-top: none;

    padding: 5px;
    min-height: 181px;
}

.revolution-container.songun {
    background-color: #fff6d2;
}

.revolution-container.wise {
    background-color: #feeae5;
}

.revolution-container.songun > div {
    border: 7px solid transparent;
    border-image: url('../img/first/new_version/rev_border.png') 30% round;
    min-height: 168px;
}

.revolution-container > div .sub-container-one {
    position: relative;
    padding: 20px 20px 0px 15px;

}

.revolution-container .sub-container-two {
    background-color: #feeae5;
    padding: 25px 25px 14px 25px;
}

li.revolution-content {
    padding-bottom: 10px;
    list-style-image: url("../img/first/new_version/flag.png");
}

.firstpage-image.memoris-container {
    padding: 10px;
    width:391px;
    height:278px;
    background-position: 0 -244px;
	margin-left:20px;
}
.lecture-room-body a:hover, .section-two a:hover, .section-three a:hover {
    text-decoration: none;
    color: #ff3803 !important;
}

.lecture-room-program a {
    color: black;
}

.sub-container-one p, .sub-container-two p {
    padding-left: 12px;
    padding-right: 12px;
    line-height: 2;
    text-indent: 0;
}

.revolution-title.songun {
    background-color: #cb443d;
    padding-top: 10px;
    padding-bottom: 9px;
    border-top: 5px solid #ed8d88;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.revolution-title.wise {
    color: #FEF593;
    background-color: #e8636d;
    padding-top: 10px;
    padding-bottom: 9px;
    border-top: 5px solid #f08a93;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

span.new-flag {
    color: red;
    font-weight: bold;
    font-style: italic;
    font-family: arial;
    font-size: 11px;
    padding-left: 5px;
}

.revolution-title {
    color: #fff493;
    margin-bottom: 0 !important;
    text-align: center;
    font-size: 24px;
    margin-bottom: 20px;
    font-weight: bold;
    font-family: "PRK P LongGothic Black";
}

.revolution-title a {
    font-family: "PRK P LongGothic Black";
    color: #fff493;
}

.revolution-title a strong {
    font-size: 28px;
}

.revolution-content {
    color: #f20c12;
    line-height: 1.7;
}

.revolution-content a, .revolution-content {
    color: #e25a5a;
    /*font-family: PRK P LongGothic medium !important;*/
    font-weight: bold;
    font-size: 15px;
}

.revolution-content a strong {
    font-size: 18px;
}

.sub-container-two ul {
    -webkit-padding-start: 0;
    padding-left: 0;
    -moz-padding-start: 0;
    padding-inline-start: 0;
}
.sub-container-two li.revolution-content{
    list-style: none;
}

.page-container button {
    -webkit-appearance: button;
    touch-action: manipulation;
    background: linear-gradient(white, #dededf);
    color: #14642a;
    border-radius: 5px;
    border-width: 0;
    font-family: "PRK P Chongbong";
}

.page-container button:hover {
    background: linear-gradient(#e2e2e3, #1a4723);
}

.pagebar button {
    padding-left: 6px;
    padding-right: 6px;
    margin-left: 2px;
    margin-right: 2px;
}

.font-lg {
    font-size: 16px;
}

.font-md {
    font-size: 16px;
}

.memoirs-content {
    text-align: center;
    height: 133px;
    position: relative;
}

.memoirs-content button {
    font-size: 12px;
}

.page-container {
        margin-top: 5px;
    background-color: #b8daae;
    padding: 5px 2px;
    width: 240px;
    position: absolute;
    bottom: 14px;
    right: 14px;
}

.unify-content {
    float: left;
    width: 35%;
}

/* 교과목안내 */
.subjects-container {
    /*min-height: 260px;*/
    text-align: center;
}

/* 강의실 */
.lecture-room {
    margin-top: 10px;
    /*border-left: 5px solid #6298d4;*/
    padding-left: 15px;
}

.lecture-room-header-ticket {
    position: relative;
    color: white;
    background-color: #59abe3;
    float: left;
    width: 180px;
    height: 45px;
    padding: 7px 5px 1px 5px;
    font-size: 24px;
    font-family: "PRK P LongGothic Medium";
}

.schedule-bar {
    float: left;
    width: calc(100% - 180px);
    height: 26px;
    background-color: #d3d8de;
    margin-top: 19px;
    font-family: 광명;
    padding: 5px;
}

.lecture-room-body {
    padding: 10px 25px 20px 30px;
    font-size: 12px;
    background-color: #f3f6f9;
}

.lecture-room-header-arrow {
    position: absolute;
    top: 0;
    right: -19px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 19px 19px 0;
    border-color: transparent transparent #456a96 transparent;
}

.lecture-room-subtitle {
    position: relative;
    color: white;
    font-size: 20px;
    padding-top: 4px;
    padding-bottom: 19px;
    font-family: "PRK P LongGothic Medium";
    font-weight: 600;
    background-color: #36d7b7;
    letter-spacing: 5px;

}

.lecture-room-subtitle.outer {
    /*border-bottom: 2px solid #5bc0de;*/
    margin-bottom: 0;
    padding-bottom: 3px;
    padding-left: 10px;
    margin-top: 5px;
    font-weight: 600;
    /*border-left: 5px solid #6298d4;*/
}

.lecture-room-program-subtitle {
    border-top: 2px solid #6298d4;
    background-color: #ececec;
    font-size: 20px;
    color: #439dda;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding-left: 35px;
    padding-top: 5px;
    padding-bottom: 5px;
    position: relative;
    font-family: "PRK P GO HwanOkdol" !important;
}

.lecture-room-program {
    font-family: "KP CheonRiMa" !important;

    /*font-weight: 600;*/
    -webkit-padding-start: 0;
    padding-left: 0;
    -moz-padding-start: 0;
    padding-inline-start: 0;
    padding-inline-start: 0;
    line-height: 1.8;
}

.lecture-room-program p {
    font-family: "KP CheonRiMa" !important;
    font-size: 12px !important;
}

.lecture-room-program li {
    margin-bottom: 10px;
	list-style:none;
}
.lecture-room-program li i{ 
	font-size: 8px;
	margin-left: -15px;
    margin-right: 8px;
	color:#403d3d;
}

.lecture-room-program.faq li {
    margin-bottom: 29px;
}

/* 교육편집물 */

.multimedia-title {
    background-color: #52b9e9;
    text-align: center;
    color: white;
    font-family: "PRK P LongGothic";
    font-size: 22px;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-bottom: 0;
    position: relative;
    letter-spacing: 5px;
}

.multimedia-title a, .lecture-room-subtitle a, .lecture-room-program-subtitle a {
    position: absolute;
    right: 12px;
    top: 12px;
}

.arrow-down  {
        width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid;
    margin: auto;
    position: absolute;
    top: 0;
    left: 50%;
}

.border-top-blue {
    border-top-color: #52b9e9!important;
}

.multimedia-block {
    width: 200px;
    display: inline-flex;
    margin: 0 10px;
}

.multimedia-block a {
    z-index: 10;
}

.multi-image {
    height: 130px;
}

img {
    margin: auto;
}

.multi-text {
    line-height: 1.5;
    font-size: 13px;
    font-weight: 400;
    /*padding-top: 5px;*/
    display: block;
    text-align: center;
    color: #3b3d40;
    text-decoration: none;
    margin-bottom: 3px;
}

.multi-text:hover {
    text-decoration: none !important;
}

a {
    font-family: "KP CheonRiMa";

}

a:hover {
    text-decoration: none;
}

/* 학습자료 */
.three-left-container {
    float: left;
    width: calc(100% - 268px);
    padding-right: 2px;
}

.three-right-container {
    float: left;
    width: 268px;
}

.three-right-container .lecture-room-program li {
    line-height: 2.0;
}

.card-heading {
    border-bottom: 2px solid #94b7f6;
    padding-bottom: 3px;
    margin-top: 10px;
}

.card-heading > a:first-child {
    background: transparent;
    padding-bottom: 4px;
    border-bottom: 3px solid #5281d0;
    color: #1552ae;
    font-family: PRK P GO Gangsoi, WKWGothic, KP CheonRiMa;
}

.card-heading > a {
    background-color: #E43A45;
    color: white;
    font-weight: 600;
    font-size: 24px;
    font-family: WKWGothic, KP CheonRiMa, dotum, batang, arial;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 3px;
    padding-right: 12px;
}

.card-heading.orange a {
    color: #ff2400;
    border-color: #ff2400;

}

.card-heading.orange {
    border-color: #f1644d;
}

.pane {
    margin-top: 14px;
    background-color: white;
}

.pane-heading {
    font-family: KP CheonRiMa, WKLGothic, dotum, batang, arial;
    font-weight: bold;
    color: #000;
    font-size: 16px;
    padding-left: 5px;
}

.pane-title {
    margin-top: 5px;
    padding-right: 14px;
    padding-left: 10px;
    margin-bottom: 3px;
    font-weight: 600;
}

h3 {
    font-size: 16px;
}

.pane-body {
    border-top: 3px solid #f2784b;
    padding: 5px;
    padding-top: 12px;
    border-right: none;
    border-left: none;
    border-bottom: 1px solid #d8d8d8;
    min-height: 170px;
    /*height: 160px;*/
}

.pane-body ul {
    -webkit-padding-start: 20px;
    padding-left: 20px;
    padding-inline-start: 20px;
}

.pane-body li {
    line-height: 2;
}

.pane-body li a {
    font-size: 12px;
    color: black;
}

.novel {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    line-height: 2;
}

.novel a {
    color: black;
    font-size: 12px;
}

.section-three .row {
    margin-right: 0;
    margin-left: 0;
}

.section-three .col-md-3, .section-three .col-md-4 {
    padding-left: 6px;
    padding-right: 6px;
}

.music-list li { list-style:none;}
.music-list li i{ font-size: 17px;color: #4879ED; margin-left: -15px;}

.music-list a {
    color: black;
    padding-left: 10px;
}

/* 아동교양자료 */
.children-block {
    width: 200px;
    display: inline-block;
    margin: 0 10px;
}

.children-block img {
    width: 150px;
    height: 150px;
    border-radius: 50%;
}

.children-text {
    position: relative;
    color: #1156b5;
    font-family: "PRK P TitleMyongjo";
    font-size: 18px;
    font-weight: bold;
}

.children-text .counter {
    position: absolute;
    right: -29px;
    top: -12px;
    /* width: 25px; */
    /* height: 25px; */
    padding: 3px 8px;
    display: block;
    font-size: 12px;
    background-color: #f40c0c;
    border-radius: 50%;
    color: white;
    cursor: pointer;
}



/* 새 소식 */
.news-container {
    margin-top: 2px;
    /*border-top: 2px solid #8887da;*/
    border-right: 1px solid #8887da;
    padding: 5px 0 0 0;
    border-bottom: 1px solid #8887da;
    border-left: 1px solid #8887da;
    font-size: 12px;
}

.news-container .lecture-room-program {
    margin-top: 10px;
}

.news-container .lecture-room-program li {
    margin-bottom: 12px;
}

.news-container a.news-ticket {
    display: block;
    background: #DCDDDF;
    padding: 2px 2px 2px 10px;
    width: 133px;
    font-size: 15px;
    color: #1552ae;
    font-family: PRK P GO Gangsoi, WKWGothic, KP CheonRiMa;
}

/* Helper */
.no-border {
    border: none !important;
}

.green-border {
    border-color: #116c37 !important;
}

.bg-grey {
    background-color: #f3f6f9;
    padding-top: 15px;
    padding-bottom: 5px;
}

.vertical-line {
    height: 80%;
    position: absolute;
    right: -1px;
    top: 40px;
    width: 1px;
    background-color: #d8d8d8;
}


/* Footer */
.pre-footer {
    height: 30px;
    background-color: #65819d;
}

footer {
    background-color: #3f6184;
    padding-top: 50px;
    text-align: center;
    padding-bottom: 15px;
}

footer .footer-menu {
    text-align: center;
    padding-bottom: 55px;
}

footer .footer-menu a {
    color: white;
    font-family: "KP CheonRiMa";
    font-weight: bold;
    font-size: 15px;
}

footer p {
    text-align: center;
    font-family: KP CheonRiMa, WKLGothic, dotum, batang, arial, "chol";
    font-size: 13px;
}

.socicons .socicon-btn {
    margin-bottom: 5px;
    margin-left: 4px;
    margin-right: 4px;
}

.socicon-btn.socicon-btn-circle {
    border-radius: 44px !important;
}

.socicon-btn {
    text-align: center;
    width: 44px;
    height: 44px;
    padding-top: 11px;
    font-size: 24px;
    border: 1px solid #e7ecf1;
    color: #3f6184;
    display: inline-block;
}

.socicon, .socicon-btn {
    position: relative;
    font-family: socicon;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.bg-white {
    background-color: white;
}

.socicon-btn, .socicon-btn:hover {
    transition: background, color .3s;
}

.socicon-twitter:before {
    content: "a";
}

.socicon-facebook:before {
    content: "b";
}

.socicon-instagram:before {
    content: "x";
}

.socicon-pinterest:before {
    content: "d";
}

.socicon-rss:before {
    content: ",";
}

.socicon-spotify:before {
    content: "o";
}


/******************** basic modify ***********************/
.ml-10{
    margin-left:10px;
}
.mt-3{
    margin-top:3px;
}

.section-two .bg-grey {
    padding-top: 25px;
    padding-left: 25px;
    padding-right: 25px;
}
@media (max-width: 991px) {
    .three-left-container {
        width: 100%;
    }.three-right-container {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 768px) {
    .right-container {
        width: 100%;
    }

    .left-container {
        width: 100%;
        padding-left: 15px;
    }

    footer {
        display: none;
    }

    .three-left-container {
        width: 100%;
    }

    .children-header {
        padding-left: 15px;
    }

    .vertical-line {
        display: none;
    }

    .lecture-room {
        border-width: 0;
        padding-left: 0;
    }

    .lecture-room .col-md-6 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

.firstpage-image.icon-photo {
    width: 15px;
    height: 12px;
    background-position: -21px -216px;
}

.firstpage-image.songun-flag {
    width: 18px;
    height: 15px;
    background-position: 0 -216px;
    margin-right: 7px;
    float: left;
    margin-top: 6px;
}

.firstpage-image.songun-left-bottom {
    left: 18px;
    bottom: 18px;
    width: 70px;
    height: 70px;
    position: absolute;
    background-position: -585px 0;
}

.firstpage-image.songun-right-bottom {
    right: 17px;
    bottom: 18px;
    width: 70px;
    height: 70px;
    position: absolute;
    background-position: -656px 0;
}

.firstpage-image.wise-left-top {
    left: 11px;
    top: 9px;
    width: 28px;
    height: 28px;
    position: absolute;
    background-position: -39px -216px;
}

.firstpage-image.wise-right-top {
    right: 10px;
    top: 9px;
    width: 28px;
    height: 28px;
    position: absolute;
    background-position: -69px -216px;
}

.firstpage-image.wise-left-bottom {
    bottom: 10px;
    left: 10px;
    width: 28px;
    height: 28px;
    position: absolute;
    background-position: -96px -216px;
}

.firstpage-image.wise-right-bottom {
    right: 10px;
    bottom: 10px;
    width: 28px;
    height: 28px;
    position: absolute;
    background-position: -126px -216px;
}

.wise-left-border {
    left: 12px;
    top: 41px;
    bottom: 40px;
    width: 1px;
    background-color: #e07c7b;
    position: absolute;
}

.wise-right-border {
    right: 12px;
    top: 41px;
    bottom: 40px;
    width: 1px;
    background-color: #e07c7b;
    position: absolute;
}

.wise-top-border {
    top: 11px;
    right: 41px;
    left: 41px;
    height: 1px;
    background-color: #e07c7b;
    position: absolute;
}

.wise-bottom-border {
    bottom: 11px;
    right: 41px;
    left: 41px;
    height: 1px;
    background-color: #e07c7b;
    position: absolute;
}

.firstpage-image.subject1{
    width: 44px;
    height: 215px;
    background-position: 0 0;
}

.firstpage-image.subject119{
    width: 44px;
    height: 215px;
    background-position: -45px 0;
}

.firstpage-image.subject4495{
    width: 44px;
    height: 215px;
    background-position: -90px 0;
}

.firstpage-image.subject3{
    width: 44px;
    height: 215px;
    background-position: -135px 0;
}

.firstpage-image.subject4{
    width: 44px;
    height: 215px;
    background-position: -180px 0;
}

.firstpage-image.subject5{
    width: 44px;
    height: 215px;
    background-position: -225px 0;
}

.firstpage-image.subject103{
    width: 44px;
    height: 215px;
    background-position: -270px 0;
}

.firstpage-image.subject3827{
    width: 44px;
    height: 215px;
    background-position: -315px 0;
}

.firstpage-image.subject10{
    width: 44px;
    height: 215px;
    background-position: -360px 0;
}

.firstpage-image.subject8810{
    width: 44px;
    height: 215px;
    background-position: -405px 0;
}

.firstpage-image.subject4230{
    width: 44px;
    height: 215px;
    background-position: -450px 0;
}

.firstpage-image.subject12{
    width: 44px;
    height: 215px;
    background-position: -495px 0;
}

.firstpage-image.subject15{
    width: 44px;
    height: 215px;
    background-position: -540px 0;
}

.firstpage-image.child_learn{
    width:150px;
    height:150px;
    background-position: -543px -372px;
    border-radius:50%;
}
.firstpage-image.child1{
    width:150px;
    height:150px;
    background-position: -392px -221px;
    border-radius:50%;
}
.firstpage-image.child_music{
    width:150px;
    height:150px;
    background-position: -392px -372px;
    border-radius:50%;
}
.firstpage-image.child_movie{
    width:150px;
    height:150px;
    background-position: -542px -222px;
    border-radius:50%;
}
.firstpage-image.child_gisa{
    width:150px;
    height:150px;
    background-position: -584px -72px;
    border-radius:50%;
}

.unify {
	display: block;
	height: 130px;
}

h2 a i{
	margin-top: -7px;
	color: white;
}