@charset "utf-8";

/* Page Layout */
/* body 기본 스타일 */

body{ width:100%; font-family:dotum, Vedana, sans-serif; font-size:13px; color:#000; text-align: center; list-style:none; line-height:18px; 
	-webkit-text-size-adjust: none;/* 모바일 사파리 접속시 폰트 자동크기 변환을 막는다 */}

/* ie7에 가로스크롤바 생기는것 방지*/
html{overflow-x:hidden;}
/*기본설정*/
* {margin:0 auto; padding:0;}
html,body{width:100%; height:100%;}

img,fieldset,iframe{border:0 none;}
img{vertical-align:top;}
ol, ul, li{list-style-type:none }

/* 링크 스타일 */
/* a { selector-dummy : expression(this.hideFocus=true);} 링크영역에 점선 없애기 비표준이라 사용안함*/

a:link      { color:#ffffff; text-decoration:none; }/*아직방문하지않은경우*/
a:visited   { color:#ffffff; text-decoration:none; }/*한번이상 방문한 링크처리*/
a:active    { color:#ffffff; text-decoration:none; }/*마우스를 클릭하는 순간*/
a:hover     { color:#ffffff; text-decoration:none; }/*마우스 링크 위 올려 놓았을때*/

a.a1:link      { color:#fff; text-decoration:none; padding:5px;}
a.a1:visited   { color:#fff; text-decoration:none; padding:5px;}
a.a1:active    { color:#fff; text-decoration:none; padding:5px;}
a.a1:hover     { color:#fff; text-decoration:none; padding:5px;}

a.a1_1:link      { color:#fff; text-decoration:none; padding:5px 0px 5px 0px;}
a.a1_1:visited   { color:#fff; text-decoration:none; padding:5px 0px 5px 0px;}
a.a1_1:active    { color:#fff; text-decoration:none; padding:5px 0px 5px 0px;}
a.a1_1:hover     { color:#fff; text-decoration:none; padding:5px 0px 5px 0px;}

a.a1_2:link      { color:#fff; text-decoration:none; padding:5px 0px 5px 10px;}
a.a1_2:visited   { color:#fff; text-decoration:none; padding:5px 0px 5px 10px;}
a.a1_2:active    { color:#fff; text-decoration:none; padding:5px 0px 5px 10px;}
a.a1_2:hover     { color:#fff; text-decoration:none; padding:5px 0px 5px 10px;}

a.a2:link      { color:#5a5a5a; text-decoration:none;  }
a.a2:visited   { color:#5a5a5a; text-decoration:none;  }
a.a2:active    { color:#5a5a5a; text-decoration:none;  }
a.a2:hover     { color:#5a5a5a; text-decoration:none;}

/* 글자색 */
.blue {color: #0054a6;}
.color_3ea0d2 {color: #3ea0d2}
.color_65b3db{color: #65b3db}
.color_ff6600 {color: #ff6600}

/* 외각 레이아웃 */
.container_wrap{position:relative; width:100%; height:auto; margin:0 auto; display:block; clear:both;}
.container{width:100%; height:auto; border:0px solid red; text-align:center; /*background-color:#F00;*/}
.content{width:94%; height:auto;  margin:0 auto; text-align:left; border:#609 0px solid; } /*margin-bottom:100px;  padding-bottom:80px; /*하단고정 푸터가 콘텐츠 가리지않게 설정 >> css 가로/세로모드설정*/
#foot{position:relative; display:block; clear:both; width:100%; height:50px; border:#990 1px solid;}
/* 외각 레이아웃 */

/* 로고 타이틀 */
/*.top_box {width: 100%; height: 70px; /background: #f0f0f0;/ margin: 0; padding: 0; text-align: center;  border: 0px solid red; background-image:url(../../test2/images/1_bg.jpg); background-repeat:repeat-x;}*/
.top_box {width: 100%; height: 70px; /*background: #f0f0f0;*/ margin: 0; padding: 0; text-align: center !important;  border: 0px solid red }


.hp10{height:10px; /*background-color:#F00;*/}
.hp20{height:20px;}
.hp32{height:32px;}



/* 스타일 초기화 */

* {margin:0; padding:0;}
/* ----- 서브----- */

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
		box-sizing: border-box;
}




/* 제목요소 
h1, h2, h3, h4, h5, h6 { font-size:130%; font-weight:normal; } */
h1 {line-height:30px;}

/* 테두리 없애기 */
fieldset, img, abbr,acronym {border:0 none; } 

/* 목록 불릿 없애기 */
ol, ul, dl, dt, dd { list-style:none; }

/* 테이블 - 마크업에 'cellspacing="0"' 지정 함께 필요 */
table {border-collapse: collapse; border-spacing:0; border:0 none;}
caption, th, td {text-align:left; font-weight: normal;}

/* 텍스트 관련 요소 초기화 */
address, caption, em {font-weight:normal;font-style:normal;}

/* 수평선*/
hr {display: none; }

/* //Page Layout*/

#header_main{position:relative; /*display:block; clear:both;*/ width:100%;height:70px; border:0px #990 solid; text-align:center;}
.bottom_01 {position: absolute; bottom: 10px; right: 20px; margin: 0; padding: 0;} 


/*top 메뉴*/

#header{position:relative; display:block; clear:both; width:100%;height:72px; border:0px #990 solid; text-align:center; background-image:url(../img_mobile/common/sub_bar.jpg); background-repeat:repeat-x;}
.gnb,#header .gnb div{border: none; width: auto; height: 72px;/*background:#fff*/}
.logo1{padding-top:15px; padding-bottom:10px; z-index: 9996; text-align:center;}
.logo{float:left; padding-top:15px;}
#TopMenu {position: absolute; width: auto;  height:72px; right:0; z-index: 900;/*background-color: #03C;*/
 overflow: hidden;float:right !important;}


 .TopMenu_text {position: relative; top: 0; left: 0; padding-top:0;  margin: 0; /*text-align: center;*/ font-size:15px; letter-spacing:-1px; font-weight:bold; color:#000;}
 
 /*대메뉴시작점*/
#TopMenuSub { padding:8px 0 0 0; margin:0; /*background-color:#0CC;*/}
 /*대메뉴너비*/
#TopMenuSub ul{ margin:0; padding:0; list-style:none;width: 226px; }

/* 아래 대메뉴간격등 */
#TopMenuSub ul li { float:left; width: auto ; height: auto; margin:0; padding:3px 6px 0 6px; list-style:none;/*background-color:#6d69ca;*/ }
#TopMenuSub ul li a { float:left; width: auto ; height: auto; margin:0; padding:2px; list-style:none;/*background-color:#6d69ca;*/ }

.Top_link {padding:5px 3px 5px 2px;/* 메뉴클릭 공간키움 */}
/* 아래 서브메뉴간격등 */
#TopMenuSub ul li div { position:absolute; height:28px;  top:42px; margin:6px 2px 0 0; padding:0;/* background-color:#3CF;*/}

/* 아래 서브메뉴 시작점 */
#TopMenuSub ul li.menu1 div		{ right:0;}
#TopMenuSub ul li.menu2 div		{ right:0; }
#TopMenuSub ul li.menu3 div		{ right:0 !important;}

/*#TopMenuSub ul li div ul	{ float:left; margin:0 0 0 0px; height:28px; padding:13px 5px 0 5px; list-style:none; background:url(../img/bg_topmenu_2a.gif) no-repeat right top; display:inline;color:#FFF; }*/
#TopMenuSub ul li div ul	{  margin:0 0 0 0px; height:28px; padding:13px 5px 0 5px; list-style:none; display:inline;color:#FFF; }
/* 아래 서브메뉴간격등 */
#TopMenuSub ul li div ul li { float:left ; width:auto; height:20px !important; padding:0 2px 2px 3px; color:#FFF; font-size:14px;font-weight:bold;}
#TopMenuSub ul li div ul li a { width:auto; height:20px !important; padding:0 2px 2px 2px; color:#FFF; font-size:14px;font-weight:bold;}
/*//top 메뉴*/

.title {width:100%; height:38px; border:0px #990 solid; background-image:url(../img_mobile/common/box_left.gif); background-repeat:no-repeat; background-position: left top;}
.title ul {margin-left:20px; height:38px; background-image:url(../img_mobile/common/box_right.gif); background-position:right top;/* border:1px #000000 solid;*/}
.title ul li {text-align:center; padding-top:9px; padding-right:20px;}

/* 하단 버튼 */
.bottom_box {width: 100%; height: 45px; /*background: #f0f0f0;*/ margin: 0; padding: 0; text-align: center;}
.bottom_02 {position: absolute; top: 10px; left: 15px; margin: 0; padding: 0; z-index: 9998;}
.bottom_02 img {vertical-align: middle;}
.bottom_03 {position: absolute; top: 10px; right: 25px; margin: 0; padding: 0; z-index: 9997;}
.bottom_05 { margin: 0 auto; padding: 12px; z-index: 9997;}
.bottom_03 img {vertical-align: middle;}
.bottom_text {position: relative; top: 10px; left: 0; text-align: center; font-size:17px; font-weight:bold; color:#FFF; padding-top:3px;  margin: 0; }

.bottom_03>a>span {
	position: absolute;
	top: 0;
	right: 0;
	width: 89px;
	height: 20px;
	line-height: 20px;
	color: #fff;
	font-size: 12px;
	background: url(../img_mobile/common/bottom_06.png);
}


/* 1 차시안내 */
.box1_1 {width:100%; height:100%; border:5px #cbcbca solid; margin:5% 5% 5% 0%; padding:10% 3% 15% 5%; text-align:center;}
.box1_2 {margin:6% 6% 4% 6%;}

.text1_1 {width:149px; height:27px; text-align:center; display:block; margin:0 auto; background-image: url(../img_mobile/common/img1_1.gif); background-repeat:no-repeat; font-size:19px; font-weight:bold; color:#FFF; padding-top:5px;}
.text8_1 {width:220px; height:27px; text-align:center; display:block; margin:0 auto; background-image: url(../img_mobile/common/img8_1.gif); background-repeat:no-repeat; font-size:19px; font-weight:bold; color:#FFF; padding-top:5px;}

/* 2 학습목표 */
.title2_1 {width:34%; float:left; height:32px; border:0px #990 solid; background-image:url(../img_mobile/sub/title2_01.jpg); background-repeat:no-repeat; background-position: left top;}
.title2_1 ul { height:32px; background-image:url(../img_mobile/sub/title2_02.jpg); background-position:right top;/* border:1px #000000 solid;*/}
.title2_1 ul li {text-align:center; padding-top:6px; font-size:15px; font-weight:bold; color:#FFF; z-index: 9990;}
.title2_1_bg {width:1%; float:left; height:32px; border:0px #990 solid; background-image:url(../img_mobile/sub/title2_bg_03.jpg); background-repeat:repeat-x;}

.title2_1_off {width:34%; float:left; height:32px; border:0px #990 solid; background-image:url(../img_mobile/sub/title2_bg_01.jpg); background-repeat:no-repeat; background-position: left top;}
.title2_1_off ul { height:32px; background-image:url(../img_mobile/sub/title2_bg_02.jpg); background-position:right top;/* border:1px #000000 solid;*/}
.title2_1_off ul li {text-align:center; padding-top:6px; font-size:16px; font-weight:bold; color:#FFF; z-index: 9990;}
.title2_1_bg {width:1%; float:left; height:32px; border:0px #990 solid; background-image:url(../img_mobile/sub/title2_bg_03.jpg); background-repeat:repeat-x;}

.title2_2 {width:32%; float:left; height:32px; border:0px #990 solid; background-image:url(../img_mobile/sub/title2_bg_01.jpg ); background-repeat:no-repeat; background-position: left top;}
.title2_2 ul {height:32px; background-image:url(../img_mobile/sub/title2_bg_02.jpg); background-position:right top;/* border:1px #000000 solid;*/}
.title2_2 ul li {text-align:center; padding-top:7px; font-size:15px; font-weight:bold; color:#FFF;}

.title2_2_1 {width:32%; float:left; height:32px; border:0px #990 solid; background-image:url(../img_mobile/sub/title2_03.jpg ); background-repeat:no-repeat; background-position: left top;}
.title2_2_1 ul { height:32px; background-image:url(../img_mobile/sub/title2_04.jpg); background-position:right top;/* border:1px #000000 solid;*/}
.title2_2_1 ul li {text-align:center; padding-top:7px; font-size:15px; font-weight:bold; color:#FFF;}

.title2_3 {width:32%; float:right; height:32px; border:0px #990 solid; background-image:url(../img_mobile/sub/title2_bg_01.jpg ); background-repeat:no-repeat; background-position: left top;}
.title2_3 ul {height:32px; background-image:url(../img_mobile/sub/title2_bg_02.jpg); background-position:right top;/* border:1px #000000 solid;*/}
.title2_3 ul li {text-align:center; padding-top:7px; font-size:15px; font-weight:bold; color:#FFF;}

.title2_3_1 {width:32%; float:left; height:32px; border:0px #990 solid; background-image:url(../img_mobile/sub/title2_05.jpg ); background-repeat:no-repeat; background-position: left top;}
.title2_3_1 ul {height:32px; background-image:url(../img_mobile/sub/title2_06.jpg); background-position:right top;/* border:1px #000000 solid;*/}
.title2_3_1 ul li {text-align:center; padding-top:7px; font-size:15px; font-weight:bold; color:#FFF;}

.title2_1_bg {width:1%; float:left; height:32px; border:0px #990 solid; background-image:url(../img_mobile/sub/title2_bg_03.jpg); background-repeat:repeat-x;}

.con2{position:relative;border:0px solid #e9e9e9;background:#fff;font-size:13px;line-height:normal;}
.con2 .tx{height:32px; padding:0px;border-top:0px solid #e9e9e9;color:#666;background-image:url(../img_mobile/sub/title2_bg_03.jpg); background-repeat:repeat-x;}
.con2 .tx2{padding:0px;border:1px solid #e9e9e9;color:#666}

.con201 {width:90%;}
.icon201 {position:absolute; padding:12px 0 0 10px; width:20px; height:20px;color:#5954e6; text-align:left;line-height:26px; /*border:1px solid #FF0000;*/ z-index: 995;}
.tit201 {position:relative;width:100%; padding:10px 0 10px 0; left:34px; color:#000; font-size:17px; line-height:24px; /*border:1px solid #000;font-weight:bold;*/}

.sub2_1_wrap {position:relative;border:0px #000 solid; padding:0px 0 32px 0;}
.sub2_1 {width:100%; margin:0 auto; text-align:center; border:0px #663300 solid;}
.img2_1 {padding:5px 10px 0 0;}
.sub2_2 {position:relative;width:100%; height:auto; margin:0 auto; text-align:center; border:0px #99CC00 solid;}

/* 3선수학습 */
.con301 { width:100%; border:1px solid #e9e9e9; background-color:#f9f9f9; min-height:72px}
.icon301 {position: absolute; padding:12px 0 0 10px; width:46px; height: 46px;color:#5954e6; text-align:left;line-height:26px; border:0px solid #FF0000; z-index: 995;}
.tit301 {position:relative; width:77%; padding:10px 0px 10px 0px; left:66px; color:#000; font-size:17px; line-height:26px; /*border:0px solid #000;font-weight:bold;*/}

.con302{clear:both; margin:0; padding:22px 0 30px; border:0px solid #e9e9e9; text-align:center;}
.con302 ul{margin:0 0 10px}
.con302 ul li{display:inline;position:relative;padding:0 5px 0 7px;}

.con303 { width:100%; border:0px solid #e9e9e9; min-height:72px}
.icon303 {position: absolute; padding:12px 0 0 10px; width:46px; height: 46px;color:#5954e6; text-align:left;line-height:26px; border:0px solid #FF0000; z-index: 995;}
.tit303 {position:relative; width:77%; padding:10px 0px 10px 0px; left:66px; color:#000; font-size:17px; line-height:26px; /*border:0px solid #000;font-weight:bold;*/}
/* 4학습하기 */
.title4_1 {width:100%; float:left; height:32px; border:0px #990 solid; background-image:url(../img_mobile/sub/title2_01.jpg); background-repeat:no-repeat; background-position: left top;}
.title4_1 ul {margin-left:20px; height:32px; background-image:url(../img_mobile/sub/title2_02.jpg); background-position:right top;/* border:1px #000000 solid;*/}
.title4_1 ul li {text-align:left; padding-top:6px; padding-right:20px;font-size:16px; font-weight:bold; color:#FFF; z-index: 9990;}

/* 5 생각해보기 */
.form01 {width:100%; border:1px #e9e9e9 solid; height: 100px; color: #000; font-size:17px;  padding:5px;}
.text5_1 {width:100%;float:left; word-break:break-all; padding:0 0 10px 0; font-size:15px;}
.text5_2 { display:inline-block; padding:0px 0 0 0px;}
.box5_1 {width:100%; text-align:center; padding:20px 10px 10px 10px; border:1px #e9e9e9 solid;}
.box5_2 {width:100%; text-align:left; padding:20px 10px 10px 10px; border:1px #e9e9e9 solid; display:none; font-size:15px;}

/* 7학습정리 */
.con_title {width:100%; height:35px; background-image:url(../img_mobile/sub/con_title1_1.jpg);background-repeat:no-repeat; background-position: left top; }
.con_title ul {margin-left:10px; height:35px; background-image:url(../img_mobile/sub/con_title1_2.jpg); background-position:right top;/* border:1px #000000 solid;*/}
.con_title ul li { padding:8px 5px 0px 0px; font-size:17px; color:#FFF; font-weight:bold;}

.con_wrap {border:0px #CC3300 solid;}



.con601 {position: absolute; padding:10px 0 0 0; width:37px; height: 40px; text-align:center; border:0px solid #FF0000; z-index: 990; margin-top:-5px; margin-left:-10px;}

.con701 {/*width:97%;*/}
.con701 .icon701 {position: absolute; padding:10px 0 0 0px; /*width:16px;*/ height: 20px;color:#5954e6; font-size:17px; /*font-weight:bold;*/ text-align:left;line-height:26px; z-index: 995;}
.con701 .tit701 {width:100%; padding:10px 0 0 17px; color:#5954e6; font-size:17px; line-height:26px; /*font-weight:bold; background-color: #9C3;*/}

.con701_1 {/*width:94%;*/ cursor:pointer }
.con701_1 .icon701_1 {position: absolute; padding:11px 0 0 1px; /*width:42px;*/ height: 20px; color:#000; font-size:17px; text-align:left; border:0px solid #000; z-index: 994;}
.con701_1 .tit701_1 {width:100%; padding:7px 0 0 21px; color:#000; font-size:17px; line-height:25px; /*background-color: #e8e89d;*/}
.con701_1 .check {position: absolute; padding:0px; width:20px; height: 18px; text-align:right; border:0px solid #FF0000; margin-top:-5px; margin-left:-1px; z-index:9994;}

.check2 {position: absolute; padding:0px; width:20px; height: 18px; text-align:right; border:0px solid #FF0000; margin-top:-5px; margin-left:-1px; z-index:9994; background-image:url(../img_mobile/sub/check.png)}

.con702 {/*width:97%;*/}
.con702 .icon702 {position: absolute; padding:10px 0 0 10px; /*width:16px;*/ height: 20px;color:#5954e6; font-size:17px; /*font-weight:bold;*/ text-align:left;line-height:26px; z-index: 995;}
.con702 .tit702 {width:100%; padding:10px 0 0 26px; color:#5954e6; font-size:17px; line-height:26px; /*font-weight:bold; background-color: #9C3;*/}

.con703 {/*width:94%;*/}
.con703 .icon703 {position: absolute; padding:7px 0 0 8px; /*width:42px;*/ height: 20px; color:#000; font-size:17px; text-align:left;line-height:25px; border:0px solid #FF0000; z-index: 994;}
.con703 .tit703 {width:100%; padding:7px 10px 0 30px; color:#000; font-size:17px; line-height:25px; /*background-color: #e8e89d;*/}

.con704 {width:97%;}
.con704 .icon704 {position: absolute; padding:7px 0 0 10px; width:37px; height: 20px; color:#000;/*font-weight:bold;*/ font-size:17px; text-align:left;line-height:25px; border:0px solid #FF0000; z-index: 993;}
.con704 .tit704 {width:100%;padding:7px 0px 0 30px; color:#000; font-size:17px; line-height:25px;/* background-color: #e8e89d;*/}

.con705 {width:97%;}
.con705 .icon705 {position: absolute; padding:7px 0 0 10px; width:37px; height: 20px; color:#000;/*font-weight:bold;*/ font-size:17px; text-align:left;line-height:25px; border:0px solid #FF0000; z-index: 993;}
.con705 .tit705 {width:100%;padding:7px 0px 0 30px; color:#000; font-size:17px; line-height:25px;/* background-color: #e8e89d;*/}

.con702_1 {width:97%;}
.con702_1 .tit702_1 {width:100%; padding:10px 0 0 10px; color:#5954e6; font-size:17px; line-height:26px; /*background-color: #9C3;*/}

.con703_1 {width:97%;}
.con703_1 .tit703_1 {width:100%; padding:7px 0 0 10px; color:#000; font-size:17px; line-height:25px; /*background-color: #e8e89d;*/}

.con704_1 {width:97%;}
.con704_1 .tit704_1 {width:100%;padding:7px 0 0 10px; color:#000; font-size:17px; line-height:25px; /*background-color: #e8e89d;*/} 

.con705_1 {width:97%;}
.con705_1 .tit705_1 {width:100%;padding:7px 0 0 10px; color:#000; font-size:17px; line-height:25px; /*background-color: #e8e89d;*/} 



/* 테이블1 */
.form_table{margin:0;font-size:17px;font-family:dotum, Vedana, sans-serif;}
.form_table input,
.form_table textarea,
.form_table select,
.form_table table,
.form_table button{font-size:17px}
.form_table table{width:100%;border:0;border-top:2px solid #999}
.form_table caption{padding:8px 0;font-weight:bold;text-align:left}
.form_table th,
.form_table td{padding:8px;border:0;vertical-align:top}
.form_table th{color:#000}
.form_table td{color:#000}
.form_table tbody th{border-bottom:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; background:#fafafa;text-align:center; vertical-align:middle !important;}
.form_table tbody td{border-bottom:1px solid #ddd; border-right:1px solid #ddd; vertical-align:middle !important;}
.table_line1 {border-left:1px solid #ddd !important; text-align:center; vertical-align:middle !important;}
/* //테이블1 */

/* 테이블2 */
.form_table2{margin:0; padding-top:10px; font-size:17px;font-family:dotum, Vedana, sans-serif;}
.form_table2 input,
.form_table2 textarea,
.form_table2 select,
.form_table2 table,
.form_table2 button{font-size:17px}
.form_table2 table{width:100%;border:0;border-top:1px solid #ddd}
.form_table2 th,
.form_table2 td{padding:2px;border:0;vertical-align:top}
.form_table2 th{color:#000}
.form_table2 td{color:#000}
.form_table2 tbody th{padding-top:6px; border-bottom:1px solid #ddd; border-left:1px solid #ddd; background:#fafafa; text-align:center;}
.form_table2 tbody td{border-bottom:1px solid #ddd; border-right:1px solid #ddd; vertical-align:middle !important;}
.table2_line1 {border-left:1px solid #ddd !important; text-align:center; vertical-align:middle !important;}
.table2_line2 {border-left:1px solid #ddd !important; vertical-align:middle !important;}



/* //테이블2 */

/* 테이블3 */
.form_table3{margin:0;font-size:17px;font-family:dotum, Vedana, sans-serif;}
.form_table3 input,
.form_table3 textarea,
.form_table3 select,
.form_table3 table,
.form_table3 button{font-size:17px}
.form_table3 table{width:100%;border:0;border-top:0px solid #ddd}
.form_table3 caption{padding:8px 0;font-weight:bold;text-align:left}
.form_table3 th,
.form_table3 td{padding:5px;border:0;vertical-align:top}
.form_table3 th{color:#000}
.form_table3 td{color:#000}
.form_table3 tbody th{border-bottom:0px solid #ddd; border-left:0px solid #ddd; background:#fafafa;text-align:center;}
.form_table3 tbody td{border-bottom:0px solid #ddd; border-right:0px solid #ddd; vertical-align:middle !important;}
.table3_line1 {border-right:1px solid #ddd !important;}
/* //테이블3 */

.btn6 {width:100%; padding:10px; text-align:center;}

/* 점선 */
.dot {border-bottom:#d0d0d0 dotted 1px;}

.fw_bold{font-weight:bold;}
.text_r1{font-size:25px !important; color:#ff0167 !important;}

/* 7학습정리  width:97%; 등등 주석처리함 .. 모바일 확인 하기위해선 width 필요함*/

#footpanel {position: fixed;bottom: 0; left: 0;border-bottom: none;width: 100%;margin: 0; 
z-index: 9990; /* 모든 다른 구성 요소의 상부에 유지 */}

#footpanel ul {padding: 5px; margin: 0; float: left; width: 100%; height: auto;  font-size:12px;line-height:12px; background-image:url(../img_mobile/common/foot.jpg); background-repeat:no-repeat; background-position:bottom;}
#footpanel ul li{position: relative; padding: 0px; margin: 0; float: left; width: 100%;}

#footpanel_sub {float: left; position: fixed;bottom: 0; left: 0;border-bottom: none;width: 100%;margin: 0; 
z-index: 9990; /* 모든 다른 구성 요소의 상부에 유지 */}

#footpanel_sub ul {float: left;padding: 5px; margin: 0; float: left; width: 100%; height: 50px;  font-size:12px;line-height:12px; background-image:url(../img_mobile/common/foot.jpg); /*background-repeat:no-repeat;*/ background-position:bottom;}
#footpanel_sub ul li{position: relative; padding: 0px; margin: 0; float: left; width: 100%;}

#foot_text {float: left; text-align:left; height: auto; padding: 5px 10px 5px 5px; vertical-align: bottom;}
#foot_text2 { position: absolute; left: 0;  bottom: 70px; text-align: left; margin: 5px;}

/* 연습문제 */
.con601 {position: absolute; padding:10px 0 0 0px; width:37px; height: 40px; text-align:center; border:0px solid #FF0000; z-index: 990; margin-top:-5px; margin-left:-10px;}


/* 추가   ////////////////*/
.con2 .tx3{height:32px; padding:0px;border-top:0px solid #e9e9e9;color:#666;}

#iconContainer {position:relative; display:block; clear:both; width:100%; height:32px; border-bottom:#dcdcdc 1px solid; background-color:#fff;}
#iconContainer ul {padding:0 0 0 5px; text-align:center;}
#iconContainer ul li {float:left; padding:7px 4px 0px 4px;}
.dot2 {width:10px; height:15px; padding:5px 0 0 0; border-right:#d0d0d0 dotted 1px; display:inline-block;}

/* 가이드 */

.etc_title1 {width:34%; float:left; height:32px; border:0px #990 solid; background-image:url(../img_mobile/sub/etc_title01.jpg); background-repeat:no-repeat; background-position: left top;}
.etc_title1 ul {margin-left:20px; height:32px; background-image:url(../img_mobile/sub/etc_title02.jpg); background-position:right top;}
.etc_title1 ul li {text-align:center; padding-top:6px; padding-right:20px;font-size:17px; font-weight:bold; color:#FFF; z-index: 9990;}
.etc_title1_bg {width:1%; float:left; height:32px; border:0px #990 solid; background-image:url(../img_mobile/sub/title2_bg_03.jpg); background-repeat:repeat-x;}

.etc_box1 {width:100%; padding:0px 5px 0px 5px;}
.etc_box2{padding:0 5px 10px 0 !important; border:1px solid #e9e9e9; color:#666; font-weight:bold;}
.etc_box3 {width:100%; padding:0px 5px 7px 5px;}
.etc_box4{padding:0 5px 10px 0 !important;background-color:#f1f1f1; }

.guide_icon {position:absolute; padding:12px 0 0 10px;  height:20px;color:#5954e6; text-align:left;line-height:26px; z-index: 993;}
.etc_tit1 {position:relative;width:100%; padding:10px 0 0px 0; left:34px; color:#000; font-size:18px; line-height:26px; /*border:1px solid #000;font-weight:bold;*/}

.icon_etc1 {position:absolute; padding:8px 0 0 10px; width:64px; height:24px;color:#5954e6; text-align:left;line-height:20px; /*border:1px solid #FF0000;*/}
.tit_etc1 {position:relative;width:100%; padding:13px 0 3px 80px; color:#000; font-size:18px; line-height:16px; /*border:1px solid #000;font-weight:bold;*/}
.tit_etc2 {position:relative;width:100%; padding:0px 0 0px 20px !important; top:10px; color:#000; font-size:18px; line-height:20px; }
.tit_etc3 {position:relative;width:100%; padding:13px 0 3px 15px; color:#000; font-size:18px; line-height:16px; /*border:1px solid #000;font-weight:bold;*/}
.tit_etc4 {position:relative;width:100%; padding:5px 0 5px 5px; color:#000; font-size:18px !important; line-height:16px; font-weight:bold;}

.etc_title2 {width:32%; float:left; height:32px; border:0px #990 solid; background-image:url(../img_mobile/sub/title2_bg_01.jpg ); background-repeat:no-repeat; background-position: left top;}
.etc_title2 ul {margin-left:20px; height:32px; background-image:url(../img_mobile/sub/title2_bg_02.jpg); background-position:right top;/* border:1px #000000 solid;*/}
.etc_title2 ul li {text-align:center; padding-top:7px; padding-right:20px;font-size:17px; font-weight:bold; color:#000;}






.table_center {text-align:center !important;}


/*1230 추가 : 타이틀옆 성우아이콘용*/
.title_pad{padding-left:24px;}
li.none {display:none}



.swipe {
	overflow: hidden;
	visibility: hidden;
	position: relative;
}
.swipe-wrap {

	overflow: hidden;
	position: relative;
	/*border:1px solid red;*/
}
.swipe-wrap > .swipe-page {
	float:left;
	width:100%;
	/*height:100%;*/
	position: relative;
	overflow-x: hidden;
	/*overflow-y: scroll;*/
	word-wrap:break-word;
}

.hidden-wrap{
	width:100%;
	overflow: hidden;
	position: absolute;
	top:0;
	background:#fff;
	z-index:9970
}
.hidden-wrap > .hidden-page {
	float:left;
	width:100%;
	position: relative;
	overflow-x: hidden;
	word-wrap:break-word;
}




.swipe-content {
	
}


.swipe-wrap .s-img { /*1 row 를 차지하는 이미지*/
	width: inherit;
	max-width: 100%;
	height: auto;
}
.swipe-wrap .line-img { /* 텍스트 중간중간에 포함되는 이미지*/
	line-height:1em;
	height:1em;
	vertical-align:text-bottom;
}

.swipe-wrap ul{
	list-style-type:none;
}
.swipe-wrap li{
	list-style-type:none;
	display:inline-block;
	width:100%;
	font-size:11px;
	font-weight:normal;
}


#page_loading { 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: fixed;
	display: block;
	background:#fff;
	z-index:9980

}
#page-loading-img {
	margin-top:56.25%;
	width:48px;
	height:48px;

}

#iconContainer{
	position:relative;
	display:block;
	clear:both;
	z-index:9980;
}
#iconContainer li{
	cursor:pointer
}

#currentTImeView {
	position:absolute; top:0; right:10px; line-height:32px;color:#fff
}
#currentTImeNone {
	position:absolute; top:33px; right:10px; color:#fff
}

#adoContainer{
	position:relative;
}

#adoScreenPlayBtn{
	position: fixed;
	width: 100%;
	height: 70%;
	top:15%;
	opacity:0.5;
	background:url(../img_mobile/common/video-play.png) 50% 38% no-repeat;
	z-index:9000
}
.iconCloseLine { clear:both; postion:relative; }
.iconCloseLine>.btnClose {margin:15px auto; width:80%; display:block; padding:15px; background:#ccc; font-weight:bold; text-align:center}



/*VDO 관련*/

video::-webkit-media-controls-fullscreen-button { display: none; } 
.vjs-volume-control {padding-right:15px}

.video_container { position:relative; text-align:center; margin:0 auto; padding-bottom: 56.25%; line-height:0; height:0; } /*비율자동16:9 핵*/ 
.video_lecture { position:absolute; left:0; top:0; width:100%;height:100%; }

.video-poster{
	z-index: 8000;
	position:absolute;
	top:0;
	left:0;

}

.video-play-btn {
	position: absolute;
	top: 15%;
	left: 31%;
	width: 40%;
	padding: 5%;
	z-index: 9000;
	cursor:pointer;
}

#vin_control{ display:none;}
.video-continue-box {
	 margin:10px auto; padding:20px 5px; width:90%; background:#FF7A0A; color:#FFF; text-align:left; cursor:pointer 
}


/*가로모드세로모드*/

@media all and (orientation:portrait) {/*세로모드*/
	#mySwipe { padding-bottom:50px; }
	.content {padding-bottom:60px}

	#footer {margin-top:0;}
	#footpanel, #footpanel_sub{ position:fixed; }

}
@media all and (orientation:landscape) {/*가로모드*/
	#mySwipe { padding:0; }
	.content {padding-bottom:40px}
	#foot_text { margin-top:0}
	#footer {margin-top:-50px;}
	#footpanel, #footpanel_sub{ position:relative;   }
}