@charset "utf-8";
@import url('layout.css');


/* a태그 터치 영역 사라짐 */
a {
  -webkit-tap-highlight-color: rgba(0,0,0,0); 
  -webkit-tap-highlight-color: transparent; 
}
/* a태그 터치 영역 사라짐 */

/* [s] 디봇 dibot */
.dibotBox {position:fixed;bottom:0;left:0;width:100%;box-sizing:border-box;z-index:100}
.dibotBox > div {position:relative;}
.dibotBtn {
	position:absolute;
	left:0;
    bottom:0;
	z-index:10;
	/* display:block; */
	display:none;
}
/*.dibotBtn.on {left:-28px}*/
.dibotBtn.on + .dibotClose {display:block;}
.dibotClose {
	display:none;
	position:absolute;
	top:-211px;
	left:193px;
	z-index:99;
}
.dibotPointDirection {
	position:absolute;
	z-index:11;
	display:none;
	background:url('../images/dibot/dibot_bg.png') no-repeat 0 0 #fff;
	border-radius:45px;
	width:350px;
	padding:210px 43px 25px;
	font-size:22px;
	line-height:34px;
	color:#282828;
	text-align:center;
	word-break:keep-all;
	margin-left:550px;
	right:0;
	bottom:10px;
}
.dibotPointDirection .point {
	color:#f89b57;
	font-size:22px;
	line-height:34px;
	font-weight:bold;
}
.dibotPointDirection .btnC {margin-top:22px}
.chattingBox {
	display:none;
	/*position:absolute;*/
	position:fixed;
	top:0;
	right:0;
	width:398px;
	height:800px;
	z-index:99;
	text-indent:-9999px;
}
.chattingBox > div {position: relative;}
.chattingBox .dibotCloseBtn {
	width:398px;
	height:58px;
	position:fixed;
	top:0;
	left:50%;
	margin-left:242px;
	text-align:right;
	background:url('../images/dibot/bg_tit.png') no-repeat 0 0 #ff9b25;
	padding:10px 12px 12px;
}
.chattingBox .dibotCloseBtn a {
	display:inline-block;
	width:39px;
	height:36px;
	vertical-align:middle;
	background:url('../images/dibot/dibot_back.png') no-repeat 0 0;
	text-indent:-99999px;
	font-size:0;
}
.chattingBox > div:first-child {
	position:relative;
	background:#fef8e3;
	height:800px;
	padding:82px 19px 120px;
}
.chattingBox ul {
	margin-top:-20px;
	overflow-y:auto;
	height:598px;
}
.chattingBox li {margin-top:20px}
.chattingBox li div {
	position:relative;
	border-radius:25px;
	text-indent:0;
	text-align:left;
	padding:10px 28px;
	line-height:27px;
}
.chattingBox li > div:after {
	content:'';
	position:absolute;
	top:0;
}
.chattingBox li.send {padding:0 8px 0 0;}
.chattingBox li.send > div {background:#fff; color:#505050; font-size:18px}
.chattingBox li.send > div:after {
	right:-8px;
	width:30px;
	height:10px;
	background:url('../images/dibot/bg_talk02.png') no-repeat 0 0;
}
.chattingBox li.receive {padding:32px 0 0 8px;}
.chattingBox li.receive > div {background:#ffb445; color:#fff; margin-top:-6px}
.chattingBox li.receive > div:before {
	content:'';
	position:absolute;
	top:-32px;
	left:0;
	width:62px;
	height:26px;
	background:url('../images/dibot/dibot_chat_dibot.png') no-repeat 0 0;
}
.chattingBox li.receive > div:after {
	left:-8px;
	width:34px;
	height:12px;
	background:url('../images/dibot/bg_talk01.png') no-repeat 0 0;
}
/* 대화창 사전용 */
.chattingBox2 {
	display:none;
	/*position:absolute;*/
	position:fixed;
	top:0;
	right:0;
	width:422px;
	height:800px;
	z-index:99;
	text-indent:-9999px;
	background:#fff
}
.chattingBox2 ul.tab{
	margin:57px 0 0 0px;
	padding-left:1px;
	background:#5b64e6
}
.chattingBox2 ul.tab:after{content:'';display:block;clear:both}
.chattingBox2 ul.tab li{
	float:left;
	margin:7px 0 0 4px
}
.chattingBox2 ul.tab li a{
	display:block;
	border-radius:14px 14px 0 0;
	width:100px;
	height:31px;
	font-size:16px;
	line-height:31px;
	text-indent:0;
	text-align:center;
	font-weight:bold;
	background:#fff;
	color:#fff
}
.chattingBox2 ul.tab li.on a{background:#fff !important;color:#343434}
.chattingBox2 ul.tab li:first-child a{background:#b68e37;}
.chattingBox2 ul.tab li:nth-child(2) a{background:#37b668}
.chattingBox2 ul.tab li:nth-child(3) a{background:#4b93ff}
.chattingBox2 ul.tab li:nth-child(4) a{background:#8f6dcd}
.chattingBox2 > div.chattingCont {
	position: relative;
	padding:30px 22px 40px
}
.chattingBox2 > div.chattingCont *{text-indent:0}
.chattingBox2 > div.chattingCont .tit{font-size:20px;color:#000}
.chattingBox2 > div.chattingCont p{font-size:15px;color:#282828;padding:5px 0 25px}
.chattingBox2 > div.chattingCont div.img{text-align:center}
.chattingBox2 > div.chattingCont div.img img{max-width:378px;}
.chattingBox2 .dibotCloseBtn {
	width:422px;
	height:58px;
	position:fixed;
	top:0;
	left:50%;
	margin-left:218px;
	text-align:right;
	background:url('../images/dibot/bg_tit2.png') no-repeat 0 0 #5b64e6;
	padding:14px 16px 12px;
}
.chattingBox2 .dibotCloseBtn a {
	display:inline-block;
	width:34px;
	height:30px;
	vertical-align:middle;
	background:url('../images/dibot/dibot_back2.png') no-repeat 0 0;
	text-indent:-99999px;
	font-size:0;
}
.chattingBox2 > div:first-child {
	position:relative;
	background:#fff;
	height:800px;
	padding:82px 19px 120px;
}
.chattingBox2 .chattingCont > div{
	overflow-y:auto;
	height:598px;
}
.chattingBox2 ul.dicList {
	background:#fff;
}
.chattingBox2 ul.dicList li {margin:20px 0 30px}
.chattingBox2 ul.dicList li > a{display:block}
.chattingBox2 ul.dicList li div {
	text-indent:0;
	text-align:left;
	line-height:27px;
}
.chattingBox2 ul.dicList li > div:after {
	content:'';
	position:absolute;
	top:0;
}
.chattingBox2 .dibotInputBox {width:846px}
.chattingBox2 .dibotInputBox input[type="text"] {width:790px}
.navDibot {
	position:absolute;
	right:249px;
	bottom:3px
}
.chattingBox2 .dibotOnOff{
	bottom:0;
	width:422px;
	margin-left:218px;
	background:url('../images/dibot/dibot_bg_bottom.png') repeat-x;
	height:110px;
	text-align: center;
}
.chattingBox2 .dibotOnOff > a{
	display:inline-block;
	padding-left:0
}
.chattingBox2 .dibotOnOff > a img{
	padding-left:0;
}
.chattingBox2 .dibotKeyboard{
	width:32px;
	height:28px;
	right:15px;
	bottom:8px
}
.dibotOnOff {
	position: fixed;
	left:50%;
	bottom:12px;
	margin-left:260px;
	width:380px;
}
.dibotOnOff * {display:block;padding-left:85px;}
.dibotKeyboard {
	position:fixed;
	right:17px;
	bottom:9px;
	width:44px;
	height:62px;
}
.dibotKeyboard * {display:block}
.dibotInputBox {
	display:none;
	position: fixed;
	bottom:6px;
	left:6px;
	width:870px;
	z-index: 999;
}
.dibotInputBox * {display:block}
.dibotInputBox input[type="text"] {
	display: block;
	width:815px;
	height:59px;
	line-height:53px;
	border:3px solid #5b64e6;
	box-sizing: border-box;
	color:#282828;
	background:url('../images/dibot/bg_icon.png') no-repeat 15px center #fff;
	padding:0 10px 0 55px;
}
.dibotInputBox input[type="text"]::-webkit-input-placeholder {color:#282828;}
.dibotInputBox input + a {
    position: absolute;
    top: 0;
    right: 0;
}
/* [e] 디봇 dibot */

/* [s] 리딩 메인 */
.titSubject {
	position:relative;
	display:inline-block;
	font-size:17px;
	color:#37301c;
	background:url('../images/reading_main/bg_tit.png') no-repeat;
	border-radius:10px;
	line-height:40px;
	font-weight:bold;
}
.titSubject span{
	display:inline-block;
	width:80px;
	font-weight:normal;
	font-size:16px;
	text-align:center;
	margin-right:5px;
	color:#f9faf6
}
.titSubject strong {
	font-size:20px;
	color:#37301c;
}
.readingMain {
	position:relative;
	padding:0 30px;
	/*padding:0 33px;
	overflow:hidden;
	box-sizing:border-box;*/
}
.readingList.cnt7 > li > div > a:nth-child(5){clear:both}
.readingList.cnt7_2 > li > div > a:nth-child(4){clear:both}
.readingList > li:after {display:block; content:''; clear:both;}
.readingList > li > div {margin: 20px 0 0 -7px;}
.readingList > li > div > a {
	position:relative;
	display:block;
	float:left;
	margin:9px 1px 0 7px;
    padding-left:4px;
	height: 259px;
}
.readingList > li > div > a .icon_stat {
	position:absolute;
	top:0;
	right:20px;
}
/* 2019.07.12. 전민우. 디자인 시안에 따른 수정 */
.readingList > li > div > a.lock:before {
	content:'';
	position:absolute;
	top:0;
	left: 1px;
	width: 99%;
	height:100%;
	background:url('../images/reading_main/bg_lock2.png') no-repeat center center;
	z-index:1;
	background-size: cover;
	border-radius: 10px;
	margin-left: 2px;
}
.readingList > li > div > a.lock.type2:before {background-image:url('../images/reading_main/bg_lock3.png')}
.readingList > li > div > a.lock.type3:before {background-image:url('../images/reading_main/bg_lock4.png')}
.readingList > li > div > a.lock.type4:before {background-image:url('../images/reading_main/bg_lock5.png')}
.readingList > li > div > a.lock:after {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url('../images/reading_main/bg_lock.png') no-repeat center center;
	z-index:1;
}
.readingList > li > div > a.fin:after {
	content:'';
	position:absolute;
	bottom:6px;
	right:5px;
	width:53px;
	height:64px;
	background:url('../images/reading_main/bg_fin.png') no-repeat center center;
	z-index:1;
}
.readingMain .bx-next, 
.readingMain .bx-prev {
	position:absolute;
	/* top:42.5%; */
	top:47%;
	display:inline-block;
	width: 93px;
	height: 151px;
	margin-top:-21.5px;
	background:url('../images/reading_main/btn_prev.svg') no-repeat 0 0;
	text-indent:-9999px;
}
.readingMain .bx-prev {/*left:-77px*/ left:-57px;}
.readingMain .bx-next {/*right:-67px;*/ right:-94px; background-image:url('../images/reading_main/btn_next.svg')}

..
.readingList2.cnt7 > li > div > a:nth-child(5){clear:both}
.readingList2.cnt7_2 > li > div > a:nth-child(4){clear:both}
.readingList2 > li:after {display:block; content:''; clear:both;}
.readingList2 > li > div {margin: 20px 0 0 -7px;}
.readingList2 > li > div > a {
	position:relative;
	display:block;
	float:left;
	margin:9px -1px 0 3px;
    padding-left:4px;
	height: 259px;
}
.readingList2 > li > div > a .icon_stat {
	position:absolute;
	top:0;
	right:20px;
}
/* 2019.07.12. 전민우. 디자인 시안에 따른 수정 */
.readingList2 > li > div > a.lock:before {
	content:'';
	position:absolute;
	top:0;
	left: 1px;
	width: 99%;
	height:100%;
	background:url('../images/reading_main/bg_lock2.png') no-repeat center center;
	z-index:1;
	background-size: cover;
	border-radius: 10px;
	margin-left: 2px;
}
.readingList2 > li > div > a.lock.type2:before {background-image:url('../images/reading_main/bg_lock3.png')}
.readingList2 > li > div > a.lock.type3:before {background-image:url('../images/reading_main/bg_lock4.png')}
.readingList2 > li > div > a.lock.type4:before {background-image:url('../images/reading_main/bg_lock5.png')}
.readingList2 > li > div > a.lock:after {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url('../images/reading_main/bg_lock.png') no-repeat center center;
	z-index:1;
}
.readingList2 > li > div > a.fin:after {
	content:'';
	position:absolute;
	bottom:6px;
	right:5px;
	width:53px;
	height:64px;
	background:url('../images/reading_main/bg_fin.png') no-repeat center center;
	z-index:1;
}
.btnPrevView {
	position:absolute;
	top:1px;
	right:6px;
}

.layerPop {
	position:absolute;
	z-index:101;
	left:50%;
	margin-left:-430px;
}
.layerPop > div {
	position:relative;
	width:860px;
	height:570px;
	padding:13px 113px;
	box-sizing:border-box; 
	background:url('../images/reading_main/bg_layer.png') no-repeat 0 0;
}
.layerPop > div > .tit {
	line-height:80px;
	color:#452509;
	text-align:center;
	font-size:25px;
	font-family:'Nanum Square', sans-serif;
	font-weight:800;
}
.layerPop > div .close {
	position:absolute;
	top:25px;
	right:25px;
}

.layerPop.coachingLayer {margin-left:-190px}
.layerPop.coachingLayer > div {
	width:380px;
	height:249px;
	background:url('../images/myroom/layer_bg01.png') no-repeat 0 0 #fff;
	border-radius:32px;
	padding:107px 32px 20px;
	box-sizing:border-box;
}
.layerPop.coachingLayer.type2 > div {background-image:url('../images/myroom/layer_bg02.png')}
.layerPop.coachingLayer div.txt {
	background:#ebebeb;
	width:100%;
	padding:25px 0;
	text-align:center;
	font-size:17px;
	border-radius:22px;
}
.layerPop.coachingLayer .btnC {margin-top:15px;}


.layerPop.coachingLayer2 {margin-left:-125px}
.layerPop.coachingLayer2 > div {
	width:250px;
	height:250px;
	background:url('../images/myroom/layer_bg03.png') no-repeat 0 0;
	border-radius:32px;
	padding:117px 10px 20px;
	box-sizing:border-box;
}
.layerPop.coachingLayer2.type2 > div {background-image:url('../images/myroom/layer_bg04.png')}
.layerPop.coachingLayer2.type3 > div {background-image:url('../images/myroom/layer_bg05.png')}
.layerPop.coachingLayer2 div.txt {
	background:#ebebeb;
	width:100%;
	padding:15px 0;
	text-align:center;
	font-size:17px;
	border-radius:53px;
	background:rgba(255, 255, 255, 0.75);
}
.layerPop.coachingLayer2 .btnC {margin-top:25px;}




.prevViewList > li > div {
	/*margin:-14px 0 0 -22px;*/
	padding:2px 38px 16px 16px;
	width:638px;
	height:394px;
	box-sizing:border-box;
}
.prevViewList > li > div::after {display:block; content:''; clear:both}
.prevViewList > li > div > a {
	display:block;
	float:left;
	padding:14px 0 0 22px;
	box-sizing:border-box;
}
.prevViewList > li > p {
	line-height:70px;
	font-family:'Nanum Square', sans-serif;
	font-weight:800;
	color:#452509;
	font-size:20px;
	text-align:center;
}
.prevViewBox .bx-prev, .prevViewBox .bx-next {
	position:absolute;
	top:50%;
	width:47px;
	height:125px;
	margin-top:-62.5px;
	background:url('../images/reading_main/btn_layerPrev.png') no-repeat 0 0;
	text-indent:-99999px
}
.prevViewBox .bx-prev {left:-74px}
.prevViewBox .bx-next {right:-74px; background-image:url('../images/reading_main/btn_layerNext.png')}
/*--[e] 리딩 메인 */

/* [s] 문제 은행 */
.questionBox {
	width:1163px;
	height:676px;
/*	background:url('../images/reading_question/bg01_cont.png') no-repeat center center;*/
	margin:23px auto 0;
	padding:52px 52px;
	box-sizing:border-box;
}

/*div#wrap.question.type2 .questionBox {background-image:url('../images/reading_question/bg02_cont.png')}*/

.btnBack{display:none}
.question .btnBack {
	display:block;
	position:absolute;
	top:22px;
	left:16px;
}
.btnHome {
	position:absolute;
	top:2px;
	right:2px;
}
.btnPrev, .btnNext {
	position:absolute;
	top:50%;
	margin-top:-26.5px;
}
.btnPrev {left:4px;}
.btnNext {right:4px;}
.questionBox .questionPage {
	position:absolute;
	bottom:-50px;
	left:0;
	width:100%;
	text-align:center
}
.questionBox .questionPage {display:inline-block;}
.questionBox .bx-viewport{overflow:visible !important}
.questionBox .questionPage a + a {margin-left:29px;}
.questionBox .questionPage a {
	display:inline-block;
	box-sizing:border-box;
	font-weight:bold;
	font-size:25px;
	color:#9d9d9d;
	width:39px;
	height:39px;
	line-height:43px;
	border-radius:39px;
	text-align:center;
	/*background:#ebebeb;*/
	vertical-align:middle;
}
.questionBox .questionPage a.active {
	color:#fff;
	background:#6e538e;
}
div#wrap.question.type2 .questionBox .questionPage a.active {background:#eaad44;}
.question .btnCheck {
	position:absolute;
	bottom:52px;
	right:59px;
}
/*--[e] 문제 은행 */

/* [s] table */
	/* .tbType04 */
.tbType04 {border-top:1px solid #c1c1c1; border-right:1px solid #c1c1c1}
.tbType04 thead th {font-weight:bold; padding:12px 10px; position:relative; background:#dbdbdb; color:#282828;}
.tbType04 td > span {font-size:20px}
.tbType04 th, .tbType04 td {
	text-align:center;
	font-size:16px;
	border-left:1px solid #c1c1c1;
	border-bottom:1px solid #c1c1c1;
	padding:16px 10px;
}
.tbType04 td.al {padding-left:55px;}
.tbType04.type2 td.al {padding-left:20px;}
.tbType04 tfoot th, .tbType04 tfoot td {font-weight:bold; background:#dbdbdb;}

	/* .tbType04.type2 */
.tbType04.type2 {border-top:1px solid #99c7da; border-right:1px solid #99c7da}
.tbType04.type2 th {
	border-left:1px solid #99c7da;
	background:#a7d4e8;
}
.tbType04.type2 th, .tbType04.type2 td {padding:12px 10px; border-bottom:1px solid #99c7da; border-left:1px solid #99c7da;}

	/* .tbType05 */
.tbType05 {margin-top:33px;}
.tbType05 th {background:#dcdcdc}
.tbType05 tr:first-child td {border-top:none}
.tbType05 th,
.tbType05 td {
	border:#b4b4b4 solid 1px;
	text-align:center;
	padding:3px 10px 0px;
	font-size:18px;
	color:#282828
}
.tbType05 td {padding:13px 10px 10px;}
.tbType05.type2 {margin-top:0}
.tbType05.type2 th {padding:10px 10px 7px;}
.tbType05.type2 td {text-align:left;}
.tbType05.type2 tr.on td {background:#f0f0f0}
div#wrap.leading.type2 .tbType05 th{padding-bottom:3px}
div#wrap.leading.type2 .tbType05 td{height:75px}

	/* .tbType06 */
.tbType06 {padding: 0 0px 45px 30px;}
.tbType06 tr:first-child td {border-top:none}
.tbType06 tr td:first-child{color: #dc5519;line-height:62px;}
.tbType06 tr td:first-child img{display:inline-block;padding-right:5px}
.tbType06 th,
.tbType06 td {
	border: #d3d3d3 solid 1px;
	font-size:18px;
	color:#282828;
}
.tbType06 th {background: url('../images/ai/tit_bar.png') 0 center no-repeat #2991a7;color:#fff;border:0;border-right: #2991a7 solid 1px;padding: 7px 10px 8px;}
.tbType06 th:first-child {background-image:none}
.tbType06 td {padding:5px 10px;background: #fff;}
/*--[e] table */

/* [s] btn */
.btnC {text-align:center; margin-top:50px}
.btnC a + a {margin-left:10px}
.btn {
	display:inline-block;
	padding:0 10px;
	min-width:92px;
	height:32px;
	line-height:32px;
	border-radius:32px;
	color:#fff;
	font-weight:800;
	font-family:'Nanum Square', sans-serif;
	text-align:center;
	font-size:18px;
	background:#54acc0;
}
.btnRed {background:#ea613d}
.btnO {background:#f79e48}
.btnBr {background:#a1674c}
.btnG {background:#969696}
.btnSb {background:#89b5d7;}
.btnSb2 {background:#73b2ce;}
.btnSb3 {background:#5aade1;}
.btnP {background:#9993e0;}
.btnP2 {background:#8645bd;}
.btnGr {background:#739145;}
.btnGr2 {background:#679379;}
.btnGr3 {background:#1ca2b3;}
/*--[e] btn */

/* [s] 마이룸 */
.avataBox {
	float:left;
	background:url('../images/myroom/bg_avata.png');
	width:266px;
	height:537px;
	box-sizing:border-box;
	padding:11px 19px 20px 16px;
	text-align:center;
}
.avataBox .name {
	background:#fff;
	padding:0 20px;
	text-align:center;
	height:30px;
	line-height:30px;
	border-radius:30px;
	min-width:147px;
	color:#505050;
	font-size:16px;
}
.avataBox .imgBox {
	margin-top:12px;
	border-radius:22px;
	overflow:hidden;
	width:231px;
	height:463px;
}
.timeBox {
	float:left;
	position:relative;
	background:url('../images/myroom/bg_cont01.png') no-repeat 0 0;
	width:473px;
	height:325px;
	margin-left:21px;
	box-sizing:border-box;
	padding:36px 41px 46px;
}
.timeBox .today {position:relative;}
.timeBox .today .btnStudy {margin-left:88px}
.timeBox .btnSetting {
	display:inline-block;
	position:absolute;
	top:13px;
	right:12px;
}
.timeBox .txtBox {
	border-top:1px solid #d2d2d2;
	border-bottom:1px solid #d2d2d2;
	padding:13px 6px 13px 33px;
	margin:6px 0;
}
.timeBox .txtBox > div {
	position:relative;
	background-color:#fec9bb !important;
	border-radius:15px;
	padding:27px 36px;
}
.timeBox .txtBox.fin > div {background:url('../images/myroom/img_mark01.png') no-repeat 265px center}
.timeBox .txtBox > div .t {
	position:absolute;
	top:50%;
	left:-26px;
	height:31px;
	line-height:31px;
	border-radius:31px;
	margin-top:-15.5px;
	color:#fff;
	text-align:center;
	background:#ac67e2;
	padding:0 10px;
}
.timeBox .tomorrow .txt {
	display:inline-block;
	width:160px;
	height:31px;
	line-height:31px;
	border-radius:31px;
	text-align:center;
	font-size:17px;
	background:#ebebeb;
	vertical-align:middle;
	margin-left:20px;
}
.menuList {
	float:left;
	border-top:1px solid #d8c9ae;
	margin:8px 0 0 23px;
	width:369px;
	height:309px;
}
.menuList > li {
	border-bottom:1px solid #d8c9ae;
	height:76px;
	line-height:76px;
	padding-left:57px;
	background:url('../images/myroom/bg_menu01.png') no-repeat 0 center;
}
.menuList > li:after {display:block; content:''; clear:both;}
.menuList > li > * {display:inline-block;}
.menuList > li .tit {
	color:#505050;
	font-size:17px;
	width:77px;
	line-height:76px;
	vertical-align:top;
}
.menuList > li .txt {
	width:135px;
	height:40px;
	line-height:40px;
	border-radius:40px;
	text-align:center;
	background:#fff;
	color:#282828;
	font-size:16px;
}
.menuList > li .txt strong {font-weight:normal}
.menuList > li .btn {margin-left:8px;}
.menuList > li.sec {background-image:url('../images/myroom/bg_menu02.png');}
.menuList > li.thi {background-image:url('../images/myroom/bg_menu03.png');}
.menuList > li.fou {background-image:url('../images/myroom/bg_menu04.png');}
.menuList > li.fir .txt {width:calc(100% - 77px)}
.menuList > li.thi .txt {font-size:18px;}
.menuList > li.thi .txt strong {font-size:24px;}
.menuList > li.fou li {float:left; margin-top:8px; text-align:center;}
.menuList > li.fou li + li {margin-left:18px;}
.menuList > li.fou li p {font-size:16px; line-height:25px; color:#282828;}
.menuList > li.fou li .txt {
	width:105px;
	height:33px;
	line-height:33px;
}
.menuList > li.fou li .txt strong {font-size:18px;}
.menuList2 {
	float:left;
	width:889px;
	height:166px;
	background:#b5cc90;
	margin:18px 0 0 -3px;
	border-radius:0 24px 24px 0;
	padding:8px 8px 8px 0;
}
.menuList2 > ul {background:#cde0b1; height:150px; border-radius:0 24px 24px 0; padding:11px 0 10px; box-sizing:border-box;}
.menuList2 > ul > li {
	float:left;
	width:16.66%;
	height:129px;
	padding:0 17px;
	text-align:center;
	box-sizing:border-box;
}
.menuList2 > ul > li + li {border-left:1px dashed #98bc60;}
.menuList2 > ul > li .tit {
	background:url('../images/myroom/bg_tit.png') no-repeat center 0;
	color:#40551f;
	font-size:16px;
	height:28px;
	padding-top:3px;
	text-align:center;
	margin-top:-11px;
}
.menuList2 > ul > li .icon {margin:14px 0 5px}
.menuList2 > ul > li .icon.type2 {margin-top:20px}
.menuList2 > ul > li .txt {
	display:inline-block;
	color:#282828;
	font-size:15px;
	vertical-align:middle;
	line-height:18px;
}
.menuList2 > ul > li .txt br {line-height:18px}
.menuList2 .select > a {
	height:32px;
	line-height:30px;
	border-radius:4px;
	background-image:url('../images/myroom/select.png');
	border:1px solid #b5cc90;
}
.menuList2 .select > a span, .menuList2 .select > div > ul > li > a  {line-height:30px;}
.menuList2 .select > div {
	top:31px;
	border:1px solid #b5cc90;
	border-radius:4px;
}
.menuList2 .select > div > ul > li a:hover,
.menuList2 .select > div > ul > li a.on {background:#b5cc90;}
	/* 학습 알림 신청 */
.subBox {background:#f6c4ad; color:#000; font-size:16px; padding:0 18px; height:50px; line-height:50px;}
.titTxt.type3 + div > .subBox {background:#b4d2c0;}
.titTxt.type5 + div > .subBox {background:#c4c1ea;}
.tbTypeAlarm {border-top:1px solid #c1c1c1; border-right:1px solid #c1c1c1;}
.tbTypeAlarm thead th {
	position:relative;
	background:#dbdbdb;
	padding:10px 0;
	text-align:center;
}
.tbTypeAlarm th, .tbTypeAlarm td {
	border-left:1px solid #c1c1c1;
	border-bottom:1px solid #c1c1c1;
	text-align:center;
	padding:13px 4px;
}
.setList {display:inline-block; margin:18px 0}
.setList > li {position:relative; float:left; padding:0 3px}
.setList > li:first-child:before {display:none;}
.setList > li:before {
	content:'';
	position:absolute;
	top:1px;
	left:0;
	width:1px;
	height:14px;
	background:#808080;
}
.setList > li.on > a {color:#ff692e}
.setList > li > a {text-align:center; color:#808080; font-size:16px; line-height:14px; vertical-align:top; letter-spacing:-0.5px}
.alarmBox .btnC {margin:0;	padding:20px 0;}
.alarmBox .select {display:inline-block; width:110px; text-align:center;}
.alarmBox .select.sizeS {width:70px !important}
.alarmBox .select > a {
	border:1px solid #d2d2d2;
	height:33px;
	line-height:31px;
	padding:0 36px 0 8px;
	background:url('../images/myroom/select2.png') right center no-repeat #fff;
	border-radius:0;
	color:#000;
	font-size:18px;
	box-sizing:border-box;
}
.alarmBox .select > div {
	display:none;
	position:absolute;
	top:33px;
	left:0;
	border:1px solid #d2d2d2;
	border-top:none;
	border-radius:0;
}
.alarmBox .select > div > ul > li > a {
	line-height:31px;
	color:#000;
	padding:0 7px;
	width:100%;
	border-radius:0;
	font-size:18px;
	font-weight:normal;
}
.alarmBox .select > div > ul > li a:hover, .alarmBox .select > div > ul > li a.on {background:#eee; border-radius:0}
	/*-- 학습 알림 신청 */
	/* 코칭 신청 */
.tipTxt {
	display:inline-block;
	background:url('../images/myroom/icon_tip.png') no-repeat 28px center #e2e7d8;
	color:#5595ae;
	font-size:16px;
	padding:0 20px 0 58px;
	height:39px;
	line-height:39px;
	border-radius:39px;
	margin:35px 45px 0;
}
.tipTxt.type2 {
	background-image:url('../images/myroom/icon_tip2.png');
	margin:0;
}
.boardView {position:relative;}
.boardView .boardConts:after {display:block; content:''; clear:both;}
.boardView.room3 .boardConts .txtBox {padding:26px 40px;}
.floatBox:after {display:block; clear:both; content:'';}
.floatBox .flBox {float:left}
.floatBox .frBox {float:right}
.floatBox.coaching {padding:58px 0 18px}
.floatBox.coaching > div * {color:#282828; font-size:18px;}
.floatBox.coaching > div > * {display:inline-block; line-height:34px; vertical-align:middle}
.floatBox.coaching > div > .sub {
	background:url('../images/myroom/blt01.png') no-repeat 0 15px;
	margin-right:6px;
	padding-left:8px
}
.btnList02 > li {float:left; margin-left:4px;}
.btnList02 > li > a, .floatBox.coaching .date  {
	display:inline-block;
	border-radius: 14px;
	color:#282828;
	padding:0 18px;
	line-height:35px;
	background:#b4d2c0;
	vertical-align:middle;
	text-align:center;
}
.btnList02.type2 > li > a {background:#dbdbdb}
.btnList02.type2 > li.on > a {background:#bbb7e9}
.searchDate {color:#bcbcbc}
.boardView  .calInput {
	border:1px solid #d0d0d0;
	background:url('../images/myroom/btn_cal.png') no-repeat right center;
	width:162px;
	height:41px;
	line-height:39px;
	padding:0 44px 0 10px
}
.questionBox2 {padding:0 15px !important;}
.questionBox2 .q1 {
	position:relative;
	padding:18px 15px 18px 75px;
}
.questionBox2 .q1 .icon {
	position:absolute;
	top:15px;
	left:0;
	display:inline-block;
	min-width:67px;
	height:34px;
	line-height:34px;
	padding:0 15px;
	text-align:center;
	border-radius:11px;
	background:#fca85c;
	font-size:16px;
}
.questionBox2 .q2 {border-top:1px solid #c1c1c1}
	/*-- 코칭 신청 */
	/* 학습일기 */
.diaryBox {padding:0 !important}
.diaryBox > div {padding:28px 57px 23px;}
.diaryBox .dateTxt {
	position:relative;
	width:365px;
	height:33px;
	text-align:center;
	margin:0 auto;
}
.diaryBox .dateTxt p {margin:0 8px; line-height:33px; color:#8e6337; font-size:24px; font-weight:800; font-family:'Nanum Square', sans-serif;}
.diaryBox .dateTxt p strong {
	display:inline-block;
	color:#282828;
	background:#e0d3bf;
	line-height:36px;
	border-radius:8px;
	padding:0 16px;
	font-size:16px;
	margin-right:13px;
}
.diaryBox .date_move {
	position:absolute;
	top:0;
	left:0;
}
.diaryBox .date_move.type2 {right:0; left:auto}
.checkList {margin:18px 0 0 -14px}
.checkList > li {
	float:left;
	width:10%;
	box-sizing:border-box;
	padding:13px 0 0 14px;
}
.checkList > li > span {
	position:relative;
	display:block;
	width:75px;
	height:75px;
	border-radius:100%;
	border:5px solid #ededed;
	box-sizing:border-box;
	background:#fff;
	color:#502715;
	font-size:16px;
	line-height:65px;
	text-align:center
}
.graphBox2 {position:relative; margin-top:24px; background:#ffc1b0; border-radius:10px; padding:18px 26px}
.graphBox2:after {display:block; clear:both; content:''}
.graphBox2 > .txt {
	text-align:left;
	color:#b34a2d;
	font-size:16px;
	padding:6px 3px;
}
.graphBox2 > .txt2 {
	position:absolute;
	top:15px;
	right:12px;
	padding:0 16px;
	line-height:40px;
	background:#7c5041;
	border-radius:11px;
	color:#fff;
	font-size:16px;
}
.graphBox2 .txtBox {
	position:relative;
	background:url('../images/myroom/room_point_bg.png') no-repeat center bottom;
	border-radius:0 0 15px 15px;
	text-align:center;
	width:749px;
	height:198px;
	margin:0 auto;
}
.graphBox2 .txtBox .graph {text-align:left}
.pointList {display:inline-block; margin-left:66px; width:calc(100% + 66px)}
.pointList > li {float:left;}
.pointList > li + li {margin-left:-102px;}
.graphBox2 .graphBox {
	width:100%;
	height:20px;
	position:relative;
	margin:3px auto 0;
	overflow:hidden;
}
.graphBox2 .graphBox:before {
    content:'';
    position:absolute;
    top:-8px;
    left:-3px;
    width:16px;
    height:28px;
    background:url('../images/myroom/room_point_bg2.png') no-repeat 0 0;
    background-size:auto 100% !important;
    z-index:1;
}
.graphBox2 .txtBox:after {
	content:'';
	position:absolute;
	bottom:-6px;
	left:0;
	width:100%;
	height:23px;
	background:url('../images/myroom/room_point_bg3.png') no-repeat 0 0;
	z-index:2;
}
.dayCheck {
	margin:16px 0 0 17px;
    width:100%;
    box-sizing:border-box;
    padding:0px 61px;
}
.dayCheck li {
	float:left;
    width:25%;
    text-align:center;
    color:#222;
    font-size:16px;
}
.graphBox img {position:absolute;}
	/*-- 학습일기 */

	/* 별포인트 */
.boardView.point > div {
	border-radius:35px 35px 0 0;
	background:url('../images/myroom/bg_point.png') no-repeat center 0 #fff ;
}
.pointState > div:first-child:after {display:block; content:''; clear:both}
.pointState > div:first-child .txtBox {
	float:left;
	height:53px;
	line-height:53px;
	box-sizing:border-box;
	background:url('../images/myroom/icon_point.png') no-repeat 11px center #fff;
	border-radius:16px;
	padding:0 11px 0 62px;
}
.pointState > div:first-child .txtBox > * {display:inline-block; line-height:53px; vertical-align:top}
.pointState > div:first-child .txtBox .pointResult {
	margin-left:12px;
	width:280px;
	height:40px;
	line-height:40px;
	border-radius:40px;
	background:#dbdbdb;
	text-align:center;
	vertical-align:baseline;
}
.pointState table {margin-top:25px; border-top:1px solid #77a5c3; border-right:1px solid #77a5c3;}
.pointState th {background:#89b4d6; color:#000;}
.pointState th, .pointState td {
	text-align:center;
	padding:14px 10px;
	font-size:16px;
	border-bottom:1px solid #77a5c3;
	border-left:1px solid #77a5c3;
}
.pointState td {background:#fff; color:#505050}
.btnList {float:right;}
.btnList > li {
	float:left;
	margin-left:10px;
}
.btnList > li > a {
	background:#5c8598;
}
.priveTxt {
	color:#282828;
	font-size:14px;
	line-height:22px;
}
.priveTxt br {line-height:22px}
.priveTxt .tit {
	font-size:16px;
	font-weight:bold;
}
.priveTxt .subTit {
	font-weight:bold;
	font-size:14px;
}
.faqList li + li {margin-top:16px}
.faqList li > a {
	display:block;
	height:48px;
	line-height:48px;
	font-size:16px;
	padding:0 70px 0 18px;
	font-weight:bold;
	background:url('../images/myroom/btn_faqopen.png') no-repeat  865px 9px #ededed;
}
.faqList li > a span.date {
	float:right;
	font-size:14px;
	line-height:48px;
}
.faqList li > div {display:none;}
.faqList li.on {
	border:3px solid #80c0d2;
	padding:0 14px;
}
.faqList li.on > a {
	line-height:45px;
	padding:0 30px 0 0;
	background:url('../images/myroom/btn_faqclose.png') no-repeat  879px 24px #fff;
}
.faqList li.on > div {
	display:block;
	border-top:1px solid #c1c1c1;
	padding:14px 0;
	font-size:16px
}
	/*-- 별포인트 */

	/* 중간메인 */
div#wrap.subMain{
	background:url('../images/subMain/subMain_bg.png') no-repeat;
}
.subMain .btnHome{
	right:25px;
	top:25px
}
.subjectIcon{
	position:absolute;
	left:58px;
	top:29px;
}
div#wrap.subMain .total .subjectIcon{
	right:71px;
	top:33px;
	left:auto;
	background:url('../images/subMain/icon_total.png') no-repeat;
	width:206px;
	height:207px;
}
div#wrap.subMain .sc .subjectIcon{
	background:url('../images/subMain/icon_sc.png') no-repeat;
	width:206px;
	height:207px;
}
div#wrap.subMain .kor .subjectIcon{
	background:url('../images/subMain/icon_kor.png') no-repeat;
	width:156px;
	height:201px;
	left:66px;
	top:35px;
}
div#wrap.subMain .best .subjectIcon{
	background:url('../images/subMain/icon_best.png') no-repeat;
	width:174px;
	height:202px;
	left:42px;
	top:34px;
}
div#wrap.subMain .dicSnow .subjectIcon{
	background:url('../images/subMain/icon_dicSnow.png') no-repeat;
	width:180px;
	height:231px;
	left:52px;
	top:5px;
}
div#wrap.subMain .dicThunder .subjectIcon{
	background:url('../images/subMain/icon_dicThunder.png') no-repeat;
	width:159px;
	height:187px;
	left:70px;
	top:49px;
}
div#wrap.subMain .sour .subjectIcon{
	background:url('../images/subMain/icon_sour.png') no-repeat;
	width:175px;
	height:218px;
	left:63px;
	top:18px;
}
div#wrap.subMain .map .subjectIcon{
	background:url('../images/subMain/icon_map.png') no-repeat;
	width:157px;
	height:189px;
	left:90px;
	top:47px;
}
div#wrap.subMain .history .subjectIcon{
	background:url('../images/subMain/icon_history.png') no-repeat;
	width:166px;
	height:207px;
	left:92px;
	top:29px;
}
div#wrap.subMain .doctorIcon{
	position:absolute;
	right:124px;
	top:91px;
	background:url('../images/subMain/icon_doctor.png') no-repeat;
	width:91px;
	height:157px;
}
div#wrap.subMain .total .doctorIcon{
	left:120px;
	top:71px;
	right:auto;
}
div#wrap.subMain .total .title{
	left:auto;
	right:283px;
	top:62px;
}
div#wrap.subMain .title{
	background:url('../images/subMain/title_bg.png') no-repeat;
	height:44px;
	top:62px;
	left:234px;
	position:absolute;
	color:#ffffff;
	letter-spacing:-2px;
	font-size:22px;
	line-height:42px;
	padding:0 50px 0 22px;
}
div#wrap.subMain .title:after{
	background:url('../images/subMain/title_R.png') no-repeat;
	content:'';
	display:block;
	width:39px;
	height:44px;
	position:absolute;
	right:0px;
	top:0px;
}
.subMainList{
	position:absolute;
	left:65px;
	top:231px;
	width:1160px;
	height:490px;
	overflow-y:scroll
}
div#wrap.subMain .total .subMainList {top:231px}
.subMainList li{
	float:left;
	width:275px;
	height:236px;
	display:table;
	position:relative;
	background:url('../images/subMain/box_bg.png') 0 40px no-repeat;
	margin:7px 7px 0 7px
}
.subMainList li:after{
	content:'';
	display:block;
	width:76px;
	height:72px;
	position:absolute;
	left:30px;
	top:0px;
}
.subMainList li p{
	position:absolute;
	left:24px;
	top:72px;
	display:table-row;
}
div#wrap.subMain .total .subMainList li p{top:63px}
/* 2019.07.19. 한줄로 수정 */
.subMainList li p span{
	display:table-cell;
	text-align:center;
	font-size:17px;
	width:224px;
	padding:0 10px;
	height:45px;
	line-height:120%;
	color:#000000;
	vertical-align:middle
}
.subMainList li div{
	position:absolute;
	left:105px;
	top:148px;
}
.subMainList li div a{
	display:block;
	background:url('../images/subMain/btn_go.png') no-repeat;
	width:64px;
	height:64px;
	font-size:0
}
div#wrap.subMain .total .subMainList li div{top:141px;}
div#wrap.subMain .total .subMainList li div a{background:url('../images/subMain/btn_goTotal.png') no-repeat;}
div#wrap.subMain .total .subMainList li{background:url('../images/subMain/box_total.png') 0 30px no-repeat;}
div#wrap.subMain .total .subMainList li:after{background:url('../images/subMain/boxIcon_total.png') no-repeat;top:6px}
div#wrap.subMain .sc .subMainList li:after{background:url('../images/subMain/boxIcon_sc.png') no-repeat;top:6px;top:16px;}
div#wrap.subMain .kor .subMainList li:after{background:url('../images/subMain/boxIcon_kor.png') no-repeat;width:84px;height:62px;left:26px;top:10px}
div#wrap.subMain .best .subMainList li:after{background:url('../images/subMain/boxIcon_best.png') no-repeat;width:79px;height:70px;left:40px;top:2px;}
div#wrap.subMain .dicSnow .subMainList li:after{background:url('../images/subMain/boxIcon_dicSnow.png') no-repeat;left:32px;width:69px;height:72px}
div#wrap.subMain .dicThunder .subMainList li:after{background:url('../images/subMain/boxIcon_dicThunder.png') no-repeat;width:49px;height:57px;left:49px;top:15px;}
div#wrap.subMain .sour .subMainList li:after{background:url('../images/subMain/boxIcon_sour.png') no-repeat;width:50px;height:66px;top:6px;left:43px}
div#wrap.subMain .map .subMainList li:after{background:url('../images/subMain/boxIcon_map.png') no-repeat;width:71px;height:57px;left:34px;top:15px}
div#wrap.subMain .history .subMainList li:after{background:url('../images/subMain/boxIcon_history.png') no-repeat;width:63px;height:61px;left:37px;top:11px;}
	/*-- 중간메인 */
	/* 리딩 리포트 */
.subjectBlt2 {
	position:relative;
	display:inline-block;
	background:url('../images/content/subject_bg.png') repeat-x;
	padding:2px 30px 0 0;
	text-align: left;
	margin:0 0 36px 81px;
	color:#fff;
	min-width:126px;
	line-height:42px;
	font-weight:bold
}
.subjectBlt2:after {
	content:'';
	display:block;
	background:url('../images/content/subjectR.png') no-repeat;
	width:21px;
	height:42px;
	position:absolute;
	right:0;
	top:0;
}
.statBar {
	float:left;
	width:905px;
	height:50px;
	background:url('../images/content/statBarBg.png') no-repeat;
	position:relative
}
.statBar ul {
	width:900px;
}
.statBar ul li {
	float:left;
	line-height:42px;
	color:#816c47;
	font-size:16px;
	padding:18px 0 0 12px;
}
.statBar.cnt12 ul li {width:8.333333333%;}
.statBar ul.num {
	position:absolute;
	left:0;
	top:0;
	z-index:7;
}
.statBar ul.num li.on{
	background:url('../images/content/stat_on.png') 6px 3px no-repeat;
}
.statBar ul.num li:nth-child(4).on{background-position:7px 3px}
.statBar ul.num li:nth-child(5).on{background-position:7px 3px}
.statBar ul.num li:nth-child(6).on{background-position:7px 3px}
.statBar ul.num li:nth-child(7).on{background-position:7px 3px}
.statBar ul.num li:nth-child(8).on{background-position:7px 3px}
.statBar ul.num li:nth-child(9).on{background-position:7px 3px}
.statBar ul.num li:nth-child(10).on{background-position:8px 3px}
.statBar ul.num li:nth-child(11).on{background-position:8px 3px}
.statBar ul.num li:nth-child(12).on{background-position:9px 3px}
.statView {
	float:right;
	background:#fff;
	border-radius:28px;
	height:56px;
	padding-top:18px;
	width: 205px; /* 2020.03.13. 에듀랩 전민우, 권수 세자리수로 인한 스타일 오류 정정 */
	text-align:center;
	margin:-12px 0 0 0;
	color:#616161;
	font-size:22px;
}
.statView strong:first-child{
	color:#616161
}
.statView strong{
	font-size:26px;
	color:#ffaa14
}
	/*-- 리딩 리포트 */

	/* 딥타운 */
.deepMain {
	padding:0 0 0 16px
}
.deepMain > div {
	margin:16px 0 0 16px;
}
/*-- 별별게임 */

/* 새소식 */
.boardList {
	border-top:1px solid #d2d2d2;
	text-align:left;
}
.boardList > li {padding:5px 9px; height:67px; box-sizing:border-box; border-bottom:1px solid #d2d2d2;}
.boardList > li > a {color:#282828;display:block;height:55px;line-height:30px;}
.boardList > li > span {color:#787878;text-align:right;display:block;margin-top:-22px;}
.boardBtnList {margin:11px 0 0 -16px}
.boardBtnList > li {float:left;	margin:21px 0 0 16px;}
.boardBtnList > li > a {display:block}
/*-- 새소식 */

/* 상장 */
.certiList {display:inline-block}
.certiList > li {
	float:left;
	padding:0 20px;
}
.certiList > li a {display:inline-block}
/*-- 상장 */

	/*-- 딥타운 */

/* 2019-03-22 AI 튜터 */
.tutorLayer {
	position:absolute;
	z-index:101;
	top:81.5px !important;
	left:50%;
	width:738px;
	height:635px;
	margin-left:-369px;
	background:url('../images/ai/box.png') no-repeat;
	display: none;
}
.tutorLayer.type2 {
	background:url('../images/ai/box2.png') no-repeat;
}
.tutorLayer > div {padding:47px 75px 0 43px;}
.tutorLayer > div.type2 {padding:65px 85px 0 100px;}
.tutorLayer > div.type2 * {color:#282828;font-size:18px}
.tutorLayer .title{height:120px;}
.tutorLayer .ac{
	position:absolute;
	bottom:35px;
	width:100%;
	padding-right:51px
}
.bubble + .ac{padding-right:95px;}
.bubble{
	position:absolute;
	right:35px;
	bottom:41px;
	font-size:18px;
	color:#131313;
	line-height:27px;
	background:url('../images/ai/bubble_01.png') no-repeat;
	width:369px;
	height:421px;
	padding: 37px 64px 0 38px;
}
.bubble:after{
	content:'';
	display:block;
	background:url('../images/ai/tutor_01.png') no-repeat;
	position:absolute;
	right:0;
	bottom:0;
	width:178px;
	height:245px;
}
.bubble.review{background:url('../images/ai/bubble_review.png') no-repeat;height:351px}
.bubble.cctv{background:url('../images/ai/bubble_review.png') no-repeat;height: 370px;padding:37px 64px 0 30px;}
.bubble.goal{background:url('../images/ai/bubble_goal.png') 0 5px no-repeat;width:635px;height:305px;padding:45px 220px 0 40px;bottom:37px;right:22px}
.bubble.goal:after{background:url('../images/ai/tutor_goal.png') no-repeat;width:171px;height:305px;}
.bubble.pattern{background:url('../images/ai/bubble_pattern.png') 0 5px no-repeat;width:454px;height:421px;padding: 35px 40px 0 30px;bottom: 45px;right:22px;}
.bubble.pattern:after{background:url('../images/ai/tutor_pattern01.png') no-repeat;width:177px;height:246px;}
.bubble.pattern.type2:after{background:url('../images/ai/tutor_pattern02.png') no-repeat;width:179px;height:257px;}
.bubble.pattern.type3:after{background:url('../images/ai/tutor_pattern03.png') no-repeat;width:176px;height:243px;}
.bubble.cctv:after{background:url('../images/ai/tutor_cctv.png') no-repeat;width:174px;height:253px;}
.bubble.pattern.warning1,
.bubble.pattern.warning2,
.bubble.pattern.warning3{padding:55px 40px 0 50px}
.bubble.pattern.warning1:after{background:url('../images/ai/tutor_warning01.png') no-repeat;width:169px;height:241px;}
.bubble.pattern.warning2:after{background:url('../images/ai/tutor_warning02.png') no-repeat;width:171px;height:246px;}
.bubble.pattern.warning3:after{background:url('../images/ai/tutor_warning03.png') no-repeat;width:190px;height:246px;}
.bubble.warning1:before{background:url('../images/ai/warning1.png') no-repeat;}
.bubble.warning2:before{background:url('../images/ai/warning2.png') no-repeat;}
.bubble.warning3:before{background:url('../images/ai/warning3.png') no-repeat;}
.bubble.warning1:before,
.bubble.warning2:before,
.bubble.warning3:before{
	content:'';
	display:block;
	position:absolute;
	right:80px;
	top:25px;
	width:83px;
	height:80px;
}
.bubble.cctv.warning1:before,
.bubble.cctv.warning2:before,
.bubble.cctv.warning3:before{
	right: 57px;
	top: 27px;
}
.tutorLayer > div p strong{font-weight:normal;color:#26abe2;font-size:18px}
.tutorLayer .close{
	position:absolute;
	top: -1px;
	right: 5px;
}
.goalSel:after{clear:both;content:'';display:block}
.goalSel div{float:left;padding-left: 35px;}
.goalSel div:nth-child(1){padding-left: 50px;}
.goalSel div input {
	position:absolute;
	top:-9999px;
	left:-9999px;
	width:161px;
	height:133px;
	border:0;
	border-radius:0;
	background:0 0;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
}
.goalSel div label {
	width:161px;
	height:133px;
	font-size:0;
	background:url('../images/ai/radio_01.png') no-repeat 0 0;
	display:inline-block;
	cursor:pointer;
}
.goalSel div:nth-child(2) label {background:url('../images/ai/radio_02.png') no-repeat 0 0;}
.goalSel div:nth-child(3) label {background:url('../images/ai/radio_03.png') no-repeat 0 0;}
.goalSel div:nth-child(1) input:checked + label {background:url('../images/ai/radio_01on.png') no-repeat 0 0 !important;}
.goalSel div:nth-child(2) input:checked + label {background:url('../images/ai/radio_02on.png') no-repeat 0 0 !important;}
.goalSel div:nth-child(3) input:checked + label {background:url('../images/ai/radio_03on.png') no-repeat 0 0 !important;}

.tutorLayer.type2 p{
	text-align:center;
	padding-top:85px;
	font-size:18px;
	color:#282828;
	font-weight:bold;
	width:104%
}

.tbType06 div.graph{
	background:#e6e6e6;
	width:225px;
	height:24px;
	border-radius:12px;
	margin-left:7px;
	vertical-align:middle;
	text-align:left;
	display:inline-block
}
.tbType06 tr div.graph span{
	background:#34b3e8;
	height:24px;
	border-radius:12px;
	display:inline-block;
}
.tbType06 tr:nth-child(2) div.graph span{background:#ffc936}
.tbType06 tr:nth-child(3) div.graph span{background:#a07cc0}

.tutorLayer .img{margin:10px 0 0 18px;float:left;width:225px;}
.tutorLayer .qna, .tutorLayer .hint{
	float:left;
	width:377px;
	margin-top:10px;
}
.tutorLayer .qna p{
	background:url('../images/ai/icon_q.png') no-repeat;
	padding:10px 0 0 70px;
	word-break:keep-all;
	font-size:18px;
	color:#282828;
	line-height:24px;
	min-height:180px;
}
.tutorLayer .hint p{
	padding:0px 0 0 77px;
	word-break:keep-all;
	font-size:18px;
	color:#282828;
	line-height: 33px;
	text-indent:-70px;
	min-height:180px;
	display:block;
}
.tutorLayer .hint.type2 p{
	background: url('../images/ai/line.png') 80px 32px no-repeat;
}
.tutorLayer .hint p strong{color:#eb5300}
.tutorLayer .hint p span{
	display:inline-block;
	padding-left:70px;
	width: 68px;
	height:28px;
	border-radius:14px;
	background:#63b12a;
	line-height:28px;
	margin: -5px 8px 0 -8px;
	color:#fff;
	text-align:center;
}
.inputArea{
	padding:10px 0 0 0px;
}
.inputArea a{
	display:inline-block;
	float:left;
	width:47px;
	height:47px;
}
.inputArea input[type='text'] {
	width:323px;
	height:43px;
	float:right;
	margin-top:3px;
	background:#dedbcd;
	color:#282828;
	padding:0 25px;
	line-height:43px;
	border-radius:21px;
}
.inputArea input[type='text']::-webkit-input-placeholder {color:#282828;}

.radioList{margin-top: 20px;}
.radioList li{padding: 7px 15px 7px 0;}
.radioList.type2{text-align:center;padding:50px 0 0px}
.radioList.type2 li{display:inline-block;width:35%}
.radioList li input {
	position:absolute;
	top:-9999px;
	left:-9999px;
	width:27px;
	height:27px;
	border:0;
	border-radius:0;
	background:0 0;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
}
.radioList li label {
	width:auto;
	height:27px;
	background:url('../images/ai/radio.png') no-repeat 0 0;
	display:inline-block;
	padding:2px 0 0 45px;
	cursor:pointer;
}
.radioList li input:checked + label {background:url('../images/ai/radio_on.png') no-repeat 0 0 !important;}

/* 네트워크 에러 */
.error {
	background:url('../images/error/error_bg.png') no-repeat;
	width:1280px;
	height:800px;
	display:table
}
.error > div{
	background:url('../images/error/icon_error.png') center 247px no-repeat;
	display:table-cell;
	vertical-align:middle;
	text-align:center
}
.error p:first-child{
	font-size:22px;
	padding-top:130px;
}
.error p{
	color:#fff;
	padding-bottom:15px;
	font-size:18px
}
.error > div > div{margin-top:40px}


.chattingBox2 .chattingBox {
	display:block;
	position:static;
	width:auto;
	height:auto;
	text-indent:0px;
}
.chattingBox2 .chattingBox li.send > div {
	background:#eeeeee;
	font-size:16px;
}
.chattingBox2 .chattingBox li div{
	border-radius:22px 12px 22px 22px;
	padding:17px 28px
}
.chattingBox2 .chattingBox li.send > div:after{
	background:url('../images/dibot/bg_talk03.png') no-repeat 0 0
}
.chattingBox2 .chattingBox li{margin-top:0;margin-bottom:20px}