@charset "utf-8";



/* 외각 레이아웃 */
#frm-ot .intro_bg {/*전체배경*/width:1024px; height:672px; background-image:url(../img/ot/intro.jpg); background-repeat:no-repeat; z-index:0;}
.ot_bg {width:1024px; height:672px; z-index:0;}
#frm-ot .header {width: 100%; height: 97px; background-image:url(../img/ot/topbg.jpg);}
#frm-ot .foot_wrap {width:1024px; height: 46px;}
#frm-ot .foot_copy {position: relative; float:left; width:645px; text-align: right; padding-top:13px;  border:0px #668cf9 solid}
#frm-ot .foot {position:relative; float:right; width:190px; height: 46px; margin: auto; text-align: right; border:0px #000066 solid}
#frm-ot .foot ul { padding-top:10px;}
#frm-ot .foot ul li { float:left;}
#frm-ot .foot_no {position:relative; width:60px; text-align:center;}
#frm-ot .foot_text {font-size:20px; font-weight:bold;}
#frm-ot .foot_w47{position:relative; width:47px !important;}
/* 외각 레이아웃 */

#frm-ot .top_wrap {width: 100%; height: 63px; overflow:hidden;clear:both;}
#frm-ot .top_box1 {position: relative; float:left; width: 132px; height: 45px; top:10px; left:10px;}
#frm-ot .top_box2 {position: relative; float:left; width: auto; height: 45px; top:23px; left:280px; font-size:23px; font-weight:600; color:#FFF;}
#frm-ot .top_box2 .col01 {color:#d8ff00 !important}
#frm-ot .ot_cross {float: right; width:56px; height:47px;}

/* 상단 메뉴 */
/* 대 메뉴  높이,너비등 조절 */
#frm-ot #top{position:relative; /*margin:0 auto;*/ width:1024px; height:32px; top:1px; z-index:98;}

#ot_gnb{position:relative; float:left; width:1024px; height:32px; border-top:1px #0544e2 solid;border-bottom:1px #0544e2 solid; background-color:#2a62f0;}
#ot_gnb ul {position:relative; float:left; width:996px; height:32px; left:30px; border-left:1px #0544e2 solid;}
#ot_gnb li { float:left; height:30px; /*padding:2px 18px 0 18px;*/ text-align:center; border-right:1px #0544e2 solid;}
#ot_gnb li li { float:left; width:auto; text-align:left; padding-left:0px; padding-right:0px;}
/* 대 메뉴 링크 영역 */
#ot_gnb li a { display:block; height:27px; padding:7px 25px 0 25px; color:#fff; font-size:15px; font-weight:600; text-decoration:none;}
/* 대 메뉴 링크 영역 마우스 오버했을때 */
#ot_gnb li a:hover  { display:block; height:27px; padding:7px 25px 0 25px; color:#282224; font-weight:600;  background-color:#FFF; text-decoration:none}
#ot_gnb li.active a { display:block; height:27px; padding:7px 25px 0 25px; color:#282224; font-weight:600; background-color:#FFF; text-decoration:none}

/*// 상단 메뉴 */


/* 내용 */
#frm-ot .container {/*전체 내용배경*/width: 1024px; height:529px; margin: auto; border: 0px solid red; text-align: center; background-image:url(../img/ot/ot_bg.jpg); background-repeat:no-repeat;}

/* 0 환영인사 */
#frm-ot .sub00 { position:relative; width: 1024px; height:529px; margin: auto; top:0px; background-image:url(../img/ot/ot_00.png); background-repeat:no-repeat;}
#frm-ot .content00 { position:relative; float: left; width: 1024px; height: 500px; /*margin-top:20px; left:20px; */text-align:center; border:0px #CC6666 solid;}
#frm-ot .content00 ul {padding:127px 30px 50px 30px;}
#frm-ot .con0_title01 {position:relative; height:50px; font-size:30px; color:#fff; font-weight:600; line-height:35px; border:0px #00CC33 solid;}
#frm-ot .con0_title02 {position:relative; height:80px; padding-top:20px; font-size:40px; color:#393939; font-weight:600; line-height:36px;}
#frm-ot .con0_title03 {position:relative; height:110px; padding:15px 40px 0 40px; font-size:35px; color:#667add; font-weight:600; line-height:45px; letter-spacing:-1px !important;}
/*// 0 환영인사 */

