@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;}
}

.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%;}
.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:#fe5c00; font-size:1.2em; text-decoration:none; font-weight:bold;}
.tabMAT .tabmenus li a.on {color:#d6af00; font-size:1.2em; text-decoration:none; font-weight:bold;}
.tabSOC .tabmenus li a.on {color:#38b182; font-size:1.2em; text-decoration:none; font-weight:bold;}
.tabSCI .tabmenus li a.on {color:#00a3d2; font-size:1.2em; text-decoration:none; font-weight:bold;}
.tabMIX .tabmenus li a.on {color:#00a3d2; font-size:1.2em; text-decoration:none; font-weight:bold;}

/* 탭 과목별 스타일 */
.tabKOR {border-bottom:8px solid #ee7936;}
.tabMAT {border-bottom:8px solid #fdd000;}
.tabSOC {border-bottom:8px solid #39b484;}
.tabSCI {border-bottom:8px solid #00b9ef;}
.tabMIX {border-bottom:8px solid #00b9ef;}

.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;}
.infoBox .txtMemo {position:absolute; top:10px; right:10px; font-size:0.92em; letter-spacing:-0.6px;}

/* 정보 과목별 스타일 */
.infoKOR strong {color:#ee7936;}
.infoMAT strong {color:#dcb400;}
.infoSOC strong {color:#39b484;}
.infoSCI strong {color:#00b4e8;}

/* 강좌리스트 */
.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:#f9cdaa;}
.listMAT .sub .listTit {background:#f8eaaa;}
.listSOC .sub .listTit {background:#bce2d3;}
.listSCI .sub .listTit {background:#b3dde9;}
.listMIX .sub .listTit {background:#b3dde9;}

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

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

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

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

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



/* 백점 모바일 학습실 2학기 */
.newMobileStudy * {box-sizing:border-box;}
.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 img.mVisual {width:100%;}
.newMobileStudy img.mVisual.fix {position:fixed; z-index:10;}

.newMobileStudy .mainYear {padding:0.8em 0.6em 0; text-align:right; font-size:1rem; font-weight:bold;}
.newMobileStudy .mainLogo {padding:1.5em;}

.newMobileStudy .mainStartBtn {padding:0.3em 1.5em 1em 1.5em;}
.newMobileStudy .mainStartBtn > div {margin-bottom:1em;}
.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; background-color:#eeebeb; color:#574f46; border:1px solid #eeebeb; font-size:1.05rem; height:48px; line-height:50px;}
.newMobileStudy .mainStartBtn ul li.on {background-color:#d1d0d0; color:#000; border:1px solid #bbb9b9; font-weight:bold; font-size:1.1rem;}
.newMobileStudy .mainStartBtn ul.col2 li {width:50%;}
.newMobileStudy .mainStartBtn ul.col3 li {width:33.3%; border-right:1px solid #d4d2d2; border-bottom:1px solid #d4d2d2;}
.newMobileStudy .mainStartBtn ul.col3 li.last {border-right:0;}
.newMobileStudy .mainStartBtn ul.col3 li.on {border:1px solid #bbb9b9;}
.newMobileStudy .mainStartBtn ul.col3.last li {border-bottom:0;}
.newMobileStudy .mainStartBtn a {display:block; text-align:center; position:relative;}
.newMobileStudy .mainStartBtn .btn_student:before {content:""; display:inline-block; width:33px; height:30px; background:url(/perfectseries/img/ico_student_face_default.png) no-repeat 50% 50%; background-size:33px auto; position:relative; bottom:-8px; left:-6px;}
.newMobileStudy .mainStartBtn .on .btn_student:before {content:""; display:inline-block; width:33px; height:30px; background:url(/perfectseries/img/ico_student_face_active.png) no-repeat 50% 50%; background-size:33px auto; position:relative; bottom:-8px; left:-6px;}
.newMobileStudy .mainStartBtn .btn_parent:before {content:""; display:inline-block; width:33px; height:30px; background:url(/perfectseries/img/ico_parent_face_default.png) no-repeat 50% 50%; background-size:33px auto; position:relative; bottom:-8px; left:-6px;}
.newMobileStudy .mainStartBtn .on .btn_parent:before {content:""; display:inline-block; width:33px; height:30px; background:url(/perfectseries/img/ico_parent_face_active.png) no-repeat 50% 50%; background-size:33px auto; position:relative; bottom:-8px; left:-6px;}
.newMobileStudy .mainStartBtn .btn_yellow {height:42px; line-height:44px; background-color:#fff200; color:#796a07; font-size:1.2rem; font-weight:bold;}

.newMobileStudy .mainTit {text-align:center; font-size:1.2em; font-weight:bold; height:50px; line-height:48px; letter-spacing:-0.4px;}
.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 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; margin:0.8em 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%;}

.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 #c1003a;}
.newMobileStudy .tab_area.MAT ul li.on {color:#003472; font-weight:bold;}
.newMobileStudy .tab_area.MAT .sub_list {border-bottom:2px solid #0c6bcd;}
.newMobileStudy .tab_area.SOC ul li.on {color:#006673; font-weight:bold;}
.newMobileStudy .tab_area.SOC .sub_list {border-bottom:2px solid #009db2;}
.newMobileStudy .tab_area.SCI ul li.on {color:#6f026d; font-weight:bold;}
.newMobileStudy .tab_area.SCI .sub_list {border-bottom:2px solid #aa04a7;}
.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 {text-align:center; font-weight:bold; background-color:#fff;}
.newMobileStudy .tab_area.fix .tab_head {height:40px; line-height:42px; border-bottom:1px solid #ababab; position:relative; font-size:1rem; letter-spacing:-1px; cursor:pointer;}
.newMobileStudy .tab_area.fix .tab_body > ul {display:inline-block; height:100%;}
.newMobileStudy .tab_area.fix .tab_body > ul > li {float:none; width:100%; height:40px; line-height:42px; border-bottom:1px solid #ababab; font-size:1rem; color:#201817;}
.newMobileStudy .tab_area.fix a {display:block;}

.newMobileStudy .tab_area.fix.KOR {border-bottom:2px solid #c1003a;}
.newMobileStudy .tab_area.fix.MAT {border-bottom:2px solid #0c6bcd;}
.newMobileStudy .tab_area.fix.MAT2 {border-bottom:2px solid #0c6bcd;}
.newMobileStudy .tab_area.fix.SOC {border-bottom:2px solid #009db2;}
.newMobileStudy .tab_area.fix.SCI {border-bottom:2px solid #aa04a7;}
.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_red.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_green.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_green.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_purple.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%;}
.newMobileStudy .tab_area.fix .tab_body > ul > li {float:none; width:100%; height:40px; line-height:42px; border-bottom: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 {/* height:40px; line-height:42px; padding-left:1em; */ 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:#7d0126; font-weight:bold;}
.newMobileStudy [class*=list_area].MAT > li.on {color:#003473; font-weight:bold;}
.newMobileStudy [class*=list_area].SOC > li.on {color:#006673; font-weight:bold;}
.newMobileStudy [class*=list_area].SCI > li.on {color:#6f026d; 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; /* padding:0 0.6em; */ 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 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;}

.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;}