@charset "utf-8";

/*나눔폰트*/
@import url('nanumgothic.css');
/*@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css'); /*구글소스예제*/


/* ie7에 가로스크롤바 생기는것 방지*/
html{overflow-x:hidden;}
/* 세로스크롤바 항상있기-스크롤바 너비 만큼 스크롤바 없을때 화면이 좌측으로 움직이는것 방지*/
/*
html {overflow-y:scroll;}*/


/* 공통 */
* { padding: 0; margin: 0 }
html,body{width:100%}
html,body,table {height: auto; font-size:13px; color:#525252;line-height:16px}
html,body,table,div,input{font-family: '나눔고딕', 'Nanum Gothic', ng, dotumOption,  '돋음', dotum, sans-serif}

/*
hr,h1,h2,h3,h4,h5,em,legend,caption {display:none}*/
caption {display: none}

ol,ul,li {list-style:none; margin:0px; padding:0px}
form {border:0px; margin:0px; padding:0px}
input,checkbox,radio {margin:0px; padding:0px}
fieldset {border:0px; margin:0px; padding:0px}
p {margin:0px; padding:0px; font-size:13px; line-height:20px; }
img {border:none; }
table, th, tr, td {border-spacing:0px; border-style:none; padding:0px}
ul li img {display: block;}/*요소 사이에 생기는 여백 문제해결*/
.text_no {display: none}

/* 링크 스타일 */
a:link    {color:#333333; text-decoration:none; cursor:pointer; outline:none;}
a:active  {color:#333333; text-decoration:none; cursor:pointer; outline:none;}
a:visited {color:#333333; text-decoration:none; cursor:pointer; outline:none;}
a:hover   {color:#fe6397; text-decoration:none; cursor:pointer; outline:none;}

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

a.a2:link   {text-decoration:none; color:#fe6397; outline:none;}
a.a2:active {text-decoration:none; color:#fe6397; outline:none;}
a.a2:visited{text-decoration:none; color:#fe6397; outline:none;}
a.a2:hover  { text-decoration:underline; color:#fe6397; outline:none;}

map,area {text-decoration:none; outline:none;}

/* //공통 */

/* 외각 레이아웃 */
.intro_bg {/*전체배경*/width:1024px; height:672px; background-image:url(../img/intro.jpg); background-repeat:no-repeat; z-index:0;}
.comm_bg {/*전체배경*/width:1024px; height:672px; background-image:url(../img/bg_comm.jpg); background-repeat:no-repeat; z-index:0;}
.header {width: 100%; height: 97px;/* background-color:#F00;*/}
.foot {position:relative; float:right; width:260px; height: 46px; margin: auto; text-align: right;  margin-top:0px; }
.foot ul { padding-top:14px;}
.foot ul li { float:left;}
.foot_no {position:relative; width:60px; text-align:center;}
.foot_text {font-size:20px; font-weight:bold;}
.foot_w89{position:relative; width:89px !important;}

.foot_right { width:111px; }
/* 외각 레이아웃 */


/* 상단버튼 오리엔테이션,강의노트다운... */
.top_wrap {width: 100%; height: 28px; overflow:hidden;clear:both;}
.top_box1 {position: relative; margin: 0 auto; width: 391px; height: 26px;float:left ; margin-left:316px; text-align: center; background-image: url(../img/top_box1.png); background-repeat:no-repeat;}
.top_box1 ul {position: relative; padding-left:23px; font-size:11px; color:#fff; /*border:1px #999966 solid;*/}
.top_box1 li {position: relative; float:left; margin: 0; padding: 6px 3px 6px 4px; font-size:11px; color:#fff; }
.top_box1 li a { color:#fff; padding: 4px 0 7px 0 !important; }
.top_box1 li a:hover { color:#fdf79b; padding: 4px 0 7px 0 !important; }
.top_box1 li a.active { color:#fdf79b; padding: 4px 0 7px 0 !important;}
.top_box1 li.top1 {/* 구분선*/font-size:9px; color:#CCC;}
.top_box1 li.top2 { padding: 4px 5px 6px 5px !important;}
/* //상단버튼 오리엔테이션,강의노트다운... */

/* 검색창*/
.sta_wrap {float: right; padding-top:5px; padding-right:10px;}
.sta {position:relative; width:157px; height:18px; border:2px #41b40a solid;}
.sta01 {float:left;}
.sta_box{position:relative; width:128px; margin:0px; padding:0px; border:1px solid #fff; border-right-color:#fff; border-bottom-color:#fff; background:#fff;}
/* //검색창 */

/* 상단 메뉴 */
/* 대 메뉴  높이,너비등 조절 */
#top{position:relative; /*margin:0 auto;*/ width:1024px; height:72px; top:1px; z-index:98; /*border:1px #52a43e solid;*/}
#gnb{position:relative; float:right; width:320px; height:72px; z-index:980;}
#gnb2{position:relative; float:right; width:1024px; height:55px; z-index:980;}
#gnb li { float:left; text-align:center; padding:4px 6px 0 10px; height:30px;}
#gnb li li { float:left; width:auto; text-align:left; padding-left:0px; padding-right:0px;}
.menu_line {position:relative; padding-top:12px !important;}
/* 대 메뉴 링크 영역 */
#gnb li a { display:block; height:27px; padding:6px 5px 0 5px; color:#030303; font-size:15px; font-weight:600; text-decoration:none;}
/* 대 메뉴 링크 영역 마우스 오버했을때 */
#gnb li a:hover  { display:block; height:27px; padding:6px 5px 0 5px; color:#4e57c0; font-weight:600;  /*background-color:#FFF;*/ text-decoration:none;}
#gnb li a.active  { display:block; height:27px; padding:6px 5px 0 5px; color:#4e57c0; font-weight:600; /*background-color:#FFF;*/ text-decoration:none;}

/* 서브메뉴 높이 a:hover는 링크높이와 여백*/
#gnb li li a {height:35px; margin-top:0px; font-size:12px; padding:1px 10px 0 10px; color:#d2daff; text-decoration:none;}
#gnb li li a:hover {height:35px; margin:0; font-size:12px; padding:1px 10px 0 10px; color:#fff;}
#gnb li li a.active {height:35px; margin:0; font-size:12px; padding:1px 10px 0 10px; color:#fff;}
#gnb ul { position:relative;}
/* 서브메뉴 높이 */
#gnb ul ul { position:absolute; height:35px; display:none; /*background-color:#0C3;*/ white-space:nowrap;}

/* 서브메뉴 시작위치와 넓이 */
.gnb_bg1 {height: 35px;}

/* 서브메뉴 배경 색상 지정 */
#gnb ul#gm1 {height: 35px; left:5px;  width: auto;}
#gnb ul#gm2 { left:105px;  width: auto;}
#gnb ul#gm3 { left:120px; width: auto;}

/*// 상단 메뉴 */

/* 과목, 차시, 제목 */
.title_wrap {position:absolute; float:left; width:700px !important; height:72px; padding:0px; border:0px #009999 solid;}
.title_01 {position:relative; height:25px; padding:4px 0 6px 15px; font-size:25px; color:#4e57c0; font-weight:600}
.title_02 {position:relative;float:left; width:82px; height:33px; margin-left:15px; padding:9px 0 0 10px; font-size:13px; font-weight:bold; color:#fff; background-image:url(../img/01_icon1.png); background-repeat:no-repeat;}
.title_03 {position:relative;width:590px; height:20px; padding:7px 0 0 0px; font-size:15px; color:#fff; line-height:18px; overflow:hidden; /*letter-spacing:-1px;*/}
/* //과목, 차시, 제목 */

/* 내용 */
.container {width: 1024px; height:529px; margin: auto; border: 0px solid red; text-align: center;}

/* 인트로 */
.sub00 { position:relative; width: 1024px; height:241px; margin: auto; top:85px; background-image:url(../img/intro_title01.png); background-repeat:no-repeat;}
.sub00_btn { position:relative; width: 154px; height:41px; margin: auto; top:245px; }
/*// 인트로 */

/* 1차시안내 */
.sub01 { position:relative; width: 1024px; height:529px; margin: auto; background-image:url(../img/sub01.png); background-repeat:no-repeat;}
.content01 { position:relative; float: left; width: 976px; height: 500px; /*margin-top:20px; left:20px; */text-align:center; border:0px #CC6666 solid;}
.content01 ul {padding:127px 50px 50px 7px;}
.con1_title01 {height:70px; font-size:40px; color:#4e57c0; font-weight:600; line-height:45px; border:0px #00CC33 solid;}
.con1_title02 {height:52px; font-size:30px; color:#fff; font-weight:600; line-height:36px;}
.con1_title03 {height:120px; padding:15px 40px 0 40px; font-size:50px; color:#393939; font-weight:600; line-height:65px;}
/* //1차시안내 */

/* 2학습목표 */
.sub02 { position:relative; width: 1024px; height:529px; margin: auto; background-image:url(../img/sub02.png); background-repeat:no-repeat;}
.con02_wrap1 { position:relative; float: left; width: 260px; height: 290px; margin-top:135px; left:42px; text-align:left; border:0px #CC6666 solid; overflow:hidden;}
.con02_wrap2 { position:relative; float: left; width: 260px; height: 290px; margin-top:135px; left:92px; text-align:left; border:0px #CC6666 solid; overflow:hidden;}
.con02_wrap3 { position:relative; float: left; width: 260px; height: 290px; margin-top:135px; left:141px; text-align:left; border:0px #CC6666 solid; overflow:hidden;}

.con02_scroll { position:relative; float: left; width: 233px; height: 290px; overflow-y: auto; /*overflow-y: scroll;*/}
.con02_box1 { position:relative; float: left; width: 210px; height: auto; padding-bottom:7px !important; text-align:left; border:0px #CC6666 solid;}
.con02_box1 ul {}
.con02_box1 ul li {position:relative; float:left !important; padding-left:1px;}
.con2_text01 {position:relative; width:180px; font-size:15px; color:#535353; font-weight:600; line-height:20px; border:0px #00CC33 solid;}
.con02_icon1 {width:21px; padding-top:2px;}
/* //2학습목표 */

/* 3선수학습 */
.sub03 { position:relative; width: 1024px; height:529px; margin: auto; background-image:url(../img/sub03.png); background-repeat:no-repeat;}
.con03_wrap1 { position:relative; float: left; width: 835px; height: 90px; margin-top:60px; left:50px; text-align:left; border-bottom:1px #e6e6e6 solid; overflow:hidden;}
.con03_box1 { position:relative; float: left; width: 835px; height: auto; padding-bottom:7px !important; text-align:left; border:0px #CC6666 solid;}
.con03_box1 ul {}
.con03_box1 ul li {position:relative; float:left !important; padding-left:1px;}
.con3_text01 {position:relative; width:775px; height:70px; padding-left:8px !important; font-size:15px; color:#535353; font-weight:600; line-height:22px; border:0px #00CC33 solid; overflow-y: auto;}
.con3_icon1 {position:relative; width:41px;}

.con03_wrap2 {position:relative; float: left; margin:0 auto; text-align:center; width: 835px; height: 150px; margin-top:40px; left:50px;}
.con03_wrap2 ul {position:relative; margin:0 170px 30px 170px;}
.con03_wrap2 ul li {position:relative; float:left; padding:0 30px 0 30px;}

.con03_wrap3 {position:relative; float: left; width: 835px; height: 85px; margin-top:10px; left:50px; text-align:left; border-top:1px #e6e6e6 solid; overflow:hidden;}
.con03_line1 {position:relative; margin-top:20px;}
.pop_ox {position: absolute;width:400px; height: 223px; top:140px; left:310px; z-index: 980;}
.pop_cross {position: absolute; width:400px; height: 53px; text-align:right; z-index: 990;}
/* //3선수학습 */

/* 4 학습하기 */
.sub04 { position:relative; width: 1024px; height:529px; margin: auto; }
.con04_wrap1 { position:relative; float: left; width: 800px; height: 450px; margin-top:30px; left:65px; text-align:left; border:1px #e6e6e6 solid; overflow:hidden;}
/* //4 학습하기 */

/* 5 생각해보기 */
.sub05 { position:relative; width: 1024px; height:529px; margin: auto; background-image:url(../img/sub05.png); background-repeat:no-repeat;}
.con05_wrap1 { position:relative; float: left; width: 835px; height: 90px; margin-top:90px; left:50px; text-align:left; border-bottom:1px #e6e6e6 solid; overflow:hidden;}
.con05_box1 { position:relative; float: left; width: 835px; height: auto; padding-bottom:7px !important; text-align:left; border:0px #CC6666 solid;}
.con05_box1 ul {}
.con05_box1 ul li {position:relative; float:left !important; padding-left:1px;}
.con5_text01 {position:relative; width:775px; height:70px; padding-left:8px !important; font-size:15px; color:#535353; font-weight:600; line-height:22px; border:0px #00CC33 solid; overflow-y: auto;}
.con5_icon1 {position:relative; width:41px;}

.con05_wrap2 {position:relative; float: left; width: 835px; height: 150px; margin-top:10px; left:50px; text-align:left;}
.con05_wrap2 ul {position:relative; margin:0 20px 30px 20px;}
.con05_wrap2 ul li {position:relative; float:left; padding:0 20px 0 20px;}
.item{position:relative;margin:-4px 0; width:350px; height:190px;}
.i_text{position:relative; width:350px; height:190px; padding:2px 2px; line-height:20px; border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1;background:transparent; overflow:auto;}
.con05_box2 { position:relative; float: left; width: 835px; height: 20px; padding:30px 0 0px 90px !important; text-align:left; color:#547df5; border:0px #CC6666 solid;}
.con5_text02 {font-size:15px; font-weight:bold;}
.sub5_pop1 {position: absolute; width:356px; height: 198px; top:0px; left:0px; z-index: 950;}
.sub5_pop2 {position: absolute; width:356px; height: 198px; top:140px; left:310px; z-index: 970;}
.sub5_pop3 {position: absolute; width:356px; height: 198px; top:-13px; left:12px; z-index: 960;}

.sub5_pop4 {position: absolute; width:356px; height: 198px; top:-13px; left:-20px; z-index: 960;}

/* //5 생각해보기 */

/* 6 연습문제 */
.sub06 { position:relative; width: 1024px; height:529px; margin: auto; background-image:url(../img/sub03.png); background-repeat:no-repeat;}
.con06_wrap1 { position:relative; float: left; width: 835px; height: 355px; margin-top:60px; left:50px; padding-right:5px; text-align:left; border:0px #e6e6e6 solid; overflow:auto; overflow-x: hidden}
.con06_box1_wrap { position:relative; float: left; width: 840px; height: auto; padding-bottom:7px !important;  text-align:left; border:0px #CC6666 solid; overflow-y: auto;}
.con06_box1 { position:relative; float: left; width: 830px; height: auto; padding:0 0 7px 5px !important; text-align:left; border:0px #CC6666 solid;}
.con06_box1 ul { margin-left:5px;}
.con06_box1 ul li {position:relative; float:left !important; padding-left:1px;}
.con6_text01 {position:relative; width:780px;  font-size:14px; color:#535353; line-height:20px; border:0px #00CC33 solid; }
.con6_title01 { font-size:16px; font-weight:600; line-height:22px; padding:0 32px 10px 10px }
.con6_no1 {position:relative; width:22px; height:23px; background-image:url(../img/no1_01.png)}
.con6_no2 {position:relative; width:22px; height:23px; background-image:url(../img/no1_02.png)}
.con6_no3 {position:relative; width:22px; height:23px; background-image:url(../img/no1_03.png)}
.con6_no4 {position:relative; width:22px; height:23px; background-image:url(../img/no1_04.png)}

.con06_box2 { position:relative; float: left;/*position: fixed; bottom: 0;*/ width: 820px; height: 30px; padding:0px 0 0px 57px !important; top:10px; left:0px; text-align:left; color:#547df5; border:0px #CC6666 solid;}
.con06_box2_1 {position:relative; float: left; width: 160px; height: 30px;border:0px #000 solid; }
.con06_box2_1 ul {position:relative;}
.con06_box2_1 ul li {position:relative;  float:left; width:30px !important; height:31px !important;}
.no2_001 {position:relative; float: left; width:32px; height:31px; background-image:url(../img/no2_01.png); background-repeat:no-repeat; border:0px #FF3366 solid;}
.no2_002 {position:relative; float: left; width:32px; height:31px; background-image:url(../img/no2_02.png); background-repeat:no-repeat; border:0px #FF3366 solid;}
.no2_003 {position:relative; float: left; width:32px; height:31px; background-image:url(../img/no2_03.png); background-repeat:no-repeat; border:0px #FF3366 solid;}
.con06_box2_1 ul li.no2_01 {position:relative; background-image:url(../img/no2_no1.png);}
.con06_box2_1 ul li.no2_02 {position:relative; background-image:url(../img/no2_no2.png);}
.con06_box2_1 ul li.no2_03 {position:relative; background-image:url(../img/no2_no3.png);}
.con06_box2_1 ul li.no2_04 {position:relative; background-image:url(../img/no2_no4.png);}
.sub6_pop_o {position: absolute; width:32px; height: 31px; top:-2px; left:-2px; z-index: 970;}
.sub6_pop_x {position: absolute; width:32px; height: 31px; top:-2px; left:-2px; z-index: 970;}
.con06_box3_1 {position:relative; float: right; width: 130px; height: 30px;border:0px #000 solid; }
.con06_box3_1 ul {position:relative;}
.con06_box3_1 ul li {position:relative;  float:left; height: 25px; padding:6px 10px 0 10px; font-size:16px; line-height:1.2em; color:#FFF;background-color:#b0b0b0; }
.con06_box4_1 {position:relative; float: right; width: 180px; border:0px #000 solid; }
.con06_box4_1 li {float:left; padding-left:5px;}

.con06_box4_12 {position:relative; float: right; width: 90px; border:0px #000 solid; }
.con06_box4_12 li {float:left; padding-left:5px;}

.con6_box_a { position:relative; float: left; width: 810px; height: auto; padding-bottom:7px !important; text-align:left; border:0px #CC6666 solid;}
.con06_box_a ul {}
.con06_box_a ul li {position:relative; float:left !important; padding-left:1px;}

.con6_atext {position:relative; width:735px; height: auto; padding-left:8px !important; font-size:15px; color:#547df5; font-weight:600; line-height:22px; border:0px #00CC33 solid; overflow-y: auto;}
.con6_aicon1 {position:relative;  float:left !important; width:41px; }
.con6_dotted1 {position:relative; height:10px; border-top:#d0d0d0 dotted 1px;}
.con6_dotted2 {position:relative; height:10px; border-bottom:#d0d0d0 dotted 1px;}

.sub6_pop1 {position: absolute; width:356px; height: 198px; top:140px; left:310px; z-index: 960;}

.con06_2223_1o { position:absolute; width:22px; height:23px; background-image:url(../img/no1_o.png); background-repeat:no-repeat; background-size:100%}
.con06_2223_1x { position:absolute; width:22px; height:23px; background-image:url(../img/no1_x.png); background-repeat:no-repeat; background-size:100%}
.con06_2223_1v { position:absolute; width:22px; height:23px; background-image:url(../img/no1_check.png); background-repeat:no-repeat; background-size:100%}

.con06_2223_o { position:absolute; width:22px; height:23px; background-image:url(../img/no2_o.png); background-repeat:no-repeat; background-size:100%}
.con06_2223_x { position:absolute; width:22px; height:23px; background-image:url(../img/no2_x.png); background-repeat:no-repeat; background-size:100%}
.con06_2223_v { position:absolute; width:22px; height:23px; background-image:url(../img/no2_check.png); background-repeat:no-repeat; background-size:100%}

.con06_3231_o { position:absolute; width:32px; height:31px; background-image:url(../img/no2_o.png); background-repeat:no-repeat;}
.con06_3231_x { position:absolute; width:32px; height:31px; background-image:url(../img/no2_x.png); background-repeat:no-repeat;}
.con06_3231_v { position:absolute; width:32px; height:31px; background-image:url(../img/no2_check.png); background-repeat:no-repeat;}

/* //6 연습문제 */

/* 7학습정리 */
.sub07 { position:relative; width: 1024px; height:529px; margin: auto; background-image:url(../img/sub03.png); background-repeat:no-repeat;}
.con07_wrap1 { position:relative; float: left; width: 835px; height: 400px; margin-top:60px; left:50px; padding-right:5px; text-align:left; border:0px #e6e6e6 solid; overflow:auto; overflow-x: hidden}
.con07_box1_wrap { position:relative; float: left; width: 840px; height: auto; padding-bottom:7px !important;  text-align:left; border:0px #CC6666 solid; overflow-y: auto;}
.con07_box1 { position:relative; float: left; width: 830px; height: auto; padding-bottom:7px !important; text-align:left; border:0px #CC6666 solid;}
.con07_box1 ul { margin-left:15px; }
.con07_box1 ul li {position:relative; float:left !important; padding-left:1px;}
.con7_list1 {position:relative; width:23px; height:23px;font-size:14px; color:#535353; line-height:20px;}
.con7_text01 {position:relative; width:780px; height:70px font-size:14px; color:#535353; line-height:20px; border:0px #00CC33 solid; }
.con7_title01 { font-size:16px; font-weight:600; line-height:22px; padding-bottom:10px; padding-left:10px; }

.con07_title_wrap {position: relative; width: 830px; height: 23px; padding-bottom:15px; border:0px #009966 solid;}
.con07_title1 {position: relative; display: inline-block ; width: auto !important;  padding:4px 15px 8px 15px !important; font-size:16px; font-weight:600; line-height:22px; color:#fff; background-color:#ff6ab1;}
.con07_title2 {position: relative; display: inline-block ; width: auto !important; padding:0px 15px 10px 15px !important; font-size:16px; font-weight:600; line-height:20px; color:#000;}

.con07_box2 {position:relative !important; float:left; width:805px; height:auto; padding:5px; background:#f3f3f3;}
.con07_box2 ul {padding:10px;border:1px #dcdcdc solid; background-color:#FFF;}
.con07_box2 ul li {padding:5px; line-height:22px;}

.table01 {width:815px; position:relative; float:left; margin-top:5px;font-size:12px;}
.table01 table,
.table01 button{font-size:12px}
.table01 table{width:100%;border:0;border-top:1px solid #e1e2e6;}
.table01 th,
.table01 td{padding:8px;border:0;vertical-align:top}
.table01 th{color:#333}
.table01 td{color:#333}
.table01>table>tbody>tr>th{border-bottom:1px solid #e1e2e6; border-left:1px solid #ddd !important; background:#f6f7fb;text-align:left; vertical-align:middle;}
.table01>table>tbody>tr>td{border-bottom:1px solid #e1e2e6; border-left:1px solid #ddd !important;text-align:left; vertical-align:middle;}

.table02 {width:815px; position:relative; float:left; margin-top:5px;font-size:12px;}
.table02 table,
.table02 button{font-size:12px}
.table02 table{width:100%;border:0;border-top:1px solid #e1e2e6;}
.table02 th,
.table02 td{padding:8px;border:0;vertical-align:top}
.table02 th{color:#333}
.table02 td{color:#333}
.table02>table>thead>tr>th{border-bottom:1px solid #e1e2e6; border-left:1px solid #ddd !important; background:#f6f7fb; text-align:center; vertical-align:middle;}
.table02>table>tbody>tr>td{border-bottom:1px solid #e1e2e6; border-left:1px solid #ddd !important;text-align:center; vertical-align:middle;}

.line_left { border-left:1px solid #ddd !important; }
.line_right { border-right:1px solid #ddd !important; }

/* //7학습정리 */

/* 8 차시예고 */
.sub08 { position:relative; width: 1024px; height:529px; margin: auto; background-image:url(../img/sub08.png); background-repeat:no-repeat;}
.content08 { position:relative; float: left; width: 976px; height: 500px; /*margin-top:20px; left:20px; */text-align:center; border:0px #CC6666 solid;}
.content08 ul {padding:147px 50px 50px 7px;}
.con8_title01 {height:65px; font-size:30px; color:#fff; font-weight:600; line-height:40px; border:0px #00CC33 solid;}
.con8_title02 {height:52px; padding-top:25px; font-size:30px; color:#a1a1a1; font-weight:600; line-height:36px;}
.con8_title03 {height:120px; padding:0px 40px 10px 40px; font-size:50px; color:#393939; font-weight:600; line-height:65px;}
/* //8 차시예고 */



/* 왼쪽 현제위치 */
.left01 {position:relative; float: left; width: 44px; height: 520px; margin-top: 10px; margin-left:2px; text-align:left; background-image:url(../img/left01.png); background-repeat:no-repeat;}
.left02 {position:relative; float: left; width: 44px; height: 520px; margin-top: 10px; margin-left:2px; text-align:left; background-image:url(../img/left02.png); background-repeat:no-repeat;}
.left03 {position:relative; float: left; width: 44px; height: 520px; margin-top: 10px; margin-left:2px; text-align:left; background-image:url(../img/left03.png); background-repeat:no-repeat;}
.left04 {position:relative; float: left; width: 44px; height: 520px; margin-top: 10px; margin-left:2px; text-align:left; background-image:url(../img/left04.png); background-repeat:no-repeat;}
.left05 {position:relative; float: left; width: 44px; height: 520px; margin-top: 10px; margin-left:2px; text-align:left; background-image:url(../img/left05.png); background-repeat:no-repeat;}
.left06 {position:relative; float: left; width: 44px; height: 520px; margin-top: 10px; margin-left:2px; text-align:left; background-image:url(../img/left06.png); background-repeat:no-repeat;}
.left07 {position:relative; float: left; width: 44px; height: 520px; margin-top: 10px; margin-left:2px; text-align:left; background-image:url(../img/left07.png); background-repeat:no-repeat;}
.left08 {position:relative; float: left; width: 44px; height: 520px; margin-top: 10px; margin-left:2px; text-align:left; background-image:url(../img/left08.png); background-repeat:no-repeat;}
/* //왼쪽 현제위치 */



#frm-modal{overflow:hidden;}

/*페이지 자체 경고창*/
#frm-modal-page{ position: absolute; width:1024px; height:626px; top:0; left:0; z-index:9998; background:#000;cursor:pointer;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* IE 8 */
		   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); /* IE 7 and olders */
		   opacity: .4;
}
#frm-modal-image{ position: absolute; width:400px; height: 223px; top:236px; left:334px; z-index: 9999; cursor:pointer; overflow:hidden;}


.videoWrapper {
	margin: 0 auto;
}

/*퀴즈 img 포함 클래스*/
.con6_viewbox { display:block; position:relative; width: 760px; margin:0 auto; padding:0 15px 15px 0 !important; text-align:left; border:0px #CC6666 solid;}
.s-img { 
	/*width: inherit;
	max-width: 100%;
	height: auto;*/
	margin:0 auto;
}
.line-img {
	display:inline-block;
	line-height:1em;
	height:1em;
	vertical-align:text-bottom;
} 

.cursor{ cursor:pointer;background:#fff }
.hover:hover{ background:#eee}
.alertmsg{ color:red; font-weight:bold }



.vjs-default-skin .vjs-big-play-button {
	left:325px !important;
	top:180px !important;
	width:150px !important;
	height:75px !important;
}


/* Text 버튼 */
a.btn_big{display:inline-block;padding-right:4px; background:url(../img/comm/bg_btn_default.gif) no-repeat 100% 0;font-family:'돋움',dotum;font-size:12px;color:#444;line-height:26px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap}
a.btn_big span,a.btn_big strong{display:block; padding:1px 8px 0 12px; background:url(../img/comm/bg_btn_default.gif) no-repeat}

a.btn_sml{display:inline-block;padding-right:4px;background:url(../img/comm/bg_btn_default.gif) no-repeat 100% -27px;font-family:'돋움',dotum;font-size:11px;color:#444;line-height:21px;letter-spacing:-1px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap}
a.btn_sml span,a.btn_sml strong{display:block;padding:1px 2px 0 8px;background:url(../img/comm/bg_btn_default.gif) no-repeat 0 -27px}

a.btn_sml2{display:inline-block;padding-right:4px;background:url(../img/comm/bg_btn_default.gif) no-repeat 100% -27px;font-family:'돋움',dotum;font-size:11px;line-height:21px;letter-spacing:-1px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap}
a.btn_sml2 span,
a.btn_sml2 strong{display:block;padding:1px 2px 0 8px; color:#5461c7; background:url(../img/comm/bg_btn_default.gif) no-repeat 0 -27px}

/* //Text 버튼 */


/* 약관 테두리 회색선 */
.box_join01 {position:relative; border:5px solid #f3f3f3; width:770px !important; height:230px; padding:0px;}
.input_box {position:relative; border:1px solid #dcdcdc; width:748px; height:208px; padding:10px; color: #797979;font-family:'돋움',dotum;font-size:12px; line-height:18px; vertical-align:middle;}

.box_join02 {position:relative; border:5px solid #f3f3f3; width:770px !important; height:202px !important; padding:0px;}
.box_join02_1 {position:relative; border:1px solid #dcdcdc; width:748px; height:180px; padding:10px !important; color: #797979;font-family:'돋움',dotum;font-size:12px; line-height:18px; vertical-align:middle; overflow-y:scroll;}
.pa_10{padding:10px;}


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

}

#page-loading-img {
	position:fixed;
	top:312px;
	left:488px;
	width:48px;
	height:48px;

}