@charset "utf-8";
/* nanum-gothic-regular - latin_korean */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/nanum-gothic-v9-latin_korean-regular.eot'); /* IE9 Compat Modes */
  src: local('NanumGothic'),
       url('../fonts/nanum-gothic-v9-latin_korean-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/nanum-gothic-v9-latin_korean-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/nanum-gothic-v9-latin_korean-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/nanum-gothic-v9-latin_korean-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/nanum-gothic-v9-latin_korean-regular.svg#NanumGothic') format('svg'); /* Legacy iOS */
}
/* nanum-gothic-700 - latin_korean */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/nanum-gothic-v9-latin_korean-700.eot'); /* IE9 Compat Modes */
  src: local('NanumGothic Bold'), local('NanumGothic-Bold'),
       url('../fonts/nanum-gothic-v9-latin_korean-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/nanum-gothic-v9-latin_korean-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/nanum-gothic-v9-latin_korean-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/nanum-gothic-v9-latin_korean-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/nanum-gothic-v9-latin_korean-700.svg#NanumGothic') format('svg'); /* Legacy iOS */
}
/* nanum-gothic-800 - latin_korean */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/nanum-gothic-v9-latin_korean-800.eot'); /* IE9 Compat Modes */
  src: local('NanumGothic ExtraBold'), local('NanumGothic-ExtraBold'),
       url('../fonts/nanum-gothic-v9-latin_korean-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/nanum-gothic-v9-latin_korean-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/nanum-gothic-v9-latin_korean-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/nanum-gothic-v9-latin_korean-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/nanum-gothic-v9-latin_korean-800.svg#NanumGothic') format('svg'); /* Legacy iOS */
}
*{margin:0;padding:0;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark {
font-family : 'Nanum Gothic', "나눔고딕", "돋움", Dotum, Verdana, Arial, helvetica, clean, sans-serif;
border : 0;
outline : 0;
background : transparent;
font-size : 100%;
}

caption, tbody, tfoot, thead {
outline : 0;
background : transparent;
font-size : 100%;
}
caption{display:none;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
display : block;
}

nav, ul {list-style:none;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after, q:before,q:after {content:'';content:none;}
body {font-family : 'Nanum Gothic', "나눔고딕", "돋움", Dotum, Verdana, Arial, helvetica, clean, sans-serif; color:#000;line-height:150%; font-size:14px;letter-spacing:-0.02em;}

header{position:relative;width:100%;height:50px;}
section{position:relative;width:100%;padding-top: 210px; box-sizing: border-box;}
footer{position:relative;width:100%;height: 341px;;}

#intro_con1{position:Relative;width:100%;height:213px;}
#intro_con2{position:Relative;width:100%;height:179px;}

/*#intro_con3{position:Relative;width:100%;height:113px;}*/

#wrap{
    width:1120px;height:720px;
    position: relative;
    background-image: url("../images/intro/intro_bg.png");
}

/* 모달팝업 */
.modal {display: none;position: fixed;z-index: 1;padding-top: 70px;left: 0; top: 0;width: 1120px;box-sizing:border-box; height: 720px; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); z-index:9999}
.modal_m {display: none;position: fixed;z-index: 1;padding-top: 70px;left: 0; top: 0;width: 1120px;box-sizing:border-box; height: 720px; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); z-index:9999}
.modal-content-intro {background-repeat:no-repeat;position:relative;margin: auto;width: 414px;height:578px;background-image:url('../images/intro/prof_info.png') ;box-sizing:border-box;}
.modal-content-intro_1 {background-repeat:no-repeat;position:relative;margin: auto;width:1085px;height:578px;background-image:url('../images/monitor/monibg.png') ;box-sizing:border-box;}
.modal-content-intro_2 {background-repeat:no-repeat;position:relative;margin: auto;width:903px;max-width:903px;height:518px;background-image:url('../images/booklist/booklistbg.png') ;box-sizing:border-box;}
.close {color: #aaaaaa;float: right;display:inline-block;font-weight: bold;position:relative;z-index:99;right:9px;top:9px;width:28px;height:27px;background-image:url('../images/intro/close_btn.png');background-repeat:no-repeat}
.close:hover, .close:focus {color: #000;text-decoration: none; cursor: pointer;z-index:99}
#close3 {color: #aaaaaa;float: right;display:inline-block;font-weight: bold;position:relative;z-index:99;right:32px;top:32px;width:28px;height:27px;background-image:url('../images/intro/close_btn.png');background-repeat:no-repeat}
#close3:hover, #close3:focus {color: #000;text-decoration: none; cursor: pointer;z-index:99}
.close_m {;float: right;display:inline-block;font-weight: bold;position:relative;z-index:99;right:9px;top:9px;width:28px;height:27px;background-image:url('../images/intro/close_btn.png');background-repeat:no-repeat}
.close_m:hover, .close_m:focus {color: #000;text-decoration: none; cursor: pointer;z-index:99}
#moduel_map{position:relative;width:100%;height:100%;display:inline-block;float:left}
/* 모달팝업 */

#wrap2, #wrap3, #wrap4{position:relative;width:100%;height:100%;}
#wrap2 h1 {display:none}

/* popup header */
#titles{position:relative;width:100%;height:42px;}
#titles h2 {float:left;margin-left:10px}
#titles h2 img{vertical-align:middle;}
.close_btn {float:right;margin-right:10px ;margin-top:10px;}
/* popup header */

/* 교수정보 팝업 */
article#professor_list{position:relative;}
article#professor_list:after{clear:both;content:'';display:block;}
article#professor_list .professor_info_list{margin-left:37px;}
article#professor_list div.prof_box{position:absolute;top:390px;left:20px;}
article#professor_list div.prof_box table{border:none;}
article#professor_list div.prof_box table tr td.pd{height:12px;}
article#professor_list div.prof_box table tr td span.p_1{display:block;color:#fff;font-size:17px;width:105px;padding:3px 0;text-align:center;background-color:#9b43ab;border-radius:15px;font-weight:600;}
article#professor_list div.prof_box table tr td span.p_2{display:block;color:#fff;font-size:17px;width:105px;padding:3px 0;text-align:center;background-color:#c477d2;border-radius:15px;font-weight:600;}
article#professor_list div.prof_box table tr td.p_txt{font-size:20px;font-weight:600;color:#222;padding-left:10px;}
/* 교수정보 팝업 */

/* 화면정보 팝업 */
article#monitor{position:relative;}
article#monitor:after{clear:both;content:'';display:block;}
article#monitor .monitor_info_list{width:157px;height:106px;float:left;padding:0;margin-left:18px;margin-top:52px;}
article#monitor ul {float:left;width:100%;font-size:20px;}
article#monitor ul li{float:left;width:100%;background-image:url('../images/intro/professor_dot.png');background-repeat:no-repeat;background-position:left 5px;text-indent:25px;line-height:23px;padding-bottom:10px;font-size:18px;font-weight:800;}
article#monitor ul li a{color:#000}

div.mo_txtbox{position:relative;}
div.mo_txtbox p{font-size:20px;font-weight:600;color:#3b2828;letter-spacing:-2px;}
div.mo_txtbox p span{line-height:28px;}
div.mo_txtbox p.mo_t1{position:absolute;top:48px;right:157px;}
div.mo_txtbox p.mo_t2{position:absolute;top:94px;right:87px;}
div.mo_txtbox p.mo_t3{position:absolute;top:167px;right:71px;}
div.mo_txtbox p.mo_t4{position:absolute;top:238px;right:45px;}
div.mo_txtbox p.mo_t5{position:absolute;top:289px;right:50px;}
div.mo_txtbox p.mo_t6{position:absolute;top:340px;right:33px;}
div.mo_txtbox p.mo_t7{position:absolute;top:386px;right:35px;}

#modal_con_in_1 img.mo_tit_img{width:96px;height:45px;margin-left:34px;}

/* 화면정보 팝업 */

/* 학습주제 팝업 */
article#certific_list{position:relative;}
article#certific_list:after{clear:both;content:'';display:block;}
article#certific_list .book_info_list{height:84px;float:left;padding:0;margin-left:62px;box-sizing:border-box;margin-top:60px;text-align:center;}
article#certific_list ul {float:left;width:100%;font-size:20px;}
article#certific_list ul li{float:left;width:100%;background-image:url('../images/intro/professor_dot.png');background-repeat:no-repeat;background-position:left 5px;text-indent:25px;line-height:23px;padding-bottom:10px;font-size:18px;font-weight:bold;}
article#certific_list ul li a{color:#000}

article#certific_list .prof_box{float:left;box-sizing:border-box;width:350px;margin-top:80px;margin-left:46px;}
article#certific_list p{}

/* 학습주제 팝업 */

#certific_box{
    position: absolute;
    top:51%; left:50%; transform: translate(-50%,-50%);
    width:646px; height:578px;
    background-image: url('../images/map/LearningMapbg.png');
    background-position: center;
    background-repeat: no-repeat;
    z-index: 10;
    display:none;
	padding:0;
}

#black_bg{
    position: absolute;
    top:0; left:0;
    width: 1120px; height: 720px;
    background-color: rgba(0,0,0,0.4);
    display:none;
}
.close_btn{
   position:absolute; top:8px; right:8px;
    background-image: url('../images/intro/close_btn.png');
    width: 28px; height: 27px;
    z-index: 10000;
    cursor: pointer;
	float:right;
	margin:0;
}


.certific_info{
    width: 700px; height: 500px;
    background-color: bisque;
}
.box_location{
    position: absolute;top: 50%;
    left: 50%; transform: translate(-50%,-50%);
    display: block; background-color: antiquewhite;
}
#button{
    position: absolute; top:0; right:0;
    cursor: pointer; display: none;
    z-index: 250000;
}
#sound_btn{position:absolute;top:15px;left:15px;cursor:pointer;}
#sound_btn:hover{transform: scale(1.03);}


#monitor_info{position:absolute;top:20px;right:349px;cursor:pointer;height:36px;}
#monitor_info:hover{transform: scale(1.03);}



#certific_info{position:absolute;top:20px;right:193px;cursor:pointer;height:36px;}
#certific_info:hover{transform: scale(1.03);}



#profession_info{position:absolute;top:20px;right:20px;cursor:pointer;height:36px;}
#profession_info:hover{transform: scale(1.03);}

/*#book_list_info{position:absolute;top:46px;right:8px;cursor:pointer;height:36px;}*/

/*타이틀*/
.bigTitle{
    color: #222;
    font-weight: 600; font-size: 32px; line-height: normal;
	letter-spacing:-1px;
	text-align:center;
	line-height:71px;
}

.bigTitle span{line-height: 52px;color:#fff;display:inline-block;width:52px;height:52px;background-color:#fe773b;border-radius:50px;vertical-align:middle;}

.Small_Title{
    font-size: 28px;
    font-weight: 600;
    line-height: normal;text-align: center;
    color: #222;
	letter-spacing:-1px;
	background-color:#ffe3d6;
	border-radius:30px;
	padding:8px; width: 280px;
    margin: 0 auto;
}

.Small_Title span{font-size:16px; vertical-align:middle;}

.start_btn{
    position: absolute;
    width: 170px; height:128px;
    right:20px; bottom:20px;
    text-indent: -9999px;
    transform: scale(1);
    animation: start 0.5s infinite;
    animation-direction: alternate;
}

@keyframes start {
  0% {transform: scale(1);}
  100% {transform: scale(1.03);}
}

section h2.no_v, article h2.no_v{display:none;}
span.dpb{display:block;}
span.pdL61{padding-left:61px;}
span.pdL86{padding-left:86px;}
.audio{width:120px; height:30px; bottom:17px;left:240px;position:absolute;border-radius:20px;}


#certific_box h2{margin-left:37px;width:95px;height:45px;}
#certific_box:after{display:block;content:'';clear:both;}
div.book{margin-top:65px;margin-left:80px;float:left;}
div.book:after{display:block;content:'';clear:both;}

div.book table{font-weight:800;list-style:none;}
div.book table tr{font-size:19px;line-height:27.2px;}
div.book table tr td.num{margin-left:8px;width:68px;color:#4e3514;text-shadow:0px 0px 0px 2px #fff;font-style:italic;}
div.book table tr td.num_on{background-color:#fced3f;}
div.book table tr td.num img{vertical-align:middle;}
div.book table tr td.txt{text-align:left;padding-left:10px;color:#333333;}
div.book table tr td.txt_on{background:linear-gradient(to right, #fced3f, rgba(255,255,255,0));}
div.book table tr.c_off{color:#;}

div.chart{width:612px; margin:0 auto;}
div.chart:after{display:block;content:'';clear:both;}

div.chart table{margin-top:13px;font-weight:600;list-style:none;}
div.chart table tr{font-size:19px;line-height:normal}
div.chart table tr td.num_t, div.chart table tr td.subject_t, div.chart table tr td.c_txt{text-align:center; color:#fff; height:38px;}
div.chart table tr td.num_t{width:89px; background-color:#714bc7;border-right:2px solid #b19be4;border-bottom:1px solid #b19be4;}
div.chart table tr td.subject_t{width:523px;background-color:#714bc7;border-bottom:1px solid #b19be4;}

div.chart table tr td.num_main{text-align:center; vertical-align:middle;border-right:1px solid #b19be4;border-left:2px solid #b19be4;border-bottom:1px solid #b19be4; background-color:#afdedc;}
div.chart table tr td.num{background-color:#fff;height:30px;text-align:center; color:#000000;border-bottom:1px solid #b19be4;border-right:2px solid #b19be4;}
div.chart table tr td.subject_st{background-color:#fff;padding-left:10px;border-bottom:1px solid #b19be4;}
div.chart table tr td.icon_img{background-color:#fff;border-bottom:1px solid #b19be4;text-align:right; padding-right:10px;}
div.chart table tr td.icon_img span{background-color:#ff7e00;text-align:center; padding: 2px 10px;border-radius: 12px;color: #fff;}
div.chart table tr td.icon_img2{background-color:#fff;border-bottom:1px solid #b19be4;text-align:right; padding-right:10px;}
div.chart table tr td.icon_img2 span{background-color:#6943bd;text-align:center; padding: 2px 10px;border-radius: 12px;color: #fff;}
div.chart table tr td.icon_img img, div.chart table tr td.icon_img2 img{vertical-align:middle;}
div.chart table tr td.c_stxt{background-color:#fff;text-align:center;border-bottom:1px solid #b19be4;border-left:1px solid #b19be4;border-right:1px solid #b19be4; line-height:31px;}

div.chart table tr td.border_b{border-bottom:1px solid #b19be4;}

div.chart table tr.c_on td.num, div.chart table tr.c_on td.subject_st {color:#ff6600;font-weight:600;}
div.chart table tr.test td{background-color:#e7e3f2;}