/*@import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);*/
/*@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);*/
@import url(/assets/css/font.css);

/*중국어 단원명*/
#unitWrap li a.cn{font-family:arial}

/*Color of invalid field*/
.has-error .control-label,.has-error .help-block,.has-error .form-control-feedback{color:#277b9c}

/* Color of valid field */
.has-success .control-label,.has-success .help-block,.has-success .form-control-feedback{color:#277b9c}
.has-error .form-control{border-color:#277b9c}
.has-error .form-control:focus{border-color:#277b9c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #869ac3}
.error .bootstrap-select .dropdown-toggle,.has-error .bootstrap-select .dropdown-toggle{border-color:#277b9c}

/* common S*/
body{font-family:"Helvetica Neue",Helvetica,'Nanum Barun Gothic','Nanum Gothic',AppleGothic,dotum,gulim,Arial,sans-serif,"open sans";font-size:12px;overflow-x:hidden;-ms-overflow-style:scrollbar}
*{padding:0;margin:0}
fieldset,img{border:0}
a,a code{color:#444;text-decoration:none}
a:visited,a:visited code{color:#444;text-decoration:none}
a:active,a:active code{color:#444;text-decoration:none}
a:hover,a:hover code{color:#444;text-decoration:none}
li{margin:0;padding:0;list-style:none}
.font-nanum-barun{font-family:'Nanum Barun Gothic',AppleGothic,gulim,"open sans","Helvetica Neue",Helvetica,Arial,sans-serif}
.font-nanum{font-family:'Nanum Gothic',AppleGothic,gulim,"open sans","Helvetica Neue",Helvetica,Arial,sans-serif}
.fix{clear:both}
.col-xs-1-5,.col-sm-1-5,.col-md-1-5,.col-lg-1-5,.col-xs-2-5,.col-sm-2-5,.col-md-2-5,.col-lg-2-5,.col-xs-3-5,.col-sm-3-5,.col-md-3-5,.col-lg-3-5,.col-xs-4-5,.col-sm-4-5,.col-md-4-5,.col-lg-4-5{position:relative;min-height:1px;padding-right:10px;padding-left:10px}
.col-xs-1-5{width:20%;float:left}
.col-xs-2-5{width:40%;float:left}
.col-xs-3-5{width:60%;float:left}
.col-xs-4-5{width:80%;float:left}
@media(min-width:768px){.col-sm-1-5{width:20%;float:left}
.col-sm-2-5{width:40%;float:left}
.col-sm-3-5{width:60%;float:left}
.col-sm-4-5{width:80%;float:left}
}
@media(min-width:992px){.col-md-1-5{width:20%;float:left}
.col-md-2-5{width:40%;float:left}
.col-md-3-5{width:60%;float:left}
.col-md-4-5{width:80%;float:left}
}
@media(min-width:1200px){.col-lg-1-5{width:20%;float:left}
.col-lg-2-5{width:40%;float:left}
.col-lg-3-5{width:60%;float:left}
.col-lg-4-5{width:80%;float:left}
}
.visible-xxs-block {display: none!important;}
.mr3{margin-right:3px!important}
.mr10{margin-right:10px}
.mr15{margin-right:10px!important}
.mr20{margin-right:20px!important}
.mr30{margin-right:30px!important}
.mr100{margin-right:100px!important}
.mt5{margin-top:5px!important}
.mt6{margin-top:6px!important}
.mt8{margin-top:8px!important}
.mt0{margin-top:0!important}
.mt10{margin-top:10px!important}
.mt15{margin-top:15px!important}
.mt20{margin-top:20px!important}
.mt25{margin-top:25px!important}
.mt30{margin-top:30px!important}
.mt40{margin-top:40px!important}
.mt45{margin-top:45px!important}
.mt50{margin-top:50px!important}
.mt60{margin-top:60px!important}
.mt70{margin-top:70px!important}
.mt80{margin-top:80px!important}
.mt90{margin-top:90px!important}
.mt100{margin-top:100px!important}
.mt350{margin-top:350px!important}
.mt400{margin-top:400px!important}
.ml5{margin-left:5px!important}
.ml10{margin-left:10px!important}
.ml15{margin-left:15px!important}
.ml20{margin-left:20px!important}
.ml30{margin-left:30px!important}
.ml40{margin-left:40px!important}
.ml50{margin-left:50px!important}
.mb0{margin-bottom:0!important}
.mb5{margin-bottom:5px!important}
.mb10{margin-bottom:10px!important}
.mb15{margin-bottom:15px!important}
.mb20{margin-bottom:20px!important}
.mb25{margin-bottom:25px!important}
.mb30{margin-bottom:30px!important}
.mb40{margin-bottom:40px!important}
.mb50{margin-bottom:50px!important}
.mb60{margin-bottom:60px!important}
.mb80{margin-bottom:80px!important}
.mb100{margin-bottom:100px!important}
.mb150{margin-bottom:150px!important}
.mb200{margin-bottom:200px!important}
.mr5{margin-right:5px!important}
.mr10{margin-right:10px!important}
.mr15{margin-right:15px!important}
.mr20{margin-right:20px!important}
.mr30{margin-right:30px!important}
.mr40{margin-right:40px!important}
.mr50{margin-right:50px!important}
.mauto{margin:0 auto}

/* padding */
.pr100{padding-right:100px!important}
.ptb10{padding:10px 0!important}
.pb5{padding-bottom:5px!important}
.pb10{padding-bottom:10px!important}
.pb20{padding-bottom:20px!important}
.pb30{padding-bottom:30px!important}
.pb40{padding-bottom:40px!important}
.pb45{padding-bottom:45px!important}
.pb50{padding-bottom:50px!important}
.pt0{padding-top:0!important}
.pt8{padding-top:8px!important}
.pt10{padding-top:10px!important}
.pt20{padding-top:20px!important}
.pt30{padding-top:30px!important}
.pt22{padding-top:22px!important}
.pt44{padding-top:44px!important}
.pl5{padding-left:5px!important}
.pl10{padding-left:10px!important}
.pl15{padding-left:15px!important}
.pl20{padding-left:20px!important}
.pl30{padding-left:30px!important}
.pl40{padding-left:40px!important}
.pl50{padding-left:50px!important}
.pl100{padding-left:100px!important}
.pl120{padding-left:120px}
.pr5{padding-right:5px!important}
.pr10{padding-right:10px!important}

/* color */
.white{color:#fff!important}
.gray9{color:#999!important}
.gray7a{color:#7a7a7a!important}
.gray7d{color:#7d7d7d!important}
.gray7d a,.gray7d a:visited{color:#7d7d7d!important}
.gray7d a:hover,.gray7d a:active{color:#444!important}
.gray6{color:#666!important}
.gray61{color:#616161!important}
.gray3{color:#333!important}
.black{color:#000!important}
.graybg{background-color:#efefef!important}
.bgf5{background-color:#f5f5f5}
.bgcolorblue1{background-color:#31a5f5}
.bgcolorblue1 a,.bgcolorblue1 a:visited{color:#fff}
.nav>li>a:hover,.nav>li>a:active,.bgcolorblue1 a:hover,.bgcolorblue1 a:active{color:#fff;background-color:#61c9ff}
.bgcolorblue2{background-color:#61c9ff}

/* font-size */
.fb{font-weight:bold}
.f8{font-size:8px!important}
.f9{font-size:9px!important}
.f10{font-size:10px!important}
.f11{font-size:11px!important}
.f12{font-size:12px!important}
.f13{font-size:13px!important}
.f14{font-size:14px!important}
.f15{font-size:15px!important}
.f16{font-size:16px!important}
.f17{font-size:17px!important}
.f18{font-size:18px!important}
.f19{font-size:19px!important}
.f20{font-size:20px!important}
.f24{font-size:24px!important}
.f26{font-size:26px!important}
.f28{font-size:28px!important}
.f30{font-size:30px!important}
.f36{font-size:36px!important}
.f40{font-size:40px!important}
.f46{font-size:46px!important}
.border0{border:1px solid red;min-height:100px}
.border1{border:1px solid red}
.border2{border:1px solid blue}
.border3{border:1px solid green}
.w5{width:5%!important}
.w10{width:10%!important}
.w15{width:15%!important}
.w20{width:20%!important}
.w25{width:25%!important}
.w30{width:30%!important}
.w31{width:31%!important}
.w33{width:33%!important}
.w35{width:35%!important}
.w40{width:40%!important}
.w45{width:45%!important}
.w50{width:50%!important}
.w55{width:55%!important}
.w60{width:60%!important}
.w65{width:65%!important}
.w70{width:70%!important}
.w75{width:75%!important}
.w80{width:80%!important}
.w90{width:90%!important}
.w100{width:100%!important}
.h30{height:30px}
.red{color:#f00}
.naby{color:#6694b2}
.btn-navy{color:#fff;background-color:#6694b2;border-color:#50809f}
.btn-navy:focus,.btn-navy.focus{color:#fff;background-color:#50809f;border-color:#1b6d85}
.btn-navy:hover{color:#fff;background-color:#50809f;border-color:#269abc}
.btn-navy:active,.btn-navy.active,.open>.dropdown-toggle.btn-navy{color:#fff;background-color:#50809f;border-color:#269abc}
.btn-navy:active:hover,.btn-navy.active:hover,.open>.dropdown-toggle.btn-navy:hover,.btn-navy:active:focus,.btn-navy.active:focus,.open>.dropdown-toggle.btn-navy:focus,.btn-navy:active.focus,.btn-navy.active.focus,.open>.dropdown-toggle.btn-navy.focus{color:#fff;background-color:#269abc;border-color:#1b6d85}
.btn-navy:active,.btn-navy.active,.open>.dropdown-toggle.btn-navy{background-image:none}
.btn-navy.disabled:hover,.btn-navy[disabled]:hover,fieldset[disabled] .btn-navy:hover,.btn-navy.disabled:focus,.btn-navy[disabled]:focus,fieldset[disabled] .btn-navy:focus,.btn-navy.disabled.focus,.btn-navy[disabled].focus,fieldset[disabled] .btn-navy.focus{background-color:#6694b2;border-color:#50809f}
.btn-navy .badge{color:#6694b2;background-color:#fff}
.btn-blue{color:#fff;background-color:#036;border-color:#004c7e}
.btn-blue:focus,.btn-blue.focus{color:#fff;background-color:#004c7e;border-color:#1b6d85}
.btn-blue:hover{color:#fff;background-color:#004c7e;border-color:#269abc}
.btn-blue:active,.btn-blue.active,.open>.dropdown-toggle.btn-blue{color:#fff;background-color:#004c7e;border-color:#269abc}
.btn-blue:active:hover,.btn-blue.active:hover,.open>.dropdown-toggle.btn-blue:hover,.btn-blue:active:focus,.btn-blue.active:focus,.open>.dropdown-toggle.btn-blue:focus,.btn-blue:active.focus,.btn-blue.active.focus,.open>.dropdown-toggle.btn-blue.focus{color:#fff;background-color:#269abc;border-color:#1b6d85}
.btn-blue:active,.btn-blue.active,.open>.dropdown-toggle.btn-blue{background-image:none}
.btn-blue.disabled:hover,.btn-blue[disabled]:hover,fieldset[disabled] .btn-blue:hover,.btn-blue.disabled:focus,.btn-blue[disabled]:focus,fieldset[disabled] .btn-blue:focus,.btn-blue.disabled.focus,.btn-blue[disabled].focus,fieldset[disabled] .btn-blue.focus{background-color:#036;border-color:#004c7e}
.btn-blue .badge{color:#036;background-color:#fff}
.btn-80{min-width:80px}
.btn-120{min-width:120px}
.btn-140{width:140px;}
.btn-160{width:160px;}
.btn-200{min-width:200px}
.btn-p100{min-width:100%}
.pos-r{position:relative}
.btn-MainBSD{color: #444;border-radius: 4px;background-color:#DDDDDD; margin-bottom:10px;}


/*common E*/

/* header S*/
.header .header-top{margin-top:0;margin-bottom:0;padding-top:10px;border-top:1px solid #ccc; height:115px;  box-sizing:border-box;}
.header .header-top .top-navi i{margin-right:10px;margin-left:30px}
.header .header-top .top-navi .bar{margin:0 10px}
.navbar{margin-bottom:0;display:inline-block}
.logo-area{position:relative;vertical-align:top;border-top:1px solid #ccc;/*margin-bottom:20px;*/margin-top:10px; padding-top:20px;}
.logo{position:absolute;top:-5px;left:0;width:135px;height:47px;background:url("../img/logo.png") no-repeat}
.logo-area-inverse .logo{background:url("../img/logo-inverse.png") no-repeat}
.btn-subject-search{position:absolute;top:0;right:0;background-color:#898989;padding:10px 30px;font-size:14px;color:#fff;border-radius:4px}
.btn-subject-search a,.btn-subject-search a:visited{color:#fff}
.btn-subject-search:hover,.btn-subject-search:active{background-color:#383838}
.navbar{min-height:40px;}
.navbar .lSAction .lSPrev{background-image: none;}
.navbar .lSAction .lSNext{background-image: none;}
.navbar-nav{margin-left:20px}
.navbar-nav li{margin:0}
.navbar-nav li a{padding:10px 20px}
/*.navbar-nav li a:hover,.navbar-nav li.active{background-color:#1f4e7a;color:#fff;border-radius:4px}*/
.navbar-nav li a:hover {background-color:#1f4e7a;color:#fff;border-radius:4px}
.navbar-nav li.active a{color:#fff}
.navbar-header-bar .navbar-toggle{float:left}
.navbar-header button{margin:0}
.navbar-header button .icon-bar{height:3px;background-color:#004c7e}
.logo-area-inverse .navbar-header button .icon-bar{height:3px;background-color:#fff}
.positionbar{border-bottom:1px solid #ebebeb;vertical-align:top;padding:10px 0}
.positionbar .fa-home{color:#6694b2}
.positionbar .fa-home:hover{color:#1f4e7a}
.positionbar a{color:#5f7080;padding:0 15px}
.positionbar a,.positionbar a:visited{color:#5f7080}
.positionbar a:hover,.positionbar a:active{color:#1f4e7a}
/*슬림스크롤 적용일경우*/
ul.scrollmenu{overflow:auto;white-space:nowrap;margin-bottom:0;min-width:580px}
ul.scrollmenu li{display:inline-block;color:white;text-align:center;text-decoration:none}
ul.scrollmenu li:hover{background-color:#1f4e7a;color:#fff;border-radius:4px}
ul.scrollmenu li.active{background-color:#4293c0;color:#fff;border-radius:4px}
.navmenu{font-family:'Nanum Gothic','NanumBarunGothic',AppleGothic,gulim,"open sans","Helvetica Neue",Helvetica,Arial,sans-serif;overflow:hidden}
.navmenu,.navbar-offcanvas{width:80%}
.navmenu .menuWrap{overflow:hidden}
.navmenu .sidetop{position:relative;background-color:#004c7e;width:100%;height:75px;color:#fff;padding:25px;font-size:16px;font-weight:400}
.navmenu .sidetop .closebtn,.navmenu .sidetop .closebtn a{position:absolute;top:20px;right:10px;font-size:20px;margin-left:50px;color:#fff}
.navmenu a:hover,.offcanvas a:focus{color:#000}

/*사이드메뉴*/

/*교과목*/
.navmenu .sidenavbar{padding:10px 20px 5px 20px;color:#898989;font-size:14px}
.navmenu .sidenavbar .stitle{display:inline-block;margin-bottom:10px}
.navmenu .fa-file-text-o{color:#fbc05a}
.navmenu .sidenavbar li{display:inline-block;width:100%}
.navmenu .sidenavbar li.line{float:left;width:100%;height:1px;line-height:1px;margin:0;padding:0;background:url(../img/line-dot.png) repeat-x left top}
.navmenu .sidenavbar li>a{display:block;padding:5px 0;text-decoration:none;font-size:12px;line-height:18px;color:#464646}
.navmenu .sidenavbar li>a:hover{color:#004c7e;font-weight:bold;}
.navmenu .sidenavbar li{background-color:#f8f8f8}
.navmenu .sidenavbar li.active{background-color:#b4cce4}
.navmenu .sidenavbar li.active ul li{background-color:#f1f8ff}
.navmenu .sidenavbar li.active ul li.active,.navmenu .sidenavbar li.active ul li.active:hover{font-weight:700}
@media screen and (max-height:450px){
	.navmenu{padding-top:15px}
	.navmenu a{font-size:18px}
}
.navmenu .sidelogo{position:absolute;top:15px;left:20%}

/*마이페이지*/
.navmenu .memberbox{width:100%;margin-top:20px;padding:0 20px 10px 20px;color:#898989;font-size:14px}
.navmenu .memberbox .fa-cog{color:#f49eab}
.navmenu .memberbox .stitle{display:inline-block;margin-bottom:10px}
.navmenu .memberbox li{display:inline-block;width:42%}
.navmenu .memberbox li.line{float:left;width:100%;height:1px;line-height:1px;margin:0;padding:0;background:url(../img/line-dot.png) repeat-x left top}
.navmenu .memberbox li>a{display:block;padding:5px 0;text-decoration:none;font-size:12px;line-height:18px;color:#464646}
.navmenu .memberbox li>a:hover{color:#004c7e;font-weight:bold;}

/*사이드 메뉴 단원별/유형별*/
.navmenu .unit-tab-box{padding:10px 20px 5px 20px;color:#898989;font-size:14px}
.navmenu .unit-tab-box .stitle{display:inline-block;margin-bottom:10px}
.navmenu .unit-tab-box li{display:inline-block;width:90%}
.navmenu .unit-tab-box li.line{float:left;width:100%;height:1px;line-height:1px;margin:0;padding:0;background:url(../img/line-dot.png) repeat-x left top}
.navmenu .unit-tab-box li>a{display:block;padding:5px 0;text-decoration:none;font-size:12px;line-height:18px;color:#464646}

/*사이드메뉴 하단*/
.navmenu .footer{width:100%;padding:20px 20px 0 20px;color:#898989;font-size:14px}
.navmenu .footer .fa-home{color:#83cec7}
.navmenu .footer .stitle{display:inline-block}
.navmenu .footer li{display:inline-block;width:22%}
.navmenu .footer li.line{float:left;width:100%;height:1px;line-height:1px;margin:0;padding:0;background:url(../img/line-dot.png) repeat-x left top}
.navmenu .footer li>a{display:block;padding:10px 0;text-decoration:none;font-size:12px;line-height:18px;color:#464646}
.navmenu .footer li.footer-logo2{width:100%;margin-top:10px}
.navmenu .footer .line{float:left;width:100%;height:1px;line-height:1px;margin:0;padding:0;background:url(../img/line-dot.png) repeat-x left top}
.navmenu .footer .logout{font-size:12px;padding:10px 0;}
.navmenu .footer .logout a:hover{color:#004c7e;font-weight:bold;}

/*sub page header S*/
.logo-area-inverse{position:relative;vertical-align:top;border-top:1px solid #ccc; margin-top:10px; padding-top:17px; box-sizing:border-box; background-color:#004c7e;-moz-box-shadow:0 5px 10px -1px grey;-webkit-box-shadow:0 5px 10px -1px grey;box-shadow:0 5px 10px -1px grey}
.logo-area-inverse .navbar-nav{overflow:hidden}
.logo-area-inverse .navbar-nav li a{color:#fff;padding:8px 20px}
.logo-area-inverse .navbar-nav li a:hover{background-color:#fff;color:#004c7e;border-radius:4px}
.logo-area-inverse .navbar-nav li.active a{background-color:#004c7e;color:#fff;border-radius:0;border-bottom:2px solid #fff}
.logo-area-inverse .btn-subject-search{position:absolute;top:0;right:0;background-color:#004c7e;padding:10px 30px;font-size:14px;color:#fff;border:1px solid #fff;border-radius:4px}
.logo-area-inverse .btn-subject-search a,.logo-area-inverse .btn-subject-search a:visited{color:#fff}
.logo-area-inverse .btn-subject-search:hover,.logo-area-inverse .btn-subject-search:active{background-color:#003050}

/*sub page header E*/

/*교과서 검색 S*/
.subject-search{position:absolute;background-color:#fff;top:120px;left:0;width:100%;padding:40px 0;z-index:1030;text-align:center;border:1px solid #d7d7d7;border-radius:4px}
.subject-search .stitle{width:150px;margin:0 auto;font-size:30px;color:#004c7e;border-bottom:3px solid #d7d7d7}
.subject-search .summary{font-size:14px;color:#5c5c5c;margin-top:10px}
.subject-search .btnclose{font-size:30px;color:#fac15a;position:absolute;top:5px;right:5px}
.subject-search .subject-img-area{position:relative;padding:0 0%;margin:0 5%}
.subject-search .subject-img-area .lSSlideOuter .lSSlideWrapper{margin:0 5%;overflow:hidden;}
.subject-search .subject-img-area .lSSlideOuter .lSPager.lSpg>li a{background-color:#898989;height:12px;width:12px}
.subject-search .subject-img-area .lSSlideOuter .lSPager.lSpg>li a:hover{background-color:#ccc;height:12px;width:12px}
.subject-search .subject-img-area .lSSlideOuter .lSPager.lSpg>li.active a{background-color:#004c7e;height:12px;width:12px}
.subject-search .subject-img-area .subject-search-result{width:100%;height:170px}
.subject-search .subject-img-area .subject-search-result li{height:170px;float:left}
.subject-search .subject-img-area .subject-search-pre{position:absolute;top:10px;left:0;width:100%;height:170px}
.subject-search .subject-img-area .subject-search-pre li{height:170px;display:inline-block;margin:0 5px}
.subject-search .subject-img-area .subject-img{margin:5px auto;height:150px}
.subject-search .subject-img-area2{position:absolute;top:-10px;left:0;z-index:1040;width:100%;height:200px;background-color:rgba(131,206,199,0.8);color:#fff;font-size:20px;line-height:40px}
.subject-search .subject-img-area2 .subject-select-text{width:300px;padding:10px 20px;margin:40px auto 0 auto;position:relative;background-color:#fff;border:1px solid #fff;border-radius:4px;color:#004c7e;text-align:center}
.subject-search .subject-img-area2 .subject-select-text .title{margin:0 auto}
.subject-search .subject-img-area2 .fa-arrow-circle-up:before{display:inline-block;margin:0 auto;color:#fac15a;font-size:40px}
.subject-search .search-bg{display:inline-block;width:123px;text-align:left}
.subject-search .btn-area .btn-area-line{border-bottom:1px solid #e1e1e1}
.subject-search .btn-area .search-bg{background:url(../img/subjectsearch_bg.png) no-repeat right bottom}
.subject-search .btn{font-size:20px;color:#000;background-color:#e1e1e1;border:1px solid #e1e1e1;min-width:110px;padding:15px 20px}
.subject-search .btn:hover{color:#004c7e;background-color:#fff;border:1px solid #004c7e}
.subject-search .btn.active{color:#fff;background-color:#004c7e;border:1px solid #004c7e}
.subject-search .lSAction>a{background-image:url(../img/controls3.png);}
.subject-search .lSAction>.lSPrev {left: 0px;}
.subject-search .lSAction>.lSNext {right: 0px;}
/*교과서 검색 E*/

/* header E*/

/* Footer */
.tb-footer{padding-top:30px;padding-bottom:50px;text-align:left;font-size:14px;font-weight:400;color:#959595;border-top:9px solid #e4e7ea;background-color:#f1f3f4}
.tb-footer a,.tb-footer a:visited{color:#959595;}
.tb-footer a:hover,.tb-footer a:active{color:#333}
.tb-footer-links{padding-left:0;margin-bottom:35px}
.tb-footer-links li{display:inline}
.tb-footer-links li+li{margin-left:15px}
.tb-footer .stitle{color:#c4c4c4;margin-bottom:5px;margin-top:15px}
.tb-footer .stitle.service{margin-top:0}
.tb-footer .footer-navi{color:#555;font-size:12px;line-height:2em;}
.tb-footer .footer-navi li{display:inline;padding:0 7px 0 0}
.tb-footer .footer-navi li:last-child{padding:0px}
.tb-footer .footer-navi>li>a,.tb-footer .footer-navi>li>a:visited{color:#555;font-weight:400}
.tb-footer .footer-navi>li>a:hover,.tb-footer .footer-navi>li>a:active{color:#333;font-weight:400}
.tb-footer .footer-navi .bar{padding:0 5px;}
.tb-footer .footer-sns>li{display:inline-block}
.tb-footer .footer-sns>li>a{padding:27px 27px 27px 0}
.footer-logo{text-align:center;padding:50px 0}

/* main S */
.main-top-bg{min-height:300px;background:url("../img/main_top_bg.png") repeat top center #0c254c;background-size:cover}
.section1 .textbook-box{border:1px solid #ddd;background-color:#fff;padding:14px 16px;margin:15px 0;color:#1d5a91;font-size:22px;text-align:center}
.section1 .textbook-box img{display:inline;margin-right:4px}
.section1 .textbook-box-area .title{color:#fff;font-size:22px;text-align:center;}
.main_top_img{display:inline-block;position:relative}
.main_top_img_area{width:100%;margin-left:8px;overflow:hidden;border-radius:4px;margin:20px auto;position:relative;-moz-box-shadow:5px 5px rgba(0,0,0,0.5);-webkit-box-shadow:5px 5px rgba(0,0,0,0.5);box-shadow:5px 5px rgba(0,0,0,0.2)}
.main_top_img .main_top_img_tit{position:absolute;bottom:0;width:100%;color:#fff;font-size:24px;text-shadow:1px 1px 1px #000;border-radius:0 0 4px 4px;margin:0 auto;padding:5px 0}
.main_top_img .main_top_img_tit1{background-color:#0c537d;background-color:rgba(12,83,125,0.8)}
.main_top_img .main_top_img_tit2{background-color:#ddaf0a;background-color:rgba(221,175,10,0.8)}
.main_top_img .main_top_img_tit3{background-color:#f00;background-color:rgba(255,0,0,0.8)}
.main_top_img .main_top_img_tit4{background-color:#111;background-color:rgba(17,17,17,0.8)}
.main_top_img .main_top_img_tit5{background-color:#9bc764;background-color:rgba(155,199,100,0.8)}
.main_top_img .main_top_img_tit6{background-color:#6f528c;background-color:rgba(111,82,140,0.8)}

/* Zoom In #1 */
.main_top_img img{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;margin:0 auto;border-radius:4px;}
.main_top_img img:hover{-webkit-transform:scale(1.2);transform:scale(1.2);border-radius:4px}

/*다락원 교과서에는 40여년간...*/
.main-text{font-size:22px;color:#464646;padding:22px 0}

/*브로셔 다운로드*/
.section2 .brochure-box{border:1px solid #e3e4eb;position:relative;color:#9a9a9a; border-top:none; box-sizing:border-box;}
.section2 .brochure-box .icon{position:absolute;top:-5px;left:5px}
.section2 .brochure-box .title-area{margin-top:16px;margin-left:60px}
.section2 .brochure-box .title{font-size:17px;color: black;}
.section2 .brochure-box .stitle{font-size:13px}
.brochure-textbook{min-height:295px; box-sizing:border-box;}
.brochure-textbook>ul>a>li{line-height:22px; box-sizing:border-box;vertical-align:top;display:block;float:left;border-top:1px solid #e3e4eb;border-right:1px solid #e3e4eb;width:101px;height:99px;margin:0;padding:28px 0 0 0;color:#616161;font-size:20px;text-align:center}
span.span_brochure {color:#999; font-size:12px; }
.brochure-textbook>ul>a:nth-child(2n)>li{border-right:0}
.brochure-textbook>ul>a>li.listNum3{width:100%;height: auto;border-right: 0px;padding: 21px 0;}
.brochure-textbook>ul>a>li.listNum4{height: auto;border-right: 0px;padding: 38px 0 39px 0;}
.brochure-textbook>ul>a:nth-child(1)>li.listNum4{border-right:1px solid #e3e4eb}
.brochure-textbook>ul>a:nth-child(3)>li.listNum4{border-right:1px solid #e3e4eb}
.brochure-textbook>ul>a>li.brochure-2:hover,.brochure-textbook>ul>a>li.brochure-en.active{background:url("../img/pt_blue.png") left top;color:#fff}
.brochure-textbook>ul>a>li.brochure-3:hover,.brochure-textbook>ul>a>li.brochure-jp.active{background:url("../img/pt_yellow.png") left top;color:#fff}
.brochure-textbook>ul>a>li.brochure-4:hover,.brochure-textbook>ul>a>li.brochure-ch.active{background:url("../img/pt_red.png") left top;color:#fff}
.brochure-textbook>ul>a>li.brochure-5:hover,.brochure-textbook>ul>a>li.brochure-han.active{background:url("../img/pt_black.png") left top;color:#fff}
.brochure-textbook>ul>a>li.brochure-6:hover,.brochure-textbook>ul>a>li.brochure-music.active{background:url("../img/pt_green.png") left top;color:#fff}
.brochure-textbook>ul>a>li.brochure-7:hover,.brochure-textbook>ul>a>li.brochure-art.active{background:url("../img/pt_pupplew.png") left top;color:#fff}
.section2 .text-book-movie{border:1px solid #e3e4eb;position:relative;margin-left:-20px}
.section2 .title-area2{color:#9a9a9a;margin-top:15px;margin-left:96px}
.section2 .title-area2 .icon{position:absolute;top:18px;left:30px}
.section2 .title-area2 .title{font-size:20px}
.section2 .title-area2 .stitle{font-size:14px}
.section2 .text-book-movie .movie{padding:20px 15px 20px 15px;text-align:center;margin-top:10px;margin-bottom:8px}
.section2 .title-area3{margin-top:-1px;margin-left:70px}
.section2 .title-area4{margin-top:-3px;margin-left:50px}
/*.section2 .newest{padding:21px 20px 21px 20px;border:1px solid #e3e4eb;position:relative;}*/
.section2 .newest{box-sizing:border-box; height:297px; padding:15px 20px;border:1px solid #e3e4eb;position:relative;}
.section2 .notice{position:relative}
.section2 .newest .btn-more,.section2 .notice .btn-more{position:absolute;top:20px;right:10px;background-color:#7d7d7d;color:#fff;font-size:12px;line-height:0;padding:3px;border-radius:2px}
.newest .board,.notice .board{border-top:1px solid #e3e4eb;margin-top:10px;padding-top:10px}
.newest .link_name{display: inline-block; width: 30px; padding-right:150px; white-space: nowrap; overflow: hidden; /*text-overflow: ellipsis;*/}
.section2 ul>li{width:100%;font-size:14px;line-height:2em;}
.section2 ul>li .txt img{margin-right:10px}
.section2 ul>li .date{float:right}
.section2 .notice{padding:18px 20px 17px 20px;border:1px solid #ddd}
.custombox .fa{color:#bed63a;vertical-align:top;margin-top:0;font-size:22px}
.customer{padding:16px 20px;border:1px solid #ddd;font-size:18px;color:#7a7a7a;vertical-align:top;position:relative;background-color:#f8f8f8}
.customer .text-area{display:inline-block;margin-left:60px}
.customer .text{font-size:16px;color:#9f9f9f}
.customer .number{font-size:22px;color:#000}
.customer .stext{font-size:13px;color:#636363}
.customer .custom_img_1{position:absolute;top:38px;right:20px}
.customer .custom_img_3{position:absolute;top:18px;left:10px}
.textbook-info{padding:10px 20px;border:1px solid #ddd;font-size:18px;color:#7a7a7a;vertical-align:top;position:relative;height:83px;background-color:#f8f8f8}
.textbook-info .text-area{display:inline-block;margin-left:60px}
.textbook-info .text{font-size:16px;color:#9f9f9f}
.textbook-info .stext{font-size:12px;color:#636363}
.textbook-info .custom_img_2{position:absolute;top:10px;right:20px}
.textbook-info .custom_img_4{position:absolute;top:18px;left:10px}
.qnabox .qna{padding-right:5px}
.qnabox .operation-guide{padding-left:5px}
.qnabox button{width:100%;height:50px;border:1px solid #ddd;color:#9f9f9f;font-size:16px;padding:15px 0;background-color:#f8f8f8}

/*로그인*/
.loginbox{border:1px solid #e3e4eb;padding:20px 20px 8px 20px;text-align:center;color:#a8afb2;min-height:297px;background-color:#f8f8f8;}
.loginbox .stitle{display:inline-block;font-size:23px;color:#0c557e}
.loginbox .summary{display:inline-block;font-size:14px;color:#5c5c5c;margin-bottom:10px}
.loginbox .summary .blue{color:#3e99dd}
.login_box{min-height:133px}
.loginbox .inputarea1,.loginbox .inputarea2{margin-bottom:0}
.loginbox .inputarea1 div,.loginbox .inputarea2 div{padding-left:0;padding-right:0}
.loginbox .inputarea1 input{border-radius:0;border-bottom:0;height:45px;box-shadow:none;-webkit-box-shadow:none}
.loginbox .inputarea1 input:focus,.loginbox .inputarea2 input:focus{border-color:#ccc}
.loginbox .inputarea2 input{border-radius:0;height:45px}
.loginbox .inputarea2 input{box-shadow:none;-webkit-box-shadow:none}
.loginbox .inputarea .form-control-feedback{top:6px}
.loginbox .btnarea{margin:0;padding:0;margin-top:5px}
.loginbox .btnlogin{width:100%;background-color:#0c557e;border:1px solid #0c557e;font-size:16px;color:#fff;padding:13px 20px}
.loginbox .btnlogin:hover{background-color:#0a405e;border:1px solid #0a405e;color:#fff}
.auto_login_box{margin-top:15px;padding-top:4px;padding-left:0px;font-size:12px;color:#5c5c5c;vertical-align:top;text-align: center;}
.auto_login_box label{margin:0;padding:0;font-weight:400;display:inline;vertical-align: top;}
.auto_login_box .auto_login_chk{display: inline;float:left;vertical-align: top;position:relative;padding-left:18px;margin-left: 14px;}
.auto_login_box input[type="checkbox"]{position:absolute;top:-2px;left:0px;vertical-align:top;margin-right: 5px;}
.ie10 .auto_login_box input[type="checkbox"]{top:1px;}
.auto_login_box .find_idpw{display:inline-block;margin:4px 0 0;margin-top:1px;line-height:normal}
.auto_login_box .find_pw{ float: right;}
.auto_login_box .bar{padding: 0 5px;}
.memberjoin button{width:100%;background-color:#eff9ff;border:1px solid #459cff;color:#459cff;font-size:16px;padding:10px 0;margin-top:8px;margin-bottom::7px}
.memberjoin button:hover{background-color:#459cff;color:#fff}

/*로그인했을 경우*/
.loginbox .logo_box{margin:10px 0 20px}
.loginbox .login_box2{border-top:1px solid #e3e4eb;padding-top:15px;padding-bottom:15px;font-size:14px;line-height:25px}
.loginbox .login_box2{color:#5c5c5c}
.loginbox .login_box2 .name{color:#000}
.loginbox .login_box2 .info{color:#83cec7}
.loginbox .login_box2 .bar{color:#acacac;padding:0 5px}
.loginbox .btn_box2{border-top:1px solid #e3e4eb;padding-top:15px;padding-bottom:15px}
.loginbox .btn_box2 .fa{margin-top:10px;font-size:14px;color:#959595}
.loginbox .btn_box2 a,.loginbox .btn_box2 a .fa{color:#959595}
.loginbox .btn_box2 a:hover,.loginbox .btn_box2 a:hover .fa{color:#5388cd}
.memberjoin2 button{width:100%;background-color:#eff9ff;border:1px solid #459cff;color:#459cff;font-size:16px;padding:10px 0;margin-top:8px;margin-bottom:10px}
.memberjoin2 button:hover{background-color:#459cff;color:#fff}

/* main E */

/* sub S */
.sub-title{font-size:30px;color:#000;font-weight:700;margin:40px 0 25px 0}
.sub-title .link{font-size:18px;color:#5f7080;font-weight:400}
.sub-title a.school,.sub-title a.school:visited{text-decoration:none}
.sub-title a.school:hover,.sub-title a.school:active{text-decoration:none;color:#004c7e}
.sub-title .school.on{color:#4476b9;}
.textbook{border:1px solid #ddd;margin:15px 0;text-align:center}
.textbook .title-box{padding-top:30px;padding-bottom:15px}
.textbook .title-box:hover{background-color:#bed63a}
.textbook .fa{font-size:20px;margin-right:5px}
.textbook .fa-bookmark{color:#31a5f5}
.textbook .textbook-img{margin:0 auto;width:185px; height:237px;}
.textbook .subject{margin-top:15px;font-size:18px;line-height:2em;color:#000}
.textbook .subject a{text-decoration:none}
.textbook a .subject{text-decoration:none}
.textbook .revision{border-top:1px solid #ababab;margin:0 30%;padding:10px;color:#7a7a7a}
.textbook .button-box{position:relative; background-color:#fff}
.textbook .button-box .btn{margin:0;border-top:1px solid #ddd;border-radius:0;text-align:left;color:#7a7a7a;font-size:12px;padding:16px 12px 12px 40px;background-color:#fff;height:47px}
.textbook .button-box .btn.rightline{border-right:1px solid #ddd}
.textbook .button-box .btn .fa{font-size:16px}
.textbook .button-box .btn img{margin-top:-2px;margin-right:10px}
.textbook .button-box .pre{background:url("../img/icon_pre_off.png") no-repeat 15px 13px}
.textbook .button-box .pre:hover{background:url("../img/icon_pre_on.png") no-repeat 15px 13px;color:#3f3f3f;font-weight:700}
.textbook .button-box .bookmark{background:url("../img/icon_bookmark_off.png") no-repeat 15px 13px}
.textbook .button-box .bookmark:hover{background:url("../img/icon_bookmark_on.png") no-repeat 15px 13px;color:#459cff;font-weight:700}
.textbook .button-box .bookmark.active{background:url("../img/icon_bookmark_active.png") no-repeat 15px 13px;color:#459cff;font-weight:700}
.textbook .button-box .library{background:url("../img/icon_library_off.png") no-repeat 15px 13px}
.textbook .button-box .library:hover{background:url("../img/icon_library_on.png") no-repeat 15px 13px;color:#58d3e2;font-weight:700}
.textbook .button-box .cd{background:url("../img/icon_cd_off.png") no-repeat 15px 13px}
.textbook .button-box .cd:hover{background:url("../img/icon_cd_on.png") no-repeat 15px 13px;color:#ff9818;font-weight:700}
.textbook .btn.active,.btn:active{outline:0;-webkit-box-shadow:none;box-shadow:none}

/* sub E */

/*library S*/
.topbox{margin-top:0;padding:0; width:935px; box-sizing:border-box; overflow:hidden;}
.topbox .left_tit {width:45%; float:left;}
.topbox .stitle{font-size:30px;font-weight:700;color:#000;display:inline-block;letter-spacing:0}
.topbox .revision{font-size:18px;font-weight:700;color:#004c7e;display:inline-block; margin-left:20px;}
.topbox .author{font-size:16px;font-weight:400;color:#494949}
.topbox .textbox{width:100%; box-sizing:border-box;}
.topbox .button-box{width:55%; float:right; padding-top:8px;}
.topbox .button-box .btn{border-radius:0;width:130px;height:50px}
.topbox .button-box .cddown{background:url("../img/icon_cddown_off.png") no-repeat 15px 13px;background-color:#faa328;color:#fff}
.topbox .button-box .cddown:hover{background:url("../img/icon_cddown_on.png") no-repeat 15px 13px;background-color:#fff;border:1px solid #faa328;color:#3f3f3f;font-weight:700}
/*교과서cd html버전 추가 - 170919 */
.topbox .button-box .cddown2{background:url("../img/icon_cddown_off.png") no-repeat 15px 13px;background-color:#faa328;color:#fff}
.topbox .button-box .cddown2:hover{background:url("../img/icon_cddown_on.png") no-repeat 15px 13px;background-color:#fff;border:1px solid #faa328;color:#3f3f3f;font-weight:700}
/*교과서cd html버전 추가 - 170919*/
.topbox .button-box .bookmark{background:url("../img/icon_bookmark2_off.png") no-repeat 10px 15px; background-size:17px; border:1px solid #004c7e;background-color:#fff;color:#004c7e;}
.topbox .button-box .bookmark:hover{background:url("../img/icon_bookmark2_on.png") no-repeat 10px 15px; background-size:17px; color:#3f3f3f;font-weight:700}
.topbox .button-box .bookmark.active{background:url("../img/icon_bookmark2_active.png") no-repeat 10px 15px; background-size:17px; color:#3f3f3f;font-weight:700}
.topbox .button-box .bookmark.active:hover{background:url("../img/icon_bookmark2_off.png") no-repeat 10px 15px; background-size:17px; color:#3f3f3f;font-weight:400}
.mybookmark .button-box .bookmark{background:url("../img/icon_bookmark2_off.png") no-repeat 20px 6px;border:1px solid #004c7e;background-color:#fff;color:#004c7e}
.mybookmark .button-box .bookmark:hover{background:url("../img/icon_bookmark2_on.png") no-repeat 20px 6px;color:#3f3f3f;font-weight:700}
.mybookmark .button-box .bookmark.active{background:url("../img/icon_bookmark2_active.png") no-repeat 20px 6px;color:#3f3f3f;font-weight:700}
.mybookmark .button-box .bookmark.active:hover{background:url("../img/icon_bookmark2_off.png") no-repeat 20px 6px;color:#3f3f3f;font-weight:400}

/*20190212 추가내용*/
.lib-section1 {width:100%; overflow:hidden;}
.topbox .button-box .btn19 {border-radius:0; width:140px; height:50px; border:none;}
.topbox .button-box .btn19A {border-radius:0; width:90px; height:50px;  border:1px solid #004c7e; box-sizing:border-box;}
.topbox .button-box .btnA {background:url("../img/icon_pre2_off.png") no-repeat 13px 14px; background-color:#459cff; color:#fff}
.topbox .button-box .btnA:hover{background:url("../img/icon_pre2_on.png") no-repeat 13px 14px; background-color:#fff; border:1px solid #459cff;; color:#3f3f3f; font-weight:700}
.topbox .button-box .btnB {background:url("../img/icon_cddown_off.png") no-repeat 8px 16px; background-size:18px; background-color:#faa328;color:#fff}
.topbox .button-box .btnB:hover{background:url("../img/icon_cddown_on.png") no-repeat 8px 16px; background-size:18px; background-color:#fff;border:1px solid #faa328;color:#3f3f3f;font-weight:700}
.topbox .button-box .btnC {background:url("../img/icon_qna_off.png") no-repeat 8px 14px;  background-color:#004c7e;color:#fff}
.topbox .button-box .btnC:hover{background:url("../img/icon_qna_on.png") no-repeat 8px 14px; background-color:#fff;border:1px solid #004c7e;color:#3f3f3f;font-weight:700}



@media screen and (max-width:990px){
	.topbox{width:100%;}
	.topbox .left_tit, .topbox .stitle, .topbox .revision {width:100%; text-align:center; }
	.topbox .revision {margin-left:0;}
	.topbox .button-box{width:100%; margin-top:30px;}
	.topbox .button-box .btnC {background:url("../img/icon_qna_off.png") no-repeat 20px 14px #004c7e; }
	.topbox .button-box .btnC:hover{background:url("../img/icon_qna_on.png") no-repeat 20px 14px;}
	.topbox .button-box .bookmark{background:url("../img/icon_bookmark2_off.png") no-repeat 20px 15px; background-size:17px;}
	.topbox .button-box .bookmark:hover{background:url("../img/icon_bookmark2_on.png") no-repeat 20px 15px; background-size:17px;}
	.topbox .button-box .bookmark.active{background:url("../img/icon_bookmark2_active.png") no-repeat 20px 15px; background-size:17px;}
	.topbox .button-box .bookmark.active:hover{background:url("../img/icon_bookmark2_off.png") no-repeat 20px 15px; background-size:17px;}

}

@media screen and (max-width:650px){
	.topbox .button-box .btnB {background:url("../img/icon_cddown_off.png") no-repeat 20px 15px; background-size:20px; background-color:#faa328;color:#fff}
	.topbox .button-box .btnB:hover{background:url("../img/icon_cddown_on.png") no-repeat 20px 15px; background-size:20px; background-color:#fff;border:1px solid #faa328;color:#3f3f3f;font-weight:700}


}


@media screen and (max-width:400px){
	.topbox .button-box .btnA {background:url("../img/icon_pre2_off.png") no-repeat 10px 18px; background-size:15px; background-color:#459cff; color:#fff}
	.topbox .button-box .btnA:hover{background:url("../img/icon_pre2_on.png") no-repeat 10px 18px; background-size:15px; background-color:#fff; border:1px solid #459cff;; color:#3f3f3f; font-weight:700}
	.topbox .button-box .btnB {background:url("../img/icon_cddown_off.png") no-repeat 4px 18px; background-size:15px; background-color:#faa328;color:#fff}
	.topbox .button-box .btnB:hover{background:url("../img/icon_cddown_on.png") no-repeat 4px 18px; background-size:15px; background-color:#fff;border:1px solid #faa328;color:#3f3f3f;font-weight:700}
}

/*교과서 미리보기 / 연관 교과서*/
.relationtextbookbox{width:100%;padding-left:0;text-align:right}
.relationtextbookbox .pretabs>li>a{display:inline-block;float:left;margin:0;padding:12px 15px;width:143px;height:42px;border:1px solid #e3e4eb;text-align:center;color:#a8afb2;font-weight:700;font-size:12px;line-height:20px;color:#a8afb2}
.relationtextbookbox .pretabs>li:visited>a,.relationtextbookbox .pretabs>li>a:visited,.relationtextbookbox .pretabs>li.active:visited>a{text-decoration:none}
.relationtextbookbox .pretabs>li.pretabs1>a{border-right:0}
.relationtextbookbox .pretabs>li:hover>a,.relationtextbookbox .pretabs>li.active>a{background-color:#f1f8ff;border:1px solid #e3e4eb;border-top:3px solid #004c7e;color:#000;font-weight:700}
.relationtextbookbox .pretabs>li:hover.pretabs1>a,.relationtextbookbox .pretabs>li.pretabs1.active>a{border-right:0}
.relationtextbookbox .tab-content{display:block;text-align:left;padding-top:10px}
.relationtextbookbox .tab-pane{font-size:20px;position:relative}
.relationtextbookbox .tab-pane .lSAction>a{background-image:none;}
.relationtextbookbox .tab-pane .textbook-pre{width:143px;height:175px;float:left;border:1px solid #ebebeb}
.relationtextbookbox .tab-pane .textbook-left{border-right:0}
.relationtextbookbox .tab-pane .textbook-relation{width:143px;height:175px;border:1px solid #ebebeb}
.relationtextbookbox .tab-pane .fa-chevron-circle-left{position:absolute;top:75px;left:5px}
.relationtextbookbox .tab-pane .fa-chevron-circle-right{position:absolute;top:75px;right:5px}
.relationtextbookbox .tab-pane .fa-chevron-circle-left:hover{color:#004c7e}
.relationtextbookbox .tab-pane .fa-chevron-circle-right:hover{color:#004c7e}
.relationtextbookbox .stitle{font-size:12px;color:#000;text-align:center;margin-top:10px}
.contentsbox-top{position:relative;border-top:1px solid #e3e4eb;padding-top:40px}
.contentsbox{position:relative}
.contentsbox .unit-tab .stitle{color:#fff;font-size:16px;background-color:#004c7e;height:58px;line-height:58px;padding-left:15px;position:relative}
.contentsbox .unit-tab .stitle a,.contentsbox .unit-tab .stitle a:visited{color:#fff}
.contentsbox .unit-tab .stitle a:hover,.contentsbox .unit-tab .stitle a:active{color:#fff}
.contentsbox .unit-tab .stitle .button{position:absolute;top:0;right:15px}
.contentsbox .unit-tab li{background-color:#fff;color:#010000;border-bottom:1px solid #e3e4eb;text-decoration:none}
.contentsbox .unit-tab li a{position:relative;display:inline-block;width:100%;min-height:24px;line-height:24px;padding:10px 0;color:#010000;text-decoration:none}
.contentsbox .unit-tab li a .fa{position:absolute;top:18px;right:10px;color:#e3e4eb}
.contentsbox .unit-tab li:hover{background-color:#f1f8ff;font-weight:700;text-decoration:none}
.contentsbox .unit-tab li.active{background-color:#b4cce4;font-weight:700;text-decoration:none}
.contentsbox .unit-tab li.active .fa{color:#004c7e}
.contentsbox .unit-tab li.active li{background-color:#f1f8ff;font-weight:400;position:relative}
.contentsbox .unit-tab li.active li.active,.contentsbox .unit-tab li.active li:hover{font-weight:700;}
.contentsbox .unit-tab li.active li:first-child{border-top:1px solid #e3e4eb}


/*단월별 자료*/
.unit-tab-content{padding-left:15px;text-align:left}
.unit-tab-content .titlebox .stitle{background:url("../img/titlebar.png") no-repeat left center; background-size:5px; display:inline-block; color:#000; font-size:18px;font-weight:700;padding-left:10px; margin-bottom:10px;}
.unit-tab-content .titlebox .summary{display:inline-block;color:#5c778b;font-size:16px;font-weight:400;padding-left:15px}
/*.unit-tab-content .tabbox{margin-top:30px}*/
.unit-tab-content .unittabs{height:42px;margin-bottom:0}
.unit-tab-content .unittabs>li>a{display:inline-block;float:left;margin:0;padding:10px 15px;width:20%;height:42px;border:1px solid #e3e4eb;text-align:center;color:#a8afb2;font-weight:400;font-size:16px;line-height:20px;color:#a8afb2}
.unit-tab-content .unittabs>li.unittabs1>a{border-right:0;text-decoration:none}
.unit-tab-content .unittabs>li:visited>a{text-decoration:none}
.unit-tab-content .unittabs>li:hover>a,.unit-tab-content .unittabs>li.active>a{background-color:#f1f8ff;border:1px solid #e3e4eb;border-top:3px solid #004c7e;color:#000;font-weight:700;text-decoration:none}
.unit-tab-content .unittabs>li:hover.unittabs1>a,.unit-tab-content .unittabs>li.unittabs1.active>a{border-right:0;text-decoration:none}
.unit-tab-content .reference{color:#636363;font-size:14px;padding-top:15px}
.unit-tab-content .tab-content{display:block;text-align:left;padding-top:30px}
.unit-tab-content .tab-pane{font-size:20px;position:relative}
.unit-tab-content .tab-pane .total{color:#3b3b3b;font-size:14px;display:inline-block;float:left}
.unit-tab-content .tab-pane .total .red{color:#e43232}
.unit-tab-content .tab-pane .selectbox{display:inline-block;float:right}
.unit-tab-content .tab-pane .selectbox button{padding:4px;background-color:#fff;border:1px solid #e3e4eb;color:#595959;font-size:14px;border-radius:0}
.unit-tab-content .databox{font-size:12px;color:#000;width:100%;font-size:0}
.unit-tab-content .databox li.dataline{line-height:50px;background-color:#fff;border:1px solid #e3e4eb;margin:5px 0}
.unit-tab-content .databox li li{font-size:12px;color:#000;display:inline-block;line-height:18px;vertical-align:middle;}
.unit-tab-content .databox li li.mydata-subject{margin-top:10px;line-height:25px}
.unit-tab-content .databox li.data_title{background-color:#f5f5f5;border:1px solid #e3e4eb}
.unit-tab-content .databox li.empty{background-color:#fff;border:1px solid #e3e4eb;color:#000}
.unit-tab-content .databox li.empty span{display:block;color:#000;text-align:center;font-size:14px}
.unit-tab-content .databox li.data_title li{font-size:14px;color:#000;display:inline-block;background-color:none}
.unit-tab-content .databox .iconbox{font-size:11px;color:#707070;}
.unit-tab-content .databox .iconbox span{display:inline-block;margin-left:5px;}
.unit-tab-content .databox .iconbox span.iconbox-icon{width:23%;font-size:14px;text-align:center;}
.unit-tab-content .databox .iconbox span.iconbox-icon a,.unit-tab-content .databox .iconbox span.iconbox-icon a:visited{color:#707070}
.unit-tab-content .databox .iconbox span.iconbox-icon a:hover{color:#faa31a;}
.unit-tab-content .databox .iconbox span.iconbox-icon.active a{color:#f55c5c;}
.paging{font-size:16px;line-height:24px;color:#848484;text-align:center}
.paging li{display:inline-block;margin:0 4px}
.paging li a{color:#848484;padding:2px 8px 1px}
.paging li a:hover,.paging li.active a{color:#000;font-weight:700;background-color:#f1f8ff}
.paging .graybox{width:17px;font-size:16px;line-height:16px;color:#fff;background-color:#959595;border-radius:2px;padding:2px 4px 0}
.paging-more{color:#a1a1a1}
.paging-more .paging-more-box{padding:20px 0;border:1px solid #e3e4eb}
.paging-more .paging-more-box:hover{color:#fff;background-color:#e3e4eb;padding:20px 0;border:1px solid #e3e4eb}
ol,ul{margin-top:0;margin-bottom:0}
.badge {font-size:10px}

/*다운로드 영역*/
.download-box{height:60px;line-height:60px;background-color:#459cff;color:#fff;font-size:14px;font-weight:400}
.download-box .bar{margin:0 10px 0 15px}
.download-box .number{color:#fff442}
.download-box .btn-box{display:inline-block;float:right}
.download-box .btn-box a,.download-box .btn-box a:visited{color:#fff}
.download-box .btn-box a:active,.download-box .btn-box a:hover{color:#fff442}

/*library E*/

/*notice/qna/mydata S*/
.board-content-area{padding-left:15px;text-align:left}
.board-content-area .titlebox .stitle{background:url("../img/titlebar.png") no-repeat 0 4px;display:inline-block;color:#000;font-size:25px;font-weight:700;padding-left:15px}
.board-content-area .titlebox .summary{display:inline-block;color:#5c778b;font-size:16px;font-weight:400;padding-left:15px}
.board-content-area .board-pane{font-size:20px;position:relative;margin-top:40px}
.board-content-area .board-pane .total{color:#3b3b3b;font-size:14px;line-height:34px;display:inline-block;float:left}
.board-content-area .board-pane .total .red{color:#e43232}
.board-content-area .board-pane .selectbox{display:inline-block;float:right;vertical-align:top}
.board-content-area .board-pane .selectbox button{padding:0 4px;background-color:#fff;border:1px solid #e3e4eb;color:#595959;font-size:14px;height:33px;border-radius:4px;float:right;text-align:right}
.board-content-area .board-pane .show-tick{display:inline-block;min-width:60px}
.board-content-area .board-pane .input-group{font-size:14px;line-height:29px;font-weight:400;float:right;text-align:right}
.board-content-area .board-pane .btnarea .btn{min-width:200px;padding:10px 0}
.board-content-area .board-pane .btn.w120{min-width:120px;padding:10px 0}
.board-content-area .board-pane .btn.w80{min-width:80px}
.board-content-area .databox{font-size:12px;color:#000;width:100%;font-size:0;margin-top:20px}
.board-content-area .databox li.dataline{line-height:30px;background-color:#fff;border-bottom:1px solid #e3e4eb;margin:0;padding-top:5px}
.board-content-area .databox li li{font-size:12px;color:#000;display:inline-block}
.board-content-area .databox li.data_title{background-color:#004c7e;border-top:4px solid #00385c;color:#fff}
.board-content-area .databox li.data_title li{font-size:14px;color:#fff;display:inline-block}
.board-content-area .databox li.datalink:hover{background-color:#f1f8ff}
.board-content-area .databox li.datalink.ready a{color:#006;text-decoration:none}
.board-content-area .databox li.datalink.done,.board-content-area .databox li.datalink.done li,.board-content-area .databox li.datalink.done a{color:#004c7e;font-weight:700;text-decoration:none}

/*공지사항 보기*/
.board-content-area .databox li.data_title li.view_title{font-size:14px;
	/*color:#000;*/
}
.board-content-area .databox li.data_title li.view_date{font-size:12px;
	/*color:#acacac;*/
}
.board-content-area .databox .contentsline .contents{min-height:200px;font-size:14px;padding:10px 10px;line-height:1.8em;border-bottom:40px}
.board-content-area .databox .contentsline .contents p{margin-bottom:0}
.board-content-area .databox .iconbox{font-size:11px;color:#fff;
	/*border:1px solid red;*/
}
.board-content-area .databox .iconbox span{display:inline-block;margin-left:5px;}
.board-content-area .databox .iconbox span.iconbox-icon{width:23%;font-size:14px;text-align:center;
	/*border:1px solid red;*/
}
.board-content-area .databox .iconbox span.iconbox-icon:hover a{color:#faa31a}
.board-content-area .databox .iconbox span.iconbox-icon.active a{color:#f55c5c;}

/*댓글*/
.board-content-area .comments{font-size:12px;width:100%;border-top:1px solid #e3e4eb;border-bottom:1px solid #e3e4eb;background-color:#f1f8ff;padding:20px}
.board-content-area .comments .comments-title li{display:inline-block;line-height:2em;padding-bottom:10px}
.board-content-area .comments .comments-title li.info-area{float:right}
.board-content-area .comments .comments-title li.info-area .btn-area{display:inline-block;margin-left:20px}
.board-content-area .comments .comments-contents{min-height:50px;border-bottom:1px dashed #e3e4eb;margin-bottom:20px}
.board-content-area .comments .comments-box{height:80px}
.board-content-area .comments .comments-input-box{width:100%;height:80px;padding:10px}
.board-content-area .comments .btn-lg{width:100%;height:80px}

/*공지 보기 버튼 영역*/
.board-content-area .btn-area{margin:10px 0;text-align:right}
.board-content-area .btn-area .btn-default{background-color:#fff}
.board-content-area .btn-area .btn-default:hover{background-color:#6694b2;border:1px solid #6694b2;color:#fff}

/*notice E*/

/*qna S*/
.board-content-area .qna-area{border-top:4px solid #6694b2;font-size:14px;color:#000;margin-top:40px}
.board-content-area .qna-area dt,.board-content-area .qna-area dl{display:inline-block}
.board-content-area .qna-area .form-group{border-bottom:1px solid #e3e4eb;margin-top:5px;margin-bottom:5px;margin:0;padding:10px 0}
.board-content-area .qna-area .qna-content .stitle{text-align:right}
.board-content-area .qna-area .help-block{font-size:12px;color:#a94442}
.board-content-area .qna-area .btn-padding{min-width:120px;padding:10px 0}
.board-content-area .qna-area input,.board-content-area .qna-area select,.board-content-area .qna-area textarea{border:1px solid #c2c2c2;background-color:#f7f7f7}
.board-content-area .qna-area input:focus,.board-content-area .qna-area select:focus,.board-content-area .qna-area textarea:focus{border:1px solid #c2c2c2;background-color:#fff}
.board-content-area .qna-area .alert{margin-top:40px;font-size:14px;color:#000}
.help-block-ml50{margin-left:50px}

/*qna E*/

/*이용약관,개인정보취급방침 S*/
.servicebox pre{margin-top:40px;white-space:pre-wrap;word-wrap:break-word;background-color:#fff;padding:20px;font-size:13px;line-height:24px;}
.join-area .agree1 pre, .join-area .agree2 pre{white-space:pre-wrap;word-wrap:break-word;background-color:#fff;padding:20px;font-size:13px;line-height:24px;}

/*이용약관,개인정보취급방침 E*/

/*회원가입 S*/
.join-area{margin-top:40px}
.join-area .title-area .stitle{font-size:20px;color:#000;margin:20px 0;text-align:left}
.join-area .title-area .summary{font-size:14px;color:#898989;margin:10px 0}
.join-area .agree1,.join-area .agree2{position:relative}
.join-area .agree1 .stitle,.join-area .agree2 .stitle{font-size:20px;color:#004c7e;margin:20px 0}
.join-area .checkbox{font-size:16px}
.join-area .checkbox label::before{margin-top:2px}
.join-area pre{overflow-y:scroll;height:200px;overflow-x:hidden;white-space:pre-wrap;word-wrap:break-word}
.join-area .contents-box{border-top:4px solid #004c7e;font-size:14px;color:#000;}
.join-area .join-content{line-height:30px}
.join-area .contents-box .stitle{text-align:right}
.join-area .help-block{font-size:12px;color:#a94442;margin-bottom:0}
.join-area .btn-80{min-width:80px}
.join-area .btn-p100{min-width:100%;padding:20px 0}
.join-area button{min-width:120px}
.join-area input,.join-area select,.join-area textarea{border:1px solid #c2c2c2;background-color:#f7f7f7}
.join-area input:focus,.join-area select:focus,.join-area textarea:focus{border:1px solid #c2c2c2;background-color:#fff}
.join-area .checkbox{font-size:14px}
.join-area .checkbox label::before{top:4px}
.join-area .radio label::before{top:6px}
.join-area .radio label::after{top:9px}
.join-area .radio input[type="radio"]:checked+label::after{top:9px}
.join-area .emailcetichk,.join-area .emailceti-msg{display:}
.join-area .smscetichk,.join-area .smsceti-msg,.join-area .emailcetichk2{display:none}

/*교사인증*/
.certchk-area .titlebox{background-color:#004c7e;position:relative;padding:20px 15px}
.certchk-area .titlebox .title{background:url("../img/titlebar.png") no-repeat 0 4px;display:inline-block;color:#fff;font-size:24px;font-weight:400;padding-left:15px}
.certchk-area .titlebox .summary{display:inline-block;color:#fff;font-size:14px;font-weight:400;padding-left:15px}
.certchk-area .titlebox .img{display:inline-block;position:absolute;top:24px;right:20px}
.certchk-area .tit-img{text-align:center;margin:40px}
.certchk-area .tit-img img{margin:0 auto}
.certchk-area .certbox{background-color:#fbfbfb;border:1px solid #e1e1e1;font-size:14px;padding:20px;text-align:center}
.certchk-area .certbox .tit{font-size:18px;line-height:30px}
.certchk-area .certbox .btn{min-width:200px;padding:20px;margin-top:20px;margin-bottom:10px}
.certchk-area .certbox .upload-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

/*회원가입완료*/
.join-area .joindone-box{border:1px solid #e1e1e1;background-color:#f9f9f9;text-align:center;padding:40px 10px}
.join-area .joindone-box img{margin:0 auto}
.join-area .joindone-box .stitle{color:#000;font-size:16px;margin-top:10px}
.join-area .joindone-box .summary{color:#898989;font-size:14px}
.join-area .joindone-box .join-info{margin-top:10px;padding:20px;color:#666;border:1px solid #e1e1e1;background-color:#fff}
.join-area .joindone-box .join-info .txt1{text-align:right}
.join-area .joindone-box .join-info .txt2{color:#000;text-align:left}
.join-area .joindone-box .join-info .agree-info{border-top:1px solid #e1e1e1;margin-top:10px;padding-top:10px}
.join-area .joindone-box .join-info .txt3{color:#f76e2a}
.join-area .joindone-box .btn-area2{margin-top:10px}
.join-area .joindone-box .btn-area2 .btn{border-radius:0;padding:10px;font-size:20px}

/*login S*/
.login-area .titlebox .summary{color:#b7b7b7}
.login-area .btn-p100{min-width:100%}
.login-area .login{margin:40px auto;padding:0;text-align:center}
.login-area .login img{margin:0 auto}
.login-area .login-box{background-color:#fff;border:2px solid #004c7e;border-radius:4px;padding:25px 30px;margin-top:40px;text-align:center;font-size:14px;-moz-box-shadow:1px 1px 1px 1px rgba(0,0,0,0.2);-webkit-box-shadow:1px 1px 1px 1px rgba(0,0,0,0.2);box-shadow:1px 1px 1px 1px rgba(0,0,0,0.2)}
.login-area .login-box .stitle{font-size:18px;color:#000;margin:10px auto}
.login-area .login-box .summary{font-size:12px;color:#898989;margin:10px auto}
.login-area .login-box .login-input{position:relative}
.login-area .login-box a,.login-area .login-box a:visited{color:#333}
.login-area .login-box a:hover,.login-area .login-box a:active{color:#004c7e}
.login-area .login-box input{background-color:#f1f8ff;border:1px solid #e1e1e1;margin-bottom:10px}
.login-area .login-box .checkbox{display:inline-block;line-height:16px;margin:0}
.login-area .login-box .checkbox label::before{top:0}
.login-area .login-box .checkbox label{color:#333}
.login-area .login-box .bar{margin:0 5px}
.login-area .login-box .bar2{margin:0 5px}

/*아이디 찾기 S*/
.idfind-area .titlebox .summary{color:#b7b7b7}
.idfind-area .idfind{text-align:center;margin-top:40px}
.idfind-area .idfind img{margin:0 auto}
.idfind-area .idfind-tel-box{margin-top:40px;background-color:#fff;border:2px solid #a3b5c0;border-radius:4px;color:#464646;font-size:16px;padding:20px 15px;-moz-box-shadow:1px 1px 1px 1px rgba(0,0,0,0.2);-webkit-box-shadow:1px 1px 1px 1px rgba(0,0,0,0.2);box-shadow:1px 1px 1px 1px rgba(0,0,0,0.2)}
.idfind-area .idfind-tel-box .bar{border-left:1px solid #e1e1e1}
.idfind-area .idfind-tel-box .idfind-tit1{display:table;height:200px}
.idfind-area .idfind-tel-box .idfind-txt1{display:table-cell;line-height:30px;vertical-align:middle}
.idfind-area .idfind-tel-box .idfind-txt2{font-size:12px}
.idfind-area .idfind-tel-box .cetichk1,.idfind-area .idfind-tel-box .cetichk2{display:none}
.idfind-area .idfind-tel-box .input-group-addon{min-width:100px;background-color:#dbedf8}
.idfind-area .idfind-tel-box .input{border-top-right-radius:4px!important;border-bottom-right-radius:4px!important}
.idfind-area .btn-area2{margin-top:40px;}
.idfind-area .btn-area2 .btn{padding:15px 20px;color:#fff;}
.modal-dialog .blue{color:#004c7e}

/*회원정보수정 S*/
.myinfo-area .myinfo-content{margin-top:40px;background-color:#fbfbfd;border:1px solid #e1e1e1;color:#464646;font-size:16px;padding:40px 30px;text-align:center}
.myinfo-area .myinfo-content .txt{font-size:14px}
.myinfo-area .myinfo-content .input{margin-top:20px}
.myinfo-area .myinfo-content .input .pw-area{position:relative}
.myinfo-area .myinfo-content input{margin-top:10px}
.myinfo-area .btn-p100{margin-top:10px;min-width:100%;padding:20px 0}

/*회원탈퇴 S*/
.leave-area .leave-content{margin-top:40px;background-color:#fbfbfd;border:1px solid #e1e1e1;color:#464646;font-size:16px;padding:40px 30px;text-align:center}
.leave-area .leave-content .top-txt{text-align: justify;margin-right:auto;margin-left:auto;margin-bottom: 40px;max-width: 540px;}
.leave-area .leave-content .stit{font-size:14px;font-weight: bold;margin-bottom: 5px;}
.leave-area .leave-content .txt{font-size:12px}
.leave-area .leave-content h5{text-align: justify;margin-right:auto;margin-left:auto;max-width: 540px;}
.leave-area .leave-content .input{margin-top:20px}
.form-horizontal .leave-content .has-feedback .form-control-feedback{right:0}

/*교과서 구입 안내 S*/
.buyguide-area .btn{width:50%;padding:20px 0}

/*사이트맵 S*/
.sitemap-area .tit{font-size:20px;margin-top:40px;width:100px;text-align:center;color:#fff;line-height:20px;padding:14px 10px 8px 10px;border-radius:4px;display:inline-block}
.sitemap-area .sitemap2 .tit{background-color:rgba(12,83,125,1);border-right:2px solid #444;border-bottom:2px solid #444}
.sitemap-area .sitemap3 .tit{background-color:rgba(221,175,10,1);border-right:2px solid #444;border-bottom:2px solid #444}
.sitemap-area .sitemap4 .tit{background-color:rgba(255,0,0,1);border-right:2px solid #444;border-bottom:2px solid #444}
.sitemap-area .sitemap5 .tit{background-color:rgba(17,17,17,1);border-right:2px solid #444;border-bottom:2px solid #444}
.sitemap-area .sitemap6 .tit{background-color:rgba(155,199,100,1);border-right:2px solid #444;border-bottom:2px solid #444}
.sitemap-area .sitemap7 .tit{background-color:rgba(111,82,140,1);border-right:2px solid #444;border-bottom:2px solid #444}
.sitemap-area .stitle{font-size:14px;margin-top:20px;text-align:center}
.sitemap-area .stitle .stitle1{width:100%;border-bottom:1px solid rgba(12,83,125,1)}
.sitemap-area .stitle ul{margin-top:5px;padding-top:5px}
.sitemap-area .stitle ul li{font-size:12px;padding-left:30px;text-align:left;margin-bottom:10px}
.sitemap-area .stitle ul li a,.sitemap-area .stitle ul li a:visited{color:#666}
.sitemap-area .stitle ul li a:hover,.sitemap-area .stitle ul li a:active{color:#004c7e}
.sitemap-area .sitemap-box .stitle1 a,.sitemap-area .sitemap-box .stitle1 a:visited{color:#333}
.sitemap-area .sitemap-box .stitle1 a:hover,.sitemap-area .sitemap-box .stitle1 a:active{color:#004c7e}
.sitemap-area .sitemap-box.sitemap{border-top:2px solid #004c7e;margin-top:40px}
.sitemap-area .sitemap-box.sitemap .tit{background-color:#faa328;border-right:2px solid #444;border-bottom:2px solid #444}

/*마이페이지 S*/
.mybook-area .mybook-box{border:1px solid #e3e4eb;background-color:#fff;margin-top:20px}
.mybook-area .mybook-box .title-area{border-bottom:1px solid #e3e4eb}
.mybook-area .mybook-box .title{font-size:18px;color:#333;padding:10px 15px}
.mybook-area .mybook-box .summary{font-size:14px;color:#eee}
.mybook-area .mybook-box .contexts{padding:0px 15px 20px 15px}
.mybook-area .btn-blue{width:120px;padding:20px 0}
.mybook-area .btn-p100{width:100%;padding:20px 0}
.scrapWrap .databox .iconbox span{display:inline-block;width:23%;text-align:center;margin-left:0px;}
.scrapWrap .databox li.data_title {background-color:#004c7e;border:4px solid #004c7e;border-top:4px solid #00385c;color:#fff}
.scrapWrap .databox li.data_title li{color:#fff}
.scrapWrap .databox li.data_title .iconbox {color: #fff}
.scrapWrap .databox li.dataline {line-height: 40px}
/*체크박스,라디오버튼 S*/
.checkbox{padding-left:20px}
.checkbox label{display:inline-block;vertical-align:middle;position:relative;padding-left:5px}
.checkbox label::before{content:"";display:inline-block;position:absolute;width:17px;height:17px;left:0;margin-left:-20px;border:1px solid #ccc;border-radius:3px;background-color:#fff;-webkit-transition:border .15s ease-in-out,color .15s ease-in-out;-o-transition:border .15s ease-in-out,color .15s ease-in-out;transition:border .15s ease-in-out,color .15s ease-in-out}
.checkbox label::after{display:inline-block;position:absolute;width:16px;height:16px;left:0;top:0;margin-left:-20px;padding-left:3px;padding-top:1px;font-size:11px;color:#555}
.checkbox input[type="checkbox"]{opacity:0;z-index:1}
.checkbox input[type="checkbox"]:focus + label::before{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
.checkbox input[type="checkbox"]:checked + label::after{font-family:'FontAwesome';content:"\f00c"}
.checkbox input[type="checkbox"]:disabled + label{opacity:.65}
.checkbox input[type="checkbox"]:disabled + label::before{background-color:#eee;cursor:not-allowed}
.checkbox.checkbox-circle label::before{border-radius:50%}
.checkbox.checkbox-inline{margin-top:0}
.checkbox-primary input[type="checkbox"]:checked + label::before{background-color:#337ab7;border-color:#337ab7}
.checkbox-primary input[type="checkbox"]:checked + label::after{color:#fff}
.checkbox-danger input[type="checkbox"]:checked + label::before{background-color:#d9534f;border-color:#d9534f}
.checkbox-danger input[type="checkbox"]:checked + label::after{color:#fff}
.checkbox-info input[type="checkbox"]:checked + label::before{background-color:#5bc0de;border-color:#5bc0de}
.checkbox-info input[type="checkbox"]:checked + label::after{color:#fff}
.checkbox-warning input[type="checkbox"]:checked + label::before{background-color:#f0ad4e;border-color:#f0ad4e}
.checkbox-warning input[type="checkbox"]:checked + label::after{color:#fff}
.checkbox-success input[type="checkbox"]:checked + label::before{background-color:#5cb85c;border-color:#5cb85c}
.checkbox-success input[type="checkbox"]:checked + label::after{color:#fff}
.radio{padding-left:20px}
.radio label{display:inline-block;vertical-align:middle;position:relative;padding-left:5px}
.radio label::before{content:"";display:inline-block;position:absolute;width:17px;height:17px;left:0;margin-left:-20px;border:1px solid #ccc;border-radius:50%;background-color:#fff;-webkit-transition:border .15s ease-in-out;-o-transition:border .15s ease-in-out;transition:border .15s ease-in-out}
.radio label::after{display:inline-block;position:absolute;content:" ";width:11px;height:11px;left:3px;top:3px;margin-left:-20px;border-radius:50%;background-color:#555;-webkit-transform:scale(0,0);-ms-transform:scale(0,0);-o-transform:scale(0,0);transform:scale(0,0);-webkit-transition:-webkit-transform .1s cubic-bezier(0.8,-0.33,0.2,1.33);-moz-transition:-moz-transform .1s cubic-bezier(0.8,-0.33,0.2,1.33);-o-transition:-o-transform .1s cubic-bezier(0.8,-0.33,0.2,1.33);transition:transform .1s cubic-bezier(0.8,-0.33,0.2,1.33)}
.radio input[type="radio"]{opacity:0;z-index:1}
.radio input[type="radio"]:focus + label::before{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
.radio input[type="radio"]:checked + label::after{-webkit-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1)}
.radio input[type="radio"]:disabled + label{opacity:.65}
.radio input[type="radio"]:disabled + label::before{cursor:not-allowed}
.radio.radio-inline{margin-top:0}
.radio-primary input[type="radio"] + label::after{background-color:#337ab7}
.radio-primary input[type="radio"]:checked + label::before{border-color:#337ab7}
.radio-primary input[type="radio"]:checked + label::after{background-color:#337ab7}
.radio-danger input[type="radio"] + label::after{background-color:#d9534f}
.radio-danger input[type="radio"]:checked + label::before{border-color:#d9534f}
.radio-danger input[type="radio"]:checked + label::after{background-color:#d9534f}
.radio-info input[type="radio"] + label::after{background-color:#5bc0de}
.radio-info input[type="radio"]:checked + label::before{border-color:#5bc0de}
.radio-info input[type="radio"]:checked + label::after{background-color:#5bc0de}
.radio-warning input[type="radio"] + label::after{background-color:#f0ad4e}
.radio-warning input[type="radio"]:checked + label::before{border-color:#f0ad4e}
.radio-warning input[type="radio"]:checked + label::after{background-color:#f0ad4e}
.radio-success input[type="radio"] + label::after{background-color:#5cb85c}
.radio-success input[type="radio"]:checked + label::before{border-color:#5cb85c}
.radio-success input[type="radio"]:checked + label::after{background-color:#5cb85c}
input[type="checkbox"].styled:checked + label:after{font-family:'FontAwesome';content:"\f00c"}
input[type="checkbox"] .styled:checked + label::before{color:#fff}
input[type="checkbox"] .styled:checked + label::after{color:#fff}

/* 회원가입 dhlee */
.form-horizontal .has-feedback .feedbak136 .form-control-feedback{right:136px}
.form-horizontal .has-feedback .feedbak40 .form-control-feedback{right:40px}
.form-horizontal .has-feedback .form-control{padding-right:0}
.form-control-static.smsautharea{color:#277b9c}
.form-control-static.emailautharea{color:#277b9c}
.btnModalOpen{margin:100px}
.red{color:#f00}
.modal-content .form-inline,.downwrap{margin:50px 0}
.modal-content .form-inline,.cddownwrap{margin:30px 0}
.modal-body,.modal-footer{text-align:center}
.btn-down{width:70%;margin:10px auto}
.btn-down .tit{font-size:20px}
.btn-down ul{list-style:none;margin-bottom:0}
.btn-down ul li{text-align:left}
.modal-footer{font-family:"open sans","Helvetica Neue",Helvetica,Arial,sans-serif,'Nanum Barun Gothic',AppleGothic,gulim}

/*학교검색*/
#schoolModal .form-inline{margin:0}
.search-body{padding-top:10px}
.search-body p{margin:0}
.schoolwrap .row{padding:10px 0;border-bottom:1px solid #4476b9;line-height:34px}
.schoolwrap .row div{line-height:1.4;}
.lh100{line-height:200px}

/*미리보기*/
.carousel-control .fa-arrow-circle-left,.carousel-control .fa-arrow-circle-right{display:inline-block;position:absolute;top:50%;z-index:5;color:#004c7e;}

/*validation modal*/
#invalidmsg .help-block, #invalidmsg2 .help-block{font-size:100%;text-align:left;padding-left:10px;}

/*교과서 이용 안내 S - 17.06.19 */
.text_list {width:100%; padding:0; margin:0;}
.info_title {font-size: 18px; font-weight: bold; color: #3668e1; line-height:180%; background: url(../img/info_title_bullet.gif) no-repeat 0 11px; display: inline-block; padding-left: 15px;}
.info_text {font-size: 14px; font-weight: normal; color: #666666; line-height:180%;}
.info_group {font-size: 16px; font-weight: bold; color: #ffffff; border:1px solid #414141; border-radius: 35px; padding:3px; line-height:180%; background: url(../img/info_group_bullet.png) no-repeat 18px 15px; padding-left: 30px; background-color:#767676; }
ul li.info_li_num1 {font-size: 14px; font-weight: normal; color: #666666; line-height:180%; display:block; background: url(../img/info_num01.png) no-repeat 0 3px; padding-left: 23px; }
ul li.info_li_num2 {font-size: 14px; font-weight: normal; color: #666666; line-height:180%; display:block; background: url(../img/info_num02.png) no-repeat 0 3px; padding-left: 23px; }
ul li.info_li_num3 {font-size: 14px; font-weight: normal; color: #666666; line-height:180%; display:block; background: url(../img/info_num03.png) no-repeat 0 3px; padding-left: 23px; }
ul li.info_li_num4 {font-size: 14px; font-weight: normal; color: #666666; line-height:180%; display:block; background: url(../img/info_num04.png) no-repeat 0 3px; padding-left: 23px; }
.board-content-area .info_boxbg{ background-color:#f5f6fa;position:relative;padding:5px 15px;border-radius: 5px; margin-top:5px;}


/*교과서 상세페이지 학생용CD 버튼추가*/
.topbox .button-box .btn.unit3 {border-radius:0;width:190px;height:50px;}
.topbox .button-box .cddown01{background:url("../img/icon_cddown_off.png") no-repeat 10px 16px;background-color:#faa328;color:#fff;}
.topbox .button-box .cddown01:hover{background:url("../img/icon_cddown_on.png") no-repeat 10px 16px;background-color:#fff;border:1px solid #faa328;color:#3f3f3f;font-weight:700;}
.topbox .button-box .cddown02{background:url("../img/icon_cddown_off.png") no-repeat 10px 16px;background-color:#0d9bf5;color:#fff; margin-left:10px;}
.topbox .button-box .cddown02:hover{background:url("../img/icon_cddown_on2.png") no-repeat 10px 16px;background-color:#fff;border:1px solid #0d9bf5;color:#3f3f3f;font-weight:700;}

/*교사용 학습자료 내려받기 tab 추가*/
.relationtextbookbox .teachtabs>li>a{display:inline-block;float:left;margin:0;padding:10px 45px; border:1px solid #e3e4eb; border-bottom:0px; text-align:center;color:#a8afb2;font-weight:700;font-size:14px;line-height:20px;color:#a8afb2;}
.relationtextbookbox .teachtabs>li.teachtabs_line {display:inline-block;float:left;margin:0;padding:5px 45px; border:0;text-align:center;}
.relationtextbookbox .teachtabs>li:visited>a,.relationtextbookbox .teachtabs>li>a:visited,.relationtextbookbox .teachtabs>li.active:visited>a{text-decoration:none;}
.relationtextbookbox .teachtabs>li.teachtabs1>a{border-right:0;}
.relationtextbookbox .teachtabs>li:hover>a,.relationtextbookbox .teachtabs>li.active>a{background-color:#f5f5f5;padding:10px 45px; border:1px solid #e3e4eb; border-bottom:0px; color:#000;font-weight:700;text-decoration:none;}
.relationtextbookbox .teachtabs>li:hover.teachtabs1>a,.relationtextbookbox .teachtabs>li.teachtabs1.active>a{border-right:0;}
.modal-header.teach {padding:15px 15px 0 15px;}
.relationtextbookbox h4.modal-title {margin: 0;line-height: 1.42857143; text-align:left; padding-bottom:15px;}


/*교과서 회원가입-학교검색-직접입력*/
.btn-shl {color: #fff; background-color: #6694b2; border-color: #50809f; font-size:12px;}
.btn-default {color: #333;background-color: #fff;border-color: #ccc; font-size:12px;}
.col-xs-12.has-feedback label.control-label {padding-top:7px; margin-bottom: 0; text-align: right;}
.schoolwrap .row_shcool {
    padding: 10px 0;
	border-bottom:0;
    line-height: 34px;
}

.radio{position:relative; margin-top:10px; margin-bottom:10px;}
.radio.shcool-radio {width: 83.33333333%; float:left; text-align:left;}
.radio.shcool-radio label{min-height:20px; padding-left:0; margin-bottom:0; font-weight:400; cursor:pointer;}
.radio.shcool-radio input[type=radio],.radio-inline input[type=radio]{position:relative;margin-top:4px;margin-left:0;}

/*20190131 추가*/
.relationtextbookbox .teachtabs>li:hover#teachtabs3>a,.relationtextbookbox .teachtabs>li#teachtabs3>a{border-right:0;}
.relationtextbookbox .teachtabs>li:hover#teachtabs5>a,.relationtextbookbox .teachtabs>li#teachtabs5>a{border-left:0;}

/*20190207 추가*/
li.dropdown {position: static;  padding-bottom:15px;}
li.dropdown > div.dropdown-menu {border-top-left-radius:4px; border-top-right-radius:4px;}
li.dropdown:hover div.dropdown-menu {display:block; z-index:9999;}
li.dropdown > div.dropdown-menu {width:960px; padding:15px 35px 0 45px; box-sizing:border-box; z-index:9999; box-shadow:none; left:-163px; top:51px; float:left;}
li.dropdown > div.dropdown-menu > ul {width:100%; float:left;}
li.dropdown > div.dropdown-menu > ul.bor_non {border:none; margin:0; padding-bottom:0;}
li.dropdown > div.dropdown-menu > ul > p {float:left; width:100px; height:60px; font-weight:bold;}
li.dropdown > div.dropdown-menu > ul > li {overflow:hidden;}
li.dropdown > div.dropdown-menu > ul > li > p.m_tit {width:50px; background:url('/assets/img/ico_arrow_right.png') no-repeat right center; background-size:4px; margin-right:5px;}
li.dropdown > div.dropdown-menu > ul > li > p.jt {color:#1c47e3;}
li.dropdown > div.dropdown-menu > ul > li > p.gt {color:#1c9fe3;}
li.dropdown > div.dropdown-menu > ul > li > p {float:left;}
li.dropdown > div.dropdown-menu > ul.dropm > li > p > a {display:inline; color:#444444; padding:3px 8px; margin: 0 5px;}
li.dropdown > div.dropdown-menu > ul.dropm > li > p > a:hover {display:inline; padding:3px 8px; border-radius:0; background-color:#1f4e7a;color:#ffffff; box-sizing:border-box;}

span.display {font-size:0;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover  {background:#1f4e7a;}

div.title-area2019 .title {color:#9a9a9a; font-size:15px; padding-bottom:5px;}
div.main_select {width:100%;}
div.main_select select {width:84.35px; height:28px; font-size:13px; color:#888888; border:1px solid #e3e4eb;}
.pc_nav {display:block;}
.mo_nav {display:none;}

.qna_sel {display:block; width:100%; background:#f4f4f4; box-sizing:border-box; padding:10px 15px; margin-top:10px;}

.radioB [type="radio"].ra_bc_id { border:1px solid #ddd; background:#fff; width:16px; height:16px; top:3px; margin-right:4px; color:#fff;}
.radioB label {margin-top:-5px; margin-left:-15px; width:110px;}
/*
.radioB{padding-left:20px}
.radioB span{display:inline-block;vertical-align:middle;position:relative;padding-left:5px}
.radioB span::before{content:"";display:inline-block;position:absolute;width:17px;height:17px;left:0;margin-left:-20px;border:1px solid #ccc;border-radius:50%;background-color:#fff;-webkit-transition:border .15s ease-in-out;-o-transition:border .15s ease-in-out;transition:border .15s ease-in-out}
.radioB span::after{display:inline-block;position:absolute;content:" ";width:11px;height:11px;left:3px;top:3px;margin-left:-20px;border-radius:50%;background-color:#555;-webkit-transform:scale(0,0);-ms-transform:scale(0,0);-o-transform:scale(0,0);transform:scale(0,0);-webkit-transition:-webkit-transform .1s cubic-bezier(0.8,-0.33,0.2,1.33);-moz-transition:-moz-transform .1s cubic-bezier(0.8,-0.33,0.2,1.33);-o-transition:-o-transform .1s cubic-bezier(0.8,-0.33,0.2,1.33);transition:transform .1s cubic-bezier(0.8,-0.33,0.2,1.33)}
.radioB input[type="radio"]{opacity:0;z-index:1}
.radioB input[type="radio"]:focus + span::before{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
.radioB input[type="radio"]:checked + span::after{display:block; -webkit-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1)}
.radioB input[type="radio"]:disabled + span{opacity:.65}
.radioB input[type="radio"]:disabled + span::before{cursor:not-allowed}*/


/*20190325 업데이트 아이콘 및 팝업 추가*/
.button-boxB span#update_cd {display:inline-block; width:54px; height:24px; position:absolute; top:42px; right:25%; margin-right:-35px; z-index:9;}
.up_tit {font-size:14px; line-height:21px; border-bottom:1px dotted #eaeaea; padding-bottom:10px;}
.up_txt {line-height:18px;}
.up_txt span {color:#ff4715; }
a.update_btn {display:inline-block; color:#fff; border-radius: 4px; background:#004c7e; padding:7px 23px;}
.relationtextbookboxB {position:relative; padding-left:32px; box-sizing:border-box;}
.relationtextbookboxB span#update_cdB {display:inline-block; width:54px; height:24px; position:absolute; top:-7px; right:40px; z-index:9;}
.relationtextbookboxB .btn_wrapB {position:relative; float:left; margin-left:4px;}

@media screen and (max-width:990px){
	.relationtextbookboxB {padding-left:0;}
	.relationtextbookboxB .btn_wrapB {width:25%; margin:0;}
	.relationtextbookboxB .btn_wrapB button.btn19, .relationtextbookboxB .btn_wrapB button.btn19A {width:99.6%; box-sizing:border-box;}	
	li.dropdown:hover div.dropdown-menu {display:none;}
	div.dropdown-menu {display:none;}
}

@media screen and (max-width:768px){
	div.header-top > div.container {overflow:hidden; padding-bottom:none;}
	.header .header-top {height:77px;}
	.pc_nav {display:none;}
	.mo_nav {display:block;}
	
	.relationtextbookboxB .btn_wrapB {display:inline-block; width:50%; margin-top:5px;}
	.relationtextbookboxB span#update_cdB {right:50%; margin-right:-25px;}
	
}

@media screen and (max-width:520px){
	.radioB label {margin-top:-5px; margin-left:-15px; width:95px; font-size:13px;}
	.qna_sel select {width:100%; height:30px; margin-bottom:2px;}
	.up_tit {font-size:12px; line-height:18px;}
	.relationtextbookboxB .btn_wrapB button.bookmark {margin-top:0;}
	.relationtextbookboxB .btn_wrapB button.btn19, .relationtextbookboxB .btn_wrapB button.btn19A {width:99%; box-sizing:border-box;}	
}



/*20190628 교사용 자료 내려받기 테이블 추가*/

table.teachtabs {width:100%}
table.teachtabs td { border:1px solid #e3e4eb; border-bottom:none; color:#a8afb2; font-weight:700; font-size:14px; line-height:20px;}
table.teachtabs td:hover, table.teachtabs td a:focus {background:#f5f5f5; text-decoration:none;}
table.teachtabs td a {display:inline-block; margin:0; padding:10px 0; width:100%; text-align:center;}