@charset "UTF-8";

/*-- 테이블 .... .*/
table {border:0; border-spacing:0; border-collapse:collapse;}

/* 월별학습계획표 */
table.calendar1 tbody td { height:70px; padding:6px; vertical-align:top; }
table.calendar1 tbody td h6 { border-bottom:1px solid #ebe8ea; text-align:left; font:bold 11px/17px Dotum; }
table.calendar1 tbody td h6 span { padding-left:10px; color:#46b519; }
table.calendar1 tbody td div.state { margin:8px 0 0 10px; font-size:11px; line-height:16px; text-align:left; }

/* 범용 테이블 */
table.tbl01_legacy { width:100%; border-top:2px solid #d2d2d2; }
table.tbl01_legacy thead th { padding:5px 0 4px; border-bottom:1px solid #e5e1e3; background:#f6f6f6 url('/images/_box/tbl01_legacy.gif') right top no-repeat; letter-spacing:-1px; text-align:center; }
table.tbl01_legacy thead th.last { background-image:none; }
table.tbl01_legacy tbody th { padding:8px 0 4px; border:solid #e5e1e3; border-width:0 1px 1px 0; background:#f6f6f6; letter-spacing:-1px; }
table.tbl01_legacy tbody td { padding:8px 0 4px; border-bottom:1px solid #e5e1e3; background:#fff; text-align:center; }
table.tbl01_legacy tbody td.reply { background:#fff url('/images/_icon/reply1.gif') 60% 10px no-repeat; }
table.tbl01_legacy tbody td.replySubj { padding-left:50px; background:#fff url('/images/_icon/reply1.gif') 20px 53% no-repeat; text-align:left; }
table.tbl01_legacy tbody td.bdRight { border-right:1px solid #e5e1e3; }
table.tbl01_legacy tbody td table th,
table.tbl01_legacy tbody td table td { padding:0; }
table.tbl01_legacy.t01view { table-layout:fixed; } /* 읽기,쓰기 테이블 */
table.tbl01_legacy.t01view tbody th { padding-left:25px; text-align:left; }
table.tbl01_legacy.t01view tbody td { padding-left:12px; text-align:left; }

table.tbl02 { width:100%; border-top:2px solid #d2d2d2; }
table.tbl02 thead th { padding:7px 0 3px; border:1px solid #e1e1e1; background:#f6f6f6; letter-spacing:-1px; text-align:center; }
table.tbl02 tbody th { padding:8px 0 4px; border:1px solid #e1e1e1; background:#f6f6f6; letter-spacing:-1px; text-align:center; }
table.tbl02 tbody td { padding:8px 0 4px; border:1px solid #e1e1e1; background:#fff; text-align:center; }
table.tbl02 tbody td.reply { background:#fff url('/images/_icon/reply1.gif') 60% 50% no-repeat; }
table.tbl02 tbody td table th,
table.tbl02 tbody td table td { padding:0;  }

/* 범용 테이블 공통 */
table.tbl_sub1 { border-top:1px solid #e5e1e3; }
table.tbl_sub2 { position:relative; border:2px solid #D2D2D2; border-bottom-color:#888; }
table.tbl_sub3 tbody th,
table.tbl_sub3 tbody td { font-size:11px; padding:2px 0 0; }

table.tdPadd4 tbody td { padding-top:4px; padding-bottom:4px; }
table.tdPadd8 tbody td { padding-top:8px; padding-bottom:8px; }
table.tdPadd15 tbody td { padding-top:15px; padding-bottom:15px; }
table.tdPadd20 tbody td { padding-top:20px; padding-bottom:20px; }

table tbody td.bgOk,
table tbody tr.bgOk td { background-color:#fff5e2; }
table tbody td.bgBlue { background-color:#f7fefb; }
table tbody td.bgGray,  table tbody tr.bgGray  td { background-color:#f6f6f6; }
table tbody td.bgPoint, table tbody tr.bgPoint td { color:#d35465; background-color:#fef9f9; }
table tbody th.lineTop, table tbody tr.lineTop th,
table tbody td.lineTop, table tbody tr.lineTop td { border-top:2px solid #D2D2D2; }

table tbody th.tdLeft,
table tbody td.tdLeft { padding-left:10px !important; padding-right:10px !important; text-align:left !important; }
table tbody td.tdRight,th.tdRight { padding-right:10px !important; text-align:right !important; }
table tbody td.tdCont { padding:15px !important; text-align:justify !important; }
table tbody td.tdPadd2 { padding-top:2px !important; padding-bottom:2px !important; }
table tbody td.tdPadd4 { padding-top:4px !important; padding-bottom:4px !important; }
table tbody td.tdMoney { padding-right:10px !important; text-align:right !important; }
table tbody td.tdMoney em { width:60px; display:inline-block; }
table tbody td.tdMoney input { vertical-align:-2px; }
table tbody td.tdGrap1 { width:302px; *width:306px; padding:0; background:url('/images/myPage/grap01_bg.gif') 1px 0 !important; text-align:left; }
table tbody td.tdGrap1 em { height:12px; background:url('/images/myPage/grap01_bar.gif'); display:block; }




/*------------------------------------------------------------------------------
| 여백
|.............................................................................*/

.m0    { margin:0 !important;            }
.mt0   { margin-top:0 !important;        } /* margin-top */
.mt2   { margin-top:2px !important;      }
.mt5   { margin-top:5px !important;      }
.mt10  { margin-top:10px !important;     }
.mt15  { margin-top:15px !important;     }
.mt20  { margin-top:20px !important;     }
.mt25  { margin-top:25px !important;     }
.mt30  { margin-top:30px !important;     }
.mt35  { margin-top:35px !important;     }
.mt40  { margin-top:40px !important;     }
.mt45  { margin-top:45px !important;     }
.mt50  { margin-top:50px !important;     }
.mt60  { margin-top:60px !important;     }
.mt65  { margin-top:65px !important;     }
.mt80  { margin-top:80px !important;     }
.mt140  { margin-top:140px !important;     }
.mb0   { margin-bottom:0px !important;   } /* margin-bottom */
.mb3   { margin-bottom:3px !important;   }
.mb4   { margin-bottom:4px !important;   }
.mb5   { margin-bottom:5px !important;   }
.mb10  { margin-bottom:10px !important;  }
.mb15  { margin-bottom:15px !important;  }
.mb20  { margin-bottom:20px !important;  }
.mb25  { margin-bottom:25px !important;  }
.mb30  { margin-bottom:30px !important;  }
.mb40  { margin-bottom:40px !important;  }
.mb50  { margin-bottom:50px !important;  }
.mb80  { margin-bottom:80px !important;  }
.mb100  { margin-bottom:100px !important;  }
.ml5   { margin-left:5px !important;     } /* margin-left */
.ml10  { margin-left:10px !important;    }
.ml15  { margin-left:15px !important;    }
.ml20  { margin-left:20px !important;    }
.ml25  { margin-left:25px !important;    }
.ml30  { margin-left:30px !important;    }
.mr5   { margin-right:5px !important;    } /* margin-right */
.mr10  { margin-right:10px !important;   }
.mr15  { margin-right:15px !important;   }
.mr20  { margin-right:20px !important;   }
.mr25  { margin-right:25px !important;   }
.mtb2  { margin-top:2px !important; margin-bottom:2px !important; } /* margin-top margin-bottom */
.mtb5  { margin-top:5px !important; margin-bottom:5px !important; }
.mtb15 { margin-top:15px !important; margin-bottom:15px !important; }
.p0    { padding:0 !important;           } /* padding */
.pt0   { padding-top:0 !important;       }
.pt5   { padding-top:5px !important;     }
.pt10  { padding-top:10px !important;    }
.pb0   { padding-bottom:0 !important;    }
.ptb2  { padding-top:2px !important; padding-bottom:2px !important; }
.ptb5  { padding-top:5px !important; padding-bottom:5px !important; }
.ptb10 { padding-top:10px !important; padding-bottom:10px !important; }
.ptb15 { padding-top:15px !important; padding-bottom:15px !important; }
.ps10  { padding-left:10px !important; padding-right:10px !important; }

.lh12  { line-height:13px; /*line-height:1.12em;*/ }
.lh13  { line-height:16px; /*line-height:1.3em;*/ }
.lh13 td { line-height:16px; /*line-height:1.3em;*/ }
.lh16px { line-height:16px; }
.indent10 { padding-left:10px; text-indent:-10px; }
.indent12 { padding-left:12px; text-indent:-12px; }
.indent16 { padding-left:16px; text-indent:-16px; }

.b0 { border:0 !important; }




/*------------------------------------------------------------------------------
| 정렬
|.............................................................................*/

.clear        { clear:both;  }
.fleft        { float:left;  }
.fclear       { *zoom:1;     }
.fclear:after { content:" "; display:block; clear:both; }

.tleft        { text-align:left    !important; }
.tright       { text-align:right   !important; }
.tcenter      { text-align:center  !important; }
.tjustify     { text-align:justify !important; }
.breakWord    { text-align:left    !important; word-break:keep-all; word-wrap:break-word; }
.bcenter      { margin-left:auto; margin-right:auto; }

.v1           { vertical-align:-1px; }
.v2           { vertical-align:-2px; }
.v3           { vertical-align:-3px; }
.v4           { vertical-align:-4px; }
.v5           { vertical-align:-5px; }
.v6           { vertical-align:-6px; }
.v7           { vertical-align:-7px; }
.v8           { vertical-align:-8px; }
.vtop         { vertical-align:top;  }
.vmid         { vertical-align:middle; } /* 텍스트 이외의 엘리먼트와의 중앙정렬 */
.vmiddle      { vertical-align:middle; margin-bottom:2px; } /* 텍스트와의 중앙정렬 */
.vmid_all *   { vertical-align:middle !important; }
.vbottom      { vertical-align:bottom; }

.vcenter { #position:relative; height:100%; display:table; overflow:hidden; }
.vcenter div { #position:absolute; #top:50%; display:table-cell; vertical-align:middle; }
.vcenter div p { #position:relative; #top:-50%; }

img.bullet { height:16px; margin-right:5px; vertical-align:-4px; }


/*------------------------------------------------------------------------------
| 글꼴
|.............................................................................*/

.cSunday  { color:#e23d5f !important; } /*일요일*/
.cSatday  { color:#40acb6 !important; } /*토요일*/
.gray0    { color:#ccc !important; }
.gray1    { color:#777 !important; }
.gray2    { color:#666 !important; }
.gray3    { color:#222 !important; }
.red      { color:#cc3344 !important;}
.point1, .point1 td { color:#d35465 !important; }
.point2, .point2 td { color:#fa687b !important; }
.point3, .point3 td { color:#bd8a8f !important; }
.point4, .point4 td { color:#b24c57 !important; }
.point5, .point5 td { color:#018d8c !important; }
.point6, .point6 td { color:#46b519 !important; }
.point7, .point7 td { color:#2892ce !important; }
.point8, .point8 td { color:#ffff00 !important; }

a.gray1_link { color:#888; }
a.gray1_link:hover { color:#fa687b !important; }

.f11       { font-size:11px !important; }
.f12       { font-size:12px !important; }
.f13       { font-size:13px !important; }
.f14       { font-size:14px !important; }
.f15       { font-size:15px !important; }
.f16       { font-size:16px !important; }
.bold      { font-weight:bold; }
.normal    { font-weight:normal !important; }
.ls-1      { letter-spacing:-1px; }
.ls-2      { letter-spacing:-2px; }
small      { font:11px Malgun Gothic; }
small.eng  { font:bold 9px/1.5em Verdana; letter-spacing:0; }

/* 과목별 배경색 */
.bgLec01   { color:#fff; background-color:#e3a762; } /* 국어 */
.bgLec02   { color:#fff; background-color:#a7a0d9; } /* 수학 */
.bgLec03   { color:#fff; background-color:#cf90d6; } /* 사회/역사 */
.bgLec04   { color:#fff; background-color:#babc6f; } /* 과학 */
.bgLec05   { color:#fff; background-color:#87ca88; } /* 영어 */
.bgLec06   { color:#fff; background-color:#8aadd2; } /* 논술 */
.bgLec07   { color:#fff; background-color:#84c5d3; } /* 기타 */
.bgLec08   { color:#fff; background-color:#c6b19c; } /* 국사 */
.bgLec09   { color:#fff; background-color:#d28a8a; } /* 도덕  */
.bgLec10   { color:#fff; background-color:#d26b92; } /* 기술/가정 */
.bgLec11   { color:#fff; background-color:#d26b92; } /* 기술/가정 */
.bgLec12   { color:#fff; background-color:#d688b3; } /* 한문 */
.bgLec13   { color:#fff; background-color:#8ea3c3; } /* 음악 */
.bgLec14   { color:#fff; background-color:#bd9172; } /* 미술 */
.bgLec15   { color:#fff; background-color:#56a2b2; } /* 체육 */
.bgLec16   { color:#fff; background-color:#88a78a; } /* 중국어 */
.bgLec17   { color:#fff; background-color:#88a78a; } /* 일본어 */
.bgLec18   { color:#fff; background-color:#b89c9a; } /* 컴퓨터 */
.bgLec19   { color:#fff; background-color:#b89c9a; } /* 정보 */
.bgLecAll  { color:#fff; background-color:#D28A8A; } /* 공통 */
.bgSchool1 { color:#fff; background-color:#80b577; } /* 중1 */
.bgSchool2 { color:#fff; background-color:#8c89c7; } /* 중2 */
.bgSchool3 { color:#fff; background-color:#bf7fcb; } /* 중3 */



/*------------------------------------------------------------------------------
| 타이틀
|.............................................................................*/

h1.title_legacy { padding:0 0 7px 8px; margin-bottom:20px; border-bottom:1px solid #e0e0e0; }
h1.title img { vertical-align:-2px; }
h1.title span { margin-left:8px; padding-left:8px; color:#888; border-left:1px solid #ddd; font-weight:normal; font-size:11px; }
h2.title { padding-left:8px; margin-top:25px; margin-bottom:10px; }
h2.title img { vertical-align:middle; }
h3.title { display:inline-block;padding:7px 0 8px 18px; margin:15px 0 0 10px; color:#d35465; background:url('/images/_icon/blt_ac1s.gif') no-repeat left center; font-weight:500; }

h2.main { margin-top:20px; margin-bottom:7px; }
h2.main img { vertical-align:middle; }
h2.book1 { height:24px; padding:6px 0 0 10px; color:#fff; background:#ee6b78; font:bold 14px/100% Dotum; }
h2.book1 img { vertical-align:-4px; }
h2.book2 {padding-bottom:5px; border-bottom:1px solid #adadad; font:bold 14px/110% Dotum }
h2.book2 span { color:#b24c57; }
h3.tit01 { padding:10px 10px 8px 20px; color:#d35465; background:#f3f3f3 url('/images/_icon/blt_ar4s.gif') 8px 50% no-repeat; }
h3.tit02 { padding:2px 0 8px 18px; color:#d35465; background:url('/images/_icon/blt_ac1s.gif') no-repeat; font-weight:500; }
h3.tit03 { padding:2px 0 8px 15px; margin-top:20px; color:#d35465; background:url('/images/_icon/blt_ar2p.gif') 7px 4px no-repeat; font:bold 12px/100% Dotum; }

h1.popup { padding:0 0 5px 2px; margin-bottom:10px; border-bottom:1px solid #adadad; font:bold 14px/17px Dotum; /*font:bold 14px/1.2em Dotum;*/ }
h2.popup { padding-left:10px; margin:20px 0 6px; color:#994851; font-weight:500; }

h1.scMam { margin-bottom:20px; } /*수박씨맘*/



/*------------------------------------------------------------------------------
| 리스트
|.............................................................................*/

div.listLec1 { width:100%; *zoom:1; overflow:hidden; }
div.listLec1 ul { width:110%; line-height:110%; }
div.listLec1 ul li { float:left; width:210px; padding:10px; margin-right:14px; border:2px solid #eaeaea; background:#fff; }
div.listLec1:after { content:" "; display:block; clear:both; }

div.listTeacher1 { width:100%; *zoom:1; overflow:hidden; }
div.listTeacher1 ul { width:105%; }
div.listTeacher1 ul li { float:left; width:120px; margin:10px 32px 0 0; text-align:center; }

dl.listETest1 dt { float:left; width:30px; margin-top:3px; color:#222; font:bold 14px Dotum; }
dl.listETest1 dd { margin-left:30px; margin-bottom:30px; }

ul.list01 { line-height:16px; /*line-height:1.45em;*/ }
ul.list01 li { padding-left:7px; background:url('/images/_icon/blt_ne1s.gif') 0 6px no-repeat; }
ul.list01 li.noblt { background:none; }
ul.list02 { line-height:18px; /*1.5em;*/ }
ul.list02 li { padding:4px 0 2px; border-bottom:1px dashed #dedede; }
ul.list02 li em { float:right; }
ul.list03 { color:#bd8a8f; line-height:17px; /*1.4em;*/ }
ul.list03 li { padding-left:7px; background:url('/images/_icon/blt_ne1r.gif') 0 6px no-repeat; }
ul.list03 li b { color:#af3c5b; }
ul.list04 { line-height:16px; /*line-height:1.45em;*/ }
ul.list04 li em { float:right; clear:right; }

ol.list41 { list-style:decimal; margin:5px 0; }
ol.list41 li { margin-left:24px; text-align:justify; }

dl.list51 { line-height:16px; /*1.45em;*/ }
dl.list51 dt, dl.list51 dd { padding:6px 0 3px 8px; background:url('/images/_icon/blt_ne1s.gif') 0 12px no-repeat; border-bottom:1px #dedede; }
dl.list51 dt { border-bottom-style:solid; }
dl.list51 dd { border-bottom-style:dashed; }
dl.list51_submain { line-height:18px; }
dl.list51_submain dd { padding-top:4px; padding-bottom:2px; background-position:0 11px; }
dl.list51_submain dd a { color:#888; }
dl.list51_submain dd a:hover { color:#fa687b; text-decoration:none; }

dl.list52 { line-height:20px; /*1.45em;*/ }
dl.list52 dt { padding-left:7px; margin:15px 0 5px; color:#d35465; background:url('/images/_icon/blt_ne1r.gif') 0 7px no-repeat; font-weight:500; }
dl.list52 dt:first-child { margin-top:0; }
dl.list52 dd { padding-left:17px; background:url('/images/_icon/blt_ba1g.gif') 10px 7px no-repeat; font-size:11px; }

dl.list53 { line-height:20px; /*1.45em;*/ }
dl.list53 dt { padding-left:15px; margin-top:10px; margin-bottom:3px; color:#d35465; background:url('/images/_icon/blt_ac1s.gif') 0 2px no-repeat; font-weight:500; }
dl.list53 dt:first-child { margin-top:0; }
dl.list53 dd { padding-left:7px; margin-left:15px; background:url('/images/_icon/blt_ne1s.gif') 0 7px no-repeat; }

.list_fleft { *zoom:1; }
.list_fleft li { float:left; margin-right:5px; }
.list_fleft:after { content:" "; display:block; clear:both; }
.list_fleft_sub1 li { margin-right:0; }





/*------------------------------------------------------------------------------
| 박스
|.............................................................................*/

.bod1_top { border-top:1px solid #e5e1e3; }
.bod1_lft { border-left:1px solid #e5e1e3; }
.bod1_rit { border-right:1px solid #e5e1e3; }
.bod1_btm { border-bottom:1px solid #e5e1e3; }

.bod2_top { border-top:1px solid #666 !important; }
.bod2_lft { border-left:1px solid #666 !important; }
.bod2_rit { border-right:1px solid #666 !important; }
.bod2_btm { border-bottom:1px solid #666 !important; }

img.book1 { width:90px; height:120px; /*border:1px solid #d6d6d6;*/ } /* 교재사진 */

/* 강사 사진 */
span.tcPhoto1 { position:relative; display:inline-block; }
span.tcPhoto1 span { position:absolute; top:0; left:0; width:318px; height:238px; display:block; color:red; font-weight:500; border:1px solid #d6d6d6; }
span.tcPhoto1_hover span { width:316px; height:236px; border:2px solid #d35465 ; }

span.tcPhoto2 { position:relative; display:inline-block; }
span.tcPhoto2 em { position:relative; width:119px; height:119px; display:block; overflow:hidden; }
span.tcPhoto2 em img { position:relative; top:0; left:-68px; width:256px; height:192px; }
span.tcPhoto2 span { position:absolute; top:0; left:0; width:118px; height:118px; display:block; color:red; font-weight:500; border:1px solid #d6d6d6; }
span.tcPhoto2_hover span { width:116px; height:116px; border:2px solid #d35465; }

span.tcPhoto3 { position:relative; display:inline-block; }
span.tcPhoto3 em { position:relative; width:119px; height:89px; display:block; overflow:hidden; }
span.tcPhoto3 em img { position:relative; top:0px; left:-36px; width:192px; height:144px; }
span.tcPhoto3 span { position:absolute; top:0; left:0; width:118px; height:88px; display:block; color:red; font-weight:500; border:1px solid #d6d6d6; }
span.tcPhoto3_hover span { width:116px; height:86px; border:2px solid #d35465; }

span.tcPhoto4 { position:relative; display:inline-block; }
span.tcPhoto4 em { position:relative; width:59px; height:59px; display:block; overflow:hidden; }
span.tcPhoto4 em img { position:relative; top:0px; left:-50px; width:160px; height:120px; }
span.tcPhoto4 span { position:absolute; top:0; left:0; width:59px; height:59px; display:block; color:red; font-weight:500; border:1px solid #d6d6d6; }
span.tcPhoto4_hover span { width:56px; height:56px; border:2px solid #d35465; }

/* 70% 축소 */
span.tcPhoto5 { position:relative; width:139px; height:139px; display:inline-block; }
span.tcPhoto5 em { position:relative; width:139px; height:139px; display:block; overflow:hidden; }
span.tcPhoto5 em img { position:relative; top:0px; left:-42px; width:224px; height:168px; }
span.tcPhoto5 samp { position:absolute; top:0; left:0; width:138px; height:138px; border:1px solid #d6d6d6; display:block; overflow:hidden; }
span.tcPhoto5 samp dfn { position:absolute; bottom:0; left:0; width:100%; padding:4px 0 1px; color:#888; border-top:1px solid #d6d6d6; background:#f9f9f9; text-align:center; font-style:normal; display:block; }
span.tcPhoto5 samp dfn b { color:#666; }
span.tcPhoto5 samp.on { width:136px; height:136px; border:2px solid #d35465; }
span.tcPhoto5 samp.on dfn { width:135px; padding:5px 0 0 5px; color:#fff; background:#d35465; border-top:0; font:11px/13px Dotum; text-align:left; }

span.tcPhoto6 { position:relative; display:inline-block; }
span.tcPhoto6 em { position:relative; width:183px; height:115px; display:block; overflow:hidden; }
span.tcPhoto6 em img { position:relative; top:0px; left:0; width:224px; height:168px; }

span.tcPhoto7 { position:relative; width:230px; height:100px; background:#fff; line-height:13px; display:inline-block; }
span.tcPhoto7 em { position:relative; width:229px; height:99px; display:block; overflow:hidden; }
span.tcPhoto7 em img { position:relative; top:5px; left:-50px; width:192px; height:144px; }
span.tcPhoto7 samp { position:absolute; top:0; left:0; width:218px; height:88px; padding:10px 10px 0 0; color:#888; border:1px solid #d6d6d6; text-align:right; display:block; }
span.tcPhoto7 samp span.name { height:18px; padding:4px 8px 0 0; color:#888; background-position:right top; background-repeat:no-repeat; letter-spacing:-1px; display:inline-block; }
span.tcPhoto7 samp span.name b { color:#222; }
span.tcPhoto7 samp span.subj a { width:110px; color:#888; margin-top:5px; font-size:11px; word-break:keep-all; word-wrap:break-word; display:inline-block; }
span.tcPhoto7 samp span.subj a:hover { color:#fa687b; }
span.tcPhoto7 img.go { position:absolute; right:10px; bottom:10px; }

/* tcPhoto5 변경 65% 축소 */
span.tcPhoto8 { position:relative; width:129px; height:129px; display:inline-block; }
span.tcPhoto8 em { position:relative; width:129px; height:129px; display:block; overflow:hidden; }
span.tcPhoto8 em img { position:relative; top:0px; left:-39px; width:208px; height:156px; }
span.tcPhoto8 samp { position:absolute; top:0; left:0; width:128px; height:128px; border:1px solid #d6d6d6; display:block; overflow:hidden; }
span.tcPhoto8 samp dfn { position:absolute; bottom:0; left:0; width:100%; padding:4px 0 1px; color:#888; border-top:1px solid #d6d6d6; background:#f9f9f9; text-align:center; font-style:normal; display:block; }
span.tcPhoto8 samp dfn b { color:#666; }
span.tcPhoto8 samp.on { width:126px; height:126px; border:2px solid #d35465; }
span.tcPhoto8 samp.on dfn { width:120px; padding:5px 5px 0 5px; color:#fff; background:#d35465; border-top:0; font:11px/13px Dotum; text-align:left; }
span.tcPhoto8.new:after{position:absolute; content:""; left:0; top:0; background:url(/images/_icon/new03.gif) no-repeat; width:27px; height:11px;} /* 신규 선생님 */

/* 담임선생님 */
span.tcPhoto21 { position:relative; display:inline-block; }
span.tcPhoto21 em { position:relative; width:159px; height:211px; display:block; overflow:hidden; }
span.tcPhoto21 em img { position:relative; top:0px; left:0px; width:160px; height:212px; }
span.tcPhoto21 span { position:absolute; top:0; left:0; width:158px; height:210px; display:block; color:red; font-weight:500; border:1px solid #d6d6d6; }
span.tcPhoto21_hover span { width:156px; height:208px; border:2px solid #d35465; }

span.tcPhoto22 { position:relative; display:inline-block; } /* 85% */
span.tcPhoto22 em { position:relative; width:129px; height:109px; display:block; overflow:hidden; }
span.tcPhoto22 em img { position:relative; top:0px; left:-3px; width:136px; height:181px; }
span.tcPhoto22 span { position:absolute; top:0; left:0; width:128px; height:108px; display:block; color:red; font-weight:500; border:1px solid #d6d6d6; }
span.tcPhoto22_hover span { width:126px; height:106px; border:2px solid #d35465; }

span.tcPhoto23 { position:relative; display:inline-block; } /* 45% */
span.tcPhoto23 em { position:relative; width:57px; height:57px; display:block; overflow:hidden; }
span.tcPhoto23 em img { position:relative; top:0px; left:-7px; width:72px; height:96px; }
span.tcPhoto23 span { position:absolute; top:0; left:0; width:56px; height:56px; display:block; color:red; font-weight:500; border:1px solid #d6d6d6; }
span.tcPhoto23_hover span { width:54px; height:54px; border:2px solid #d35465; }

/* 리플 */
div.boxReply1 { margin:20px 0; *zoom:1; }
div.boxReply1 .b0head { background:url('/images/_box/boxReply.gif') top left no-repeat; }
div.boxReply1 .b0tail { background:url('/images/_box/boxReply.gif') bottom left no-repeat; }
div.boxReply1 .b0wrap { background:url('/images/_box/boxReply.mid.gif') bottom left repeat-y; }
div.boxReply1 .b0head em { padding-bottom:5px; margin-left:5px; background:url('/images/_box/boxReply.gif') top right no-repeat; font-size:0px; line-height:100%; display:block; }
div.boxReply1 .b0tail em { padding-bottom:5px; margin-left:5px; background:url('/images/_box/boxReply.gif') bottom right no-repeat; font-size:0px; line-height:100%; display:block; }
div.boxReply1 .b0body { padding-right:5px; margin-left:5px; background:url('/images/_box/boxReply.mid.gif') bottom right repeat-y; padding-bottom:0px; }
div.boxReply1 .b0body ul { padding:10px 25px; background:#f9f9f9; }
div.boxReply1 .b0body ul li { padding-left:7px; background:url('/images/_icon/blt_se1r.gif') 0 8px no-repeat; }
div.boxReply1 .b0body ul li b { width:75px; padding-top:2px; color:#994e58; vertical-align:top; display:inline-block; }
div.boxReply1 .b0body ul li img { vertical-align:top; }
div.boxReply1 .b0body ul li input[type=text] { width:520px; }
div.boxReply1 .b0body ul li .bytes { text-align:right; font-size:11px; padding-right:65px; }
div.boxReply1 .b0body ul li.alert { padding-top:2px; font-size:11px;}
div.boxReply1 .b0body ul li.alert u { color:#fe7e25; text-decoration:none; }
div.boxReply1 .b0body dl { padding:15px 10px 10px; }
div.boxReply1 .b0body dl dt { padding:8px 0 4px; color:#cd502f; }
div.boxReply1 .b0body dl dt span.name { display:inline-block; }
div.boxReply1 .b0body dl dt img { margin-right:10px; vertical-align:-4px; }
div.boxReply1 .b0body dl dd { padding:0 20px 6px; border-bottom:1px dashed #dadada; text-align:justify; }
div.boxReply1 .b0body dl dd em { float:right; }
div.boxReply1 .paging1 { padding-bottom:5px; }

/* 댓글에 댓글이 있는 리플 */
div.boxReply2 { line-height:20px; *zoom:1; } /* margin:20px 0;  */
div.boxReply2 * {font-size:14px ;}
div.boxReply2 .b0head { background:url('/images/_box/boxReply.gif') top left no-repeat; }
div.boxReply2 .b0tail { background:url('/images/_box/boxReply.gif') bottom left no-repeat; }
div.boxReply2 .b0wrap { background:url('/images/_box/boxReply.mid.gif') bottom left repeat-y; }
div.boxReply2 .b0head em { padding-bottom:5px; margin-left:5px; background:url('/images/_box/boxReply.gif') top right no-repeat; font-size:0px; line-height:100%; display:block; }
div.boxReply2 .b0tail em { padding-bottom:5px; margin-left:5px; background:url('/images/_box/boxReply.gif') bottom right no-repeat; font-size:0px; line-height:100%; display:block; }
div.boxReply2 .b0body { padding:0 20px 0 15px; margin-left:5px; background:url('/images/_box/boxReply.mid.gif') bottom right repeat-y; padding-bottom:0px; }
div.boxReply2 div.write { padding:10px 10px 0; margin-bottom:10px;}
div.boxReply2 div.write table { width:100%; }
div.boxReply2 div.write table td { padding:5px; }
div.boxReply2 div.write table td b { color:#994e58; }
div.boxReply2 div.write table td.alert { padding-top:2px; font-size:11px; }
div.boxReply2 div.write table td.alert u { color:#fe7e25; text-decoration:none; }
div.boxReply2 div.write table .bytes { text-align:right; font-size:11px; }
div.boxReply2 ul.list { position:relative; margin:0 0 10px 0; border-bottom:1px dotted #ccc; *zoom:1; }
div.boxReply2 ul.list li { padding-top:10px; border-top:1px dotted #ccc; *zoom:1; }
div.boxReply2 ul.list li:after { content:" "; display:block; clear:both; }
div.boxReply2 ul.list #oCommentReplyWrite { position:absolute; width:500px; }
div.boxReply2 dl.record dt { float:left; padding-left:20px; width:110px; }
div.boxReply2 dl.record dt .name { color:#666 !important; white-space:nowrap; }
div.boxReply2 dl.record dd { margin-left:130px; padding:2px 20px 5px 0; word-break:break-all;-ms-word-break:break-all; /*text-align:justify;*/ }
div.boxReply2 dl.reply {  background:#efefef; padding:5px ; }
div.boxReply2 dl.reply dt { width:60px; padding-left:45px; /*padding-left:60px;*/ background:url('/images/_icon/reply2.gif') 30px 4px no-repeat; }
div.boxReply2 div.paging1 { padding-bottom:10px; }

div.boxSearch1 { position:relative; *zoom:1; }
div.boxSearch1 h6 { float:left; padding:6px 0 0 30px; }
div.boxSearch1 div { float:right; }
div.boxSearch1 div select { _vertical-align:-2px; }
div.boxSearch1 div input { vertical-align:middle; }
div.boxSearch1 img.icnSearch { position:absolute; top:-3px; left:0; }
div.boxSearch1:after { content:" "; display:block; clear:both; }

div.boxSearch2 { background:url('/images/_icon/search2.jpg') 0 50% no-repeat; *zoom:1; }
div.boxSearch2 dl { float:right; padding-left:15px; border-left:1px solid #E8E8E8; }
div.boxSearch2 dl dt { float:left; padding-top:4px; padding-right:10px; font-weight:500; }
div.boxSearch2 dl dt.clear { clear:left; }
div.boxSearch2 dl dd { float:left; font-weight:500; padding:2px 0; }
div.boxSearch2:after { content:" "; display:block; clear:both; }

/*2012-05-03 무한수강 검색폼 관련 개발2과 김유진 추가*/
div.boxSearch3 {  *zoom:1; }
div.boxSearch3 dl { width:100%; height:auto;float:right; padding-left:15px; border-left:1px;  padding-top:11px;}
div.boxSearch3 dl dt { float:left; padding-top:5px; padding-right:10px; font-weight:500; vertical-align:middle; }
div.boxSearch3 dl dt.clear { clear:left; }
div.boxSearch3 dl dd { float:left; font-weight:500; padding:2px 0; }
div.boxSearch3:after { content:" "; display:block; clear:both; }

/*.totalNum{background:#e9e9e9;color:#666666;margin-top:10px;padding:5px 0 5px 20px;}
.totalNum strong{color:#fe7e25;}*/
.totalNum{background:#FFF5E2;color:#666666;margin-top:10px;padding:7px 0 5px 20px;font-size:13px;}
.totalNum strong{color:#CC3344;font-weight:500;font-size:14px;}


/* 출판사 목록박스 */
div.boxPublisher { padding:9px; border:1px solid #d6d6d6; }
div.boxPublisher table { width:100%; height:auto !important; height:40px; min-height:40px; }
div.boxPublisher table th { width:60px; }
div.boxPublisher table th b { margin-top:2px; display:block; }
div.boxPublisher table td { /*padding-top:2px;*/ }
div.boxPublisher table td.first { width:70px; padding-left:20px; font-weight:500; vertical-align:middle; }
div.boxPublisher a.on { color:#D35465; font-weight:500; }
div.boxPublisher ul { overflow:hidden; clear:left; } /* 강좌용 */
div.boxPublisher ul li { float:left; padding:0 11px; width:193px; border-left:1px dotted #d3d3d3; margin-left:-1px; margin-top:2px; margin-bottom:2px; }
div.boxPublisher ul:after { content:" "; display:block; clear:both; }
div.boxPublisher dl { position:relative; margin-left:10px; *zoom:1; } /* 온라인서점용 */
div.boxPublisher dl dd { padding-bottom:3px; margin-right:0; margin-bottom:5px; border-bottom:1px dotted #ccc; }
div.boxPublisher dl dd.indent { text-indent:-69px; padding-left:69px; }
div.boxPublisher dl dd.indent img { margin:0 5px 2px 0; vertical-align:middle; }
div.boxPublisher dl dd.last { padding-bottom:0; margin-bottom:0; border:0; }
div.boxPublisher dl:after { content:" "; display:block; clear:both; }

/* 강좌바로담기 */
div.quickApply { width:92px; background:url('/images/quickmenu/quick_apply.jpg') left bottom no-repeat; *zoom:1; }
div.quickApply .body { padding-top:25px; margin-bottom:6px; text-align:center; background:url('/images/quickmenu/quick_apply.jpg') left top no-repeat; }
div.quickApply .body img { margin-top:5px; vertical-align:top; }

/* 플로팅배너용 */
div.fbox01 { position:absolute; top:0; left:0; z-index:3; _filter:dropshadow(color:#909090,offx:3,offy:3); }
div.fbox01 .b01tail { background:url('/images/popup/fl_common_shadow_left.png') no-repeat bottom left; _background:none; }
div.fbox01 .b01tail em { padding-bottom:8px; margin-left:8px; background:url('/images/popup/fl_common_shadow.png') no-repeat bottom right; font:0/100% Dotum; display:block; _background:none; }
div.fbox01 .b01body { padding-right:8px; background:url('/images/popup/fl_common_shadow.png') no-repeat center right; _background:none; }
div.fbox01 img { vertical-align:top; }
div.fbox01 img.close { position:absolute; top:12px; right:20px; cursor:pointer; }
div.fbox01 img.today { position:absolute; bottom:14px; right:17px; cursor:pointer; }
div.fbox01 div.todaySelect { position:absolute; bottom:14px; right:17px; }
div.fbox01 div.todaySelect select { font-size:11px; }

/* 범용박스 */
div.box01  { padding:10px; border:solid #e9e9e9; border-width:1px 0; background:#fef9f9; }
div.box02  { padding:10px; border:solid #e9e9e9; border-width:1px 0; background:#fff; }
div.box03  { padding:10px; border:1px solid #e9e9e9; background:#fef9f9; }
div.box04  { padding:10px; border:1px solid #e9e9e9; background:#fff; }
div.box05  { padding:10px 15px; border:solid #e9e9e9; border-width:1px 0; background:#f9f9f9; *zoom:1; }
div.box06  { padding:10px; border:1px solid #e9e9e9; background:#f9f9f9; }
div.box06a { padding:10px; border:1px solid #c1dbee; background:#f0f9ff; }
div.box07  { padding:10px; border:3px solid #eaeaea; background:#fff; *zoom:1; }
div.box07a { padding:10px 20px; border:2px solid #D2D2D2; border-bottom-color:#888; background:#fff; }
div.box07b { padding:10px; border:3px solid #c4c4c4; background:#fff; *zoom:1; }

div.box08 { background:url('/images/_box/box08.gif') bottom left no-repeat; *zoom:1; }
div.box08 .b08head { background:url('/images/_box/box08.gif') top left no-repeat; }
div.box08 .b08tail { background:url('/images/_box/box08.gif') bottom left no-repeat; }
div.box08 .b08head em { padding-bottom:12px; margin-left:12px; background:url('/images/_box/box08.gif') top right no-repeat; font-size:0px; line-height:100%; display:block; }
div.box08 .b08tail em { padding-bottom:12px; margin-left:12px; background:url('/images/_box/box08.gif') bottom right no-repeat; font-size:0px; line-height:100%; display:block; }
div.box08 .b08body { padding:0 12px 12px 0; margin-left:12px; background:url('/images/_box/box08.gif') bottom right repeat-y; }
div.box08_long .b08wrap { background-image:url('/images/_box/box08.mid.gif'); }
div.box08_long .b08body { background-image:url('/images/_box/box08.mid.gif'); }

div.box09 { *zoom:1; }
div.box09 .b09wrap { background:url('/images/_box/box09.side.gif') bottom left repeat-y; }
div.box09 .b09head { background:url('/images/_box/box09.side.gif') top left no-repeat; }
div.box09 .b09head em { padding-bottom:10px; margin-left:10px; background:url('/images/_box/box09.gif') top right no-repeat; font-size:0px; line-height:100%; display:block; }
div.box09 .b09body { padding:0 10px 10px 0; margin-left:10px; background:url('/images/_box/box09.gif') bottom right repeat-y; }

div.box10 { *zoom:1; }
div.box10 .b10wrap { background:url('/images/_box/box10.side.gif') bottom left repeat-y; }
div.box10 .b10head { background:url('/images/_box/box10.side.gif') top left no-repeat; }
div.box10 .b10tail { background:url('/images/_box/box10.gif') bottom left no-repeat; }
div.box10 .b10head em { padding-bottom:10px; margin-left:10px; background:url('/images/_box/box10.gif') top right no-repeat; font-size:0px; line-height:100%; display:block; }
div.box10 .b10tail em { padding-bottom:12px; margin-left:12px; background:url('/images/_box/box10.gif') bottom right no-repeat; font-size:0px; line-height:100%; display:block; }
div.box10 .b10body { padding:0 10px 10px 0; margin-left:10px; background:url('/images/_box/box10.gif') bottom right repeat-y; }
div.box10_long .b10wrap { background:#fafafa; border-left:1px solid #e2e2e2; }
div.box10_long .b10body { padding-bottom:0; background:#fafafa; border-right:1px solid #e2e2e2; }

div.box11 { *zoom:1; }
div.box11 .b11wrap { background:url('/images/_box/box11.side.gif') bottom left repeat-y; }
div.box11 .b11head { background:url('/images/_box/box11.side.gif') top left no-repeat; }
div.box11 .b11head em { padding-bottom:10px; margin-left:10px; background:url('/images/_box/box11.gif') top right no-repeat; font-size:0px; line-height:100%; display:block; }
div.box11 .b11body { padding:0 10px 10px 0; margin-left:10px; background:url('/images/_box/box11.gif') bottom right repeat-y; }

div.box12 { *zoom:1; }
div.box12 .b12wrap { background:url('/images/_box/box12.side.gif') bottom left repeat-y; }
div.box12 .b12head { background:url('/images/_box/box12.side.gif') top left no-repeat; }
div.box12 .b12head em { padding-bottom:10px; margin-left:10px; background:url('/images/_box/box12.gif') top right no-repeat; font-size:0px; line-height:100%; display:block; }
div.box12 .b12body { padding:0 10px 10px 0; margin-left:10px; background:url('/images/_box/box12.gif') bottom right repeat-y; }

div.box13 { *zoom:1; }
div.box13 .b13wrap { background:url('/images/_box/box13.side.gif') bottom left repeat-y; }
div.box13 .b13head { background:url('/images/_box/box13.side.gif') top left no-repeat; }
div.box13 .b13head em { padding-bottom:15px; margin-left:15px; background:url('/images/_box/box13.gif') top right no-repeat; font-size:0px; line-height:100%; display:block; }
div.box13 .b13body { padding:0 15px 15px 0; margin-left:15px; background:url('/images/_box/box13.gif') bottom right repeat-y; }

div.box15 .b15head { background:url('/images/_box/box15.gif') top left no-repeat; }
div.box15 .b15tail { background:url('/images/_box/box15.gif') bottom left no-repeat; }
div.box15 .b15wrap { background:url('/images/_box/box15.mid.gif') bottom left repeat-y; }
div.box15 .b15head em { padding:16px 0 27px; margin-left:30px; color:#222; background:url('/images/_box/box15.gif') top right no-repeat; font:bold 14px/100% Dotum; letter-spacing:-1px; display:block; }
div.box15 .b15head em img { vertical-align:-3px; }
div.box15 .b15tail em { padding-bottom:20px; margin-left:30px; background:url('/images/_box/box15.gif') bottom right no-repeat; font-size:0px; line-height:100%; display:block; }
div.box15 .b15body { padding-right:30px; margin-left:30px; background:url('/images/_box/box15.mid.gif') bottom right repeat-y; padding-bottom:0px; }

div.box15_pink .b15head { background-image:url('/images/_box/box15.pink.gif'); }
div.box15_pink .b15tail { background-image:url('/images/_box/box15.pink.gif'); }
div.box15_pink .b15wrap { background-image:url('/images/_box/box15.pink.mid.gif'); }
div.box15_pink .b15head em { background-image:url('/images/_box/box15.pink.gif'); }
div.box15_pink .b15tail em { background-image:url('/images/_box/box15.pink.gif'); }
div.box15_pink .b15body { background-image:url('/images/_box/box15.pink.mid.gif'); }

div.box16 { *zoom:1; }
div.box16 .b16wrap { background:url('/images/_box/box16.left.gif') bottom left repeat-y; }
div.box16 .b16head { background:url('/images/_box/box16.left.gif') top left no-repeat; }
div.box16 .b16head em { padding-bottom:15px; margin-left:15px; background:url('/images/_box/box16.gif') top right no-repeat; font-size:0px; line-height:100%; display:block; }
div.box16 .b16body { padding:0 15px 15px 0; margin-left:15px; background:url('/images/_box/box16.gif') bottom right repeat-y; }

div.box17 { *zoom:1; }
div.box17 .b17wrap { background:url('/images/_box/box17.left.gif') bottom left repeat-y; }
div.box17 .b17head { background:url('/images/_box/box17.left.gif') top left no-repeat; }
div.box17 .b17head em { padding-bottom:15px; margin-left:15px; background:url('/images/_box/box17.gif') top right no-repeat; font-size:0px; line-height:100%; display:block; }
div.box17 .b17body { padding:0 15px 15px 0; margin-left:15px; background:url('/images/_box/box17.gif') bottom right repeat-y; }

div.box18 { *zoom:1; }
div.box18 .b18wrap { background:url('/images/_box/box18.side.gif') bottom left repeat-y; }
div.box18 .b18head { background:url('/images/_box/box18.side.gif') top left no-repeat; }
div.box18 .b18head em { padding-bottom:20px; margin-left:20px; background:url('/images/_box/box18.gif') top right no-repeat; font-size:0px; line-height:100%; display:block; }
div.box18 .b18body { padding:0 20px 20px 0; margin-left:20px; background:url('/images/_box/box18.gif') bottom right repeat-y; }


div.box19 .b19head { background:url('/images/_box/box19.gif') top left no-repeat; }
div.box19 .b19tail { background:url('/images/_box/box19.gif') bottom left no-repeat; }
div.box19 .b19wrap { background:url('/images/_box/box19.mid.gif') bottom left repeat-y; }
div.box19 .b19head em { padding:16px 0 27px; margin-left:30px; color:#222; background:url('/images/_box/box19.gif') top right no-repeat; font:bold 14px/100% Dotum; letter-spacing:-1px; display:block; }
div.box19 .b19head em img { vertical-align:-3px; }
div.box19 .b19tail em { padding-bottom:20px; margin-left:30px; background:url('/images/_box/box19.gif') bottom right no-repeat; font-size:0px; line-height:100%; display:block; }
div.box19 .b19body { padding-right:30px; margin-left:30px; background:url('/images/_box/box19.mid.gif') bottom right repeat-y; padding-bottom:0px; }



/*------------------------------------------------------------------------------
| 탭
|.............................................................................*/

div.tab00 { width:100%; margin-bottom:15px; overflow:hidden; *zoom:1; }
div.tab00 ul { width:105%; height:100%; background-position:left bottom; *background-position:left top; background-repeat:repeat-x; }
div.tab00 ul li { float:left; }
div.tab00 ul li img { margin-right:2px; }
div.tab00:after { content:" "; display:block; clear:both; }
div.tab00_m0 ul li img { margin:0; }

div.tab01_legacy { _position:relative; height:34px; margin:0 0 15px 1px; border-bottom:2px solid #4E4E4E; font:bold 12px/1.0em Dotum; *text-align:left; }
div.tab01_legacy ul { _position:absolute; height:100%; }
div.tab01_legacy ul li { float:left; position:relative; left:-1px; margin-right:-1px; background:url('/images/_box/tab01_legacy.side.off.gif') left top no-repeat; z-index:1; }
div.tab01_legacy ul li a { padding:12px 16px 8px 11px; margin-left:5px; color:#777; background:url('/images/_box/tab01_legacy.off.gif') right top no-repeat; text-align:center; display:block; }
div.tab01_legacy ul li.on { background-image:url('/images/_box/tab01_legacy.side.on.gif'); z-index:2; }
div.tab01_legacy ul li.on a { padding-bottom:10px; color:#222; background-image:url('/images/_box/tab01.on.gif'); }

div.tab01s { _position:relative; height:34px; margin:0 0 15px 1px; border-bottom:2px solid #4E4E4E; font:bold 11px/1.0em Dotum; *text-align:left; }
div.tab01s ul { _position:absolute; height:100%; }
div.tab01s ul li { float:left; position:relative; left:-1px; margin-right:-1px; background:url('/images/_box/tab01.side.off.gif') left top no-repeat; z-index:1; }
div.tab01s ul li a { padding:13px 16px 8px 11px; margin-left:5px; color:#777; background:url('/images/_box/tab01.off.gif') right top no-repeat; text-align:center; display:block; }
div.tab01s ul li.on { background-image:url('/images/_box/tab01.side.on.gif'); z-index:2; }
div.tab01s ul li.on a { padding-bottom:10px; color:#222; background-image:url('/images/_box/tab01.on.gif'); }

div.tab01a { _position:relative; height:44px; margin:0 0 10px 1px; border-bottom:2px solid #4E4E4E; font:bold 12px/15px Dotum; }
div.tab01a dl { _position:absolute; height:100%; }
div.tab01a dl dt { float:left; position:relative; left:-1px; margin-right:-1px; background:url('/images/_box/tab01a.left.off.gif') left top no-repeat; z-index:1; }
div.tab01a dl dt a { padding:10px 16px 6px 11px; margin-left:5px; color:#777; background:url('/images/_box/tab01a.off.gif') right top no-repeat; text-align:center; display:block; }
div.tab01a dl dt.on { background-image:url('/images/_box/tab01.side.on.gif'); z-index:2; }
div.tab01a dl dt.on a { padding-bottom:6px; color:#222; background-image:url('/images/_box/tab01.on.gif'); }

div.tab01a dl dd { float:left; position:relative; left:-1px; margin-right:-1px; background:url('/images/_box/tab01a.left.off.gif') left top no-repeat; z-index:1; }
div.tab01a dl dd a { padding:18px 16px 12px 11px; margin-left:5px; color:#777; background:url('/images/_box/tab01a.off.gif') right top no-repeat; text-align:center; display:block; }
div.tab01a dl dd.on { background-image:url('/images/_box/tab01.side.on.gif'); z-index:2; }
div.tab01a dl dd.on a { padding-bottom:13px; color:#222; background-image:url('/images/_box/tab01.on.gif'); }

div.tab02 { _position:relative; height:34px; padding-left:7px; background:url('/images/_box/tab02.side.bg.gif') left top no-repeat; font:bold 12px/100% Dotum; }
div.tab02 ul { _position:absolute; width:100%; height:100%; padding-top:6px; background:url('/images/_box/tab02.bg.gif') right top no-repeat; }
div.tab02 ul li { float:left; position:relative; left:-1px; margin-right:-1px; background:url('/images/_box/tab02.off.gif') left top no-repeat; z-index:1; }
div.tab02 ul li a { padding:7px 10px 6px 5px; margin-left:5px; color:#fff; background:url('/images/_box/tab02.off.gif') right top no-repeat; display:block; }
div.tab02 ul li.on { background-image:url('/images/_box/tab02.on.gif'); z-index:2; }
div.tab02 ul li.on a { padding-top:8px; padding-bottom:5px; color:#222; background-image:url('/images/_box/tab02.on.gif'); }
div.tab02 ul li:first-child { background-position:-1px top; }
div.tab02 ul li:first-child.on { background-position:left top; }
div.tab02_sub { padding:6px 0 4px 16px; color:#888; border-bottom:1px solid #D5D5D5; font-weight:normal; }
div.tab02_sub a { color:#888; }
div.tab02_sub a.on { color:#d35465; font-weight:500; }

div.tab03 { position:relative; height:63px; padding-left:8px; margin-bottom:20px; background:url('/images/_box/tab03.bg.gif') left top no-repeat; }
div.tab03 ul { height:100%; padding-top:7px; background:url('/images/_box/tab03.bg.gif') right top no-repeat; overflow:hidden; }
div.tab03 ul li { float:left; margin-right:5px; background:url('/images/_box/tab03.off.gif') left top no-repeat; text-align:center;}
div.tab03 ul li a { height:64px; padding-top:15px; padding-right:5px; margin-left:5px; background:url('/images/_box/tab03.off.gif') right top no-repeat; display:block; letter-spacing:-1px;color:#bcbcbc;*padding-top:10px;*padding-bottom:15px;}/* 2014.01.07 */
div.tab03 ul li a img { margin:0 auto; }
div.tab03 ul li a img.on { display:none; }
div.tab03 ul li a img.off { display:block; }
div.tab03 ul li.on { background-image:url('/images/_box/tab03.on.gif');}
div.tab03 ul li.on a { background-image:url('/images/_box/tab03.on.gif'); font-size:23px;color:#222;letter-spacing:-2px;*padding-bottom:15px;*padding-top:10px;*line-height:20px; }/* 2014.01.07 */
div.tab03 ul li.on a img.on { display:block; }
div.tab03 ul li.on a img.off { display:none; }
div.tab03 .tabOthTxt{position:absolute;top:13px;right:20px;font:bold 14px/16px malgun gothic;color:#aaa;letter-spacing:-1px;padding:0 10px 0 0;background:url(/_images/_common/bu_tab03.gif) right 22px no-repeat;}/* 2014.01.07 */

div.tab04 { overflow:hidden; }
div.tab04 ul { position:relative; left:-1px; *zoom:1; }
div.tab04 ul li { float:left; padding:0 10px; background:url('/images/_icon/blt_vl1s.gif') 0 2px no-repeat; }
div.tab04 ul li a { padding-left:7px; background:url('/images/_icon/blt_se2g.gif') 0 6px no-repeat; font-weight:500; }
div.tab04 ul li.on a { color:#d35465; background-image:url('/images/_icon/blt_se2p.gif'); }
div.tab04 ul:after { content:" "; display:block; clear:both; }

div.tab05 { width:100%; height:33px; margin-bottom:20px; overflow:hidden; }
div.tab05 ul { width:105%; height:100%; background:url('/images/_box/tab05.bg.gif') right top repeat-x; }
div.tab05 ul li { float:left; margin-right:3px; background:url('/images/_box/tab05.left.off.gif') left top no-repeat; text-align:center; }
div.tab05 ul li a { height:23px; padding-top:10px; margin-left:5px; background:url('/images/_box/tab05.off.gif') right top no-repeat; display:block; }
div.tab05 ul li a img { margin:0 auto; }
div.tab05 ul li a img.on { display:none; }
div.tab05 ul li a img.off { display:block; }
div.tab05 ul li.on { background-image:url('/images/_box/tab05.left.on.gif'); }
div.tab05 ul li.on a { background-image:url('/images/_box/tab05.on.gif'); }
div.tab05 ul li.on a img.on { display:block; }
div.tab05 ul li.on a img.off { display:none; }

div.tab06 { _position:relative; height:22px; margin-bottom:10px; margin-left:1px; border-bottom:1px solid #d5d5d5; font:bold 11px/1.0em Dotum; *zoom:1; }
div.tab06 ul { _position:absolute; height:100%; }
div.tab06 ul li { position:relative; float:left; left:-1px; margin-right:-1px; border:1px solid #d5d5d5; z-index:1; }
div.tab06 ul li a { padding:7px 15px 3px; color:#9a9090; background:#f8f8f8; text-align:center; display:block; }
div.tab06 ul li.on { border-bottom:0; z-index:2; }
div.tab06 ul li.on a { padding-bottom:4px; color:#d35465; background:#fff; }
div.tab06 ul li.hover { z-index:2; }
div.tab06 ul li.hover a { color:#d35465; background:#fff; }
div.tab06 ul:after { content:" "; display:block; clear:both; }

div.tab06a { _position:relative; height:22px; margin-bottom:10px; margin-left:1px; border-bottom:1px solid #555555; font:bold 11px/1.0em Dotum; *zoom:1; }
div.tab06a ul { _position:absolute; height:100%; }
div.tab06a ul li {float:left; margin-right:1px; border-bottom:1px solid #e7e7e7;  z-index:1; }
div.tab06a ul li a { padding:7px 15px 3px; color:#555555; background:#e7e7e7; text-align:center; display:block; }
div.tab06a ul li.on { border-bottom:0; z-index:2; }
div.tab06a ul li.on a { padding-bottom:4px; color:#ffffff; background:#555555; }
div.tab06a ul:after { content:" "; display:block; clear:both; }

div.tab07 { height:29px; margin:0 0 15px 0; font:bold 12px/1.0em Dotum; }
div.tab07 ul { height:100%; }
div.tab07 ul li { float:left; margin-right:7px; background:url('/images/_box/tab07.left.off.gif') left top no-repeat; }
div.tab07 ul li a { padding:10px 23px 10px 18px; margin-left:5px; color:#888; background:url('/images/_box/tab07.off.gif') right top no-repeat; text-align:center; display:block; }
div.tab07 ul li.on { background-image:url('/images/_box/tab07.left.on.gif'); }
div.tab07 ul li.on a { color:#222; background-image:url('/images/_box/tab07.on.gif'); }

div.tabPadd5 ul li a { padding-right:5px; padding-left:0; }
div.tabPadd10 ul li a { padding-right:10px; padding-left:4px; }
div.tabPadd11 ul li a,
div.tabPadd11 dl dt a,
div.tabPadd11 dl dd a { padding-right:11px; padding-left:6px; }
div.tabRight ul li { float:right; } /* 탭배치를 오른쪽으로. 이 경우 <li>의 배치도 오른쪽부터 시작된다 */

table.step01 { width:100%; height:44px; }
table.step01 th { height:100%; padding:0; background:url('/images/_box/step01.off.gif') left top no-repeat; }
table.step01 th em { padding:14px 5px 12px 0; margin-left:5px; color:#666; background:url('/images/_box/step01.off.gif') right top no-repeat; display:block; }
table.step01 th dfn { color:#b4b2b2; font-weight:normal; font-style:normal; }
table.step01 th.on { background-image:url('/images/_box/step01.on.gif'); }
table.step01 th.on em { color:#fff; background-image:url('/images/_box/step01.on.gif'); }
table.step01 th.on dfn { color:#fdb9c8; }
table.step01 td { width:30px; background:url('/images/_box/step01.arr.gif') 50% 50% no-repeat; }

/* 2011-12-23 추가 탭 메뉴 */
div.tab08 { margin-bottom:20px; border:1px #4e4e4e solid; overflow:hidden; }
div.tab08 .tab08Cnt { border:1px #e9e9e9 solid; padding:10px 30px 7px; overflow:hidden; }
div.tab08 ul { overflow:hidden; }
div.tab08 ul li { overflow:hidden; padding:5px 15px 5px 16px; background:url('/images/common/gray_line.gif') left center no-repeat; margin-left:-1px; float:left; }
div.tab08 ul li.on { font-weight:500; }

div.tab09 { padding:5px; border:1px solid #D5D5D5; }
div.tab09 ul { *zoom:1; }
div.tab09 ul li { float:left; padding:10px 15px; background:url('/images/_icon/blt_vl1s.gif') 0 15px no-repeat; font-size:14px; font-family: '맑은 고딕', malgunGothic;}
div.tab09 ul li.on a { color:#d35465; }
div.tab09 ul li:first-child { background:none; }
div.tab09 ul:after { content:" "; display:block; clear:both; }

/* on/off 이미지가 한 파일로 되어 있는 탭 */
div.tab10 { margin-bottom:15px; overflow:hidden; *zoom:1; }
div.tab10 ul { height:100%; }
div.tab10 ul li { float:left; position:relative; height:100%; overflow:hidden; }
div.tab10 ul li img { position:absolute; top:0; left:0; }
div.tab10 ul li.on img { top:auto; bottom:0; left:0; }
div.tab10:after { content:" "; display:block; clear:both; }
.absolute { position: absolute;}
.relative {	position: relative;}
.cursor{cursor:pointer;}



/*------------------------------------------------------------------------------
| 구구common2.css에 있던 버튼들만모음
|.............................................................................*/
.btnHor1 { font-size:11px; }
.btnHor1 img { margin-left:-2px; vertical-align:-2px; cursor:pointer; }
.btnHor1 img.first { margin-left:5px; }

.btn01 { height:18px; background:url('/images/_button/btn01.left.gif') left top no-repeat; vertical-align:middle; letter-spacing:-1px; display:inline-block; }
.btn02 { height:18px; background:url('/images/_button/btn02.left.gif') left top no-repeat; vertical-align:middle; letter-spacing:-1px; display:inline-block; }
.btn03 { height:18px; background:url('/images/_button/btn03.left.gif') left top no-repeat; vertical-align:middle; letter-spacing:-1px; display:inline-block; }
.btn04 { height:18px; background:url('/images/_button/btn04.gif') left top no-repeat; vertical-align:middle; letter-spacing:-1px; display:inline-block; }
.btn05 { height:18px; background:url('/images/_button/btn05.gif') left top no-repeat; vertical-align:middle; letter-spacing:-1px; display:inline-block; }
.btn01 input, .btn01 em { padding:5px 5px 2px 0; *padding:4px 5px 3px 0; margin:0 0 0 5px; border:0; color:#666; background:url('/images/_button/btn01.gif') right top no-repeat; font:11px/1em Dotum; display:block; }
.btn02 input, .btn02 em { padding:5px 5px 2px 0; *padding:4px 5px 3px 0; margin:0 0 0 5px; border:0; color:#fff; background:url('/images/_button/btn02.gif') right top no-repeat; font:11px/11px Dotum; display:block; }
.btn03 input, .btn03 em { padding:5px 5px 2px 0; *padding:4px 5px 3px 0; margin:0 0 0 5px; border:0; color:#fff; background:url('/images/_button/btn03.gif') right top no-repeat; font:11px/1em Dotum; display:block; }
.btn04 input, .btn04 em { padding:5px 10px 2px 5px; *padding:4px 10px 3px 5px; margin:0 0 0 5px; border:0; color:#fff; background:url('/images/_button/btn04.gif') right top no-repeat; font:11px/1em Dotum; display:block; }
.btn05 input, .btn05 em { padding:5px 10px 2px 5px; *padding:4px 10px 3px 5px; margin:0 0 0 5px; border:0; color:#fff; background:url('/images/_button/btn05.gif') right top no-repeat; font:11px/1em Dotum; display:block; }
.btn01 input, .btn02 input, .btn03 input, .btn04 input, .btn05 input { *padding-top:5px; cursor:pointer; }

.btn11 { height:20px; background:url('/images/_button/btn11.left.gif') left top no-repeat; vertical-align:middle; letter-spacing:-1px; display:inline-block; }
.btn12 { height:20px; background:url('/images/_button/btn12.left.gif') left top no-repeat; vertical-align:middle; letter-spacing:-1px; display:inline-block; }
.btn13 { height:20px; background:url('/images/_button/btn13.left.gif') left top no-repeat; vertical-align:middle; letter-spacing:-1px; display:inline-block; }
.btn14 { height:20px; background:url('/images/_button/btn14.left.gif') left top no-repeat; vertical-align:middle; letter-spacing:-1px; display:inline-block; }
.btn15 { height:20px; background:url('/images/_button/btn15.left.gif') left top no-repeat; vertical-align:middle; letter-spacing:-1px; display:inline-block; }
.btn16 { height:20px; background:url('/images/_button/btn16.left.gif') left top no-repeat; vertical-align:middle; letter-spacing:-1px; display:inline-block; }
.btn17 { height:20px; background:url('/images/_button/btn17.left.gif') left top no-repeat; vertical-align:middle; letter-spacing:-1px; display:inline-block; }
.btn18 { height:20px; background:url('/images/_button/btn18.left.gif') left top no-repeat; vertical-align:middle; letter-spacing:-1px; display:inline-block; }
.btn19 { height:20px; background:url('/images/_button/btn19.left.gif') left top no-repeat; vertical-align:middle; letter-spacing:-1px; display:inline-block; }
.btn20 { height:20px; background:url('/images/_button/btn20.left.gif') left top no-repeat; vertical-align:middle; letter-spacing:-1px; display:inline-block; }
.btn1a { height:20px; background:url('/images/_button/btn1a.left.gif') left top no-repeat; vertical-align:middle; letter-spacing:-1px; display:inline-block; }
.btn11 input, .btn11 em { padding:5px 10px 5px 5px; *padding:5px 10px 4px 5px; margin:0 0 0 5px; border:0; color:#666; background:url('/images/_button/btn11.gif') right top no-repeat;  display:block; }
.btn12 input, .btn12 em { padding:4px 10px 5px 5px; *padding:5px 10px 4px 5px; margin:0 0 0 5px; border:0; color:#fff; background:url('/images/_button/btn12.gif') right top no-repeat;  display:block; }
.btn13 input, .btn13 em { padding:6px 10px 3px 5px; *padding:5px 10px 4px 5px; margin:0 0 0 5px; border:0; color:#fff; background:url('/images/_button/btn13.gif') right top no-repeat;  display:block; }
.btn14 input, .btn14 em { padding:6px 10px 3px 5px; *padding:5px 10px 4px 5px; margin:0 0 0 5px; border:0; color:#fff; background:url('/images/_button/btn14.gif') right top no-repeat;  display:block; }
.btn15 input, .btn15 em { padding:6px 10px 3px 5px; *padding:5px 10px 4px 5px; margin:0 0 0 5px; border:0; color:#fff; background:url('/images/_button/btn15.gif') right top no-repeat;  display:block; }
.btn16 input, .btn16 em { padding:6px 10px 3px 5px; *padding:5px 10px 4px 5px; margin:0 0 0 5px; border:0; color:#fff; background:url('/images/_button/btn16.gif') right top no-repeat;  display:block; }
.btn17 input, .btn17 em { padding:6px 10px 3px 5px; *padding:5px 10px 4px 5px; margin:0 0 0 5px; border:0; color:#fff; background:url('/images/_button/btn17.gif') right top no-repeat;  display:block; }
.btn18 input, .btn18 em { padding:6px 10px 3px 5px; *padding:5px 10px 4px 5px; margin:0 0 0 5px; border:0; color:#fff; background:url('/images/_button/btn18.gif') right top no-repeat;  display:block; }
.btn19 input, .btn19 em { padding:6px 10px 3px 5px; *padding:5px 10px 4px 5px; margin:0 0 0 5px; border:0; color:#fff; background:url('/images/_button/btn19.gif') right top no-repeat;  display:block; }
.btn20 input, .btn20 em { padding:6px 10px 3px 5px; *padding:5px 10px 4px 5px; margin:0 0 0 5px; border:0; color:#fff; background:url('/images/_button/btn20.gif') right top no-repeat;  display:block; }
.btn1a input, .btn1a em { padding:6px 10px 3px 5px; *padding:5px 10px 4px 5px; margin:0 0 0 5px; border:0; color:#fff; background:url('/images/_button/btn1a.gif') right top no-repeat;  display:block; }
.btn11 input, .btn12 input, .btn13 input, .btn20 input { *padding-top:6px; *padding-left:0; *padding-right:5px; cursor:pointer; }



.btn21 { height:27px; background:url('/images/_button/btn21.left.gif') left top no-repeat; vertical-align:middle; letter-spacing:-1px; display:inline-block; }
.btn22 { height:27px; background:url('/images/_button/btn22.left.gif') left top no-repeat; vertical-align:middle; letter-spacing:-1px; display:inline-block; }
.btn23 { height:27px; background:url('/images/_button/btn23.left.gif') left top no-repeat; vertical-align:middle; letter-spacing:-1px; display:inline-block; }
.btn24 { height:27px; background:url('/images/_button/btn24.left.gif') left top no-repeat; vertical-align:middle; letter-spacing:-1px; display:inline-block; }
.btn25 { height:27px; background:url('/images/_button/btn25.left.gif') left top no-repeat; vertical-align:middle; letter-spacing:-1px; display:inline-block; }
.btn26 { height:27px; background:url('/images/_button/btn26.left.gif') left top no-repeat; vertical-align:middle; letter-spacing:-1px; display:inline-block; }
.btn27 { height:27px; background:url('/images/_button/btn27.left.gif') left top no-repeat; vertical-align:middle; letter-spacing:-1px; display:inline-block; }
.btn21 input, .btn21 em { padding:9px 12px 7px 7px; *padding:8px 12px 8px 7px; margin:0 0 0 5px; border:0; color:#666; background:url('/images/_button/btn21.gif') right top no-repeat;  display:block; }
.btn22 input, .btn22 em { padding:9px 12px 7px 7px; *padding:8px 12px 8px 7px; margin:0 0 0 5px; border:0; color:#fff; background:url('/images/_button/btn22.gif') right top no-repeat;  display:block; }
.btn23 input, .btn23 em { padding:9px 12px 7px 7px; *padding:8px 12px 8px 7px; margin:0 0 0 5px; border:0; color:#fff; background:url('/images/_button/btn23.gif') right top no-repeat;  display:block; }
.btn24 input, .btn24 em { padding:9px 12px 7px 7px; *padding:8px 12px 8px 7px; margin:0 0 0 5px; border:0; color:#fff; background:url('/images/_button/btn24.gif') right top no-repeat;  display:block; }
.btn25 input, .btn25 em { padding:9px 12px 7px 7px; *padding:8px 12px 8px 7px; margin:0 0 0 5px; border:0; color:#fff; background:url('/images/_button/btn25.gif') right top no-repeat;  display:block; }
.btn26 input, .btn26 em { padding:9px 12px 7px 7px; *padding:8px 12px 8px 7px; margin:0 0 0 5px; border:0; color:#fff; background:url('/images/_button/btn26.gif') right top no-repeat;  display:block; }
.btn27 input, .btn27 em { padding:9px 12px 7px 7px; *padding:8px 12px 8px 7px; margin:0 0 0 5px; border:0; color:#fff; background:url('/images/_button/btn27.gif') right top no-repeat;  display:block; }
.btn21 input, .btn22 input, .btn23 input, .btn24 input, .btn25 input, .btn26 input, .btn27 input { *padding-top:9px; cursor:pointer; }

.btn31 { height:37px; background:url('/images/_button/btn31.left.gif') left top no-repeat; vertical-align:middle; letter-spacing:-1px; display:inline-block; }
.btn32 { height:37px; background:url('/images/_button/btn32.left.gif') left top no-repeat; vertical-align:middle; letter-spacing:-1px; display:inline-block; }
.btn33 { height:37px; background:url('/images/_button/btn33.left.gif') left top no-repeat; vertical-align:middle; letter-spacing:-1px; display:inline-block; }
.btn34 { height:37px; background:url('/images/_button/btn34.left.gif') left top no-repeat; vertical-align:middle; letter-spacing:-1px; display:inline-block; }
.btn31 input, .btn31 em { padding:13px 25px 11px 20px; *padding:12px 25px 12px 20px; margin:0 0 0 5px; border:0; color:#666; background:url('/images/_button/btn31.gif') right top no-repeat;  display:block; }
.btn32 input, .btn32 em { padding:13px 25px 11px 20px; *padding:12px 25px 12px 20px; margin:0 0 0 5px; border:0; color:#fff; background:url('/images/_button/btn32.gif') right top no-repeat;  display:block; }
.btn33 input, .btn33 em { padding:13px 25px 11px 20px; *padding:12px 25px 12px 20px; margin:0 0 0 5px; border:0; color:#fff; background:url('/images/_button/btn33.gif') right top no-repeat;  display:block; }
.btn34 input, .btn34 em { padding:13px 25px 11px 20px; *padding:12px 25px 12px 20px; margin:0 0 0 5px; border:0; color:#fff; background:url('/images/_button/btn34.gif') right top no-repeat;  display:block; }
.btn31 input, .btn32 input, .btn33 input { *padding-top:13px; cursor:pointer; }

.btn41 { height:37px; background:url('/images/_button/btn31.left.gif') left top no-repeat; text-align:center; vertical-align:middle; letter-spacing:-1px; display:inline-block; }
.btn42 { height:37px; background:url('/images/_button/btn32.left.gif') left top no-repeat; text-align:center; vertical-align:middle; letter-spacing:-1px; display:inline-block; }
.btn43 { height:37px; background:url('/images/_button/btn33.left.gif') left top no-repeat; text-align:center; vertical-align:middle; letter-spacing:-1px; display:inline-block; }
.btn41 input, .btn41 em { padding:7px 25px 6px 20px; /* *padding:6px 25px 7px 20px;*/ margin:0 0 0 5px; border:0; color:#666; background:url('/images/_button/btn31.gif') right top no-repeat;  display:block; }
.btn42 input, .btn42 em { padding:7px 25px 6px 20px; /* *padding:6px 25px 7px 20px;*/ margin:0 0 0 5px; border:0; color:#fff; background:url('/images/_button/btn32.gif') right top no-repeat;  display:block; }
.btn43 input, .btn43 em { padding:7px 25px 6px 20px; /* *padding:6px 25px 7px 20px;*/ margin:0 0 0 5px; border:0; color:#fff; background:url('/images/_button/btn33.gif') right top no-repeat;  display:block; }
.btn41 input, .btn42 input, .btn43 input { *padding-top:13px; cursor:pointer; }

.btn01 b { padding-right: 8px; background:url('/images/_button/btn11.arr1.gif') 100% 3px no-repeat; font-weight:normal; }
.btn02 b { padding-right: 8px; background:url('/images/_button/btn12.arr1.gif') 100% 3px no-repeat; font-weight:normal; }
.btn03 b { padding-right: 8px; background:url('/images/_button/btn13.arr1.gif') 100% 3px no-repeat; font-weight:normal; }
.btn11 b { padding-right: 8px; background:url('/images/_button/btn11.arr1.gif') 100% 3px no-repeat; }
.btn12 b { padding-right: 8px; background:url('/images/_button/btn12.arr1.gif') 100% 3px no-repeat; }
.btn13 b { padding-right: 8px; background:url('/images/_button/btn13.arr1.gif') 100% 3px no-repeat; }
.btn20 b { padding-right: 8px; background:url('/images/_button/btn1a.arr1.gif') 100% 3px no-repeat; }
.btn1a b { padding-right: 8px; background:url('/images/_button/btn12.arr1.gif') 100% 3px no-repeat; }
.btn21 b { padding-right:10px; background:url('/images/_button/btn21.arr1.gif') 100% 2px no-repeat; }
.btn22 b { padding-right:10px; background:url('/images/_button/btn22.arr1.gif') 100% 2px no-repeat; }
.btn23 b { padding-right:10px; background:url('/images/_button/btn23.arr1.gif') 100% 2px no-repeat; }
.btn24 b { padding-right:10px; background:url('/images/_button/btn23.arr1.gif') 100% 2px no-repeat; }
.btn25 b { padding-right:10px; background:url('/images/_button/btn22.arr1.gif') 100% 2px no-repeat; }
.btn26 b { padding-right:10px; background:url('/images/_button/btn22.arr1.gif') 100% 2px no-repeat; }
.btn27 b { padding-right:10px; background:url('/images/_button/btn22.arr1.gif') 100% 2px no-repeat; }
.btn31 b { padding-right:10px; background:url('/images/_button/btn31.arr1.gif') 100% 2px no-repeat; }
.btn32 b { padding-right:10px; background:url('/images/_button/btn32.arr1.gif') 100% 2px no-repeat; }
.btn33 b { padding-right:10px; background:url('/images/_button/btn33.arr1.gif') 100% 2px no-repeat; }
.btn34 b { padding-right:10px; background:url('/images/_button/btn34.arr1.gif') 100% 2px no-repeat; }
.btn11 b.btnX { padding-right:12px; background:url('/images/_button/btn11.x.gif') 100% 1px no-repeat; }
.btn11 b.btnArr1 { padding-right:10px; background:url('/images/_button/btn11.arr2.gif') 100% 3px no-repeat; }
.btn11 b.btnArr2 { padding-left:10px; padding-right:0; background:url('/images/_button/btn11.arr3.gif') 0% 3px no-repeat; }
.btn11 b.btnAd1r { padding-right:10px; padding-left:0; background:url('/images/_icon/blt_ad1r.gif') 100% 4px no-repeat; }
.btnRed input, .btnRed em { color:#D35465; }



/*************************************************************************************************************************/
/* -- 구 common.css에 있던내용들 : 최근 ------------------------------------------------*/
/* 타이틀 */
h1.title_legacy{font:bold 17px malgun gothic;letter-spacing:-1px;color:#666;padding:0 0 10px 5px;margin:0 0 20px;border-bottom:1px solid #e0e0e0;}
h2.title{color:#555;}
/* btn */
a.btnGrey{float:left;display:inline-block;padding:13px 20px;color:#FFF;font-size:14px;letter-spacing:-1px;background:#666;}
a.btnRed{float:left;display:inline-block;padding:13px 20px;color:#FFF;font-size:14px;letter-spacing:-1px;background:#D84F5C;}
a.btnWhite{float:left;display:inline-block;padding:12px 19px;color:#e3405f;font-size:14px;letter-spacing:-1px;border:1px solid #d9d9d9;background:#fff;}
a.btnBlue{float:left;display:inline-block;padding:12px 19px;color:#FFF;font-size:14px;letter-spacing:-1px;background:#003975;}
button span{position:relative;top:0;left:0;}
button.btnGrey{float:left;display:inline-block;padding:13px 20px;color:#FFF;font-size:14px;letter-spacing:-1px;background:#666;}
button.btnRed{float:left;display:inline-block;padding:13px 20px;color:#FFF;font-size:14px;letter-spacing:-1px;background:#D84F5C;}
button.btnWhite{float:left;display:inline-block;padding:12px 19px;color:#e3405f;font-size:14px;letter-spacing:-1px;border:1px solid #d9d9d9;background:#fff;}
.btnArlign{position:relative;width:100%;margin:26px 0 20px 0;overflow:hidden;*zoom:1;}
.btnArlign:after{content:' ';display:block;clear:both;}
.btnArlign .btnL{float:left;display:inline-block;}
.btnArlign .btnR{float:right;display:inline-block;}
.btnArlign .btnC{display:block;width:100%;text-align:center;}
.btnArlign .btnC a{float:none;margin:0 0 0 -4px;} /* 버튼 중앙 정렬 스타일 추가 (2014.03.20) */
/* new tab style*/
.subTab_legacy{height:12px;margin:0 0 8px 0;}
.subTab_legacy li{float:left;display:inline-block;color:#D8D8D8;padding:0 8px 0 0;}
.subTab_legacy li a{color:#999;font-weight:500;}
.subTab_legacy li a:hover{color:#333;}
.subTab_legacy .on a{color:#333;padding-right:11px;background:url(/_images/myPage/ico_subTab_pointer.gif) right 4px no-repeat;}
.tabNmSt{clear:both;position:relative;float:left;height:29px;width:100%;border-bottom:1px solid #D9D9D9;margin:0 0 12px 0;}
.tabNmSt ul{position:absolute;top:0;left:0;float:left;height:30px;margin-left:1px;}
.tabNmSt li{position:relative;z-index:1;float:left;display:inline-block;height:12px;line-height:14px;padding:8px 15px;border:1px solid #D9D9D9;margin-left:-1px;background:#F9F9F9;}
.tabNmSt li a{display:block;width:100%;height:100%;font-weight:500;}
.tabNmSt li.on{z-index:2;height:13px;border-bottom:none;background:#FFF;}
.tabNmSt li.on a{color:#333;}
.verticalTab{float:left;width:124px;height:240px;border:1px solid #CC3344;margin:0 24px 0 0;background:#ED4F68 url(/_images/myPage/bg_verticalTab.png) center 0 repeat-y;}
.verticalTab li{position:relative;display:block;width:100%;height:40px;}
.verticalTab li a{display:block;width:100%;height:100%;text-align:center;color:#FFF;font-size:14px;letter-spacing:-1px;font-weight:500;line-height:40px;}
.verticalTab li a:hover{background:#CC3344;}
.verticalTab .pointer{position:absolute;top:16px;right:-7px;display:none;width:7px;height:13px;background: url(/_images/myPage/ico_verticalTab_pointer.gif) no-repeat;}
.verticalTab .on{background:#CC3344;}
.verticalTab .on .pointer{display:block;}
.recommend{margin:0 0 35px 0;*zoom:1;}
.recommend:after{content:' ';display:block;clear:both;}
/* new notice style */
.notice .tit{float:left;display:inline-block;width:105px;height:73px;background:#FFF4E6;font:24px/24px malgun gothic;text-align:center;padding:18px 0 0 0;margin:0 17px 0 0;}
.notice .tit span{display:block;font-size:14px;}
.notice .tit strong{font-weight:normal;}
.notice .noticeList{float:left;display:inline-block;width:608px;padding:11px 0 0 0;}
.notice .noticeList li{clear:both;height:25px;}
.notice .noticeList li span{font-weight:500;}
.notice .noticeList li a:hover{text-decoration:underline;}
.notice .paging1{clear:both;padding:14px 0;}
.rankList .tit{float:left;display:inline-block;width:170px;height:90px;background:#FFF4E6;*padding-bottom:10px;}
.rankList .tit ul{margin:12px 0 0 14px;}
.rankList .tit li{display:block;clear:both;height:14px;line-height:16px;margin:0 0 5px 0;overflow:hidden;}
.rankList .tit li span{float:left;display:inline-block;width:105px;letter-spacing:-1px;}
.rankList .tit li .event{width:50px;letter-spacing:normal;}
.rankList .tit li em{font-weight:500;}
.rankList .tit li a.event{color:#cc3344;padding-right:7px;background:url(/_images/myPage/bu_rankList.gif) right 3px no-repeat;}
.rankList .ranking{float:right;width:541px;margin:12px 0 0 19px;*zoom:1;}
.rankList .ranking:after{content:' ';display:block;clear:both;}
.rankList .ranking li{height:16px;display:block;margin:0 0 10px 0;}
.rankList .ranking .rankL{float:left;display:inline-block;width:288px;}
.rankList .ranking .rankL .rank{display:inline-block;width:16px;height:16px;text-align:center;line-height:18px;color:#FFF;background:#FF798D;}
:root .rankList .ranking .rankL .rank{line-height:20px;}
.rankList .ranking .rankL a{font-weight:500;line-height:20px;}
.rankList .ranking .rankR{float:right;width:253px;text-align:right;font-size:11px;}
.rankList .ranking .rankR p{float:left;display:inline-block;margin-right:20px;font-size:11px;}
.rankList .ranking .rankR a{float:left;display:inline-block;font-weight:500;font-size:11px;font:bold 11px/18px "Malgun Gothic";}
.rankList .ranking .rankR a.prize{color:#CB3344;}
.notiArea{margin:0 0 35px 0;}
.notiArea .desc{clear:both;float:left;display:block;width:170px;height:14px;padding:12px 0 0 0;font-size:11px;color:#888;letter-spacing:-1px;}
.notiArea .paging1{clear:both;position:relative;top:-14px;padding:0;}
/* 강좌리스트 */

/* .lectureList .teacher span{position:relative;display:block;width:58px;height:58px;border:1px solid #D6D6D6;margin:3px auto;overflow:hidden;}
.lectureList .teacher span img{position:absolute;left:-50px;width:160px;height:120px;}
.lectureList .teacher a{font-weight:500;color:#666;font-size:11px;} */

.lectureList table.tbl01 thead th{font-size:15px; padding:15px 7px;}
.tab01.f16 a{font-size:16px;}
.lectureList .teacher{}
.lectureList .teacher span{display:block; line-height:1;}
.lectureList .teacher .photo{position:relative; width:66px; height:80px; overflow:hidden; margin:0 0 10px;display:inline-block;}
.lectureList .teacher .photo > img{width:140px; height:auto; position:absolute; left:-35px; top:10px;}
.lectureList .teacher .s1{color:#646464; font-size:15px; font-weight:500;}
.lectureList .teacher .s2{color:#000; font-size:17px; font-weight:500; margin:5px 0 0;}

.lectureList .lecture{text-align:left;padding:18px 13px;}
.lectureList .lecture>div{float:left;width:100%;min-height:17px;margin:20px 0 10px 0;}
.lectureList .kindOf{float:left;display:inline-block;height:15px;line-height:10px;border:1px solid #A8CDE7;background:#D2E9FA;margin:0 10px 0 0;padding:0 5px;}
.lectureList .kindOf em{color:#666;/* line-height:17px; */font-size:11px;letter-spacing:-1px; /* font-weight:500; */ font-family:"dotum";}
.lectureList .kindOf span{color:#a8cde7;}
.lectureList .icoGroup img{float:left;display:inline-block;margin:0 2px 0 0;}
.lectureList .tit{clear:both;display:block; margin:10px 0 0;}
.lectureList .tit,
.lectureList .tit a{color:#222;font-size:17px;letter-spacing:-1px; font-weight:500;}
.lectureList .tit a:hover{text-decoration:underline;}
.lectureList .lectureReady{letter-spacing:-1px;color:#007dc6;font:10px/10px malgun gothic;margin:0 0 0 5px;}
.lectureList div.more{margin:0 0 6px 0; margin:5px 0 0;}
.lectureList .more p{float:left;display:inline-block;color:#888;font-size:11px;margin:0 20px 0 0;}
.lectureList .more .book{width:308px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:0;margin-right:0; font-size:14px; color:#969696;}
.lectureList .more .book strong{color:#646464;}



.lectureList .btnGroupBox{overflow:hidden; margin:18px 0 0 !important;}
.lectureList .btnGroupBox .lecturePeriod{float:left; margin:0 0 0 10px; color:#000; font-size:15px; font-weight:normal;}
.lectureList .btnGroupBox .lecturePeriod .line{position:relative; margin:0 10px 0 5px;}
.lectureList .btnGroupBox .lecturePeriod .line:after{position:absolute; left:0; top:5px; content:""; background:#a1a1a1; width:1px; height:13px;}
.lectureList div.btnGroup{padding-left:1px;}
.lectureList div.btnGroup img{float:left;display:inline-block;margin-left:-1px;}
.lectureList .tRed{color:#f7003a !important;}
.lectureList .tRed2{color:#ce133f !important;}
.lectureList .viewSome{width:95px; border:none; margin:1px 0 0;}
.lectureList .viewSome span, .lectureList .viewSome a{display:block; width:100%; height:30px; margin:-1px 0 0; border:none; font-size:0; text-indent:-9999em; background:url(/_images/__renew/common/sp_viewSome.png) no-repeat !important;}
.lectureList .viewSome .viewOt{background-position:0 0 !important;}
.lectureList .viewSome .viewFhd{background-position:0 -29px  !important;}
.lectureList .viewSome .viewHdplus{background-position:0 -58px  !important;}
.lectureList .viewSome .viewHd{background-position:0 -87px  !important;}
.lectureList .viewSome .viewNormal{background-position:0 -116px  !important;}

/* 2014.02.05 수정 */
.lectureList .apply{position:relative; text-align:left;}
.lectureList .apply span,
.lectureList .apply em{display:inline-block;}
.lectureList .apply .label{clear:both;float:left;/* width:77px !important; */ margin:4px 0 0; font-size:13px; color:#000;}
.lectureList .apply .label input{display:inline-block;margin:0 0 0 0;*margin-right:2px;*margin-left:-3px;padding:0; width:20px; height:20px;}
.lectureList .apply .before{float:right;width:65px !important; text-align:right;font-size:15px; margin:3px 0 0; text-decoration:line-through; color:#646464; letter-spacing:-1px;}
.lectureList .apply .sale{float:left; height:18px; font-size:11px; color:#fff; padding-right:10px; margin:5px 0 0;display:none;}
.lectureList .apply .salePrice{margin:-5px 0 0;}
.lectureList .apply .realPrice{letter-spacing: -1px;float:right;width:75px; font-size:17px; font-weight:500; color:#cc3344;text-align:right;}
.lectureList .apply .realPrice .won{font-size:15px;position: relative;top: -1px;left: 2px;}
.lectureList  .lecturePeriod{font-weight:500; color:#6c6c6c;}
.lectureList  .lecturePeriod span{color:#d15e6b;}
.lectureList  .lecturePeriod.possible{font-size:13px; line-height:1.2; margin:-3px 0 0 10px;}
.lectureBtns a{text-align:center;height:37px;line-height:37px;padding:0;border-right:1px solid #b5b5b5;}
.lectureBtns a.first{width:103px;}
.lectureBtns a.second{width:103px;}
.lectureBtns a.third{width:102px;border-right:0;}
.lectureList .btnFreeLectureBox{border:1px solid #2763bb; width:112px; height:62px; display:table; margin:0 auto 10px;}
.lectureList .btnFreeLectureBox .inner{display:table-cell; vertical-align:middle; text-align:center;}
.lectureList .btnFreeLectureBox .inner span{font-size:16px; display:block; line-height:1; letter-spacing:-1px;}
.lectureList .btnFreeLectureBox .inner .s1{color:#2763bb;}
.lectureList .btnFreeLectureBox .inner .s2{color:#000; margin:3px 0 0;}

/* 강좌타입1 */
.lectureList.type1 td{padding:30px 0; font-size:15px; letter-spacing:-1px;}
.lectureList.type1 td.s1{text-align:left; padding:0 40px; position:relative; overflow:hidden;}
.lectureList.type1 td.s2{color:#000;}
.lectureList.type1 td.s3 .box{overflow:hidden;}
.lectureList.type1 td.s3 .box .price{float:left; text-align:right;}
.lectureList.type1 td.s3 .box .price span{display:block; line-height:1;}
.lectureList.type1 td.s3 .box .price .sale{color:#646464; text-decoration:line-through;}
.lectureList.type1 td.s3 .box .price .a1{color:#ce133f; font-size:17px; font-weight:500; margin:3px 0 0;}
.lectureList.type1 td.s3 .box .price .a1 em{font-size:15px;}
.lectureList.type1 td.s3 .box .btnApp{display:inline-block; border:1px solid #2763bb; font-size:16px; padding:5px 10px; border:1px solid #2763bb; color:#2763bb; margin:0 0 0 10px;}
.lectureList.type1 .ico{display:block; background:url(/_images/__renew/lecture/sp_img.png) no-repeat; text-indent:-9999em;}
.lectureList.type1 .btnArrow1{position:absolute; top:50%; right:0; margin:-25px 0 0; width:50px; height:50px; background-position:-15px 15px;}













/* 아래부터는 기존 소스를 재정의한 부분입니다. */

/* badge */
.badge {position:absolute;top:0;left:0;}
.badge i {width:0;height:0;position:absolute;left:0;top:0;font-size:0;line-height:0;}
/* 서브메인 배너 레이아웃 */
.subMainVisual {overflow:hidden;width:100%;margin-bottom:22px;}
.subMainVisual .column01 {float:left;width:618px;height:225px;background-color:#7a7a7a;}
.subMainVisual .column01 .pluginSlider {width:100%;height:225px;}
.subMainVisual .column01 .anythingControls {bottom:11px;right:20px;}
.subMainVisual .column02 {float:right;width:232px;height:225px;}
.subMainVisual .column02 .pluginSlider {width:100%;height:225px;}
.subMainVisual .column02 .anythingControls {bottom:11px;right:16px;}
/* 공지사항 */
.inoticeList {position:relative;}
.inoticeList .titleArea {/*height:29px;*/margin-bottom:11px;border-bottom:1px solid #e9e9e9;}
.inoticeList h2 {padding:10px 0 5px 10px;font-size:14px;font-weight:500;letter-spacing:-1px;}.inoticeList ul {margin:0 0 0 11px;}
.inoticeList ul li{position:relative;width:100%;height:20px;margin:0;line-height:1.25;overflow:hidden;}
.inoticeList ul li .box{position:absolute;top:0;left:0;max-width:100%;height:20px;padding:0}
.inoticeList ul li .iconbox{float:right;margin-left:10px}
.inoticeList ul li .iconbox .ico{display:inline-block;overflow:hidden;height:20px;line-height:999px;vertical-align:middle}
.inoticeList ul li .title {display:block;overflow:hidden;max-width:100%;color:#666;text-decoration:none;white-space:nowrap;text-overflow:ellipsis;}
.inoticeList .more {position:absolute;right:0;top:11px;padding:0 8px 0 0;*padding-top:2px;font-size:11px;letter-spacing:-1px;background:transparent url(/_images/_icon/blt_ar7p.gif) 100% 4px no-repeat;}
/* 버튼 스타일 확장 - S size height:27px */
.btnOpt01 {overflow:hidden;width:100%;}
.btnOpt01 a.btnGrey{padding:8px 10px 7px;font-size:12px;}
:root .btnOpt01 a.btnGrey {padding:7px 10px 8px;}
.btnOpt01 a.btnRed{padding:8px 10px 7px;font-size:12px;}
:root .btnOpt01 a.btnRed {padding:7px 10px 8px;}
.btnOpt01 a.btnBlue{padding:8px 10px 7px;font-size:12px;}
:root .btnOpt01 a.btnBlue {padding:7px 10px 8px;}
/***********************
  Slide Banner Style
  SET : COMMON SLIDER STYLING
 ***********************/
.anythingSlider {overflow-y:auto;overflow-x:hidden;}
.anythingSlider {display:block;overflow:visible !important;position:relative;}
.anythingSlider .anythingWindow {overflow:hidden;position:relative;width:100%;height:100%;}
.anythingSlider .anythingBase {background:transparent;list-style:none;position:absolute;overflow:visible !important;top:0;left:0;margin:0;padding:0;}
.anythingSlider .arrow span {display:block;visibility:hidden;}
.anythingSlider .arrow.disabled {display:none;}
.anythingSlider .panel {position:relative;background:transparent;display:block;overflow:hidden;float:left;padding:0;margin:0;}
.anythingSlider .panel .fullpic img {width:100%;height:100%;}
.anythingSlider .fade .panel {float: none;position: absolute;top: 0;left: 0;z-index: 0;}
.anythingSlider .fade .activePage {z-index:1;}
/*****************************
  SET : anythingSlider-default
 *****************************/
.anythingSlider-default {margin:0 auto;padding:0;}
.anythingSlider-default .anythingControls {position:absolute;display:none;z-index:5;}
.anythingSlider-default .anythingControls a {background-color:#d9d9d9;}
.anythingSlider-default .anythingControls a span {visibility:hidden;}
.anythingSlider-default .anythingControls a.cur {background-color:#2763ba;}
.anythingSlider-default .anythingControls a.cur,
.anythingSlider-default .anythingControls a:hover {background-color:#2763ba;}
.anythingSlider-default .anythingControls a.start-stop .anythingControls ul a:hover {background-color:#2763ba;}
.anythingSlider-default .anythingControls ul {margin:0;padding:0;float:left;}
.anythingSlider-default .anythingControls ul li {float:left;vertical-align:top;}
.anythingSlider-default .anythingControls ul a {display:block;width:12px;height:12px;margin:0 4px 0 0;text-align:center;outline:0;text-decoration:none;}
/* Autoplay Start/Stop button */
.anythingSlider-default .anythingControls a.start-stop {float:left;width:12px;height:12px;padding:0;background-image:url(/_images/_common/spr_anyslider.png);background-repeat:no-repeat;background-position:-40px 0;font-size:0;line-height:0;}
.anythingSlider-default .anythingControls a.start-stop,
.anythingSlider-default .anythingControls a.start-stop:hover {background-position:-60px 0;}
.anythingSlider-default .anythingControls a.start-stop.playing,
.anythingSlider-default .anythingControls a.start-stop.playing:hover {background-position:-40px 0;}
.anythingSlider-default .arrow {top:-18px;position:absolute;display:block;}
.anythingSlider-default .arrow a {display: block;width: 13px;height: 13px;margin:0; /* half height of image */text-align: center;outline: 0;background: url(/_images/_common/spr_anyslider.png) no-repeat;}
.anythingSlider-default .back { right:18px; }
.anythingSlider-default .back a,
.anythingSlider-default .back a:hover,
.anythingSlider-default .back a.hover { background-position: 0 0; }
.anythingSlider-default .forward { right:0; }
.anythingSlider-default .forward a,
.anythingSlider-default .forward a:hover,
.anythingSlider-default .forward a.hover { background-position:-20px 0; }
/* When using the navigationSize option, the side margins need to be zero
	None of the navigation panels look good in IE7 now =( */
.as-oldie .anythingSlider-default .anythingControls a {}
.as-oldie .anythingSlider-default .anythingNavWindow {margin:0 2px;}
.as-oldie .anythingSlider-default .anythingNavWindow li {padding:3px 0 0 0;}
/*****************************
  SET : anythingSlider-Nav
 *****************************/
.anythingSlider-Nav {margin:0 auto;padding:0;}
.anythingSlider-Nav .anythingControls {position:absolute;left:0;bottom:0;display:none;width:100%;}
.anythingSlider-Nav .anythingControls a {background:#7a7a7a;color:#cacaca;}
.anythingSlider-Nav .anythingControls a span {visibility:visible;}
.anythingSlider-Nav .anythingControls a.cur {background-color:#555555;}
.anythingSlider-Nav .anythingControls a.cur,
.anythingSlider-Nav .anythingControls a:hover {background-color:#555555;color:#fff;font-weight:500;}
.anythingSlider-Nav .anythingControls a.start-stop .anythingControls ul a:hover {background-color:#d9d9d9;}
.anythingSlider-Nav .anythingControls ul {margin:0;padding:0;float:left;}
.anythingSlider-Nav .anythingControls ul li {float:left;height:100%;}
.anythingSlider-Nav .anythingControls ul a {display:block;height:100%;margin:0;font-size:12px;line-height:34px;text-align:center;outline:0;text-decoration:none;}
:root .anythingSlider-Nav .anythingControls ul a {line-height:36px;}
/* Autoplay Start/Stop button */
.anythingSlider-Nav .anythingControls a.start-stop {float:right;padding:0;background-position:0 -80px;font-size:0;line-height:0;background-color:#555;background-image: url(/_images/_common/spr_anyslider.png);background-repeat:repeat-x;}
.anythingSlider-Nav .anythingControls a.start-stop,
.anythingSlider-Nav .anythingControls a.start-stop:hover {background-position:-40px -80px;}
.anythingSlider-Nav .anythingControls a.start-stop.playing,
.anythingSlider-Nav .anythingControls a.start-stop.playing:hover {background-position:0 -80px;}
.sliderNav01 .anythingControls ul {height:31px;}
.sliderNav01 .anythingControls a.start-stop {width:30px;height:31px;}
.sliderNav02 .anythingControls ul {height:35px;}
.sliderNav02 .anythingControls a.start-stop {width:35px;height:35px;}
.sliderNav02 .anythingControls a.start-stop,
.sliderNav02 .anythingControls a.start-stop:hover {background-position:-40px -40px;}
.sliderNav02 .anythingControls a.start-stop.playing,
.sliderNav02 .anythingControls a.start-stop.playing:hover {background-position:0 -40px;}
.sliderNav02 .anythingControls ul a {line-height:37px;}
:root .sliderNav02 .anythingControls ul a {line-height:40px;}
/*****************************
  SET : anythingSlider-arrow
 *****************************/
/* Navigation Arrows */
.anythingSlider-arrow .arrow {top:50%;position:absolute;display:block;}
.anythingSlider-arrow .arrow a {display:block;width:45px;height:140px;margin:-70px 0 0 0;/* half height of image */text-align:center;outline:0;background:url(http://soobakc.com/_images/_common/spr_anyslider.png) no-repeat;}
/* 신규 탭 추가 */
.tab11_legacy ul {overflow:hidden;width:100%;}
.tab11_legacy ul {background:transparent url("/_images/_common/bg_tab11_legacy.gif") 0 0 repeat-x;}
.tab11_legacy li {position:relative;float: left;padding:0 0 7px;margin:0 0 0 -1px;font-size:14px;font-weight:500;text-align:center;}
.tab11_legacy li:first-child {margin:0;}
.tab11_legacy li a {display:block;height:33px;border:1px solid #d9d9d9;line-height:28px;color:#666;background:#fff;}
.tab11_legacy li .anchor {display:none;}
.tab11_legacy li.on a {border:1px solid #ab1e2d;background:#cc3344;color:#fff;}
.tab11_legacy li.on span {display:block;position:absolute;bottom:0;left:50%;margin:0 0 0 -6px;width:0;height: 0; border-left:7px solid transparent;border-right:7px solid transparent;border-top:8px solid #b62435;}
.tab11_legacy li.on .anchor span {bottom:1px;left:-5px;margin:0;border-left-width:6px;border-right-width:6px;border-top:9px solid #cc3344;}
/* 강좌 레이어 */
div.quickApply{position:absolute;top:-160px;left:-96px;overflow:hidden; background:#fff !important; width:auto !important; box-shadow: 2px 3px 7px #ababab;}
div.quickApply .quickBox{display:block;width:88px;border:1px solid #7A7A7A;margin:0;}
div.quickApply a{display:block;margin:0 0 0 0;padding:0 0 0;border:1px solid #D9D9D9;border-width:0 0 1px 0;color:#666;font-size:11px;text-align:center;vertical-align:middle;}
div.quickApply .cart{background:#C03040;color:#FFF;font-weight:500;border:none;padding:4px 0;}
div.quickApply img{margin:0 0 0 0;}
div.quickApply .cart2{background:#F9F9F9;color:#DB5460;font-weight:500;border-bottom:none;}
div.quickApply .muhan{background:#7A7A7A;color:#FFF;font-weight:500;line-height:13px;padding:10px 0 5px 0;border:none;}
div.box07a{z-index:10;position:relative;top:-7px;max-width:100%;text-align:left;border:2px solid #999;border-width:2px;padding:45px 0;margin:0 auto -7px auto;}
div.box07a > div{margin:0 25px;}
.box07a .boxTit{position:absolute;top:0;left:-25px;width:100%;height:25px;background:#999;}
.box07a .boxTit p{float:left;display:inline-block;color:#FFF;font-weight:500;margin:2px 0 0 13px;}
.box07a .boxTit .closeLayer{float:right;color:#FFF;font-weight:500; margin:0 13px 0 7px;}
.box07a table.tbl01 th{text-align:center;}
.box07a table.tbl01 th.last{border-right:none;}
/* 텍스트 배너 */
.specialCourse{float:left;width:900px;margin:0 0 35px 0;}
.specialBanner{float:left;display:inline-block;width:377px;background:url(/_images/_common/bg_specialBannerTop.gif) no-repeat;}
.specialBanner .bannerIn{float:left;display:inline-block;padding:5px 0 0 0;}
.specialBanner a{display:block;float:left;width:100%;padding:0 19px 12px 19px;margin:11px 0 0 0;background:url(/_images/_common/bg_specialBannerBottom.gif) 0 bottom no-repeat;}
.specialBanner img{float:left;display:inline-block;margin:0 17px 0 0;}
.specialBanner p{font-size:12px;color:#666;letter-spacing:-1px;margin:0 0 3px 0;}
.specialBanner strong{display:block;height:26px;line-height:1em;color:#003975;font-size:26px;letter-spacing:-1px;font-weight:normal;padding-bottom:1px;}
.specialBanner strong img{float:none;margin:0 0 0 10px;}
.specialBanner.inButton{float:left;display:inline-block;position:relative;width:321px;height:79px;margin:0 16px 0 0;padding:11px 17px 12px 19px;background:url(/_images/_lecture/bg_specialBanner.gif) no-repeat;}
.specialBanner.inButton .bannerIn{padding-top:0;min-width:241px;}
.specialBanner.inButton img{float:left;display:inline-block;margin-top:7px;}
.specialBanner.inButton p,
.specialBanner.inButton strong{letter-spacing:-1px;}
.specialBanner.inButton p{display:block;font-size:12px;}
.specialBanner.inButton strong{font-size:26px;color:#003975;font-weight:normal;}
.specialBanner.inButton .btnGroup{display:block;margin:11px 0 0 0;}
.specialBanner.inButton .btnGroup a{display:inline-block;float:none;width:auto;padding:0;margin:0;background:url(/images/_button/btn11.left.gif) left top no-repeat;}
.specialCourse.bnnr3in .specialBanner{width:232px;margin:0 17px 0 0;background:url(/_images/_common/bg_specialBannerTop2.gif) no-repeat;}
.specialCourse.bnnr3in .specialBanner a{display:block;float:left;width:100%;padding:0 19px 12px 19px;margin:11px 0 0 0;background:url(/_images/_common/bg_specialBannerBottom2.gif) 0 bottom no-repeat;}
.specialCourse.bnnr3in .specialBanner .bannerIn{padding-top:0;}
.specialCourse.bnnr3in .specialBanner p{line-height:14px;}
/* 페이지내 상단 검색 영역 */
.searchArea, .searchArea *{-webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
.searchArea {width:399px;height:30px;margin:0 auto;border:3px solid #cc3344;}
.searchArea .window {position:relative;}
.searchArea .window input {width:330px;height:18px;padding:0;margin:7px 9px 0;line-height:17px;border:0;vertical-align:middle;outline: none;}
*:first-child+html .searchArea .window input {margin-top:6px;}
.searchArea .btn {position:absolute;top:0;right:0;overflow:hidden;width:49px;height:30px;border:0;vertical-align:top;background:transparent url("/_images/_button/search3.gif") 0 0 no-repeat;}
.searchArea .btn span {width:0;height:0;position:absolute;left:0;top:0;font-size:0;line-height:0;}
*:first-child+html .searchArea .btn {margin-top:-1px;}
.hotKeyword {height:23px;margin:10px 0 16px;line-height:17px;text-align:center;color:#999999;}
.hotKeyword strong {overflow:hidden;position:relative;top:-1px;display:inline-block;width:65px;height:17px;margin-top:0;font-size:0;line-height:0;text-indent:-70px;background:transparent url("/_images/_bookStore/hotkeyword.gif") 0 0 no-repeat;vertical-align:middle;}
.hotKeyword a {margin:0 2px 0 3px;color:#666;vertical-align:middle;}
.hotKeyword .bar {vertical-align:middle;}
/* 교재 정보 */
.bookInfoView .thumbBook {float:left;}
.bookInfoView .infoBook {float:left;}
.bookInfoView .booktit {display:block;overflow:hidden;max-width:100%;height:20px;margin:0 0 8px;line-height:1.25;color:#666;text-decoration:none;/* white-space:nowrap;text-overflow:ellipsis; */}
.bookInfoView .booktit a{color:#333;font-size:16px;letter-spacing:-1px;}
.bookInfoView .booktit .new{display:inline-block;margin:0 0 3px 5px;vertical-align:middle}
.infoBook  .desc .page {display:block;font:12px/18px "Malgun Gothic";}
.infoBook .bar {margin:0 15px;}
.infoBook  .price {display:inline-block;min-width:315px;height:30px;padding:0 10px;margin:4px 0 0;border:1px solid #e9e9e9;line-height:33px;background:#f9f9f9;}
.infoBook  .price em {color:#cc3344;}
.infoBook  .price strong {font-weight:500;color:#cc3344;}
.infoBook  .price .del {text-decoration:line-through;}
.infoBook  .price .bar {margin:0 4px 0 3px;}
/* 교재 썸네일 */
.thumbBook {position:relative;width:90px;height:120px;}
.thumbBook .book1 {width:100%;height:100%;border:0;}
.thumbBook .mask {position:absolute;top:0;left:0;display:block;width:88px;height:118px;border:1px solid #c4c4c4;}
.thumbBook .btnView {position:absolute;bottom:0;right:0;display:block;width:27px;height:27px;background:transparent url("/_images/_button/btn_view.png") 0 0 no-repeat;}
.thumbBook .btnView span {width:0;height:0;position:absolute;left:0;top:0;font-size:0;line-height:0;}
.bgPbook {width:90px;padding-right:5px;margin:0;background:url("/_images/_bookStore/thumbBook.gif") 100% 0 no-repeat;}
.bgPbook .mask {border-right:0;}
/* 교재 리스트 */
.bookitemList {width:100%;margin-bottom:23px;}
.bookitemList td {height:120px;padding:15px 0 5px;}
.bookitemList .thumbBook {width:90px;margin:5px 20px 0 0;background:transparent url("/_images/_bookStore/thumbBook.gif") 0 100% no-repeat;}
.bookitemList .infoBook {width:490px;}
.bookitemList .icoNew {margin-left:5px;}
.bookitemList .bookInfoView {width:600px;padding-left:14px;}
.bookitemList .optcheck {text-align:center;}
.bookitemList .bookShop {width:66px;}
.bookitemList .bookShop .btnWhite {line-height:1em;}
.bookitemList .bookShop .btnRed {line-height:1em;}
/* 필터링 */
.choiceArea{position:relative;color:#666;font-size:12px;margin:0 0 25px 0;border:1px solid #C1DBEE;border-left:none;border-right:none;background:#F0F9FF;overflow:hidden;}
.choiceArea div{float:left;margin:0 10px;padding:11px 0 11px 11px;border-top:1px solid #C1DBEE;}
.choiceArea strong{float:left;display:inline-block;width:80px;font-size:14px;color:#003975;letter-spacing:-1px;line-height:20px;font-weight:500;}
.choiceArea em{float:left;display:inline-block;width:52px;line-height:11px;*line-height:13px;margin:5px 0 0 0;}
.choiceArea ul{float:left;display:inline-block;width:555px;margin:5px 0 0 0;}
.choiceArea li{float:left;display:inline-block;width:79px;line-height:11px;margin:0 0 4px 0;}
.choiceArea a{letter-spacing:-1px;}
.choiceArea a.on{color:#007DC6;font-weight:500;letter-spacing:-1px;padding-right:8px;background:url(/_images/_common/ico_angle_blue.gif) right 3px no-repeat;}
.choiceArea a:hover{color:#007DC6;font-weight:500;letter-spacing:-1px;padding-right:8px;background:url(/_images/_common/ico_angle_blue.gif) right 3px no-repeat;}
.choiceArea .season{border-top:none;margin-top:5px;}
/* 세로 텍스트 배너 */
.bannerGui{float:left;display:block;width:260px;}
.bannerGui li{position:relative;display:block;width:260px;height:65px;margin:0 0 6px 0;}
.bannerGui li a{display:block;width:100%;height:100%;line-height:16px;background:url(/_images/myPage/bg_bannerGui.gif) no-repeat;}
.bannerGui li span{display:block;font-size:12px;letter-spacing:-1px;color:#888;margin:0 0 5px 20px;padding:12px 0 0 0;line-height:12px;}
.bannerGui li em{display:block;height:20px;font-size:16px;letter-spacing:-1px;color:#666;font-weight:500;margin:0 0 0 20px;line-height:20px;}
.bannerGui li img{position:absolute;top:7px;right:10px;}

.btnOpt01 {margin-top:17px;}
.btnOpt01 a.btnWhite{padding:7px 9px 6px;font-size:12px;}
:root .btnOpt01 a.btnWhite {padding:6px 9px 7px;}/* IE9 hack */

table.tbl01_faq tbody th { padding-left:40px; background:#f6f6f6 url("/images/_icon/ico02_q.gif") 10px 9px no-repeat; text-align:left; border-right:0; }
table.tbl01_faq tbody td { padding:10px 0 10px 40px; background:url("/images/_icon/ico02_q.gif") 10px 10px no-repeat; text-align:left; }

/* 빠른 설정 */
.quickLinks li {float:left;width:83px;margin:14px 0 3px;text-align:center;}
.qickon {color:#555;line-height:15px;letter-spacing:-1px;}
.qickon .ico {display:block;width:58px;height:58px;margin:0 auto;}

/* 텍스트 배너 */
.bannerGroup{margin:0 0 35px 0;overflow:hidden;*zoom:1;}
.bannerGroup:after{content:' ';display:block;clear:both;}
.bannerGroup ul{float:left;display:block;width:800px;}
.bannerGroup li{float:left;display:inline-block;width:232px;height:72px;padding:13px 0 0 0;margin:0 17px 0 0;background:url(/_images/_lecture/bg_bannerGroupTop.gif) no-repeat;}
.bannerGroup li a{position:relative;display:block;width:100%;height:72px;background:url(/_images/_lecture/bg_bannerGroupBottom.gif) 0 bottom no-repeat;}
.bannerGroup li a p{z-index:2;position:absolute;top:0;left:15px;font-size:12px;color:#888;letter-spacing:-1px;}
.bannerGroup li a strong{z-index:2;position:absolute;top:19px;left:15px;font-size:16px;color:#555;letter-spacing:-1px;font-weight:500;line-height:20px;}
.bannerGroup li a img{z-index:1;position:absolute;top:0;right:11px;width:62px;height:62px;}

/* 검색옵션 + 탭 */
.searchLect{position:relative;margin:0 0 26px 0;border:1px solid #D8D8D8;border-bottom:2px solid #E9E9E9;}
.searchLect .tab{height:31px;}
.searchLect .tab li{display:inline-block;float:left;width:134px;height:32px;text-align:center;line-height:12px;border-left:1px solid #D8D8D8;margin:0 0 0 -1px;overflow:hidden;}
:root .searchLect .tab li{line-height:14px;}
.searchLect .tab li a{display:block;width:100%;height:100%;font-weight:500;color:#666;padding:10px 0;}
.searchLect .tab li.on{background:#F9F9F9;color:#333;border-right:1px solid #D8D8D8;}
.searchLect .tab .tchSerch .on{border-right:1px solid #D8D8D8;}
.searchLect .tabR{float:right;display:inline-block;line-height:12px;margin:9px 16px 0 0;}
:root .searchLect .tabR{line-height:8px;}
.searchLect .tabR span{color:#D9D9D9;margin:0 5px;}
.searchLect .tabR a{font-weight:500;font-size:12px;color:#666;letter-spacing:-1px;padding-right:8px;background:url(/_images/_common/ico_angle_orange.gif) right 5px no-repeat;}
.searchLect .tabContents{height:41px;background:#F9F9F9;border:1px solid #D9D9D9;border-width:1px 0;}
.searchLect .tabContents div{margin:10px 0 10px 24px;}
.searchLect .tabContents select{width:85px;}
.searchLect .tabContents input{width:244px;}
.searchLect .tabContents #tabCont1 input{width:335px;}

/* 개인화 영역 */
.userForm {z-index:10;position:absolute;top:0;left:50%;width:290px;margin:0 0 0 210px;}
.userForm .innerBox {width:290px;height:449px;margin:0 0 0 auto;background:#fff;border-bottom:1px solid #d9d9d9;}
.userForm .userType {width:290px;height:211px;background:#f9f9f9;}
.userForm .typeBan {display:block;}

.userForm .setMain {height:30px;padding:13px 0 0 20px;margin:0 0 15px;border-bottom:1px solid #e9e9e9;background:#fff;}
:root .userForm .setMain {height:31px;padding-top:12px;}
.userForm .setMain strong {position:relative;top:1px;font-size:14px;color:#555;margin:0 10px 0 0;}
.userForm .setMain label {overflow:hidden;display:inline-block;position:relative;height:18px;line-height:18px;font-weight:500;color:#7a7a7a;vertical-align:middle;cursor:pointer;}
:root .userForm .setMain label {line-height:21px;}
.userForm .setMain label img{margin-right:3px;}
.userForm .setMain label.sel {background-position:0 -719px;}
.userForm .setMain label input[type="checkbox"],
.userForm .setMain label input[type="radio"] {position:absolute;top:-50px;left:-50px;}
.userForm .setMain .links {overflow:hidden;display:inline-block;width:17px;height:17px;text-indent:-100px;background:url("/_images/_main/spr_main.png") 0 -690px no-repeat;vertical-align:middle;}

/* 동영상 썸네일 */
.tv .mask{position:relative;display:block;}
.tv .mask img{width:125px;height:73px;}
.tv .mask i{position:absolute;bottom:0;left:0;display:block;width:125px;height:18px;line-height:19px;font-style:normal;font-size:11px;letter-spacing:-1px;text-align:center;color:#fff;}
.tv .mask .diemd{position:absolute;bottom:0;left:0;display:block;width:125px;height:18px;background:#333;opacity:0.5;filter:alpha(opacity=50);}
.tv .mask .mid{position:absolute;top:0;left:0;display:block;width:30px;height:18px;text-indent:-9999px;overflow:hidden;background:url(/_images/_teacher/spr_plagTv.png) 0 0 no-repeat;}
.tv .mask .mid.mid01{background-position:0 0;}
.tv .mask .mid.mid02{background-position:0 -68px;}
.tv .mask .mid.mid03{background-position:0 -136px;}
.tv .mask .mid.mid04{background-position:0 -204px;}
.tv .mask .mid.mid05{background-position:0 -272px;}
.tv .mask .mid.mid06{background-position:0 -341px;}
.tv .mask .high{background-position:0 -75px;}

/* 랭킹 수정 2014.02.14 이름 앞 아이콘 빼고 위치 조정해줌 */
.rankSList li {overflow:hidden;width:100%;height:20px;margin:0 0 0;font-size:12px;line-height:1.833;}
.rankSList .rank {float:left;display:block;width:11px;height:11px;margin:4px 9px 0 0;font:9px/11px Tohoma;text-align:center;background:#a8a8a8;color:#fff;}
:root .rankSList .rank {margin-top:3px; line-height:13px;}
.rankSList .tit {float:left;display:block;width:212px;}
.rankSList .tit a {display:inline-block;max-width:200px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.rankSList .cntView {position:relative;float:left;display:block;width:76px;font-size:11px;color:#999;}
.rankSList .cntView i {margin:0 10px 0 0;font-style:normal;}
.rankSList .cntLike {float:left;display:block;width:40px;line-height:15px;color:#999;/*background:url("/_images/_common/ico_like.gif") 0 0 no-repeat;*/}
.rankSList .cntLike i {display:none;}
.rankSList .cntLike em {position:relative;top:1px;height:12px;font-size:11px;line-height:100%;*padding-bottom:2px;;}
:root .rankSList .cntLike em{top:-2px;}
.rankSList li:first-child .tit a,
.rankSList li:first-child .cntView em,
.rankSList li:first-child .cntLike em {color:#cc3344;}
.rankSList li:first-child .rank {background:#777;}

/* 푸터 */
.footArea{width:100%;border-top:1px solid #E1E1E1;}
div#footer{border-top:none;}

/*리스트*/
.board_list {border-top:2px solid #d4d3d2;}
.board_list th{
	background:#f3f3f3 url('/images/old/common/bg_brd_thline.gif') top right no-repeat;
	padding:5px 0 2px 0;
	border-bottom:1px solid #dedede;
}
.board_list th.last{background:#f3f3f3;}
.board_list td{
	padding:9px 5px 5px 5px;
	border-bottom:1px solid #dedede;
	text-align:center;
}
.board_list td table tr td{padding:0px;}
.board_list td.left{
	text-align:left;
	padding-left:15px;
	padding-right:5px;
}

.board_list td.study_view table tr td.left{padding:9px 7px 5px 10px;}
.board_list tr.line2 td{padding:9px 0 5px 0;}
.board_list tr.line2 td.left{padding-left:15px;padding-right:5px;}
.board_list tr.line2 td table tr td{padding:0px;}
.board_list tr.bg_gr td{padding:8px 0 4px 0;background:#f3f3f3;}
.board_list tr td.bg_gr{padding:8px 0 4px 0;background:#f3f3f3;}
.board_list tr.bg_gr td.left{padding-left:15px;padding-right:5px;}
.board_list tr.bg_pink td{padding:8px 0 4px 0;background:#fef9f9;}
.board_list tr td.bg_pink{padding-top:8px padding-bottom:4px 1;background:#fef9f9;}
.board_list tr.bg_pink td.left{padding-left:15px;padding-right:5px;}
.board_list td.year img{margin-bottom:3px;}
.board_list td.checkbox p input{border:none;}

/* 배너 배경이미지 */
.studyGuide .clinic.bg01{background:url(/_images/_lecture/bg_hotIssue01.jpg) top right no-repeat;}
.studyGuide .clinic.bg02{background:url(/_images/_lecture/bg_hotIssue02.jpg) top right no-repeat;}
.studyGuide .clinic.bg03{background:url(/_images/_lecture/bg_hotIssue03.jpg) top right no-repeat;}
.studyGuide .studyGuideL li {font-size:13px; padding: 5px 0 0 0 !important; overflow:hidden;}

/* 강좌구매 혜택 프로모션 공통 모듈 */
.pmBenefitBox {position:relative;background:#f8f8f8;border:1px solid #e0e0e0;*zoom:1;}
.pmBenefitBox:after{content:' ';display:block;clear:both;}
.pmBenefitBox .captit {width:100%;margin:0 -1px;border:1px solid #961321;background:#e3405f;text-align:center;}
.pmBenefitBox .innerBox {padding:25px 20px 0;}
.pmBenefitBox .btn {position:absolute;top:11px;right:15px;width:95px;height:20px;padding:0;margin:0;border:0;background:transparent;}
.pmBenefitBox .choiceBanner {position:relative;width:649px;background:#f9edd3;border:0;padding:11px 0 17px 30px;height:auto;}
.pmBenefitBox .choiceBanner .mlink {position:absolute;top: 51px;right:30px;}
.pmBenefitBox .choiceBanner .innerBox {display:inline-block;padding:0 0 0 30px;margin:0 0 0 0;vertical-align:middle;}
*:first-child+html .choiceBanner .innerBox  {display:inline;}
.pmBenefitBox .choiceBanner .vblank{display:inline-block;vertical-align:middle;width:0;height:100%;overflow:hidden;}
.pmBenefitBox .choiceBanner .copy {display:inline-block;margin:-5px 0 0 28px;font-size:14px;line-height:1.429;letter-spacing:-1px;color:#666;vertical-align:middle;font-weight:500;}
.pmBenefitBox .choiceBanner .ems {color:#cd0303;text-decoration:underline;}
.pmBenefitBox #pmBenefit{width:680px;margin:25px auto 25px auto;}
.pmBenefitBox .bannerBox {width:680px;margin:25px auto 25px auto;}
.pmBenefitBox .benefitList .tit {margin:0 0 1px;font-weight:500;color:#cc3333;}
.pmBenefitBox .benefitList li {margin-bottom:21px;}
.pmBenefitBox .benefitList ol li .ems {font-weight:500;line-height:1.667;color:#646464;}
.pmBenefitBox .benefitList ol li {margin:0;color:#999;}
.pmBenefitBox .benefitList ol li .links {margin:-3px 0 0 10px;}
.pmBenefitBox .innerBox02 .txt01{font-size:18px;color:#2f3032;}
.pmBenefitBox .innerBox02 .txt01 span{color:#e24363;}
.pmBenefitBox .innerBox02 .txt02{font-size:24px;color:#2f3032;margin-top:15px;}
.pmBenefitBox .innerBox02 .txt02 strong{color:#e24363;}

/* 세월호 애도 2014.04.25 */
.header .headerTop .mourn{position:absolute;top:31px;left:-135px;display:block;width:136px;height:43px;text-indent:-9999px;overflow:hidden;background:url(/_images/_main/img_mourn.jpg) no-repeat;}

/* 모바일 기기에서 날개배너 감추기 2014.05.20 */
@media screen and (max-width: 1000px) {
	.fullscreenCover{display:none;}
}

#_div_family_site_layer{ position: absolute;}

/* 2024.08.02 하단 구매독려 UI 수정 */
div.quickCartBar{position:fixed; left:0; bottom:-88px; width:100%; z-index:99999; overflow:hidden;}
div.quickCartBar .btnSet{position:relative; display:flex; align-items: center; left: 50%; transform: translateX(-50%); width:1200px; height:88px; background:#f4f6f9; border:1px solid #DBDBDB; padding:0 20px; border-top-left-radius:20px; z-index:2;}
div.quickCartBar .btnSet .btnL > button{border:1px solid #ED3535; color:#ED3535; font-size:16px; padding:0 20px; height:48px; line-height:47px; border-radius:12px; font-weight:700; background:#fff;}
div.quickCartBar .btnSet button.disabled { border: 0; background: #D9D9D9; color: #939393;}
div.quickCartBar .btnSet .btnR{display:flex; justify-content: flex-end; flex-grow: 1; gap:8px;}
div.quickCartBar .btnSet .btnR button{font-size:16px; padding:0 16px; height:48px; line-height:47px; border-radius:12px; font-weight:500; background:#fff;}
div.quickCartBar .btnSet .btnR button:nth-of-type(1){border:1px solid #DBDBDB; color:#121212;}
div.quickCartBar .btnSet .btnR button:nth-of-type(2){border:1px solid #DBDBDB; color:#121212; background:#fff url(/_images/brand/common/ico_heart.png) no-repeat left 24px top 16px; padding:0 25px 0 50px}
div.quickCartBar .btnSet .btnR button:nth-of-type(3){border:1px solid #203788; background:#203788; color:#fff; padding:0 30px}
div.quickCartBar .btnSet .btnR button:nth-of-type(4){border:1px solid #ed3535; background:#ed3535; color:#fff; padding:0 30px}
div.quickCartBar .btnSet .btnR button.top{width:48px; height:48px; background:#121212 url(/_images/brand/common/ico_basket_arrow.png) no-repeat center top 11px;  color:#fff; font-size:14px; border-radius:100%; text-align:center; padding:0; font-weight:400; padding:8px 0 0;}
div.quickCartBar .moreList{position:absolute; bottom:0; left: 50%; transform: translateX(-50%); width:1200px; z-index:1; margin:-1px 0 0; padding:20px 30px; border-radius:12px; height:385px; border:1px solid #DBDBDB; border-bottom:none; border-top-right-radius:0; background:#F4F6F9; padding:20px; border-top-left-radius:20px; transition:all .3s;}
div.quickCartBar .moreList > .inner{background:#fff; padding:20px 30px; border-radius:20px; height:275px; position: initial !important; width: auto !important; margin:auto !important;}
div.quickCartBar .moreList > .inner .titleWrap{display:flex; gap:10px; align-items: center;}
div.quickCartBar .moreList > .inner .titleWrap .ti{color:#121212; font-size:18px; font-weight:700;}
div.quickCartBar .moreList > .inner .titleWrap .gotoCart{border:1px solid #DBDBDB; height:36px; line-height:35px; padding:0 12px; border-radius:8px; background:#fff; color:#121212; font-size:15px;}
div.quickCartBar .moreList table { width: 100% }
div.quickCartBar .moreList table tr:first-child td{border-top:none;}
div.quickCartBar .moreList table th{font-size:13px;}
div.quickCartBar .moreList table td { text-align: center; border-top: 1px solid #ddd; padding:10px; font-size:15px; color:#666; line-height:1.5;}
div.quickCartBar .moreList table .discount {font-size:15px;}
div.quickCartBar .moreList .paymentView{display:flex; gap:10px; align-items: center; justify-content: flex-end; height:50px; background:#f0f9ff; font-size:15px; padding:0 20px;}
div.quickCartBar .moreList .paymentView em{font-size:21px; color:#cb3244; font-weight:700;;}
div.quickCartBar .moreList .scrollWrap{overflow:auto;}
div.quickCartBar .moreList .btnBoxTop{position:absolute; right:-1px; top:-40px; display:block; font-size:16px; padding:0 16px; height:48px; line-height:47px; border-radius:12px; font-weight:500; background:#fff; display:flex; align-items: center; padding:0 0 0 15px; width:156px; height:40px; border-radius:0; border-top-left-radius:12px; border-top-right-radius:12px; background:#F4F6F9; color:#121212; font-size:16px; font-weight:500; border:1px solid #DBDBDB; border-bottom:none;}
div.quickCartBar .moreList .btnBoxTop:after{position:absolute; right:21px; top:44%; transform: rotate(180deg);  content:''; background:url(/_images/brand/common/ico_select_lecture_arrow1.png) no-repeat; width:12px; height:8px; border-bottom:none; transition:all .3s;}
div.quickCartBar .btnSet .btnR button.more{position:absolute; right:-1px; bottom:86px; display:flex; align-items: center; padding:0 0 0 15px; width:156px; height:40px; border-radius:0; border-top-left-radius:12px; border-top-right-radius:12px; background:#F4F6F9; color:#121212; font-size:16px; font-weight:500; border:1px solid #DBDBDB; border-bottom:none;}
div.quickCartBar .btnSet .btnR button.more:after{position:absolute; right:21px; top:44%; transform: rotate(180deg);  content:''; background:url(/_images/brand/common/ico_select_lecture_arrow1.png) no-repeat; width:12px; height:8px; border-bottom:none; transition:all .3s;}


div.devTest { background: #000; color: #fff; padding: 10px; font-size: 14px; text-align: center;}
div.devTest span { font-weight: bold; color: #ffc000}

/* 2015.09.08 수박씨 스티커 공통 */
.ssamlike_box { text-align: center; font-family: Malgun Gothic; }
.ssamlike_box li { display: inline-block; width: 140px; margin: 0 17px; }
.ssamlike_box li a { padding: 4px 0 0px 0; font-family: Malgun Gothic; font-weight: bold; color: #000; font-size: 15px; letter-spacing: -1px; display: block; }
.ssamlike_box li a span.num { font-weight: normal; color: #777; }
.ssamlike_box span.icon { display: block; width: 74px; height: 70px; margin: 0 auto 5px auto; background: url(/images/_icon/ico_like.png) no-repeat; }
.ssamlike_box .article_like span.icon { background-position: 0 0 }
.ssamlike_box .article_reple span.icon { background-position: -72px 0 }
.ssamlike_box .article_news span.icon { background-position: -146px 0 }
.ssamlike_box .article_like a.on span.icon { background-position: 0 -70px }
.ssamlike_box .article_reple a.on span.icon { background-position: -72px -70px }
.ssamlike_box .article_news a.on span.icon { background-position: -146px -70px }
.ssam_history { background: #f9f9f9; border: 1px solid #e9e9e9; text-align: center; height: 90px; margin: 0px 0 72px 0; }
.ssam_history li { text-align: left; vertical-align: middle; }
.ssam_history li * { vertical-align: middle }
.ssam_history .teacher { overflow: hidden; display: inline-block; padding: 0 7px 0 0; }
.ssam_history .lectureList { width: 205px; display: inline-block; padding: 12px 12px 0 12px; position: relative; }
.ssam_history p { width: 140px; text-align: left; display: inline-block; font-weight: bold; position: absolute; top: 27px; left: 83px; line-height: 18px; line-height: 20px\0; height: 40px; overflow: hidden; }
.sticker_wrap { position: relative; z-index: 9999; }
.sticker_tit { font-size: 12px; font-family: '돋움'; color: #007dc6; font-weight: bold; padding: 0 10px 0 5px; background: url(/images/_icon/blt_ad2r.gif) no-repeat right center; }
.sticker_tit:hover { color: #11afd1 }
.sticker_tit img { padding: 0 5px 0 0 }
.sticker_tip { background: url(/images/_icon/bg_sticker_help.png) no-repeat 100% center; font-family: '돋움'; font-size: 11px; color: #007DC7; width: 290px; display: inline-block; text-align: center; line-height: 11px; padding: 8px 0 6px; }
.sticker_menus { padding: 5px; width: 584px; position: absolute; top: 35px; left: -10px; }
.sticker_box { border: 1px solid #d7d7d9; width: 580px; text-align: center; padding: 20px 0 20px; background: #fff; position: absolute; width: 582px; height: 368px; left: -5px; top: -5px; }
.sticker_shadow { position: absolute; background: #f1f1f1; width: 582px; height: 408px; left: 5px; }
.sticker_box li { display: inline-block; height: 122px; margin: 0 -1px; }
.sticker_box li { box-sizing: border-box; width: 110px; height: 122px; border: 2px solid #fff; -webkit-transition-property: border, border-color; -webkit-transition-duration: .25s; transition-property: border, border-color; transition-duration: .25s; -ms-transition-property: border, border-color; -ms-transition-duration: .3s; }
.sticker_box li:hover { border: 2px solid #2da0b8 }
.favourites_wrqp { position: relative !important }
.favourites_reply { position: absolute; width: 100%; border: 1px solid #D4D3D2; padding: 0 1px; z-index: 1000; background: #fff; left: 0px; top: 19px; }
.favourites_reply li:first-child a { border-top: none }
.favourites_reply li { text-align: left }
.favourites_reply a { display: block; margin: 0 20px; padding: 5px 0 3px; border-top: 1px dotted #ccc; }
.favourites_reply a:hover { color: #137bbd }
h3.ssam_title { height: 19px; margin-top: 40px; margin-bottom: 10px; border-bottom: 1px solid #e9e9e9; padding: 10px 0 5px 10px; font-family: "malgun gothic"; font-size: 14px; font-weight: bold; letter-spacing: -1px; }
.sticker_shadow a.sticker_close { position: absolute; right: 3px; top: -5px; }

/* modalLayer /2014-10-27/ 유수현 */
.layerPopup { padding: 0 0 20px; z-index: 100000; position: absolute; left: 50%; top: 50%; background: #fff; }
.layerPopup .popTitle { height: 50px; padding: 0 26px 0 20px; vertical-align: middle; background: #6D6D6D; }
.layerPopup .popTitle h1 { float: left; display: inline-block; color: #FFF; font-family: malgun gothic; font-size: 20px; letter-spacing: -1px; font-weight: normal; line-height: 11px; vertical-align: middle; margin: 0 10px 0 0; padding: 17px 0 15px; }
*:first-child+ html .layerPopup .popTitle h1 { padding-top: 8px }
.layerPopup .popTitle p { padding: 20px 0 0; color: #D9D9D9; vertical-align: middle; }
.layerPopup .popTitle p span { position: relative; top: -1px; color: #9C9C9C; vertical-align: middle; margin: 0 10px 0 0; }
.layerPopup .popCont { margin: 20px }
.layerPopup .popCont:after { content: ""; display: block; clear: both; }
.layerPopup .popCont { *zoom: 1 }
.layerPopup .btnRed { padding: 6px 15px 9px 15px; float: none; display: inline-block; }
.layerPopup .btnGray { padding: 6px 15px 9px 15px; font-size: 14px; border: none; float: none; display: inline-block; }
.layerDim { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 99999; opacity: .4; filter: alpha(opacity=40); background: #000; }

/* for IE7 */
*:first-child+html .ssamlike_box { overflow: hidden }
*:first-child+html .ssamlike_box li { float: left }
*:first-child+html .ssamlike_box li:first-child { margin-left: 100px }
*:first-child+html .ssam_history { overflow: hidden }
*:first-child+html .ssam_history .lectureList { float: left; height: 78px; }
*:first-child+html .ssam_history .teacher { position: absolute; left: -137px; top: 10px; }
*:first-child+html .sticker_box li { float: left }
*:first-child+html .sticker_box { padding-left: 20px }
*:first-child+html .sticker_shadow a.sticker_close { position: absolute; right: -18px; top: -5px; }
*:first-child+html .sticker_menus { left: -20px }


/************************************************************************************************/
/****************************** '조르기'를 위한 css(LayPopup 포함) ******************************/
/***************************************** 20160627 kym *****************************************/

/* layerPoput */
#PesterParentPopup{display:none; position:fixed; z-index:999999; background:#fff; width:auto; height:auto; -webkit-box-sizing:border-box; box-sizing:border-box;}
#PesterParentPopup .title{background:#666; position:relative; font-size:20px; padding:15px 35px; text-align:center; color:#fff; letter-spacing:-1px;}
#PesterParentPopup .close{position:absolute; right:0; top:-17px; display:inline-block; width:95px; height:95px; background: url(/_images/_popup/btn_layPopupClose.png) no-repeat center; text-indent:-9999em;}
#PesterParentPopup .contents{padding:40px; color:#333;}
#PesterParentPopup .dec_mid1{text-align:left; border-top:1px solid #999; border-bottom:1px solid #999; padding:25px 10px; letter-spacing:-1px;}
#PesterParentPopup .dec_mid1 span{display:block;}
#PesterParentPopup .dec_mid1 .s1{color:#010101; font-size:17px; font-weight:500;}
#PesterParentPopup .dec_mid1 .s2{font-size:14px;}
#PesterParentPopup .dec_mid2{color:#2763bb; font-size:20px; margin:30px 0 0; letter-spacing:-1px;}
#PesterParentPopup .dec_mid2 span{color:#000;}
#PesterParentPopup .dec_mid3{background:#f3f3f3; padding:20px; text-align:center; margin:15px 0 0;}

.f23{font-size:16px important;}
.fc_a1d3f7{color:#a1d3f7 !important;}
.fc_d84f5c{color:#d84f5c !important;}
.f18{font-size:18px !important;}
/* strong{font-weight:500;} */
.Malgun{font-family:'malgun gothic', '맑은 고딕' !important;}
.over{overflow:hidden;}
.col_box3{overflow:hidden;}
.col_box3 span{float:left; margin:0 0 0 5px;}
.col_box3 span:first-child{margin:0;}
.col_box3 span input{width:100%}

/* 디자인 셀렉트 */
/*
select.select{
	vertical-align:top;
	color:#666 !important;
	width:100%;height:26px;padding:0px 12px 0px 5px;white-space:nowrap;text-overflow:ellipsis;
	border:1px solid #dfdfdf;
	background:#fff url(/_images/_popup/bg_select.png) no-repeat right center;background-size:26px;
	outline:none; outline:0px;
	-webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; appearance:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
	select::-ms-expand {display: none; *display: none;}
	-webkit-border-radius:0 !important; -moz-border-radius:0 !important; -ms-border-radius:0 !important; border-radius:0 !important;
	color:#010101; font-size:12px; font-family: "NotoSans-Regular", "Malgun Gothic", sans-serif;
	-webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; transition:all 0.2s ease-out;
	cursor:pointer;
}
select.select:focus{border:1px solid #a9a9a9; outline-style:none}
*/

/* input style */
.input_st01{
	border:1px solid #d7d8d9; background:#fff; font-size:12px; color:#666; padding:3px 5px !important;
	outline:none;outline:0px;
	-webkit-appearance:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
	-webkit-border-radius:0 !important;-moz-border-radius:0 !important;border-radius:0 !important;
	-webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out;
	margin:0; /* safari 용 */
}
.input_st01:focus{border:1px solid #a9a9a9; outline:none; outline:0px;}
.btn_st07{display:inline-block; background:#666; color:#fff; font-size:24px; padding:18px 60px 23px;}
.btn_st07:hover{color:#fff;}

.dim_a{display:none; position:fixed; top:0; left:0; z-index:99999; width:100%; height:100%; background-color:#000; opacity:0.7; filter:alpha(opacity=70); -ms-filter:alpha(opacity=70);}

/* inHeaderBanner */
.inHeaderBanner{position:relative; text-align:center; background: url(/promotion/common/layout/img/2016/summer/bgBanner01.png) repeat-x top;}
.inHeaderBanner .maskWrap{background: url(/promotion/common/layout/img/2016/summer/banner01.png) no-repeat center top; position:relative; z-index:2;}
.inHeaderBanner.s02 .maskWrap{background: url(/promotion/common/layout/img/2016/summer/banner02.png) no-repeat center top;}
.inHeaderBanner .mask{width:1000px; position:relative; margin:0 auto; overflow:hidden; min-height:50px;}
.inHeaderBanner .mask img{position:relative; left:-751px;}
.inHeaderBanner .rightBg{height:120px; position:absolute; left:50%; top:0; z-index:1; width:50%; background: url(/promotion/common/layout/img/2016/summer/bgBanner02_r.png) repeat right top;}

/* inToggleSection */
.inToggleSection{width:100%;}
.inToggleSection .tit{display:block; position:relative; text-align:left;}
.inToggleSection .tit .btnToggle{position:absolute; top:20px; right:20px; background: url(/promotion/common/layout/img/2016/summer/btn_toggle_.png) no-repeat 0 -48px; width:68px; height:43px;}
.inToggleSection.on .tit .btnToggle{background-position:0 0;}
.inToggleSection .tit .evet_tit{position:relative; width:100%;}
.inToggleSection.s02 .tit .btnToggle{top:48px;}
.inToggleSection .toggleCont{text-align:center; display:none;}

.inToggleSection.s01 .tit{background: url(/promotion/common/layout/img/2016/summer/bgEventCont_top01.png) repeat;}
.inToggleSection.s01 .tit .evet_tit{background: url(/promotion/common/layout/img/2016/summer/eventCont_top01.png) no-repeat; height:86px;}
.inToggleSection.s02 .tit{background: url(/promotion/common/layout/img/2016/summer/bgEventCont_top02.png) repeat;}
.inToggleSection.s02 .tit .evet_tit{background: url(/promotion/common/layout/img/2016/summer/eventCont_top02.png) no-repeat; height:131px;}
.inToggleSection.s01 .toggleCont{background:#314a6b;}
.inToggleSection.s02 .toggleCont{background: url(/promotion/common/layout/img/2016/summer/bgCont_middle02.png) repeat;}
.inToggleSection + style + .ben{z-index:9;}

.inToggleSectionWrap.w1000 .inToggleSection.s01 .tit .evet_tit{background: url(/promotion/common/layout/img/2016/summer/eventCont_top01_1000.png) no-repeat;}
.inToggleSectionWrap.w1000 .inToggleSection.s02 .tit .evet_tit{background: url(/promotion/common/layout/img/2016/summer/eventCont_top02_1000.png) no-repeat;}

.inToggleSectionWrap.w730{width:730px;}
.inToggleSectionWrap.w828{width:828px;}
.inToggleSectionWrap.w1000{width:1000px;}
.inToggleSectionWrap .toggleCont img{display:none;}

.inToggleSection .evet_tit_link .link{position:absolute; width:193px; height:41px; top:69px; background: url("http://cfile6.uf.tistory.com/image/2438DA4F56E7A0633A9B95") repeat;}
.inToggleSection .evet_tit_link .s02_01{left:137px;}
.inToggleSection .evet_tit_link .s02_02{left:335px;}
.inToggleSectionWrap.w1000 .inToggleSection .evet_tit_link .link{width:265px;}
.inToggleSectionWrap.w1000 .evet_tit_link .s02_01{left:205px;}
.inToggleSectionWrap.w1000 .evet_tit_link .s02_02{left:476px;}

/* headerMenu */
.stateLogin .myinfo, .stateLogin .myinfo *{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-family: Malgun Gothic; letter-spacing:-1px;}
.stateLogin .myinfo{float:left; cursor:pointer; overflow:hidden; padding:14px 0 0 18px; width:154px; height:48px; background:#f9f9f9; border-left:1px solid #eee;}
.stateLogin .myinfo .icon{float:left;margin:0 10px 0 0;}
.stateLogin .myinfo .icon img{width:23px; height:19px;}
.stateLogin .myinfo .info{margin:0 0 0; font-size:14px; border-top:none !important;}
.stateLogin .myinfo .info strong{color:#007dc6;}

.myInforArea, .myInforArea *{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-family: Malgun Gothic; letter-spacing:-1px;}
.myInforArea{display:none; position:absolute; left:0; top:49px; z-index:5000; width:500px; height:351px; padding:22px; background:#f9f9f9; border:1px solid #d9d9d9; -moz-box-shadow: 0px  2px  0.2px 0px  #e9e9e9; -webkit-box-shadow: 0px  2px  0.2px 0px  #e9e9e9; box-shadow: 0px  2px  0.2px 0px  #e9e9e9;}
.myInforArea .blue{color:#007dc6 !important;}
.myInforArea .black{color:#333 !important;}
.myInforArea .red{color:#cc3344 !important;}
.myInforArea .section_top{overflow:hidden;}
.myInforArea .section_top .thumb{float:left; width:110px; height:110px; text-align:center; text-indent:-9999em; display:inline-block; background:#fff url(/story/missionking/img/sp_rankIcon.png) no-repeat; border:1px solid #d9d9d9; -moz-box-shadow: 0px  3px  0px  #e9e9e9; -webkit-box-shadow: 0px  3px  0px  #e9e9e9; box-shadow: 0px  3px  0px  #e9e9e9;}
.myInforArea .section_top .thumb.st0, .myInforArea .section_top .thumb.st{background-position:-145px 0;}
.myInforArea .section_top .thumb.st1{background-position:-145px 0;}
.myInforArea .section_top .thumb.st2{background-position:-253px 0;}
.myInforArea .section_top .thumb.st3{background-position:-361px 0;}
.myInforArea .section_top .thumb.st4{background-position:-469px 0;}
.myInforArea .section_top .thumb.st5{background-position:-577px 0;}
.myInforArea .section_top .thumb.st6{background-position:-685px 0;}
.myInforArea .section_top .thumb.st7{background-position:-145px -108px;}
.myInforArea .section_top .thumb.st8{background-position:-253px -108px;}
.myInforArea .section_top .thumb.st9{background-position:-361px -108px;}
.myInforArea .section_top .thumb.st9{background-position:-469px -108px;}
.myInforArea .section_top .thumb.st10{background-position:-577px -108px;}
.myInforArea .section_top .thumb.st11{background-position:-685px -108px;}
.myInforArea .section_top .thumb.st12{background-position:-577px -108px;}
.myInforArea .section_top .thumb.st13{background-position:-145px -216px;}
.myInforArea .section_top .thumb.st14{background-position:-253px -216px;}
.myInforArea .section_top .thumb.st15{background-position:-361px -216px;}
.myInforArea .section_top .thumb.st16{background-position:-469px -216px;}
.myInforArea .section_top .thumb.st17{background-position:-577px -216px;}
.myInforArea .section_top .thumb.st18{background-position:-685px -216px;}
.myInforArea .section_top .section_right{float:left; position:relative; margin:0 0 0 19px; padding:10px 0 0 0; overflow:hidden; width:325px;}
.myInforArea .section_top .section_right .tit{color:#333; font-size:18px; font-weight:500;}
.myInforArea .section_top .section_right .tit + .over{margin:8px 0 0;}
.myInforArea .section_top .section_right .name_user{float:left; color:#666; font-size:16px; margin:0 10px 0 0;}
.myInforArea .section_top .section_right .list_basis{overflow:hidden;}
.myInforArea .section_top .section_right .list_basis .box{float:left; font-size:11px; font-weight:500; height:17px; line-height:13px; margin:0 5px 0 0; padding:0 4px;}
.myInforArea .section_top .section_right .list_basis .box.s1{background:#007dc6; color:#fff; border:1px solid #386ea9;}
.myInforArea .section_top .section_right .list_basis .box.s2{background:#d2e9fa; color:#666; border:1px solid #a8cde7;}
.myInforArea .section_top .section_right .close{position:absolute; right:0; top:0;}
.myInforArea .section_top .section_right .btnArea{margin:21px 0 0; overflow:hidden;}
.myInforArea .section_top .section_right .btnArea .box{float:left; font-size:12px; text-align:center; height:27px; line-height:23px; padding:0 13px; margin:0 3px 0 0;}
.myInforArea .section_top .section_right .btnArea .box.s1{background:#666; color:#fff; border:1px solid #666;}
.myInforArea .section_top .section_right .btnArea .box.s2{background:#fff; color:#666; border:1px solid #d9d9d9;}

.myInforArea .section_middle{margin:20px 0 0;}
.myInforArea .section_middle .missionTab{overflow:hidden;}
.myInforArea .section_middle .missionTab li{float:left; display:inline-block; text-align:center; width:50%; height:30px; line-height:25px; border:1px solid #d9d9d9;}
.myInforArea .section_middle .missionTab li.on{border:1px solid #cc3344;}
.myInforArea .section_middle .missionTab li a{display:inline-block; color:#666; font-size:14px; width:100%; height:100%; background:#f9f9f9;}
.myInforArea .section_middle .missionTab li.on a{color:#fff; background:#cc3344; font-weight:500;}
.myInforArea .section_middle .missionTab li.on + li{border-left:none;}
.myInforArea .section_middle .missionTab li + li.on{border-left:none;}
.myInforArea .section_middle .js_tabCont{border:1px solid #ddd; border-top:none; width:454px; height:148px; background:#fff; padding:16px 20px;}
.myInforArea .section_middle .ul_box01{min-height:66px;}
.myInforArea .section_middle .ul_box01 li{position:relative; padding:0 0 0 6px; margin:0 0 6px; color:#666;}
.myInforArea .section_middle .ul_box01 li:after{position:absolute; content:""; left:0; top:7px; background-position:0 0; width:3px; height:5px;}
.myInforArea .section_middle .btnChallenge{display:inline-block; position:absolute; right:0; top:0; background:#007dc6; padding:0 8px 0 10px; height:19px; line-height:16px; color:#fff; text-align:center;}
.myInforArea .section_middle .btnChallenge .icon{display:inline-block; background-position:0 -9px; width:6px; height:5px; margin:7px 0 0 5px; vertical-align:top;}
.myInforArea .section_middle .btnChallenge.on{background:#cc3344; padding:0 8px 0 5px;}
.myInforArea .section_middle .btnChallenge.on .icon{margin:3px 5px 0 0; background-position:-9px 0; width:11px; height:11px}
.myInforArea .section_middle .btnChallenge.off{background:#fff; padding:0 13px 0 14px; color:#666; border:1px solid #666; text-align:center;}
.myInforArea .section_middle .btnAllVeiw{display:inline-block; vertical-align:middle; color:#fff; font-size:14px; background:#666; padding:8px 12px 10px 21px; text-align:center;}
.myInforArea .section_middle .btnAllVeiw .icon{display:inline-block; background-position:0 -19px; width:8px; height:7px; margin:7px 0 0 10px; vertical-align:top;}

.myInforArea .section_middle .ul_box01 li:after,
.myInforArea .section_middle .btnChallenge .icon,
.myInforArea .section_middle .btnAllVeiw .icon{background-image:url( /_images/_common/sp_myInfo01.png);}
.myInforArea .section_middle .todayCompletion{text-align:center; padding:15px 0 0;}
.myInforArea .section_middle .todayCompletion .s1{color:#333; font-size:22px; font-weight:500;}
.myInforArea .section_middle .todayCompletion .s2{color:#cc3344; font-size:14px; font-weight:500; margin:9px 0 18px;}

#oGNB_studylec{top:49px !important; left:0; border:1px solid #d9d9d9 !important; -moz-box-shadow: 0px  2px  0.2px 0px  #e9e9e9; -webkit-box-shadow: 0px  2px  0.2px 0px  #e9e9e9; box-shadow: 0px  2px  0.2px 0px  #e9e9e9;}
.box04.scroll{overflow-y:scroll; padding:11px; height:215px;}
.box04.scroll > ul li{margin:5px 0 0;}
.box04.scroll > ul li:first-child{margin:0;}
.box04.scroll::-webkit-scrollbar {width:12px; height: 8px;}
.box04.scrol::-webkit-scrollbar-button:start:decrement, .box04.scroll::-webkit-scrollbar-button:end:increment {display: block; height: 0; background: #fff;}
.box04.scroll::-webkit-scrollbar-track {background: #fff; -webkit-border-radius: 0; border-radius:0; -webkit-box-shadow: inset 0 0 4px #fff;}
.box04.scroll::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: #ccc; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: inset 0 0 4px #ccc;}
.box04.scroll::-webkit-scrollbar-thumb:hover {background: #aeaeae; -webkit-box-shadow: inset 0 0 4px #aeaeae;}
.oGNB_studylec, .oGNB_studylec *{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-family: Malgun Gothic; letter-spacing:-1px;}
.oGNB_studylec{position:relative; background:#f9f9f9; height:349px; width:500px; padding:17px 23px;}
.oGNB_studylec .close{position:absolute; right:23px; top:23px;}
.oGNB_studylec .tit{color:#333; font-size:14px; font-weight:500; border-bottom:1px solid #ddd; width:100%; padding:0 0 10px;}
.oGNB_studylec .tit .count{color:#cc3344; font-size:18px;}

.oGNB_studylec .boxArea{position:relative; height:48px; margin:0 0 10px;}
.oGNB_studylec .boxArea ul{overflow:hidden; margin:8px 0 0 2px;}
.oGNB_studylec .boxArea li{position:relative; color:#666; font-size:14px; font-weight:500; padding:0 0 0 10px; margin:0 0 5px;}
.oGNB_studylec .boxArea li:after{position:absolute; content:""; left:0; top:9px; background:#333; width:2px; height:2px;}
.oGNB_studylec .boxArea .btnArea1{overflow:hidden; position:absolute; right:0; bottom:0;}
.oGNB_studylec .boxArea .btnArea1 a{float:left; display:inline-block; height:27px; line-height:25px; text-align:center; padding:0 10px; margin:0 0 0 3px;}
.oGNB_studylec .boxArea .btnArea1 a.s1{background:#cc3344; border:1px solid #cc3344; color:#fff;}
.oGNB_studylec .boxArea .btnArea1 a.s2{background:#fff; border:1px solid #d9d9d9; color:#cc3344;}
.oGNB_studylec .black{color:#333;}
.oGNB_studylec .red{color:#cc3344;}

.myLayerInfo{display:none;position:absolute;top:22px; left:-150px; z-index:100; border:1px solid #d9d9d9; width:354px; height:153px; background:#f9f9f9; overflow:hidden;}
.myLayerInfo, .myLayerInfo *{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-family: Malgun Gothic; letter-spacing:-1px; text-align:left;}

.myLayerInfo .thumb{float:left; width:110px; height:110px; text-align:center; text-indent:-9999em; display:inline-block; background:#fff url(/story/missionking/img/sp_rankIcon.png) no-repeat; border:1px solid #d9d9d9; -moz-box-shadow: 0px  3px  0px  #e9e9e9; -webkit-box-shadow: 0px  3px  0px  #e9e9e9; box-shadow: 0px  3px  0px  #e9e9e9;}
.myLayerInfo .thumb.st0, .myLayerInfo .thumb.st{background-position:-145px 0;}
.myLayerInfo .thumb.st1{background-position:-145px 0;}
.myLayerInfo .thumb.st2{background-position:-253px 0;}
.myLayerInfo .thumb.st3{background-position:-361px 0;}
.myLayerInfo .thumb.st4{background-position:-469px 0;}
.myLayerInfo .thumb.st5{background-position:-577px 0;}
.myLayerInfo .thumb.st6{background-position:-685px 0;}
.myLayerInfo .thumb.st7{background-position:-145px -108px;}
.myLayerInfo .thumb.st8{background-position:-253px -108px;}
.myLayerInfo .thumb.st9{background-position:-361px -108px;}
.myLayerInfo .thumb.st9{background-position:-469px -108px;}
.myLayerInfo .thumb.st10{background-position:-577px -108px;}
.myLayerInfo .thumb.st11{background-position:-685px -108px;}
.myLayerInfo .thumb.st12{background-position:-577px -108px;}
.myLayerInfo .thumb.st13{background-position:-145px -216px;}
.myLayerInfo .thumb.st14{background-position:-253px -216px;}
.myLayerInfo .thumb.st15{background-position:-361px -216px;}
.myLayerInfo .thumb.st16{background-position:-469px -216px;}
.myLayerInfo .thumb.st17{background-position:-577px -216px;}
.myLayerInfo .thumb.st18{background-position:-685px -216px;}

.myLayerInfo .section_right{float:left; position:relative; margin:0 0 0 19px; padding:0; overflow:hidden; width:180px;}
.myLayerInfo .section_right .tit{color:#333; font-size:18px; font-weight:500;}
.myLayerInfo .section_right .tit + .over{margin:8px 0 0;}
.myLayerInfo .section_right .name_user{float:left; color:#666; font-size:16px; margin:0 10px 0 0;}
.myLayerInfo .section_right .list_basis{overflow:hidden;}
.myLayerInfo .section_right .list_basis .box{float:left; font-size:11px; font-weight:500; height:17px; line-height:13px; margin:0 5px 0 0; padding:0 4px;}
.myLayerInfo .section_right .list_basis .box.s1{background:#007dc6; color:#fff; border:1px solid #386ea9;}
.myLayerInfo .section_right .list_basis .box.s2{background:#d2e9fa; color:#666; border:1px solid #a8cde7;}
.myLayerInfo .section_right .note1{position:relative; color:#666; font-size:14px; margin:5px 0 0; padding:0 0 0 8px;}
.myLayerInfo .section_right .note1:after{position:absolute; content:""; left:0; top:9px; background:#666; width:2px; height:2px;}

.myLayerInfo .btnArea{margin:18px 0 0 0;}
.myLayerInfo .btnArea:after{clear:both; content:""; display:block;}
.myLayerInfo .btnArea a{float:left; display:inline-block; height:27px; line-height:25px; text-align:center; padding:0 10px; margin:0 0 0 5px;}
.myLayerInfo .btnArea a.s1{background:#fff; border:1px solid #b3b3b3; color:#e2264d; position:relative; padding:0 10px 0 10px; min-width:54px;}
.myLayerInfo .btnArea a.s1 .count{color:#e2264d; position:relative; z-index:2; margin:0 0 0 20px; font-weight:500;}
.myLayerInfo .btnArea a.s2{background:#666; border:1px solid #666; color:#fff;}
.myLayerInfo .close{position:absolute; right:10px; top:10px;}

.myLayerInfo .black{color:#333;}
.myLayerInfo .red{color:#cc3344;}
.myLayerInfo .blue{color:#007dc6 !important;}


.myLayerInfo .heart, .myInfo_view .heart{
  width: 100px;
  height: 100px;
  position: absolute;
  z-index:1;
  display:block;
  text-indent:-9999em;
  left: 15px;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
			 transform: translate(-50%, -50%);
  background: url(/_images/_common/heart.png) no-repeat;
  background-position: 0 0;
  cursor: pointer;
  /*
  -webkit-animation: fave-heart 1s steps(28);
			 animation: fave-heart 1s steps(28);
	*/
}
.myLayerInfo .heart.on, .myInfo_view .heart.on {
  background-position: -2800px 0;
  -webkit-transition: background 1s steps(28);
  transition: background 1s steps(28);
}
@-webkit-keyframes fave-heart {
  0% {
	 background-position: 0 0;
  }
  100% {
	 background-position: -2800px 0;
  }
}
@keyframes fave-heart {
  0% {
	 background-position: 0 0;
  }
  100% {
	 background-position: -2800px 0;
  }
}



.myInfo_view, .myInfo_view *{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; letter-spacing:-1px; text-align:left;}
.myInfo_view{width:700px; background:#f9f9f9; height:92px; overflow:hidden; margin:10px auto 0; border:1px solid #d9d9d9; -moz-box-shadow: 0px  2px  0.2px 0px  #e9e9e9; -webkit-box-shadow: 0px  2px  0.2px 0px  #e9e9e9; box-shadow: 0px  2px  0.2px 0px  #e9e9e9;}
.myInfo_view .section_top{position:relative;}

.myInfo_view .section_top .thumb{position:absolute; left:20px; top:-10px; width:110px; height:110px; text-align:center; text-indent:-9999em; display:inline-block; background: url(/story/missionking/img/sp_rankIcon.png) no-repeat;}
.myInfo_view .section_top .thumb.st0, .myInforArea .section_top .thumb.st{background-position:-145px 0;}
.myInfo_view .section_top .thumb.st1{background-position:-145px 0;}
.myInfo_view .section_top .thumb.st2{background-position:-253px 0;}
.myInfo_view .section_top .thumb.st3{background-position:-361px 0;}
.myInfo_view .section_top .thumb.st4{background-position:-469px 0;}
.myInfo_view .section_top .thumb.st5{background-position:-577px 0;}
.myInfo_view .section_top .thumb.st6{background-position:-685px 0;}
.myInfo_view .section_top .thumb.st7{background-position:-145px -108px;}
.myInfo_view .section_top .thumb.st8{background-position:-253px -108px;}
.myInfo_view .section_top .thumb.st9{background-position:-361px -108px;}
.myInfo_view .section_top .thumb.st9{background-position:-469px -108px;}
.myInfo_view .section_top .thumb.st10{background-position:-577px -108px;}
.myInfo_view .section_top .thumb.st11{background-position:-685px -108px;}
.myInfo_view .section_top .thumb.st12{background-position:-577px -108px;}
.myInfo_view .section_top .thumb.st13{background-position:-145px -216px;}
.myInfo_view .section_top .thumb.st14{background-position:-253px -216px;}
.myInfo_view .section_top .thumb.st15{background-position:-361px -216px;}
.myInfo_view .section_top .thumb.st16{background-position:-469px -216px;}
.myInfo_view .section_top .thumb.st17{background-position:-577px -216px;}
.myInfo_view .section_top .thumb.st18{background-position:-685px -216px;}

.myInfo_view .section_right{position:relative; padding:22px 0 0; margin:0 0 0 145px;; width:553px; height:90px; overflow:hidden;}
.myInfo_view .section_right .tit{position:relative; float:left; margin:0 12px 0 0; color:#333; font-size:18px; font-weight:500;}
.myInfo_view .section_right .tit:after{position:absolute; content:""; right:-14px; top:3px; height:17px; width:2px; background:#a0a0a0;}
.myInfo_view .section_right .tit + .over{float:left; margin:0 0 0 12px;}
.myInfo_view .section_right .name_user{float:left; color:#666; font-size:16px; margin:0 10px 0 0;}
.myInfo_view .section_right .list_basis{overflow:hidden;}
.myInfo_view .section_right .list_basis .box{float:left; font-size:11px; font-weight:500; height:17px; line-height:13px; margin:0 5px 0 0; padding:0 4px;}
.myInfo_view .section_right .list_basis .box.s1{background:#007dc6; color:#fff; border:1px solid #386ea9;}
.myInfo_view .section_right .list_basis .box.s2{background:#d2e9fa; color:#666; border:1px solid #a8cde7;}
.myInfo_view .section_right .note1{position:relative; color:#666; font-size:14px; margin:0 0 0; padding:5px 0 0 8px;}
.myInfo_view .section_right .note1:after{position:absolute; content:""; left:0; top:14px; background:#666; width:2px; height:2px;}
.myInfo_view .btnArea{position:absolute; right:29px; top:33px;}
.myInfo_view .btnArea a{float:left; display:inline-block; height:27px; line-height:25px; text-align:center; padding:0 10px; margin:0 0 0 5px;}
.myInfo_view .btnArea a.s1{background:#fff; border:1px solid #b3b3b3; color:#e2264d; position:relative; padding:0 10px 0 10px;}
.myInfo_view .btnArea a.s1 .count{color:#e2264d; position:relative; z-index:2; margin:0 0 0 20px; font-weight:500; display:inline-block;}

.myInfo_view .black{color:#333;}
.myInfo_view .red{color:#cc3344;}
.myInfo_view .blue{color:#007dc6;}

.js_tabCont{display:none}
.js_tabCont.on{display:block}

.mt12{margin-top:12px;}
.mt60{margin-top:60px;}

.screen_out {
	display: block;
	overflow: hidden;
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}






/*////////////////////
		핑크 버튼 모음
///////////////////////*/
.btnPink {background: #d84f5c; border: 1px solid #c43a47; font-size: 12px;  color: #fff;  padding: 4px 15px 7px 15px; letter-spacing: -1px;  font-family: 'malgun gothic';}
/* 학습계획일변경 버튼처럼 아래위 버튼 공백이 작은 핑크 버튼 */
.btnPink.smaller { padding: 0px 15px 4px 15px; font-size: 12px;} /* .btnPink.btnPink02 -> .btnPink.smaller 로 변경 */
.btnPink:hover {color: #fff;}

/*////////////////////
		그레이 버튼 모음
///////////////////////*/
/* light gray*/
.btnGray {font-size: 13px;  color: #fff;  padding: 4px 15px 7px 15px;  background: #818181;  border: 1px solid #7d7d7d; letter-spacing: -1px;  font-family: 'malgun gothic';}
.btnGray:hover {color: #fff;}
/* dark gray */
.btnGray.dark{background:#605e5e;} /* class="btnGray dark" 클래스명 두개 연속 사용시 스타일은 라이트그레이와 같고 배경색만 변경 가능 */
/* 정사각형 light gray */
.btnGray.square {background: #888; border: 1px solid #7d7d7d; line-height: 1.5em; padding: 0 5px; font-family: dotum; font-size: 11px; font-weight: bold; }
.btnGray.dark strong{padding-right: 8px; background: url('/images/_button/btn11.arr1.gif') 100% 7px no-repeat; }
.btnGray.dark:hover {color: #fff;}

.btnGrey.smaller.popUpClose {max-width: 200px; margin: 0 auto;}

/* button 인풋 라이트 그레이 버튼 */
button.btnGrey {float: left; display: inline-block;padding: 13px 20px; color: #FFF; font-size: 12px; letter-spacing: -1px; background: #818181; border: 1px solid #7d7d7d; font-family: malgun gothic;}
button.btnGrey.smaller {float: left; margin: 0 0 0 5px; display: inline-block;padding: 2px 5px; color: #FFF; font-size: 12px; letter-spacing: -1px; background: #818181; border: 1px solid #7d7d7d; font-family: malgun gothic;}
button.btnGrey.smaller span {*position: static;}
/* button 인풋 다크 그레이 버튼 */
button.btnGrey.dark {background:#605e5e;}



/** 새로 추가되는 소스들 이하에 추가(상단소스를 별도파일로 분리보관도 고려)***********************************************************************************************************************/






/*************************************************************************************************************************/

/* -- 부트스트랩 재정의하기 ------------------------------------------------*/
.input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child){
	border-left:0;
	border-right:0;
	vertical-align: top;
}
.nav-tabs>li { text-align:center; }
.nav-tabs>li.on>a, .nav-tabs>li.on>a:hover, .nav-tabs>li.on>a:focus {
    color: #555;
    background-color: #fff;
    font-weight: bold;
    border: 2px solid gray;
    border-bottom-color: transparent;
    cursor: default;
    height: 40px;
    margin-top: 0;
    font-size: 1.1em;
}

p { margin:0; }
h1,h2,h3,h4,h5,h6 { margin:0; font-size:12px; line-height:100%; }
/*th,td{text-align:inherit;} 기존테이블 정렬깨져서 삭제 */

ul, ol {
    margin-top: 0;
    margin-bottom: 0;
}
/* --// 부트스트랩 재정의하기 ------------------------------------------------*/




.created {
	color:#ebebeb;
}


/* 리뉴얼 추가 ---------------------------------------------- */

/* common2에서 누락된 css */
dl.justify { *zoom:1; }
dl.justify dt { float:left; white-space:nowrap; }
dl.justify dd { float:right; white-space:nowrap; text-align:right; }
dl.justify dd.center { float:none; margin-left:30%; margin-right:30%; text-align:center; }
dl.justify:after { content:" "; display:block; clear:both; }

span.sort1 a { padding:0 10px 0 20px; background:url('/images/_button/arr01_up.gif') 0 1px no-repeat; display:inline-block; }
span.sort1 a.on { color:#d35465 /*#222*/; background-image:url('/images/_button/arr01_dn.gif'); font-weight:normal; }

/* 대체택스트 */
/*caption, legend, label,*/ .t_hidden {visibility:hidden;position:fixed;left:-9999em;width:1px;height:1px;margin:0;padding:0;background:none;font-size:0;line-height:0;text-indent:-9999em}

/* mov 아이콘 */
.jwicon{width:100px !important; height:100px !important; background-size: 100px 100px !important; background-repeat:no-repeat !important;}
.jwdisplayIcon{background:none !important; height:100px !important; margin-top:-100px !important;}
.playlist-none{cursor:pointer;}
.playlist-none .jwicon{background-image: url(/promotion/lecture/2017/0323_eng/img/iconMov_play2.png) !important; opacity:0.8; width:200px !important; height:200px !important;}
.jwpreview + div {
    width: 200px !important;
	height:200px !important;
}

.tab01.full ul{display:table; width:100%; table-layout:fixed;}
.tab01.full ul:after{content:none !important}
.tab01.full li{display:table-cell; float:none;}
.tab01.full li.on a, .tab01.full li:hover a, .tab01.full li a{padding:0;}
.tab01.full li.on a, .tab01.full li:hover a{position:relative; height:41px;}
.tab01.full li.on a:after, .tab01.full li:hover a:after{background:#fff; bottom:-1px; left:0; width:100%; height:1px; content:""; position:absolute;}

.wordBreak{word-wrap:break-word; word-break:break-all;}

.btn03_old{ height:18px; background:url('/images/_button/btn03.left.gif') left top no-repeat; vertical-align:middle; letter-spacing:-1px; display:inline-block; }
.btn03{height:auto; background:#cc3344; color:#fff; text-align:center; padding:5px 10px 8px; font-size:11px; font-family: '맑은 고딕';}
.btn03 em{padding:0; margin:0; background:none; font-family:inherit; font-size:inherit;}
.btn03 b{padding:0; background:none; font-family:inherit;}

.btn01_old{ height:18px; background:url('/images/_button/btn01.left.gif') left top no-repeat; vertical-align:middle; letter-spacing:-1px; display:inline-block; }
.btn01 {height:auto; background:#fff; color:#010101; border:1px solid #ddd;  text-align:center; padding:3px 10px; font-size:11px; font-family: '맑은 고딕';}
.btn01 em{padding:0; margin:0; border:none; background:none; font-family:inherit; font-size:inherit; font:inherit; color:#010101;}
.btn01 b{padding:0; background:none; font-family:inherit;}

.btn02_old{height:18px; background:url('/images/_button/btn02.left.gif') left top no-repeat; vertical-align:middle; letter-spacing:-1px; display:inline-block; }
.btn02 {height:auto; background:#999; color:#fff; border:none;  text-align:center; padding:3px 10px 5px; font-size:11px; font-family: '맑은 고딕';}
.btn02 em{padding:0; margin:0; border:none; background:none; font-family:inherit; font-size:inherit; font:inherit; color:#fff;}
.btn02 b{padding:0; background:none; font-family:inherit;}


table.tbl02 {width:100%; border-top:2px solid #d2d2d2; }
table.tbl02 *{-webkit-box-sizing:border-box !important;-moz-box-sizing:border-box !important;box-sizing:border-box !important;}
/* table.tbl02 thead th {border:1px solid #999 !important;} */
table.tbl02 thead th { padding:7px 7px 8px; border-bottom:1px solid #e5e1e3; border-left:1px solid #e5e1e3 !important; letter-spacing:-1px; text-align:center; font-size:12px;color:#222;background:#f3f3f3;}
table.tbl02 tbody th { padding:7px 7px 8px; border:solid #e1e1e1; border-width:0 1px 1px 0; background:#f6f6f6; letter-spacing:-1px;font-size:12px;color:#222;}
table.tbl02 tbody th:first-child{border-left:1px solid #e1e1e1;}
table.tbl02 tbody td { padding:7px 7px 8px; border-bottom:1px solid #e1e1e1; background:#fff; text-align:center;font-size:12px;}
table.tbl02 tbody td.reply { background:#fff url('/_images/_icon/reply1.gif') 60% 10px no-repeat; }
table.tbl02 tbody td.replySubj { padding-left:50px; background:#fff url('/_images/_icon/reply1.gif') 20px 53% no-repeat; text-align:left; }
table.tbl02 tbody td.bdRight { border-right:1px solid #e1e1e1; }
table.tbl02 tbody td .area-file{width:100%;}
table.tbl02 tbody td .area-file .btn-file{font-size:16px !important;}
table.tbl02 tbody td .area-file .btn-file input{display:none;}
table.tbl02.t01view { table-layout:fixed; } /* 읽기,쓰기 테이블 */
table.tbl02.t01view tbody th { padding-left:25px; text-align:left; }
table.tbl02.t01view tbody td { padding-left:12px; text-align:left; }
table.tbl02.ft15 thead th,
table.tbl02.ft15 tbody th,
table.tbl02.ft15 tbody td{ padding:12px 10px 15px; font-size:14px;}


/*
div.box08{background:none !important; border:2px solid #eee;}
div.box08 .b08head{background:none !important;}
div.box08 .b08head em{background:none !important;}
div.box08 .b08body{background:none !important;}
*/


.lecture_midDetailView{position:relative; border-top:1px solid #000; border-bottom:1px solid #000; margin:-8px 0 -2px; text-align:left; font-size:14px; color:#666; background:#f8f8f8; letter-spacing:-1px;}
.lecture_midDetailView > .inner{padding:10px 40px 0; max-height:500px; overflow:auto;}
.lecture_midDetailView .tit{color:#000; font-size:18px; border-bottom:1px solid #c3c2c2; display:inline-block; width:100%; padding:0 0 10px; margin:10px 0;}
.lecture_midDetailView .closeLayer{position:absolute; right:15px; top:0; width:48px; height:48px; display:block; text-indent:-9999em; background:url(/_images/__renew/lecture/sp_img.png) no-repeat; background-position:0 -153px; z-index:2;}
.lecture_midDetailView .lectureList{border-top:2px solid #666;}
.lecture_midDetailView .lectureList table th{font-size:13px !important; padding:8px !important; border:none !important; border-bottom:1px solid #000 !important;}
.lecture_midDetailView .lectureList table td{padding:15px; font-size:14px;}
.lecture_midDetailView .section_tit{color:#2763ba; font-size:15px; padding:15px 30px !important; font-weight:500;}
.lecture_midDetailView .section_viewBooks{overflow:hidden;  padding:10px 0 0 0 !important;}
.lecture_midDetailView .section_viewBooks .line{display:inline-block; border-top:1px solid #d5d5d5; padding:0 0 0 40px;}
.lecture_midDetailView .section_viewBooks .line:first-child{border-top:none;}
.lecture_midDetailView .section_viewBooks .aticle{float:left; width:398px; overflow:hidden; margin:40px 0 0 0; padding:0 40px 40px 0;}
.lecture_midDetailView .section_viewBooks .aticle .thumb{float:left; width:120px; height:160px; left: auto; transform: none;}
.lecture_midDetailView .section_viewBooks .aticle .thumb img{width:100%; height:100%;}
.lecture_midDetailView .section_viewBooks .aticle .right{float:right; width:200px; margin:0 0 0 0;}
.lecture_midDetailView .section_viewBooks .aticle .right span{display:block; line-height:1.3;}
.lecture_midDetailView .section_viewBooks .aticle .right .s1{display:inline-block; background:#3366cc; color:#fff; font-size:12px; padding:2px 5px 3px; margin:0 0 10px;}
.lecture_midDetailView .section_viewBooks .aticle .right .s2{color:#000; font-size:17px; font-weight:500; margin:0 0 10px;}
.lecture_midDetailView .section_viewBooks .aticle .right .s3{color:#646464; font-size:15px; margin:0 0 5px;}
.lecture_midDetailView p{font-size:14px !important; line-height:1.8 !important;}
.btnVeiwBookStore{color:#3366cc; font-size:15px; font-weight:500; background:none; letter-spacing:-1px;}

.lecture_seachBox{border:1px solid #d8d8d8; letter-spacing:-1px;}
.lecture_seachBox .article_top{position:relative; height:47px;}
.lecture_seachBox .article_top > ul{display:inline-block; border-right:1px solid #d9d9d9;}
.lecture_seachBox .article_top > ul:after{display:block; clear:both; content:"";}
.lecture_seachBox .article_top > ul > li:first-child{border-left:none;}
.lecture_seachBox .article_top > ul > li{float:left; position:relative; width:175px; height:47px; text-align:center; display:table; border-left:1px solid #d9d9d9; background:#fff;}
.lecture_seachBox .article_top > ul > li.on{background:#f0f0f0; border-bottom:none;}
.lecture_seachBox .article_top > ul > li.on:after{position:absolute; left:0; bottom:-1px; content:""; background:#f0f0f0; height:1px; width:100%; z-index:2;}
.lecture_seachBox .article_top > ul > li a{font-size:15px; color:#000; font-weight:500; display:table-cell; vertical-align:middle;}
.lecture_seachBox .article_top .btn_allView{position:absolute; right:0; top:0; color:#666; font-size:15px; font-weight:500; width:170px; height:100%; text-align:right; padding:12px 40px 0 0;}
.lecture_seachBox .article_top .btn_allView span{position:relative;}
.lecture_seachBox .article_top .btn_allView span:after{right:-23px; top:3px; width:15px; height:15px; background-position:0 0;}
.lecture_seachBox .article_btm{position:relative; background:#f0f0f0; padding:20px; border-top:1px solid #d9d9d9;}
.lecture_seachBox .article_btm > .inner{position:relative;}
.lecture_seachBox .article_btm .selectArea{}
.lecture_seachBox .article_btm .selectArea:after{content:""; display:block; clear:both;}
.lecture_seachBox .article_btm .selectArea select{float:left; width:131px; height:40px; margin:0 0 0 -1px; border:1px solid #cdcdcd; font-size:16px; color:#323232; padding-left:18px; background-position:98% 50%;}
.lecture_seachBox .article_btm .seachBox{position:absolute; right:0; top:0; width:262px;}
.lecture_seachBox .article_btm .seachBox > .inner{position:relative;}
.lecture_seachBox .article_btm .seachBox input{position:absolute; left:0; top:0; width:100%; height:40px; padding:0 10px; font-size:15px; color:#323232; border:1px solid #cdcdcd; border-right:none;}
.lecture_seachBox .article_btm .seachBox .btnSeach{position:absolute; right:0; top:0; height:40px; width:50px; background: #666 url(/_images/_common/icon_search.png) 16px 10px no-repeat; text-indent:-9999em;}
.lecture_seachBox .article_top .btn_allView span:after{position:absolute; content:""; background:url(/_images/__renew/lecture/sp_img.png) no-repeat;}

.fullSearch.lecture_seachBox .article_top > ul{width:100%;border-right:none;display:table;table-layout:fixed;}
.fullSearch.lecture_seachBox .article_top > ul:after{display:none;}
.fullSearch.lecture_seachBox .article_top > ul > li{display:table-cell;float:none;border:none;width:auto;}
.fullSearch.lecture_seachBox .article_top > ul > li a{display:block;width:100%;height:100%;line-height:45px;border-left: 1px solid #d9d9d9;}
.fullSearch.lecture_seachBox .article_top > ul > li:first-child a{border-left:none;}
.fullSearch.lecture_seachBox .article_btm select{min-width:131px;width:auto; height:40px; margin:0 0 0 -1px; border:1px solid #cdcdcd; font-size:16px; color:#323232; padding-left:18px; background-position:98% 50%;}
.fullSearch.lecture_seachBox .seachBox{position:static;margin:5px 0 0 0;width:auto;}
.fullSearch.lecture_seachBox .seachBox *{vertical-align:middle;}
.fullSearch.lecture_seachBox .seachBox input{position:static;margin:0 0 0 5px;width:462px;}
.fullSearch.lecture_seachBox .seachBox .btnSeach{position:static;margin-left:-3px;}
.fullSearch.lecture_seachBox .seachBox .btnSeach + .btn35{margin-left:15px;}
.fullSearch.lecture_seachBox .btn35{height:40px;background:#666;}
.fullSearch.lecture_seachBox .type02:after{display:block;content:"";clear:both;}
.fullSearch.lecture_seachBox .type02 .selectArea{float:left;}
.fullSearch.lecture_seachBox .type02 .seachBox{float:right;margin:0;}
.fullSearch.lecture_seachBox .type02 .seachBox input{width:350px;}



/* 필터링 기존변경 */
.choiceArea{position:relative; color:#666;margin:0 0 25px 0; border:1px solid #dedede; border-left:none; border-right:none; background:#f7f7f7; overflow:hidden;}
.choiceArea div{float:left; margin:0 10px; padding:15px 0 11px 15px; border-top:1px solid #dedede;}
.choiceArea strong{float:left; display:inline-block; width:80px;font-size:17px; color:#222; letter-spacing:-1px; line-height:20px; font-weight:500;}
.choiceArea em{float:left; display:inline-block; width:70px; line-height:1.5; *line-height:1.5; margin:0 ; font-size:14px;}

.choiceArea ul{float:left; display:inline-block; width:665px; margin:0;}
.choiceArea li{float:none; display:inline-block; width:107px ;line-height:1.5; margin:0 0 4px 0; font-size:14px;}

/* 필터링 ul > li 간격관련 스타일 추가 2026-04-20 */
.choiceArea ul.tidy_menu {float: left; width: 665px; margin: 0; padding: 0; list-style: none;}
.choiceArea ul.tidy_menu:after {content: ""; display: block; clear: both;}
.choiceArea ul.tidy_menu li {float: left; display: block; width: auto; margin: 0 24px 4px 0; font-size: 14px; line-height: 1.5; word-break: keep-all;}


.choiceArea a{letter-spacing:-1px;}
.choiceArea a.on,
.choiceArea a:hover{color:#2763ba; font-weight:500; letter-spacing:-1px; padding-right:0; background-image:none;}
.choiceArea .season{border-top:none}

.choiceArea{border-bottom:1px solid #dedede; background:#f7f7f7; margin:0; margin:21px 0 0;}
.choiceArea table{width:100%;}
.choiceArea table th{color:#222; font-size:17px; font-weight:500; padding:15px; border-top:1px solid #dedede; text-align:center;}
.choiceArea table td{color:#646464; font-size:14px; padding:15px 15px 15px; border-top:1px solid #dedede;}
.choiceArea table td a{margin:0 0 0 0; line-height:1.8;}
.choiceArea table td.lecture a{display:inline-block; margin:0 45px 0 0;}
.choiceArea table td a:hover,
.choiceArea table td a.on{color:#2763ba; font-weight:500;}

.lectureInfoIco1{overflow:hidden; float:none !important; margin:10px 0 0 !important; min-height:auto !important;}
.lectureInfoIco1 > span{float:left; display:block; text-indent:-9999em; height:22px; background:url(/_images/__renew/common/sp_lectureInfoIco1.png) no-repeat;}
.lectureInfoIco1 > span.s1{background-position:0 0; width:34px;}
.lectureInfoIco1 > span.s2{background-position:-34px 0; width:34px;}
.lectureInfoIco1 > span.s3{background-position:-69px 0; width:34px;}
.lectureInfoIco1 > span.s4{background-position:-104px 0; width:31px;}
.lectureInfoIco1 > span.s5{background-position:-135px 0; width:42px;}
.lectureInfoIco1 > span.s6{background-position:-176px 0; width:39px; margin:0 0 0 -1px;}
.lectureInfoIco1 > span.s7{background-position:-214px 0; width:49px; margin:0 0 0 -1px;}
.lectureInfoIco1 > span.s8{background-position:-262px 0; width:61px; margin:0 0 0 -1px;}
.lectureInfoIco1 > span.s9{background-position:-323px 0; width:21px; margin:0 0 0 -1px;}
.lectureInfoIco1 > span.s10{background-position:-344px 0; width:40px;}
.lectureInfoIco1 > span.s11{background-position:-384px 0; width:96px;}


.lectureInfoIco2{overflow:hidden; float:none !important; margin:10px 0 0 !important; min-height:auto !important;}
.lectureInfoIco2 > span{float:left; display:inline-block; height:22px; text-align:center; letter-spacing:-1px; display:table;}
.lectureInfoIco2 > span em{display:table-cell; vertical-align:middle; padding:0 7px;}
.lectureInfoIco2 > span.s1{background:#2763ba; font-size:13px; color:#fff; border-left:1px solid #5d8acb;}
.lectureInfoIco2 > span.s2{background:#ce133f; font-size:13px; color:#fff; font-family:'맑은 고딕', malgunGothic;}
.lectureInfoIco2 > span.s3{background:#7887a4; font-size:11px; color:#fff; font-family:'맑은 고딕', malgunGothic;}
.lectureInfoIco2 > span.s4{background:#f7f7f7; font-size:11px; border:1px solid #d7d7d7; color:#ff112b; font-family:'맑은 고딕', malgunGothic; border-left:none;}
.lectureInfoIco2 > span.s5{background:#f7f7f7; font-size:11px; border:1px solid #d7d7d7; color:#828282; font-family:'맑은 고딕', malgunGothic; border-left:none;}
.lectureInfoIco2 > span.s6{background:#333949; font-size:11px; color:#fff; font-family:'맑은 고딕', malgunGothic; padding:0 5px; border-left:none;}
.lectureInfoIco2 > span.s7{background:#ce133f; font-size:11px; color:#fff; font-family:'맑은 고딕', malgunGothic; padding:0 5px; border-left:none;}
/*강좌 아이콘*/
.lectureInfoIco2 > span.s8{background:#DEEBF7; font-size:11px; color:#305699; font-family:'맑은 고딕', malgunGothic; padding:0 5px; border-left:none;}
.lectureInfoIco2 > span.s9{background:#548235; font-size:11px; color:#fff; font-family:'맑은 고딕', malgunGothic; padding:0 5px; border-left:none;}

.btnR.lectureBtns{}
.btnR.lectureBtns a{height:42px; display: inline-block; padding:2px 13px 0; color: #333; font-size:16px; color:#fff;}
.btnR.lectureBtns a.btnGrey{background:#666; width:72px;}
.btnR.lectureBtns a.second.btnGrey{background:#999; width:auto;}
.btnR.lectureBtns a.btnRed{background: #2763bb;}


/* popup 다시 정의 */
.setPopWrap{overflow:hidden;}
.setPopWrap .section_title{position:fixed; top:0; left:0; background:#666; color:#fff; font-size:20px; padding:15px 37px; width:100%; z-index:2;}
.setPopWrap .section_title .btnClose{position:absolute; right:0; top:0; width:55px; height:100%; text-indent:-9999em; display:block; background:#333 url(/_images/_button/popTopBtnClose.png) no-repeat center;}
.setPopWrap .section_inner .section_sub_tit{color:#2763bb; font-size:17px; border-bottom:1px solid #999; padding:0 5px 12px; font-weight:500;}
.setPopWrap .section_inner .section_sub_dec{color:#646464; padding:20px 5px; font-size:15px;}
.setPopWrap .btnArlign{position:fixed; bottom:0; left:0; border-top:1px solid #aaa; background:#fff; padding:20px 0; margin:0; -moz-box-shadow:0 0 10px #aaa; -webkit-box-shadow:0 0 10px #aaa; box-shadow:0 0 10px #aaa;}
.setPopWrap .btnArlign button{font-size:15px; font-weight:500; padding:10px 20px; min-width:100px; color:#fff;}
.setPopWrap .btnBlue{background:#2864b9;}
.setPopWrap .btnGray{background:#666;}
.setPopWrap .section_inner{padding:80px 35px 120px;}
.setPopWrap .section_title .tit .sub{display:inline-block; font-size:14px; padding:4px 0 0;color:#D9D9D9;vertical-align:middle;}
.setPopWrap .section_title .tit .sub span{position:relative;  color:#9C9C9C;vertical-align:middle;margin:0 10px 0 0; top:-2px;}


.quickAnwerBox{display:block; background:url(/teacher/2019_quickBoard/img/img_teacher_bg.png) no-repeat; width:850px; height:171px; margin:-8px 0 20px; padding:66px 0 0 140px;}
.quickAnwerBox ul{}
.quickAnwerBox li{font-weight:500; font-size:15px; color:#000; margin:0 0 14px;}
.quickAnwerBox li .tRed{font-size:15px !important; color:#F20000 !important;}

/*-- 레이어 팝업 --*/
.Pstyle{ opacity:0; display:none; position:relative; width:auto;}
.Pstyle .pop_inner { width:auto; height:auto; margin:0 auto; margin-top:100px;}
.Pstyle .b-close { position:absolute; top:70px; right:0; display:inline-block; cursor:pointer; background:url(/_images/_button/btn_popup_close.png) no-repeat; width:23px; height:23px; text-indent:-9999em;}


/* 모바일용 css */
html.mobile #wrapper.wide{width:1200px !important;} /* 모바일에서 PC로 들어왔을 경우 PM width가 100%로 보여짐 --> 혹시 모바일기기에서 pc보기했을때 틀어지거나 문제가 될경우 요거 주석처리하기 */

/* jwplayer */
.jwbackground{opacity:0.5;}
.jwcapLeft{opacity:0.5;}
.jwtime .jwcapRight{background:transparent none !important;}
.jwright + .jwcapRight{opacity:0.5;}
.jwtimeSliderBuffer{top:13px !important; height:6px !important; background:rgba(255,255,255,0.3) !important;}
.jwtimeSliderRail{top:13px !important; height:6px !important; background:rgba(255,255,255,0.3) !important;}
.jwtimeSliderRailCapLeft{display:none;}
.jwtimeSliderBufferCapLeft{display:none; width:0 !important;}
.jwtimeSliderProgressCapLeft{display:none; width:0 !important;}

.pop_box.policy_pop{	position: fixed; top: 50%;	left: 50%; background: #fff; z-index:9999999; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);	border: solid 1px #cdcdcd; transform: translate(-50%,-50%); letter-spacing:-1px;}
.pop_box.policy_pop .header{position:relative; width:100%; height:50px; padding:11px 20px 0; /* border-bottom:1px solid #cbcbcb */; color:#333;}
.pop_box.policy_pop .header .tit{font-size:20px; font-weight:800;}
.pop_box.policy_pop .header .pop_close{width: 50px; height: 50px; background: #2864b9; position: absolute; top: -1px; 	right: -1px; display: block;	text-indent: -99999px;}
.pop_box.policy_pop .header .pop_close:before{content: ""; width: 2px; height: 26px; background: #fff; position: absolute; 	top: 50%; left: 50%; 	margin-top: -13px; margin-left: -1px; 	transform: rotate(45deg);}
.pop_box.policy_pop .header .pop_close:after {content: ""; 	width: 26px; height: 2px; background: #fff; 	position: absolute; 	top: 50%; 	left: 50%; margin-top: -1px; 	margin-left: -13px; 	transform: rotate(45deg);}
.pop_box.policy_pop .st_policybx{overflow:auto; padding:20px; line-height:1.5; font-size:14px;}
.pop_box.policy_pop .st_policybx .top{text-align:center; margin:0 0 30px;}
.pop_box.policy_pop .st_policybx .top > .inner{font-size:24px; text-align:Center; color:#333; font-weight:700; border-top:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; padding:10px 10px; display:inline-block;}


/* 2025 header 수정 */
#header>.top>.inner .group_right{align-items: center;}
#header>.top>.inner .group_right .ico.instar{background:url(/_images/_main/main_202505/ico_h_instar.png) no-repeat; width:19px; height:20px; text-indent:-999em;}
#header>.top>.inner .group_right .ico.youtube{background:url(/_images/_main/main_202505/ico_h_youtube.png) no-repeat; width:23px; height:16px; text-indent:-999em;}
#header>.top>.inner .group_right>a.kids{margin:-3px 0 0;}
#header>.top>.inner .group_right>a.kids:after{display:none;}

/* 2025 중등 개선 */
#leftArea .lnb_left_banner_learn_m{display:flex; flex-direction: column; margin:30px 0 0; border:1px solid #dcdcdc; background: #F6F6F6; text-align:center;}
#leftArea .lnb_left_banner_learn_m a{padding:12px 12px; color:#323232; font-size:18px;}
#leftArea .lnb_left_banner_learn_m a:nth-of-type(2){border-top:1px dashed #d1d1d1;}
#leftArea .lnb_left_banner_learn_m .red{color:#F20000 !important;}
.nav_depth_mid_menu{position:relative; height:55px; background:#F3F4F6; border-bottom:1px solid #E4E7EE;}
.nav_depth_mid_menu .inner{position: relative; width:1320px; overflow:hidden; margin:0 auto; display:flex; align-items: center; height:100%; padding:0 0 0 275px;}
.nav_depth_mid_menu .inner a{color:#545555;font-size:19px;display:flex;height: 100%;align-items: center; padding:0 18px;}
.nav_depth_mid_menu .inner a.on,
.nav_depth_mid_menu .inner a:hover{color:#F20000;}
.nav_depth_mid_menu .inner a.round{justify-content:center; background:#fff; border:1px solid #dadada; padding:0; border-radius:20px; width:85px; height:38px;}
.nav_depth_mid_menu .inner .toggle{display:flex; width:235px; height:38px; margin-left:16px; background:#fff; border:2px solid #CFD7FD; border-radius:100px;}
.nav_depth_mid_menu .inner .toggle a{display:block; height:100%; padding:0 0 0 10px; font-weight:400; font-size:19px; color:#545555; line-height:34px;}
.nav_depth_mid_menu .inner .toggle a.mid{width:140px; padding:0; background:#CFD7FD; border-radius:100px; font-weight:600; color:#3765B3; text-align:center;}
.nav_depth_mid_menu .inner .toggle a:hover{color:#2858A8;}
.nav_depth_mid_menu .inner .toggle a.on{color:#2858A8;}

/* 2025-04-17 온리원 중등 게시판 운영 개선 */
.note_operational_policy_txt{display:flex; align-items: center; justify-content: space-between; margin:0 0 10px;}
.note_operational_policy_txt p.txt{font-size:14px;}
.note_operational_policy_txt .btn_pop_operational_policy{background:#666; color:#fff; padding:5px 15px; font-size:14px; border-radius:3px;}

#laypop_operational_policy{position:fixed; left:0; top:0; width:100%; height:100%; z-index:99999; display:none;}
#laypop_operational_policy > .inner{width:100%;height:100%;display:flex;flex-direction: column;align-items: center;justify-content: center;}
#laypop_operational_policy > .inner > .box{position:relative;transition:all .3s;max-width:580px; z-index:2;background:#fff; color:#010101; word-break: keep-all;}
#laypop_operational_policy > .inner > .box .popup-header {background: #000; color: #fff; padding: 10px 30px; height:50px; font-size: 20px; position: relative; overflow:hidden;}
#laypop_operational_policy > .inner > .box .popup-header .close-btn {position: absolute; width: 84px; height: 100%; top:0; right:0; cursor: pointer;}
#laypop_operational_policy > .inner > .box .popup-header .close-btn::before, .close-btn::after {top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-45deg); content: ""; position: absolute; width: 2px; height: 32px; background-color: #fff;}
#laypop_operational_policy > .inner > .box .popup-header .close-btn::before {transform: translate(-50%, -50%) rotate(45deg);}
#laypop_operational_policy > .inner > .box .popup-body {padding: 25px 30px; font-size: 14px; color: #333; line-height: 1.5; overflow:auto; max-height:calc(100vh - 20vh);}
#laypop_operational_policy > .inner > .box .popup-body .note1{font-size:18px; color:#333;}
#laypop_operational_policy > .inner > .box .section {margin: 20px 0 0;}
#laypop_operational_policy > .inner > .box .section .tit_group {display:flex;gap: 5px;}
#laypop_operational_policy > .inner > .box .section .num {margin:3px 0 0; background: #ff0000;; color: #fff; font-weight:700; border-radius: 50%; width: 20px; height: 20px; font-size: 15px;	display: flex;	align-items: center;justify-content: center;}
#laypop_operational_policy > .inner > .box .section .section-title {flex:1; font-weight:700; color:#010101; font-size:16px; padding:0 10px 0 0; line-height:1.3;}
#laypop_operational_policy > .inner > .box .boxed-list {border: 1px solid #000; padding: 5px 15px; margin: 8px 0 0 30px;	border-radius: 4px;	background: #f9f9f9; }
#laypop_operational_policy > .inner > .box ul.policy-list {margin-top: 8px;padding-left: 10px; }
#laypop_operational_policy > .inner > .box ul.policy-list li {position: relative;	font-size:16px; color:#010101}
#laypop_operational_policy > .inner > .box ul.policy-list li::before {content: "-"; position: absolute; left: -12px;}
#laypop_operational_policy > .inner > .box .tbl {margin:20px 0 0; padding:0 0 0 30px;}
#laypop_operational_policy > .inner > .box .tbl table{width:100%}
#laypop_operational_policy > .inner > .box .tbl table th,   
#laypop_operational_policy > .inner > .box .tbl table td {border: 1px solid #999;	padding: 5px; text-align: center; color:#010101;}
#laypop_operational_policy > .inner > .box .tbl table th {background: #eee; font-size:16px;}
#laypop_operational_policy > .inner > .box .tbl table td{font-size:14px;}
#laypop_operational_policy > .inner > .box .tbl table td:last-child{text-align:left;}
#laypop_operational_policy > .inner > .box .tbl .note2 {margin:10px 0 0; font-size: 14px; color:#010101;}
#laypop_operational_policy > .inner > .box .last_txt {margin:10px 0 0; font-size: 16px; color:#010101; padding:0 30px;}
#laypop_operational_policy .dim{position:fixed; left:0; top:0; width:100%; height:100%; display:flex; background:rgb(0 0 0 / 80%); z-index:1;}