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

div#wrap.login1 {background: url('../images/common/find_id_bg.png') 0 0 #00adee; background-size:100% auto;}
/* by miyoung 2021-03-03 아이디 찾기 배경화면 */

/* [s] btnBox */
.btnR > a + a, .btnC > a + a, .btnL > a + a {margin-left:5px}
.btnR a, .btnC a, .btnL a {display:inline-block}
.btnR {margin-top:18px; text-align:right !important;}
.btnR.type2 {margin:0 0 13px;}
.btnC {margin-top:25px; text-align:center !important;}
.fixBtn {width:100%}
.loading_bar{
	position: absolute; 
	left: 0px; 
	top: 0px;
	width: 1280px;
	height : 800px;
	z-index : 9000;
	background: url(/appv2/resources/images/common/loading_bg.gif) no-repeat; 
}
.fixBtn a {
	position:fixed;
	left:50%;
	bottom:70px;
	text-align:center;
	margin-left:-119.5px;
}
.btnC.type2 {margin:0; padding-top:45px; clear:both;}

/*--[e] btnBox */

/* [s] btn */
.btn {
	display:inline-block;
	height:46px;
	line-height:46px;
	padding:0 25px;
	color:#fff;
	background:#505050;
	border-radius:23px;
	font-family:'Nanum Square', sans-serif;
	font-weight:bold;
	font-size:20px;
}
.btnZip {
	display:inline-block;
	width:114px;
	height:30px;
	line-height:30px;
	text-align:center;
	background:#939393;
	color:#fff;
	font-size:15px;
	border-radius:4px
}
/*--[e] btn */

/* [s] blt */
.bltLogin {
	background:url('../images/blt/login_find.png') no-repeat 0 11px;
	color:#fff;
	font-weight:bold;
	padding-left:10px;
	margin-left:27px;
}
/*--[e] blt */

