@charset "utf-8";

#ScontentWrap {position:relative; width:100%; overflow:hidden;}

#svisual {position:relative; width:100%; height:200px;}
.sv01 {background:url(/images/sub/svisual_01.png) no-repeat center top;}
.sv02 {background:url(/images/sub/svisual_02.png) no-repeat center top;}
.sv03 {background:url(/images/sub/svisual_03.png) no-repeat center top;}
.sv04 {background:url(/images/sub/svisual_04.png) no-repeat center top;}
.sv05 {background:url(/images/sub/svisual_05.png) no-repeat center top;}
.sv06 {background:url(/images/sub/svisual_06.png) no-repeat center top;}
.sv07 {background:url(/images/sub/svisual_07.png) no-repeat center top;}
.sv08 {background:url(/images/sub/svisual_08.png) no-repeat center top;}
.sv09 {background:url(/images/sub/svisual_09.png) no-repeat center top;}
.sv10 {background:url(/images/sub/svisual_10.png) no-repeat center top;}
.sv11 {background:url(/images/sub/svisual_08.png) no-repeat center top;}
.sv12 {background:url(/images/sub/svisual_12.png) no-repeat center top;}
.sv13 {background:url(/images/sub/svisual_13.png) no-repeat center top;}

#svisual h2 {position:absolute; top:75px; left:50%; font-size:2.50em; line-height:37px; color:#fff; font-weight:normal; margin:0 0 0 -500px;}
#svisual h3 {position:absolute; top:122px; left:50%; font-size:1.08em; line-height:22px; color:#d2d2d2; font-weight:normal; margin:0 0 0 -500px;}

.scontWrap_boxBg {position:relative; width:100%; }
#scontWrap {position:relative; width:100%; margin:35px auto 0;}

/*페이지인식*/
#page01 .sub_menu li.menu01 a,
#page02 .sub_menu li.menu02 a,
#page03 .sub_menu li.menu03 a,
#page04 .sub_menu li.menu04 a,
#page05 .sub_menu li.menu05 a,
#page06 .sub_menu li.menu06 a,
#page07 .sub_menu li.menu07 a,
#page08 .sub_menu li.menu08 a,
#page09 .sub_menu li.menu09 a,
#page10 .sub_menu li.menu10 a,
#page11 .sub_menu li.menu11 a,
#page12 .sub_menu li.menu12 a,
#page13 .sub_menu li.menu13 a,
#page14 .sub_menu li.menu14 a,
#page15 .sub_menu li.menu15 a,
#page16 .sub_menu li.menu16 a,
#page17 .sub_menu li.menu17 a,
#page19 .sub_menu li.menu19 a,
#page20 .sub_menu li.menu20 a,
#page21 .sub_menu li.menu21 a,
#page18 .sub_menu li.menu18 a {display:block; height:43px; margin:0; line-height:43px; color:#09F; font-weight:600; background:url(/images/sub/lnb_arrow.png) no-repeat 160px 14px;}

#scontWrap .lnb_wrap {position:relative; top:0; left:0; width:202px; padding:0; margin-bottom:0; clear:both; z-index:555; float:left;}
#scontWrap .sub_title {position:relative; width:202px; height:58px; padding:35px 0 32px; background:url(/images/sub/lnbTit_bg.png) no-repeat center top; text-align:center;}
#scontWrap .sub_title h2 {font-size:2.33em; color:#fff; font-weight:600; line-height:36px;}
#scontWrap .sub_title h3 {font-size:1.0em; color:#f7d080; font-weight:normal; line-height:15px; margin-top:7px;}
#scontWrap .sub_menu {position:relative; margin:0; padding:0 1px;}
#scontWrap .sub_menu li {display:block; width:200px; height:43px; line-height:43px; border-bottom:1px solid #ececec;}
#scontWrap .sub_menu li a {font-size:1.25em; color:#646464; padding-left:20px; }
#scontWrap .sub_menu li a:hover, 
#scontWrap .sub_menu li a:focus, 
#scontWrap .sub_menu li a:active {display:block; height:43px; margin:0; line-height:43px; color:#09F; font-weight:600;}

#scontWrap .lnb_dep2 {position:relative; width:200px; padding:12px 0; background:#fbfbfb; border-bottom:1px solid #bfbfbf;}
#scontWrap .lnb_dep2 li {display:block; width:200px; height:25px; line-height:25px; border-bottom:0px solid #ececec;}
#scontWrap .lnb_dep2 li a {font-size:1.00em; color:#646464; padding-left:25px; }
#scontWrap .lnb_dep2 li a:hover, 
#scontWrap .lnb_dep2 li a:focus, 
#scontWrap .lnb_dep2 li a:active {display:block; height:25px; margin:0; line-height:25px; color:#ed8c00; text-decoration:underline; font-weight:normal}