/* 1 과목소개 */
#frm-ot .sub01 { position:relative; width: 1024px; height:529px; margin: auto; background-image:url(../img/ot/ot_01.png); background-repeat:no-repeat;}

#frm-ot .content01 { position:relative; float: left; width: 919px; height: 479px !important; margin-top:21px; left:52px; text-align:center;}
#frm-ot .content01 ul { position:relative; padding:127px 30px 0px 50px; text-align:left; border:0px #000 solid !important;}
#frm-ot .con1_box01 { position:relative; height:180px; font-size:16px; color:#4e57c0; font-weight:600; border:0px #00CC33 solid; overflow:auto;}
#frm-ot .con1_box02 { position:relative; height:70px; top:80px; border:0px #00CC33 solid; overflow:auto;}
/* // 1 과목소개 */

/* 2 교수소개 */
#frm-ot .sub02 { position:relative; width: 1024px; height:529px; margin: auto; background-image:url(../img/ot/ot_02.png); background-repeat:no-repeat;}
/* // 2 교수소개 */

/* 3 강의목차 */
#frm-ot .sub03 { position:relative; width: 1024px; height:529px; margin: auto; background-image:url(../img/ot/ot_03.png); background-repeat:no-repeat;}
#frm-ot .content03 { position:relative; float: left; width: 919px; height: auto; margin-top:7px; left:52px; text-align:center;}
#frm-ot .content03 ul {position:relative; height:48px; margin-top:3px; overflow:auto;}
#frm-ot .con3_box01 { position:relative; height: auto; border:0px #00CC33 solid; font-size:12px; line-height:16px; overflow:auto; width:280px; float:left; text-align:left; padding-left:10px; margin:5px; }
#frm-ot .no_bg {position:relative; width:70px; height:22px; font-weight:bold; padding-top:4px; text-align:center; color:#fff;  background-image:url(../img/ot/03_icon.png); background-repeat:no-repeat;}
#frm-ot .no_bold {position:relative; font-weight:bold; }
#frm-ot .no_bold2 { position:relative; top:10px; left:20px; color:#4e57c0; font-weight:bold; }

/* 5 학습환경설정 */
#frm-ot .sub05 { position:relative; width: 1024px; height:529px; margin: auto; background-image:url(../img/ot/ot_05.png); background-repeat:no-repeat;}
/* // 5 학습환경설정 */

#frm-ot .con3_box02 { position:relative; height:70px; top:80px; border:0px #00CC33 solid; overflow:auto;}

#frm-ot .ot_table01 {width:900px; position:relative; float:left; margin-top:28px; margin-left:9px; font-size:12px; border:0px #000000 solid; overflow-y:auto}
#frm-ot .ot_table01 table,
#frm-ot .ot_table01 button{font-size:12px}
#frm-ot .ot_table01 table{width:100%;border:0;}
#frm-ot .ot_table01 th,
#frm-ot .ot_table01 td{padding:8px;border:0;vertical-align:top}
#frm-ot .ot_table01 th{color:#333}
#frm-ot .ot_table01 td{color:#333}
/*
#frm-ot .ot_table01>table>thead>tr>th{border-bottom:1px solid #e1e2e6; border-left:1px solid #ddd !important; background:#f6f7fb; text-align:center; vertical-align:middle;}*/
#frm-ot .ot_table01>table>tbody>tr>td{text-align:left; vertical-align:middle;}
/* // 3 강의목차 */

/* 5 학습환경설정 */
#frm-ot .ot_table02 {width:889px; position:relative; float:left; margin-top:25px; margin-left:15px; font-size:12px; border:0px #000000 solid;}
#frm-ot .ot_table02 table,
#frm-ot .ot_table02 button{font-size:12px}
#frm-ot .ot_table02 table{width:100%;border:0;}
#frm-ot .ot_table02 th,
#frm-ot .ot_table02 td{padding:0px;border:0;vertical-align:top}
#frm-ot .ot_table02 th{color:#333}
#frm-ot .ot_table02 td{color:#333}
#frm-ot .ot_table02>table>tbody>tr>td{text-align:left; vertical-align:middle;}
#frm-ot .ot_table02_w {width:889px; height:415px;}