/* [s] table */
/* .tbType01 */
.tbType01 {border-top:2px solid #918c83}
.tbType01 th, .tbType01 td {
	border-bottom:1px solid #918c83;
	border-left:1px solid #918c83;
	padding:10px 25px;
	text-align:left;
	vertical-align:top;
}
.tbType01 th:first-child {border-left:none}
.tbType01 td input, .tbType01 td .select {vertical-align:top; border:1px solid #918c83; height:30px; line-height:28px; padding:0 10px;}
.tbType01.type3 td span.checkBox, .tbType01.type3 td span.radio {position:relative; line-height:37px; margin-top:3px}
.tbType01 td input[type="checkbox"] {
	position:absolute;
	top:-9999px;
	left:-9999px;
	width:32px;
	height:37px;
	border:0;
	border-radius:0;
	background:0 0;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
}
.tbType01 td input[type="checkbox"] + label {
	font-size:18px;
	padding-left:30px;
	background:url('../images/common/checkbox.png') no-repeat 0 center;
	display:inline-block;
	height:30px;
	line-height:30px;
	cursor:pointer;
}
.tbType01 td input[type="checkbox"] + label img {margin-right:10px}
.tbType01 td input:checked + label {background:url('../images/common/checkbox_on.png') no-repeat 0 center;}
.tbType01 td .select {padding:0}
.tbType01 td .select > a {border-radius:0; padding:0 36px 0 10px; height:28px; line-height:28px; background:url('../images/common/join_select.png') no-repeat right 0;}
.tbType01 td .select > a span {font-size:18px; padding:0; background:none; line-height:28px; color:#505050; font-weight:normal}
.tbType01 td .select > div {border:1px solid #918c83; width:101.5%; top:28px; left:-1px; border-radius:0;}
.tbType01 td .select > div > ul > li > a {
	line-height:29px;
	color:#505050;
	border-radius:0;
	font-size:18px;
	font-weight:normal;
	text-align:center;
}
.tbType01 td .select > div > ul > li a:hover,
.tbType01 td .select > div > ul > li a.on {background:#85afbf;}

/* .tbType01.type2 */
.tbType01.type2 tr:first-child td {padding:10px 25px;}
.tbType01.type2 td {padding:6px 20px;}

/* .tbType01.type3 */
.tbType01.type3 th {padding:8px 20px 8px 35px;vertical-align:middle}
.tbType01.type3 td {padding:0 20px 6px 10px;}
.tbType01.type3 td span {display:inline-block; line-height:30px}
.tbType01.type3 td > * {margin:6px 0 0 10px}

/* .tbType01.type4 */
.tbType01.type4 th, .tbType01.type4 td {padding:8px 15px;}

/* .tbType02 */
.tbType02.news {background:#fff; height:100%; overflow-y:scroll}
.tbType02.type2.news  {height:544px;}
.tbType02 th {position:relative; background:#065ca4; color:#fff; font-weight:bold;}
.tbType02 th:first-child:before, .tbType02 th.nbsp:before {display:none}
.tbType02 th:before {
	content:'';
	position:absolute;
	top:50%;
	left:0;
	margin-top:-9.5px;
	display:inline-block;
	width:1px;
	height:19px;
	background:#d2d2d2;
}
.tbType02 td:first-child, .tbType02 td.iconTd {padding:4px 10px !important;}
.tbType02 th,
.tbType02 td {
	text-align:center;
	padding:19px 10px;
	font-size:20px;
}
.tbType02 td.al {padding:19px 35px;}
.tbType02 td, .tbType02.type2 th {color:#282828; border-bottom:1px solid #d2d2d2}
.tbType02 td a {color:#282828; font-size:20px;}
.tbType02.type2 th {background:#fff;}
.tbType02 tr.notice {background:#ebffda;}
.tbType02 tr.notice2 {background:#fff9ed;}
.tbType02.type2 th, .tbType02.type2 td {padding:17px 10px;}

/* .tbType03 */
.tbType03 {border-top: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2;}
.tbType03 th {
	padding:9px 3px;
	font-size:20px;
	text-align: center;
	background: #f3e3c1;
}
.tbType03 th, .tbType03 td {border-bottom:1px solid #d2d2d2;border-left: 1px solid #d2d2d2;}
.tbType03 td {padding:14px 10px; font-size:16px}
.tbType03 td.al {padding:14px 15px;}
.tbType03.month td {padding:0;}
.tbType03.month td > div {
	height:128px;
	text-align: right;
	font-size:20px;
	padding:10px 10px 10px 5px;
}
.tbType03.month td > div > ul {margin:-12px 0 0 -5px}
.tbType03.month td > div > ul > li {float:left; padding:5px 0 0 3px;}
.tbType03.month td > div > ul > li:nth-child(3) {clear: both;}
.tbType03.month td > div > ul > li > a {display:block;}

/* .tbType04 */
.tbType04 {border-top:1px solid #d2d2d2}
.tbType04 thead th {font-weight:bold; padding:18px 10px; position:relative; background:#f3f3f3; color:#282828;}
.tbType04 thead th:first-child:before {display:none}
.tbType04 thead th:before {
	content:'';
	position:absolute;
	top:50%;
	left:0;
	margin-top:-9.5px;
	display:inline-block;
	width:1px;
	height:19px;
	background:#d2d2d2;
}
.tbType04 td > span {font-size:20px}
.tbType04 th, .tbType04 td {
	text-align:center;
	font-size:20px;
	border-bottom:1px solid #d2d2d2;
}
.tbType04 td {border-left:1px solid #d2d2d2; padding:16px 10px;}
.tbType04 td[rowspan] {border-left:none}
.tbType04 td.al {padding-left:55px;}
.tbType04.type2 td.al {padding-left:20px;}
.tbType04 tfoot th, .tbType04 tfoot td {font-weight: bold; background: #ededed; border-left:none}

/* .tbType04.type2 */
.tbType04.type2 {border-right:1px solid #d2d2d2;}
.tbType04.type2 th {
	border-left:1px solid #d2d2d2;
	background: #eee;
}
.tbType04.type2 th, .tbType04.type2 td {color:#505050; padding:15px 10px}

/* .tbType04.type3 */
.tbType04.type3 td {padding:40px 10px;}

/* .tbType05 */
.tbType05 {margin-top:33px;}
.tbType05 th {background:#bce4e5}
.tbType05 tr:first-child td {border-top:none}
.tbType05 th,
.tbType05 td {
	border:#9bd7d5 solid 1px;
	text-align:center;
	padding:3px 10px 0px;
	font-size:16px;
}
.tbType05 td {
	padding:13px 10px 10px;
}
.tbType05.type2{margin-top:0}
.tbType05.type2 th {
	font-size:20px;
	padding:10px 10px 7px;
}
.tbType05.type2 tr.on td {
	background:#f0f0f0
}

/*--[e] table */

/* [s] txtStyle */
.tipTxt {position:absolute; bottom:55px; text-align:center; width:100%;}
.tipTxt.type2 {bottom:30px}
.tipTxt.type3 {position:static; margin-top:125px}
.tipTxt span {
	text-align:left;
	display:inline-block;
	color:#002d5a;
	font-weight:bold;
	font-size:18px;
	background:url('../images/blt/login_tip.png') no-repeat 0 0;
	padding-left:44px;
	line-height:30px;
}
.tipTxt2 {
	line-height: 65px;
	padding:0 65px;
	text-align: left;
	color:#6c4290;
	background: url('../images/icon/room_tip02.png') no-repeat 20px center;
}
.tipTxt2.type2 {color:#5f5f5f; background: url('../images/icon/room_tip.png') no-repeat 20px center;}
.tipTxt2.type3 {padding-left:52px; line-height:37px; color:#282828; background: url('../images/icon/room_tip03.png') no-repeat 0 center;}
.pointTxt2 {border-radius:20px; letter-spacing:1px; background:#80dcf6; padding:0 18px; line-height:43px; color:#282828; font-size:20px;}
.pointTxt3 {display:inline-block; color:#fff; font-size:30px; vertical-align:middle;}
/*--[e] txtStyle */

/* [s] page */
.page {text-align:center; margin:45px 0 60px;}
.page * {vertical-align:top; display:inline-block;}
.page ul {margin:0 16px;}
.page li a:hover, .page li.on a {color:#ff6a4c;}
.page li a {
	padding:0 4px;
	margin:0 4px;
	height:25px;
	text-align:center;
	line-height:25px;
}
/*--[e] page */

/* [s] login */
.loginBox {margin:45px auto 0; width:478px;} /* 200319 수정 */
.loginBox.type2 {margin-top:30px}
.loginBox:after {display:block; content:''; clear:both}
.loginBox ul li:first-child {margin-top:0}
.loginBox ul li {margin-top:20px}
.loginBox.type2 ul li {margin-top:14px}
.loginBox ul input {
	height:60px;
	line-height:69px;
	border:none;
	border-radius:33px;
	text-align:left;
	padding:0 10px 0 35px;
	font-size:20px;
}
.loginBox.type2 ul input {
	height:60px;
	line-height:69px;
	border:none;
	border-radius:33px;
	text-align:left;
	padding:0 10px 0 35px;
	font-size:20px;
}
.loginBox li.find_id input,
.loginBox li.find_pw input,
.loginBox li.find_pa input {padding:0 10px 0 73px;}
.loginBox li.find_phone {position:relative;}
.loginBox li.find_phone a.btn.confirm {
	position:absolute;
	top:50%;
	right:14px;
	margin-top:-23px;
}

.loginBox li input::-webkit-input-placeholder{
	color: #707070;
	font-size: 19px;
}

.loginBox.type2 li input::-webkit-input-placeholder{
	color: #707070;
	font-size: 19px;
}
.loginBox li.find_id input {background:url('../images/icon/login_id.svg') no-repeat 25px center #fff;}
.loginBox li.find_pw input {background:url('../images/icon/login_pw.png') no-repeat 25px center #fff;}
.loginBox li.find_pa input {background:url('../images/icon/login_pa.svg') no-repeat 25px center #fff;}
.loginBox > p {position:relative; margin-top:22px;} /* 200319 수정 */
.loginBox > p input {
	position:absolute;
	top:-9999px;
	left:-9999px;
	width:28px;
	height:28px;
	border:0;
	border-radius:0;
	background:0 0;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
}
.loginBox > p label {
	color:#fff;
	font-weight:bold;
	font-size:18px;
	padding-left:35px;
	background:url('../images/common/login_checkbox.png') no-repeat 0 0;
	display:inline-block;
	line-height:28px;
	cursor:pointer;
}
.loginBox > p input:checked + label {background:url('../images/common/login_checkbox_on.png') no-repeat 0 0;}
.btnList > li {float:left; padding:0 3px; text-align:center;}
.btnList.login {width:478px; margin:20px auto 0}
.btnList.login > li {width:33.33%}
.btnList.login > li > a, .btnFindPw {
	display:inline-block;
	width:100%;
	background-color:rgba(0, 0, 0, 0.5); /* 200319 수정 */
	border-radius:25px;
	font-size:19px;
}
.btnList.login > li > a:hover, .btnList.login > li > a.on {background:#b6ebff;}
.btnFindPw {width:155px; background:#004076;}
.btnList.login > li > a > span, .btnFindPw > span {
	font-family:'Nanum Square', sans-serif;
	display:inline-block;
	height:50px;
	line-height:50px;
	color:#fff;
	font-size:17px;
	font-weight:bold;
	padding-left:25px;
	background:url('../images/btn/login_find_id.png') no-repeat 0 center;
}
.btnList.login > li.find_pw > a > span {background:url('../images/btn/login_find_pw.png') no-repeat 0 center;}
.btnList.login > li.join > a > span {background:url('../images/btn/login_join.png') no-repeat 0 center;}
.btnList.login > li > a:hover > span, .btnList.login > li > a.on > span {background:url('../images/btn/login_find_id_hover.png') no-repeat 0 center; color:#63b8d8}
.btnList.login > li.find_pw > a:hover > span, .btnList.find_pw > li > a.on > span {background:url('../images/btn/login_find_pw_hover.png') no-repeat 0 center;}
.btnList.login > li.join > a:hover > span, .btnList.join > li > a.on > span {background:url('../images/btn/login_join_hover.png') no-repeat 0 center;}

.btnFindPw > span {height:45px; line-height:45px; background:url('../images/btn/login_find.png') no-repeat 0 center;}

.selectBox {margin-top:105px;}
.select {display:inline-block; width:100%; position:relative;}
.find_id .select > a {
	height:60px;
	line-height:60px;
}
.find_id .select > a span {
	line-height:60px;
}
.find_id .select > div {
	top:60px;
}
.select > a {
	display:block;
	width:100%;
	height:69px;
	line-height:69px;
	padding:0 70px 0 30px;
	background:url('../images/common/login_select.png') right center no-repeat #fff;
	border-radius:30px;
	text-align:center;
}
.select > a span {
	display:block;
	width:100%;
	line-height:69px;
	background:url('../images/icon/login_select.png') 0 center no-repeat #fff;
	padding-left:50px;
	color:#187da2;
	font-size:24px;
	font-weight:bold;
}
.select > div {
	display:none;
	position:absolute;
	top:69px;
	/*max-height:160px;
	overflow-y:scroll;*/
	width:100%;
	background-color:#fff;
	border-radius:30px;
	z-index:9;
}
.select > div > ul > li {margin:0 !important}
.select > div > ul > li > a {
	display:block;
	line-height:69px;
	color:gray;
	padding:0 7px;
	width:100%;
	border-radius:30px;
	font-size:24px;
	font-weight:bold;
}
.select > div > ul > li a:hover, .select > div > ul > li a.on {background:#aadef1;}

/* [s] alert */
.alert {
	/*display:none;*/
	position:absolute;
	width:580px;
	top:328px;
	left:65%;
	z-index:99;
	margin-left:-290px;
	border-radius:47px;
	background:#fff;
	text-align:center;
}
.alert > div {position:relative; padding:68px 64px 54px;}
.alert > div.alertbox {position:relative; padding:68px 40px 54px;}
.alert > div > div {font-size:24px; line-height:38px}
.alert .close {position:absolute; top:30px; right:34px;}
/*--[e] alert */
/*--[e] login */

/* [s] join */
.joinBox {
	border-radius:46px;
	background:#fff;
}
.joinBox.type2 {margin-top:40px}
.joinBox .headBox {
	background:#917864;
	padding-left:180px;
	position:relative;
	height:76px;
	border-radius:46px 46px 0 0;
	text-align:left;
	vertical-align:middle;
}
.joinBox .headBox p {
	/*font-family:'Nanum Square', sans-serif;
	font-size:27px;
	font-weight:bold;*/
	line-height:76px;
}
.joinBox .headBox:before {
	content:'';
	display:inline-block;
	width:135px;
	height:83px;
	position:absolute;
	top:-7px;
	left:37px;
	background:url('../images/common/join_head_bg.png') no-repeat 0 0;
}
.joinBox .contBox {padding:27px 96px 63px}
.joinBox.type2 .contBox {padding:45px 45px 25px;}
.joinBox .contBox.type2 {padding:27px 87px 110px;}
.joinBox .certifyList {margin-left:-65px}
.joinBox .certifyList > li {
	float:left;
	width:50%;
	padding:58px 0 0 50px;
	text-align:left;
}
.joinBox .certifyList > li p, .joinBox .contBox > .tit, .floatBox .tit {
	color:#865e44;
	font-size:22px;
	line-height:22px;
	margin-bottom:22px;
	padding-left:14px;
	font-family:'NanumSquareRound', sans-serif;
	letter-spacing:-1px;
	font-weight:bold;
}
.floatBox .tit {font-size:24px;line-height:24px}
.joinBox .contBox .tit {
	margin:45px 0 15px;
	padding-left:0;
	text-align:left;
	color:#d08054
}
.joinBox .contBox .tit:after {display:block; clear:both; content:'';}
.joinBox .contBox .tit span {float:right; color:#257897; font-size:15px; line-height:15px;margin-top:9px;font-weight:normal}
.joinBox .contBox .tit:first-child {margin-top:23px}
.joinBox .certifyList > li input, .joinBox .certifyList > li .select > a {
	border:1px solid #cdcdcd;
	border-radius:33px;
	height:67px;
	line-height:67px;
	padding:0 10px 0 93px;
	color:#505050;
	font-size:24px;
}
.joinBox .certifyList > li input::-webkit-input-placeholder{font-size:20px}
.joinBox .certifyList > li input::-ms-input-placeholder{font-size:20px}
.joinBox .certifyList > li input::-moz-placeholder{font-size:20px}
.joinBox .certifyList > li.code input {background:url('../images/icon/join_01_code.png') no-repeat 26px center;}
.joinBox .certifyList > li.par input {background:url('../images/icon/join_01_pa.png') no-repeat 26px center;}
.joinBox .certifyList > li.chi input {background:url('../images/icon/join_01_ch.png') no-repeat 26px center;}
.joinBox .certifyList > li .select > a {padding:0 60px 0 30px;}
.joinBox .certifyList > li .select > a span {background:url(../images/icon/join_01_grade.png) 0 center no-repeat #fff; line-height:65px; color:#505050; font-weight:normal}
.joinBox .certifyList > li .select > div {border:1px solid #cdcdcd; top:66px; border-radius:33px;}
.joinBox .certifyList > li .select > div.type2 {top:-250px;}
.joinBox .certifyList > li .select > div > ul > li > a {
	line-height:65px;
	color:#505050;
	border-radius:33px;
	font-weight:normal;
	text-align:center;
}
.joinBox .certifyList .select > a{background:url('../images/common/login_select2.png') right center no-repeat #fff}
.joinBox .certifyList > li .select > div > ul > li a:hover,
.joinBox .certifyList > li .select > div > ul > li a.on {background:#ededed;}
.floatBox:after {display:block; content:''; clear:both;}
.floatBox > .flBox {float:left;}
.floatBox > .frBox {float:right;}

.floatBox.join {color:#2f2e2e; text-align:left; margin-top:50px}
.floatBox.join .tit {margin-bottom:20px}
.floatBox.join > .flBox {width:780px;}
.floatBox.join > .flBox div {line-height:27px; font-size:18px}
.floatBox.join > .frBox a {display:inline-block}
/*-- [e] join */

/* [s] DeepTown */
.deepMain {position:relative; width:283px; height:288px; float:left; overflow:hidden}
.deepMain.type2 {margin-left:32px}
.deepMain.type3 {width:448px; height:100%; float:right;}
.deepMain.type4 {width:598px; margin-top:32px;}
.deepMain > p.tit > a {position:absolute; top:10px; right:13px;}
.deepMain > div {
	border-radius:0 0 30px 30px;
	background:#fff;
	text-align:center;
	height:224px;
	padding-top:32px;
	box-sizing:border-box;
}
.deepMain.type2 > div {padding-top:12px}
.deepMain.type3 > div {height:544px; padding:18px 16px;}

/* 별별게임 */
.gameList {margin:-13px 0 0 -10.5px}
.gameList > li {
	float:left;
	width:50%;
	padding:13px 0 0 0;
	box-sizing:border-box;
	text-align:center;
}
.gameList > li > a {position:relative; display:inline-block}
.gameList > li > a:after {
	position:absolute;
	right:-21px;
	bottom:11px;
	display:inline-block;
	content:'';
	width:44px;
	height:44px;
	background:url('../images/btn/deep_gameplay.png') no-repeat 0 0;
}
/*-- 별별게임 */

/* 새소식 */
.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}
/*-- 상장 */

/* 사진게시판 */
.floatBox.subject {
	height:64px;
	line-height:64px;
	background:#065ca4;
	padding:0 10px 0 25px;
}
.floatBox.subject * {line-height:64px;}
.floatBox.subject .tit {
	font-size:24px;
	color:#fff;
	font-weight:bold;
	line-height:64px;
	padding:0;
	margin:0;
	font-family:'Nanum Barun Gothic', sans-serif;
}
.floatBox.subject .frBox > * {padding-left:5px}
.floatBox.subject .date {color:#fff;}
.subjectConts {padding-top:16px; width:100%; height:544px !important; overflow-x:hidden; overflow-y:scroll; text-align:left; margin-top:-16px;}
.subjectConts:after {display:block; content:''; clear:both;}
.subjectConts > div {display:inline-block; border-radius:32px; background:#fff; width:352px; vertical-align:top; text-align:center; margin-top:16px;}

/* IE10+ */
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
	.subjectConts > div {width:346.5px}
	.eventBox .tit img {width:100%}
}
.eventBox {height:256px !important}
.eventBox > div {
	height:198px;
	padding:25px 23px;
	box-sizing:border-box;
	border-radius:0 0 30px 30px;
	background:#f5f5f5;
}
.eventBox > div .subject {
	border-radius:20px;
	padding:11px 17px;
	background:#d2d2d2;
	font-size:20px;
	color:#000;
}
.eventBox > div .result {margin-top:20px; color:#282828}
.galleryList {display:inline-block;}
.subjectConts > div > a.imgBox {display:block; padding:21px 33px 24px;}
.subjectConts > div > a.imgBox img {width:100%;}
.subjectConts > div > .titBox:after {display:block;content:''; clear:both;}
.subjectConts > div > .titBox > * {display:block; float:left}
.subjectConts > div > .titBox {
	position:relative;
	background:#ebebeb;
	border-radius:0 0 32px 32px;
	padding:24px 32px 7px;
	text-align:left;
}
.subjectConts > div > .titBox .avatar2 {width:56px;}
.subjectConts > div > .titBox .avatar2 > span:first-child, .layerPop > div > .layerCont .avatar2 > div {
	display:inline-block;
	width:56px;
	height:56px;
	overflow:hidden;
	border:1px solid #9b9b9b;
}
.subjectConts > div > .titBox .avatar2 > span.name {display:block; line-height:27px; color:#282828; text-align:center; font-size:16px; letter-spacing:-1px;}
.subjectConts > div > .titBox > .tit {width:232px; padding-left:8px; margin-top:17px; color:#282828; font-size:20px; font-weight:bold;}
.subjectConts > div > .titBox > a.like {
	position:absolute;
	top:9px;
	right:15px;
}
a.like {
	display:inline-block;
	padding-left:40px;
	text-align:right;
	color:#282828;
	line-height:32px;
	background:url('../images/btn/deep_like.png') no-repeat 0 center;
}
a.like.on {background:url('../images/btn/deep_like_on.png') no-repeat 0 center;}
.layerPop {
	position:absolute;
	top:160px;
	left:50%;
	margin-left:-288px;
	width:576px;
	background:#fff;
	z-index:9;
	padding:0 !important;
}
.layerPop.img {top:50%}
.layerPop > div {position:relative;}
.layerPop .close {
	position:absolute;
	top:12px;
	right:12px;
	display:inline-block;
}
.layerPop > div > .tit {
	background:#a4d3fa;
	padding:12px 12px 12px 20px;
	line-height:40px;
	color:#282828;
	font-size:24px;
	font-weight:bold;
}
.layerPop > div > .layerCont {padding:32px 20px;}
.layerPop > div > .layerCont:after {display:block; content:''; clear:both;}
.layerPop > div > .layerCont .avatar2 {float:left; width:71px; text-align:center;}
.layerPop > div > .layerCont .avatar2 .name {line-height:20px; color:#282828; text-align:center}
.layerPop > div > .layerCont .avatar2 .name span {display:block; color:#282828; font-size:14px;}
.layerPop > div > .layerCont .avatar2 .name + span {font-size:12px;}
.layerPop > div > .layerCont .imgBox {
	float:right;
	width:448px;
	max-height:600px;
	overflow:hidden;
	background:#ebebeb;
	text-align:center;
}
.layerPop > div > .layerCont .imgBox.port {height:448px;}
.imgBox.port img {height:100% !important; width:auto !important;}
.layerPop > div > .layerCont .imgBox img {width:100%}
.layerPop > div > .layerCont a.like {
	position:absolute;
	left:13px;
	bottom:33px;
	margin-top:-32px;
}
.boardView {position:relative; background:#fff;}
.boardView * {color:#282828;}
.boardView > .title {
	font-weight:bold;
	font-size:24px;
	line-height:26px;
	padding:22px 156px 17px 94px;
	background:url('../images/content/deep_tit_bg.png') no-repeat 8px bottom #a4d3fa;
	text-align:left;
}
.boardView .boardConts {height:544px; overflow-y:scroll;}
.boardView .boardConts:after {display:block; content:''; clear:both;}
.boardView .txtCont {float:left; width:640px; padding:16px 0 !important; text-align:left}
.boardView .txtCont > div {padding:27px 34px 16px; line-height:30px; font-size:20px}
.boardView .dateList {border-top:1px solid #d2d2d2}
.boardView .dateList > li {border-bottom:1px solid #d2d2d2; line-height:43px;padding:11px 17px;}
.boardView .dateList > li > span {padding:0 17px;}
.boardView .imgCont {float:right; width:416px; padding:16px 31px 16px 0 !important;}
.boardView .imgCont.type2 {border-top:none !important; width:200px; padding:0 20px 0 0 !important; text-align:center !important}
.boardView .imgCont.type2 > div {padding:0; border-radius:unset; min-height:auto}
.boardView .imgCont > div {
	background:#a4d3fa;
	border-radius:28px;
	padding:0 15px 16px;
	min-height:512px;
	text-align:center;
}
.boardView .imgCont .imgSubBox {
	background:#a4d3fa;
	border-radius:28px;
	padding:0 15px 16px;
	min-height:512px;
	text-align:center;
}
.boardView .imgCont.type2 .tit {padding:24px 0 22px;line-height:22px;}
.boardView .imgCont .tit {font-size:18px; line-height:50px;word-break:break-all}
.boardView .imgCont .imgBox {
	background:#fff;
	max-height:350px;
	overflow:hidden;
}
.boardView .imgCont.type2 .imgBox {margin-bottom:12px}
.boardView .imgCont.type2 .imgBox img {border-radius:13px;}
.boardView .imgCont .imgBox img {width:100%}
.boardView .imgCont .imgBox.port {height:350px;}
.boardView .imgCont .imgtxt {margin-top:12px;font-size:20px; line-height:30px;}
.boardView .closeBtn {position:absolute; top:7px; right:10px;}
/*-- 사진게시판 */

/* 새소식 */
.boardView.type2 > .title {color:#fff; background:url('../images/content/deep_tit_bg02.png') no-repeat 9px bottom #a49259;}
.boardView.type2 .boardConts > *:first-child, .boardView.type3 .boardConts > *:first-child {border-top:none}
.boardView.type2 .boardConts > *, .boardView.type3 .boardConts > * {text-align:left; border-top:1px solid #d2d2d2;}
.boardView.type2 .boardConts > p.date, .boardView.type3 .txtCont > p.date {
	padding:0 6px;
	line-height:67px;
	text-align:right;
}
.boardView.type3 .txtCont > p.date:after {display:block; clear:both; content:'';}
.boardView.type3 .txtCont > p.date span {float:left; line-height:67px; font-size:20px; padding-left:16px;}
.boardView.type2 .boardConts > div {padding:16px 32px;}
.boardView.type2 .boardConts > div.txtBox {font-size:20px; line-height:30px; width:1088px;overflow-x:scroll}
/*-- 새소식 */

/* 자유게시판 */
.boardView.type6 > .title {
	text-align:center;
	color:#fff;
	background:#65912c;
	padding:22px 20px 17px;
}

/* 학습질문*/
.boardView.type3 > .title {
	text-align:center;
	color:#fff;
	background:#227b96;
	padding:22px 20px 17px;
}

.boardView input,
.boardView textarea {
	border:none;
	height:52px;
	line-height:54px;
	font-size:20px;
	padding:0 10px
}
.boardView textarea {height:325px; line-height:36px; margin-top:10px}
.boardView input::-webkit-input-placeholder {color:#787878;}
.boardView.type3 .boardConts > * {padding:5px 32px;}
.boardView.type3 .closeBtn {top:9px}
.boardView.type3 .btnC {margin:0; padding:16px 32px 10px}
.boardView.type3 .txtCont {padding:0 !important; width:865px;}
.boardView.type3 .txtCont > p.date {border-bottom:1px solid #d2d2d2}
.boardView.type3 .floatBox {clear:both; padding:15px 28px;}
.goodList > li {float:left;}
.goodList > li {
	padding-left:57px;
	display:inline-block;
	width:96px;
	height:59px;
	line-height:59px;
	background:url('../images/btn/deep_good01.png') no-repeat 0 0;
	color:#282828;
	font-size:20px;
}
.goodList > li.sec {background:url('../images/btn/deep_good02.png') no-repeat 0 0;}
.goodList > li.thi {background:url('../images/btn/deep_good03.png') no-repeat 0 0;}
.goodList > li.fou {background:url('../images/btn/deep_good04.png') no-repeat 0 0;}
.guideTxt {padding:15px 0 0 10px;color:#787878}
/*-- 자유게시판 */

/* 학습질문*/
.boardView.type3 label + label {margin-left:27px}
.boardView.type3 label select, label.selectLabel select {
	margin-left:5px;
	border-radius:9px;
	border:1px solid #b4b4b4;
	width:120px;
	height:35px;
	line-height:33px;
}
.boardView .queBox {background:#ededed; clear:both; padding:15px 33px !important; line-height:36px}
/*-- 학습질문*/
/*-- [e] DeepTown */

/* [s] 오늘의 학습 */
/* main */
.studyTitBox {padding:0 38px;}
.studyTitBox > div {
	border-radius:0 0 30px 30px;
	background:#76bffd;
	padding:19px 30px;
}
.studyTitBox > div:after, .today a:after {display:block; content:''; clear:both}
.studyTitBox > div > * {float:left; line-height:68px; height: 68px;}
.studyTitBox > div > * + * {margin-left:9px}
.stateBtn {margin-left:10px;}
.studyTitBox .stateBtn {margin-left:35px;}
.studyTitBox > div a {display:inline-block}
.studyTitBox .subjectTxt {color:#000; font-size:24px; min-width:270px; text-align:left}
.dayList > li {float: left; margin-left:10px;}
.dayList > li:first-child {margin-left:0}
.todayBtn {display:none !important}
.today .todayBtn {display:block !important}
.today .dayBtn {display:none !important}
.todayBtn > span, .today2 > a > span {float:left; display: block; text-align:right; line-height:68px; height:68px}
.todayBtn > span.date, .today2 > a > span.date {color:#282828; font-size:22px; background: #e5f696; width:217px; padding-right:46px; border-radius: 27px 0 0 27px;}
.todayBtn > span.time, .today2 > a > span.time {position: relative; background: #fff; width:158px; padding-right:22px; border-radius: 0 27px 27px 0;}
.todayBtn > span.time:before, .today2 > a > span.time:before {content:''; position: absolute; left:-28px; bottom:0; background: url('../images/content/study_today_bg.png') no-repeat 0 0; width:73px; height:60px;}
.studyBox {position: relative; margin-top:38px; padding:0 72px 0 50px; height:507px;}
.studyBox .studyList {overflow:hidden;}
.studyBox .studyList > li {
	position: relative;
	float:left;
	width:405px;
	height:507px;
	padding-bottom:15px;
}
.studyBox .studyList > li:after {
	content: '';
	position: absolute;
	left:0;
	bottom:0;
	width:100%;
	height:15px;
	background: url('../images/content/study_main_shadow.png') no-repeat center bottom;
}
.studyBox .studyList > li > div {
	background:#fff;
	border-radius: 32px;
	height:100%;
}
.studyBox .studyList > li.learn > div {background: url('../images/content/study_main_bg01.png') no-repeat 0 0 #fff;}
.studyBox .studyList > li.ch > div {background: url('../images/content/study_main_bg02.png') no-repeat 0 0 #fff;}
.studyBox .studyList > li.ho > div {background: url('../images/content/study_main_bg03.png') no-repeat 0 0 #fff;}
.studyBox .studyList > li.eng > div {background: url('../images/content/study_main_bg04.png') no-repeat 0 0 #fff;}
.studyBox .studyList > li.kor > div {background: url('../images/content/study_main_bg05.png') no-repeat 0 0 #fff;}
.studyBox .studyList > li.kor2 > div {background: url('../images/content/study_main_bg05_2.png') no-repeat 0 0 #fff;}
.studyBox .studyList > li.mat > div {background: url('../images/content/study_main_bg06.png') no-repeat 0 0 #fff;}
.studyBox .studyList > li > div .stepTxt {
	height:219px;
	padding:72px 110px 105px 207px;
	color: #fff;
	font-size: 16px;
	text-align: center;
}
.studyBox .studyList > li.learn > div .stepTxt {padding:70px 110px 105px 217px;}
.studyBox .studyList > li > div .title {
	line-height:43px;
	text-align: center;
	color:#000;
	font-size:24px;
	overflow:hidden; text-overflow:ellipsis; white-space:nowrap;-moz-binding:url('ellipsis.xml#ellipsis');-o-text-overflow:ellipsis;
}
.studyBox .studyList > li > div .unitTxt {
	line-height:44px;
	border-bottom:1px solid #adb3bc;
	text-align: center;
	width:300px;
	margin:13px auto 0;
	font-size:22px;
}
.studyBox .studyList > li > div .unitTxt2 {
	margin:63px 10px 0;
	font-size:22px;
	line-height:30px;
}
.studyBox .studyList > li > div > a {display:inline-block; text-align: center; margin-top:61px}
.studyBox .studyList > li.ho > div > a {margin-top:38px}
.studyBox .studyList > li.book:before {
	content: '';
	position: absolute;
	top:-1px;
	left:-1px;
	display:inline-block;
	width:67px;
	height:67px;
	background: url('../images/content/study_main_bg07_top.png') no-repeat 0 0;
}
.studyBox .studyList > li.book .imgBox {
	height:401px;
	text-align: center;
	background: url('../images/content/study_main_bg00.png') no-repeat 0 63px;
	padding:63px 0 0 0;

}
.studyBox .studyList > li.book.cnt2 > div {border-radius:32px 0 32px 32px}
.studyBox .studyList > li.book.cnt2.type2 > div {border-radius:0 32px 32px 32px}
.studyBox .studyList > li.book.cnt2 .date{background:url('../images/content/study_main_bg07_bottom2L.png') no-repeat 0 1px;}
.studyBox .studyList > li.book.cnt2 .date.type2{text-align:right;}
.studyBox .studyList > li.book.cnt2.type2 .date.type2{text-align:left;}
.studyBox .studyList > li.book.type2.cnt2 .date{background:url('../images/content/study_main_bg07_bottom2R.png') no-repeat right 1px}
.studyBox .studyList > li.cnt2 {margin-right:0 !important;margin-left:40px;}
.studyBox .studyList > li.cnt2.type2 {margin-right:75px !important;margin-left:0}
.studyBox .studyList > li.book.cnt2.type2:before {background: none}
.studyBox .studyList > li.book .imgBox a {display:inline-block}
.studyBox .studyList > li.book .date {
	line-height:91px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:24px;
	background: url('../images/content/study_main_bg07_bottom.png') no-repeat 0 1px;
	font-family:'Nanum Square', sans-serif;
}
.studyBox .studyList > li.book.type2:before {background: url('../images/content/study_main_bg08_top.png') no-repeat 0 0;}
.studyBox .studyList > li.book.type2 .date {background: url('../images/content/study_main_bg08_bottom.png') no-repeat 0 1px;}
.studyBox .bx-controls-direction > a {
	position: absolute;
	top:50%;
	margin-top:-49.5px;
	display: inline-block;
	width:64px;
	height:99px;
	background: url('../images/btn/study_subject_prev.png') no-repeat 0 0;
	text-indent: -999999px;
}
.studyBox .bx-controls-direction > a.bx-prev {left:0;}
.studyBox .bx-controls-direction > a.bx-next {right:0; background: url('../images/btn/study_subject_next.png') no-repeat 0 0;}
/*-- main */

/* 라이트 구매 */
.loadingBox {
	padding-top:123px;
	background:url('../images/content/study_loading_bg.png') no-repeat center 0;
}
.loadingBox > div {
	background:#fff;
	border-radius:30px;
	padding:18px 10px;
	width:438px;
	font-size:30px;
	text-align:center;
	line-height:42px;
	margin:0 auto;
}
/*-- 라이트 구매 */

/* 월간 학습현황 */
.boardView.type4 > .title {
	background:url('../images/content/study_title_bg.png') no-repeat 17px bottom #065ca4;
	font-weight: normal;
	color:#fff;
	padding: 22px 156px 17px 79px;
}
.boardView.type4 > .boardConts {padding:0 16px 0 31px;}
.stateMonth {float:left; width:805px; padding-bottom:14px}
.achBox {float:right; width:219px; padding:14px 0;}
.stateMonth .monthBox > * {
	display: inline-block;
	line-height:80px;
	height:80px;
	vertical-align: top;
}
.stateMonth .monthBox .monthTxt {color:#505050; width:488px; font-size: 24px; text-align: center}
.monthStateList > li {position: relative}
.detailLayer {
	position: absolute;
	top:48px;
	right:-26px;
	padding-top:18px;
	z-index:9;
	width:236px;
}
.detailLayer > div:before {
	content: '';
	position: absolute;
	top:-16px;
	right:39px;
	display: inline-block;
	width:19px;
	height:16px;
	background: url('../images/content/study_layer_bg.png') no-repeat 0 0;
}
.detailLayer > div {
	position: relative;
	background:#dcdcdc;
	padding:10px 19px 9px;
	text-align: left;
}
.detailLayer > div > ul > li {font-size:16px; line-height:22px}
.achBox .stateList {
	background: #f3e3c1;
	border-radius: 0 0 30px 30px;
	padding:12px 15px;
	margin-top:-10px;
}
.achBox .stateList > li {
	margin-top:10px;
	border-radius:15px;
	background:#fdf1d8;
	padding:10px;
	text-align: left;
}
.achBox .stateList > li > p > span {
	display: inline-block;
	line-height: 54px;
	color:#282828;
	font-size:22px;
	padding-left:14px;
}
.achBox .stateList > li > p > span strong {color:#282828; font-size:22px;}
.achBox .stateList .graphBox {
	position: relative;
	overflow: hidden;
	background: url('../images/content/study_graph_bg.png') no-repeat 0 0;
	height:26px;
	padding:4px 3px 3px;
	margin-top:8px;
}
.achBox .stateList .graphBox:before {
	content: '';
	position: absolute;
	top:0;
	left:0;
	width:11px;
	height:26px;
	z-index: 9;
	background: url('../images/content/study_graph_bg2.png') no-repeat 0 0;
}
.achBox .stateList .graphBox img {
	position: absolute;
	height:19px;
	vertical-align: top;
	left:-5px;
}
/*-- 월간 학습현황 */
/*-- [e] 오늘의 학습 */

/* [s] foot */
/* 개인정보처리방침, 이용약관 */
.boardView.foot .title, .boardView.room .title, .boardView.room2 .title  {
	background:#9ca08b;
	text-align: center;
	padding:0;
	line-height: 65px;
}
.boardView.foot .boardConts, .boardView.room2 .boardConts {
	padding:60px 55px;
	box-sizing: border-box;
	text-align:left;
	font-size:20px;
}
/*-- 개인정보처리방침, 이용약관 */

/* faq */
.floatBox.faq select {
	height:38px;
	border:1px solid #ccc8be;
	border-radius:7px;
	width:125px;
}
.floatBox.faq .searchBox input {
	border:1px solid #b5b5b5;
	border-radius:7px;
	width:175px;
	height:38px;
}
.floatBox.faq .searchBox input + a {margin-left:5px}
.floatBox.faq .frBox > a {margin-left:10px}
.floatBox.faq a {display: inline-block}
.floatBox.faq + .tbTypeFaq {height:544px; overflow-y:scroll; margin-top:15px}
.tbTypeFaq * {vertical-align: top}
.tbTypeFaq {background:#fff; text-align: left;}
.tbTypeFaq > table > tbody> tr {border-bottom:1px solid #c7caca;}
.tbTypeFaq tr.question > td:last-child {background: url('../images/btn/foot_down.png') no-repeat right 13px;}
.tbTypeFaq tr.question.on > td:last-child {background: url('../images/btn/foot_up.png') no-repeat right 13px;}
.tbTypeFaq tr.question > td {
	cursor: pointer;
	position: relative;
	font-size: 20px;
	text-align: center;
	vertical-align: top;
	padding:13px 0;
	line-height: 39px;
}
.tbTypeFaq tr.question > td:first-child:before {display:none;}
.tbTypeFaq tr.question > td:before {
	content:'';
	position: absolute;
	top: 24px;
	left:0;
	width:1px;
	height: 30%;
	background:#d2d2d2;
}
.tbTypeFaq tr.question > td.cate {color:#a88c10;}
.tbTypeFaq tr.question > td.tit {
	padding-left:34px;
	padding-right:34px;
	text-align: left;
	overflow:hidden; text-overflow:ellipsis; white-space:nowrap;-moz-binding:url('ellipsis.xml#ellipsis');-o-text-overflow:ellipsis;
}
.tbTypeFaq tr.question > td.hits {font-weight: bold; text-align: left; padding-left:88px}
.tbTypeFaq tr.question > td.btnBox {text-align: left}
.tbTypeFaq tr.question > td.btnBox a {display:inline-block}
.tbTypeFaq tr.question > td.btnBox a + a {margin-left:4px}
.tbTypeFaq > table > tbody> tr.detailView {display:none;}
.tbTypeFaq > table > tbody> tr.detailView > td > div:first-child {border-top:none}
.tbTypeFaq > table > tbody> tr.detailView > td > div {
	border-top:1px solid #c7caca;
	padding:28px 25px;
	background: #eef2f2;
	font-size: 20px;
	line-height: 36px;
}
.tbTypeFaq > table > tbody> tr.detailView > td > div span {font-size: 20px}
/*-- faq */

/* 내 문의 답변 보기 */
.boardView.foot.qna .boardConts, .boardView.foot.type2 .boardConts {padding:0}
.tbTypeFaq.type2 tr.question > td:last-child {background:none !important;}
/*-- 내 문의 답변 보기 */

/* 1:1 문의 */
.boardView.foot.type2 .boardConts .tipBox {
	background: url('../images/icon/foot_tip.png') no-repeat 40px 18px;
	color:#8a8a8a;
	font-size:20px;
	padding:20px 40px 20px 83px;
}
.boardView.foot.type2 .boardConts textarea {height:360px}
/*-- 1:1 문의 */
/*-- [e] foot */

/* [s] 마이룸 */
/* main */
.roomMain {
	position: relative;
	float:left;
	width:446px;
	height:576px;
	background: #fff;
	border-radius: 0 32px 32px 0;
	padding:32px 60px 32px 0;
}
.roomMain:after {
	content:'';
	clear:both;
	position: absolute;
	top:50px;
	right:-32px;
	width:70px;
	height:490px;
	background: url('../images/content/room_ring_bg.png') repeat-y 0 0;
}
.profileImgBox {
	margin-left:32px;
	width:192px;
	height:245px;
	overflow: hidden;
	text-align: center;
	border-radius: 15px;
	background:#ebebeb;
}
.profileImgBox > img {
	width: 192px;
	height: 245px;
}
.myProfile2 {width:224px; margin-top:32px; box-sizing:border-box; background: #ebebeb; border-radius: 0 15px 15px 0}
.myProfile2 > li:first-child {border-top:none}
.myProfile2 > li:before {
	content: '';
	position: absolute;
	top:0;
	left:0;
	width:47px;
	height:100%;
	background:url('../images/icon/room_profile01.png') no-repeat center center #1f242a;
	border-bottom:1px solid #000;
	box-sizing: border-box;
}
.myProfile2 > li.sec:before {background:url('../images/icon/room_profile02.png') no-repeat center center #1f242a;}
.myProfile2 > li.thr:before {background:url('../images/icon/room_profile03.png') no-repeat center center #1f242a;}
.myProfile2 > li.fou:before {background:url('../images/icon/room_profile04.png') no-repeat center center #1f242a;}
.myProfile2 > li {
	position: relative;
	padding:12px 13px 12px 64px;
	border-top:1px solid #b4b4b4;
	color:#282828;
	line-height: 24px;
	text-align:left;
}
.myProfile2 > li.sec {padding-left:60px}
.myProfile2 > li select {height:37px; line-height:35px; border-radius: 7px; border:1px solid #b4b4b4}
.roomMain .quickMenu {
	position: absolute;
	top:38px;
	right:60px;
	width:140px;
}
.roomMain .quickMenu > li {margin-top:20px}
.roomMain .quickMenu > li.item a {
	background: url('../images/btn/room_quick_item.png') no-repeat 0 0;
	display: block;
	width:140px;
	height:145px;
	padding:53px 30px;
	box-sizing: border-box;
	color:#fff;
	text-align: center;
	font-weight: bold;
	font-size: 30px;
	line-height: 35px;
}
.roomMain2 {
	float:right;
	width:736px;
	height:576px;
	border-radius:32px;
	background: #ebebeb;
	overflow: hidden;
}
.roomMain2 .floatBox.room > div {width:50%;}
.roomMain2 .floatBox.room > div > .title {height:64px; text-indent: -99999px}
.roomMain2 .floatBox.room > div.flBox .title {background:url('../images/content/room_tit0101.png') no-repeat 25px bottom #fbe048;}
.roomMain2 .floatBox.room > div.frBox .title {background:url('../images/content/room_tit0102.png') no-repeat 25px bottom #fbe048;}
.roomMain2 .floatBox.room > div .txtBox {
	background:#ebebeb;
	padding:0 13px;
	box-sizing: border-box;
	margin-top:18px;
}
.roomMain2 .floatBox.room > div .txtBox > div {
	border-radius: 28px;
	width:100%;
	text-align:left;
	line-height:145px;
	background: url('../images/content/room_bg0101.png') no-repeat right bottom #fd9604;
	color:#111;
	font-size:24px;
	font-weight:bold;
	padding-left:15px;
}
.roomMain2 .floatBox.room > div.flBox .txtBox {border-right:1px solid #bfbfbf}
.roomMain2 .floatBox.room > div.frBox .txtBox {border-left:1px solid #fff}
.roomMain2 .floatBox.room > div.frBox .txtBox > div {background: url('../images/content/room_bg0102.png') no-repeat right bottom #a8b0ba;}
.organizeList {margin-top:18px; border-top:1px solid #bfbfbf; padding:0 6px}
.organizeList > li {float:left; padding:10px 10px; text-align: center; border-top:1px solid #fff}
.organizeList > li .txtBox {
	background: #fff;
	border-radius: 0 0 30px 30px;
	width:160px;
	height:184px;
	box-sizing: border-box;
	padding:15px 22px;
	text-align: center;
}
.organizeList > li .txtBox .tit {
	background: #e1e1e1;
	border-radius: 6px;
	font-size:24px;
	line-height:27px;
	color:#505050;
	padding:8px 0;
}
.organizeList > li .txtBox .tit + .tit {margin-top:15px}
.organizeList > li .txtBox .tit span {display:block; line-height:27px;}
.organizeList > li .txtBox ul {margin-top:10px}
.organizeList > li .txtBox ul > li {
	color:#505050;
	line-height:28px;

}
/*-- main */

/* 별포인트 */
.boardView.point .boardConts {height:608px; overflow-y:scroll;}
.boardView.room .title, .boardView.room2 .title  {background:#9261bb;}
.boardView.room.type2 .boardConts > .tbTypeFaq {padding:0}
.boardView.room.type2 .boardConts > .tbTypeFaq tr.question > td:before {display:none}
.boardView.room .boardConts > .tbTypeFaq > table > tbody> tr.detailView > td > div {background: #f3f3f3;}
.boardView.room.type3 .boardConts > .titTxt {font-size: 20px; line-height:30px; padding:16px 32px}
.boardView.room.type3 .boardConts > .tit, .boardView.room.type3 .boardConts > .txtBox {background: #f3f3f3}
.boardView.room.type3 .boardConts > .tit input {background:none}
.pointState {
	padding:32px 43px 21px;
	background: url('../images/content/room_point2_bg.png') no-repeat 0 0 #9c65ca;
}
.pointState > div {position: relative;}
.pointState > div > .title {
	background:url('../images/content/room_tit03.png') no-repeat 0 bottom #e18ee4;
	height: 62px;
	border-radius:22px 22px 0 0;
	text-align:left;
	text-indent: -9999999px;
}
.pointState > div .txtBox {
	background:url('../images/content/room_point2_bg2.png') no-repeat 25px 2px #fff;
	border-radius: 0 0 22px 22px;
	padding:18px 36px;
	text-align:right;
}
.pointState .pointResult {
	display:inline-block;
	line-height: 46px;
	background: url('../images/content/room_point2_bg3.png') no-repeat 0 0;
	padding-left:55px;
}
.pointState .pointResult > span {
	display:inline-block;
	width:378px;
	height:46px;
	line-height: 46px;
	border-radius: 15px;
	padding:0 17px;
	color:#fff;
	font-weight:bold;
	font-size:30px;
	background:#7a7a7a;
}
.pointState table {margin-top:20px}
.pointState th {background:#b58bde; color:#fff;}
.pointState th, .pointState td {
	text-align:center;
	padding:14px 10px 12px;
	font-size:24px;
}
.pointState td {background:#fff; color: #505050}
.btnList.type2 {position: absolute; top:8px; right:15px}

/*-- 별포인트 */

/* 코칭 신청 */
.boardView.room3 .title {
	background:url('../images/content/room_tit04.png') no-repeat 30px bottom #ffabbd;
	text-indent: -999999px;
	padding:0;
	height:72px;
}
.boardView.room3 .title.type2 {
	background:url('../images/content/room_tit04_2.png') no-repeat 30px bottom #ffabbd;
}
.boardView.room3 .boardConts > *:first-child {border-top:none}
.boardView.room3 .boardConts > * {border-top:1px solid #d2d2d2;}
.boardView.room3 .boardConts .txtBox {padding:26px 40px;}
.floatBox.coaching {padding:19px 20px}
.floatBox.coaching > div * {color:#282828; font-size:20px;}
.floatBox.coaching > div > * {display: inline-block; line-height:45px; vertical-align:middle}
.floatBox.coaching > div > .sub {font-weight: bold; margin-right:2px}
.floatBox.coaching .date {
	background:#f6f6f6;
	border-radius: 23px;
	padding:0 24px;
}
.btnList02 > li {float:left; margin-left:8px;}
.btnList02 > li > a {
	display:inline-block;
	border-radius: 12px;
	color:#fff !important;
	padding:0 18px;
	line-height: 38px;
	background: #bebebe;
	vertical-align: middle;
}
.btnList02 > li.on > a {background:#42a8ba;}
.closeBtn.type2 {top:14px; right:18px}
.searchDate {color:#bcbcbc}
.boardView  .calInput {
	border:1px solid #d0d0d0;
	background: url('../images/btn/room_cal.png') no-repeat right center;
	width:162px;
	height: 41px;
	line-height: 39px;
	padding:0 44px 0 10px
}
/*-- 코칭 신청 */

/* 학습 알림 신청 */
.alarmBox {background:#fff; margin-top:11px; height:560px; overflow-y:scroll;}
.tbTypeAlarm thead th {
	position: relative;
	background:#ffa72e;
	padding:15px 0;
	text-align: center;
}
.tbTypeAlarm thead th:first-child:before {display:none}
.tbTypeAlarm thead th:before {
	content: '';
	position: absolute;
	top:0;
	left:0;
	width:8px;
	height:100%;
	background: url('../images/content/room_th_bg.png') no-repeat 0 center;
}
.tbTypeAlarm tbody th, .tbTypeAlarm tbody td {
	border-left:1px solid #d2d2d2;
	border-bottom:1px solid #d2d2d2;
	text-align:center;
	padding:13px 4px;
}
.setList {display:inline-block; margin:25px 0}
.setList > li {position:relative; float:left; padding:0 4px}
.setList > li:first-child:before {display: none;}
.setList > li:before {
	content: '';
	position: absolute;
	top:1px;
	left:0;
	width:1px;
	height:17px;
	background:#808080;
}
.setList > li.on > a {color:#ff692e}
.setList > li > a {text-align:center; color:#808080; line-height:17px}
.alarmBox .btnC {margin: 0;	padding:20px 0;}
.alarmBox .select {display:inline-block; width:153px; text-align: center;}
.alarmBox .select.sizeS {width: 80px !important}
.alarmBox .select > a {
	border:1px solid #d2d2d2;
	height:39px;
	line-height:37px;
	padding:0 41px 0 8px;
	background:url('../images/common/room_select.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:39px;
	border:1px solid #d2d2d2;
	border-top:none;
	border-radius:0;
}
.alarmBox .select > div > ul > li > a {
	line-height:37px;
	color:#000;
	padding:0 7px;
	width:100%;
	border-radius:30px;
	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}
/*-- 학습 알림 신청 */

/* 학습일기 */
.diaryBox {position:relative;}
.diaryBox:before {
	content: '';
	position: absolute;
	top: 90px;
	left: -28px;
	background: url(../images/content/room_ring_bg2.png) repeat-y 0 0;
	width: 64px;
	height: 420px;
}
.diaryBox > div {
	height:608px;
	padding:15px 50px 15px 70px;
	box-sizing: border-box;
	overflow-y:scroll;
	border-radius:50px;
	background:#fefdf1;
}
.diaryBox .dateTxt {
	position: relative;
	width:463px;
	height:86px;
	text-align: left;
	margin:0 auto;
	padding:33px 100px;
	box-sizing: border-box;
	background:url('../images/content/room_tit0201.png') no-repeat 0 0;
}
.diaryBox .dateTxt p {color:#fff; font-size:24px;}
.diaryBox .date_move {
	position: absolute;
	top:18px;
	left:21px;
}
.diaryBox .date_move.type2 {right:25px; left:auto}
.checkList {margin:10px 0 0 -14px}
.checkList > li {
	float:left;
	width:10%;
	box-sizing: border-box;
	padding:18px 0 0 14px;
}
.checkList > li.today > span {border:5px solid #f9cd6b}
.checkList > li > span {
	position: relative;
	display: block;
	width:86px;
	height:86px;
	border-radius: 43px;
	border:5px solid #f4eeda;
	box-sizing: border-box;
	background:#fff;
	color:#502715;
	font-size:20px;
	line-height:76px;
}
.checkList > li.fin > span:after {
	content: '';
	position: absolute;
	top:-5px;
	left:-5px;
	width:86px;
	height:86px;
	background: url('../images/content/room_complete_bg.png') no-repeat 0 0;
}
.graphBox2 {position: relative; margin-top:20px}
.graphBox2 > .title {
	border-radius: 15px 15px 0 0;
	background: #a46754;
	height:65px;
	line-height:65px;
	text-align:left;
	padding-left:25px;
	box-sizing: border-box;
}
.graphBox2 > .txt {
	position: absolute;
	top:15px;
	right: 20px;
	padding:0 33px;
	line-height:35px !important;
	background: #7c5041;
	border-radius:15px;
	color:#fff !important;
	font-size:20px !important;
}
.graphBox2 .txtBox {
	background:url('../images/content/room_point_bg.png') no-repeat center bottom #fbe3dc;
	border-radius: 0 0 15px 15px;
	text-align: center;
}
.graphBox2 .txtBox > .txt {
	text-align: left;
	color:#5e3022;
	font-size:18px;
	padding:5px 25px;
}
.pointList {display: inline-block; margin-left:80px;}
.pointList > li {
	float:left;
	margin-left:-53px;
}
.graphBox2 .graphBox {
	width:910px;
	height:27px;
	position: relative;
	margin:17px auto 0;
	overflow: hidden;
}
.graphBox2 .graphBox:before {
	content: '';
	position: absolute;
	top:-11px;
	left:-10px;
	width:19px;
	height:38px;
	background: url('../images/content/room_point_bg2.png') no-repeat 0 0;
	z-index: 1;
}
.graphBox2 .graphBox:after {
	content: '';
	position: absolute;
	bottom:0;
	left:0;
	width:100%;
	height:15px;
	background: url('../images/content/room_point_bg3.png') no-repeat 0 0;
	z-index: 2;
}
.graphBox img {position: absolute;}
/*-- 학습일기 */
/*-- [e] 마이룸 */

/* [s] 과목별 학습 */
/* main */
.subjectList {margin:-26px 0 0 -26px;}
.subjectList > li {
	float:left;
	width:33.3%;
	box-sizing: border-box;
	padding:26px 0 0 26px;
}
.subjectList > li > div {
	position: relative;
	padding-top:184px;
	text-align: center;
	height:303px;
	background:url('../images/content/subject_main01.png') no-repeat 0 0;
}
.subjectList > li.ing > div:before {
	content: '';
	position: absolute;
	top:1px;
	right:42px;
	display: inline-block;
	width:64px;
	height:61px;
	background: url('../images/icon/subject_ing.png') no-repeat 0 0;
}
.subjectList > li > div > p {line-height:105px; font-size:22px;}
.subjectList > li > div > a.goBtn {
	margin-top:24px;
	display: inline-block;
	width:158px;
	height:58px;
	background: url('../images/btn/subject_main01_go.png') no-repeat 0 0;
	text-indent: -99999999px
}
.subjectList > li.kor > div {background:url('../images/content/subject_main02.png') no-repeat 0 0;}
.subjectList > li.kor > div > a.goBtn {background: url('../images/btn/subject_main02_go.png') no-repeat 0 0;}

.subjectList > li.math > div {background:url('../images/content/subject_main03.png') no-repeat 0 0;}
.subjectList > li.math > div > a.goBtn {background: url('../images/btn/subject_main03_go.png') no-repeat 0 0;}

.subjectList > li.eng > div {background:url('../images/content/subject_main04.png') no-repeat 0 0;}
.subjectList > li.eng > div > a.goBtn {background: url('../images/btn/subject_main04_go.png') no-repeat 0 0;}

.subjectList > li.chin > div {background:url('../images/content/subject_main05.png') no-repeat 0 0;}
.subjectList > li.chin > div > a.goBtn {background: url('../images/btn/subject_main05_go.png') no-repeat 0 0;}

.subjectList > li.all > div {padding:0; background:none;}
.subjectList > li.all > div > a {
	display:block;
	width:100%;
	height:100%;
	background: url('../images/btn/subject_main00.png') no-repeat 0 0;
}
/*-- main */
.leftM a {display:block;}
.tbTypeSubject .tit {
	height:62px;
	background: url('../images/content/subject02_titbg.png') no-repeat 0 0;
	background-size:100% 100% !important;
	color:#fff;
	font-size:22px;
	padding-top:25px;
	font-weight: bold;
}
.tbTypeSubject ul {background:#fff; padding:0 10px; border-radius: 0 0 15px 15px;max-height:515px;overflow-y:scroll}
.tbTypeSubject.result ul {height:385px}
.tbTypeSubject ul > li:first-child {border-top: none}
.tbTypeSubject ul > li {
	display: table;
	border-top:1px solid #d9d9d9;
	padding:5px 0;
	height:64px;
	width: 100%;
}
.tbTypeSubject ul > li a {
	display: table-cell;
	vertical-align: middle;
}
.tbTypeSubject ul > li a.on {background: #deecbc; border-radius: 15px}
.contVisual {text-align:center}
.subjectList2 > li {padding:26px 0 0 16px}
.subjectList2 > li:after {display: block; clear:both; content: ''}
.subjectList2 > li > div:first-child {margin:0}
.subjectList2 > li > div {
	float:left;
	margin-left:11px;
	padding-top:105px;
	cursor: pointer;
}
.subjectList2 > li > div > div {
	position: relative;
	background:#fff;
	border-radius:30px;
	width:186px;
}
/*.subjectList2 > li > div.on {background: url('../images/content/subject02_bg.png') no-repeat center -4px;}*/
.subjectList2 > li > div.on {background: url('../images/content/subject02_bg.png') no-repeat center -0px;}
.subjectList2 > li > div.on > div {
	width:206px;
	border:10px solid #66b6ee;
	border-radius:37px;
	margin-top:-10px
}
.subjectList2 > li > div span {
	position: absolute;
	top:-21px;
	left:-11px;
	background:#66b6ee;
	width:53px;
	height:53px;
	line-height:53px;
	text-align:center;
	box-sizing: content-box;
	border-radius: 26.5px;
}
.subjectList2 > li > div.off {cursor:initial; pointer-events: none}
.subjectList2 > li > div.off span {background:#a0a0a0;}
.subjectList2 > li > div.on span {
	top:-36px;
	left:-26px;
	border:5px solid #439ad7;
	border-radius: 31.5px;
}
.subjectList2 > li > div .title {
	display:table;
	height:113px;
	background: #c3c3c3;
	border-radius: 30px 30px 0 0;
}
.subjectList2 > li > div.on .title {background:#fff}
.subjectList2 > li > div .title p {
	display:table-cell;
	text-align: center;
	vertical-align: middle;
	padding:5px 10px;
	font-size:22px;
	line-height:28px;
	color:#282828;
	word-break: keep-all;
}
.subjectList2 > li > div .contTxt {
	height:73px;
	text-align: center;
	padding:11px 5px 14px;
}
.subjectList2 > li > div .contTxt p {line-height:24px;}
.subjectList2 > li > div .contTxt a {display:none}
.subjectList2 > li > div.on .contTxt {padding:14px 5px 15px;}
.subjectList2 > li > div.on .contTxt p {display:none;}
.subjectList2 > li > div.on .contTxt a {display:block}
.contVisual .bx-controls {
	display:inline-block;
	margin-top:103px;
}
.contVisual .bx-controls .bx-pager-item {float:left;}
.contVisual .bx-controls .bx-pager-item + .bx-pager-item {margin-left:30px}
.contVisual .bx-controls .bx-pager-item a {
	display:inline-block;
	width:27px;
	height:26px;
	text-indent: -99999px;
	background: url('../images/btn/subject_roll_off.png') no-repeat 0 0;
}
.contVisual .bx-controls .bx-pager-item a.active {background: url('../images/btn/subject_roll_on.png') no-repeat 0 0;}

div#wrap.study.math .tbTypeSubject .tit {background: url('../images/content/subject03_titbg.png') no-repeat 0 0;}
div#wrap.study.eng .tbTypeSubject .tit {background: url('../images/content/subject04_titbg.png') no-repeat 0 0;}
div#wrap.study.chin .tbTypeSubject .tit {background: url('../images/content/subject05_titbg.png') no-repeat 0 0;}

div#wrap.study.math .tbTypeSubject ul > li a.on {background: #e3d6f0;}
div#wrap.study.eng .tbTypeSubject ul > li a.on {background: #f5ebb0;}
div#wrap.study.chin .tbTypeSubject ul > li a.on {background: #c8e8f6;}

div#wrap.study.math .subjectList2 > li > div.on {background: url('../images/content/subject03_bg.png') no-repeat center -0px;}
div#wrap.study.eng .subjectList2 > li > div.on {background: url('../images/content/subject04_bg.png') no-repeat center -4px;}
div#wrap.study.chin .subjectList2 > li > div.on {background: url('../images/content/subject05_bg.png') no-repeat center -4px;}

.subjectBlt {
	background: url('../images/blt/subject_blt.png') no-repeat 0 0;
	padding-left:24px;
	text-align: left;
	margin:0 0 10px 18px;
}
.progressBox {
	float:left;
	width:200px;
	height:56px;
	line-height:56px;
	background: #5c563d;
	border-radius:30px;
	text-align: center;
	color:#000;
	font-size:22px;
	font-weight: bold;
}
.progressBox strong {
	color:#fff;
	font-size:32px;
	line-height:59px;
}
.progressBox strong.type2 {color:#faf86b}

.graphBox3 {
	position: relative;
	background: #f7f4eb;
	border-radius: 15px 15px 0 0;
	float:left;
	height:67px;
	margin-left:11px;
	padding: 0 60px 0 32px;
}
.graphBox3 ul {
	width:901px;
	height:67px;
	border-right:1px solid #e0dcce;
	background:url('../images/content/subject_graph_bg.png') repeat-x 0 bottom;
}
.graphBox3 .graph {
	position: absolute;
	text-align: left;
	bottom:0;
	left:32px;
	width:17%;
	height:25px;
	background:url('../images/content/subject_graph.png') repeat-x 0 bottom;
}
.graphBox3 .graph.type2 {width:35.8%}
.graphBox3 .graph.type3 {width:54.5%}
.graphBox3 .graph.type4 {width:73%}
.graphBox3 .graph.full {width:91.5%}
.graphBox3 .graph span {position: relative; display:block}
.graphBox3 .graph span:after {
	content: '';
	position: absolute;
	right:-19px;
	top:0;
	width:19px;
	height:25px;
	background:url('../images/content/subject_graph_fir.png') repeat-x 0 bottom;
}
.graphBox3 li {
	float:left;
	width:20%;
	line-height:44px;
	border-left:1px solid #e0dcce;
}
.subjectTxt {
	font-weight: bold;
	font-size:24px;
	color:#282828;
	line-height: 78px;
	text-align: left;
}
.tbTypeSubject02 {border-top:1px solid #b7b090; border-right:1px solid #b7b090;}
.tbTypeSubject02 th, .tbTypeSubject02 td {
	border-bottom:1px solid #b7b090;
	border-left:1px solid #b7b090;
}
.tbTypeSubject02 th {
	font-size:20px;
	text-align: center;
	padding:13px 5px;
	background: #dbd4b6;
}
.tbTypeSubject02 td {
	padding:5px;
	font-size:16px;
	background: #fff;
}
/*-- [e] 과목별 학습 */

/* [s] 2018-09-19 디봇, 네비게이션 추가 */
div#wrap {position: relative;}
.dibotBox {position:fixed; bottom:9px; right:13px;z-index:10}
.dibotBox > div {position:relative;}
.dibotBtn {
	position: fixed;
	right:21px;
	bottom:-82px;
	z-index: 10;
	/* display:block; */
	display: none;
}
.dibotBtn.on {bottom:5px;}
.dibotPointDirection {
	position: relative;
	z-index: 11;
	display:none;
	background: url('../images/content/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;
}
.dibotPointDirection .point {
	color:#f89b57;
	font-size: 22px;
	line-height:34px;
	font-weight: bold;
}
.dibotPointDirection .btnC {margin-top:22px}

.chattingBox {
	display:none;
	position:absolute;
	top:0;
	right:0;
	width:380px;
	height:800px;
	z-index: 99;
	text-indent: -9999px;
}
.chattingBox > div {position: relative;}
.chattingBox .dibotCloseBtn {
	width:380px;
	height:80px;
	position: fixed;
	top:0;
	left:50%;
	margin-left:260px;
	text-align:right;
	background:#1a78d8;
	padding:13px 15px 12px;
}
.chattingBox .dibotCloseBtn a {
	display: inline-block;
	width: 44px;
	height:53px;
	vertical-align: middle;
	background: url('../images/btn/dibot_back.png') no-repeat 0 0;
	text-indent: -99999px;
	font-size: 0;
}
.chattingBox > div {
	background:#d2e9fb;
	height:800px;
	overflow-y: auto;
	padding:15px;
	padding-top:95px;
}
.chattingBox li {margin-top:25px}
.chattingBox li div {
	position: relative;
	border-radius: 25px;
	text-indent: 0;
	text-align:left;
	padding:15px 30px;
	line-height:25px;
}
.chattingBox li > div:after {
	content: '';
	position: absolute;
}
.chattingBox li.send {text-align: right; padding:0 7px 0 58px;}
.chattingBox li.send > div {background: #4a90e2; color:#fff;}
.chattingBox li.send > div:after {
	top:20px;
	right:-7px;
	width:8px;
	height:13px;
	background: url('../images/content/dibot_chat_send.png') no-repeat 0 0;
}
.chattingBox li.receive {padding:0 58px 0 30px;}
.chattingBox li.receive > div {background: #f1f9ff; color:#3f424c; padding:15px 30px 15px 65px;}
.chattingBox li.receive > div:after {
	top:-14px;
	left:-30px;
	width:80px;
	height:78px;
	background: url('../images/content/dibot_chat_dibot.png') no-repeat 0 0;
}

.menuOpen {
	position: absolute;
	right:3px;
	top:3px;
}
#leftM {
	display:none;
	position: absolute;
	top:0;
	right:0;
	z-index: 9;
}
.backBtn3 {
	margin:3px;
	display: block;
	float:right;
}
.navSubTxt {
	clear:both;
	border-radius: 15px 15px 0 0;
	background: url('../images/icon/nav_sub.png') no-repeat 8px center #f86947;
	padding:10px 8px 7px 68px;
	color:#fff;
	width:224px;
	margin:0 auto;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-line-clamp: 2;
	height:56px;
	-moz-binding:url('ellipsis.xml#ellipsis');-o-text-overflow:ellipsis;
}
.navMenuBox {
	border-radius: 17px 17px 0 0;
	background: #fddc01;
	padding:16px 16px 0;
	width:256px;
	margin:0 15px;
	overflow-y:scroll;
	height:612px;
}
.navMenuList > li {margin-bottom:16px;}
.navMenuList > li > a {
	display: block;
	border-radius: 24px;
	line-height:48px;
	background:url('../images/icon/nav_icon01.png') no-repeat 6px center  #fff;
	padding-left:53px;
	color:#787878;
	font-size:24px;
}
.navMenuList.type2 > li > a {font-size:16px}
.navMenuList > li > a:hover, .navMenuList > li.on > a {background-color: #3e94f4; color:#fff}
.navMenuList > li:nth-child(2) > a,
.navMenuList > li:nth-child(3) > a {background-image:url('../images/icon/nav_icon02.png')}
.navMenuList > li:nth-child(4) > a {background-image:url('../images/icon/nav_icon03.png')}
.navNumberList {margin:-16px 23px 0 6px}
.navNumberList > li {
	float:left;
	margin:16px 0 0 16px;
	text-align: center;
}
.navNumberList > li a {
	display: block;
	width:49px;
	height:49px;
	line-height:49px;
	background: url('../images/btn/num_off.png') no-repeat 0 0;
	background-size: 100% auto;
}
.navNumberList > li.on a {background: url('../images/btn/num_on.png') no-repeat 0 0;}
.navPage {
	padding:16px 23px;
	border-bottom: 1px solid #e4c601;
	font-size: 0
}
.navPage > span {
	display: inline-block;
	line-height: 49px;
	text-align: center;
	width: 80px;
	font-size:24px;
}
.navCheck {
	border-top:1px solid #fcef97;
	text-align:center;
	padding:15px 0;
}
.navFin {
	width:100%;
	padding: 9px 23px;
	text-align: right;
	background: #00a2de;
}
.navDibot {
	position: absolute;
	right:249px;
	bottom:3px
}
/* [e] 2018-09-19 디봇, 네비게이션 추가 */

/* [s] 2018-09-28 디봇 활성화, 비활성화 버튼 추가 */
.dibotOnOff {
	position: fixed;
	left:50%;
	bottom:0;
	margin-left:260px;
	width:380px;
}
.dibotOnOff * {display:block}
/* [e] 2018-09-28 디봇 활성화, 비활성화 버튼 추가 */

/* [s] 2018-09-29 전체메뉴 추가 */
.allMenu {
	margin:0 -50px 0 10px;
}
.allMenu > li{
	float:left;
	width:225px;
	position:relative
}
.allMenu > li > div{text-align:left}
.allMenu > li img, .gray{
	filter: gray;
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
}
.allMenu > li.ing img{
	filter: none;
	-webkit-filter: none;
	filter: none
}
.allMenu > li.ing:after {
	content:'학습중';
	font-size:0;
	display:block;
	background:url('../images/content/all_ing.png') no-repeat;
	width:64px;
	height:72px;
	position:absolute;
	left:-10px;
	top:-9px
}
.allMenu > li > ul{
	background:url('../images/content/all_list_bg.png') no-repeat;
	width:213px;
	padding:15px 0;
	min-height:570px
}
.allMenu > li > ul > li > a {
	display:block;
	width:208px;
	line-height:54px;
	text-align:center;
	border-bottom:#eaeaea solid 1px;
	font-size:24px;
	position:relative;
	color:#7b7b7b;
	cursor:default;
}
.allMenu > li.ing > ul > li > a {
	cursor:pointer;
}
.allMenu > li > ul > li:last-child > a {border-bottom:none}
.allMenu > li:nth-child(4) > ul > li:last-child > a {border-bottom:#eaeaea solid 1px;}
.allMenu > li.ing > ul > li a:hover:after, .allMenu > li.ing > ul > li.on a:after{
	content:'';
	display:block;
	background:url('../images/content/all_select.png') no-repeat;
	width:210px;
	height:67px;
	position:absolute;
	left:-15px;
	top:-10px
}
.allMenu > li.ing > ul > li.on a,
.allMenu > li.ing > ul > li a:hover{color:#000}
/* [e] 2018-09-29 전체메뉴 추가 */

/* [s] 2018-09-29 리딩 추가 */
.leadingL {
	float:left;
	background:url('../images/content/leadingL.png') no-repeat;
	width:300px;
	height:601px;
	position:relative;
}
.leadingL > * {position:absolute}
.leadingL .tit{
	background:url('../images/content/leadingTit.png') no-repeat;
	width:122px;
	height:32px;
	line-height:36px;
	font-weight:bold;
	color:#59412b;
	padding-left:35px;
	font-size:17px;
	top:64px;
	left:88px;
}
.leadingL .bx-wrapper{left:15px;top:122px;width:265px}
.leadingL .prev{left:125px;top:111px;}
.leadingL .next{left:125px;top:556px;}
.leadingL .prev {left:125px;top:111px;}
.leadingL .prev .bx-prev{display:block;background:url('../images/btn/btn_prev.png') no-repeat;font-size:0;width:47px;height:18px}
.leadingL .next .bx-next{display:block;background:url('../images/btn/btn_next.png') no-repeat;font-size:0;width:47px;height:18px}
.leadingL li:nth-child(odd) {
	background:url('../images/content/leading_line.png') 0 bottom no-repeat;
}
.leadingL li{
	padding:20px 0 15px
}
.leadingL li a{
	box-shadow:2px 2px 2px #cbaf39;
	display:inline-block;
	margin:0 5px;
	width:115px;
	position:relative;
}
.leadingL li a.ing:after{
	content:'';
	display:block;
	background:url('../images/content/leading_ing.png') no-repeat;
	width:48px;
	height:44px;
	left:8px;
	top:120px;
	position:absolute;
}
.leadingL li a.end:after{
	content:'';
	display:block;
	background:url('../images/content/leading_end.png') no-repeat;
	width:41px;
	height:51px;
	left:3px;
	top:112px;
	position:absolute;
}
.leadingL li div{
	margin-top:7px;
	text-align:center;
	height:20px;
	position:relative;
}
.leadingL li div span{
	z-index:2;
	font-size:18px;
	color:#664848;
	font-weight:bold;
	font-family:'Nanum Square';
	position:absolute;
	left:50%;
	top:0px;
	display:block;
	line-height:20px;
	width:125px;
	margin-left:-62.5px;
}
.leadingL li div:after{
	content:'';
	display:block;
	position:absolute;
	left:50%;
	top:3px;
	height:16px;
	width:125px;
	margin-left:-62.5px;
	z-index:1;
	background:#e5c641;
}
.leadingR {
	float:right;
	width:852px;
	height:601px;
	padding:30px 0 0 0;
	position:relative;
}
.leadingR > .tit{
	background:url('../images/content/leading_tit_sc.png') 0 center no-repeat;
	padding-left:105px;
}
.leadingR > .tit img{padding: 0 5px}
.leadingR > .btnArea{
	position:absolute;
	right:0;
	top:35px;
}
.leadingR dl{
	position:absolute;
	right:10px;
	width:auto;
	top:100px;
}
.leadingR dt{
	float:left;
	border-radius:11px;
	width:54px;
	height:22px;
	line-height:24px;
	color:#413950;
	font-size:15px;
	text-align:center;
	margin-right:5px;
	font-weight:bold
}
.leadingR dd{
	float:left;
	color:#413950;
	font-size:15px;
	line-height:24px;
	margin-right:10px;
}
.leadingR .bx-wrapper{
	position:absolute;
	top:142px;
	left:0
}
.leadingR ul li > div{
	float:left;
	margin:0 0;
	padding: 57px 75px 25px 75px;
	height: 523px;
	width: 50%;
}
.leadingR ul li > div .tit{
	width:105px;
	height:45px;
	line-height:45px;
	font-size:27px;
	color:#ffffff;
	padding-left:13px;
	margin-left:2px;
	font-family:'Nanum Square';
	font-weight:bold;
}
.leadingR ul li > div .tit.none{background:none}
.leadingR ul li > div .img img{
	display:inline-block;
	box-shadow:2px 2px 2px #afafaf
}
.leadingR ul li > div .btnArea {
	margin-top:8px;
	text-align:center;

}
.leadingR > .subjectL {
	position:absolute;
	left:0;
	bottom:0;
	width:426px;
	height:522px;
	border-radius:0  0 0 10px
}
.leadingR > .subjectR {
	position:absolute;
	right:0;
	bottom:0;
	width:426px;
	height:522px;
	border-radius:0  10px 10px 0
}
/*

.leadingR.sc ul li > div:first-child .tit{background:url('../images/content/leading_day.png') no-repeat;}
.leadingR.kor ul li > div:first-child .tit{background:url('../images/content/leading_day_kor.png') no-repeat;}
.leadingR.best ul li > div:first-child .tit{background:url('../images/content/leading_day_best.png') no-repeat;}
.leadingR.dic ul li > div:first-child .tit{background:url('../images/content/leading_day_dic.png') no-repeat;}
.leadingR.sour ul li > div:first-child .tit{background:url('../images/content/leading_day_sour.png') no-repeat;}
.leadingR.map ul li > div:first-child .tit{background:url('../images/content/leading_day_map.png') no-repeat;}
.leadingR.history ul li > div:first-child .tit{background:url('../images/content/leading_day_history.png') no-repeat;}

.leadingR > .subjectR.sc + dl + .bx-wrapper li > div:last-child .tit{background:url('../images/content/leading_day.png') no-repeat;}
.leadingR > .subjectR.kor + dl + .bx-wrapper li > div:last-child .tit{background:url('../images/content/leading_day_kor.png') no-repeat;}
.leadingR > .subjectR.best + dl + .bx-wrapper li > div:last-child .tit{background:url('../images/content/leading_day_best.png') no-repeat;}
.leadingR > .subjectR.dic + dl + .bx-wrapper li > div:last-child .tit{background:url('../images/content/leading_day_dic.png') no-repeat;}
.leadingR > .subjectR.sour + dl + .bx-wrapper li > div:last-child .tit{background:url('../images/content/leading_day_sour.png') no-repeat;}
.leadingR > .subjectR.map + dl + .bx-wrapper li > div:last-child .tit{background:url('../images/content/leading_day_map.png') no-repeat;}
.leadingR > .subjectR.history + dl + .bx-wrapper li > div:last-child .tit{background:url('../images/content/leading_day_history.png') no-repeat;}
*/



.leadingR .tit.sc-bg{background:url('../images/content/leading_day.png') no-repeat;}
.leadingR .tit.kor-bg{background:url('../images/content/leading_day_kor.png') no-repeat;}
.leadingR .tit.best-bg{background:url('../images/content/leading_day_best.png') no-repeat;}
.leadingR .tit.dic-bg{background:url('../images/content/leading_day_dic.png') no-repeat;}
.leadingR .tit.sour-bg{background:url('../images/content/leading_day_sour.png') no-repeat;}
.leadingR .tit.map-bg{background:url('../images/content/leading_day_map.png') no-repeat;}
.leadingR .tit.history-bg{background:url('../images/content/leading_day_history.png') no-repeat;}

.leadingR.sc > .subjectL {background:#c7b8e4}
.leadingR.kor > .subjectL {background:#b8c16e}
.leadingR.best > .subjectL {background:#cd8d96}
.leadingR.dic > .subjectL {background:#f4a057}
.leadingR.sour > .subjectL {background:#d09c5f}
.leadingR.map > .subjectL {background:#9bb7dd}
.leadingR.history > .subjectL {background:#d39b72}

.leadingR > .subjectR.sc {background:#c7b8e4}
.leadingR > .subjectR.kor {background:#b8c16e}
.leadingR > .subjectR.best {background:#cd8d96}
.leadingR > .subjectR.dic {background:#f4a057}
.leadingR > .subjectR.sour {background:#d09c5f}
.leadingR > .subjectR.map {background:#9bb7dd}
.leadingR > .subjectR.history {background:#d39b72}

.leadingR ul li > div .btnArea img{vertical-align:bottom}
.leadingR > .subjectR.sc + dl > dt{background:#af9cce}

.leadingR > .subjectR.kor + dl > dt{background:#a4a27b}
.leadingR.kor ul li > div .tit {background:url('../images/content/leading_day_kor.png') no-repeat;}

.leadingR > .subjectR.best + dl > dt{background:#c1789f}
.leadingR.best ul li > div .tit {background:url('../images/content/leading_day_best.png') no-repeat;}

.leadingR > .subjectR.dic + dl > dt{background:#ce8b6b}
.leadingR.dic ul li > div .tit {background:url('../images/content/leading_day_dic.png') no-repeat;}

.leadingR > .subjectR.sour + dl > dt{background:#b4834a}
.leadingR.sour ul li > div .tit {background:url('../images/content/leading_day_sour.png') no-repeat;}

.leadingR > .subjectR.map + dl > dt{background:#909bc9}
.leadingR.map ul li > div .tit {background:url('../images/content/leading_day_map.png') no-repeat;}

.leadingR > .subjectR.history + dl > dt{background:#b7877e}
.leadingR.history ul li > div .tit {background:url('../images/content/leading_day_history.png') no-repeat;}
/* [e] 2018-09-29 리딩 추가 */

/* cursor pointer */
.cursor { cursor: pointer; }
/*-- cursor pointer */

.subjectList2 > li > div .title {
	width : 100%
}


.selectMenu > select {width: 150px; height: 30px; padding-left: 10px; font-size: 18px; color: #000000; border: 1px solid #000000; border-radius: 3px;}
.cal{background:url('../images/btn/cal2.png') right 0 no-repeat;padding-right:30px;width:190px}
.cal input{
	border-right:none !important;
	width:160px !important
}

.menuSubject{
	position:absolute;
	top:16px;
	left:223px;
	text-align:center;
	background:#ffffff;
	width:813px;
	height:49px;
	border-radius:25px
}
.menuSubject li{
	display:inline-block;
	padding:8px 0
}
.menuSubject li a{
	display:inline-block;
	line-height:32px;
	height:32px;
	border-radius:16px;
	text-align:center;
	color:#282828;
	font-size:20px;
	width:80px;
}
.menuSubject li.on a{background-color:#b7b090}

.layerPop.type2 {
	width:410px;
	max-height:412px;
	overflow:hidden;
	border:#a85762 solid 1px;
	background:#f7ead8;
	top:50%;
	margin:-206px 0 0 -205px
}
.layerPop.type2 > div > .tit{
	background:transparent;
	color:#a85762;
	font-size:21px;
	text-align:center;
}
.layerPop.type2 .close{right:13px;top:16px;}
.layerPop.type2 > div > .layerCont{
	padding:4px 30px 25px
}
.layerPop.type2 input[type='text'] {
	border:#a85762 solid 2px;
	background:#f7ead8;
	width:235px;
	font-size:15px;
	line-height:38px;
	height:42px;
	color:#a85762;
	font-weight:bold
}
.layerPop.type2 input::-webkit-input-placeholder{font-size:16px;color:#a85762}
.layerPop.type2 input::-ms-input-placeholder{font-size:16px;color:#a85762}
.layerPop.type2 input::-moz-placeholder{font-size:16px;color:#a85762}

.tip {
	background:url('../images/icon/icon_tip.png') 0 0 no-repeat;
	padding:0 0 0 40px;
	line-height:18px;
	color:#a85762;
	margin:25px 0 15px;
	font-size:16px;
	font-weight:bold
}
.guide p{
	color:#282828;
	font-size:15px;
	line-height:20px;
	padding:5px 0
}
.zipResult{
	overflow-y:scroll;
	height:265px;
	margin-top:10px;
}
.zipResult li{
	margin:10px 0;
	border:#a85762 solid 1px;
	cursor:pointer
}
.zipResult li p{
	min-height:29px;
	border-top:#a85762 solid 1px;
	padding:3px 15px 3px 70px;
	position:relative;
	line-height:120%;
	color:#282828;
	font-size:15px;
	font-weight:bold
}
.zipResult li p span{
	position:absolute;
	left:15px;
	top:3px;
	display:inline-block;
	width:45px;
	height:22px;
	line-height:22px;
	border-radius:11px;
	background-color:#a85762;
	text-align:center;
	color:#f7ead8;
	font-size:12px;
	font-weight:bold
}
.zipResult li p:first-child{border-top:none;padding-left:15px;}
.zipResult li p:first-child span{
	position:static;
	color:#ca6900;
	font-size:15px;
	background-color:transparent;
	text-align:left;
}
.tbSchool {border-top:#e7cdc0 solid 1px;margin-top:-10px}
.tbSchool th, .tbSchool td{
	border-bottom:#e7cdc0 solid 1px;
	padding:8px 0;
	font-size:15px;
	color:#a85762
}
.tbSchool th{padding:3px 20px 0;font-weight:bold}
.tbSchool td .select {width:235px;padding:0;border:2px solid #a85762;}
.tbSchool td .select > a {border-radius:0; padding:0 10px; height:42px; line-height:42px; background:transparent}
.tbSchool td .select > a span {font-size:15px; padding:0; background:none; line-height:42px; color:#a85762; font-weight:normal;font-weight:bold}
.tbSchool td .select > div {border:2px solid #a85762; width:102%; top:42px; left:-2px; border-radius:0;}
.tbSchool td .select > div > ul > li > a {
	line-height:29px;
	color:#a85762;
	border-radius:0;
	font-size:15px;
	font-weight:normal;
	text-align:center;
}
.tbSchool td .select > div > ul > li a:hover,
.tbSchool td .select > div > ul > li a.on {background:#a85762;color:#f7ead8}
.schoolList{
	margin-top:15px;
	border-top:#d7afa9 solid 1px;
	height:130px;
	overflow-y:scroll
}
.schoolList li{
	border-bottom:#d7afa9 solid 1px;
	padding:10px 0;
}
.schoolList li a{
	display:block;
	padding:0 20px;
	font-size:15px;
	font-weight:bold;
	color:#a85762
}

.readInfo{background-color:#e2e2e2 !important; text-align:left; padding-left:10px !important;}

/* new마이룸 20191216 */
.deep-wrap #header {height:82px; background:url('../images/myroom/bg_room_head.jpg') 0 0 repeat-x;}
.deep-wrap .conts {height:718px !important;}
.topCategory-area {float:left; overflow:hidden; margin-left:30px;}
.category-deep {float:left; overflow:hidden;}
.category-deep .btn {float:left; height:82px; padding:0; border-radius:0;}
.category-deep .btn a {display:block; width:100%; height:82px; text-indent:-9999px;}
.category-deep .btn.reading {width:126px; background:url('../images/myroom/btn_deepR_off.png');}
.category-deep .btn.study {width:125px; background:url('../images/myroom/btn_deepS_off.png');}
.category-deep .btn.reading.is-active {background:url('../images/myroom/btn_deepR_on.png');}
.category-deep .btn.study.is-active {background:url('../images/myroom/btn_deepS_on.png');}
.topCategory-area .btn-home {float:left; width:57px; height:82px; background:url('../images/myroom/btn_home.png');}
.topCategory-area .btn-home a {display:block; width:100%; height:82px; text-indent:-9999px;}
.topCategory-area .category-deep + .btn-home {margin-left:18px;}
.topmenu-area {float:left; margin-left:92px;}
.topmenu-area .topmenu {overflow:hidden;}
.topmenu-area .topmenu .top-btn {float:left; background:url('../images/myroom/btn_topmenu_off.jpg') 0 0 no-repeat; background-size:135px 82px;}
.topmenu-area .topmenu .top-btn.is-active {background-image:url('../images/myroom/btn_topmenu_on.jpg');}
.topmenu-area .topmenu .top-btn .menu-link {display:block; width:135px; height:82px; font-size:22px; color:#fff; line-height:82px; text-shadow:2px 4px 10px rgba(0,0,0,0.6);}
.btn-qrcode {position:absolute; top:0; right:0;}
.btn-qrcode img {display:block; width:196px; height:82px;}

.deep-cont {vertical-align:top !important; height:100%; background:url('../images/myroom/bg_room_gra.jpg') 0 0 repeat-x; background-color:#f2f2f2;}
.cont-top-area {position:relative; height:200px;}
.myinfoBtn-area {width:596px;}
.myinfo {overflow:hidden; padding-top:26px; margin-left:30px;}
.myinfo > li {float:left; width:33.33%; height:;}
.myinfo .info {width:130px; margin:0 auto;}
.myinfo .info .img {display:block; width:130px; height:130px; margin:0 auto; background-size:130px;}
.myinfo .info .txt {display:block; font-size:20px; font-weight:600; color:#333; line-height:22px;}
.myinfo .info .txt .name {font-size:20px; color:#333;}
.myinfo .info .sex {background:url('../images/myroom/img_room_item01.png') 0 0 no-repeat;}
.myinfo .info.type02 .sex {background-image:url('../images/myroom/img_room_item01_2.png');}
.myinfo .info .point {padding-top:51px; background:url('../images/myroom/img_room_item02.png') 0 0 no-repeat; font-size:22px; color:#010101;}
.myinfo .info .point > em {font-size:22px; font-weight:700; color:#010101;}
.myinfo .info .game {background:url('../images/myroom/img_room_item03.png') 0 0 no-repeat;}
.notice-area {position:absolute; top:20px; right:0; width:625px; height:218px; padding:23px 30px; background:url('../images/myroom/bg_ballon.png') 0 0 no-repeat; text-align:left;}
.notice-area h2 {font-size:22px; font-weight:700; color:#321d0d; line-height:40px;}
.notice-area .notice-list {margin-top:10px;}
.notice-area .notice-list .text {overflow:hidden; float:left; text-overflow:ellipsis; white-space:nowrap; width:380px; font-size:20px; color:#1b1b1b; line-height:34px;}
.notice-area .notice-list .date {float:right; margin-right:30px; font-size:20px; color:#1b1b1b; line-height:34px;}
.notice-area .btn-more {position:absolute; top:27px; right:60px;}
.notice-area .btn-more .ico-plus {display:inline-block; width:15px; height:15px; border:1px solid #1b1b1b; text-align:center; color:#1b1b1b; line-height:17px;}
.notice-area .btn-more .txt {padding-left:6px; font-size:18px; color:#1b1b1b;}

.cont-sec-area {overflow:hidden; margin-top:40px; padding:0 30px 0;}
.cont-sec-area .cont-sec {float:left; width:595px; height:440px;}
.cont-sec-area .cont-sec + .cont-sec {margin-left:30px;}
.contbox-top {position:relative; width:100%; height:63px; padding:16px 25px; background:url('../images/myroom/bg_tab_head.png') 0 0 no-repeat; text-align:left;}
.contbox-top h2 {font-size:22px; font-weight:700; color:#fff; text-shadow:2px 4px 10px rgba(0,0,0,0.6);}
.contbox-bottom {width:595px; height:377px;}
.incorrect-sec .contbox-bottom {display:none; }
.incorrect-sec .contbox-bottom.is-active {display:block;}
.faq-sec .contbox-bottom {border-bottom-left-radius:10px; border-bottom-right-radius:10px; background:url('../images/myroom/bg_room_faq.jpg') 0 0 no-repeat;}
.btn-faq-area {overflow:hidden; padding-top:88px;}
.btn-faq-area .btn-reply {float:left; width:50%;}
.btn-faq-area .btn-reply .tit-txt {display:block; font-size:20px; font-weight:700;}
.btn-faq-area .btn-reply.first {padding-left:36px;}
.btn-faq-area .btn-reply.second {padding-right:64px;}
.btn-faq-area .btn-reply.first .tit-txt {color:#e56d00;}
.btn-faq-area .btn-reply.second .tit-txt {color:#b8292f;}
.btn-faq-area .btn-reply .txtBox {display:block; padding-top:176px;}
.btn-faq-area .btn-reply .txtBox .num {font-size:50px; font-weight:700; color:#fff;}
.btn-faq-area .btn-reply .txtBox .unit {font-size:22px; color:#fff;}

.btn-tab-area {position:absolute; top:14px; right:30px; overflow:hidden;}
.incorrect-sec .contbox-bottom {padding:30px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; background-color:#fff;}
.btn-tab-area .btn-tab {float:left; background:url('../images/myroom/img_num_off.png') 0 0 no-repeat; background-size:47px 42px;}
.btn-tab-area .btn-tab > a {display:block; width:47px; height:42px; font-size:14px; font-weight:600; text-align:center; color:#010101; line-height:34px;}
.btn-tab-area .btn-tab.is-active {background-image:url('../images/myroom/img_num_on.png');}
.tab-subject-area {position:relative; overflow:hidden; z-index:2;}
.tab-subject-area .subject {float:left; width:169px; border-bottom:0; border-top-left-radius:10px; border-top-right-radius:10px; background-color:#f2f2f2;}
.tab-subject-area .subject > a {display:block; width:165px; height:50px; font-size:20px; font-weight:600; text-align:center; color:#56483d; line-height:50px;}
.tab-subject-area .subject + .subject {margin-left:14px;}
.tab-subject-area .subject.is-active {margin-bottom:0; border:2px solid #927653; border-bottom:0; background-color:#fff; }
.note-list-area {position:relative; height:270px; margin-top:-2px; padding:21px 30px; border:2px solid #927653; border-bottom-left-radius:10px; border-bottom-right-radius:10px; background-color:#fff; z-index: 1}
.note-list {display:none;}
.note-list.is-active {display:block;}
.note-list li > a {display:block; position:relative; color:#1b1b1b; font-size:20px; text-align:left; line-height:37px;}
.note-list .text {display:inline-block; overflow:hidden; width:330px; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle;}
.note-list .date {position:absolute; top:0; right:0; line-height:37px;}

/* 중간메인 */
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}
.subMainList li p span{
	display:table-cell;
	text-align:center;
	font-size:16px;
	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;}
/*-- 중간메인 */

/* 이용약관 */
.joinBox .headBox .headBoxTitle {font-family:'NanumSquareRound', sans-serif; font-weight:700; font-size:26px; color:#fff6e4; letter-spacing:;}
.termsBoxList {text-align:left;}
.termsBoxList .allAgreeBox {margin:0 0 10px; padding:0 15px 0 0; text-align:right;}
.termsBoxList .termsBox {padding:20px; border:1px solid #000;}
.termsBoxList .termsBox + .termsBox {margin-top:25px;}
.termsBoxList .termsBox h3 {margin:0 0 15px; padding-left:0; background:none; font-family:'NanumSquareRound', sans-serif; font-weight:700; font-size:22px; line-height:22px; color:#865e44; letter-spacing:-1px;}
.termsBoxList .termsBox h3:before {content:''; display:inline-block; width:8px; height:8px; margin:0 8px 0 0; background-color:#865e44; vertical-align:4px;}
.termsBoxList .termsBox .terms {overflow-y:auto; height:150px; padding:20px; background-color:#f0f0f0;}
.termsBoxList .termsBox .agreeChk {margin:15px 0 0;}
.termsArticle .termsArtiTitle {margin:0 0 15px;}
.termsArticle .termsArtiText {font-size:16px; line-height:22px;}
.termsArticle .termsArtiText + .termsArtiText {margin-top:12px;}