@charset "utf-8";


/* 대학 원격 수업 준비 Quick 매뉴얼 */
#manualWrap{width:840px;}

/* 매뉴얼  header */
#manualWrap .manualHeader{ height: 165px; }
#manualWrap .manualHeader h1{}

/* 매뉴얼  content */
#manualWrap .manualContent{padding:0 20px 40px;}
#manualWrap .manualContent  a{color: #0054ff;text-decoration: underline;}
#manualWrap .manualContent  a:hover{color: #0006ff;text-decoration: underline}
/* 안내 박스 content */
#manualWrap .manualContent .infoBox{ border: 5px solid #eee;padding:30px;margin-bottom:40px;}
#manualWrap .manualContent .infoBox>p{line-height:23px;margin-bottom: 10px; font-size: 14px;letter-spacing: -0.5px;color: #333 }
#manualWrap .manualContent .infoBox .linkMenuBox{padding:20px 30px 30px}
#manualWrap .manualContent .infoBox .linkMenuBox .pTit{line-height: 22px;padding:15px 0 12px 100px;font-size: 16px;  color: #111}
#manualWrap .manualContent .infoBox .linkMenuBox .pLink{margin-left:100px;font-size: 14px;}
#manualWrap .manualContent .infoBox .linkMenuBox ul li{ display: inline-block; width: 300px; height: 100px; margin-right:8px;font-weight: 600;text-align: center; }
#manualWrap .manualContent .infoBox .linkMenuBox .menu1{ background:#ddd url(../../images/pop_manual/menu1.png) no-repeat 20px 50% }
#manualWrap .manualContent .infoBox .linkMenuBox .menu2{background:#ddd url(../../images/pop_manual/menu2.png) no-repeat 20px 50%}
#manualWrap .manualContent .infoBox .linkMenuBox .menu3{background:#ddd url(../../images/pop_manual/menu3.png) no-repeat 20px 50%}
#manualWrap .manualContent .infoBox .linkMenuBox .menu4{background:#ddd url(../../images/pop_manual/menu4.png) no-repeat 20px 50%}
#manualWrap .manualContent .infoBox .quickMenual{padding:0 0 10PX 10px;font-weight: 600;font-size: 16px; background: url(../../images/pop_manual/dotGray1.gif) no-repeat 0 30%}

/*  manual content */
#manualWrap .manualContent h2{ line-height: 32px; padding-left:40px;margin-top:25px;margin-bottom: 10px;font-size: 21px; color: #222; font-weight: 600; letter-spacing: -1px;  background: url(../../images/pop_manual/h1Title.gif) no-repeat 0 0}
#manualWrap .manualContent h3{line-height: 21px;padding-left:20px;margin-top:20px; margin-bottom: 10px; letter-spacing: -0.5px; font-weight: 600;  font-size: 16px; color: #333 }
#manualWrap .manualContent p.txtStyle1{ line-height: 24px; padding-left: 20px;margin-bottom:10px; font-size: 14px; color: #333; letter-spacing: -0.5px; }
#manualWrap .manualContent ul{padding-left:20px;}
#manualWrap .manualContent ul li{margin-bottom: 10px; font-size: 14px; letter-spacing: -0.5px; color: #333 }
#manualWrap .manualContent ul li.imgBox img{margin-bottom: 30px;-webkit-box-shadow: 1px 3px 9px 3px rgba(0,0,0,0.1);box-shadow: 1px 3px 9px 3px rgba(0,0,0,0.1);}
#manualWrap .manualContent p.titleSytle1{ line-height: 32px; padding-left:20px;margin-top:40px;margin-bottom: 15px;font-size: 21px; color: #222; font-weight: bold; letter-spacing: -0.5px; }
#manualWrap .manualContent .urlInfo{padding:0 20px;margin-bottom: 35px;} 
#manualWrap .manualContent .urlInfo .titleSytle2{ margin-bottom:15px; font-size: 16px;  font-weight: bold; color: #222;letter-spacing: -0.5px;}
#manualWrap .manualContent  dl dt{  line-height: 18px; padding-left:10px;margin-bottom: 5px;  font-size: 14px; background: url(../../images/pop_manual/dotGray1.gif ) no-repeat  0 50%}
#manualWrap .manualContent  dl dd{ line-height: 18px;padding-left:10px; margin-bottom: 15px; font-size: 14px; }
#manualWrap .manualContent  dl dd a:link{color: #0018ff;text-decoration: underline}
#manualWrap .manualContent  dl dd a:hover{color:#0013cf;text-decoration: underline}

#manualWrap .manualContent .divTable{margin-left:20px;}
#manualWrap .manualContent table{width:100%;border-top:2px solid #434343;}
#manualWrap .manualContent tr{border-bottom:1px solid #d6d6d6;}
#manualWrap .manualContent tr td{padding:20px 10px;color:#333;font-size:14px;line-height:18px;border-left:1px solid #d6d6d6;text-align:center;}
#manualWrap .manualContent td:first-child{border-left:none;}


/* menu1 content */
#manualWrap .manualContent .menu1Content, #manualWrap .manualContent .menu2Content, #manualWrap .manualContent .menu3Content, #manualWrap .manualContent .menu4Content{margin-bottom:45px;}

/* footer */
#manualWrap .manualFooter{padding:21px 0 23px;background-color:#1e2c5d;}
#manualWrap .manualFooter p{text-align:center;color:#e2e2e2;font-size:11px;}