@charset "utf-8";
@import url('NanumGothic.css'); 

/*
Project:layout CL초등
Author:kimjeongju
Date:2020.04.27
*/

/*reset*/
body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,textarea,th,ul{margin:0;padding:0;}
body,button,input,select,table,textarea{font-size:12px;font-family:'Nanum Gothic','나눔고딕',sans-serif,'Dotum';line-height:1.2;}
button,input{border-radius:0}
fieldset,img{border:0}
ol,ul{list-style:none}
address,em{font-style:normal}
a{text-decoration:none}
a:hover{text-decoration:none}
iframe{overflow:hidden;margin:0;padding:0;border:0}
.blind{position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px}

.point_blue{color:#363e62}

#wrap { position:relative; width:998px; height:100%; margin: 0 auto;}
#header { position:relative; width:100%; height:114px;}
#container { float:left; width:100%; padding:0 0 45px 0;}
#sideArea { float:left; width:174px;}
#contents { float:right; width:742px;}
#footerWrap { float:left; width:100%; height:99px; }
#footer { position:relative; width:998px; margin:22px auto 0 auto;}

.quickArea { position:absolute; right:-93px; top:450px; width:93px; height:435px;}

.sidemenu { margin:0 0 50px 0;}
.sideBanner{ text-align:center}
.sideBanner p { margin:0 0 6px 0;}
.sideBanner h5 span{border-radius:30px; font-size:14px; font-weight:bold; color:#fff; display:inline-block; padding:10px 30px;}
.sideBanner h5 .studytit{background:#ff7f00; margin:0 0 6px 0}
.sideBanner h5 .cstit{background:#707070; margin:14px 0 6px 0}

.cscenter{ background:url(../../img/common/bg_cscenter.png) no-repeat; width:175px; height:203px;_height:216px; padding-top:13px; text-align:center}
.cscenter li{ display:inline-block; margin-bottom:6px}

/*학습자 매뉴얼 200423*/
.stu_menual{background:#f8f8f8;margin-bottom:6px;padding-bottom:12px;}
.stu_menual>h4{padding-top:12px;padding-bottom:8px;font-size:15px;line-height:1.2;font-weight:bold;letter-spacing:-1px;}
.lst_menual{display:inline-block;width:88%;}
.lst_menual>li{margin-top:4px;}

.lst_menual>li:first-child{margin-top:0}
.lst_menual>li>a{display:block;height:24px;text-align:left;color:#fff;background:#ff9844;font-size:12px;line-height:24px;border-radius:0px 4px 4px 0;font-weight:bold;}
.lst_menual>li>a .btn_arrow{float:right;width:6px;height:9px;margin-top:7px;margin-right:6px;background:url("../../img/myzone/btn_arrow.png") 0 0 no-repeat;background-size:cover}
.lst_menual>li .bar{float:left;width:5px;height:24px;margin-right:4px;background:rgba(0,0,0,.1)}
.lst_menual>li .stp01{background:#82e25d}
.lst_menual>li .stp02{background:#70d449}
.lst_menual>li .stp03{background:#48c118}
.lst_menual>li .stp04{background:#33ae03}
.lst_menual>li .creal{background:#ffc427}
.lst_menual>li .readers{background:#74bcf7}