/* 5 학습환경설정 */


/*5_1 학습도우미 과정흐름 */
#frm-ot #tab {position: relative; width: 889px; height:415px; background-image: url(../img/ot/guide_menu_bg.jpg); background-repeat:no-repeat;}
#frm-ot #tab ul {display: none; width: 889px; height:415px; list-style: none; margin: 0; padding: 0px;/*margin: 0; padding: 0px; 있어야 좌표0부터 시작*/ margin-left:0px; border:0px #FF3311 solid;}
#frm-ot #tab ul li { position:relative; width:730px; margin-left:151px; text-align:center !important; color: #4d7dff; border:0px #FF33FF solid; z-index:700;}
#frm-ot #tab ul li.g_text { padding:1px 0 8px 0;}
#frm-ot #tab ul li.g_center { position:relative; width:600px; padding-left:90px;}
/*
#tab ul li a {color: #4d7dff;}*/

#frm-ot #tab h2 a {font-family:"돋움",dotum, Vedana, sans-serif; font-size:12px; color:#fff; border:0px #FFCC33 solid; background-image:url(../img/ot/guide_menu_bar_off.png); background-repeat:no-repeat;}
#frm-ot #tab h2 a:hover, 
#frm-ot #tab h2 a:focus,
#frm-ot #tab h2 a:active { font-family:"돋움",dotum, Vedana, sans-serif; font-size:12px; color:#fff; text-decoration:none; background-image:url(../img/ot/guide_menu_bar.png); background-repeat:no-repeat; cursor:pointer;}

#frm-ot #tab .selected h2 a {color:#fff; text-decoration:none; background-image:url(../img/ot/guide_menu_bar.png); background-repeat:no-repeat; z-index:920;}

#frm-ot #tab_1 h2	{position: absolute; float:left; margin: 0; top:0;/* float:left; margin: 0; top:0; 속성 있어야 좌표 0부터 시작 */}
#frm-ot #tab_2 h2	{position: absolute; float:left; margin: 0; top:0;}
#frm-ot #tab_3 h2	{position: absolute; float:left; margin: 0; top:0;}
#frm-ot #tab_4 h2	{position: absolute; float:left; margin: 0; top:0;}
#frm-ot #tab_5 h2	{position: absolute; float:left; margin: 0; top:0;}
#frm-ot #tab_6 h2	{position: absolute; float:left; margin: 0; top:0;}
#frm-ot #tab_7 h2	{position: absolute; float:left; margin: 0; top:0;}
#frm-ot #tab_8 h2	{position: absolute; float:left; margin: 0; top:0;}

#frm-ot #tab_1 h2 a	{position: absolute; width:110px; height:20px; top:63px; left:11px; padding: 3px 4px 0px 25px; cursor:pointer; z-index:710;}
#frm-ot #tab_2 h2 a	{position: absolute; width:110px; height:20px; top:87px; left:11px; padding: 3px 4px 0px 25px;  cursor:pointer; z-index:720;}
#frm-ot #tab_3 h2 a	{position: absolute; width:110px; height:20px; top:111px; left:11px; padding: 3px 4px 0px 25px; cursor:pointer; z-index:730;}
#frm-ot #tab_4 h2 a	{position: absolute; width:110px; height:20px; top:183px; left:11px; padding: 3px 4px 0px 25px; cursor:pointer; z-index:740;}
#frm-ot #tab_5 h2 a	{position: absolute; width:110px; height:20px; top:207px; left:11px; padding: 3px 4px 0px 25px; cursor:pointer; z-index:750;}
#frm-ot #tab_6 h2 a	{position: absolute; width:110px; height:20px; top:290px; left:11px; padding: 3px 4px 0px 25px; cursor:pointer; z-index:760;}
#frm-ot #tab_7 h2 a	{position: absolute; width:110px; height:20px; top:314px; left:11px; padding: 3px 4px 0px 25px; cursor:pointer; z-index:770;}
#frm-ot #tab_8 h2 a	{position: absolute; width:110px; height:20px; top:338px; left:11px; padding: 3px 4px 0px 25px; cursor:pointer;z-index:780; }

#frm-ot #tab .selected ul {display: block;}
/*5_1 학습도우미 과정흐름 */