#lnb_bn {position:relative; width:180px; padding:0 2px; margin:16px 0;}
#lnb_bn li {font-size:1.25em; color:#313131; font-weight:600; padding-left:0px; line-height:69px;}
#lnb_bn li.sbn01 {background:url(/images/sub/left_b_n.jpg) no-repeat left 0px; height:204px; margin-top:50px;}
#lnb_bn li.sbn02 {background:url(/images/sub/lnbBn_ico02.png) no-repeat left 13px;}
#lnb_bn li.sbn03 {background:url(/images/sub/lnbBn_ico03.png) no-repeat left 12px;}
#lnb_bn li.line {height:1px; background:url(/images/sub/lnbBn_line.png) no-repeat center;}

#pageWrap {position:relative; width:100%; float:left; background:url(/images/sub/lnbBgwrap2.png) no-repeat left top; min-height:800px;}
.titWrap {position:relative; float:left; width:750px; height:36px; padding:35px 0 30px 30px;overflow:auto; }
.titWrap h2 {font-size:2.33em; line-height:36px; color:#231815; font-weight:600;}
.titWrap ul.rout {position:absolute; top:44px; right:0;}
.titWrap ul.rout li {float:left; padding:0 10px 0 17px; height:20px; font-size:1.08em; color:#3d3d3d; line-height:20px; background:url(/images/sub/rout_arrow.png) no-repeat left 6px;}
.titWrap ul.rout li.home {padding-left:27px; background:url(/images/sub/rout_home.png) no-repeat left 0px;}
.titWrap ul.rout li.on {color:#cb004f; text-decoration:underline;}

.bodyCont {position:relative; float:left; width:750px; padding:30px 0 80px 30px; }


/* 학습자등록여부 안내_tab */

#tab_container {position:relative; float:left;width: 750px; height:100%;padding:1px; background:#fff; margin-top:30px;}
#tab_container  ul.tabs {margin:0 0 0 1px;padding: 0;float: left;list-style: none;  width:750px; height:34px; }
#tab_container  ul.tabs li {position: relative;float: left; width:167px; height:34px; line-height:34px; text-align:center;  overflow: visible;}
#tab_container  ul.tabs li:last-child {border-right:0px;}
#tab_container  ul.tabs li:first-child {border-left:1px solid #d9d9d9;}
#tab_container  ul.tabs li a {border-top:1px solid #d9d9d9; border-bottom:1px solid #00abf4;  border-right:1px solid #d9d9d9; text-decoration: none;height:34px; display: block;font-weight:bold;  font-size:13px;color:#585757;}
#tab_container  ul.tabs li.active a  {height:34px; color:#00abf4; font-weight:bold; background:#fff;  border-left:1px solid #00abf4; border-top:1px solid #00abf4; border-right:1px solid #00abf4; border-bottom:1px solid #fff;}

#tab_container .tab_container1 {clear: both;float: left;margin:5px 0 0 0px; width: 750px;}
#tab_container .tab_content {margin:28px 0 0 0px; font-size:13px;}
#tab_container .tab_content ul {}
#tab_container .tab_content ul li {display:block; float:left; width:760px; }
#tab_container .tab_content ul li a{ color:#777; }


/* 학사운영규정_tab */

#tab_container02 {position:relative; float:left;width: 750px; height:100%;padding:1px; background:#fff; margin-top:30px;}
#tab_container02  ul.tabs02 {margin:0 0 0 1px;padding: 0;float: left;list-style: none;  width:750px; height:34px; }
#tab_container02  ul.tabs02 li {position: relative;float: left; width:420px; height:34px; line-height:34px; text-align:center;  overflow: visible;}
#tab_container02  ul.tabs02 li:last-child {border-right:0px;}
#tab_container02  ul.tabs02 li:first-child {border-left:1px solid #d9d9d9;}
#tab_container02  ul.tabs02 li a {border-top:1px solid #d9d9d9; border-bottom:1px solid #00abf4;  border-right:1px solid #d9d9d9; text-decoration: none;height:34px; display: block;font-weight:bold;  font-size:13px;color:#585757;}
#tab_container02  ul.tabs02 li.active a  {height:34px; color:#00abf4; font-weight:bold; background:#fff;  border-left:1px solid #00abf4; border-top:1px solid #00abf4; border-right:1px solid #00abf4; border-bottom:1px solid #fff;}

#tab_container02 .tab_container2 {clear: both;float: left;margin:5px 0 0 0px; width: 750px;}
#tab_container02 .tab_content02 {margin:28px 0 0 0px; font-size:13px;}
#tab_container02 .tab_content02 ul {}
#tab_container02 .tab_content02 ul li {display:block; float:left; width:750px; }
#tab_container02 .tab_content02 ul li a{ color:#777; }

/* 범용공인인증서_tab */

#tab_container03 {position:relative; float:left;width: 750px; height:100%;padding:1px; background:#fff; margin-top:30px;}
#tab_container03  ul.tabs03 {margin:0 0 0 1px;padding: 0;float: left;list-style: none;  width:750px; height:34px; }
#tab_container03  ul.tabs03 li {position: relative;float: left; width:420px; height:34px; line-height:34px; text-align:center;  overflow: visible;}
#tab_container03  ul.tabs03 li:last-child {border-right:0px;}
#tab_container03  ul.tabs03 li:first-child {border-left:1px solid #d9d9d9;}
#tab_container03  ul.tabs03 li a {border-top:1px solid #d9d9d9; border-bottom:1px solid #00abf4;  border-right:1px solid #d9d9d9; text-decoration: none;height:34px; display: block;font-weight:bold;  font-size:13px;color:#585757;}
#tab_container03  ul.tabs03 li.active a  {height:34px; color:#00abf4; font-weight:bold; background:#fff;  border-left:1px solid #00abf4; border-top:1px solid #00abf4; border-right:1px solid #00abf4; border-bottom:1px solid #fff;}

#tab_container03 .tab_container3 {clear: both;float: left;margin:5px 0 0 0px; width: 750px;}
#tab_container03 .tab_content03 {margin:28px 0 0 0px; font-size:13px;}
#tab_container03 .tab_content03 ul {}
#tab_container03 .tab_content03 ul li {display:block; float:left; width:750px; }
#tab_container03 .tab_content03 ul li a{ color:#777; }


/* 범용공인인증서_tab */

#tab_container04 {position:relative; float:left;width: 750px; height:100%;padding:1px; background:#fff; margin-top:30px;}
#tab_container04  ul.tabs04 {margin:0 0 0 1px;padding: 0;float: left;list-style: none;  width:750px; height:34px; }
#tab_container04  ul.tabs04 li {position: relative;float: left; width:212px; height:34px; line-height:34px; text-align:center;  overflow: visible;}
#tab_container04  ul.tabs04 li:last-child {border-right:0px;}
#tab_container04  ul.tabs04 li:first-child {border-left:1px solid #d9d9d9;}
#tab_container04  ul.tabs04 li a {border-top:1px solid #d9d9d9; border-bottom:1px solid #00abf4;  border-right:1px solid #d9d9d9; text-decoration: none;height:34px; display: block;font-weight:bold;  font-size:13px;color:#585757;}
#tab_container04  ul.tabs04 li.active a  {height:34px; color:#00abf4; font-weight:bold; background:#fff;  border-left:1px solid #00abf4; border-top:1px solid #00abf4; border-right:1px solid #00abf4; border-bottom:1px solid #fff;}

#tab_container04 .tab_container4 {clear: both;float: left;margin:5px 0 0 0px; width: 750px;}
#tab_container04 .tab_content04 {margin:28px 0 0 0px; font-size:13px;}
#tab_container04 .tab_content04 ul {}
#tab_container04 .tab_content04 ul li {display:block; float:left; width:750px; }
#tab_container04 .tab_content04 ul li a{ color:#777; }

/* 나의 강의실 로그인 회원정보 */
.sub_title .name {width:159px;text-align:center;margin-left:20px;padding-bottom:10px;color:#fff;}
.sub_title .btn {float:left;margin-left:15px;margin-top:5px;}

/* 나의 강의실 학사일정표 */
.class_daily {width:750px;background:url(/images/sub/daily_back.jpg) no-repeat;height:753px;margin-left:-1px;}
.class_daily .month {font-size:25px;color:#3b3632;font-weight:bold;font-family:tahoma;padding-top:70px;padding-left:325px;}
.class_daily .jump {float:right;padding-right:10px;}
.class_daily .calendar {width:738px;height:625px;margin-top:40px;margin-left:7px;}
.class_daily .calendar table {width:738px;height:503px;border:1px solid #baad9d;}
.class_daily .calendar table th {height:30px;color:#655744;font-size:13px;letter-spacing:0px;background-color:#c1b4a3;text-align:center;}
.class_daily .calendar table td {background-color:#fff;border-right:1px solid #efefef;border-bottom:1px solid #efefef;width:111px;color:#a1a1a1;font-size:12px;letter-spacing:0px;padding-left:10px;padding-top:5px;}
.class_daily .calendar table td.today {border:5px solid #de9677;height:50px;font-weight:bold;color:#de9677;font-size:15px;}
.class_daily .calendar table td.gray {background-color:#fbfbfb;color:#d3d3d3;}
.class_daily .calendar table td.sun {color:#c7886c;}
.cal_event {color:#a1a1a1;font-size:11px;overflow:hidden;position:absolute;letter-spacing:-0.5px;background-color:#f0ff88;color:#5c5c5c;padding-bottom:2px;}