/*@import url(https://fonts.googleapis.com/css?family=Passion+One);
@import url(//cdn.jsdelivr.net/nanumsquare/1.0/nanumsquare.css);*/
.detailwrap{padding:0; width:776px;}

.sub_study{background:url(http://www.korea-education.co.kr/images/bg_player.jpg); width:100%; min-height:700px; float:left; padding-bottom:30px; margin-top:20px;}
.study_title{background:#0059EA/*url(http://www.korea-education.co.kr/images/bg_title.jpg)*/; display:block; text-align:center; padding:40px 0 20px; color:white; font:bold 21px/1.3em "nanum gothic"; float:left; width:100%;}
.sub_study h3{color:#FDC268; font:800 20px/1.3em "nanum gothic"; padding:20px 30px 0; text-align:left; float:left;}
.blue_path{background:#1D81D6; float:left; margin-top:7px; margin-left:30px; clear:both; color:white; font:bold 15px/1.3em "nanum gothic"; padding:10px 15px; width:87.9%; text-align:left; border-top:1px solid #51BEFF; border-bottom:1px solid #161e29;}
.gray_path{background:#3D5368; float:left; margin-top:7px; margin-left:30px; clear:both; color:white; font:bold 15px/1.3em "nanum gothic"; padding:10px 15px; width:87.9%; text-align:left; border-top:1px solid #557fa6; border-bottom:1px solid #161e29;}
.gold_path{background:#8C815B; float:left; margin-top:7px; margin-left:30px; clear:both; color:white; font:bold 15px/1.3em "nanum gothic"; padding:10px 15px; width:87.9%; text-align:left; border-top:1px solid #CEBF8D; border-bottom:1px solid #524410;}
.license_guid{background:url(http://www.korea-education.co.kr/kimg/img/license_guid.jpg) white no-repeat center center; width:91.8%; height:267px; float:left; margin-left:30px; margin-top:2px;}

.sub_study table{border-spacing:0; border-collapse:collapse; border:0; margin-top:2px; float:left; margin-left:30px; clear:both; width:91.8%;}
.sub_study td{padding:10px 15px; text-align:left; vertical-align:top; line-height:16px;}
.sub_study b{font:bold 15px/1.3em "nanum gothic";}
.sub_study p{padding:10px 0 0; color:#777; line-height:17px;}
.sub_study a{font:bold 15px/1em dotum; color:#FF0066;}
.sub_study li{line-height:22px;}

.study_btn{float:right; padding:10px 30px 0;}
.study_btn .b01, .study_btn .b02, .study_btn .b03{display:inline-block; padding:8px 12px; font:bold 13px 'nanum gothic'; border-radius:3px; box-shadow:1px 1px 2px black; text-decoration:none;}
.b01{
	text-shadow:1px 1px 1px #902700;
	color:#fff !important;
	border: 1px solid #FF5B2D;
	background: -moz-linear-gradient(top,  #F6A338 0%, #F98722 50%, #F98521 51%, #F55705 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F55705), color-stop(50%,#186ec3), color-stop(51%,#115495), color-stop(100%,#ff8400));
	background: -webkit-linear-gradient(top,  #F6A338 0%,#F98722 50%,#F98521 51%,#F55705 100%);
	background: -o-linear-gradient(top,  #F6A338 0%,#F98722 50%,#F98521 51%,#F55705 100%);
	background: -ms-linear-gradient(top,  #F6A338 0%,#F98722 50%,#F98521 51%,#F55705 100%);
	background: linear-gradient(to bottom, #F6A338 0%,#F98722 50%,#F98521 51%,#F55705 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8400', endColorstr='#ff8400',GradientType=0 );
	}
.b02{
	text-shadow:1px 1px 1px #fff;
	color:#333 !important;
	border:1px solid #fff;
	background: -moz-linear-gradient(top,  #f2f6f8 0%, #d8e1e7 50%, #b5c6d0 51%, #e0eff9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f6f8), color-stop(50%,#d8e1e7), color-stop(51%,#b5c6d0), color-stop(100%,#e0eff9));
	background: -webkit-linear-gradient(top,  #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%);
	background: -o-linear-gradient(top,  #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%);
	background: -ms-linear-gradient(top,  #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%);
	background: linear-gradient(to bottom,  #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 );
	}

/* 서브페이지 */
.snb{width:100%;}
.snbwrap{width:1000px; margin:0 auto; overflow:hidden; padding:20px 0;}
.sub_tit{display:inline-block; float:left; font:bold 24px/1.3em nanum gothic; color:#333; letter-spacing:-1px;}
.nvg{display:inline-block; padding-top:13px; float:right; font:12px/1.3em dotum;}

/* 서브 메뉴*/

.leftdsn{width:100%; background:#f5f5f5; padding:30px 0; border-bottom:2px solid #213764;}

#leftsubmenu{position:relative; width:1100px; margin:0 auto; overflow:hidden; /*background:#f5f5f5;*/}
.slbtn{position:absolute; left:0; top:68px; z-index:10; padding:10px 15px; font:20px/1em 'Passion One'; color:#333; background:white; border:1px solid #ddd; border-radius:3px;}
.slbtn:hover{background:#194CA9; color:white;}
.srbtn{position:absolute; right:0; top:62px; z-index:10; padding:10px 15px; font:20px/1em 'Passion One'; color:#333; background:white;  border:1px solid #ddd; border-radius:3px;}
.srbtn:hover{background:#194CA9; color:white;}
#LeftMenu02{margin:0 auto;}
#LeftMenu02 li{float:left; margin:1px 5px 10px 0;}
#LeftMenu02 a{width:159px; padding:15px 0; border:1px solid #ddd; border-radius:5px; display:inline-block; text-decoration:none; height:17px; text-align:center;}
#LeftMenu02 a:hover{background:#194CA9; color:white;}

.leftWrap{width:100%; padding-top:60px; background:#f5f5f5; border-bottom:2px solid #213764; margin-bottom:20px;}
#LeftMenu03{margin:0 auto;}
#LeftMenu03 li{float:left;margin-bottom: -1px; margin-right:1px; border:1px solid #e5e5e5;}
#LeftMenu03 img{vertical-align:middle;}
#LeftMenu03 i{font-size:20px; vertical-align:middle;}
#LeftMenu03 a{width:122px; padding:15px 0; display:inline-block; text-decoration:none; height:17px; background:white; font-size:13px; text-align:center;}
#LeftMenu03 b{ color:#222;}
#LeftMenu03 a:hover{background:#213764; color:white;}
#LeftMenu03 a:hover b{color:white;}

#wrapper{position:relative; width:100%; }
.brand{position:absolute; width:172px; left:0; top:0; background:#fff; height:100%; z-index:500; display:block; text-align:left; box-shadow:5px 0 3px 0 rgba(0,0,0,0.1);}

.brand ul{}
.brand li{list-style:none; margin:0; border-bottom:1px solid #6482E2;}
.brand li a{font:14px/1.2em "malgun gothic"; display:block; padding:20px; color:#fff; background:url("/Mingan/Images/kte_img/lnb_arrow_down_dk.png") #194ca9 no-repeat; background-position:122px 25px;}
.brand li a:hover{color:#fff; background:url("/Mingan/Images/kte_img/lnb_arrow_up_wh.png") #212d73 no-repeat; background-position:122px 25px;}

.brand02{position:absolute; width:142px; left:0; top:0; background:#fff; height:100%; z-index:500; display:block; text-align:left; box-shadow:5px 0 3px 0 rgba(0,0,0,0.1);}
.brand02 ul{}
.brand02 li{list-style:none; margin:0; border-bottom:1px solid #3e5b96;}
.brand02 li a{font:14px/1.2em "malgun gothic"; display:block; padding:20px; color:#fff; background:url("/Mingan/Images/kte_img/lnb_arrow_down_dk.png") #213764 no-repeat; background-position:122px 25px;}
.brand02 li a:hover{color:#fff; background:url("/Mingan/Images/kte_img/lnb_arrow_up_wh.png") #365490 no-repeat; background-position:122px 25px;}


.quickMenu{position:fixed; bottom:5%; width:50px; z-index:99999}
.quickMenu h3{background:#0085f5; font:14px/1.2em "malgun gothic";}
.quickMenu h3 a{color:white;}
.quickMenu ul{padding:0 10px;}
.quickMenu li{border-bottom:1px dashed #ddd;}
.quickMenu li:last-child{border-bottom:0;}
.quickMenu span{background:#213764; display:block;}
.quickMenu span a{color:white;}


@media (max-width:360px){.quickMenu{right:0;}}
@media (min-width:361px) and (max-width:399px){.quickMenu{right:0;}}
@media (min-width:400px) and (max-width:439px){.quickMenu{right:0;}}
@media (min-width:440px) and (max-width:479px){.quickMenu{right:0;}}
@media (min-width:480px) and (max-width:519px){.quickMenu{right:0;}}
@media (min-width:520px) and (max-width:559px){.quickMenu{right:0;}}
@media (min-width:560px) and (max-width:599px){.quickMenu{right:0;}}
@media (min-width:600px) and (max-width:639px){.quickMenu{right:0;}}
@media (min-width:640px) and (max-width:679px){.quickMenu{right:0;}}
@media (min-width:680px) and (max-width:719px){.quickMenu{right:0;}}
@media (min-width:720px) and (max-width:759px){.quickMenu{right:0;}}
@media (min-width:760px) and (max-width:799px){.quickMenu{right:0;}}
@media (min-width:800px) and (max-width:839px){.quickMenu{right:0;}}
@media (min-width:840px) and (max-width:879px){.quickMenu{right:0;}}
@media (min-width:880px){.quickMenu{right:0;}}
@media (min-width:1920px){.quickMenu{right:15%;}}

.eduview{margin:0; padding:0; width:960px; margin:0 auto; overflow:hidden; padding:30px 0;}
.eduview li{float:left; font:bold 22px/1.5em 'NanumSquare', sans-serif; color:#333; width:50%; padding:10px 0; text-align:left;}
.eduview li b{display:inline-block;background:#0085f5;border-radius:30px;padding: 5px 15px;color:white; margin-right:10px;}

#fvpp-blackout {
  display: none;
  z-index: 499;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0.5;
}

#my-welcome-message {
  display: none;
  z-index: 500;
  position: fixed;
  width:1050px;
  left: 22%;
  top: 25%;
  padding:0;
  font-family: Calibri, Arial, sans-serif;
  background:black;
}

#fvpp-close {
  position: absolute;
  top: 10px;
  right: 20px;
  cursor: pointer;
  color:white;
}

#my-welcome-message img{width:100%; margin:0; padding:0; line-height:0;}

.pop_ment{display:block; background:black; color:white; font-size:18px; padding:10px; text-align:center;}




/* sub_visual */
#sub_visual{position:relative; z-index:97;}
#sub_visual.type1{background:url(/assets/front/img/bg_sub_visual_01.jpg) no-repeat 50% 50%; background-size:cover;}
#sub_visual_inner{width:100%; max-width:1100px; margin:0 auto; padding:30px 0 40px 0; position:relative;}
#sub_visual_inner h3{font-size:24px; font-weight:700; color:#fff; margin: 0;letter-spacing: -1px; height: 55px; line-height: 55px; text-align: left;font-family: 'Noto Sans KR';}
#sub_visual_inner p{padding-top:2px; font-size:16px; font-weight:350; color:#fff; word-break:keep-all;}
#sub_visual_inner div.function{position:absolute; bottom:45px; right:0;}
#sub_visual_inner div.function > div{float:left; position:relative;}
#sub_visual_inner div.function > div:first-child:after{content:""; width:1px; height:14px; position:absolute; top:21px; right:0; background-color:#b8b8b8;}
#sub_visual_inner div.function > div button{display:inline-block; width:55px; height:55px;}
#sub_visual_inner div.function > div button span{display:block; width:30px; height:30px; margin:0 auto; text-indent:-9999px; background-image:url(/images/np/bg_subject_box_icon.png); background-repeat:no-repeat;}
#sub_visual_inner div.function > div button#share_open span{background-position:0 0;}
#sub_visual_inner div.function > div button#share_open.active{border-radius:50%; background-color:rgba(12,88,150,0.5);}
#sub_visual_inner div.function > div button#page_print span{background-position:-30px 0;}



/* snb */
#snb_wrap{background-color:#0d264c; /*border-bottom:1px solid #000;*/ position:relative; z-index:96;}
#snb{width:100%; height:45px; max-width:1200px; margin:0 auto;}
#snb > ul{height:45px; float:left; /*border-left:1px solid #253f67; border-right:1px solid #253f67;*/}
#snb > ul > li{float:left; position:relative;}
#snb > ul > li > a{display:block; width:140px; height:45px; line-height:45px; font-size:16px; color:#fff; /*border-left:1px solid #253f67;*/ position:relative; text-align: center; font-family: 'Noto Sans KR';}
#snb > ul > li.active > a{color:#d7ebff; font-weight:500;}
#snb > ul > li:last-child > a:before{background:url(/assets/front/img/snb_ico.png) no-repeat -44px 0;}
#snb > ul > li > a:before{
    /*content:"";*/
    display:block;
    width:22px;
    height:22px;
    position:absolute;
    top:50%;
    right:20px;
    margin-top:-11px;
    background:url(/assets/front/img/snb_ico.png) no-repeat -22px 0;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    -ms-transition:all 0.3s;
    transition:all 0.3s;
}
#snb > ul > li:first-child > a{width:65px; border-left:none; position:relative; background-color:#03509f;}
#snb > ul > li:first-child > a:before{display:none;}
#snb > ul > li:first-child > a span{display:block; width:22px; height:20px; margin:-11px 0 0 -11px; text-indent:-9999px; position:absolute; top:50%; left:50%; background:url(/assets/front/img/snb_ico.png) no-repeat 0 0;}
#snb > ul > li > ul{
    visibility:hidden;
    max-height:0;
    width:100%;
    background-color:#fff;
    border:1px solid #bbb;
    border-top:0;
    overflow:hidden;
    position:absolute;
    top:46px;
    left:0;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    -ms-transition:all 0.3s;
    transition:all 0.3s;
}
#snb > ul > li.active > a:before{
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg);
}
#snb > ul > li.active > ul{visibility:visible; max-height:650px;}
#snb > ul > li > ul li a{
    display:block;
    font-size:15px;
    padding:15px 20px;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    -ms-transition:all 0.3s;
    transition:all 0.3s;
	text-align: left;
}
#snb > ul > li > ul li a:hover, #snb > ul > li > ul li a:focus{background-color:#f3f3f3; color:#0d7cbe;}



.title_cl{ font-size:30px; color:#00a2ff;}
.title_cl01{font-size:20px; color:#00a2ff; margin-bottom:10px;}
.title_clsub{clear:both; color:#8C8C8C; font-size:15px; margin-top:7px; margin-bottom:10px;}

.ment_study{padding:10px 0; float:right; color:#f00; font:bold 12px/1.5em dotum; margin:5px 0 30px;}