@charset "UTF-8";

/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video 
{margin:0; padding:0; border:0; font-size:100%; font-family:"dotum,gulim,arial"; vertical-align:baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, 
menu, nav, section {display:block;}
body {line-height:1; background:#fff;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}
table {border-collapse:collapse; border-spacing:0;}

/* Layout */
@media screen and (min-width:0px) and (max-width:430px) {
	html {height:100% !important;}
	body {height:100% !important;}
	.mainC {/* height:100% !important; */}
	.locate .select {font-size:1.2em;}
}
@media screen and (min-width:431px) and (max-width:480px) {
	html {min-height:700px !important;}
	body {min-height:700px !important;}
	.mainC {min-height:700px !important;}
	.locate .select {font-size:1.3em;}
}
@media screen and (min-width:481px) and (max-width:550px) {
	html {height:800px !important;}
	body {height:800px !important;}
	.mainC {min-height:800px !important;}
	.locate .select {font-size:1.4em;}
}
@media screen and (min-width:551px) and (max-width:630px) {
	html {height:900px !important;}
	body {height:900px !important;}
	.mainC {min-height:900px !important;}
	.locate .select {font-size:1.5em;}
}
@media screen and (min-width:631px) and (max-width:700px) {
	html {height:1000px !important;}
	body {height:1000px !important;}
	.mainC {min-height:1000px !important;}
	.locate .select {font-size:1.6em;}
}
@media screen and (min-width:701px) and (max-width:765px) {
	html {height:1100px !important;}
	body {height:1100px !important;}
	.mainC {min-height:1100px !important;}
	.locate .select {font-size:1.7em;}
}
@media screen and (min-width:766px) and (max-width:830px) {
	html {height:1200px !important;}
	body {height:1200px !important;}
	.mainC {min-height:1200px !important;}
	.locate .select {font-size:1.8em;}
}
@media screen and (min-width:831px) and (max-width:970px) {
	html {height:1400px !important;}
	body {height:1400px !important;}
	.mainC {min-height:1400px !important;}
	.locate .select {font-size:1.8em;}
}
@media screen and (min-width:971px) and (max-width:1110px) {
	html {height:1600px !important;}
	body {height:1600px !important;}
	.mainC {min-height:1600px !important;}
	.locate .select {font-size:1.9em;}
}
@media screen and (min-width:1111px) and (max-width:1320px) {
	html {height:1900px !important;}
	body {height:1900px !important;}
	.mainC {min-height:1900px !important;}
	.locate .select {font-size:2.0em;}
}
@media screen and (min-width:1320px) and (max-width:1600px) {
	html {height:2300px !important;}
	body {height:2300px !important;}
	.mainC {min-height:2300px !important;}
	.locate .select {font-size:2.2em;}
}
@media screen and (min-width:1601px) and (max-width:1820px) {
	html {height:2600px !important;}
	body {height:2600px !important;}
	.mainC {min-height:2600px !important;}
	.locate .select {font-size:2.3em;}
}
@media screen and (min-width:1821px) and (max-width:3000px) {
	html {height:3100px !important;}
	body {height:3100px !important;}
	.mainC {min-height:3100px !important;}
	.locate .select {font-size:2.4em;}
}

.newMobileStudy a:hover {text-decoration:none; color:inherit;}
.newMobileStudy a:active {text-decoration:none; color:inherit;}
.newMobileStudy a:visited {text-decoration:none; color:inherit;}
.newMobileStudy a:link {text-decoration:none; color:inherit; -webkit-tap-highlight-color:transparent;}

.termBg1 {background-color:#FFF09B;}
.termBg2 {background-color:#B1E9FF;}

.mainC {position:relative; /* height:100% !important; */}
.mainC .mVisual {width:100%;}

.mainBtns {width:100%;}
.mainBtns li {float:left; width:50%;}
.mainBtns li a img {width:100%; vertical-align:top;}
.mainBtns .text {width:100%; font-size:1.8em; color:#000;}

.bgVisual1 {position:relative; overflow:hidden;}

.bgVisual1 .newMainBtns {width:100%; position:absolute; bottom:0px; left: 50%; margin-left:-47.2%; z-index:999;}
.bgVisual1 .newMainBtns>li {width:23.3%; float:left; margin-right:0.7%;}
.bgVisual1 .newMainBtns>li>a>img {width:100%;}

.greyBg {background-color:#c9c7c7; overflow:hidden;}
.greyBg .clSelect {width:100%; overflow:hidden; padding:2% 2% 1%;}
.greyBg .clSelect>li {float:left; width:47%; margin-right:2%; margin-bottom:2%;}
.greyBg .clSelect>li>a>img {width:100%;}

.greyBg .bnSelect {width:100%; padding:0 2% 2%; box-sizing:border-box;}
.greyBg .bnSelect img {max-width:100%;}

.locate {padding:2% 0; text-align:center; background-color:#fff;}
.locate>select {font-size:1.2em; width:90%; text-align:center; color:#676767; border:0;}
.locate .select {width:100%; font-weight:bold; text-align:center; color:#676767;}


.footLogo {width:100%; background-color:#c9c7c7; text-align:center; padding:10% 0 5% 0;}
.footLogo>img {width:45%;}

.footLogo2 {width:100%; background-color:#fff; text-align:center; padding:3% 0 5% 0;}
.footLogo2>img {width:45%;}

.bottomImg {position:absolute; bottom:0px;}

.subC .sVisual {width:100%;}

.subC .subCon {width:100%; background-color:#fff; padding:30px 0;}
.subC .subCon ul {overflow:hidden;}
.subC .subCon ul li {width:50%; float:left; text-align:center; margin-bottom:30px;}
.subC .subCon ul li a img {width:80%; vertical-align:top;}

.selC .topSel {width:100%; height:100px; background:url("/qr/img/bg_title.jpg")no-repeat left top; background-size:100%;}

/* Layout */
.wrap {width:100%;}

.header {width:100%; position:relative;}
.header .mVisual {width:100%;}

.tabArea {width:100%; padding:2% 0;}
.tabArea .tabmenus {overflow:hidden; width:100%;}
.tabArea .tabmenus li {width:25%; float:left; text-align:center;}
.tabArea .tabmenus li a {color:#000; font-size:1.2em; text-decoration:none;}

.tabKOR .tabmenus li a.on {color:#a00000; font-size:1.2em; text-decoration:none; font-weight:bold;}
.tabMAT .tabmenus li a.on {color:#004d9c; font-size:1.2em; text-decoration:none; font-weight:bold;}
.tabSOC .tabmenus li a.on {color:#1b6975; font-size:1.2em; text-decoration:none; font-weight:bold;}
.tabSCI .tabmenus li a.on {color:#752f90; font-size:1.2em; text-decoration:none; font-weight:bold;}
.tabMIX .tabmenus li a.on {color:#00606e; font-size:1.2em; text-decoration:none; font-weight:bold;}

/* 탭 과목별 스타일 */
.tabKOR {border-bottom:8px solid #e72828;}
.tabMAT {border-bottom:8px solid #0e7ced;}
.tabSOC {border-bottom:8px solid #008fa4;}
.tabSCI {border-bottom:8px solid #6b0578;}
.tabMIX {border-bottom:8px solid #008fa4;}

.infoBox {overflow:hidden; border-bottom:8px solid #e3e3e3; position:relative;}
.infoBox .imgInfo {width:25%; display:block; float:left; padding:0 0 0 10px;}
.infoBox .imgInfo>img {width:100%;}
.infoBox .txtInfo {position:absolute; bottom:10px; right:10px;}

/* 정보 과목별 스타일 */
.infoKOR strong {color:#a20000;}
.infoMAT strong {color:#004d9c;}
.infoSOC strong {color:#067889;}
.infoSCI strong {color:#8234a0;}
.infoMIX strong {color:#007a8c;}

/* 강좌리스트 */
.contents {background:#fff;}
.contents>ul {width:100%; margin:0 auto;}
.contents>ul li {margin-bottom:0px; overflow:hidden; position:relative;}
.contents>ul li.title {border-bottom:1px solid #dcdcdc;}
.contents>ul li.text {margin-bottom:0px; }
.contents>ul>li .arrow {	display:block; width:18px; height:12px; background:url("/perfectseries/img/allow_bottom_off.png") no-repeat left top; background-size:100%; position:absolute; right:20px; top:18px; z-index:99;}
.contents>ul>li.on .arrow {background:url("/perfectseries/img/allow_bottom_on.png") no-repeat left top; width:18px; height:12px; background-size:100%;}

.contents ul li .listBtn {display:block; position:absolute; left:12px; top:50%; margin-top:-14px;}
.contents ul li .listBtn img {width:75%;}
.contents ul li .listTit {display:block; float:left; width:100%; min-height:28px; font-size:1.1em; color:#000; text-decoration:none; padding:10px 0 8px 15px;}
.contents ul li .title .listTit {padding-left:20px;}
.contents ul .sub .listTit {display:block; float:left; width:100%; min-height:28px; font-size:1.1em; color:#000; text-decoration:none; padding:10px 0 8px 50px;}
.contents ul li .listTit span { width:75%; display:block; line-height:23px;}

.contents>ul>li>ul {padding:10px;}
.contents>ul>li>ul>li {margin-bottom:10px;}

/* 리스트 과목별 스타일 */
.listKOR .sub .listTit {background:#edc9c9;}
.listMAT .sub .listTit {background:#c3dcf5;}
.listSOC .sub .listTit {background:#84dbe7;}
.listSCI .sub .listTit {background:#edcbfa;}
.listMIX .sub .listTit {background:#d1eff4;}

.listKOR li.title.on {border-bottom:1px solid #8c0000 !important;}
.listKOR li.title.on .listTit {display:block; float:left; width:100%; min-height:28px; font-weight:bold; font-size:1.1em; color:#930000; text-decoration:none; padding:10px 0 8px 15px;}

.listMAT li.title.on {border-bottom:1px solid #0079f4 !important;}
.listMAT li.title.on .listTit {display:block; float:left; width:100%; min-height:28px; font-weight:bold; font-size:1.1em; color:#0057af; text-decoration:none; padding:10px 0 8px 15px;}

.listSOC li.title.on {border-bottom:1px solid #266e79 !important;}
.listSOC li.title.on .listTit {display:block; float:left; width:100%; min-height:28px; font-weight:bold; font-size:1.1em; color:#067889; text-decoration:none; padding:10px 0 8px 15px;}

.listSCI li.title.on {border-bottom:1px solid #c139fa !important;}
.listSCI li.title.on .listTit {display:block; float:left; width:100%; min-height:28px; font-weight:bold; font-size:1.1em; color:#703289; text-decoration:none; padding:10px 0 8px 15px;}

.listMIX li.title.on {border-bottom:1px solid #008ea3 !important;}
.listMIX li.title.on .listTit {display:block; float:left; width:100%; min-height:28px; font-weight:bold; font-size:1.1em; color:#026978; text-decoration:none; padding:10px 0 8px 15px;}



/* 백점 모바일 학습실 2학기 */
/* 2017-11-09 디자인 개편 */
.newMobileStudy {position:relative; /* height:100%; */ background-color:#fff;}
.newMobileStudy .btnService {position:absolute; top:7px; left:0; width:34px; height:28px; background:url(/images/studyroom/ico_dots_navy.png) no-repeat 50% 50%; background-size:3px auto; z-index:10;}
.newMobileStudy.mainC {background-color:#e8ebf0;}
.newMobileStudy * {box-sizing:border-box;}

.newMobileStudy .title {position:relative; border-bottom:1px solid #cfcdce;}
.newMobileStudy .title .btnHome {width:24px; height:100%; position:absolute; top:0; left:4%; background:url(/perfectseries/img/ico_home_gray.png) no-repeat 50% 50%; background-size:24px auto; cursor:pointer; z-index:10;}

.newMobileStudy img.mVisual {width:100%; position:relative;}
.newMobileStudy img.mVisual.fix {position:fixed; z-index:10;}

.newMobileStudy .mainYear {width:28%; position:absolute; top:5px; right:17px; z-index:10; border-bottom:1px solid #504f58;}
.newMobileStudy .mainYear > select {width:100%; height:28px; line-height:30px; font-size:0.92rem; color:#504f58; border:none; padding-left:0.4em; outline-style:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url(/answer/img/ico_arrow_open_black.png) transparent no-repeat right 55%; background-size:14px auto; letter-spacing:-0.1px;}

.newMobileStudy .mainStartBtn {/* margin-bottom:2.2em; */}
.newMobileStudy .mainStartBtn > div {margin-bottom:1.2em; text-align:center;}
.newMobileStudy .mainStartBtn > div:nth-child(1) ul {letter-spacing:-1.2px;}

.newMobileStudy .mainStartBtn ul {width:100%; display:inline-block; letter-spacing:-0.8px;}
.newMobileStudy .mainStartBtn ul li {display:inline-block; text-align:center; float:left; font-size:1.05rem; height:46px; line-height:48px;}
.newMobileStudy .mainStartBtn ul li.on {font-weight:bold; font-size:1.1rem;}
.newMobileStudy .mainStartBtn ul li.on span {display:inline-block; height:48px; line-height:50px; border-bottom:3px solid #fff; padding:0 0.6em;}
.newMobileStudy .mainStartBtn ul.col2 li {width:50%;}
.newMobileStudy .mainStartBtn ul.col3 li {width:33.3%;}
.newMobileStudy .mainStartBtn a {display:block; text-align:center; position:relative;}
.newMobileStudy .mainStartBtn .btnStart {width:46%; height:42px; line-height:44px; background-color:#a7a7a7; color:#fff; font-size:1.1rem; font-weight:bold; margin:0 auto;}

.newMobileStudy .mainStartBtn .typeTab ul li {background-color:#36344a; color:#fff;}
.newMobileStudy .mainStartBtn .gradeBtn {padding:0 0.8em;}
.newMobileStudy .mainStartBtn .gradeBtn ul {display:table; /* border-collapse:collapse; */ table-layout:fixed;}
.newMobileStudy .mainStartBtn .gradeBtn ul li {float:none; display:table-cell; border-collapse:collapse; background-color:#fff; border:1px solid #9fa0a2;}
.newMobileStudy .mainStartBtn .gradeBtn ul li.on {border:1px solid #df0032 !important;}
.newMobileStudy .mainStartBtn .gradeBtn ul li.on > a {color:#df0032;}
.newMobileStudy .mainStartBtn .gradeBtn ul li a {color:#333;}
.newMobileStudy .mainStartBtn #div_term {padding:0 0.8em;}
.newMobileStudy .mainStartBtn #div_term ul {display:table; /* border-collapse:collapse; */ table-layout:fixed;}
.newMobileStudy .mainStartBtn #div_term ul li {float:none; display:table-cell; border-collapse:collapse; background-color:#fff; border:1px solid #9fa0a2;}
.newMobileStudy .mainStartBtn #div_term ul li.on {border:1px solid #df0032; color:#df0032;}
.newMobileStudy .mainStartBtn #div_term ul li.on > a {color:#df0032;}
.newMobileStudy .mainStartBtn #div_term ul li a {color:#333;}

.newMobileStudy .mainTit {text-align:center; font-size:1.18em; font-weight:bold; height:50px; line-height:48px; letter-spacing:-0.8px;}
.newMobileStudy .mainMenu {width:100%; display:inline-block; padding:0 0.8em; margin-bottom:1.2em;}
.newMobileStudy .mainMenu > li {width:50%; display:inline-block; float:left; padding:0 0.6em; position:relative;}
.newMobileStudy .mainMenu > li a {display:block; position:relative;}
.newMobileStudy .mainMenu > li img {width:100%; border:1px solid #d3d3d3; box-shadow:-1px 1px 5px 1px #d3d3d3;}
.newMobileStudy .mainMenu > li .smallBox {position:absolute; top:0; right:0; left:0; bottom:0; margin:0 0.6em;}
.newMobileStudy .mainMenu > li .subTit {position:absolute; top:14%; right:0; left:0; text-align:center; color:#fff; font-size:1.4em; font-weight:bold; letter-spacing:-0.5px; line-height:140%;}
.newMobileStudy .mainMenu > li .subTit strong {font-size:1.8rem;}

.newMobileStudy .mBanner img {width:100%;}

.newMobileStudy .footer {text-align:center; /* background-color:#e8ebf0; */ padding:1.2em 0;}
.newMobileStudy .footer img {width:65%;}

.newMobileStudy .header_fix {position:fixed; top:0; left:0; right:0; z-index:10; background-color:#fff;}
.newMobileStudy .header_fix img {width:100%; border-bottom:1px solid #cfcdce;}
.newMobileStudy .header_fix .btnHome {width:24px; height:54px; position:absolute; top:0; left:4%; background:url(/perfectseries/img/ico_home_gray.png) no-repeat 50% 50%; background-size:24px auto; cursor:pointer; z-index:10;}

.newMobileStudy .tab_area ul {display:inline-block; width:100%; height:42px; line-height:44px; letter-spacing:-1px; /* padding:0 0.8em; */}
.newMobileStudy .tab_area ul li {width:25%; float:left; color:#000; font-size:0.95rem; text-align:center;}
.newMobileStudy .tab_area.KOR ul li.on {color:#7d0126; font-weight:bold;}
.newMobileStudy .tab_area.KOR .sub_list {border-bottom:2px solid #c1003b;}
.newMobileStudy .tab_area.MAT ul li.on {color:#013473; font-weight:bold;}
.newMobileStudy .tab_area.MAT .sub_list {border-bottom:2px solid #0b6ccd;}
.newMobileStudy .tab_area.SOC ul li.on {color:#db9f0d; font-weight:bold;}
.newMobileStudy .tab_area.SOC .sub_list {border-bottom:2px solid #dd9f0c;}
.newMobileStudy .tab_area.SCI ul li.on {color:#00993e; font-weight:bold;}
.newMobileStudy .tab_area.SCI .sub_list {border-bottom:2px solid #00993e;}
.newMobileStudy .tab_area.BSJ ul li.on {color:#014627; font-weight:bold;}
.newMobileStudy .tab_area.BSJ .sub_list {border-bottom:2px solid #014627;}
.newMobileStudy .tab_area.APP ul li.on {color:#e2550d; font-weight:bold;}
.newMobileStudy .tab_area.APP .sub_list {border-bottom:2px solid #e2550d;}

.newMobileStudy .tab_area.fix.KOR {border-bottom:2px solid #c1003b;}
.newMobileStudy .tab_area.fix.MAT {border-bottom:2px solid #0b6ccd;}
.newMobileStudy .tab_area.fix.MAT2 {border-bottom:2px solid #0b6ccd;}
.newMobileStudy .tab_area.fix.SOC {border-bottom:2px solid #dd9f0c;}
.newMobileStudy .tab_area.fix.SCI {border-bottom:2px solid #00993e;}
.newMobileStudy .tab_area.fix.BSJ {border-bottom:2px solid #014627;}
.newMobileStudy .tab_area.fix.APP {border-bottom:2px solid #e2550d;}

.newMobileStudy .tab_area.fix.KOR .tab_head:after {content:""; display:inline-block; width:18px; height:10px; background:url(/perfectseries/img/ico_arrow_open_red2.png) no-repeat 50% 50%; background-size:18px auto; position:absolute; top:50%; right:15px; margin-top:-3px;}
.newMobileStudy .tab_area.fix.MAT .tab_head:after {content:""; display:inline-block; width:18px; height:10px; background:url(/perfectseries/img/ico_arrow_open_blue.png) no-repeat 50% 50%; background-size:18px auto; position:absolute; top:50%; right:15px; margin-top:-3px;}
.newMobileStudy .tab_area.fix.MAT2 .btn_back {display:inline-block; width:18px; height:17px; background:url(/perfectseries/img/ico_arrow_left_blue.png) no-repeat 50% 50%; background-size:18px auto; position:absolute; top:50%; left:15px; margin-top:-8px; cursor:pointer;}
.newMobileStudy .tab_area.fix.SOC .tab_head:after {content:""; display:inline-block; width:18px; height:10px; background:url(/perfectseries/img/ico_arrow_open_yellow.png) no-repeat 50% 50%; background-size:18px auto; position:absolute; top:50%; right:15px; margin-top:-3px;}
.newMobileStudy .tab_area.fix.SCI .tab_head:after {content:""; display:inline-block; width:18px; height:10px; background:url(/perfectseries/img/ico_arrow_open_green2.png) no-repeat 50% 50%; background-size:18px auto; position:absolute; top:50%; right:15px; margin-top:-3px;}
.newMobileStudy .tab_area.fix.BSJ .tab_head:after {content:""; display:inline-block; width:18px; height:10px; background:url(/perfectseries/img/ico_arrow_open_green.png) no-repeat 50% 50%; background-size:18px auto; position:absolute; top:50%; right:15px; margin-top:-3px;}
.newMobileStudy .tab_area.fix.APP .tab_head:after {content:""; display:inline-block; width:18px; height:10px; background:url(/perfectseries/img/ico_arrow_open_red.png) no-repeat 50% 50%; background-size:18px auto; position:absolute; top:50%; right:15px; margin-top:-3px;}

.newMobileStudy .tab_area .sub_detail {display:table; width:100%; padding:1.2em; border-bottom:1px solid #dcdcdc;}
.newMobileStudy .tab_area .sub_detail > div {display:table-cell; vertical-align:middle;}
.newMobileStudy .tab_area .sub_detail .book_img {width:30%;}
.newMobileStudy .tab_area .sub_detail .book_img img {width:100%;}
.newMobileStudy .tab_area .sub_detail .book_detail {width:70%; position:relative; letter-spacing:-1px;}
.newMobileStudy .tab_area .sub_detail .book_detail .book_detail_tit {color:#000; font-size:1.1rem; font-weight:bold; position:absolute; top:5px; left:25px; line-height:150%;}
.newMobileStudy .tab_area .sub_detail .book_detail .book_detail_btn {color:#666; font-size:0.85rem; position:absolute; bottom:0px; left:15px;}
.newMobileStudy .tab_area .sub_detail .book_detail .book_detail_btn > a {display:inline-block; width:88px; height:30px; line-height:28px; border:1px solid #eaeaea; text-align:center;}
.newMobileStudy .tab_area .sub_detail .book_detail .book_detail_btn .btn_book_detail:before {content:""; display:inline-block; width:15px; height:19px; background:url(/perfectseries/img/ico_book_gray.png) no-repeat 50% 50%; background-size:15px auto; margin-right:5px; position:relative; bottom:-4px;}
.newMobileStudy .tab_area .sub_detail .book_detail .book_detail_btn .btn_book_data:before {content:""; display:inline-block; width:15px; height:19px; background:url(/perfectseries/img/ico_paper_gray.png) no-repeat 50% 50%; background-size:15px auto; margin-right:5px; position:relative; bottom:-4px;}

.newMobileStudy .tab_area.fix {text-align:center; font-weight:bold; background-color:#fff; cursor:pointer;}
.newMobileStudy .tab_area.fix .tab_head {height:40px; line-height:42px; /* border-bottom:1px solid #ababab; */ position:relative; font-size:1rem; letter-spacing:-1px;}
.newMobileStudy .tab_area.fix .tab_body > ul {display:inline-block; height:100%; padding:0 !important;}
.newMobileStudy .tab_area.fix .tab_body > ul > li {float:none; width:100%; height:40px; line-height:42px; border-top:1px solid #ababab; font-size:1rem; color:#201817;}
.newMobileStudy .tab_area.fix a {display:block;}

.newMobileStudy .parent_tab_area {text-align:center; font-size:1.05rem; font-weight:bold; color:#09090a; letter-spacing:-1px;}
.newMobileStudy .parent_tab_area .tab_head {width:100%; height:42px; line-height:44px; position:relative; border-bottom:1px solid #999; background-color:#eee; cursor:pointer; z-index:30;}
.newMobileStudy .parent_tab_area .tab_body {position:absolute; top:0; right:0; left:0; z-index:10; background-color:#eee;}
.newMobileStudy .parent_tab_area .tab_body > ul {display:inline-block; width:100%; height:100%;}
.newMobileStudy .parent_tab_area .tab_body > ul > li {float:none; width:100%; height:40px; line-height:42px; border-bottom:1px solid #ababab;}
.newMobileStudy .parent_tab_area .tab_head:after {content:""; display:inline-block; width:18px; height:10px; background:url(/perfectseries/img/ico_arrow_open_gray.png) no-repeat 50% 50%; background-size:18px auto; position:absolute; top:50%; right:15px; margin-top:-3px;}
.newMobileStudy .parent_tab_area a {display:block;}

.newMobileStudy .parent_search_area {width:100%; background-color:#eee; border-bottom:1px solid #999; padding:0.5em 0.2em; letter-spacing:-0.8px;}
.newMobileStudy .parent_search_area .search_inner {display:table; width:100%;}
.newMobileStudy .parent_search_area .search_inner .sch_box {display:table-cell; width:33%; padding:0 0.3em; color:#666; vertical-align:middle; height:38px; line-height:38px;}
.newMobileStudy .parent_search_area .search_inner .sch_box > div {border:1px solid #999; background-color:#fff; text-align:center; height:34px; line-height:34px; font-size:0.85em;}
.newMobileStudy .parent_search_area .search_inner .sch_box.on {color:#7092be; font-weight:bold;}
.newMobileStudy .parent_search_area .search_inner .sch_box .sch_window {display:table; width:100%; height:100%; background-color:#fff;}
.newMobileStudy .parent_search_area .search_inner .sch_box .sch_window .sch_input {display:table-cell; width:72%; height:100%; vertical-align:middle; border-right:1px solid #999; font-size:1rem;}
.newMobileStudy .parent_search_area .search_inner .sch_box .sch_window .sch_input input {width:100%; height:100%; border:0; outline-style:none; padding-left:5px; color:#333 !important;}
.newMobileStudy .parent_search_area .search_inner .sch_box .sch_window .sch_input input::-webkit-input-placeholder {color:#bebebe !important;}
.newMobileStudy .parent_search_area .search_inner .sch_box .sch_window .sch_input input:-moz-placeholder {color:#bebebe !important;}
.newMobileStudy .parent_search_area .search_inner .sch_box .sch_window .sch_input input::-moz-placeholder {color:#bebebe !important;}
.newMobileStudy .parent_search_area .search_inner .sch_box .sch_window .sch_input input:-ms-input-placeholder {color:#bebebe !important;}
.newMobileStudy .parent_search_area .search_inner .sch_box .sch_window .sch_btn {display:table-cell; width:28%; height:100%; vertical-align:middle; text-align:center; padding:4px;}
.newMobileStudy .parent_search_area .search_inner .sch_box .sch_window .sch_btn img {width:100%; max-height:24px;}

.newMobileStudy .parent_answer_area {display:table; width:100%; display:inline-block; margin-bottom:15px; clear:both; border-bottom:1px solid #ccc;}
.newMobileStudy .parent_answer_area > div {display:table-cell; vertical-align:top;}
.newMobileStudy .parent_answer_area .answer_img {width:92%; padding:2px; float:left; overflow-y:scroll;}
.newMobileStudy .parent_answer_area .answer_img img {width:100%;}
.newMobileStudy .parent_answer_area .answer_img .txt {background-color:#7092be; border:1px solid #7092be; border-radius:5px; height:28px; line-height:28px; font-size:0.82rem; letter-spacing:-1px; position:relative;}
.newMobileStudy .parent_answer_area .answer_img .txt > span {display:inline-block; vertical-align:top; color:#fff; max-width:172px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-left:62px;}
.newMobileStudy .parent_answer_area .answer_img .btn_comment {display:inline-block; width:42px; height:20px; line-height:20px; text-align:center; float:right; background-color:#fff; color:#000; border:1px solid #fff; border-radius:5px; position:absolute; top:3px; right:2px;}
.newMobileStudy .parent_answer_area .answer_img .btn_comment:after {content:""; display:inline-block; width:9px; height:9px; background:url(/perfectseries/img/ico_plus_black.png) no-repeat 50% 50%; background-size:9px auto; padding-left:3px; position:relative; right:-2px;}
.newMobileStudy .parent_answer_area .line_number {width:8%; background-color:#f1f2f3; color:#787878; border-left:1px solid #b9babb; font-size:0.75em; line-height:3.9; text-align:center; float:right; overflow:hidden;}

.newMobileStudy [class*=list_area] > li {border-bottom:1px solid #dcdcdc; background-color:#fff; position:relative; font-size:0.85rem; letter-spacing:-1px; line-height:140%;}
.newMobileStudy [class*=list_area] > li.listTit {font-size:0.95rem; letter-spacing:-1px; padding:0.9em 1em 0.7em;}
.newMobileStudy .list_area > li.listTit:after {content:""; display:inline-block; width:7px; height:4px; background:url(/perfectseries/img/ico_arrow_open_gray_small.png) no-repeat 50% 50%; background-size:7px auto; position:absolute; top:50%; right:20px; margin-top:-2px;}
.newMobileStudy .list_area > li.listTit.on:after {content:""; display:inline-block; width:7px; height:4px; background:url(/perfectseries/img/ico_arrow_close_gray_small.png) no-repeat 50% 50%; background-size:7px auto; position:absolute; top:50%; right:20px; margin-top:-2px;}
.newMobileStudy .list_area > li.listTit a {display:block;}
.newMobileStudy [class*=list_area].KOR > li.on {color:#7e0227; font-weight:bold;}
.newMobileStudy [class*=list_area].MAT > li.on {color:#013473; font-weight:bold;}
.newMobileStudy [class*=list_area].SOC > li.on {color:#dca00c; font-weight:bold;}
.newMobileStudy [class*=list_area].SCI > li.on {color:#00993e; font-weight:bold;}
.newMobileStudy [class*=list_area].BSJ > li.on {color:#014627; font-weight:bold;}
.newMobileStudy [class*=list_area].APP > li.on {color:#e2550d; font-weight:bold;}
.newMobileStudy [class*=list_area] > li .subGroup {border-top:1px solid #898a8b; background-color:#eeefeb; padding:0.6em 0.8em;}
.newMobileStudy [class*=list_area] > li .subGroup > li {background-color:#f8f49f; color:#000; margin-bottom:2px; padding:0 0.8em;}
.newMobileStudy [class*=list_area] > li .subGroup > li span {font-size:0.85rem; letter-spacing:-1px; position:relative; bottom:-2px;}
.newMobileStudy [class*=list_area] > li .subGroup > li.last {margin-bottom:0;}
.newMobileStudy [class*=list_area] > li .subGroup > li a {display:table; position:relative; width:100%;}
.newMobileStudy [class*=list_area] > li .subGroup > li a > span {display:table-cell; vertical-align:middle;}
.newMobileStudy [class*=list_area] > li .subGroup > li a span.videoName {width:90%; padding:0.8em 0 0.9em;}
.newMobileStudy [class*=list_area] > li .subGroup > li a span.ico_play {width:10%; position:absolute; top:50%; right:0; margin-top:-11px; width:24px; height:24px; background:url(/perfectseries/img/ico_play_inactive.png) no-repeat 50% 50%; background-size:24px auto; cursor:default;}
.newMobileStudy [class*=list_area] > li .subGroup > li a span.ico_play.on {background:url(/perfectseries/img/ico_play_active.png) no-repeat 50% 50%; background-size:24px auto; cursor:pointer;}
.newMobileStudy [class*=list_area] .line {display:table; width:100%; padding:0.8em 0 0.9em;}
.newMobileStudy .list_area .line > div, .newMobileStudy .list_area .line > span {display:table-cell; vertical-align:middle;}
.newMobileStudy .list_area .line .left {width:12%;}
.newMobileStudy .list_area .line .right {width:78%;}
.newMobileStudy .list_area .line > span.ico_play {width:10%;}

.newMobileStudy i {font-style:normal;}
.newMobileStudy i.tipGray {display:inline-block; width:25px; height:18px; line-height:18px; text-align:center; background-color:#c1c2c3; border:1px solid #c1c2c3; border-radius:5px; color:#fff; font-size:0.78rem; letter-spacing:-0.2px; margin-right:0.6em; position:relative; bottom:-1px;}
.newMobileStudy i.tipBlue {display:inline-block; width:54px; height:20px; line-height:18px; text-align:center; background-color:#3b669e; color:#fff; border:1px solid #fff; border-radius:5px; position:absolute; top:3px; left:2px;}

body.bgGray {background-color:#C9C7C7;}

.newMobileStudy .mVisual.parent {position:relative; z-index:30;}

.newMobileStudy .event_banner {padding:0.6em 0.8em 0.4em;}
.newMobileStudy .event_banner > a {display:inline-block;}
.newMobileStudy .event_banner img {max-width:100%; border:1px solid #cecece;}
.newMobileStudy .event_banner.sub {padding:0.4em 1.4em 0.3em;}
.newMobileStudy .event_banner.sub img {border:none; box-shadow:-1px 1px 5px 1px #d3d3d3;}

.full-bg {display:none; position:fixed; top:0; right:0; bottom:0; left:0; background-color:rgba(0, 0, 0, 0.7); z-index:5;}