@charset "utf-8";

/*header - override*/
.header .logo .light { display: none; }
.header .logo .dark { display: block; }
.header .direct li,
.header .direct li a { color: #464646; opacity: 1; }
.header .direct li.sep { color: #000; }

/*footer - override*/
.footer .links { margin-left: 306px; }
.footer .logo { position: static; left: 0px; margin-top: 20px; }

/*child_menu - override*/
.child_menu { top: auto; bottom: 0px; right: 0px; z-index: 200; }
.child_menu .lt { display: none; }
.child_menu .rt { display: block; }

/* 공통사용 */
.w300 {width: 300px !important;}
.w420 {width: 420px !important;}

/*content*/
.content { position: relative; width: 100%; text-align: center; margin-bottom: 50px; }
.content >.background { position: absolute; top: 0px; right: 0px; width: 100%; height: 100%; z-index: 0; }
.content .visual { position: relative; height: 341px; }
.content .content_body { white-space: nowrap; word-break: break-all; text-align: left; }
.content .lnb { position: relative; display: inline-block; width: 216px; vertical-align: top; z-index: 0; float: left; }
.content .lnb li { position: relative; width: 100%; height: 55px; z-index: 1; overflow: visible; font-size: 18px; }
/*.content .lnb li a { display: block; background-repeat: no-repeat; width: 100%; height: 70px; padding: 18px 0 0 29px;  }*/
.content .lnb li a { display: block; background-repeat: no-repeat; width: 100%; padding: 18px 12px 16px 29px;}
.content .lnb li.active.last a { display: block; background-repeat: no-repeat; width: 100%; padding: 18px 12px 32px 29px;}
.content .lnb li.line2 a { padding-top: 6px !important; padding-bottom: 20px !important; }
.content .lnb li.active { z-index: 0; }
.content .lnb li.active a { display: block;  }

/*content - article*/
.wrap_contents .article { position: relative; display: inline-block; width: 944px; z-index: 1; /*float: left;*/ }
.wrap_contents .article .article_top { height: 190px; padding-top: 60px; padding-left: 90px; background: url(../../images/content-article-top.png) }
.wrap_contents .article .article_top h1 { position: relative; z-index: 1; font-size: 18px; line-height: 18px; margin-bottom: 15px; font-weight: lighter; font-family:'lotteB'; }
.wrap_contents .article .article_top h2 { position: relative; z-index: 1; font-size: 47px; line-height: 47px; margin-bottom: 19px; font-weight: lighter; letter-spacing: -3.5px; font-family:'lotteB'; }
.wrap_contents .article .article_top h3 { font-size: 24px; line-height: 54px; }
.wrap_contents .article .article_top p { position: relative; z-index: 2; font-size: 24px; font-weight: bold;}
.wrap_contents .article .article_top .level { position: absolute; top: 30px; right: 34px; width: 166px; text-align: right; z-index: 10;}
.wrap_contents .article .article_top .level img { position: absolute; top: 0; left: auto; right: 0px; z-index: 0; }
.wrap_contents .article .article_top .level .info { display: inline-block; margin-right: 13px; float: left; font-weight: normal;}
.wrap_contents .article .article_top .level .info span { position: relative; display: inline-block; }
.wrap_contents .article .article_top .level .info .txt_title { font-size: 15px; color: #fff; line-height: 19px; font-family:'lotteB'; }
.wrap_contents .article .article_top .level .info .txt_level { font-size: 28px; color: #ffe400; line-height: 28px; font-family:'lotteB'; }
.wrap_contents .article .article_top .level .guage { position: relative; float: left; width: 49px; height: 45px;}
.wrap_contents .article .article_top .level .btn_levelup { position: relative; float: right; margin-top: 10px; cursor: pointer; width: 106px; height: 34px;}
.wrap_contents .article .article_top .level .btn_levelup a { position: relative; /*top: 6px; right: 17px;*/ padding: 7px 4px 7px 0px; white-space: nowrap; color: #fff; font-size: 13.5px; text-align: center;display: block; text-indent: -9999px;
    background: url(../../images/level_up_text.png) 50% 50% no-repeat; font-family:'lotteB';}

.wrap_contents .article .article_body {width: 100%; background-color: #fff; overflow: hidden; padding-top: 60px; padding-bottom: 20px; }
.wrap_contents .article .article_body p { position: relative; /*display: inline-block;*/ word-wrap: normal; white-space: normal; margin-left: 90px; margin-bottom: 35px; text-align: justify; line-height: 26px;}
.wrap_contents .article .article_body p strong { font-size: 24px; display: block; margin-top: 58px; margin-bottom: 28px; font-weight: bold; }
.wrap_contents .article .article_body p.article_title_image { margin-top: 30px; margin-bottom: 58px }
.wrap_contents .article .article_body .game_list ul { margin-left: 85px; margin-top: 30px; position: relative; margin-bottom: 70px; }
.wrap_contents .article .article_body .game_list ul li.game_list_detail { width: 765px; height: 160px; padding-top: 30px; position: relative; }
.wrap_contents .article .article_body .game_list ul li.game_list_detail a { position: absolute; left: 590px; top: 140px; display: block; }
.wrap_contents .article .article_body.ebook .game_list ul li.game_list_detail .mImg {display: none;}
.wrap_contents .article .article_body .game_list ul li.game_list_detail h2 { font-size: 25px; left: 270px; top: 60px; position: absolute }
.wrap_contents .article .article_body .game_list ul li.game_list_detail p { font-size: 16px; left: 270px; top: 95px; margin: 0; position: absolute;width: 480px }
.wrap_contents .article .article_body p.lt { float:left; width: 352px; }
.wrap_contents .article .article_body p.lt.CrapeImg { margin-top: 22px; width: auto; }
.wrap_contents .article .article_body p.CrapeForm { margin-left: 240px; margin-top: 22px; width: 485px; height: 664px; background: url(../images/content5/sub5_5_4.png); background-repeat: no-repeat; }
.wrap_contents .article .article_body a.popup_print_btn {margin-left: 433px;}
.wrap_contents .article .article_body p a img { padding-left: 59px; padding-top: 18px; }
.wrap_contents .article .article_body p.rt { float:right; width: 352px; margin-left: 0px; margin-right: 90px; }
.wrap_contents .article .article_body p.ranking { float: left; margin-left: 35px; }
.wrap_contents .article .article_body img.char { float:right; }
.wrap_contents .article .article_body .article_video_item { width:100%; margin: 23px 0 0 0; text-align: center; }
.wrap_contents .article .article_body .article_video_item .thumb { position: relative; text-align: center; display: block; width: 558px; margin: 0px auto; }
.wrap_contents .article .article_body .article_video_item .thumb img { position: relative; display: inline-block; z-index: 0; }
.wrap_contents .article .article_body .article_video_item .thumb img.btn_play { position: absolute; z-index: 2; left: 50%; top: 50%; margin: -33px 0px 0px -33px;}
.wrap_contents .article .article_body .article_video_item p { text-align: center; color: #636363; margin: 0; }
.wrap_contents .article .article_body .article_video_item .title { font-size: 24px; font-weight: bold; margin-top: 27px; margin-bottom: 16px; }
.wrap_contents .article .article_body .article_video_item .desc { font-size: 16px; line-height: 26px; margin-bottom: 47px; color: #636363; }

.wrap_contents .article .article_body .field_search { float: right; margin-right: 90px; margin-bottom: 18px; }
.wrap_contents .article .article_body .field_search >div { float: left; height: 51px; }
.wrap_contents .article .article_body .field_search .search_left { width: 27px; background-image: url(../../images/content3/search_left.png); background-repeat: no-repeat; }
.wrap_contents .article .article_body .field_search .search_middle { width: 294px; background-image: url(../../images/content3/search_middle.png); background-repeat: repeat; text-align: center; }
.wrap_contents .article .article_body .field_search .search_middle input { position: relative; width: 90%; height: 96%; color: #a7a7a8; font-size: 14px; background: none; border: none; }
.wrap_contents .article .article_body .field_search .search_right { width: 44px; background-image: url(../../images/content3/search_right.png); background-repeat: no-repeat; }

/*.content .article .article_body .list { width: 764px; margin-left: 90px; margin-bottom: 52px; font-family: "NanumGothic"; font-size: 14px; }*/
/*.content .article .article_body .list thead tr { height: 51px; }*/
/*.content .article .article_body .list thead th { background-image: url(../images/content3/table_header_bg.png); background-position: -40px 0px; background-repeat: no-repeat; color: #fff; font-weight: bold; text-align: center; }*/
/*.content .article .article_body .list thead th.first { background-position: left; }*/
/*.content .article .article_body .list thead th.last { background-position: right; }*/
/*.content .article .article_body .list thead th span { border-right: 1px solid #a2d7e5; width: 100%; display: inline-block; line-height: 13px; }*/
/*.content .article .article_body .list thead th.last span { border-right: none; }*/
/*.content .article .article_body .list tbody tr { height: 52px; }*/
/*.content .article .article_body .list tbody td { background-image: url(../images/content3/table_row_bg.png); background-position: -40px 0px; background-repeat: no-repeat; color: #636363; text-align: center; }*/
/*.content .article .article_body .list tbody tr.btn_row td.write_btn {text-align: right; padding-right: 11px; background-image: url("../images/content3/btn_row_bg.png"); background-position: left;}*/
/*.content .article .article_body .list tbody td.first { background-position: left; color: #4598c5; }*/
/*.content .article .article_body .list tbody td.title { font-weight: bold; text-align: left; padding-left: 15px;}*/
/*.content .article .article_body .list tbody td.title > a {display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}*/
/*.content .article .article_body .list tbody td.receiver { color: #4598c5; }*/
/*.content .article .article_body .list tbody td.last { background-position: right; }*/
/*.content .article .article_body .list tfoot tr { background: url(../images/content3/table_bottom_bg.png) no-repeat; width: 100%; height: 97px; }*/
/*.content .article .article_body .list tfoot td { text-align: center; }*/

.wrap_contents .article .article_bottom { position: relative; height: 81px; text-align: right; padding-top: 32px; padding-right: 90px; }
.wrap_contents .article .article_bottom img { position: absolute; top: 0px; right: 0px; }
.wrap_contents .article .article_bottom img.icon { position: relative; right: 0px; }
.wrap_contents .article .article_bottom span { position: relative; font-size: 14px; }
.wrap_contents .article .article_bottom span.msg { color: #f09512; margin-left: 5px; margin-right: 5px; padding-left: 20px; }
.wrap_contents .article .article_bottom span.num { color:#111111; font-weight: bold; }

/*lnb - color patterns*/
.content_style_orange .lnb li a { background-image: url(../../images/lnb-item-orange-bg-default.png); color: #fed790; }
.content_style_orange .lnb li.active a { background-image: url(../../images/lnb-item-orange-bg-selected.png); color: #363636;  }
.content_style_orange .lnb li.active + li a  { background-image: url(../../images/lnb-item-orange-bg-default-next.png);  }

.content_style_red .lnb li a { background-image: url(../../images/lnb-item-red-bg-default.png); color: #ffbc96; }
.content_style_red .lnb li.active a { background-image: url(../../images/lnb-item-red-bg-selected.png); color: #363636;  }
.content_style_red .lnb li.active + li a { background-image: url(../../images/lnb-item-red-bg-default-next.png);   }

.content_style_green .lnb li a { background-image: url(../../images/lnb-item-green-bg-default.png); color: #dbe786; }
.content_style_green .lnb li.active a { background-image: url(../../images/lnb-item-green-bg-selected.png); color: #363636;  }
.content_style_green .lnb li.active  + li a{ background-image: url(../images/lnb-item-green-bg-default-next.png);  }

.content_style_blue .lnb li a { background-image: url(../../images/lnb-item-blue-bg-default.png); color: #96d8f0; }
.content_style_blue .lnb li.active a { background-image: url(../../images/lnb-item-blue-bg-selected.png); color: #363636;  }
.content_style_blue .lnb li.active  + li a{ background-image: url(../../images/lnb-item-blue-bg-default-next.png);   }

.content_style_navy .lnb li a { background-image: url(../../images/lnb-item-navy-bg-default.png); color: #588aca; }
.content_style_navy .lnb li.active a { background-image: url(../../images/lnb-item-navy-bg-selected.png); color: #363636;  }
.content_style_navy .lnb li.active  + li a{ background-image: url(../../images/lnb-item-navy-bg-default-next.png);   }

.content_style_purple .lnb li a { background-image: url(../../images/lnb-item-purple-bg-default.png); color: #c4b0ec; }
.content_style_purple .lnb li.active a { background-image: url(../../images/lnb-item-purple-bg-selected.png); color: #363636;  }
.content_style_purple .lnb li.active + li a { background-image: url(../../images/lnb-item-purple-bg-default-next.png);   }

/*background - color patterns*/
.content_style_orange >.background{

    background: url("../images/content-bg-0.png") no-repeat;
    background-size: cover !important;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sites/mnd_kids2/images/content-bg-0.png', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/sites/mnd_kids2/images/content-bg-0.png', sizingMethod='scale')";

}
.content_style_orange .visual{ background: url(../images/content-visual-0.png) no-repeat; background-size: cover;
    background-size: cover !important;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sites/mnd_kids2/images/content-visual-0.png', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/sites/mnd_kids2/images/content-visual-0.png', sizingMethod='scale')";
}

.content_style_red >.background{ background: url(../images/content-bg-1.png) no-repeat; background-size: cover;
    background-size: cover !important;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sites/mnd_kids2/images/content-bg-1.png', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/sites/mnd_kids2/images/content-bg-1.png', sizingMethod='scale')";
}
.content_style_red .visual{ background: url(../images/content-visual-1.png) no-repeat; background-size: cover;
    background-size: cover !important;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sites/mnd_kids2/images/content-visual-1.png', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/sites/mnd_kids2/images/content-visual-1.png', sizingMethod='scale')";
}

.content_style_green >.background{ background: url(../images/content-bg-2.png) no-repeat; background-size: cover;
    background-size: cover !important;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sites/mnd_kids2/images/content-bg-2.png', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/sites/mnd_kids2/images/content-bg-2.png', sizingMethod='scale')";
}
.content_style_green .visual{ background: url(../images/content-visual-2.png) no-repeat; background-size: cover;
    background-size: cover !important;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sites/mnd_kids2/images/content-visual-2.png', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/sites/mnd_kids2/images/content-visual-2.png', sizingMethod='scale')";
}

.content_style_blue >.background{ background: url(../images/content-bg-3.png) no-repeat; background-size: cover;
    background-size: cover !important;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sites/mnd_kids2/images/content-bg-3.png', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/sites/mnd_kids2/images/content-bg-3.png', sizingMethod='scale')";
}
.content_style_blue .visual{ background: url(../images/content-visual-3.png) no-repeat; background-size: cover;
    background-size: cover !important;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sites/mnd_kids2/images/content-visual-3.png', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/sites/mnd_kids2/images/content-visual-3.png', sizingMethod='scale')";
}


.content_style_navy >.background{ background: url(../images/content-bg-3.png) no-repeat; background-size: cover;
    background-size: cover !important;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sites/mnd_kids2/images/content-bg-3.png', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/sites/mnd_kids2/images/content-bg-3.png', sizingMethod='scale')";
}
.content_style_navy .visual{ background: url(../images/content-visual-4.png) no-repeat; background-size: cover;
    background-size: cover !important;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sites/mnd_kids2/images/content-visual-4.png', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/sites/mnd_kids2/images/content-visual-4.png', sizingMethod='scale')";
}

.content_style_purple >.background{ background: url(../images/content-bg-5.png) no-repeat; background-size: cover;
    background-size: cover !important;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sites/mnd_kids2/images/content-bg-5.png', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/sites/mnd_kids2/images/content-bg-5.png', sizingMethod='scale')";
}
.content_style_purple .visual{ background: url(../images/content_visual_5.png) no-repeat; background-size: cover;
    background-size: cover !important;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sites/mnd_kids2/images/content-visual-5.png', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/sites/mnd_kids2/images/2015-10-28content-visual-5.png', sizingMethod='scale')";
}


/*article - color patterns*/
.eq1 .article h1{ color: #f09512; }
.eq1 .article h2{ color: #f09512; }
.eq1 .article p{ color: #636363; }
.eq1 .article .article_bottom span.msg{ color: #f09512; }

.content_style_red .article h1{ color: #ff5c03; }
.content_style_red .article h2{ color: #ff5c03; }
.content_style_red .article p{ color: #636363; }
.content_style_red .article .article_bottom span.msg{ color: #ff5c03; }

.eq2 .article h1{ color: #90a30d; }
.eq2 .article h2{ color: #90a30d; }
.eq2 .article p{ color: #636363; }
.eq2 .article .article_bottom span.msg{ color: #91bb40; }

.eq3 .article h1{ color: #4598c5; }
.eq3 .article h2{ color: #4598c5; }
.eq3 .article p{ color: #636363; }
.eq3 .article .article_bottom span.msg{ color: #00bff3; }

.content_style_navy .article h1{ color: #184e92; }
.content_style_navy .article h2{ color: #184e92; }
.content_style_navy .article p{ color: #636363; }
.content_style_navy .article .article_bottom span.msg{ color: #00bff3; }

.eq5 .article h1{ color: #866db9; font-size: 17px; font-weight: lighter; }
.eq5 .article h2{ color: #866db9; }
.eq5 .article p{ color: #444444; }
.eq5 .article .article_bottom span.msg{ color: #91bb40; }

.eq1 .article_body { background: url(../../images/content-article-body-topborder-0.png) 90px 26px no-repeat; }
.eq1 .article_bottom { background: url(../../images/content-article-bottom-0.png); }
.eq1 .article_bottom .msg { background: url(../../images/content-article-bottom-0-telephone.png) 0px 0px no-repeat; }

.content_style_red .article_body { background: url(../../images/content-article-body-topborder-1.png) 90px 26px no-repeat; }
.content_style_red .article_bottom { background: url(../../images/content-article-bottom-1.png); }
.content_style_red .article_bottom .msg { background: url(../../images/content-article-bottom-1-telephone.png) 0px 0px no-repeat; }

.eq2 .article_body { background: url(../../images/content-article-body-topborder-2.png) 90px 26px no-repeat; }
.eq2 .article_bottom { background: url(../../images/content-article-bottom-2.png); }
.eq2 .article_bottom .msg { background: url(../../images/content-article-bottom-2-telephone.png) 0px 0px no-repeat; }

.eq3 .article_body { background: url(../../images/content-article-body-topborder-3.png) 90px 26px no-repeat; position: relative;}
.eq3 .article_bottom { background: url(../../images/content-article-bottom-3.png); }
.eq3 .article_bottom .msg { background: url(../../images/content-article-bottom-3-telephone.png) 0px 0px no-repeat; }

.content_style_navy .article_body { background: url(../../images/content-article-body-topborder-4.png) 90px 26px no-repeat; position: relative;}
.content_style_navy .article_bottom { background: url(../../images/content-article-bottom-3.png); }
.content_style_navy .article_bottom .msg { background: url(../../images/content-article-bottom-3-telephone.png) 0px 0px no-repeat; }

.eq5 .article_body { background: url(../../images/content-article-body-topborder-5.png) 90px 26px no-repeat; }
.eq5 .article_bottom { background: url(../../images/content-article-bottom-5.png); }
.eq5 .article_bottom .msg { background: url(../../images/content-article-bottom-5-telephone.png) 0px 0px no-repeat; }

/*page navigation*/
[bmpagenavi] li { position: relative; display: inline-block; width: 31px; height: 31px; text-align: center; background: url( ../../images/content3/page-navi-bg.png ) no-repeat; cursor: pointer; }
[bmpagenavi] li.dimd { opacity: 0.2; }
[bmpagenavi] li.btn_singlePage { width: 30px; height: 31px; z-index: 0; text-indent: -10000px; }
[bmpagenavi] li.btn_singlePage.btn_prevPage { background-position: 0px 0px; }
[bmpagenavi] li.btn_singlePage.btn_nextPage { background-position: -121px 0px; }
[bmpagenavi] li.btn_page { background-position: -60px 0px; color: #acacac; font-size: 13px; padding-top: 5px; height: 26px; z-index: 1; }
[bmpagenavi] li.btn_page.first { background-position: -30px 0px; }
[bmpagenavi] li.btn_page.last { background-position: -90px 0px; }
[bmpagenavi] li.btn_page.selected { background: url( ../../images/content3/page-navi-bg-selected.png ) no-repeat; color: #272727; font-weight: bold; }

/*sb */

.wrap_contents .article .article_body .article_body_row {
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    font-family: "NanumGothic";
    margin-bottom: 50px;
    padding:0 90px;
}

.wrap_contents .article .article_body_col.col_tc {
    text-align: center;
}

.wrap_contents .article .article_body_col {
    width: 352px;
    word-wrap: normal;
    white-space: normal;
}

.wrap_contents .article .article_body_col_list li {
    margin-bottom: 20px;
}

.wrap_contents .article .article_body_col_list li strong {
    font-weight: bold;
}
.wrap_contents .article h3 {
    font-size:24px;
    font-weight: bold;
    padding-bottom: 30px;
    line-height: 1.2;
}

.wrap_contents .article h3 .em {
    color:#f09512;
}

/* common style*/
.mb5 {
    margin-bottom: 5px;
}
.mb20 {
    margin-bottom: 20px;
}

.mb50 {
    margin-bottom: 50px;
}

.tar {
    text-align: right;
}

.tac {
    text-align: center;
}

.tal {
    text-align: left;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

/* 우리 친구들이야 */
.wrap_contents .article .article_body .strong_text_con {display: block; font-size: 24px; font-weight: bold; letter-spacing: -0.1em;}
.wrap_contents .article .article_body .strong_text_con.mt70 {margin-top: 70px;}
.wrap_contents .article .article_body .strong_text_con.mt30 {margin-top: 30px;}
.wrap_contents .article .article_body .strong_text_con.mb7 {margin-bottom: 7px;}
.wrap_contents .article .article_body .strong_text_con.mb20 {margin-bottom: 20px;}
.wrap_contents .article .article_body .text_img_con {display: inline-block;}
.wrap_contents .article .article_body .text_img_con.tr {display: block; text-align: right;}
.wrap_contents .article .article_body .text_img_con.mt25 {margin-top: 25px;}
.wrap_contents .article .article_body .text_img_con.mb17 {margin-bottom: 17px;}
.wrap_contents .article .article_body .text_img_con.mb30 {margin-bottom: 30px;}
.wrap_contents .article .article_body .text_img_con.mb33 {margin-bottom: 33px;}
.wrap_contents .article .article_body p.font_size16 {font-size: 16px; line-height: 30px; text-align: left;}[bmpagenavi] li.btn_page.selected { background: url( ../../images/content3/page-navi-bg-selected.png ) no-repeat; color: #272727; font-weight: bold; }

/* 와우 같이놀자 - 배워봐요 */
.mt45 {margin-top: 45px;}
.contents3_1_body {overflow: hidden; padding: 60px 90px 20px; background: #fff url(../../images/content-article-body-topborder-3.png) 90px 26px no-repeat; }
.contents3_1_body .view_contents {padding-bottom: 46px; padding-top: 39px;}
.contents3_1 .video_img_con {position: relative; }
.contents3_1 .video_img_con .video_img {text-align: center;}
.video_play {cursor: pointer; position: absolute; left: 50%; top: 50%; margin-left: -33px; margin-top: -33px;}
.contents3_1 > h3 {font-size: 24px!important; color: #636363!important; line-height: 32px!important; text-align: center; margin: 21px 0 13px; padding: 0px!important;}
.contents3_1 > p {font-size: 16px; color: #636363; line-height: 26px; text-align: center;}

.view_bg {background: url( ../../images/contents3_1_view_bg.png ) no-repeat center; width: 764px; /* height: 683px; */ height: 590px; background-size: 100% 100%; position: relative; overflow: hidden;}
.view_bg .view_title {font-size: 23px; color: #277ba4 !important; font-weight: bold; line-height: 1em; margin: 30px 0px 22px 31px;}
.view_bg .view_video {width: 720px; height: 590px;/* border: 1px solid #93cceb;*/ overflow: hidden; margin: auto;}

.view_bg .view_video .mobileMp4 video {max-width: 100%;}

.view_bg .view_btn {text-align: center; margin-top: 14px; cursor: pointer;}
.video_noti {font-size: 12px; color: #737373; line-height: 26px; text-decoration: underline; padding-left: 14px; margin-top: 10px;}
.video_noti img {margin-right: 4px;}
.video_noti > span {}

.btn_con {overflow: hidden;}
.btn_con.bor_top {border-top: 1px solid #e4e4e4; padding-top: 9px;}
.btn_con.tr {text-align: right;}
.btn_con.tl {text-align: left;}
.btn_con.tc {text-align: center;}
/*.btn_con > span {cursor: pointer;}*/

/* 역사를 알아보자 */
.contents_con {width: 763px; padding: 50px 90px 0px;} 

.tab0 {overflow: hidden; position: relative; border-bottom: 2px solid #ffa800; }
.tab0 > li {float: left; margin-bottom: -2px; width: 109px; font-size: 20px; color: #c3c3c3; /*padding: 14px 0px 10px;*/padding-top:7px;font-size:17px;height:54px;box-sizing:border-box;width:127px; cursor: pointer; /*font-weight: bold;*/ text-align: center; background: url( ../images/content1/sub13_tab_bg_off.png) no-repeat center;}
.tab0 > li:hover {color: #ffffff; background: url( ../../images/content1/sub13_tab_bg_on.png) no-repeat center;}
.tab0 > li.tab_on {color: #ffffff; background: url( ../../images/content1/sub13_tab_bg_on.png) no-repeat center;}
.tab0 > li a {color: #c3c3c3; }
.tab0 > li.tab_on a,.tab0 > li:hover a {color: #ffffff; }



.tab_contents {display: none;}
.tab_contents.on {display: block;}

.sub13_list_con {overflow: hidden;}
.sub13_list_con > li {float: left; width: 205px; margin-left: 74px; margin-top: 25px; /* cursor: pointer; */}
.sub13_list_con > li:first-child {margin-left: 0px;}
.sub13_list_con > li + li + li + li {margin-left: 0px;}
.sub13_list_con > li + li + li + li + li {margin-left: 74px;}
.sub13_list_con > li + li + li + li + li + li + li {margin-left: 0px;}
.sub13_list_con > li + li + li + li + li + li + li + li {margin-left: 74px;}
.sub13_list_con > li .sub13_list_img {width: 205px; height: 205px; overflow: hidden; text-align: center; position: relative; background: url( ../../images/content1/list_default_img.png) no-repeat center;}
.sub13_list_con > li .sub13_list_img a {display:block;height:100%;}
.sub13_list_con > li .sub13_list_img a img {width:100%;height:100%;}
.sub13_list_con > li .sub13_list_img .list_img_cover {position: absolute; width: 205px; height: 205px; overflow: hidden;top:0;left:0;}
.sub13_list_con > li .sub13_list_tit {font-size: 16px; font-weight: normal; color: #444444; text-align: center; line-height: 30px; margin-top: 15px;}

.btn_con {overflow: hidden;}
/* 함께하는 소식 */
/*.view_tb_wrap {width: 100%; margin-top: 40px; overflow: hidden;}*/
/*.view {background: url(../images/content3/table_header_bg2.png) no-repeat left top; width: 764px; margin-left: 90px; font-family: "NanumGothic"; font-size: 14px; }*/
/*.view thead th {color: #fff; font-weight: bold; text-align: center; height: 56px; line-height: 56px;}*/
/*.view thead th span { border-left: 1px solid #a2d7e5; width: 100%; display: inline-block; line-height: 13px; text-align: center;}*/
/*.view thead th.view_num span {font-weight: normal; color: #ddeff4;}*/
/*.view thead th:first-child span { border-left: none;}*/
/*.view thead th.title {padding-left: 20px;}*/
/*.view thead th.title span {text-align: left;}*/
/*.view tbody td {padding: 0px 20px;}*/
/*.view tbody td.top_con {padding-top: 13px; padding-bottom: 27px; color: #999; font-size: 13px; overflow: hidden;}*/
/*.view tbody td.top_con > div {float: left; margin-left: 30px;}*/
/*.view tbody td.top_con > div:first-child {margin-left: 0px;}*/
/*.view tbody td.top_con > div.writing_num {float: right;}*/
/*.view tbody td.top_con > div > span {font-weight: bold;}*/
/*.view tbody td.top_con > div > span.reciever {color: #4598c5;}*/
/*.view tbody td.contents {padding-bottom: 40px; border-bottom: 1px solid #e4e4e4; white-space: normal;}*/
/*.view tbody td.contents > div {word-break: break-all; max-width: 724px;}*/
/*.view tfoot td.list_btn_con {padding: 9px 0px 70px; text-align: right; overflow: hidden;}*/
/*.view tfoot td.list_btn_con > div {float: left;}*/
/*.view tfoot td.list_btn_con > div.modify_btn {margin-left: 2px;}*/
/*.view tfoot td.list_btn_con > div.delete_btn {margin-left: 15px;}*/
/*.view tfoot td.list_btn_con > div.list_btn {float: right;}*/
/*.prev_next_list_con {width: 764px; overflow: hidden; margin-left: 90px; margin-bottom: 60px;}*/
/*.prev_next_list_con > ul {width: 100%;}*/
/*.prev_next_list_con > ul > li {border-bottom: 1px solid #e4e4e4;}*/
/*.prev_next_list_con > ul > li:first-child {border-top: 1px solid #e4e4e4;}*/
/*.prev_next_list_con > ul > li span {display: inline-block; margin-left: 20px; text-align: center; padding: 12px 0px; color: #999999; font-size: 13px; font-family: "Nanumgothic";}*/
/*.prev_next_list_con > ul > li span > a:hover {color: #4598c5; padding-bottom: 2px; border-bottom: 1px solid #4598c5;}*/
/*.prev_next_list_con > ul > li span > a.no_list {color: #d0d0d0; cursor: default;}*/
/*.prev_next_list_con > ul > li span > a.no_list:hover {border: none; paddong: 0px; color: #d0d0d0;}*/
/*.prev_next_list_con > ul > li span.prev_txt {width: 127px; margin-left: 0px; background-color: #f8f8f8; font-weight: bold; letter-spacing: 0; color: #6b6a6a;}*/
/*.prev_next_list_con > ul > li span.next_txt {width: 127px; margin-left: 0px; background-color: #f8f8f8; font-weight: bold; letter-spacing: 0; color: #6b6a6a;}*/

/*.insert {width: 764px; margin-left: 90px; font-family: "NanumGothic"; font-size: 14px; border-top: 2px solid #4598c5;}*/
/*.insert tbody th {border-bottom: 1px solid #efefef; color: #4598c5; min-height: 52px; padding-left: 20px;}*/
/*.insert tbody td {border-bottom: 1px solid #efefef; padding: 11px 10px; font-size: 14px; color: #666;}*/
/*.insert tbody td textarea.w635 {width: 623px; min-height: 250px; padding: 15px 12px; border: 1px solid #e1e1e1; line-height: 26px; height: 26px;}*/
/*.insert tbody td input.w635 {width: 623px; padding-left: 12px; border: 1px solid #e1e1e1; line-height: 26px; height: 26px;}*/
/*.insert tbody td input.w139 {width: 127px; padding-left: 12px; border: 1px solid #e1e1e1; line-height: 26px; height: 26px;}*/

/* 검색 select box */
.search_select_con {background: url("../../images/content3/search_select_bg.png") no-repeat left top; width: 143px; height: 51px; margin-right: 13px; position: relative; }
.search_select_con select.select_type0 {position: absolute; left: 0; top: 15px; width: 91px; height: 21px; margin-left: 30px; z-index: 11; opacity: 0; filter: alpha(opacity='0');}
.search_select_con span.select_style0 {position: absolute; left: 0; top: 15px; ; width: 91px; height: 21px; margin-left: 30px; z-index: 10; background: url("../../images/content3/select_arrow_bg.png") no-repeat right 8px; color: #777777;}

/* 비밀번호확인 팝업 */
.pw_check_pop_wrap {display: none; position: absolute; left: 50%; top: 50%; margin: -117px 0px 0px -167px; width: 335px; height: 234px; background: url("../../images/content3/pw_popup_bg.png") no-repeat; overflow: hidden;}
.pw_check_pop_wrap .pw_check_pop_con {width: 217px; margin: 0px auto;}
.pw_check_pop_wrap .pw_check_pop_con > div.pop_title {margin-top: 37px; padding-bottom: 10px;}
.pw_check_pop_wrap .pw_check_pop_con > div.pw_insert_con {padding: 21px 0px; margin-bottom: 19px; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea;}
.pw_check_pop_wrap .pw_check_pop_con > div.pw_insert_con input {width: 202px; padding-left: 13px; border: 1px solid #e1e1e1; height: 28px; line-height: 28px;}
.pw_check_pop_wrap .pw_check_pop_con > div.pop_btn_con {overflow: hidden;}
.pw_check_pop_wrap .pw_check_pop_con > div.pop_btn_con span {float: left;}
.pw_check_pop_wrap .pw_check_pop_con > div.pop_btn_con span:first-child {margin-right: 5px;}
.btn_con_center {text-align: center; margin-top: 25px; overflow: hidden; margin-bottom: 50px;}
.btn_con_center > span {display: inline-block;}
.btn_con_center > span:first-child {margin-right: 10px;}

/* 관련 사이트 */
.connect_list_con {margin-left: 90px; overflow: hidden; width: 764px; white-space: normal;}
.connect_list_con > li {margin-left: 60px; width: 352px; height: 407px; float: left;}
.connect_list_con > li.left {margin-left: 0px;}
.connect_list_con > li span {display: block;}
.connect_list_con > li .connect_title {color: #184e92; font-size: 20px; font-weight: bold; margin: 18px 0px 7px;}
.connect_list_con > li .connect_info {color: #636363; font-size: 14px; margin-bottom: 12px;}

/* 게임_시작화면 */
.contents_wrap {width: 764px; margin-left: 90px; overflow: hidden;}
.contents_wrap.sub32_wrap {width: 775px; margin-left: 79px; overflow: hidden;}
.rank_sns_wrap {background: url(../../images/content3/rank_sns_bg.png) no-repeat left top; overflow: hidden; width: 100%; height: 94px;}
.rank_sns_wrap > div {float: left; width: 382px; overflow: hidden;}
.rank_sns_wrap > div > div.rank_con {float: left; margin-left: 36px; margin-top: 34px; vertical-align: middle; color: #fff; font-size: 15px;}
.rank_sns_wrap > div > div.rank_view_btn {float: right; margin-top: 36px; margin-right: 22px; width: 85px; height: 25px; background: url("../../images/content3/rank_view_bg.png")}
.rank_sns_wrap > div > div.rank_view_btn > a {display: inline-block; font-size: 12px; color: #214b68; height: 100%; width: 76px; padding-left: 9px; line-height: 25px;}
.rank_sns_wrap > div > div.sns_con {font-size: 15px; color: #4598c5; margin-top: 32px; overflow: hidden; margin-left: 76px;}
.rank_sns_wrap > div > div.sns_con span {display: inline-block; float: left; margin-left: 5px;}
.rank_sns_wrap > div > div.sns_con span:first-child {margin-top: 5px;}
.help_wrap {width: 100%; height: 38px; background: url(../../images/content3/help_con_bg.png) no-repeat left top; margin: 10px 0px 30px; cursor: pointer; }
.help_wrap > span {display: inline-block; height: 38px; line-height: 38px; font-size: 14px; color: #666666;}
.help_wrap > span:first-child {margin: 0px 53px 0px 16px; padding-left: 26px; background: url(../../images/content3/question_icon.png) no-repeat left 10px; font-weight: bold; color: #363636;}
.level_box_wrap {width: 100%; overflow: hidden; margin-bottom: 50px;}
.level_box_wrap .level_box_con {width: 250px; height: 349px; float: left; margin-left: 5px;}
.level_box_wrap .level_box_con.type0 {background: url(../../images/content3/level_box_bg_type0.png) no-repeat left top; margin-left: 0px;}
.level_box_wrap .level_box_con.type1 {background: url(../../images/content3/level_box_bg_type1.png) no-repeat left top;}
.level_box_wrap .level_box_con.type2 {background: url(../../images/content3/level_box_bg_type2.png) no-repeat left top;}
.level_box_wrap .level_box_con .title {text-align: center; width: 100%; /*height: 56px; line-height: 56px; font-size: 20px;*/ color: #fff; margin: 18px 0px;}
.level_box_wrap .level_box_con .timer_message_con {padding: 43px 0px 40px; text-align: center;}
.level_box_wrap .level_box_con .timer_message_con > div.img_con {margin-bottom: 35px;}
.level_box_wrap .level_box_con .timer_message_con > div.message_con {font-size: 20px; font-weight: bold; color: #4a4a4a; text-align: center; }
.level_box_wrap .level_box_con .challenge_btn_con {text-align: center;}

.ranking_list { width: 508px; margin-left: 90px; margin-bottom: 52px; font-size: 14px; table-layout: auto;}
.ranking_list thead tr { height: 51px; }
.ranking_list thead th { background-image: url(../../images/content5/table_header_bg.png); background-position: -40px 0px; background-repeat: no-repeat; color: #fff; font-weight: bold; text-align: center; }
.ranking_list thead th.first { background-position: left; }
.ranking_list thead th.last { background-position: right; }
.ranking_list thead th span { border-right: 1px solid #fff; width: 100%; display: inline-block; line-height: 13px; }
.ranking_list thead th.last span { border-right: none; }
.ranking_list tbody tr { height: 52px; }
.ranking_list tbody td { background-image: url(../../images/content5/table_row_bg.png); background-position: -40px 0px; background-repeat: no-repeat; color: #636363; text-align: center; }
.ranking_list tbody tr.btn_row td.write_btn {text-align: center; padding-right: 11px; background-image: url("../../images/content5/btn_row_bg.png"); background-position: left;}
.ranking_list tbody td.first { background-position: left; color: #866db9; }
.ranking_list tbody td.title { font-weight: bold; text-align: center; padding-left: 15px;}
.ranking_list tbody td.title > a {display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.ranking_list tbody td.receiver { color: #4598c5; }
.ranking_list tbody td.last { background-position: right; }
.ranking_list tfoot tr { background: url(../../images/content5/table_bottom_bg1.png) no-repeat; width: 100%; height: 97px; }
.ranking_list tfoot td { text-align: center; }
/* 게임 - 일병단계 */
.contents_step {display: none;}
.contents_step.success { width: 764px; margin: auto; }
.contents_step.on {display: block;}
.question_wrap {position: relative; background: url(../../images/content3/question_wrap_bg.png) no-repeat center; width: 773px; height: 524px;}
.question_wrap .question_step {position: absolute; left: 46px; top: 34px; font-size: 20px; color: #ffffff; font-weight: bold; }
.question_wrap .question_con .question {position: absolute; top: 96px; left: 86px; width: 650px; word-break: break-all; white-space: normal; line-height: 35px; font-size: 25px; color: #343434;}
.question_wrap .question_con .question > span {font-size: 30px; color: #ffb310;}
.question_wrap .question_con .answer_con {width: 512px; height: 183px; position: absolute; top: 186px; left: 50%; margin-left: -256px;}
.question_wrap .question_con .answer_con > li {float: left; cursor: pointer; width: 200px; height: 49px; padding-top: 29px; text-align: center; font-size: 23px; font-weight: bold; color: #bec8ce; background: url(../images/content3/answer_con_off.png) no-repeat center; font-weight: normal; }

.question_wrap .question_con .answer_con > li a {color: #bec8ce;}

.question_wrap .question_con .answer_con > li {margin-left: 0px;}
.question_wrap .question_con .answer_con > li + li {margin-left: 110px;}
.question_wrap .question_con .answer_con > li + li + li {margin-left: 0px; margin-top: 26px;}
.question_wrap .question_con .answer_con > li + li + li + li {margin-left: 110px;}
.question_wrap .question_con .answer_con > li:hover {color: #4598c5; background: url(../../images/content3/answer_con_on.png) no-repeat center;}

.question_wrap .question_con .answer_con > li:hover a {color: #4598c5; text-decoration: none;}

.question_wrap .question_num {position: absolute; width: 84px; height: 26px; padding-top: 6px; bottom: 8px; left: 50%; margin-left: -42px; background: url(../../images/content3/question_num_img.png) no-repeat center; text-align: center; font-size: 15px; color: #4598c5;}
.question_wrap .question_num > span {font-size: 25px; font-weight: bold;}

.question_wrap .answer_con2 {}
.question_wrap .answer_con2 .answer_area {position: absolute; left: 66px; top: 186px; background: url(../../images/content3/answer_area.png) no-repeat center; width: 255px; height: 255px; text-align: center; display: table;}
.question_wrap .answer_con2 .answer_area.over { background: url(../images/content3/answer_area_over.png) no-repeat center; }
.question_wrap .answer_con2 .answer_area > span {display: table-cell; vertical-align: middle; font-size: 24px; color: #a1a1a1; line-height: 36px;}
.question_wrap .answer_con2 .answer_img {}
.question_wrap .answer_con2 .answer_img > li {cursor: pointer;}
.question_wrap .answer_con2 .answer_img > li.img0 {position: absolute; top: 171px; left: 390px;}
/* 게임_진급 */
.levelup_wrap {width: 100%; height: 521px; background: url(../../images/content3/level_up_bg.png) no-repeat left top; margin: 35px 0px 50px;position: relative;}
.levelup_wrap.extend {height: 677px; background: url(../../images/content3/level_up_bg2.png) no-repeat left top; }
.levelup_wrap .cong_message {color: #fff; text-align: center; overflow: hidden;}
.levelup_wrap .cong_message span {display: block; font-size: 45px; line-height: 1em;}
.levelup_wrap .cong_message_level {display: inline !important;}
.levelup_wrap .cong_message .cong_message_sub {font-size: 20px; margin: 25px 0px 15px;}
.levelup_wrap .next_level_message {
    margin: 50px 0px 26px;
    line-height: 1em;
    text-align: center;
    font-size: 23px;
    color: #343434;
    font-weight: bold;
}
.levelup_wrap .next_level_message > span {vertical-align: baseline; color: #4598c5; font-size: 29px; }
.levelup_wrap .levelup_img_con {
    position: relative;
    width: 100%;
    height: 178px;
    /* padding-bottom: 8px; */
    margin-top: 50px;
}
.levelup_wrap .levelup_img_con .past_level {position: absolute; left: 123px; top: 2px;}
.levelup_wrap .levelup_img_con .current_level {position: absolute; right: 151px; top: 2px;}
.levelup_wrap .levelup_img_con .levelup_arrow {position: absolute; left: 50%; top: 69px; margin-left: -14px;}
.levelup_wrap .levelup_img_con .soldier_con {position: absolute; right: 123px; bottom: 0;}
.levelup_wrap .sns_con {
    text-align: right;
    overflow: hidden;
    /* margin: 57px 18px 0px 0px; */
    font-size: 15px;
    color: #4598c5;
    position: absolute;
    width: 100%;
    bottom: 20px;
    left: 0;
    padding-right: 16px;
    box-sizing: border-box;
}

.levelup_wrap.extend .sns_con {
    bottom: 24px;
}

.levelup_wrap .btn_print_cert {
    position: absolute;
    width: 176px;
    height: 38px;
    left: 50%;
    margin-left: -88px;
    top: 547px;
}
.question_wrap .answer_con2 .answer_img > li.img1 {position: absolute; top: 171px; left: 570px;}
.question_wrap .answer_con2 .answer_img > li.img2 {position: absolute; top: 314px; left: 480px;}

.question_include_wrap {height: 521px;} /* ie scroll top 0 되는 문제 때문에 높이 잡아줌 */
.quiz_right, .quiz_wrong { position: absolute; top:0;left:0; z-index: 1000;width:100%;height:100%;}
.quiz_right { background: url(../../images/content3/quiz_right.png) 50% 50% no-repeat; }
.quiz_wrong { background: url(../../images/content3/quiz_wrong.png) 50% 50% no-repeat; }

.question_result {position: relative; background: url(../../images/content3/question_result_bg.png) no-repeat center; width: 764px; height: 521px;}
.question_result .question_result_tit {text-align: center; font-size: 20px; color: #ffffff; }
.question_result .question_result_tit > span {font-size: 44px; color: #ffffff; font-weight: bold;}
.question_result .question_result_txt {font-size: 22px; color: #343434; font-weight: bold; }
.question_result .question_result_txt > span {font-size: 28px; color: #4598c5; }
.question_result .question_rank_left {position: absolute; left: 178px;}

.result_wrap_levelup .result_point_wrap { font-size: 45px; text-align: center;    margin-top: 100px;}

.result_point_wrap .result_point { color: #4598c5; }

.question_result_wrap.result_wrap_point { font-size: 45px; text-align: center;margin-top: 140px;height: 170px;}
.question_result_wrap.result_wrap_point .result_btn_wrap {text-align: center;margin-top: 82px;}

/* game popup */
.pop_wrap {display: none;}
._edit .pop_wrap {display: block ;}
.pop_wrap.on {display: block;}
.pop_con {position: fixed;}
.pop_con.alert {position: fixed; left: 50%; top: 50%; margin-top: -113px; margin-left: -263px; width: 526px; height: 226px; z-index: 1000;}
.pop_con.ex {position: fixed; left: 50%; top: 50%; margin-top: -314px; margin-left: -205px; width: 410px; height: 628px; z-index: 1000;}
.pop_con.ex .pop_close {position: absolute; top: -14px; right: 12px; cursor: pointer; z-index: 1000;}
.pop_con.video {position: fixed; left: 50%; top: 50%; margin-left: -250px; margin-top: -360px; width: 500px; height: 720px; z-index: 1000;}
.pop_con.video .pop_close {position: absolute; top: -25px; right: 0px; cursor: pointer; z-index: 1000;}
.pop_con .pop_contents {position: relative;}
.pop_con .pop_contents .pop_close {position: absolute; top: 25px; right: 25px; cursor: pointer;}
.pop_con .pop_contents.bg0 {width: 514px; height: 218px; background: url(../../images/content3/game_pop_bg0.png) no-repeat center;}
.pop_con .pop_contents.bg1 {width: 409px; height: 609px; background: url(../../images/content3/game_pop_bg1.png) no-repeat center;}
.pop_con .pop_contents .alert_con {display: table; width: 526px; height: 226px; text-align: center;}
.pop_con .pop_contents .alert_con > div {display: table-cell; vertical-align: middle; text-align: center;}
.pop_con .pop_contents .alert_con > div > p {font-size: 23px; color: #4a4a4a; }
.pop_con .pop_contents .alert_con > div > p > span {font-weight: bold;}
.pop_con .pop_contents .alert_con > div > h3 {font-size: 33px; color: #4598c5; line-height: 40px; text-align: center; margin-bottom: 20px;}
.pop_con .pop_contents .alert_con .alert_list {margin-left: 92px;}
.pop_con .pop_contents .alert_con .alert_list > li {background: url(../../images/content3/alert_list_dot.png) no-repeat left center; padding-left: 11px; margin-top: 20px; font-size: 18px; color: #4a4a4a; text-align:left; }
.pop_con .pop_contents .alert_con .alert_list > li:first-child {margin-top: 0px;}
.pop_con .pop_contents .alert_con .alert_list > li > span.font_blue {color: #4598c5; font-size: 20px; font-weight: bold;}
.pop_con .pop_contents .alert_con .alert_list > li > span.font_black {font-weight: bold;}
.pop_con .pop_contents.video_popup {width: 500px; height: 720px; background: url(../../images/content2/video_pop_bg.png) no-repeat center;}
.pop_con .pop_contents.video_popup .pop_title {text-align: center; height: 120px; overflow: hidden;}
.pop_con .pop_contents.video_popup .pop_title > p {font-size: 24px; color: #ffffff; line-height: 30px; margin-top: 33px;}
.pop_con .pop_contents.video_popup .pop_title > p > span {color: #ffe9ad;}
.pop_con .pop_contents.video_popup > .pop_contents {overflow-y: auto; height: 584px; margin-right: 3px;}
.pop_con .pop_contents.video_popup ul.pop_list_con {width: 437px; margin: 35px auto 35px; overflow: hidden;}
.pop_con .pop_contents.video_popup ul.pop_list_con > li {width: 100%; margin-top: 20px; overflow: hidden;}
.pop_con .pop_contents.video_popup ul.pop_list_con > li.one {background: url(../../images/content2/video_pop_bg1.png) no-repeat center; height: 190px;}
.pop_con .pop_contents.video_popup ul.pop_list_con > li.two {background: url(../../images/content2/video_pop_bg2.png) no-repeat center; height: 151px;}
.pop_con .pop_contents.video_popup ul.pop_list_con > li.three {background: url(../../images/content2/video_pop_bg3.png) no-repeat center; height: 337px;}
.pop_con .pop_contents.video_popup ul.pop_list_con > li.four {background: url(../../images/content2/video_pop_bg4.png) no-repeat center; height: 111px;}
.pop_con .pop_contents.video_popup ul.pop_list_con > li > div {float: left;}
.pop_con .pop_contents.video_popup ul.pop_list_con > li > div.left_con {width: 102px; text-align: center; margin-top: 27px;}
.pop_con .pop_contents.video_popup ul.pop_list_con > li > div.right_con {width: 335px; text-align: center; margin-top: 30px; text-align: left;}
.pop_con .pop_contents.video_popup ul.pop_list_con > li > div.right_con .subject {font-size: 18px; color: #188cba; line-height: 1.3em;}
.pop_con .pop_contents.video_popup ul.pop_list_con > li > div.right_con .info {font-size: 12px; font-weight: bold; color: #666666; line-height: 20px;}
.pop_con .pop_contents.video_popup ul.pop_list_con > li > div.right_con .btn_con {margin: 9px 0px 11px;}
.pop_con .pop_contents.video_popup ul.pop_list_con > li.three > div.right_con .subject {margin-bottom: 15px;}

.pop_con .pop_contents .pop_rank_con {padding: 110px 0 0 30px;}
.pop_con .pop_contents .pop_rank_con > li {overflow: hidden; margin-top: 20px;}
.pop_con .pop_contents .pop_rank_con > li:first-child {margin-top: 0px;}
.pop_con .pop_contents .pop_rank_con > li .rank_img {display: inline-block; width: 64px; margin-right: 15px;}
.pop_con .pop_contents .pop_rank_con > li .rank_txt {display: inline-block; vertical-align: middle; background: url(../../images/content3/pop_rank_dot.png) no-repeat left 11px; padding-left: 8px; }
.pop_con .pop_contents .pop_rank_con > li .rank_txt > h3 {font-size: 18px; color: #4598c5; }
.pop_con .pop_contents .pop_rank_con > li .rank_txt > p{font-size: 15px; color: #4a4a4a; margin-top: 6px;}

/* 나의 공부노트 */
.study_note_tb {width: 100%; background: url(../../images/content3/study_note_bg.png) no-repeat left top; font-size: 14px; font-weight: bold; margin: 35px 0px 50px;}
.study_note_tb th {color: #fff; text-align: center; padding: 17px 0px 15px; line-height: 1.5em;}
.study_note_tb td {color: #636363; text-align: center;}
.study_note_tb th.padtop15 {padding-top: 15px;}

/*rss 버튼*/
.rss { padding-left: 0 !important;}

.tab_year {
font-size:14px;
}

/*게시판 틀어짐으로 인한 css 추가_190306*/
.contents_con .board, .contents_con .aaa{margin-left:0px;}
.alert { margin-top: 20px; background: #4598c5; border-radius: 10px; padding: 5px; margin-bottom: 15px; }
	
.m_army { display: none; }
@media screen and (max-width:1024px) {
	.p_army { display: none; }
	.m_army { display: block; margin:0 auto; }
	.level { display: none; }

	.wrap_contents img { max-width:100%; }
	
	.wrap_contents .article { width: auto; padding: 30px 15px; margin: 25px 10px; background: #fff; border-radius: 20px 20px 0 0; letter-spacing: -1px; line-height: 27px; font-size: 15px; display: block; float: none; }
	.wrap_contents .article .article_top { height: auto; padding:0; }	
	.wrap_contents .article .article_top p { font-size: 15px; }	
	.wrap_contents .article .article_top h2 { font-size: 37px; margin-bottom: 10px; }

	.wrap_contents .article .article_body { padding-top: 30px; background-position:0px 13px; }
	.wrap_contents .article .article_body p { margin:0 !important; margin-top:20px; text-align:justify; }
	.wrap_contents .article .article_body p.lt { float:none; width:auto; }
	.wrap_contents .article .article_body p.rt { float:none; width:auto; }
	.wrap_contents .article .article_body p br { display: none; }
	.wrap_contents .article .article_body p.article_title_image { margin: 0px; margin-top: 10px; }	
	.wrap_contents .article .article_body .article_video_item .title { font-size: 18px; margin: 20px 0 !important; }
	.wrap_contents .article .article_body img.char { float: none; display: block; margin-top: 15px; }		
	.wrap_contents .article .article_body .text_img_con { display: block; text-align: center; }
	.wrap_contents .article .article_body .text_img_con img { width: 100%; }


	.wrap_contents .article .article_bottom { background-image: none; border-radius: 0 0 20px 20px; text-align: center; padding:20px 0; height: auto; }
	.eq1 .wrap_contents .article .article_bottom { background: #f7f3e8; }
	.eq2 .wrap_contents .article .article_bottom { background: #EFF4EA; }
	.eq3 .wrap_contents .article .article_bottom { background: #EAF3F4; }
	.eq4 .wrap_contents .article .article_bottom { background: #866db9; }
	.wrap_contents .article .article_bottom span.msg { display: block; }
	
	.eq1 .wrap_contents .article_bottom .msg
	, .eq2 .wrap_contents .article_bottom .msg
	, .eq3 .wrap_contents .article_bottom .msg
	, .eq4 .wrap_contents .article_bottom .msg
	, .eq5 .wrap_contents .article_bottom .msg { background-position: 3% 5px; }

	footer .container_1 ul { margin-left:0; }
	footer address { margin-left:0; }
	footer .copyright { margin-left:0; }
}

@media screen and (max-width:1174px) {
	.contents_wrap { width:80%; margin-left:0; margin:0 auto; }
	section.alert { display:block !important; margin-top: 20px; background: #4598c5; border-radius: 10px; padding: 5px; margin-bottom: 15px; }	
	.alert .ment { width: 100%; background: #fff url(../../images/common/iconAlert.gif) center 45px no-repeat; }
	.alert h2 { height: 60px; line-height: 60px; font-size: 25px; font-weight: 400; text-align: center; color: #fff !important; }
	.alert .ment p { display: block; padding: 180px 0 40px 0; text-align: center !important; border-radius: 0 0 10px 10px; margin-top: 0px !important; }


	.rank_sns_wrap { display:none; }
	.help_wrap { display:none; }
	.level_box_wrap { display:none; }	
}