@charset "utf-8";
/* CSS Document */




/* 환불 예정금액 확인 */
.ls{letter-spacing:-0.05em}
.w100{width:96%; margin:0 auto}
.tbl_oderdetails td.amount{border:none;background:#c6d9f1;color:#000;height:20px;}
.tbl_oderdetails td.amount dl dt{background-image:none}
.refund_txt{ width:95%; padding:1px;}
p.refund{ font-size:14px; font-weight:bold; width:190px; margin:0 auto; padding:20px 0px 15px 0px;}
p.btn_re{ width:75px; margin:0 auto; padding:0px 0px 30px 0px;}
p.btn_refund{ width:50px; margin:0 auto; padding:30px 0px 30px 0px;}


.tbl_refundbg{ background-color:#f0f0f0; width:100%;}
.tbl_refundbg td{padding:0px 10px 10px 15px;}
.tbl_refundbg td.pt20{padding-top:20px;}
.tbl_refundbg td.pb20{padding-bottom:20px;}
.tbl_refundbg td p{ line-height:25px;}


.tbl_refund td div .calc{display:block;position:absolute;right:-15px;top:90px;width:30px;height:30px;background:url(../images/sub/sp_refund.png) no-repeat}
.tbl_refund td div .calc.sum{background-position:-40px 0}
.tbl_refund td.default a.calc{display:block;overflow:hidden;width:135px;height:33px;margin:0 auto 12px;background:url(../images/sub/sp_refund.png) no-repeat 0 -95px;text-indent:-9000px}

.tbl_refund{width:100%;border:none;border-top:2px solid #9b9ea4;table-layout:fixed; margin-top:15px;margin-bottom:15px;}
.tbl_refund td{height:200px;border:none;border-left:1px solid #dbe2e5;border-bottom:1px solid #dde3e6;vertical-align:top}
.tbl_refund td+td{border-color:#f0f0f0}
.tbl_refund td.amount{border:none;background:#c6d9f1;color:#000;}
.tbl_refund td div{position:relative;padding:0 22px}
.tbl_refund td div .calc{display:block;position:absolute;right:-15px;top:80px;width:30px;height:30px;background:url(../images/sub/sp_refund.png) no-repeat}
.tbl_refund td div .calc.sum{background-position:-40px 0}

.tbl_oderdetails td dl{ color:#000;padding-right:7px;}
.tbl_oderdetails td dl dt{height:27px; padding-top:10px;background:url(../images/sub/line_refund.gif) repeat-x 0 100%;font-size:13px;font-weight:bold;text-align:left;letter-spacing:-0.05em}
.tbl_oderdetails td dl dt span{display:block; float:right;margin-top:0px;font-size:11px;font-weight:normal;color:#000; }
.tbl_oderdetails td dl dt span em{position:relative;top:0px;padding-right:3px;font-weight:bold;font-size:16px;color:#000;line-height:16px}
.tbl_oderdetails td dl dd{overflow:hidden;margin-bottom:3px;color:#000;text-align:right;line-height:14px}
.tbl_oderdetails td dl dd span{float:left;color:#000;letter-spacing:-1px}
.tbl_oderdetails td dl dd span a.btn_detail{display:inline-block;overflow:hidden;width:26px;height:16px;margin-left:2px;background:url(../images/sub/sp_refund.png) no-repeat 0 -35px;line-height:9999px;vertical-align:top}



.tbl_refund td.default{height:142px;padding-top:69px;font-size:11px;color:#383a41;text-align:center;letter-spacing:-1px;line-height:16px}
.tbl_refund td.default a.calc{display:block;overflow:hidden;width:135px;height:33px;margin:0 auto 12px;background:url(../images/sub/sp_refund.png) no-repeat 0 -95px;text-indent:-9000px}
.tbl_refund td.default strong{color:#f86f46}
.refund_tip{padding:15px 0 10px;border-bottom:1px solid #dddde1}
.refund_tip li{margin-bottom:5px;padding-left:6px;background:url(../images/sub/sp_refund.png) no-repeat 0 -64px;font-size:11px;color:#8e929c;letter-spacing:-1px;line-height:14px}
 .dsc_refund{margin-top:8px;text-align:right}
.dsc_refund span.info{display:inline-block;padding-left:17px;background:url(../../../../img/service/front/order/spr_ico.gif) no-repeat 0 -269px;color:#080;font-size:11px;letter-spacing:-1px;line-height:15px}


.tbl_mp_wp p.refund{width:100%;  text-align:center; line-height:24px; padding:20px 0;}
.tbl_mp_wp p.refund a {color:#1f82c3;}




/* paging */
.paging{position:relative; overflow:hidden; padding:10px 0 20px 0; text-align:center; font-size:14px;background:#fff;}
.paging a{display:inline-block;margin:0 2px;width:35px;height:35px;padding:0;line-height:2.6em; border: 1px solid #d2d2d2; background:#fff; color:#707070; font-weight:bold; vertical-align:top; text-align:center; font-size:14px;}
.paging strong{display:inline-block;margin:0 2px;width:35px;height:35px;padding:0;line-height:2.6em; border: 1px solid #d2d2d2; background:#1e75d6; color: #fff; font-weight:bold; vertical-align:top; text-align:center; font-size:14px;}
.paging span{margin:0 4px;}
.paging span a{width:35px;padding:0;margin:0 2px;letter-spacing:-3px;line-height:2.5em;font-size:14px;vertical-align:top;color: #707070}
.paging .prev {font-size:16px; float: left}
.paging .next {font-size:16px; float: right}





/** subBox **/
.subBox {
	/* margin-top:15px; 0928수정*/
	background:#fff;
	min-height:100%;
}

.subBox.backN{ background:none;}

.subBox .listBox{
	border:0px none;
	border-top:1px solid #ccc;
	margin:0;
	padding:22px 26px;
}

.subBox .listBox.mp3{padding: 15px; border-top: none; margin-bottom: 12px;overflow: hidden; border-bottom: 2px solid #e2e2e2;}
.subBox .listBox.mp3> li .subject{font-size: 14px;color: #474b56;line-height: 18px;padding: 0 6px;margin-top: 7px;}

/*** contents ***/
.contents{
    border-top:0px solid #ccc;
	padding:10px 11px;
	overflow:hidden;
	min-height:400px;
}

.contents2{
    border-top:1px solid #ccc;
	overflow:hidden;
}

.contents.event{
	padding:0px 0px;
	 background: #e8e8ea;
}

.contents.popular{
	padding: 0 11px;
}

.contents.popular.noborder{
	border-top:none;	
}

.contents.popular .subject{
	font-family: 'Nanum Gothic Bold';
	line-height: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
}	

.contents .contents_t{
    position:relative;
    overflow:hidden;
	margin-bottom: 20px;
}



.contents .contents_t .thum{
	float:left;	
	/*border:solid 1px #ccc;*/
}	

.contents .contents_t .subject{
	font-family: 'Nanum Gothic Bold';
	line-height: 20px;
	
}	

.contents .contents_t .info{
	margin-top: 20px;
	position:relative;
	border-bottom: dashed 1px #e1e1e1;
	padding-bottom:26px;
}

/* 0927
.contents .txtlist{
	font-size: 14px;
    line-height: 23px;
    padding-left: 120px;
}*/

.contents .txtlist.pl{
	position:relative;
	min-width:100px;
} 


.contents .txtlist.pl155{
    padding-left:128px;
	position:relative;
	min-width:100px;
} /* 1221수정 */

.contents .txtlist.pl155.h145{
	height:145px;	
}

.contents .txtlist.pl155 .step{padding-left:20px; font-size:12px;}

.contents .txtlist.pl155 .m_type{
	display: table-cell; 
	white-space: normal;
	padding-left:20px;
	font-size:12px;
}

.contents .contents_t .info p{
	font-size: 12px;
	padding-bottom:20px;
	color:#777;
}

.contents .contents_t .info p.ty2{
	font-size: 14px;
	padding-bottom:20px;
	color:#333;
	overflow:hidden;
	display: inline-block;
    vertical-align: top;
}

.contents .contents_t .info p.pbno{ padding-bottom:10px;}

.line_pb{border-bottom: dashed 1px #e1e1e1; padding-bottom: 15px;}

.contents .contents_t .info p.ty2.pd4{
	padding-bottom:4px;
	font-size:13px;
}

.contents .contents_t .info p.ty2.pd4 span{ font-weight:bold; padding-right:7px; color:#454545; vertical-align:middle;}

.contents .contents_t .info p.ty2 b{
	color: #fd1b70;
    font-weight: bold;
}

.contents .txtlist .input_txt_num {
	border: 1px solid #ddd;
    height: 20px;
    padding: 2px 4px;
    width: 25px;
	text-align:center;
}

.contents .txtlist ul.first{
	overflow:hidden; 
	padding: 0px 0px 8px 0px; 
	height:70px
}

.contents .txtlist ul.first li{
	float:left;
}	

.contents .txtlist ul.first li.st{
	font-size:13px;
	margin-right:7px;
}

.contents .txtlist ul.first li input{
	vertical-align:middle;
}

.contents .txtlist ul.first li span.all{
	padding-left:10px;	
}

.contents .txtlist ul.first li span.price{
	padding:0px 0 0 7px;
	font-size: 15px;
    font-weight: bold;
    color: #1e75d6;
}

.contents .txtlist .all{ padding-left:20px;}

.contents .txtlist .all span{
	padding:0px 0 0 5px;
	font-size: 15px;
    font-weight: bold;
    color: #1e75d6;
}

.contents .txtlist ul.second{
	padding:8px 0; 
	line-height:35px;
}

.contents .contents_t .txtlist2{
	font-size: 13px;
    line-height: 22px;
    padding:14px 15px 15px 5px;

}

.contents .contents_t .txtlist3{
	font-size: 14px;
    line-height: 23px;
    padding-left:120px;
}

.contents .contents_t .txtlist3 .input_txt_num{
	border: 1px solid #ddd;
    height: 20px;
    padding: 2px 4px;
    width: 16px;
}

.contents .contents_t .info .subject{
	font-size:15px;
	line-height:18px;
	display:block;
}

.contents .contents_t .info .btn_area{
	position:absolute;
	left:120px;
	bottom:0;
	text-align:left;
}	


.contents .contents_t .info .list_img{
	float:left;	
	padding-top:6px;
}

/*.list_img2{
	text-align: center;
	padding-top:6px;
	padding: 1% 17% 0 20%;
}*/

.list_img2{
	text-align: center;
	padding-top:6px;

	width: 90%;
	margin: 0 auto;
}

.list_img2.tl{text-align: left; position:relative; }

.list_img2 img{
	width: 100%;
	max-width:410px;
    margin-top: 6px;
	display:block;
	margin:0 auto;
	border-radius: 10px;
}


.list_img2 img.w70{width:78%; margin-left: 1.2em; display:inline-block; vertical-align:bottom; }
.list_img2 img.w96{width: 2em !important;     margin-left: 10px; }
.list_img2 img.w962{width:2em !important;     margin-left: 10px;} 


.list_img2 .sampleLecture{
	display:block;	
	padding: 0 4px;
    -webkit-border-radius: 2px;
	border: 1px solid #d5d5d5;
	background: #f0f0f0;
    color: #1b1b1b;
    font-size: 11px;
    line-height: 24px;
    font-weight: bold;
	width: 46px;
    margin: 0 auto;
}


.contents .contents_t .info .btn_sample{
	position:absolute;
	top:105px;
	left:32px;
	z-index:99;
}


.contents .contents_t .info .btn_sample2{
	margin: 0 auto;
    width: 66px;
	margin-top:15px;
}


.studyroom_contents{
	border-top:1px solid #ccc;
	padding:20px 0px;
	overflow:hidden;
	min-height:200px;
	margin-bottom:15px;
}

.studyroom_contents.noR{
	border-top:none;
	padding:0;
}

.studyroom_contents.mb0{ margin-bottom:0px; }

.contents_detail{
	overflow: auto;
    min-height: 200px;
    padding: 30px 11px;
    border-bottom: 1px solid #ccc;
    font-size: 14px;
    line-height: 25px;
}


.contents_detail img{
	min-width:300px;
	max-width:600px;
	width:100%;
}

.contents_detail .bt_listen{
	width:56px;
	height:20px;
	min-width:0px;
}

.studyR{
	background-color:#fff;	
}


/*** btnBox ***/

.btnBox1{
	margin:0 auto;
	width:100px;
	overflow:hidden;	
}


.btnBox1 li{
	float:left;	
	width:90px;
	padding:0 5px;
	box-sizing:border-box;
	display:table;
}


.btnBox2{
	margin:0 auto;
	width:200px;
	overflow:hidden;	
}


.btnBox2 li{
	float:left;	
	width:90px;
	padding:0 5px;
	box-sizing:border-box;
	display:table;
}



.btnBox22{
	margin:0 auto;
	width:200px;
	overflow:hidden;	
}


.btnBox22.w172{
	margin:0 auto;
	width:172px;
	overflow:hidden;	
}

.btnBox22.w172.bt2{width:147px;}

.btnBox22 li{
	float:left;	
	/* width:60px; 0928t수정 */
	padding:0 5px 0 0;
	box-sizing:border-box;
	display:table;
}


.btnBox222{
	margin:0 auto;
	overflow:hidden;	
}


.btnBox222 li{
	float:left;	
	padding:0 5px 0 0;
	box-sizing:border-box;
	display:table;
}


.btnBox2_og{
	margin:0 auto;
	width:220px;
	overflow:hidden;	
}


.btnBox2_og li{
	float:left;	
	padding:0 5px;
	box-sizing:border-box;
	display:table;
}




.btnBox3{
	margin:0 auto;
	width:300px;
	overflow:hidden;	
}


.btnBox3 li{
	float:left;	
	width:90px;
	padding:0 5px;
	box-sizing:border-box;
	display:table;
}

.btnBox3.wid366{
	width: 354px;
}

.btnBox3.wid366 li{
	float:left;	
	width:118px;
	padding:0 5px;
	box-sizing:border-box;
	display:table;
}

.btnBox4{
	margin:0 auto;
	width:310px;
	overflow:hidden;	
}


.btnBox4 li{
	float:left;	
	width:75px;
	padding:0 5px;
	box-sizing:border-box;
	display:table;
}


.btnBox5{
	margin:0 auto;
	width:315px;
	overflow:hidden;	
}


.btnBox5 li{
	float:left;	
	width:60px;
	padding:0 4px;
	box-sizing:border-box;
	display:table;
}

/*버튼 6개 */
.btnBox61{
	margin:0 auto;
	width:315px;
	overflow:hidden;	
}


.btnBox61 li{
	float:left;	
	width:47px;
	padding:0 4px;
	box-sizing:border-box;
	display:table;
}
/*버튼 6개 */

.btnBox6{
	overflow:hidden;
	text-align:right;
	float:right;
	vertical-align:middle;
	font-family: 'Nanum Gothic';
	padding-right:5px;
}


.btnBox6 li{
	float:left;	
	width:163px;
	padding:0 4px;
	box-sizing:border-box;
	display:table;
}

.btnBox6 li.ft11{
	font-size:11px;	
	color:#333;
	width:200px;
	padding-top:11px;
}

.btnBox7{
	overflow:hidden;
	text-align:right;
	vertical-align:middle;
	position:absolute;
	top:10px;
	right:5px;
	font-family: 'Nanum Gothic';
}


.btnBox7 li{
	float:left;	
	width:170px;
	padding:0 4px;
	box-sizing:border-box;
	display:table;
}

.btnBox.col2 li{
	width:50%;
}






.btnBox_set1{
	margin:0 auto;
	width:80px;
	overflow:hidden;	
}





.btnBox_set3{
	margin:0 auto;
	width:230px;
	overflow:hidden;	
}




.btns {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    padding: 0 12px;
    color: #fff;
    vertical-align: middle;
    font-size: 11px;
    letter-spacing: -1px;
	/*background: #1073b0;*/
    background: #1e75d6;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    /*box-shadow: 0 1px 0 #e1e1e1;*/
    /*-webkit-box-shadow: 0 1px 0 #e1e1e1; */
    -moz-box-shadow: 0 1px 0 #e1e1e1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#e1e1e1,direction=0, strength=1)";
    text-align: center;
}

.btns2 {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    padding: 0 12px;
    color: #fff;
    vertical-align: middle;
    font-size: 11px;
    letter-spacing: -1px;
	/*background: #1073b0;*/
    background: #f9144e;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    /*box-shadow: 0 1px 0 #e1e1e1;*/
    /*-webkit-box-shadow: 0 1px 0 #e1e1e1; */
    -moz-box-shadow: 0 1px 0 #e1e1e1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#e1e1e1,direction=0, strength=1)";
    text-align: center;
}

.gray {
    border: 1px solid #d5d5d5;
    background: #f0f0f0;
	color: #1b1b1b;
}

.gray2 {
    border: 1px solid #a09f9f;
    background: #f8f8f8;
	color: #504f4f;
	font-size:11px;
	padding: 0 5px;
	width:56px;
	height: 26px;
	line-height:26px;

}

.sampleplay {
	width:61px;
	padding: 5px 20px;
    border: 0;
    background: #2076D6;
	color: #fff;
	border-radius:0;	
	font-size:13px;
}

.gray2.w40{
	width: 40px;
	background: #f8f8f8;
	color:#504f4f;
	border: 1px solid #a09f9f;
}

.gray2.w54{
	width: 54px;
	background:#9c27b0;
	color:#fff;
	border: 1px solid #8c19a0;
}

.red{
	border: 1px solid #fc7c6f;
    background: #fffaf9;
	color: #e82727;
	font-size:11px;
	padding: 0 5px;
	width:56px;
	height: 26px;
	line-height:26px;
   

}

.blue{
	font-weight:400;
    background: #8EC2E1;
	border:1px solid #72add0;
	color: #fff;
	font-size:12px;
	padding: 0 5px;
	width:141px;
	height: 26px;
	line-height:26px;
	box-sizing: border-box;

}

.red.w40{
	width: 40px;
	background: #fffaf9;
	color:#e82727;
	border: 1px solid #fc7c6f;
}

.red.w41{
	width: 40px;
	background: #f9144e;
	color:#fff;
	border: 1px solid #fc7c6f;
}

li .mpbt{
	height:35px;
	background:#7F33AD;
	border-radius:5px;	
	text-align:center;
	color:#fff;
	font-size:13px;
	vertical-align:middle;
	display:table-cell;
	line-height:12px;
}

li .ogbt{
	height:35px;
	background:#3e5f40;
	border-radius:5px;	
	text-align:center;
	color:#fff;
	font-size:13px;
	vertical-align:middle;
	display:table-cell;
	line-height:12px;
}

li .webbt_as {
	height:35px;
	background:#003673;
	border-radius:5px;	
	text-align:center;
	color:#fff;
	font-size:13px;
	vertical-align:middle;
	display:table-cell;
	line-height:12px;
}

li .databt{
	height:35px;
	background:#199db3; /*#6C9C40; #5BAF3F;*/ 
	border-radius:5px;	
	text-align:center;
	color:#fff;
	font-size:13px;
	vertical-align:middle;
	display:table-cell;
	line-height:12px;
}

li .yesbt{
	height:35px;
	background:#3367B5;
	border-radius:5px;	
	text-align:center;
	color:#fff;
	font-size:10px;
	vertical-align:middle;
	display:table-cell;
	line-height:12px;
}


li .webbt{
	height:35px;
	/* background:#CC4646; */
	background:#1e75d6;
	border-radius:5px;	
	text-align:center;
	color:#fff;
	font-size:13px;
	vertical-align:middle;
	display:table-cell;
	line-height:12px;
}

li .selbt{
	height: 35px;
    background: #3367B5;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    font-size: 13px;
    vertical-align: middle;
    display: table-cell;
    line-height: 12px;
}

li .basketbt{
	height: 35px;
    background: #33AABB;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    font-size: 13px;
    vertical-align: middle;
    display: table-cell;
    line-height: 12px;
}

li .gotoApp{
	height: 29px;
    background: #0f7fd4;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    vertical-align: middle;
    display: table-cell;
    line-height: 12px;
	font-weight:normal;
}

li .gotolist{
	height: 35px;
    border-radius: 5px;
    text-align: center;
    font-size: 11px;
    vertical-align: middle;
    display: table-cell;
    line-height: 11px;
	border: 1px solid #d5d5d5;
    background: #f0f0f0;
    color: #1b1b1b;
}

li .remark {
	height: 35px;
    border-radius: 5px;
    text-align: center;
    font-size: 11px;
    vertical-align: middle;
    display: table-cell;
    line-height: 11px;
	border: 1px solid #c9c9c9;
    background: #d4d4d4;
    color: #1b1b1b;
}
li .ebook{
	height:35px;
	background:#e65d9b;
	border-radius:5px;	
	text-align:center;
	color:#fff;
	font-size:13px;
	vertical-align:middle;
	display:table-cell;
	line-height:12px;
}


li .ft11 {font-size:11px; line-height:11px;}


/* event btn */


.contents .contents_t .info .btn_area a{}
.contents .contents_t .info .btn_area img{}

.contents .contents_lecture {
	overflow:hidden;	
}

.contents .contents_lecture .lecture_info{
	border-bottom: 1px solid #ebebeb;
	padding: 10px 0 9px 15px;
}

.contents .contents_lecture .lecture_thum{
    float: left;
	
}

.contents .contents_lecture .lecture_thum img{
	width:128px;
	height:90px;
}

.contents .contents_lecture .info {
	margin-left: 150px;
    min-height: 115px;
}

.contents .contents_lecture .info .subject{
	font-size:14px;
	line-height:18px;
}

.contents .contents_lecture .info .txtlist{
	margin-top: 10px;
    font-size: 13px;
    line-height: 19px;
	color:#818181;
	padding-left: 5px;
}

.contents .contents_lecture .info .txtlist.ty2{
	padding-left: 0px;
}

.contents .txtlist{
	margin-top:20px;	
	font-size:14px;
	line-height:23px;
	min-width:340px;
}


.contents .txtlist b {
	color: #fd1b70; 
	font-weight: bold;
}



.contents .txtbox{

    margin-top:5px;
	margin-bottom:0px;
}

.contents .txtbox .con_title{
	font-size:14px;
	font-family: 'Nanum Gothic Bold';
	padding: 10px 0 9px 15px;
	background:url(../images/icon/bul_01.gif) no-repeat left 10px;
    border-bottom:1px solid #ebebeb;
    margin-bottom:10px;
}

.contents .txtbox .con_txt{
	font-size:13px;	
	line-height:22px;
	padding:0 15px;
}

 .contents .txtbox .con_txt img, iframe, .txtbox img { 
 max-width:100%; 
}

.contents .txtbox .sv_list{
	padding-left:15px;
	padding-right:15px;
	font-size:13px;
	line-height:40px;
	
}

.contents .txtbox .sv_list > li{
	margin-bottom:20px;	
}
.contents .txtbox .sv_list > li > p{
	font-size:14px;
	font-weight:bold;	
}

.contents .txtbox .sv_list > li > ul{
	padding-left:10px;	

}
.contents .txtbox .sv_list > li > ul li{
	padding-left:5px;
	padding-right:5px;
	margin-bottom:4px;
	border-bottom: dashed 1px #ccc;
	overflow:hidden;
 	display:block;
}

.contents .txtbox .sv_list > li > ul li img{
	float:right;
	padding-top:12px;
	padding-right:4px;
}

.contents .txtbox .sv_list > li .sec_type{
	padding-left:0px;
}


.contents .txtbox .sv_list > li .sec_type li a{
	color:#666666;
	display:block;
}



.contents .txtbox .sv_list1{
	padding-left:15px;
	padding-right:15px;
	font-size:13px;
	line-height:28px;
	
}

.contents .txtbox .sv_list1.lineH18{
	line-height:18px;
	padding-top:10px;
}

.contents .txtbox .sv_list1 > li{
	margin-bottom:20px;	
}
.contents .txtbox .sv_list1 > li > p{
	font-size:14px;
	font-weight:bold;	
}

.contents .txtbox .sv_list1 > li > ul{
	padding-left:10px;	

}
.contents .txtbox .sv_list1 > li > ul li{
	padding-left:5px;
	padding-right:5px;
	margin-bottom:4px;
	border-bottom: dashed 1px #ccc;
	overflow:hidden;
 	display:block;
}

.contents .txtbox .sv_list1 > li > ul li img{
	float:right;
	padding-top:12px;
	padding-right:4px;
}

.contents .txtbox .sv_list1 > li .sec_type{
	padding-left:0px;
}


.contents .txtbox .sv_list1 > li .sec_type li a{
	color:#666666;
	display:block;
}





.contents .cla_bx .cn_bx .no_txt{
  	padding: 23px 0 0;
  	font-size: 14px;
  	line-height:20px;
	text-align: center;	
}

.contents .cla_bx .cn_bx .no_txt p{
	padding: 17px 0 20px;
}

.contents .cla_bx .cn_bx .no_txt .ico_nolect{
 	display: block;
  	height: 32px;
  	background:url(../images/icon/ico_nolect.png) no-repeat 50% 50%;
  	background-size: 32px;
}

.contents .cla_bx .app_lec {
	text-align: center;
    font-size: 0;
    margin-bottom: 8px;

}

.contents .cla_bx .app_lec a{
	display:block;
	height: 35px;
    line-height: 35px;
    background: #1e75d6;
    border: solid 1px #1e75d6;
    font-size: 14px;
    color: #fff;
    padding: 0 10px;
    margin: 0 3px;
    border-radius: 2px;
}

/*
.contents .guide_info{
	margin-top:	70px;
	color:#999999;
	font-size:13px;
	margin-bottom:40px;
	
}

.contents .guide_info .guide_tit{
	display:block;
	font-size:14px;
	height:18px;
    font-family: 'Nanum Gothic Bold';
	padding: 3px 0 10px 23px;
}

.contents .guide_info ul{
	line-height:21px;	
}

.contents .guide_info ul li{
	padding-left:9px;	
	text-indent:-9px;
}
*/

.contents .cla_bx > p{
	display:block;
	font-size:13px;	
	margin:10px 0;
	padding: 0 0 5px 0;
}

.contents .cla_bx .table_cls{
 	border-top: 2px solid #e2e2e2;
	border-bottom: 2px solid #e2e2e2;
	overflow:hidden;
	padding:15px 0 5px 0;
  
}

.contents .cla_bx .table_cls li{
	position: relative;	
	overflow:hidden;
	padding: 17px 0px;
	border-bottom:1px solid #e2e2e2;
}

.contents .cla_bx .table_cls li.last{
	border-bottom:0px none; /* fixed */
}

.contents .cla_bx .table_cls li .list_img{
    float: left;
}

.contents .cla_bx .table_cls li .list_img img{
	width:128px;
	height:90px;	
}



.contents .cla_bx .table_cls li dl{
	margin-left:130px;
	min-height:115px;
}

.contents .cla_bx .table_cls li dl dt{
	 font-size:14px;
	 line-height:20px;
	 padding:0 0 0 15px;
  	 margin-bottom:8px;
     font-weight: bold;	 
}

.contents .cla_bx .table_cls li dl dt a{
	 color:#1c1c1c;	
}

.contents .cla_bx .table_cls li dl dd{
	font-size:13px;
	line-height:18px;
	padding: 0 0 0 15px;
	color:#666666;
}

.contents .cla_bx .table_cls li dl dd .last{
	color:#aeaeaf;

}



/*lecture_bx */
.contents .lecture_bx{
	position:relative;	
}

.contents .lecture_bx.p10{
	padding: 20px 11px;	
}

.contents .lecture_bx > p{
	display:block;
	font-size:13px;	
	color: #777;

	padding:6px 93px 10px 0;
	overflow:hidden;
	text-align: right;
}

.contents .lecture_bx > p.txtB{
	margin:0 0 10px 0;
	padding-bottom:20px;
}

.contents .lecture_bx > p.txtB.mt20{
	margin-top:20px;
	border-bottom: 1px solid #e7e7e7;
}

.contents .lecture_bx > p span{
	font-size: 13px;
    color: #1e75d6;
}

.contents .lecture_bx .selectBox{
	position:absolute;
	top:0;
	right:0;
	width: 215px;
    text-align: right;
}

.contents .lecture_bx .selectBox select{
	border: 1px solid #ddd;
    height: 27px;
    padding: 0px 4px 3px 4px;
    width: 85px;
    line-height: 20px
}

.contents .lecture_bx .table_cls{
 	border-top: 2px solid #e2e2e2;
	border-bottom: 2px solid #e2e2e2;
	overflow:hidden;
	padding:0 0 5px 0;
  
}

.contents .lecture_bx .table_cls .btnBox1 a{
	font-weight:bold;
}

.contents .lecture_bx .table_cls .btnBox3 a{
	font-weight:bold;
}

.contents .lecture_bx .table_cls .btnBox3 .btnEm{
	height: 36px;
    line-height: 32px;
    border: 1px solid #d5d5d5;
    background: #fff;
    margin-right: 7px;
}





/** tab **/

.list_tab{
	display: table;
    position: relative;
    z-index: 10;
    width: 100%;
	border-top: 1px solid #828282;
	overflow:hidden;
}

.list_tab li{
    width: 50%;
    text-align: center;
    border-bottom: 1px solid #cdced2;
	/* border-left:1px solid #bbbbbb; */
    background-color: #f0f0f0;
    -webkit-box-shadow: inset 0 1px 0 #fff;
    box-shadow: inset 0 1px 0 #fff;
    vertical-align: middle;
	float:left;
	height:40px;
	line-height:40px;
	text-align:center;
	vertical-align: middle;
	color:#666666;
}

.list_tab li.on{
	border-bottom: 1px solid #ebebeb;
    background-color: #fff;
    color: #000;
	border-left:none;
}

.list_tab li.on a{
	 color: #000;
}


.list_tab li a{
	display: block;
    padding: 14px 0 0px 0;
    font-weight: bold;
    color: #666;
    line-height:13px;
    letter-spacing: -0.05em;
    vertical-align: middle;
	font-size:13px;
}


.contents.popular .lecture_bx .table_cls{
	border-top:0px none;
}

.contents.popular .lecture_bx .table_cls li:first-child{ border-top:none;}

.contents.popular .lecture_bx .table_search{
	font-size:14px;	
	line-height: 20px;
	margin-left:10px;
	margin-bottom:50px;
}

.contents.popular .lecture_bx .table_search li{
	border-bottom: dashed 1px #e1e1e1;
	padding-bottom: 12px;
}

.contents.popular .lecture_bx .table_search a{
	margin:20px 0 ;
    display:block;
	color:#333;
}

.contents .lecture_bx .table_cls > li{
	position: relative;	
	overflow:hidden;
	padding: 17px 0px;
	border-top:1px solid #e2e2e2;
}



.contents .lecture_bx .table_cls > li.pb_no{ padding-top:30px; padding-bottom:10px;}


.contents .lecture_bx .table_cls li.last{
	border-top:none; /* fixed */
	padding: 17px 0px;
}


.contents .lecture_bx .table_cls li .title_new{
	font-size: 16px;
    line-height: 16px;
    padding: 0px;
    margin-bottom: 8px;
    font-weight: bold;
	color:#1c1c1c;
}

.contents .lecture_bx .table_cls li .list_img{
    float: left;
}

.contents .lecture_bx .table_cls li .list_img img{
	width:90px;
	height:122px;	
}

.contents .lecture_bx .table_cls li dl{
	margin-left:95px;
	min-height:115px;
}

.contents .lecture_bx .table_cls li dl dt{
	 font-size:14px;
	 line-height:20px;
	 padding:0 0 0 15px;
  	 margin-bottom:8px;
     font-weight: bold;	 
	 color:#1c1c1c;
}

.contents .lecture_bx .table_cls li dl dt a{
	 color:#1c1c1c;	
}

.contents .lecture_bx .table_cls li dl dd{
	font-size:13px;
	line-height:18px;
	padding: 0 0 0 15px;
	color:#666666;
}

.contents .lecture_bx .table_cls li dl dd .last{
	color:#aeaeaf;

}



.contents .lecture_bx .table_cls li ul{
	margin-left:95px;
	min-height:115px;
}

.contents .lecture_bx .table_cls li ul.ml_no{ margin-left:0px; min-height:88px; margin-top:20px;}
.contents .lecture_bx .table_cls li ul.ml_no li{ padding-left:0px;}

.contents .lecture_bx .table_cls li ul li{
	font-size:13px;
	line-height:18px;
	padding: 0 0 0 15px;
	color:#666666;
}

.contents .lecture_bx .table_cls li ul li .last{
	color:#aeaeaf;

}


.contents .lecture_bx .table_cls li ul li p.ver{
	display:inline-block;
    padding: 3px 2px 0 0;

}


.contents .lecture_bx .table_cls li b {
	color: #fd1b70; 
	font-weight: bold;
}

.contents .lecture_bx .table_cls.noLine{
	border-top: none;
	border-bottom: none;	
}


.contents .lecture_bx .table_cls.noLine > li:first-child{
	border-top:none;
}



.contents .lecture_bx ul.list_dot{
	padding: 20px 11px;
}


.contents .lecture_bx .list_dot > li{
	position: relative;
    padding-left: 10px;
    font-size: 14px;
    line-height: 21px;
    color: #666;
}

.list_dot{
	margin-top: 10px;
}

.list_dot > li{
	position: relative;
    padding-left: 10px;
    /* margin-top: 5px; */
    font-size: 14px;
    line-height: 21px;
    color: #666;
}

.contents .mp3_box{
	margin-bottom:20px;
	/**/
	overflow:hidden;
}

.contents .mp3_box a{
		
}

.contents .mp3_box .titleBox{
	font-size:15px;
	font-family: 'Nanum Gothic Bold';
	padding:0 0 15px 15px;
	background:url(../images/icon/bul_01.gif) no-repeat left 2px;
	overflow:hidden;
	border-bottom:#dcdcdc solid 1px;
	margin-top: 15px;

}

.contents .mp3_box .titleBox img{
	vertical-align:middle;
	float:right;
}	

.contents .mp3_box .titleBox form{
	float:right	
}



.contents .mp3_box .titleBox1{
	font-size:13px;
	font-family: 'Nanum Gothic Bold';
	padding:0 0 0 15px;
	overflow:hidden;
	/*margin-top: 7px;*/
	line-height:40px;
	/*height:40px;*/
	background-color:#fafafa;
	position:relative;

}


.contents .mp3_box .titleBox1 a{
	color:#666;	
}

.contents .mp3_box .titleBox1 a:first-child{
	color:#1e75d6;
}

.contents .mp3_box .titleBox1 #touchSlider ul li a:hover{
	color:#1e75d6;
}

.contents .mp3_box .titleBox1 #touchSlider ul li a.on{
	color:#1e75d6;
}

.contents .mp3_box .btn_mov{padding-top: 10px;font-size: 12px;text-align: center; }
.contents .mp3_box .btn_mov a{ color:#fff; display: inline-block;height: 29px; width: 150px; vertical-align: middle;padding: 0 10px;background: #fc3983;border-radius: 5px; line-height: 29px;}

.contents .mp3_box .mp3_list{
	font-size:13px;
	line-height:35px;
	padding:15px 13px;
	color:#6e6e6e;
	overflow:hidden;
}

.contents .mp3_box .mp3_list img{
	float: right;
	position:absolute;
	top:0;
	right:0;
	display: block;
    width: 11px;
    height: 22px;
}


.contents .mp3_box .mp3_list li{
	position:relative;
	overflow:hidden;	
	border-bottom:dashed 1px #ccc;
	/*height:40px;
	line-height:40px;*/
	padding-top:14px;
	padding-bottom:14px;
	/*padding-right:13px;*/
	line-height:1.6em;
}	


.contents .mp3_box .mp3_list li > a{
	position:absolute;
	right:10px;
	top:50%;
	margin-top:-13px;
	display:block;
}
.contents .mp3_box .mp3_list li > a img{
	
}

.contents .mp3_box .mp3_list li p{
	position:relative;
    display: block;
}

.contents .mp3_box .mp3_list li a{
    display: block;
	color:#333;
}


.contents .mp3_box .mp3_list li p span{
	float:left;
	max-width:80%;
	/*white-space:nowrap;*/
	overflow:hidden;
	text-overflow:ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 2; /* ?�인??*/
 -webkit-box-orient: vertical;
 word-wrap:break-word; 
}
.contents .mp3_box .mp3_list li p span a img{
	position:absolute;
	top:0;
	right:0;
}	

.contents .mp3_box .mp3_list li p > i{
	position:absolute;
	bottom:14px;
	padding-left:1em;
	color:skyblue;
}


.contents .mp3_box .mp3_list ul li > span {
    display:block;
    padding-right:11em;/* 공유?��? ?�을 경우�?*/
}


.contents .mp3_box .mp3_list ul li > a{
	/* display:inline-block; 공유?��? ?�을 경우�?*/
	color:#6e6e6e;
	padding-right:3em;
	display:block;
}




.contents .mp3_box .mp3_list ul li > a.new span{ color:#6e6e6e;	background:url(../images/icon/ico_check.png) no-repeat right 8px;
}
/* 공유?��? ?�을 경우�?*/
.contents .mp3_box .mp3_list ul li a span{
	position:absolute;
	right:0;
	top:3px;
	padding-right:20px;
	background:none;
	color:#ccc; 
}

.contents .mp3_box .mp3_list ul li .mp3{

}

.contents .mp3_box .mp3_list ul li .mp3 img{
	position:absolute;
	top:0;
	right:0;
}

  
.contents .mp3_box .mp3_list ul li .down{
	position:absolute;
	right:0;
	top:3px;
	padding-right:20px;
	background:none;
	color:#ccc;
}


/*20190107 추가*/
.mp3_listA {width:100%; box-sizing:border-box; float:left;}
.mp3_listA span {width:33.33%; float:left; text-align:center; padding:4px 8px; box-sizing:border-box;}
.mp3_listA span a {width:100%; text-align:center; float:left; color:#424242; letter-spacing:-1px; background:#fafafa; border:1px solid #dddddd; border-radius:8px; padding:7px 0;}

.mp3_listB {width:100%; box-sizing:border-box; float:left;}
.mp3_listB span {padding:5px 9px; float:left; text-align:center; box-sizing:border-box; color:#000000;}
.mp3_listB span a {color:#1e75d6; padding:3px 5px; width:100%; text-align:center; float:left; letter-spacing:-1px; background:#f7f7fb; border:1px solid #10a8ff; border-radius:8px; line-height:19px;}
.mp3_listB span a strong {color:#424242;  font-size:11px;}

.mp3_listC {width:100%; box-sizing:border-box; float:left;}
.mp3_listC span {padding:5px 9px; float:left; text-align:center; box-sizing:border-box; color:#000000;}
.mp3_listC span a {color:#4021e1; padding:3px 5px; width:100%; text-align:center; float:left; letter-spacing:-1px; background:#f7f7fb; border:1px solid #4021e1; border-radius:8px; line-height:19px;}
.mp3_listC span a strong {color:#424242; font-size:11px;}


/*20190304 추가*/
div.touchSliderB, div.touchSliderB > ul,div.touchSliderB > ul > li { height:40px; float:left; position:relative;}
div.touchSliderB > ul.touchslider-viewport {width:340px; overflow: hidden; margin-left:30px; text-align:center;  z-index:9999; }
div.touchSliderB > ul.touchslider-viewport > li.slide {float:left;}
div.touchSliderB > ul.touchslider-viewport > li.slide > a {float:left; display:block;}
.btn_areaB {width:calc(100% - 50px); position:absolute; top:0; left:0; margin-left:50px; box-sizing:border-box;}
.btn_areaB button {border:none; background:none;  position:relative;}
.btn_areaB button.btn_next {float:right; top:8px; margin-right:10px;}


/*20190322 추가*/
div.touchSliderC, div.touchSliderC > ul,div.touchSliderC > ul > li { height:40px; float:left; position:relative;}
div.touchSliderC > ul.touchslider-viewport {width:340px; overflow: hidden; margin-left:30px; text-align:center;  z-index:9999; }
div.touchSliderC > ul.touchslider-viewport > li.slide {float:left;}
div.touchSliderC > ul.touchslider-viewport > li.slide > a {float:left; display:block;}
.btn_areaC {width:calc(100% - 50px); position:absolute; top:0; left:0; margin-left:50px; box-sizing:border-box;}
.btn_areaC button {border:none; background:none;  position:relative;}
.btn_areaC button.btn_next {float:right; top:8px; margin-right:10px;}





@media only screen and (max-width:768px) {
	.mp3_listB span, .mp3_listC span {width:12.5%; margin:0; box-sizing:border-box; padding:2px 3px;}
	.mp3_listB span a, .mp3_listC span a {width:100%; padding:5px 0;}
}

@media only screen and (max-width:640px) {
	.mp3_listB span, .mp3_listC span {width:16.5%; margin:0; box-sizing:border-box; padding:2px 3px;}
	.mp3_listB span a, .mp3_listC span a {width:100%; padding:5px 0;}
	
}

@media only screen and (max-width:450px) {
	.btn_areaC {width:calc(100% - 40px); margin-left:40px;}
	div.touchSliderB > ul.touchslider-viewport {width:300px; margin-left:10px;}
	div.touchSliderC > ul.touchslider-viewport {width:300px; margin-left:10px;}
}

@media only screen and (max-width:400px) {
	.mp3_listA, .mp3_listB, .mp3_listC {width:100%;}
	.mp3_listA span {padding:2px 4px;}
	#touchSlider {max-width:300px;}
	.mp3_listB span, .mp3_listC span {width:25%; margin:0; box-sizing:border-box; padding:2px 3px;}
	.mp3_listB span a, .mp3_listC span a {width:100%; padding:5px 0;}
/*	.mp3_listB span, .mp3_listC span  {padding:2px 8px;}*/
}

@media only screen and (max-width:399px) {
	.btn_areaB {width:calc(100% - 40px); margin-left:40px;}
	div.touchSliderB > ul.touchslider-viewport {width:210px; margin-left:0; left:20px; }
	div.touchSliderB > ul.touchslider-viewport a {font-size:12px; letter-spacing:-1px; }
	.btn_areaC {width:calc(100% - 40px); margin-left:40px;}
	div.touchSliderC > ul.touchslider-viewport {width:210px; margin-left:0; left:20px; }
	div.touchSliderC > ul.touchslider-viewport a {font-size:12px; letter-spacing:-1px; }
}


.contents .etcBox .titleBox{
	font-size:15px;
	font-family: 'Nanum Gothic Bold';
	padding:0 0 15px 15px;
	background:url(../images/icon/bul_01.gif) no-repeat left 3px;
	border-bottom:#a5b2c3 solid 1px;
	overflow:hidden;
}

.contents .etcBox .titleBox img{
	vertical-align:middle;
	float:right;
}	

.contents .etcBox .mp3_list{
	font-size:13px;
	line-height:27px;
	padding:15px 10px;
	color:#6e6e6e;
}

.contents .etcBox .mp3_list ul li{
	position:relative;
	overflow:hidden;		
}	

.contents .etcBox .mp3_list ul li > a{
	display:block;
	color:#6e6e6e;
	padding-right:3em;
}
.contents .etcBox .mp3_list ul li > a.new span{ color:#6e6e6e;	background:url(../images/icon/ico_check.png) no-repeat right 8px;
}

.contents .etcBox .mp3_list ul li span{
	position:absolute;
	right:0;
	top:3px;
	padding-right:20px;
	background:none;
	color:#ccc;
}



.pageTitle{
	font-family: 'Nanum Gothic Bold';
    font-size: 15px;
    color: #474b56;
    padding: 15px 10px;
    padding: 19px 0 15px 15px;
    background: url(../images/icon/bul_01.gif) no-repeat 0px 22px;
    border-bottom: 1px solid #dcdcdc;
}

.subBox .playInfo01{
	position:relative;
	/*padding:14px 60px 0 15px;*/
	padding:14px 15px 0 15px;
}


.subBox .playInfo01 .txt01{
	font-size:14px;
	color:#09F;
	font-family: 'Nanum Gothic Bold';
	line-height:20px;
	margin-bottom:10px;
}

.subBox .playInfo01 .txt02{
	font-size:14px;
	color:#1e75d6;
	line-height:16px;
	margin-bottom:20px;
}

.subBox .playInfo01 .txt03{
	font-size:12px;
	color:#069;
	line-height:16px;
	margin-bottom:10px;
}
.subBox .playInfo01 .down{
	position:absolute;
	right:20px;
	top:20px;
}
.subBox .playInfo0102{
	padding:0 20px;
	margin:0 auto 25px auto; width:320px;
}

.subBox .playInfo0102 audio{
	width:100%;

}


/*** ?��??�의 ***/



.subBox .termsBox{
    height: 156px;	
	position:relative;
}

.subBox .termsBox .style01 {
    margin: 23px 20px 11px;
    font-size: 15px;
}

.subBox .termsBox .style02 {
    margin: 23px 0px 11px;
    font-size: 15px;
}


.subBox .termsBox .tbLine {
    overflow: auto;
    height: 120px;
    border: 1px solid #d7d7d7;
    border-radius: 2px;
    margin: 7px 20px 11px;
}

.subBox .termsBox .tbLine > div {
    line-height: 20px;
    font-size: 13px;
    color: #525252;
}

.subBox .termsBox .tbLine1 {
    overflow: auto;
    height: 120px;
    border: 1px solid #d7d7d7;
    border-radius: 2px;
    margin: 7px 5px 11px;
}
.subBox .termsBox .tbLine1 > div {
    line-height: 20px;
    font-size: 13px;
    color: #525252;
}



.subBox .termsBox .btn_info {
    position: absolute;
    top: -3px;
    right: 22px;
}

.subBox .ckBox {
    font-size: 14px;
    color: #a7a7a7;
    padding-left: 13px;
    padding-bottom: 25px;
}


.subBox .app_join {
    text-align: center;
    padding: 0 20px 30px;
}

.subBox .app_join p {
    font-size: 12px;
    line-height: 18px;
    color: #a7a7a7;
    padding-top: 15px;
}


.subBox .app_join a {
    font-family: 'Nanum Gothic Bold';
    display: block;
    height: 35px;
    line-height: 35px;
    background: #1e75d6;
    border: solid 1px #1e75d6;
    font-size: 14px;
    color: #fff;
    padding: 0 10px;
    margin: 0 3px;
    border-radius: 2px;
}

.subBox .app_register{
	text-align: center;
	padding: 0 20px 30px
}

.subBox .app_register a{
	font-family: 'Nanum Gothic Bold';
	display: block;
    height: 35px;
    line-height: 35px;
    background: #1e75d6;
    border: solid 1px #1e75d6;
    font-size: 14px;
    color: #fff;
    padding: 0 10px;
    margin: 0 3px;
    border-radius: 2px;
}

.subBox .app_join button {
    font-family: 'Nanum Gothic Bold';
    display: block;
    height: 35px;
    line-height: 35px;
    background: #1e75d6;
    border: solid 1px #1e75d6;
    font-size: 14px;
    color: #fff;
    padding: 0 10px;
    margin: 0 3px;
	width:100%;
    border-radius: 2px;
}

/*** join ***/
.subBox .join{
   	padding: 15px;	
}


.subBox .btn_login{
	position:absolute;
	top:73px;
	right:10px;
}

.subBox .txt_req{
	font-size: 14px;
    padding: 10px 11px;
    line-height: 20px
}

.subBox .txt_req strong{
	color: #ff5400;
    font-weight: bold;
    padding-right: 4px;	
}

<!--추가220113-->
.subBox .join table.qaform {

	width: 100%;
	max-width: 600px;
	
    border-collapse: collapse;
    border-spacing: 0;
}

.subBox .join table.qaform tr{
	height:55px;
}
.subBox .join table.qaform th strong{
	color: #ff5400;
    font-weight: bold;
    padding-left: 4px;
}

.subBox .join table.qaform th{
	font-weight: bold;
	font-size:13px;
    padding-top: 14px;
    letter-spacing: -1px;
	text-align: left;
}
.subBox .join table.qaform td{
	text-align: left;
    vertical-align: top;
    height: 40px;
}

.subBox .join table.qaform td input{
	height: 30px;
	padding: 0 10px;
	color:#525252;
}.subBox .join table.qaform td textarea {
    padding: 10px 10px;
    color: #525252;
}


.subBox .join table.qaform td select{
	height: 30px;
	padding: 0 10px;
}


.subBox .join table.qaform .wd1{
	width: 90%;
}

.subBox .join table.qaform .wd2{
	width: 90%;
	height:150px;

}
.subBox .join table.qaform tbody .inbx2 img{
	padding-top:15px;
	/*padding-right:3px; 0927수정*/
}

.subBox .join .agreeInfo{
	margin-top:17px;
	position:relative;
	font-size:13px;
}

.subBox .join .moreview{
	position:absolute;
	top:6px;
	right:0;
}

<!--//추가220113-->

.subBox .join .join_form{
	max-width: 600px;
    margin: 0 auto;

}

.subBox .join .join_form table{
	width: 100%;	
	border-collapse: collapse;
    border-spacing: 0;
}

.subBox .join .join_form colgroup{
    display: table-column-group;
}

.subBox .join .join_form tr{
	height:55px;
}

.subBox .join .join_form th{
	font-weight: bold;
	font-size:13px;
    padding-top: 14px;
    letter-spacing: -1px;
	text-align: left;
}

.subBox .join .join_form th strong{
	color: #ff5400;
    font-weight: bold;
    padding-left: 4px;
}

.subBox .join .join_form td{
	text-align: left;
    vertical-align: top;
    height: 40px;
}

.subBox .join .join_form td input{
	height: 30px;
	padding: 0 10px;
	color:#525252;
}

.subBox .join .join_form td textarea {
    padding: 10px 10px;
    color: #525252;
}


.subBox .join .join_form td select{
	height: 30px;
	padding: 0 10px;
}


.subBox .join .join_form td input img{
	vertical-align:top;	
}


.subBox .join .join_form .wd1{
	width: 90%;
}

.subBox .join .join_form .wd2{
	width: 90%;
	height:150px;

}

.subBox .join .join_form tbody .inbx{
	padding-right: 92px;
	position:relative;
}

.subBox .join .join_form tbody .inbx p{
	position:absolute;
	top:16px;
	right:0;
	font-size:14px;

}

.subBox .join .join_form tbody .inbx .left{
	text-align:left;
	width:60%;
}	


.subBox .join .join_form tbody .inbx2{
	position:relative;
}


.subBox .join .join_form tbody .inbx2 img{
	padding-top:15px;
	/*padding-right:3px; 0927수정*/
}

.subBox .join .join_form tbody .inbx2 .last{

}

.subBox .join .join_form tbody .inbx3{
	font-size:14px;	
}

.subBox .join .join_form tbody .inbx3 p{
	padding:14px 0 10px 0;	
	
}

.subBox .join .join_form tbody .inbx3 p.pt7{ padding-top:7px; padding-bottom:7px;}
.subBox .join .join_form tbody .inbx3 p.pt15{ padding-top:15px; padding-bottom:7px;}

.subBox .join .join_form tbody .inbx3.ty2{font-size:14px;}

.subBox .join .join_form tbody .inbx3.ty2 .blue_tit{color: #3F91E0; font-weight: 700;}

.subBox .join .join_form tbody .inbx3.ty2 p{
	padding:10px 0 10px 0;	
	
}

.subBox .join .join_form tbody .inbx3.ty2 span{font-size:13px; line-height: 15px; color:#555;}


.subBox .join .join_form .agreeInfo{
	margin-top:17px;
	position:relative;
	font-size:13px;
}

.subBox .join .join_form .moreview{
	position:absolute;
	top:6px;
	right:0;
}




/*** mybookmark ***/

.subBox .selBox{
	position: absolute;
	right: 14px;
    top: 82px;
    width: 215px;
    text-align: right;
}

.subBox .selBox_bookmark{
	position: absolute;
	right: 14px;
    top: 126px;
    width: 215px;
    text-align: right;
}

.subBox .selBox_bookmark select{
	border: 1px solid #ddd;
    height: 27px;
    padding: 0px 4px 3px 4px;
    width: 85px;
	line-height:20px;
}

.subBox .selBox_bookmark01 {
	position: absolute;
	right: 14px;
	width: 155px;
	text-align: right;
	margin-top: -22px;
}

.subBox .myBookmark_list{
    padding:0 15px;
	font-size: 13px;
    line-height: 40px;
	padding-bottom: 20px;
	margin-top:10px;
}


.subBox .myBookmark_list > ul li{
	padding: 10px 5px;
    margin-bottom: 4px;
    border-bottom: dashed 1px #ccc;
    overflow: hidden;
    display: block;
	line-height: 1.6em;
	position:relative;
	cursor:pointer;
}

.subBox .myBookmark_list > ul li a{
	color: #666666;
    display: block;
}

.subBox .myBookmark_list > ul li p{
	float: left;
    max-width: 80%;
    /* white-space: nowrap; */
    overflow: hidden;
    text-overflow: ellipsis;
    /* display: -webkit-box;*/
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
	padding: 5px 0;
	font-family: 'Nanum Gothic Bold';
	font-size:14px;
	
}

.subBox .myBookmark_list > ul li p span{
	font-family: 'Nanum Gothic';
	font-size:12px;
}

.subBox .myBookmark_list > ul li img{
	position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -13px;
	display: block;
	width: 11px;
    height: 22px;
}

.subBox .myBookmark_list .last{
	padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 4px;
    border-bottom: solid 1px #ccc;
    overflow: hidden;
    display: block;
	line-height: 1.6em;
	position:relative;
}


.subBox .myBookmark_list.w100{
	padding: 0 0;	
}


/*** inner_con ***/
.subBox .inner_con{
	padding: 40px 0;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
}

.subBox .inner_con .ico_join{
	display: block;
    height: 32px;
    background: url(../images/icon/icon_join.png) no-repeat 50% 50%;
    background-size: 32px;
}

.subBox .inner_con .ico_join p{
	padding: 17px 0 20px;
}





.subBox .downBtn{
	padding:0 40px 0px 40px;
}

.subBox .playStep{
	overflow:hidden;
	margin-bottom:30px;
	padding:0 10px;
}

.subBox .playStep li{
	width:33.3%;
	float:left;
}

.subBox .playStep .prevMp3{
	text-align:left;
	line-height: 25px
}

.subBox .playStep .prevMp3 a{
	font-size:12px;	
	color:#727272;
	display:block;
}

.subBox .playStep .prevMp3 img{
	vertical-align:middle;
	padding:0 3px;
}

.subBox .playStep .goList{
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 60px;
    padding: 0 7px;
    font-size: 12px;
    line-height: 25px;
   /* border: 1px solid #d5d5d5;*/
    background-color: #fff;
    color: #000;
    vertical-align: top;
}

.subBox .playStep .goList a{
	font-size: 12px;
    color: #727272;
    display: block;
}

.subBox .playStep .nexMp3{
	text-align:right;
	line-height: 25px
}

.subBox .playStep .nexMp3 a{
	font-size:12px;	
	color:#727272;
	display:block;
}

.subBox .playStep .nexMp3 img{

	vertical-align:middle;
	padding:0 3px;
}




.mp3down {
	display:block;
	width:90%;
	height:40px;
	line-height:40px;
	background: #7F33AD;
    border: solid 3px #6B2888;
	font-size:16px;
	color:#fff;
	padding:0 10px;
	margin:0 3px;
	border-radius:6px;
	text-align:center;
}



.subBox .guide_info{
   color: #999999;
   font-size: 13px;
   padding:0 10px 28px 10px;  
}

.subBox .search_result0{
   color: #999999;
   font-size: 13px;
   padding: 80px 20px 120px 20px;
   text-align:center;
   line-height: 21px;
}



.subBox .guide_info .guide_tit{
	display: block;
    font-size: 14px;
    height: 18px;
    font-family: 'Nanum Gothic Bold';
     padding: 3px 0 10px 10px;
    text-align: left;
    color: #727272;
}

.subBox .guide_info ul{
	text-align: left;
    line-height: 21px;
	margin: 0 10px;
}

/*** faq ***/
.subBox .con_qa{
	
}
.subBox .con_qa dt{
	border-top:solid 1px #ccc;	
}

.subBox .con_qa dt:first-child{
	border-top:none;	
}


.subBox .con_qa dt a{
	display:block;
	height:52px;
	line-height:52px;	
	font-size:14px;
	color:#09F;
	font-family: 'Nanum Gothic Bold';
	padding:0 50px 0 14px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}


.subBox .con_qa dd{
	display:none;	
	background:#f2f2f2;
	border-top:solid 1px #ccc;	
	font-size:13px;
	color:#555;
	line-height:20px;
	font-family: 'Nanum Gothic Bold';
	padding:25px 14px;
	text-indent:-17px;
	padding-left:30px;
	text-align:justify;
	
}

.subBox .con_qa dd.on{
	display:block;	
}




.main .con_qa dl{
	margin:0px auto;
	font-size:15px;
}

.main .con_qa dl dt{
	color:#428fd5;
	font-family: 'Nanum Gothic Bold';
	border-bottom:solid 1px #ccc;
	padding:18px 14px;
}

.main .con_qa dl dt a{
	color:#428fd5;
	display:block;
}

.main .con_qa dl dd{
	line-height:24px;
	background-color:#f2f2f2;
	color:#597a96;	
	padding:18px 14px 18px 2em;	
	/*text-indent:1em;*/
    display:none; /* fixed */
}
.main .con_qa dl dt.on +dd{
    display:block;
} /* new */

.main .con_qa .audio_play{
	text-align:center;	
}

.privacy {
    padding: 10px;
    background: #fff;
    min-height: 100%;
	font-size:13px;
}


.subBox .section_w {text-align: justify; line-height:20px;}
.subBox .section_w h4.first {margin: 0;}
.subBox .section_w h4 {color: #333333;font: bold 13px ?�눔고딕,굴림,?��?,Dotum;letter-spacing: -1px;}
.subBox .section_w p {margin-top: 10px;}
.subBox .section_w h4 {color: #333333;font: bold 13px ?�눔고딕,굴림,?��?,Dotum;letter-spacing: -1px;margin: 10px 0 0;}
.subBox .section_w h5 {color: #333333;margin: 22px 0 0 18px;}
.subBox .section_w .depth2 {margin-left: 41px;}
.subBox .section_w a{text-decoration:none;}

.subBox .section_w li {line-height: 20px;}

.subBox .bx {margin: 0 0 8px;padding: 20px 8px 0 10px;}
.subBox .bx h3 {height: 31px;}
.subBox .bx h3, .subBox .bx h4 {font-weight: normal;}
.subBox .bx p, .subBox .bx ol, .subBox .bx ul {margin: 0 0 16px;}
.subBox .bx h4, .subBox .bx p, .subBox .bx li {line-height: 16px;}


 .bmoffbt {
    height: 18px;
    background: #AD2222;
    border-radius: 6px;
    text-align: center;
    color: #fff;
    font-size: 13px;
    vertical-align: middle;
    display: table-cell;
    line-height: 12px;
	margin-right:16px;
	float: right;
	padding-top:4px;
	width:104px;
}


 .noinfo {
    color:silver;
	font-style: italic;
}


/** 20160720 결제?�이지 추�?**/

.subBox_order {
    letter-spacing: -0.05em;
    /* margin-top: 15px; 0928수정 */
    background: #FFF;
    min-height: 100%;
}

.listTitle3{
	font-size: 14px;
    font-weight: bolder;
    text-align: center;
    background-color: #fff;
	overflow:hidden;
}

.listTitle3 span{ 
	/* float:left;*/
	padding-top:1px;
}

.listTitle3 select{
	float:right;
	height: 24px;
    padding:0px 0 0px 3px;
    font-size: 12px;
    border: 1px solid #999;
    vertical-align: middle;
    width: 80px;
}

.order_step03_cont{font-size: 12px;}

.order_step03_cont h4 {
    padding: 13px 0px 5px 10px;
    font-size: 14px;
    color: #000;
    font-weight: bold;
    background: url("../images/sub/bg_title.gif") 0px 0px repeat-x;
    height: 25px;
    width: 100%;
}

.tbl_order{
	width:100%;
}

.tbl_order th {
    padding: 3px 0px 5px 15px;
    background-color: #FFF;
    border-bottom: 1px solid #f2f2f2;
}

.tbl_order td {
    padding: 15px 0px 15px 15px;
    background-color: #FFF;
    border-bottom: 1px solid #f2f2f2;
    text-align: left;
}

.tbl_order td.shipping_notice{
	border-bottom:none; 
	padding:15px 0 0 15px; 
	font-size: 11px; 
	color: #ff411c;
}

.tbl_order td.cart_jp {
    padding: 10px 10px 10px 40px;
	color:#959595;
    background-color: #FFF;
    border-bottom: 1px solid #f2f2f2;
    text-align: left;
	background: url(../images/icon/icons_jp.png) no-repeat 20px 12px;
}

.tbl_order td.cart_jp p {line-height:130%; padding:2px 0;}
.tbl_order td.cart_jp p strong {font-weight:bold;}

dl.orderlist {}

dl.orderlist dt {
    color: #000;
    font-size: 13px;
    padding-bottom: 10px;
    line-height: 130%;
}

dl.orderlist dd {
    font-size: 12px;
	padding:4px;
}

dl.orderlist dd span.box {
    font-size: 10px;
    color: #7f828c;
    border: 1px solid #d2d2d2;
    padding: 1px 3px 1px 2px;
    margin-right: 3px;
}

dl.orderlist dd.price {
    font-size: 15px;
    font-weight: bold;
    color: #1e75d6;
}

dl.orderlist dd.price span {
    font-size: 12px;
    color: #929397;
    text-decoration: line-through;
    padding-left: 5px;
}

dl.orderlist dd select{
    height: 24px;
    padding: 0px;
    font-size: 12px;
    border: 1px solid #999;
    vertical-align: middle;
    width: 60px;
	margin-right:5px;
	text-align:center;
}

.tbl_order_result_step01 {
    width: 100%;
    background-color: #f2f7fb;
}

.tbl_border {
    border-top: 3px solid #b2cce5;
    border-bottom: 3px solid #b2cce5;
}

.tbl_border_top {
    border-top: 3px solid #b2cce5;
}

.tbl_order_result_step01 th {
    text-align: left;
    padding: 12px 0px 5px 15px;
	font-size:13px;
}

.tbl_order_result_step01 td {
    text-align: right;
    padding: 12px 15px 5px 0px;
}

.tbl_order_result_step01 th span.note {
    font-size: 11px;
    color: #8f8f8f;
}

.tbl_order_result_step01 td span {
    font-weight: bold;
    color: #000;
    font-size: 14px;
}

.tbl_order_result_step01 .last {
    padding: 17px 15px;
    font-size: 14px;
    font-weight: bold;
}

.tbl_order_result_step01 td span.gr {
    font-weight: bold;
    color: #1e75d6;
    font-size: 16px;
}

.tbl_order_form{
	margin-bottom: 10px;
    width: 100%;
    background-color: #FFF;
}

.tbl_order_form th, td {
    padding: 7px 3px;
}

.tbl_order_form th {
    text-align: left;
    color: #3c3c3c;
    font-weight: bold;
    width: 70px;
    padding-left: 15px;
}


.tbl_order_form .input_txt {
    border: 1px solid #DDDDDD;
    height: 20px;
    padding: 2px 4px;
}

.input_txt30 {
    width: 30px;
	text-align:center;
}

.input_txt48 {
    width: 48px;
}

.input_txt75 {
    width: 75px;
}

.input_txt458 {
    width: 88%;
}

.tbl_order_form .btnzip {
    height: 22px;
    line-height: 19px;
    border: 1px solid #d5d5d5;
    background: #f0f0f0;
    color: #1b1b1b;
}

a.mini {
    height: 26px;
    line-height: 24px;
    font-size: 11px;
}

.btn {
    display: inline-block;
    height: 28px;
    line-height: 26px;
    margin: 0;
    padding: 0 10px;
    cursor: pointer;
    vertical-align: middle;
    font-size: 13px;
    font-weight: 400;
    border: 0;
    border-radius: 2px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.tbl_order_form p {
    padding-top: 3px;
}

.tbl_order_form span.note {
    font-size: 11px;
    color: #ff411c;
    line-height: 20px;
}

.order_step03_cont h4 span.check{
	font-size: 11px;
    color: #000;
}

.order_step03_cont h4 .btnview {
    height: 20px;
    line-height: 19px;
    border: 1px solid #d5d5d5;
    background: #FFF;
    color: #1b1b1b;
	text-align:center;
}

.tbl_txt_form td {
    color: #8f8f8f;
    padding: 0;
}

.tbl_txt_form th {
    padding: 10px 0px 7px 10px;
    background-color: #e2e2e2;
    font-weight: bold;
    text-align: left;
}

.tbl_txt_form td div.txt {
    height: 125px;
    padding: 10px;
    overflow-y: scroll;
    line-height: 145%;
    font-size: 11px;
}

.btnArea {
    max-width: 520px;
    margin: 10px auto;
    text-align: center;
    font-size: 0;
    line-height: 0;
    letter-spacing: -4px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
}

.btnArea.m20{
	margin: 20px auto;
}

.btnArea > a:first-child, .btnArea > button:first-child {
    margin-left: 0;
}

.btnArea .btnEm {
    height: 36px;
    line-height: 32px;
    border: 1px solid #d5d5d5;
    background: #fff;
	margin-right:7px;
}

.btnArea .btnEm2 {
    height: 30px;
    line-height: 32px;
    border: 1px solid #d5d5d5;
    background: #fff;
	margin-right:7px;
	margin-left:10px;
}

.btnArea .btnEm3 {
    height: 36px;
    line-height: 32px;
    border: 1px solid #d5d5d5;
    background: #fff;
	margin-right:7px;
	margin-left:10px;
	font-weight:bold;
}

.btnArea .btnEm4 {
    height: 36px;
    line-height: 32px;
    border: 1px solid #d5d5d5;
    background: #f2f2f2;
	margin-right:7px;
	margin-left:10px;
	font-weight:bold;
}


.btnArea > a, .btnArea > span, .btnArea > button {
    position: relative;
    display: inline-block;
    letter-spacing: 0;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
    border-radius: 2px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.btnArea .btnMem {
    height: 36px;
    line-height: 32px;
    border: 1px solid #1e75d6;
    background: #1e75d6;
    color: #FFF;
    padding: 0 18px;
}


.btnNormal, .btnStrong, .btnBasic, .btnBlue {
    display: inline-block;
    height: 28px;
    line-height: 27px;
    margin: 0;
    padding: 0 10px;
    cursor: pointer;
    vertical-align: middle;
    font-size: 13px;
    font-weight: 400;
    border: 0;
    border-radius: 2px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 2px;
}

.btnNormal {
    color: #1b1b1b;
    border: 1px solid #bcbcbc;
    background: #fff;
}

.btnBlue {
    color: #FFF;
    border: 1px solid #1e75d6;
    background: #1e75d6;
}

dl.customer_cart_info {
    font-size: 11px;
    line-height: 130%;
    padding: 10px 10px 10px 10px;
}

dl.customer_cart_info.pd7 {padding:7px}
dl.customer_cart_info.pd7 dd {padding:2px}



/** ?�바구니 추�?**/

.tbl_order th.align_R {
    text-align: right;
    padding-right: 11px;
}

.tbl_order .btndel {
    height: 22px;
    line-height: 19px;
    border: 1px solid #d5d5d5;
    background: #f0f0f0;
    color: #1b1b1b;
}

.tbl_order .btnchange {
    height: 22px;
    line-height: 19px;
    border: 1px solid #d5d5d5;
    background: #f0f0f0;
    color: #1b1b1b;
}

.tbl_order .btnchange2 {
    height: 19px;
    line-height: 19px;
    background: #666;
    color: #fff;
	margin:10px 0;
	padding:0 12px;
	display:inline-block;
	border-radius: 2px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}

.tbl_order .btnchange2.p7 {
	padding:0 7px;
}

.btnchange2 {
    height: 19px;
    line-height: 19px;
    background: #666;
    color: #fff;
	margin:10px 0;
	padding:0 12px;
	display:inline-block;
	border-radius: 2px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}

dl.orderlist dt {
    color: #000;
    font-size: 13px;
    padding-bottom: 10px;
    line-height: 130%;
}

dl.orderlist dt, dd {
    padding: 4px;
}

dl.orderlist dt a {
    color: #000;
    font-size: 13px;
}

.mr5 {
    margin-right: 5px;
}

dl.customer_cart_info dt {
    font-size: 12px;
    color: #434343;
    font-weight: bold;
    margin: 0;
    padding: 7px 14px 5px 25px;
    background: url("../images/icon/ico_help.png") 7px 7px no-repeat;
    background-size: 14px;
}

dl.customer_cart_info dd {
    color: #8f8f8f;
	line-height:15px;
}


/** 주문?�역**/

.order_step01_cont{font-size: 12px;}

.tbl_oderdetails {
    margin: 0 auto;
    text-align: left;
    width: 95%;
    border: 1px solid #d2d2d2;
    margin-bottom: 18px;
}

.tbl_oderdetails.w100{
	width: 100%;
}


.tbl_oderdetails th {
    text-align: left;
    font-weight: bold;
    color: #000;
    font-size: 14px;
    padding: 10px 15px 10px 15px;
    background-color: #f0f0f0;
    border-bottom: 1px solid #d2d2d2;
}

.tbl_oderdetails th.title {
    padding: 2px 7px 2px 15px;
    height: 28px;
	line-height:28px;
}

.tbl_oderdetails th.title ul {
    list-style: none;
	overflow:hidden;
}

.tbl_oderdetails th.title ul li {
    display: block;
    float: left;
}

.tbl_oderdetails td {
    line-height: 150%;
    padding: 3px 3px 3px 15px;
}

.tbl_oderdetails td.last {
    font-size: 13px;
    font-weight: bold;
    padding: 5px 15px 5px 15px;
    border-top: 1px solid #d2d2d2;
}

.tbl_oderdetails td.last p{
	  font-size: 12px;
    font-weight: normal;
    color: #959597;
    padding-right: 5px;
}

.tbl_oderdetails td.last p span{
	  font-size: 12px;
    font-weight: normal;
    color: #959597;
    padding-right: 9px;
}

.tbl_oderdetails td.last span {
    font-size: 12px;
    font-weight: normal;
    color: #959597;
    padding-right: 5px;
}

.tbl_oderdetails td.last span.em{
	font-size: 13px;
    font-weight: bold;
	color:#000;
	margin-right:120px;
}

.tbl_oderdetails td.gr {
    font-size: 15px;
    font-weight: bold;
    color: #1e75d6;
    text-align: right;
	padding-top:3px;
}

.tbl_oderdetails td.gr .btnchange2{
	height: 22px;
    line-height: 22px;
    background: #666;
    color: #fff;
    margin: 10px 0;
    padding: 0px 8px;
    display: inline-block;
    border-radius: 2px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.tbl_oderdetails td.gr .btnchange2 a{
	color:#fff;	
}


.tbl_oderdetails.pR10{
	width: 100%;
	border-left:none;
	border-right:none;

}

.tbl_oderdetails.pR10 th{
	font-weight:normal;
	text-align:center;
}

.tbl_oderdetails.pR10 td{
	text-align:center;
	line-height:27px;
	padding: 10px 3px 10px 15px;
	border-bottom: dashed 1px #e1e1e1;
}


.tbl_oderdetails.pR10 td a{
	color:#1c1c1c;	
}

.tbl_oderdetails.pR10 td .tit{	
}

.tbl_oderdetails.pR10 td span.first{ padding-right:20px;}

.btnColor {
    color: #fff;
    border: 1px solid #1e75d6;
    background: #1e75d6;
}

/** 주문 ?�세 ?�역 **/

.order_step04_cont{
	font-size: 13px;
    line-height: 120%;	
}

.order_step04_cont h5 {
    padding: 13px 0px 5px 10px;
    font-size: 14px;
    color: #000;
    font-weight: bold;
    background: url("../images/sub/bg_title.gif") 0px 0px repeat-x;
    height: 25px;
    width: 100%;
}

.tbl_oderCom {
    margin-bottom: 10px;
    text-align: left;
    width: 100%;
}

.tbl_oderCom th {
    text-align: left;
    font-weight: bold;
    color: #959597;
    font-size: 12px;
    padding: 5px 0px 3px 15px;
    width: 50px;
}

.tbl_oderCom td {
    line-height: 130%;
    padding: 2px 3px 3px 0px;
}

.tbl_oderCom td.price {
    font-size: 14px;
    font-weight: bold;
    color: #000;
}

.tbl_pro {
    margin-bottom: 10px;
    text-align: left;
    width: 100%;
}

.tbl_pro th {
    font-weight: bold;
    color: #959597;
    font-size: 12px;
    padding: 5px;
    text-align: center;
    border-bottom: 1px solid #d2d2d2;
}

.tbl_pro td {
    text-align: center;
    line-height: 130%;
    padding: 4px 3px 4px 3px;
}

.tbl_pro td.tl {
    text-align: left;
    padding-left: 15px;
}

.tbl_oderCom td span.label {
    font-size: 10px;
    color: #7f828c;
    border: 1px solid #d2d2d2;
    padding: 1px 3px 1px 2px;
    margin-right: 3px;
    font-weight: normal;
}

.nolist {
    width: 100%;
}

.nolist th {
    text-align: center;
    padding: 50px 15px 30px 15px;
    font-size: 14px;
    background: url("../images/icon/ico_nolist.png") 50% 15px no-repeat;
    background-size: 30px 37px;
}

.nolist th.nolist6{
	padding: 120px 15px 0px 15px;
	background: url("../images/icon/ico_nolist.png") 50% 80px no-repeat;
	background-size: 30px 37px;
	color: #999999;
	font-size:13px;
}

.extend_step{
	overflow:hidden;	
}

.extend_step > li{
	float:left;	
	margin-right:7px;
}

.extend_step > li input{
	vertical-align:middle;
}

.reorder_step{
	overflow:hidden;	
}

.reorder_step > li{
	float:left;	
	margin-right:7px;
}

.reorder_step > li input{
	vertical-align:middle;
}

.study_list{
	padding: 0 10px;
    font-size: 13px;
    line-height: 40px;
    padding-bottom: 20px;
}

.study_list.pb10{ padding-bottom:10px;}
.study_list.pb10.on{}
.study_list.pb10.on p{ font-size:15px; font-weight:700; line-height: 24px;}
.study_list.pb10.on .blue_date{font-size:15px; }

.study_list.pb10.off{ color:#888;}
.study_list.pb10.off .blue_date{ color:#888;}

.study_list > ul li{
	padding: 10px 5px;
    margin-bottom: 4px;
    border-bottom: dashed 1px #ccc;
    overflow: hidden;
    display: block;
    line-height: 1.6em;
    position: relative;
    cursor: pointer;
}

.study_list > ul li a{
	color: #1c1c1c;
    display: block;
}

.study_list > ul li p{
	float: left;
    max-width: 80%;
    /* white-space: nowrap; */
    overflow: hidden;
    text-overflow: ellipsis;
    /* display: -webkit-box; */
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    padding: 5px 0;
    font-family: 'Nanum Gothic Bold';
    font-size: 14px;
}

.study_list > ul li img{
	position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -13px;
    display: block;
	width: 11px;
    height: 22px;
}

.study_list > ul li img.pt14{ padding-top:14px;}


/* img_pop */
.img_popL{
	background-color:#fff;
	position:absolute;
	top:20px;
	left:73px;
	width:128px;
	height:90px;
	padding:10px;
	border: solid 3px #196ab3;
	border-radius: 3px;
    box-shadow: 0 1px 5px rgba(0,0,0,0.3);
	display:none;
}

.img_popL .close{
	position:absolute;
	top:-3px;
	right:-25px;
}

.img_popB{
	background-color:#fff;
	position:absolute;
	top:20px;
	left:73px;
	width:92px;
	height:124px;
	padding:10px;
	border: solid 3px #196ab3;
	border-radius: 3px;
    box-shadow: 0 1px 5px rgba(0,0,0,0.3);
	display:none;
}

.img_popB .close{
	position:absolute;
	top:-3px;
	right:-25px;
}


/* event 161114 */

.event_dn{
	position:absolute;
	right:8px;
	top:10px;
}

.event_dn img{
	width:20px;
	height:12px;
}

.event_list{ margin:15px 0;}
.event_list li{
	padding: 25px 0;
    text-align: center;
	border-bottom: 1px solid #e2e2e2;
}

.event_list li.last{border-bottom:none;}


.event_list li .banner{
	
}

.event_list li .banner.ty2{
	opacity: .5;
}

.event_list li .event_tit{
	font-size: 18px;
	line-height:23px;
    padding: 10px 0 5px 0;
    font-weight: bold;
	text-decoration: none;
    color: #3e3e3e;
	letter-spacing: -1px;
}

.event_list li .event_tit.ty2{
	color: #b7b7b7;;
}

.event_list li .period{
	display: inline-block;
    font-size:13px;
    color: #9099a2;
	padding-bottom:5px;
	letter-spacing: -1px;
}

.event_list li .status{
    color: #F00;
	font-size:13px;
	letter-spacing: -1px;
}

.event_list li .status2{
    color: #000;
	font-size:13px;
	letter-spacing: -1px;
}

.event_list li img{
 border-radius: 10px;
}


.m_area{
	padding: 0px 0px 0px 0px;
   /*  background: #e8e8ea;*/
   background: #FFF;
    
}

.m_area img{width: 100%;}

.pad10{padding:0 10px;}

.tabMn_4{
	display: table;
    background: #fff;
    width: 100%;
    margin: 0 auto;
    border-collapse: collapse;
    letter-spacing: -1px;	
}

.tabMn_4 li{
	display: table-cell;
    text-align: center;
    width: 25%;
    font-size: 15px;
    background: #fff;
    color: #757575;
    border-right: 1px solid #ccd4de;
    border-bottom: 1px solid #adb6c1;
}

.tabMn_4 li.on{
	display: table-cell;
    text-align: center;
    width: 25%;
    font-size: 15px;
    border-right: 1px solid #ccd4de;
    border-bottom: 1px solid #adb6c1;
	background: #1a9aff; !important;
	color:#fff;
	font-weight: bold;
}	

.tabMn_4 li a{
	display: block;
    color: #575757;
    padding: 12px 0;
}

.tabMn_4 li.on a{ color:#fff;}

.box_info{
	margin:0px 13px 0px 13px;
    padding: 0;
    font-size: 15px;
    line-height: 26px;
    color: #666;
    border-bottom: none !important;
}

.box_info ul{}

.box_info ul > li{
	padding: 13px 0;
    border-top: 1px solid #e5e5e5;
    /* font-size: 14px; */
    line-height: 21px;
    color: #888;
}

.box_info ul> li:first-child{
	border-top: none;
}

.box_info ul > li .tit{
	position: relative;
    /* margin-bottom: 4px; */
    font-size: 17px;
	font-weight:600;
    line-height: 21px;
    color: #000;
	letter-spacing: -1px;
}

.box_info ul > li .txt{
	font-size: 12px;
    line-height: 23px;
	color:#888;
	letter-spacing: -1px;
}

.box_info ul > li .case{
	overflow:hidden;
	padding:0 0 8px 0;
	letter-spacing: -1px;
}

.box_info ul > li .case span{
	display: inline-block;
    float: left;
    margin-right: 4px;
    font-size: 13px;
    font-weight: bold;
    padding: 2px 8px;
}

.box_info ul > li .case span.case1{
	background: #ec383b;
    color: #fff;
}

.box_info ul > li .case span.case1.green{
	background:#008f9a;	
	color: #fff;
}

.box_info ul > li .case span.case1.green1204{
	background:#006233;	
	color: #fff;
}

.box_info ul > li .case span.case1.blue{
	background:#317ad3;	
	color: #fff;
}

.box_info ul > li .case span.case1.skyblue{
	background:#65c1e6;	
	color: #fff;
}

.box_info ul > li .case span.case1.pink{
	background:#ff4b94;	
	color: #fff;
}

.box_info ul > li .case span.case1.hotpink{
	background:#e0006d;	
	color: #fff;
}

.box_info ul > li .case span.case1.orange{
	background:#ef612f;	
	color: #fff;
}

.box_info ul > li .case span.case1.puple{
	background:#b126be;	
	color: #fff;
}

.box_info ul > li .case span.case2{
	background: #ffcc01;
    color: #463003;
}

.box_info ul > li .case span.case3{
    color: #ec383b;
	border: 1px solid #ec383b;
	background: #fff;
	padding: 1px 8px;
}

.box_info ul > li .case span.case3.puple{
    color: #9445ff;
	border: 1px solid #9445ff;
	background: #fff;
	padding: 1px 8px;
}

.box_info ul > li .case span.case3.red2{
    color: #bc0b2d;
	border: 1px solid #bc0b2d;
	background: #fff;
	padding: 1px 8px;
}

.box_info ul > li .case span.case3.orange{
    color: #f26722;
	border: 1px solid #f26722;
	background: #fff;
	padding: 1px 8px;
}

.lec_price{
	position: relative;
    background: #f1f1f1;
    padding: 10px 20px;
	color:#fff;
	text-align:right;
	/*border-top:1px solid #cdcdcd;*/
}

.lec_price .price .down{
	 padding: 0 0 10px 12px;
    color: #999;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: -2px;
	text-decoration:line-through;
	padding-right:15px;
}

.lec_price .price .price2{
	font-size: 26px;
    color: #f31a1a;
    font-weight: bold;
    text-align: left;
    letter-spacing: -2px;
}

.lec_price .price .price2.blue{
    color: #2e63cd;
}


.btn_area{
}

.btn_area .ul_btn_area{
	overflow:hidden;
	text-align:center;
}

.btn_area .ul_btn_area li{
	float: left;
    width: 50%;
	height:45px;
	line-height:45px;
	font-size:14px;
	letter-spacing: -2px;
}

.btn_area .ul_btn_area li a{
	color:#fff; 
	font-weight:bold;
	display:block;
}

.btn_area .ul_btn_area li.detail{ background-color:#666;}
.btn_area .ul_btn_area li.buy{background-color:#c70b0b; }
.btn_area .ul_btn_area li.buy.blue{background-color:#2e63cd; }

.box{
	margin: 10px;
    background-color: #fff;
	border:1px solid #cdcdcd;
	z-index:2;
}

.empty30{
	height:30px;
	}
.notice{
	background-color: #3d3c3c;
    text-align: center;
    position: relative;
	overflow:hidden;
}
.notice a{ color:#FF0;} 

.notice > div{ 
	float:left;
	vertical-align:middle;
}

.notice div.left{
	padding:26px 0px 0 30px;
}

.notice div.left img{
	width:70px;
}

.notice div.right{
	color:#bdbdbd;
	font-size:12px;
	line-height:16px;
	text-align:left;
	padding:30px;
}

.notice div.right ul li{
	padding-bottom:4px;	
}
.notice div.right ul li strong{ font-weight:bold; padding-top:5px;}

.notice div.right ul li.last{padding-bottom:0;}


/* event 161117 */

div.17_title{color:#0092ff; font-size:20px; font-weight:bold; border-top:2px solid #0092ff; text-align:center; width:42px; height:23px; padding:10px 0; margin:0 auto;}







/* event 161215 */
*{-webkit-text-size-adjust:none;}
.yellow_title{width:100%; height:37px; padding-top:15px; color:#FFF; font-weight:bold; font-size:22px; background-color:#ff9c00;}
table.ev_tbl_LB{width:368px; margin-top:15px; margin:0 auto;}
table.ev_tbl_LB th{font-weight:bold; font-size:15px;} 
table.ev_tbl_LB td.im_L { }
table.ev_tbl_LB td.im_L img{ height:150px;}
table.ev_tbl_LB td.im_B {text-align:left;}
table.ev_tbl_LB td.im_B img{height:150px;}
table.ev_tbl_LB td a.btn { color:#FFF; font-size:15px; font-weight:bold; display:block; float:left; padding-top:2px;  width:110px; height:30px;}
table.ev_tbl_LB td a.red{background-color:#dc1008; text-align:center;}
table.ev_tbl_LB td a.gray{background-color:#555555; text-align:center; }
table.ev_tbl_LB td a mr5{margin-right:5px;}

table.ev_tbl_LB td .btnset02{ width:225px; margin:0 auto;}



h2.ev_pm_title{ color:#455296; font-weight:bold; font-size:18px; width:90%; margin:0 auto; padding:10px 0 10px 17px; background:url(../images/event_1215/icon.png) 0px 12px no-repeat; }
h2.ev_pm_title p{ font-weight:normal; font-size:14px; color:#666; padding-top:5px; letter-spacing:-0.1em}

.ev_price{ background-color:#FFF; width:90%; margin:0 auto; border-top:2px solid #d1d1d1;}

.ev_price dl.ev_1215{ width:100%; display:block; padding-top:8px; padding-bottom:5px;}
.ev_price span.g_title{ background-color:#e7e7e7; border:1px solid #c6c6c6; font-size:13px; padding:2px 3px;}
.ev_price span.b_title{ background-color:#f3d3e0; border:1px solid #f9b1d8; font-size:13px; padding:2px 3px;}
.ev_price span.red{ color:#df170c; font-size:17px; font-weight:bold; border:none; padding:0; background:none;}
.ev_price span.arrow{ color:#4c4c4c; font-size:22px; font-weight:bold; border:none; padding:0;}
.ev_price strong{font-weight:bold}
.ev_price dl.ev_1215 dt{float:left; width:25px; padding-left:8px;}
.ev_price dl.ev_1215 dd{padding:0; line-height:20px; /*20180702*/}
.ev_price dl.ev_1215 dd.last{ padding-left:70px;}
.ev_price dl.ev_1215 dd.bb2{ border-bottom:1px solid #d1d1d1; padding-bottom:8px;}

ul.ev_btn_buyset{ width:100%; height:40px;}
ul.ev_btn_buyset li{ height:40px; text-align:center; width:50%;float:left; display:block; font-weight:bold; }
ul.ev_btn_buyset li a{ height:40px;  width:50%;float:left; display:block; font-size:21px;}
ul.ev_btn_buyset li a.btnB{ background-color:#000; color:#FFF;  width:100%;float:left; display:block;padding-top:18px;  }
ul.ev_btn_buyset li a.btnR{ background-color:#df170c; color:#FFF;  width:100%;float:left; display:block;padding-top:18px; }

div.ev_teacher{width:100%;}
div.ev_teacher img{width:100%;}

.mb10{margin-bottom:10px;}
.mb30{margin-bottom:30px;}
.pb20{padding-bottom:20px;}

div.ev_explain{width:100%; padding-top:15px; background:url(../images/event_1215/bg_p.gif) repeat;}
h3.ev_new_title{font-size:19px; letter-spacing:-0.1em;  font-weight:bold; width:90%; margin:0 auto; text-align:center; line-height:130%; margin-bottom:15px; text-shadow: 1px 1px 1px #f4e8c8;}
h3.ev_new_title strong{ color:#cb1615; text-decoration:underline;}
h4.ev_s_title01{font-size:16px; letter-spacing:-0.15em;  font-weight:bold; width:90%; margin:0 auto; text-align:center; line-height:130%; background-color:#2e2e2e; color:#FFF; padding:8px 0; }

div.ev_explain ul.e_type01{ width:90%; display:block; margin:0 auto; background-color:#FFF; font-size:15px;}
div.ev_explain ul.e_type01 li.pt01{ width:235px; margin:0 auto; text-align:center; padding-top:7px}
div.ev_explain ul.e_type01 li.pt01 img{width:100%; margin-bottom:7px;}
div.ev_explain ul.e_type01 li.etxt01{ width:94%; margin:0 auto;  text-align:center; line-height:140%; padding-bottom:10px}





/* event 170103 */
*{-webkit-text-size-adjust:none;}
div.black_title_bg{display:block; background-color:#000; width:100%; max-height:110px; background-size:cover;}
div.black_title img{ display:block; max-width:42%; max-height:110px;  margin:0 auto; top:0; background-size:cover;}

div.eventbtnset0103{display:block; max-width:750px; max-height:660px; margin:0 auto; background:url(../images/event_0103/img_01m.jpg) no-repeat; background-size:cover;}
div.eventbtnset0103 ul.buttons {padding-top:45%; padding-bottom:3%;}
div.eventbtnset0103 ul.buttons li{display:inline-block; max-width:682px; margin:0 auto; padding:0 5% 0 5%;}
div.eventbtnset0103 ul.buttons img{display:inline-block;width:100%;background-size:cover; margin-bottom:2%}

div.event_con0103{max-width:750px; max-height:468px; margin:0 auto;  background-size:cover;}
div.event_con0103 img{ width:100%; background-size:cover; margin:0 auto;}


div.event_con0103_pack{max-width:750px; max-height:262px; margin:0 auto;  background-size:cover;}
div.event_con0103_pack img{ width:100%; background-size:cover; margin:0 auto; top:0;}



div.ev_btnlist0103{display:block; width:100%;max-height:258px; background-size:cover; background-color:#fdc067; margin:0 auto; }

div.ev_btnset0103{display:block; max-height:258px; margin:0 auto; background-size:cover;}
div.ev_btnset ul.buttonset0103 {padding-top:20px;padding-bottom:30px; max-width:590px;margin:0 auto; padding-left:15px;}
div.ev_btnset ul.buttonset0103 li{display:inline-block; max-width:48%;margin:0 auto;  background-size:cover; }
div.ev_btnset ul.buttonset0103 img{display:inline-block;width:97%;background-size:cover; margin-bottom:2%;}

.buylist_0103_bl{ background-color:#153aad; height:540px;}
.buylist_0103_bl .box_0103{max-width:750px; width:95%;	margin:0px auto; padding-top:10px; background-color:#FFF; margin-bottom:10px;}
.buylist_0103_bl .box_info_0103{max-width:750px;	margin:0px;    padding: 0;    font-size: 15px;    line-height: 26px;    color: #666;    border-bottom: none !important;}
.box_info_0103 ul > li .tit{	position: relative; display:block;    float: left;     font-size: 20px;	font-weight:700;   color: #000; padding:0 7px; }
.box_info_0103 ul > li .txt{ max-width:750px; display:block;    	font-size: 13px;    line-height: 18px;	color:#888;	letter-spacing: -1px; padding:3px 7px;}
.box_info_0103 ul > li span.viewday{	display:block;    float: left;    margin-right: 4px;    font-size: 13px;    font-weight: bold;    padding: 0px 3px; background: #ffcc01;    color: #463003; letter-spacing: -0.1em;}





/* event 170125 */

*{-webkit-text-size-adjust:none;}
.blue_title{width:100%; height:37px; padding-top:15px; color:#FFF; font-weight:bold; font-size:22px; background-color:#0849d7;}

table.ev_tbl_LB125{width:370px; margin-top:15px; margin:0 auto;}
table.ev_tbl_LB125 th{font-weight:bold; font-size:15px;} 
table.ev_tbl_LB125 td.im_L110 img{ height:115px;}
table.ev_tbl_LB125 td.im_L110{}
table.ev_tbl_LB125 td.im_B110 {text-align:left;}
table.ev_tbl_LB125 td.im_B110 img{height:115px;}
table.ev_tbl_LB125 td a.btn { color:#FFF; font-size:13px; font-weight:bold; display:block; float:left; padding-top:2px;  width:87px; height:30px;}
table.ev_tbl_LB125 td a.btn2 { color:#FFF; font-size:13px; font-weight:bold; display:block; padding-top:2px;  width:87px;  height:30px; margin:0 auto; line-height:30px;}


table.ev_tbl_LB125 td a.red{background-color:#dc1008; text-align:center;}
table.ev_tbl_LB125 td a.gray{background-color:#555555; text-align:center; }
table.ev_tbl_LB125 td a mr5{margin-right:5px;}



h2.ev_pm_title{ color:#455296; font-weight:bold; font-size:18px; width:90%; margin:0 auto; padding:10px 0 10px 17px; background:url(../images/event_1215/icon.png) 0px 12px no-repeat; }
h2.ev_pm_title p{ font-weight:normal; font-size:14px; color:#666; padding-top:5px; letter-spacing:-0.1em}

.ev_price{ background-color:#FFF; width:90%; margin:0 auto; border-top:2px solid #d1d1d1;}

.ev_price dl.ev_0125{ width:100%; display:block; padding-top:10px; padding-bottom:10px; border-bottom: 1px solid #d1d1d1;}
.ev_price span.g_title{ background-color:#e7e7e7; border:1px solid #c6c6c6; font-size:13px; padding:2px 3px;}
.ev_price span.red{ color:#df170c; font-size:17px; font-weight:bold; border:none; padding:0; background:none;}
.ev_price span.arrow{ color:#4c4c4c; font-size:22px; font-weight:bold; border:none; padding:0;}
.ev_price strong{font-weight:bold}
.ev_price dl.ev_0125 dt{float:left; width:25px; padding-left:8px;}
.ev_price dl.ev_0125 dd{padding:0;}
.ev_price dl.ev_0125 dd.last{ padding-left:70px;}
.ev_price dl.ev_0125 dd.bb2{ border-bottom:1px solid #d1d1d1;}

ul.ev_btn_buyset{ width:100%; height:40px;}
ul.ev_btn_buyset li{ height:40px; text-align:center; width:50%;float:left; display:block; font-weight:bold; }
ul.ev_btn_buyset li a{ height:40px;  width:50%;float:left; display:block; font-size:21px;}
ul.ev_btn_buyset li a.btnB{ background-color:#000; color:#FFF;  width:100%;float:left; display:block;padding-top:18px;  }
ul.ev_btn_buyset li a.btnR{ background-color:#df170c; color:#FFF;  width:100%;float:left; display:block;padding-top:18px; }

div.ev_teacher{width:100%;}
div.ev_teacher img{width:100%;}

div.ev_contents{width:100%;}
div.ev_contents img{width:100%;}

.mb10{margin-bottom:10px;}
.mb30{margin-bottom:30px;}
.pb20{padding-bottom:20px;}

div.ev_explain{width:100%; padding-top:15px; background:url(../images/event_1215/bg_p.gif) repeat;}
h3.ev_new_title{font-size:19px; letter-spacing:-0.1em;  font-weight:bold; width:90%; margin:0 auto; text-align:center; line-height:130%; margin-bottom:15px; text-shadow: 1px 1px 1px #f4e8c8;}
h3.ev_new_title strong{ color:#cb1615; text-decoration:underline;}
h4.ev_s_title01{font-size:16px; letter-spacing:-0.15em;  font-weight:bold; width:90%; margin:0 auto; text-align:center; line-height:130%; background-color:#2e2e2e; color:#FFF; padding:8px 0; }

div.ev_explain ul.e_type01{ width:90%; display:block; margin:0 auto; background-color:#FFF; font-size:15px;}
div.ev_explain ul.e_type01 li.pt01{ width:235px; margin:0 auto; text-align:center; padding-top:7px}
div.ev_explain ul.e_type01 li.pt01 img{width:100%; margin-bottom:7px;}
div.ev_explain ul.e_type01 li.etxt01{ width:94%; margin:0 auto;  text-align:center; line-height:140%; padding-bottom:10px}






/* event 170216 */
table.btnNewlist{overflow:hidden; width:220px; float:left; margin-top:30px;}
table.btnNewlist td { }
table.btnNewlist td a{font-size:13px; font-weight:bold; color:#fff;	width: 75px; letter-spacing:-0.05em;}
table.btnNewlist td a.qrft13 {font-size:13px; line-height:13px;}
table.btnNewlist td a.qrmp_bt{height:35px;	background:#7F33AD;	border-radius:5px;		text-align:center;		vertical-align:middle;	display:table-cell;}
table.btnNewlist td a.qrdatabt{	height:35px;	background:#199db3; /*#6C9C40; #5BAF3F;*/ 	border-radius:5px;		text-align:center;	vertical-align:middle;	display:table-cell;	}
table.btnNewlist td a.qrwebbt{	height:35px;	/* background:#CC4646; */	background:#1e75d6;	border-radius:5px;		text-align:center;	vertical-align:middle;	display:table-cell;}
.qrfoot{ font-size:10px; text-align:center; color:#c6c6c6; margin-top:20px;}
.qrtxt{font-size:13px; line-height:18px; color:#848484; text-align:center;}




/* event 170224 */
.eventbtnset170224{display:block;max-width:750px; max-height:1120px; margin:0 auto; background:url(../images/event_170224/img_01m.jpg) no-repeat; background-size:cover; -webkit-background-size: cover;
  -moz-background-size: cover;  -o-background-size: cover; }
.eventbtnset170224 ul.plus170224{ padding-top:112%; padding-bottom:4%;}
.eventbtnset170224 ul.plus170224 li img{width:94%; padding-left:3%;background-size:cover;  -webkit-background-size: cover;
  -moz-background-size: cover;  -o-background-size: cover;}


h2.ev_170224_title{ color:#db0035; letter-spacing:-0.05em; font-weight:bold; font-size:18px; width:90%; margin:0 auto; padding:10px 0 10px 17px; background:url(../images/event_170224/icon.png) 0px 12px no-repeat; }
h2.ev_170224_title p{ font-weight:normal; font-size:14px; color:#666; padding-top:5px; letter-spacing:-0.1em}



.main_tabs_m{max-width:750px; margin:0 auto; background-color:#FFF;}

.main_tabs_m .m_tab{max-width:750px; height:50px; margin-bottom:15px; background-color:#ced4da;   border-right: 1px solid #ccd4de;border-top: 1px solid #adb6c1;
    border-bottom: 1px solid #adb6c1;}
.main_tabs_m .m_tab li{float:left; width:33%; display:block; text-align:center; font-weight:bold; font-size:20px; padding-top:15px; color:#83878b;}
.main_tabs_m .m_tab li.hover{color:#0046d5; height:35px;   background-color:#FFF; border-bottom: 1px solid #FFF; width:34%}



.list_170224{max-width:750px;margin:0 auto; padding-bottom:10px; padding-top:5px;}
ul.orlist{ width:90%; margin:0 auto; height:45px;}
ul.orlist li{ width:50%; float:left; display:block; padding-top:5px; text-align:left;font-size:15px; font-weight:bold;}





table.ev_tbl_LB170224{width:350px; margin-top:15px; margin:0 auto; margin-bottom:10px;}
table.ev_tbl_LB170224 th{font-weight:bold; font-size:15px; border:none} 
table.ev_tbl_LB170224 td{ padding:2px;border:none}
table.ev_tbl_LB170224 td.im_L {text-align:center;}
table.ev_tbl_LB170224 td.im_L img{ height:100px;}
table.ev_tbl_LB170224 td.im_B {text-align:center;}
table.ev_tbl_LB170224 td.im_B img{height:100px;}
table.ev_tbl_LB170224 td a.btn { color:#FFF; font-size:15px; font-weight:bold; display:block; float:left; padding-top:2px;  width:110px; height:30px;}
table.ev_tbl_LB170224 td a.red{background-color:#dc1008; text-align:center;}
table.ev_tbl_LB170224 td a.gray{background-color:#555555; text-align:center; }
table.ev_tbl_LB170224 td a mr5{margin-right:5px;}

table.ev_tbl_LB td .btnset02{ width:225px; margin:0 auto;}   




table.ev_tbl_LB170224_noB{width:250px; margin-top:15px; margin:0 auto; margin-bottom:10px;}
table.ev_tbl_LB170224_noB th{font-weight:bold; font-size:15px;} 
table.ev_tbl_LB170224_noB td{ padding:2px;}
table.ev_tbl_LB170224_noB td.im_L {text-align:center;}
table.ev_tbl_LB170224_noB td.im_L img{ height:100px;}
table.ev_tbl_LB170224_noB td.im_B {text-align:center;}
table.ev_tbl_LB170224_noB td.im_B img{height:100px;}
table.ev_tbl_LB170224_noB td a.btn { color:#FFF; font-size:15px; font-weight:bold; display:block; float:left; padding-top:2px;  width:110px; height:30px;}
table.ev_tbl_LB170224_noB td a.red{background-color:#dc1008; text-align:center;}
table.ev_tbl_LB170224_noB td a.gray{background-color:#555555; text-align:center; }
table.ev_tbl_LB170224_noB td a mr5{margin-right:5px;}






/* event 170322 */
.eventbtnset170322{}
.topimg_170322{max-width:750px; margin:0 auto;}
.topimg_170322 img{ height:100%; width:100%; margin:0 auto; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}

.main_tabs_m170322{max-width:750px; margin:0 auto; background-color:#FFF; }
.main_tabs_m170322 .m_tab{max-width:750px; height:50px; margin-bottom:15px; background-color:#d9d9d9;     border-right: 1px solid #ccd4de;border-top: 1px solid #adb6c1;
    border-bottom: 1px solid #adb6c1;}
.main_tabs_m170322 .m_tab li{float:left; width:20%; display:block; text-align:center; font-weight:bold; font-size:15px; padding-top:16px; color:#83878b;}
.main_tabs_m170322 .m_tab li.hover{color:#e5342c; height:35px; font-weight:bold; font-size:15px;   background-color:#ffF; }

.list_170322{max-width:750px;margin:0 auto; padding-bottom:10px; padding-top:0px;}


h2.ev_170322_title{ color:#e5342c;  font-weight:bold; font-size:19px; width:90%; text-align:center; margin:0 auto; padding:10px 0 15px 0px;  }
h2.ev_170322_title p{ font-weight:normal; font-size:14px; color:#666; padding-top:5px; }

.pack_170322{ background-color:#d9d9d9; max-width:750px; margin:0 auto; padding:30px 0 30px 0;}
.pack_170322 h3{ color:#000;  font-weight:bold; font-size:16px;text-align:center; line-height:20px; letter-spacing:-0.05em;}
.pack_170322 h2{ color:#e5342c;  font-weight:bold; font-size:18px;text-align:center; line-height:30px; letter-spacing:-0.05em; padding-bottom:5px;}
.pack_170322 h3 p{font-weight:normal; font-size:13px;color:#000; }


.masterpacklist{position:relative;  width:960px; margin:0 auto; display:block;  height:187px;}
.masterpack{ width:960px; height:187px; display:block;}
.masterpack li{height:187px; float:left; display:block;}

 .pt30{ margin-bottom:30px;}

.tbl_pack_ck0322{ width:96%;  margin:0 auto; background-color:#FFF;border-left:1px solid #c9c9c9;border-top:1px solid #c9c9c9;border-bottom:1px solid #c9c9c9; margin-top:10px; margin-bottom:15px;}
.tbl_pack_ck0322 td{width:20%; text-align:center; border-right:1px solid #c9c9c9;}
.tbl_pack_ck0322 td p img{ width:84%; margin:0 auto;}
.tbl_pack_ck0322 td input.checkbox{width:20px; height:20px;} 
.tbl_pack_ck0322 td p{font-weight:bold; padding-bottom:5px; padding-top:5px;}
.tbl_pack_ck0322 td p.txt11{font-weight:normal; font-size:10px; line-height:12px; letter-spacing:-0.05em;}
.tbl_pack_ck0322 td p.O{ color:#e48804; }
.tbl_pack_ck0322 td p.G{ color:#519e14; }
.tbl_pack_ck0322 td p.B{ color:#0053c8; }
.tbl_pack_ck0322 td p.V{ color:#4b1595; }
.tbl_pack_ck0322 td p.P{ color:#db326a; }


.pack_170322 table.tbl_bf322{color:#575757; width:96%;  margin:0 auto;  font-size:10px; letter-spacing:-0.05em; background-color:#FFF;border-left:1px solid #c9c9c9;border-top:1px solid #c9c9c9;}
.pack_170322 table.tbl_bf322 td.tctc{text-align:center;line-height:13px; vertical-align:middle; padding:3px;border-bottom:1px solid #e4e4e4;}
.pack_170322 table.tbl_bf322 th{ background-color:#eeeeee;  padding:3px;border-bottom:1px solid #e4e4e4;}
.pack_170322 table.tbl_bf322 td strong{   font-weight:bold;}

.pack_price0322{ width:96%;  margin:0 auto; height:150px;}
.pack_price0322 h2{ text-align:center; color:#e5342c; font-size:18px; }
.pack_price0322 h2 p{ color:#959595;font-size:14px;}
.pack_price0322 h2 p span{ color:#000; font-size:24px; text-decoration:none;}


ul.ev_btn_oneset{ width:100%; height:40px;}
ul.ev_btn_oneset li{ width:100%; margin:0 auto;}
ul.ev_btn_oneset li a.btnC{ background-color:#df170c;height:40px;text-align:center;  color:#FFF;  float:left; display:block; width:100%; display:block;padding-top:18px; }





/* event 170322 */


.topimg{max-width:750px; margin:0 auto;}
.topimg img{ height:100%; width:100%; margin:0 auto; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}

.btn_jlptset{width:100%; max-width:660px; margin:0 auto; display:block;  padding:0; padding:0 3% 0 3%; background-color:#f1f1f1;}
.btn_jlptset li.per33{float:left; max-width:29%; margin:0 auto; display:block; padding-bottom:5%;background-color:#f1f1f1; }
.btn_jlptset li.per33 img{  height:100%; width:100%;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; }
.btn_jlptset li.pr4{padding-right:3%;}
.btn_jlptset li.pl14{padding-left:17%;}
.btn_jlptset li.pb5{padding-bottom:10%;}

.list_170413{}
.list_170413 h2{font-family: 'Hanna', sans-serif;  width:96%; margin:0 auto; padding:2%; background-color:#000; color:#FFF; font-weight:bold; margin-bottom:7px; font-size:20px; letter-spacing:-0.05em;}


.tbl_list0413{  width:96%; margin:0 auto} 
.tbl_list0413 th{text-align:left; font-size:13px; line-height:23px;font-weight:normal;padding:5px 0 5px 0; letter-spacing:-0.05em;}
.tbl_list0413 th.or{  color:#ff7800;}
.tbl_list0413 th span.l_box{  padding:1px 5px 1px 5px;  color:#ff7800; background-color:#fFF;border-radius:3px; border:1px solid #ff7800; text-align:center; font-weight:normal;}
.tbl_list0413 th span.l_box02{  padding:1px 5px 1px 5px;  color:#d8002e; background-color:#fFF;border-radius:3px; border:1px solid #d8002e; text-align:center; font-weight:normal;}
.tbl_list0413 th span.l_box03{  padding:1px 2px 1px 2px;  color:#0daa2a; background-color:#fFF;border-radius:3px; border:1px solid #0daa2a; width:45px; display:block; font-weight:normal;}
.tbl_list0413 th span.l_box04{  padding:1px 2px 1px 2px;  color:#a932ff; background-color:#fFF;border-radius:3px; border:1px solid #a932ff; width:45px; display:block; font-weight:normal;}
.tbl_list0413 span.l_boxvi{  padding:1px 3px 1px 2px;  color:#FFF; background-color:#a932ff;border-radius:3px; border:1px solid #a932ff; width:45px;font-size:13px; font-weight:normal; margin-left:5px; vertical-align:top}
.tbl_list0413 span.l_boxgreen{  padding:1px 3px 1px 2px;  color:#FFF; background-color:#0daa2a;border-radius:3px; border:1px solid #0daa2a; width:45px;font-size:13px; font-weight:normal; margin-left:5px; vertical-align:top}




.tbl_list0413 td img.book{width:55px; height:75px;}

@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css); 

.tbl_list0413 td.lecture{ line-height:19px; font-size:13px;}
.tbl_list0413 td.lecture strong{  font-weight:bold; font-family: 'Noto Sans KR', sans-serif;letter-spacing:-0.05em;   font-size:20px; margin-bottom:10px; : }
.tbl_list0413 td.lecture strong a{ font-size:20px; color:#000; text-decoration:none; line-height:28px;}
.tbl_list0413 td.lecture strong a:hover{ font-size:20px; color:#000; text-decoration:underline}
.tbl_list0413 td.lecture a{color:#000;}

.tbl_list0413 td.lecture p{font-size:13px;  font-weight:normal ; font-family: 'Noto Sans KR', sans-serif;letter-spacing:-0.05em; }
.tbl_list0413 td.lecture p .gr{  font-size:16px; font-weight:bold;}
.tbl_list0413 td.lecture p .gr a{color:#575757; text-decoration:none;}
.tbl_list0413 td.lecture p .gr a:hover{ text-decoration:underline}

.tbl_list0413 td p.biz{font-size:13px;  line-height:22px; padding-top:3px; padding-bottom:3px;  font-weight:normal ; font-family: 'Noto Sans KR', sans-serif;letter-spacing:-0.05em; }
.tbl_list0413 td p.biz span.Sbtn{ padding:0px 3px 0px 5px}
.tbl_list0413 td p.biz span.Sbtn a{ color:#1071f6; background:url(../images/event_170421/ico_play.png) left no-repeat; padding-left:15px;}
.tbl_list0413 td p.biz span.Gbtn{ padding:0px 3px 0px 5px}
.tbl_list0413 td p.biz span.Gbtn a{ color:#000; background:url(../images/event_170717/ico_play.png) left no-repeat; padding-left:15px;}

.tbl_list0413 td.lecture p.book{ font-size:12px; line-height:22px; font-family:"나눔고딕"}
.tbl_list0413 td.lecture p.book a{color:#575757; text-decoration:none; font-weight:lighter ;font-family:"나눔고딕"}
.tbl_list0413 td.lecture p.book a:hover{ text-decoration:underline}

.redred{color:#d6183c; font-weight:normal;}
span.blue{color:#1071f6;}
span.green{ color:#0daa2a;}
span.vi{ color:#a932ff;}
span.black{color:#000;}

.tbl_list0413 td p .gr{  font-size:16px; font-weight:bold;}

.ul_list0413{ width:96%; margin:0 auto}

.ul_list0413 li.drop{border-right:1px solid #d7d7d7;border-left:1px solid #d7d7d7;border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; letter-spacing:-0.05em;  background-color:#eaeaec;  padding:7px; line-height:22px;}
.ul_list0413 li.drop span{ font-size:12px; font-weight:normal}
.ul_list0413 li.drop a{ color:#000; width:100%; display:block;}

.ul_list0413 li.drop a.ico_btn_down{background:url(../images/event_170413/ico_down.png) right no-repeat;}
.ul_list0413 li.drop a.ico_btn_up{background:url(../images/event_170413/ico_up.png) right no-repeat;}
.ul_list0413 li .B_list{ width:100%; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7;}
.ul_list0413 li .B_list td.book{ font-size:12px; line-height:18px; border-bottom:1px solid #d7d7d7;letter-spacing:-0.1em;}




.ul_list0413 li .B_list td.tr{text-align:right; padding-right:8px;}
.ul_list0413 li .B_list td.book p{ font-size:12px; height:25px; line-height:18px; padding:4px 0 7px 0; letter-spacing:-0.1em;}
.ul_list0413 li .B_list td.book p.last{  border-bottom:none;}
.ul_list0413 li .B_list td.book a{ color:#000}

.ul_list0413 li .B_list td.book span.Bname{text-align:left; display:block; float:left; width:223px; }
.ul_list0413 li .B_list td.book span.Bprice{display:block; float:right; width:105px;text-align:right;}


.btn_area{}
.btn_area .jlpt_btnset{ width:100%; margin:0 auto; margin-top:10px;}

.btn_area .jlpt_btnset td{ width:33%;  text-align:center; color:#FFF; border-right:1px solid #FFF; font-weight:bold; padding:10px 0 10px 0px;}
.btn_area .jlpt_btnset td.c_box{background-color:#a1a1a1; font-weight:normal; }
.btn_area .jlpt_btnset td.c_vi{background-color:#9731df; font-weight:normal; }
.btn_area .jlpt_btnset td.c_blue{ background-color:#0046d5;}
.btn_area .jlpt_btnset td a{color:#FFF;}

	
	.pop_tbl td.tl{text-align:left;}
	.pop_tbl td.tl span{line-height:20px;}
	.pop_tbl td.tl p{ line-height:20px;}
	.pop_tbl td.tl p.boldname{ font-size:14px; font-weight:bold}
	.pop_tbl td.tl A{color:#000;}
	.pop_tbl td.tl A.redred{color:#d6183c;}
	.pop_tbl td.tl A.blue{color:#1071f6;}
	.pop_tbl td.tl A.green{ color:#0daa2a;}
	.pop_tbl td.tl A.vi{ color:#a932ff;}
	
	



.btn_area{}
.btn_area .HSK_btnset{ width:100%; margin:0 auto;}

.btn_area .HSK_btnset td{ width:33%;  text-align:center; color:#FFF; border-right:1px solid #FFF; font-weight:bold; padding:15px 0 15px 0px;}
.btn_area .HSK_btnset td.c_box{background-color:#a1a1a1; font-weight:normal; }
.btn_area .HSK_btnset td.c_blue{ background-color:#0046d5;}
.btn_area .HSK_btnset td.c_red{ background-color:#f01010;}
.btn_area .HSK_btnset td a{color:#FFF;}

	
	.list_170413 h2 span{ display:block; float:right;}
	.list_170413 h2 span a{  }
	.list_170413 h2 span a:visit{ font-size:13px; font-weight:normal; color:#1071f6;}
	



/* event 170615 */
.eventbtnset170615{}
.main_tabs_m170615{max-width:750px; margin:0 auto;}
.main_tabs_m170615 .m_tab{max-width:750px;}
.main_tabs_m170615 .m_area {width:100%; background-color:#ffffff;}
/*.main_tabs_m170615 .m_area img {width:100%;}
.main_tabs_m170615 .m_area a img {width:100%;}*/
.main_tabs_m170615 .m_area .btnset05 a img {width:auto;}

.m_area .btnset05 {text-align:right; margin-top:-40px; margin-bottom:20px;}   
.m_area .btnset05 img {width:180px; margin:0; text-align:left; margin-right:15px;}   

.m_area .btnset08 {text-align:left; margin-top:-40px; margin-bottom:20px;}   
.m_area .btnset08 img {width:180px; margin:0; text-align:left; margin-left:15px;}   


.tbl_list0615 {width:100%;}
.cpoint {background-color:#ffedf1; border-bottom:1px solid #000000;}
.bpoint {border-bottom:1px solid #c7c7c7;}
.tbl_list0615 td.lecture{ line-height:24px; font-size:14px; padding:30px 5px 30px 15px; font-weight:bold; font-family: 'Noto Sans KR'; }
.jpprice {padding:30px 15px 30px 0;}

.tbl_list0615 td.lecture strong{ font-weight:bold; font-family: 'Noto Sans KR', sans-serif;letter-spacing:-0.05em; font-size:24px; margin-bottom:10px; margin-top:5px; }
.tbl_list0615 td.lecture strong a{ font-size:24px; color:#000; line-height:24px;}
.tbl_list0615 td.lecture .red0615 strong { font-size:24px; color:#f34242; text-decoration:none; line-height:24px;}
.tbl_list0615 td.lecture .blue0615 strong { font-size:24px; color:#2d94f3; text-decoration:none; line-height:24px;}
.tbl_list0615 td.lecture .green0615 strong { font-size:24px; color:#30ca75; text-decoration:none; line-height:24px;}
.tbl_list0615 td.lecture .violet0615 strong { font-size:24px; color:#9671cf; text-decoration:none; line-height:24px;}


.tbl_list0615 td.lecture strong a:hover{ font-size:22px; color:#000; text-decoration:underline}
.tbl_list0615 td.lecture a{color:#000;}

.tbl_list0615 td.lecture a .bk {font-size:18px; color:#000; font-weight:normal ;}

.tbl_list0615 td.lecture p{font-size:14px; font-weight:normal ; font-family: 'Noto Sans KR', sans-serif;letter-spacing:-0.05em; }
.tbl_list0615 td.lecture p .gr{  font-size:16px; font-weight:bold;}
.tbl_list0615 td.lecture p .gr a{color:#575757; text-decoration:none;}
.tbl_list0615 td.lecture p .gr a:hover{ text-decoration:underline}

.line {text-decoration: line-through; color:#666666;}

.tbl_list0413 td p.biz{font-size:13px;  line-height:22px; padding-top:3px; padding-bottom:3px;  font-weight:normal ; font-family: 'Noto Sans KR', sans-serif;letter-spacing:-0.05em; }
.tbl_list0413 td p.biz span.Sbtn{ padding:0px 3px 0px 5px}
.tbl_list0413 td p.biz span.Sbtn a{ color:#1071f6; background:url(../images/event_170421/ico_play.png) left no-repeat; padding-left:15px;}

.tbl_list0413 td.lecture p.book{ font-size:12px; line-height:22px; font-family:"나눔고딕"}
.tbl_list0413 td.lecture p.book a{color:#575757; text-decoration:none; font-weight:lighter ;font-family:"나눔고딕"}
.tbl_list0413 td.lecture p.book a:hover{ text-decoration:underline}

.redred{color:#d6183c; font-weight:normal;}
span.blue0615{color:#0060ff; font-size:14px;}
span.lightblue0615 {color:#0090ff;  font-weight:bold;}
span.red0615{color:#f34242; font-size:22px; font-weight:bold; }

span.green{ color:#0daa2a;}
span.vi{ color:#a932ff;}
span.black{color:#000;}

.btnset06 a {height: 35px;}
.btnset06 .mr10 {padding:0;}
.btnset06 .mr11 {padding:0;}

.main_tabs_m170615 .m_area .btnset07 a img {width:auto;}
.m_area .btnset07 {text-align:right; margin-top:-40px; margin-bottom:20px;}   
.m_area .btnset07 img { width:238px; margin:0; text-align:right; margin-right:20px;}   


.btn1 {
    display: inline-block;
    margin: 0;
    padding: 0;
    cursor: pointer;
    vertical-align: middle;
    border: 0;
    box-sizing: border-box;
}

.red1 {
	margin:0;
	padding:2px 5px 1px 5px;
	border:1px solid #f34242; 
    color:#f34242;
	margin-bottom:10px;
	vertical-align: text-bottom;
}

.bule1 {
	margin:0;
	padding:2px 5px 1px 5px;
	border:1px solid #2d94f3; 
    color:#2d94f3;
	margin-bottom:10px;
	vertical-align: text-bottom;
}

.green1 {
	margin:0;
	padding:2px 5px 1px 5px;
	border:1px solid #30ca75; 
    color:#30ca75;
	margin-bottom:10px;
	vertical-align: text-bottom;
}

.violet1 {
	margin:0;
	padding:2px 5px 1px 5px;
	border:1px solid #9671cf; 
    color:#9671cf;
	margin-bottom:10px;
	vertical-align: text-bottom;
}

.pink1 {
	margin:0;
	padding:2px 5px 1px 5px;
	border:1px solid #df66a3; 
    color:#df66a3;
	margin-bottom:10px;
	vertical-align: text-bottom;
}

.orange1 {
	margin:0;
	padding:2px 5px 1px 5px;
	border:1px solid #f69600; 
    color:#f69600;
	margin-bottom:10px;
	vertical-align: text-bottom;
}



 .bg_tbl0717{width:100%; padding:0; margin:0; background-size:cover; background-color:#fdf495}
 .bg_tbl0717 td {vertical-align:top; text-align:center; padding-top:3px; font-size:17px; line-height:35px;}
 .bg_tbl0717 td img{width:100%; padding:0; margin:0; background-size:cover;}


/* 17.07.21 인증방법 */

a.btns.gray3 {
    border: 1px solid #a09f9f;
    background: #f8f8f8;
    color: #504f4f;
    font-size: 12px;
    padding: 0 10px;
    height: 32px;
    line-height: 32px;
}

a.btns.blue1 {
	border: 1px solid #1e75d6;
    background: #1e75d6;
    color: #ffffff;
    font-size: 12px;
    padding: 0 10px;
    height: 32px;
    line-height: 32px;
}

/* 17.08.02 dvBook */
li .dvbbt{
	height:35px;
	/* background:#CC4646; */
	background:#ee007b;
	border-radius:5px;	
	text-align:center;
	color:#fff;
	font-size:13px;
	vertical-align:middle;
	display:table-cell;
	line-height:12px;
}

.contents .contents_t .info .btn_sampledvb{
	position:absolute;
	top:145px;
	z-index:99;
}

.dvb_btn01 {
	float:left;
    display: inline-block;
    height: 20px;
    line-height: 22px;
    padding: 0 10px;
    color: #fff;
    vertical-align: middle;
    font-size: 11px;
    letter-spacing: -1px;
	/*background: #1073b0;*/
    background: #a55adb;
	border:1px solid #863acb;
    /*box-shadow: 0 1px 0 #e1e1e1;*/
    /*-webkit-box-shadow: 0 1px 0 #e1e1e1; */
    -moz-box-shadow: 0 1px 0 #e1e1e1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#e1e1e1,direction=0, strength=1)";
    text-align: center;
	margin-right:5px;
	margin-top:10px;
}

.dvb_btn02 {
	float:left;
    display: inline-block;
    height: 20px;
    line-height: 22px;
    padding: 0 10px;
    color: #a55adb;
    vertical-align: middle;
    font-size: 11px;
    letter-spacing: -1px;
	/*background: #1073b0;*/
    background: #ffffff;
	border:1px solid #a55adb;
    /*box-shadow: 0 1px 0 #e1e1e1;*/
    /*-webkit-box-shadow: 0 1px 0 #e1e1e1; */
    -moz-box-shadow: 0 1px 0 #e1e1e1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#e1e1e1,direction=0, strength=1)";
    text-align: center;
	margin-right:5px;
	margin-top:10px;
}

.dvb_btn03 {
	float:left;
    display: inline-block;
    height: 20px;
    line-height: 22px;
    padding: 0 10px;
    color: #868686;
    vertical-align: middle;
    font-size: 11px;
    letter-spacing: -1px;
	/*background: #1073b0;*/
    background: #ffffff;
	border:1px solid #a3a3a3;
    /*box-shadow: 0 1px 0 #e1e1e1;*/
    /*-webkit-box-shadow: 0 1px 0 #e1e1e1; */
    -moz-box-shadow: 0 1px 0 #e1e1e1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#e1e1e1,direction=0, strength=1)";
    text-align: center;
	margin-right:5px;
	margin-top:10px;
}

.dvb_btn04 {
	width: 30px;
	height:24px;
    background: #508fef;
    color: #ffffff;
    border: 0;
	vertical-align: middle;
}

.dvb_freeBule {
   width: 30px;
	height:20px;
    border: 0;
	font-size:10px;
	padding:4px 6px;
	background: #508fef;
    color: #ffffff;
    vertical-align: middle;
}

.mdvb_infobox {
	min-height:130px;
	background-color:#f2f2f2;
	padding:20px 11px;
	overflow:hidden;	
	font-size: 13px;
	line-height: 20px;
	margin-bottom:20px;
}

.mdvb_infobox h2 {
	font-size: 13px;
	font-weight:700;
}

.mdvb_infobox a.graydvb {
	border: 0;
	text-align:center;
	color: #9b9a9a;
    background: url(../images/icon/icon_downarrow_show.png) no-repeat;
	background-position:62px 7px;
    margin:0 auto;
}

.confim-re01 {font-size:11px; color:#ff5400; margin-top:10px; }

ul li.dvb_chaplist {font-weight:bold;}
ul li.dvb_chaplist ul li {font-weight:normal; padding-bottom:5px; line-height: 180%;}
ul li.dvb_chaplist ul li a {font-weight:normal; padding-bottom:5px; line-height: 180%; color:#2974e4;}

.btnBox4 img {width:52px;}
.btnBox5 img {width:48px;}

.dvbcpbtn {
	height:25px;
	padding:5px 0;
	font-size:13px;
	color:#2076D6;
	font-weight:bold;
}

.dvbcpbtn a {color:#2076D6; text-decoration:underline;}

.list_tab.dvbli li {width:33.3%;}


/* 170818 정답및해설 */
.subBox .playInfo170818{
	padding:0 10px;
	margin:0 auto 25px auto;
}

.AS_Numbox { font-size: 13px;
    line-height: 22px;
	margin:0;
    padding:15px;
	margin-bottom:30px;
	border:1px solid #cccccc;
}

.AS_Numtext ul {
    font-size: 13px;
    line-height: 22px;
	margin:0;
    padding: 15px;	
	margin-top:10px;
	margin-bottom:20px;
	background-color:#f7f7f7;
	border-top:1px solid #cccccc;
}

.AS_Numtext ul li {
	margin-bottom:7px;
	font-size: 13px;
}

.AS_Numtext ul li span.asbbt {font-weight:bold; color:#005dc6;}
.AS_Numtext ul li span.asuubt {font-weight:700; color:#005dc6; text-decoration:underline;}
.AnswerBold {font-weight:700; font-size:13px; color:#868686; margin-bottom:5px;}

.txt02_as {
	font-size: 14px;
    color: #1e75d6;
    line-height: 16px;
	font-weight:bold;
    margin-bottom: 20px;
}

.AS_Stitle {
	font-weight:700; 
	font-size:14px; 
	margin-bottom:10px;
	background: url(../images/icon/bul_01.gif) no-repeat 0px 22px;
}

/*li .webbt_as {
	height:35px;
	background:#003673;
	border-radius:5px;	
	text-align:center;
	color:#fff;
	font-size:13px;
	vertical-align:middle;
	display:table-cell;
	line-height:12px;
} 윗 641 줄로 이동시킴 */

.contents .mp3_box .titleBox0818{
	font-size:13px;
	font-family: 'Nanum Gothic Bold';
	padding:0 0 0 15px;
	overflow:hidden;
	/*margin-top: 7px;*/
	line-height:40px;
	/*height:40px;*/
	background-color:#fafafa;
	font-weight:bold;
}


.contents .mp3_box .titleBox0818 a{
	color:#666;	
}

.contents .mp3_box .titleBox0818 a:hover{
	color:#1e75d6;
}

.contents .mp3_box .titleBox0818 a.on{
	color:#1e75d6;
}


/* 170831 event */
.topimg01_170831{max-width:750px; margin:0 auto; background: url(../images/event_170413/img_02m_bg.jpg) no-repeat;}
.topimg01_170831 img{ height:100%; width:100%; margin:0 auto; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}

.topimg02_170831{max-width:750px; margin:0 auto; background: url(../images/event_170413/img_05m_bg.jpg) repeat-y;}
.topimg02_170831 img{ height:100%; width:100%; margin:0 auto; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}

.btn_jlptset0831 {width:100%; max-width:660px; margin:0 auto; display:block;  padding:0; padding:0 3% 0 3%;}
.btn_jlptset0831 li.per33{float:left; max-width:29%; margin:0 auto; display:block; padding-bottom:5%;}
.btn_jlptset0831 li.per33 img{  height:100%; width:100%;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; }
.btn_jlptset0831 li.pr4{padding-right:3%;}
.btn_jlptset0831 li.pl14{padding-left:17%;}
.btn_jlptset0831 li.pb5{padding-bottom:10%;}


/* 170905 event */
.tbl_list01_0905 {width: 100%; margin: 0 auto; margin-top:30px; border:1px solid #cfcfcf; padding:20px; margin-bottom:30px; }
.tbl_list01_0905 td {padding:20px; border-bottom:1px solid #cfcfcf;}
.tbl_list01_0905 td.tdpage {padding:20px 0 0 0; border-bottom:0}
.tbl_list01_0905 ul li {line-height:180%;}
.tbl_list01_0905 ul li.guest {font-size:16px; font-weight:bold; color:#000000;}
.tbl_list01_0905 ul li.guest p {width:40px; float:right; margin:0; padding:0; display:block; text-align:right;}
.tbl_list01_0905 ul li.guest p a {font-size:13px; font-weight:normal; color:#666666; text-align:right; text-decoration:none;}
.tbl_list01_0905 ul li.text {font-size:14px; color:#000000;word-break:break-all;word-break:break-word;}
.tbl_list01_0905 ul li.date {font-size:12px; color:#b3b3b3;}

/* 170920 event */
.tbl_list01_0920 {width:100%; margin: 0 auto; border:1px solid #cfcfcf; padding:20px; margin-bottom:30px; }
.tbl_list01_0920 td {width:100%; padding:20px; border-bottom:1px solid #cfcfcf;}
.tbl_list01_0920 td.tdpage {padding:20px 0 0 0; border-bottom:0}
.tbl_list01_0920 ul li {line-height:180%;}
.tbl_list01_0920 ul li.guest {font-size:16px; font-weight:bold; color:#000000;}
.tbl_list01_0920 ul li.guest p {width:40px; float:right; margin:0; padding:0; display:block; text-align:right;}
.tbl_list01_0920 ul li.guest p a {font-size:13px; font-weight:normal; color:#666666; text-align:right; text-decoration:none;}
.tbl_list01_0920 ul li.text {font-size:14px; color:#000000;word-break:break-all;word-break:break-word;}
.tbl_list01_0920 ul li.date {font-size:12px; color:#b3b3b3;}
.tbl_list01_0920 ul li.guest .btn_guestlike {width:100px; float:right; margin:0; padding:0; display:block; text-align:right;}
.tbl_list01_0920 ul li.guest .btn_guestlike a {font-size:12px; font-weight:normal; color:#666666; text-align:right; text-decoration:none;}

/* 171027 event */
.topimg_171027{max-width:750px; margin:0 auto;}
.topimg_171027 img{ height:100%; width:100%; margin:0 auto; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}

ul.btn_set1027 {width:100%; max-width:536px; margin:0 auto; display:block; padding:0;}

.btn_set1027.boxmm01 {min-height:145px; background: url(../images/event_171027/img_03m_01.jpg) no-repeat top center; padding-top:120px;}
.btn_set1027.boxmm02 {min-height:145px; background: url(../images/event_171027/img_03m_02.jpg) no-repeat top center; padding-top:120px;}

ul.btn_set1027 li.per50{float:left; max-width:47%; display:block; padding-bottom:5%;}
ul.btn_set1027 li.per50 img{  height:100%; width:100%;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; }

.topimg_171027.boxmm00 {max-width:750px; background: url(../images/event_171027/img_02m.jpg) repeat-y top center; }
ul.btn_set1027 li.per25{float:left; max-width:22%; display:block; padding-bottom:5%;}

.tbl_list0615 td.lecture .red1027 strong { font-size:21px; color:#f34242; text-decoration:none; line-height:24px;}
.tbl_list0615 td.lecture .blue1027 strong { font-size:21px; color:#2d94f3; text-decoration:none; line-height:24px;}
.tbl_list0615 td.lecture .violet1027 strong { font-size:21px; color:#9671cf; text-decoration:none; line-height:24px;}


/*ul.btn_set1027 li.pr4{padding-right:3%;}
ul.btn_set1027 li.pl14{padding-left:17%;}
ul.btn_set1027 li.pb5{padding-bottom:10%;}*/


/* 171208 약관보기 버튼 추가 */
.subBox .psagree_bt {
	display: block;
	height: 30px;
	text-align: left;
	border-bottom:1px solid #a1b5d0;
}

.subBox .psagree_bt h2 {
	display: block;
	float:left;
	font-weight:bold;
	font-size:14px;
	padding-top:3px;
	color:#0a419c;
	letter-spacing:-0.05em
}

.subBox .psagree_bt a {
	display: inline;
	float:right;
}

.subBox .psagree_bt a.top_sectionA {
	display: inline;
    height: 25px;
    line-height: 25px;
    padding: 0 10px;
    font-size: 12px;
    color: #ffffff;
    border-radius: 2px;
    border:0;
	background-color:#1e75d6;
}

.subBox .psagree_bt a.top_sectionB {
	display: inline;
    height: 23px;
    line-height: 25px;
    padding: 0 10px;
    font-size: 12px;
    color: #ffffff;
    border-radius: 2px;
    border:0;
	background-color:#1e75d6;
}

/* 18.01.04 모바일 채점기능 */
.titleBox_omr {
	font-size:15px;
	font-family: 'Nanum Gothic Bold';
	padding:0 0 15px 15px;
	background:url(../images/icon/bul_01.gif) no-repeat left 2px;
	overflow:hidden;
	margin-top: 15px;
}

li .momrbt{
	height:35px;
	background:#eb6400;
	border-radius:5px;	
	text-align:center;
	color:#fff;
	font-size:11px;
	vertical-align:middle;
	display:table-cell;
	line-height:12px;
}

li .momrbtB{
	height:35px;
	background:#00997e;
	border-radius:5px;	
	text-align:center;
	color:#fff;
	font-size:11px;
	vertical-align:middle;
	display:table-cell;
	line-height:12px;
}

.contents .mp3_box .omr_info {
	font-size: 12px;
	font-family: 'Nanum Gothic Bold';
	padding: 7px;
	overflow: hidden;
	line-height: 20px;
	font-weight:normal;
	background-color: #fafafa;
	font-weight: bold;
	color: #0479FA;
}
.contents .mp3_box .omr_info ul {padding-left:20px;}
.contents .mp3_box .omr_info ul li { list-style:square;}

.contents .mp3_box .omr_testlist {
    font-size: 13px;
    line-height: 35px;
    padding: 15px 13px;
	font-weight:bold;
    color: #6e6e6e;
    overflow: hidden;
}

.contents .mp3_box .omr_testlist li {
    position: relative;
    overflow: hidden;
    border-bottom: dashed 1px #ccc;
    padding-top: 14px;
    padding-bottom: 14px;
    line-height: 1.6em;
}

.contents .mp3_box .omr_testlist li p {
    position: relative;
    display: block;
}

.contents .mp3_box .omr_testlist li a {
    display: block;
    color: #333;
	font-weight:bold;
}

.contents .mp3_box .omr_testlist img {
    float: right;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 11px;
    height: 22px;
}

.contents .mp3_box .omr_wrapbox {
	display: block;
	width:100%;
	float:left;
	position: relative;
	margin-bottom:20px;
}

.contents .mp3_box .omr_wrapbox .omr_check_A {display: block;position: relative;width:100%;font-size:14px;font-weight:bold;text-align:center;}
.contents .mp3_box .omr_wrapbox .omr_check_A ul {position: relative; margin:0 auto; display:block;color:#ffffff;margin-bottom:2px; min-width:280px; height:35px;}
.contents .mp3_box .omr_wrapbox .omr_check_A ul li {position: relative;width:19.6%;display:block;float:left;background-color:#516882;height:15px;padding-top:10px; padding-bottom:10px; border-right:1px solid #ffffff;}
.contents .mp3_box .omr_wrapbox .omr_check_A ul li last:child {border-right:0;}

.contents .mp3_box .omr_wrapbox .omr_check_Aa {display: block;position: relative;width:100%;font-size:14px;font-weight:bold;text-align:center; box-sizing:border-box;}
.contents .mp3_box .omr_wrapbox .omr_check_Aa ul {position: relative; margin:0 auto; display:block;color:#ffffff;margin-bottom:2px; min-width:280px; height:35px;}
.contents .mp3_box .omr_wrapbox .omr_check_Aa ul li {position: relative;width:16.3%;display:block;float:left;background-color:#516882;height:15px;padding-top:10px; padding-bottom:10px; border-right:1px solid #ffffff;}
.contents .mp3_box .omr_wrapbox .omr_check_Aa ul li last:child {border-right:0;}

.contents .mp3_box .omr_wrapbox .omr_check_B {display: block;position: relative;width:100%;font-size:14px;font-weight:normal;text-align:center;}
.contents .mp3_box .omr_wrapbox .omr_check_B ul {position: relative; margin:0 auto; display:block;color:#555555;margin-bottom:1px; min-width:280px;height:35px;}
.contents .mp3_box .omr_wrapbox .omr_check_B ul.color li {background-color:#d3e1f1;}

.contents .mp3_box .omr_wrapbox .omr_check_B ul li {position: relative;width:19.6%;display:block;float:left;background-color:#e6eef7;height:35px; border-right:1px solid #ffffff;}
.contents .mp3_box .omr_wrapbox .omr_check_B ul li.num {position: relative;width:19.6%;display:block;float:left;height:15px;padding-top:10px; padding-bottom:10px; border-right:1px solid #ffffff; font-weight:bold;}
.contents .mp3_box .omr_wrapbox .omr_check_B ul li last:child {border-right:0;}

.contents .mp3_box .omr_wrapbox .omr_check_Bb {display: block;position: relative;width:100%;font-size:14px;font-weight:normal;text-align:center; box-sizing:border-box;}
.contents .mp3_box .omr_wrapbox .omr_check_Bb ul {position: relative; margin:0 auto; display:block;color:#555555;margin-bottom:1px; min-width:280px;height:35px;}
.contents .mp3_box .omr_wrapbox .omr_check_Bb ul.color li {background-color:#d3e1f1;}
.contents .mp3_box .omr_wrapbox .omr_check_Bb ul li {position: relative;width:16.3%;display:block;float:left;background-color:#e6eef7;height:35px; border-right:1px solid #ffffff;}
.contents .mp3_box .omr_wrapbox .omr_check_Bb ul li.num {position: relative;width:16.3%;display:block;float:left;height:15px;padding-top:10px; padding-bottom:10px; border-right:1px solid #ffffff; font-weight:bold;}
.contents .mp3_box .omr_wrapbox .omr_check_Bb ul li last:child {border-right:0;}

.contents .mp3_box .omr_wrapbox .omr_check_C {display: block;position: relative;width:100%;font-size:13px; line-height:16px;font-weight:normal;text-align:center;}
.contents .mp3_box .omr_wrapbox .omr_check_C ul {position: relative; margin:0 auto; display:block;color:#000000;margin-bottom:1px; min-width:280px;height:60px;}
.contents .mp3_box .omr_wrapbox .omr_check_C ul li {position: relative;width:24.6%;display:block;float:left;background-color:#ebebeb;height:40px;padding-top:10px; padding-bottom:10px;border-right:1px solid #ffffff; line-height:20px;}
.contents .mp3_box .omr_wrapbox .omr_check_C ul li last:child {border-right:0;}
.contents .mp3_box .omr_wrapbox .omr_check_C ul li a {color:#000000; display:block;}
.contents .mp3_box .omr_wrapbox .omr_check_C ul li.wrong {background-color:#d3e1f1; color:#004999; font-weight:bold;}
.contents .mp3_box .omr_wrapbox .omr_check_C ul li.wrong a {color:#004999; font-weight:bold; display:block;}
.contents .mp3_box .omr_wrapbox .omr_check_C ul li span.omr_f18 {font-weight:bold; font-size:18px;}

.contents .mp3_box .omr_wrapbox .omr_check_D {display: block;position: relative;width:100%;font-size:13px; line-height:16px;font-weight:normal;text-align:center;}
.contents .mp3_box .omr_wrapbox .omr_check_D ul {position: relative; margin:0 auto; display:block;color:#000000;margin-bottom:1px; min-width:280px;}
.contents .mp3_box .omr_wrapbox .omr_check_D ul li {position: relative;width:19.6%;display:block;float:left;background-color:#ebebeb;height:30px;padding-top:10px; padding-bottom:10px; border-right:1px solid #ffffff;border-bottom:1px solid #ffffff;}
.contents .mp3_box .omr_wrapbox .omr_check_D ul li a {color:#000000; display:block;}
.contents .mp3_box .omr_wrapbox .omr_check_D ul li.extext {width:92.7%; min-height:50px; height: auto; text-align:left; padding:3%;}
.contents .mp3_box .omr_wrapbox .omr_check_D ul li.extext h3 {font-size:13px;font-weight:bold; padding-bottom:5px;}
.contents .mp3_box .omr_wrapbox .omr_check_D ul li.extext p {font-size:13px; line-height:22px;}
.contents .mp3_box .omr_wrapbox .omr_check_D ul li.exbox {width:32.8%;height:40px; line-height:20px;}
.contents .mp3_box .omr_wrapbox .omr_check_D ul li.exbox span {font-weight:bold; font-size:18px;}
.contents .mp3_box .omr_wrapbox .omr_check_D ul li.wrong span {color:#000000; font-weight:normal; text-decoration:line-through;}
.contents .mp3_box .omr_wrapbox .omr_check_D ul li.wrong {background-color:#d3e1f1;color:#004999; font-weight:bold;}
.contents .mp3_box .omr_wrapbox .omr_check_D ul li.wrong a {color:#004999; font-weight:bold; display:block;}
.contents .mp3_box .omr_wrapbox .omr_check_D ul li last:child {border-right:0;}


/*.omr_set {
    display: block;
    position: relative;
    padding-left: 0;
	padding-top:0; 
	padding-bottom:0;
    cursor: pointer;
    font-size:30px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}*/

.omr_set {
	overflow:hidden;
	width:100%; 
	height:35px;
    display: block;
    position: relative;
    padding-left: 0;
	padding-top:0; 
	padding-bottom:0;
    cursor: pointer;
    font-size:30px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.omr_set input {
	width:100%;
	height:35px;
	top:0;
	left:0;
    position: absolute;
    opacity: 0;	
    cursor: pointer;
	margin:0;
}

.checkmark {
    position: absolute;
    top: 5px;
    left: 32%;
    height: 22px;
    width: 22px;
	background:url(../images/omr/num_omr.png) no-repeat 0 2px;
}

.checkmark.omr_n1 {background-position: -1px 0;}
.checkmark.omr_n2 {background-position:-28px 0;}
.checkmark.omr_n3 {background-position:-56px 0;}
.checkmark.omr_n4 {background-position:-83px 0;}
.checkmark.omr_n5 {background-position:-110px 0;}

.omr_set input:checked ~ .checkmark {
	height: 27px;
    width: 27px;
	background:url(../images/omr/check_omr.png) no-repeat 0 0;
}

.omr_mybox {
	display: block;
	width:100%;
	float:left;
	position: relative;
	margin-bottom:20px;
}

.omr_mytitle {
	font-size: 15px;
    font-family: 'Nanum Gothic Bold';
    padding: 10px;
    overflow: hidden;
	background-color:#eeeeee;
	margin-bottom:5px;
}

.omr_mytitle a {
	float:right;
}

.omr_mylist  {
    font-size: 13px;
    line-height: 35px;
	font-weight:bold;
    color: #6e6e6e;
    overflow: hidden;
}

.omr_mylist li {
    position: relative;
    overflow: hidden;
    border-bottom: dashed 1px #ccc;
    padding: 10px 0 10px 15px;
    line-height: 1.6em;
	/*background:url(/images/omr/bullet_omr.png) no-repeat 0 15px;*/
}

.omr_mylist li a {
    display: block;
    color: #333;
	font-weight:normal;
}

.omr_mylist img {
    float: right;
    position: absolute;
    top: 15px;
    right: 0;
    display: block;
}

.tbl_omrdetail {
	margin: 0 auto;
    text-align: center;
    width: 100%;
	border-left:none;
	border-right:none;
}

.tbl_omrdetail th {
    font-weight: bold;
    color: #000;
    font-size: 13px;
    padding: 10px 15px 10px 15px;
    background-color: #e6eef7;
	border-right: 1px solid #ffffff;
	vertical-align:middle;
}

.tbl_omrdetail th:last-child {
	border-right:0;
}

.tbl_omrdetail td {
	font-size: 13px;
    line-height: 150%;
   /* padding: 3px;*/
	border-right: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	vertical-align:middle;
}

.tbl_omrdetail td:last-child {
	border-right:0;
}

.tbl_omrdetail td a { color:#000; display:block;}
.tbl_omrdetail td.wrong a { color:#004999; font-weight:bold;}
.tbl_omrdetail th.wrong { color:#004999; font-weight:bold;}

.btnBox_omr{
	margin:0 auto;
	width:100%;
	overflow:hidden;	
}

.btnBox_omr li{
	float:left;	
	width:90px;
	padding:0 5px;
	box-sizing:border-box;
	display:table;
}

.btnBox_omr li:last-child {float:right;}

.titleBox span.sbtnBox_omr a {
	float:right; 
	font-size:11px; 
	background-color:#f5f5f5; 
	padding:5px 10px; 
	color:#929292; 
	border-radius:5px;	
	border:1px solid #e7e7e7;
}

/* paging_omr */
.paging_omr{position:relative; overflow:hidden; padding:20px 0; text-align:center; font-size:14px;background:#fff;}
.paging_omr a{display:inline-block;margin:0 2px;width:20px; padding:0;line-height:2.6em; border:0; color:#848484; font-weight:normal; vertical-align:top; text-align:center; font-size:14px;}
.paging_omr strong{display:inline-block;margin:0 2px;width:20px; padding:0;line-height:2.6em; border:0; color: #1e75d6; font-weight:bold; vertical-align:top; text-align:center; font-size:14px;}
.paging_omr span{margin:0 4px;line-height:2.6em; color:#d0d0d0; font-weight:normal;}
.paging_omr span a{width:35px;padding:0;margin:0 2px;letter-spacing:-3px;line-height:2.5em;font-size:14px;vertical-align:top;color: #848484;}
.paging_omr .prev {font-size:16px; float: left}
.paging_omr .next {font-size:16px; float: right}


/* 모바일 시리즈 화면 */
h4.series_title {font-size:14px; font-weight: bold; color: #1c1c1c; padding:0 0 15px 0; letter-spacing:-0.5px;}
h4.series_title a {font-size:13px; font-weight: normal; float:right; color:#666666;}
.series_box {width:312px;margin:0; padding:0; min-height:20px;}

.series_list {display:inline-block; margin:0; padding:0; font-size: 13px;  line-height: 28px;}
.series_list a {display:block; float:left; margin:0; padding:0; margin-right:4px;}
.series_btn {
    border: 1px solid #d5d5d5;
    background: #f0f0f0;
    color: #666666;
    float: right;
	font-size:12px;
    margin-top: -5px;
    height: 20px;
    line-height: 21px;
}

.contents .txtbox .con_title a {font-weight: normal; float:right; color:#666666;}
.contents .txtbox .table_cls {position:relative; padding-left: 15px; padding-right: 15px; font-size: 13px; line-height: 28px;}
.contents .txtbox .table_cls li {}
.contents .txtbox .table_cls li .list_img {float: left;}



.contents .txtbox .sv_list1.dvbmg li{
	margin-bottom:10px;	
}



/* 180628 event */

.eventbtnset170224{display:block;max-width:750px; max-height:1120px; margin:0 auto; background-size:cover; -webkit-background-size: cover;
  -moz-background-size: cover;  -o-background-size: cover; }
.eventbtnset170224 ul.plus170224{ padding-top:112%; padding-bottom:4%;}
.eventbtnset170224 ul.plus170224 li img{width:94%; padding-left:3%;background-size:cover;  -webkit-background-size: cover;
  -moz-background-size: cover;  -o-background-size: cover;}


h2.ev_170224_title{ color:#db0035; letter-spacing:-0.05em; font-weight:bold; font-size:18px; width:90%; margin:0 auto; padding:10px 0 10px 17px; background:url(../images/event_170224/icon.png) 0px 12px no-repeat; }
h2.ev_170224_title p{ font-weight:normal; font-size:14px; color:#666; padding-top:5px; letter-spacing:-0.1em}



.main_tabs_m{max-width:750px; margin:0 auto; background-color:#FFF;}

.main_tabs_m .m_tab{max-width:750px; height:50px; margin-bottom:15px; background-color:#ced4da;   border-right: 1px solid #ccd4de;border-top: 1px solid #adb6c1;
    border-bottom: 1px solid #adb6c1;}
.main_tabs_m .m_tab li{float:left; width:33%; display:block; text-align:center; font-weight:bold; font-size:20px; padding-top:15px; color:#83878b;}
.main_tabs_m .m_tab li.hover{color:#0046d5; height:35px;   background-color:#FFF; border-bottom: 1px solid #FFF; width:34%}



.list_170224{max-width:750px;margin:0 auto; padding-bottom:10px; padding-top:5px;}
ul.orlist{ width:90%; margin:0 auto; height:45px;}
ul.orlist li{ width:50%; float:left; display:block; padding-top:5px; text-align:left;font-size:15px; font-weight:bold;}





table.ev_tbl_LB170224{width:350px; margin-top:15px; margin:0 auto; margin-bottom:10px;}
table.ev_tbl_LB170224 th{font-weight:bold; font-size:15px; border:none} 
table.ev_tbl_LB170224 td{ padding:2px;border:none}
table.ev_tbl_LB170224 td.im_L {text-align:center;}
table.ev_tbl_LB170224 td.im_L img{ height:100px;}
table.ev_tbl_LB170224 td.im_B {text-align:center;}
table.ev_tbl_LB170224 td.im_B img{height:100px;}
table.ev_tbl_LB170224 td a.btn { color:#FFF; font-size:15px; font-weight:bold; display:block; float:left; padding-top:2px;  width:110px; height:30px;}
table.ev_tbl_LB170224 td a.red{background-color:#dc1008; text-align:center;}
table.ev_tbl_LB170224 td a.gray{background-color:#555555; text-align:center; }
table.ev_tbl_LB170224 td a mr5{margin-right:5px;}

table.ev_tbl_LB td .btnset02{ width:225px; margin:0 auto;}   




table.ev_tbl_LB170224_noB{width:250px; margin-top:15px; margin:0 auto; margin-bottom:10px;}
table.ev_tbl_LB170224_noB th{font-weight:bold; font-size:15px;} 
table.ev_tbl_LB170224_noB td{ padding:2px;}
table.ev_tbl_LB170224_noB td.im_L {text-align:center;}
table.ev_tbl_LB170224_noB td.im_L img{ height:100px;}
table.ev_tbl_LB170224_noB td.im_B {text-align:center;}
table.ev_tbl_LB170224_noB td.im_B img{height:100px;}
table.ev_tbl_LB170224_noB td a.btn { color:#FFF; font-size:15px; font-weight:bold; display:block; float:left; padding-top:2px;  width:110px; height:30px;}
table.ev_tbl_LB170224_noB td a.red{background-color:#dc1008; text-align:center;}
table.ev_tbl_LB170224_noB td a.gray{background-color:#555555; text-align:center; }
table.ev_tbl_LB170224_noB td a mr5{margin-right:5px;}




/* 180801 내쿠폰함 */
.mycoupon_info{ position: relative; padding: 20px 0 0;}
.mycoupon_info .info_tit{font-size: 14px; font-family: 'Nanum Gothic Bold'; padding: 10px 0 9px 15px; background: url(../images/icon/bul_01.gif) no-repeat left 10px; }
.mycoupon_info .elem_wrap{ width:100%;}
.mycoupon_info .elem_wrap .sel_box size00{width: 22%;}
.mycoupon_info .elem_wrap .sel_box_inner{ overflow: hidden; width: 100%;  height: 100%; padding: 7px 14px;}
.mycoupon_info .elem_wrap .sel_box_inner select{ width: 10%; padding-left: 10px; color: #333; font-size: 14px; height:35px;display: inline-block; vertical-align:middle; margin-right:5px;}
.mycoupon_info .elem_wrap .sel_box_inner .coupon_number{width: 76%; padding-left: 10px; color: #333; font-size: 14px; height:34px; display: inline-block; border: 1px solid #b3b3b3; vertical-align:middle;}
.mycoupon_info .btn_coupon{ display: block; padding: 5px 7px 0 0; text-align: center; box-sizing: border-box;}
.mycoupon_info .btn_coupon .enroll_coupon{color: #fff; font-size: 15px; font-weight:bold; background: #8EC2E1;padding: 11px 2px; display:block; margin: 0 auto; width: 100%; height:25px; line-height:25px;}
.mycoupon_list{ position: relative; padding: 40px 0;}
.mycoupon_list .info_tit{font-size: 14px; font-family: 'Nanum Gothic Bold'; padding: 10px 0 9px 15px; background: url(../images/icon/bul_01.gif) no-repeat left 10px; }
.mycoupon_list .list table{width: 100%; border-top: 1px solid #d3d3d3;}
.mycoupon_list .list table tbody th{padding: 20px 18px; text-align: left; color: #777; font-size: 13px; letter-spacing: -1px; border-bottom: 1px solid #d3d3d3; background-color: #f7f7f7; line-height: 24px; box-sizing: border-box;}
.mycoupon_list .list table tbody th span{font-size: 14px; font-weight:bold; color: #484848;}
.mycoupon_list .list table tbody td{text-align:center; color: #000; padding: 9px 5px; background-color: #fff; border-bottom: 1px solid #d3d3d3; line-height: 18px; vertical-align:middle; font-size: 13px; box-sizing: border-box; letter-spacing: -1px;}
.mycoupon_list .list table tbody td .space {padding-top: 15px;}

.tbl_coupon{width: 100%;}
.tbl_coupon th{padding: 15px 0px 0 0px;text-align: center; position: relative; font-size:13px; font-weight:bold; color: #333;}
.tbl_coupon td{padding: 8px 0;background-color: #FFF; text-align: right; }
.tbl_coupon td.ty2{ text-align:center;}
.tbl_coupon input{height: 35px;padding: 0 10px; border: 1px solid #aaa; text-align: right; font-size: 14px; line-height: 28px; color: #666; margin-right:9px; box-sizing: border-box;}
.tbl_coupon select{ width:97%; height: 40px; padding: 0 27px 0 10px; border: 1px solid #aaa; line-height: 28px; color: #666;}

.tbl_pay_method .pay_method_note{line-height:17px; color: #8f8f8f; padding-left:7px;}

.codr_point_dtllst{display:table; width: 100%; color:#666; padding:0 10px; box-sizing:border-box;}
.codr_point_dtllst dt.tit{display: table-cell; position: relative; height: 20px; padding:22px 0 0 6px; font-size:14px; font-weight:bold; color:#333; width:125px; }
.codr_point_dtllst dt.tit.ty2{width: 150px;}
.codr_point_dtllst dt.tit .stxt{display: block; font-size:12px; margin:4px 0 0 0; font-weight:normal;}
.codr_point_dtllst dt.tit .stxt strong{color: #d72828; font-weight:bold; font-size:13px;}
.codr_point_dtllst dd{ display: table-cell; font-size: 14px; font-weight: bold; text-align: right; vertical-align: middle;}
.codr_point_dtllst dd .codr_inp_txt{display: inline-block; width: 100px; vertical-align: middle; letter-spacing: -.06em;}
.codr_point_dtllst dd .codr_inp_txt input{ color: #666;font-size: 14px; font-weight: bold;  text-align: right; border-color: #959595; display: inline-block; width: 100%; height: 28px;    padding: 10px 11px 10px; border: 1px solid #aaa;background: transparent; line-height: 15px; vertical-align: top; box-sizing: border-box ; -webkit-appearance: none;}
.codr_point_dtllst dd .codr_inp_txt input:disabled {background: #dddddd;}

.codr_point_dtllst select{ display:block; width: 100%; height: 40px; padding: 0 27px 0 10px; border: 1px solid #aaa; background:#fff url(../images/icon/codr_ico_slct2.png) 100% 50% no-repeat; background-size: 27px 7px; font-size:13px; line-height:38px; color:#666;  -webkit-appearance: none;}
.coupon_btn_area{margin: 0 auto;  display: inline-block; text-align: center; box-sizing: border-box; width: 100%;     padding: 0 10px;}
.coupon_btn_area > .btn_box{width:50%; display: block; float: left; box-sizing: border-box;}
.coupon_btn_area > .btn_box:first-child{padding-right: 1px;}
.coupon_btn_area .g_btn_08{padding:11px 2px; background: #888; font-size: 14px; color: #fff; display: block; border-radius:2px;}
.coupon_btn_area .g_btn_02{padding:11px 2px; background: #8EC2E1; font-size: 14px; color: #fff; display: block; border-radius: 2px;}
.coupon_btn_area .g_btn_09{padding:11px 2px; background: #fff; border:1px solid #d5d5d5; font-size:14px; color: #1b1b1b; display: block; font-weight: bold; border-radius: 2px;}
.coupon_btn_area .g_btn_10{padding:11px 2px; background: #1e75d6; font-size: 14px; color: #fff; display:block; border: 1px solid #1e75d6; border-radius: 2px; }
.g_sheet{padding-bottom:6px; background:#f5f5f5;}

.couponsel_box{table-layout: fixed;}
.couponsel_box dt{display:table-cell; width:90px; height:27px; padding-top:1px; color: #222; font-size: 13px; vertical-align: middle;}
.couponsel_box dt select{display: inline-block; width: 90px; height: 40px; padding: 0 27px 0 10px; border:1px solid #aaa; background:#fff url(../images/icon/codr_ico_slct2.png) 100% 50% no-repeat; background-size: 27px 7px; font-size:13px; line-height:38px; color:#666;  -webkit-appearance: none;}
.couponsel_box dd{display: table-cell; color: #666; font-size:13px; vertical-align:middle; width:100%;}
.couponsel_box dd .codr_inp_txt{display: inline-block; width:100%; vertical-align: middle;}
.couponsel_box dd .codr_inp_txt input{color: #666;font-size 15px; font-weight: normal; text-align: left; border-color: #959595; display: inline-block; width: 100%; height:40px; padding:10px 11px 10px; border:1px solid #aaa; background:transparent; line-height:15px; vertical-align: top; box-sizing: border-box ; -webkit-appearance: none;}


/* 소득공제 화면 추가 */
.order_step01_cont .order_TaxTitle {font-size: 15px; font-weight: bolder; padding: 15px 11px; border-bottom: 1px solid #f2f2f2; color:#565656;}
.order_step01_cont.order_Taxmb {padding-bottom:15px; border-bottom: 10px solid #f2f2f2;}

.tbl_order_result_step02 {width: 100%; background-color: #fbf2f2;}
.tbl_order_result_step02 th {text-align: left; padding: 12px 0px 5px 15px; font-size: 13px;}
.tbl_order_result_step02 th span.note {font-size: 11px; color: #8f8f8f;}
.tbl_order_result_step02 td {   text-align: right; padding: 12px 15px 5px 0px;}
.tbl_order_result_step02 .last {padding: 17px 15px; font-size: 14px; font-weight: bold;}
.tbl_order_result_step02.tbl_border {border-top: 3px solid #e5b2b2; border-bottom: 3px solid #e5b2b2;}

span.order_payicon {
    height: 17px;
    color: rgb(34, 120, 197);
    font-size: 11px;
    display: inline-block;
    border: 1px solid rgb(170, 214, 253);
    border-image: initial;
    background: rgb(230, 243, 247);
    padding: 2px 6px;
	margin-top:5px;
	line-height:18px;
}

span.order_cpbtn {
	padding:3px 5px;
	font-size:11px;
	color:#2c9eff;
	border:1px solid #2c9eff;
}

span.order_cpcbtn {
	padding:3px 5px;
	font-size:11px;
	color:#f60000;
	border:1px solid #f60000;
	margin-left:5px;
}

.listTitle3 span.btnred {	
	width:100%;
	display:block;
	float:left;
	margin:20px 0;
}

.listTitle3 span.btnred a {
	height: 20px;
    line-height: 19px;
	padding:7px 15px;
	background-color:#f73737;
    border: 1px solid #da2929;
    color: #ffffff;
	font-weight: bold;
}




/* 모바일채점 알파벳버전 추가*/
.checkmark.abc {
    position: absolute;
    top: 5px;
    left: 32%;
    height: 22px;
    width: 22px;
	background:url(../images/omr/num_omr_abc.png) no-repeat 0 2px;
}
 


.checkmark.omr_na {background-position: -1px 0;}
.checkmark.omr_nb {background-position:-28px 0;}
.checkmark.omr_nc {background-position:-56px 0;}
.checkmark.omr_nd {background-position:-83px 0;}
.checkmark.omr_ne {background-position:-110px 0;}


.omr_set.abc input:checked ~ .checkmark {
	height: 27px;
    width: 27px;
	background:url(../images/omr/check_omr.png) no-repeat 0 0;
}


span.dvbblue{
	font-weight:400;
    background: #6399D0;
	border:1px solid #568CC4;
	color: #fff;
	font-size:11px;
	padding: 0 12px;
	height: 25px;
	line-height:25px;
	box-sizing: border-box;
	letter-spacing: -0.5px;
	vertical-align: middle;
}


/* 일본어저널 주문기능 */
.contents .contents_t .info p.ty2.jp input[type="radio"] {margin-left:0;}
.contents .contents_t .info p.ty2.jp select {width:110px;}
.contents .contents_t .info p.ty2.jp {padding-bottom:10px;}

.bg_con .tit.jp {border-bottom:0;}

.jporder_gift {width:100%; float: left; margin:10px 0 10px 0;}

.ul_list_jp10{margin:0 auto}

.ul_list_jp10 li.drop{border-right:1px solid #d7d7d7;border-left:1px solid #d7d7d7;border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; letter-spacing:-0.05em;  background-color:#fff;  padding:7px; line-height:22px;}
.ul_list_jp10 li.drop span{ font-size:12px; font-weight:normal}
.ul_list_jp10 li.drop a{color:#000; width:100%; display:block; font-weight:bold; text-align:left;}

.ul_list_jp10 li.drop a.ico_btn_down{background:url(../images/event_170413/ico_down.png) right no-repeat;}
.ul_list_jp10 li.drop a.ico_btn_up{background:url(../images/event_170413/ico_up.png) right no-repeat;}
.ul_list_jp10 li .B_list{width:auto; float: left; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;}

.ul_list_jp10 li .B_list ul.jptab {width:100%; margin-bottom:5px; float: left; background-color:#eaeaec; border-bottom:1px solid #1071f6;}
.ul_list_jp10 li .B_list ul.jptab li {width:33.3%; float: left; text-align: center; padding:5px 0 5px 0;}
.ul_list_jp10 li .B_list ul.jptab li a {display: block; color:#666; font-weight:bold;}
.ul_list_jp10 li .B_list ul.jptab li.on {width:33.3%; float: left; text-align: center; padding:5px 0 5px 0; background-color:#1071f6;}
.ul_list_jp10 li .B_list ul.jptab li.on a {color:#fff;}

.ul_list_jp10 li .B_list ul.jptab.check {background-color:#fff; border-bottom:0;}
.ul_list_jp10 li .B_list ul.jptab.check li {text-align:left; width:100%;}
.ul_list_jp10 li .B_list ul.jptab.check li.level {text-align:left; width:25%;}
.ul_list_jp10 li .B_list ul.jptab.check li.level.all {text-align:center; font-weight:bold; width:100%;}
.ul_list_jp10 li .B_list ul.jptab.check li input {vertical-align:sub;}
.ul_list_jp10 li .B_list ul.jptab.check li.gift {width:50%; float:left;}
.ul_list_jp10 li .B_list ul.jptab.check li.gift img {width:120px;}

.ul_list_jp10 li .B_list .book{float: left; font-size:12px; line-height:18px; text-align: left; letter-spacing:-0.1em; padding:5px;}


/* event1116 */

/* 광고 수신 동의 1210 */
.inbx3 .subject{ padding-right:33px; font-size:14px;}
.inbx3 .subject2{padding-right:20px; font-size:14px;}
.inbx3 .input_wrap{padding : 2px 0 7px 0;}
.inbx3 .set{ width:53px;}

.inbx3 .set.first{ padding:0 41px 0 27px;}

.input_check_comm, .input_radio_comm {
    position: absolute;
    left: -3000em;
}




/*20190218 음원추가*/
.contents .mp3_box .omr_wrapbox .omr_check_E ul li {display:block; width:16.3%; background:#516882;}
.contents .mp3_box .omr_wrapbox .omr_check_Ea ul li {display:block; width:13.92%; background:#516882;}
.contents .mp3_box .omr_wrapbox .omr_check_Eb ul li.num {display:block; width:13.92%;}
.contents .mp3_box .omr_wrapbox .omr_check_Eb ul li {display:inline-block; width:13.92%; background:#e6eef7z;}
.contents .mp3_box .omr_wrapbox .omr_check_Ec ul li {display:block; width:16.3%; background:#e6eef7z;}
.contents .mp3_box .omr_wrapbox .omr_check_Ec ul li.num {display:block; width:16.3%;}
.contents .mp3_box .omr_wrapbox .omr_mp3A button {width:100%; text-align:center;}
/*.contents .mp3_box .omr_wrapbox .play_btn {display:block; width:16px; height:28px; border:none; background:none; background:url('/images/omr/mp3_icon.png') no-repeat center 8px; background-size:16px;}
.contents .mp3_box .omr_wrapbox .close_btn {display:block; margin:0; width:18px; height:28px; border:none; background:none; background:url('/images/omr/mp3_close.png') no-repeat center 8px; background-size:18px;}
*/

.omr_mp3A .jp-controls {width:100%; overflow:hidden; text-align:center;}
.contents .mp3_box .omr_wrapbox .play_btn {display:block;  height:32px; border:none; background:none; background:url('/images/omr/mp3_icon.png') no-repeat center 10px; background-size:14px;}

.open_div .btn_wrap_mp3 {position:absolute; top:0; left:13.92%; width:13.92%; display:block; z-index:9999; text-align:center;}
.open_div .btn_wrap_mp3 .close_btn {display:block; width:14px; height:32px; margin:0 auto; border:none; background:none; background:url('/images/omr/mp3_close.png') no-repeat center 10px; background-size:14px;}
/*.contents .mp3_box .omr_wrapbox .on .play_btn {display:block; height:32px; border:none; background:none; background:url('/images/omr/mp3_close.png') no-repeat center 10px; background-size:14px;}
*/



/*mp3 일괄 다운로드 20190219*/
.open_pop {position:absolute; top:280px; right:18px; width:280px; /*height:340px; */background:#fff; border-radius:4px; border:1px solid #777; z-index:999999;}
.open_pop .pop_btn_wrap {position:absolute; width:100%; text-align:right; box-sizing:border-box;}
.open_pop a.close_pop_btn {position:relative; display:inline-block; right:12px; width:24px; height:24px; background:url('/images/btn/close_btn.png') no-repeat; background-size:24px; font-size:0;}
.open_pop .pop_tit {font-weight:600; padding:20px 15px 0 15px; box-sizing:border-box; }
.open_pop .sub_tit {font-size:13px; color:#999; line-height:22px; padding:0 15px; box-sizing:border-box; }
.open_pop ul.scroll_wrap {/*width:100%; height:266px; overflow-y:scroll;*/ box-sizing:border-box; margin-top:15px; padding:5px; box-sizing:border-box; border-top:1px solid #ddd; background:#f8f8f8;}
.open_pop ul.scroll_wrap li {overflow:hidden; padding:12px 15px; border-bottom:1px dotted #ccc; box-sizing:border-box;}
.open_pop ul.scroll_wrap li span {font-size:15px; padding:5px 0 0 15px; float:left; background:url('/images/common/header/icon_arrow2.png') no-repeat left 8px;}
.open_pop ul.scroll_wrap li a {position:relative; float:right; font-size:13px; color:#fff; border-radius:4px; background:url('/images/icon/down_icon.png') no-repeat 10px 6px #69a2e2; padding:7px 15px 8px 38px;}


/* 190314 event */

.topimg01_190314{margin: 0 auto; }
.topimg01_190314 img{ height: 100%; width: 100%; margin: 0 auto; background-size: cover;}
.topimg01_190314 .movie_box{width: 100% height:526px;position:relative; text-align:center;} 
.topimg01_190314 .movie_box img{max-width: 640px;}
.topimg01_190314 .thum_img{width: 100%; text-align: center; padding: 0 15px; box-sizing: border-box; background:#fff; overflow:hidden; margin:0 auto; padding-bottom:50px;  max-width: 758px;}
.topimg01_190314 .thum_img li{ float:left; width: 50%;}

.btn_area_190314{width: 100%;top: 0;left: 0; box-sizing: border-box;}
.btn_area_190314 .jpt_btnset{width: 100%;     margin: 0 auto;     margin-top: 10px;}
.btn_area_190314 .jpt_btnset td{width: 33%;    text-align: center;    color: #FFF;     border-right: 1px solid #FFF;    padding: 15px 0 15px 0px;}
.btn_area_190314 .jpt_btnset td.c_box{background-color: #a1a1a1; font-weight: normal;}
.btn_area_190314 .jpt_btnset td.c_blue{    background-color: #0046d5;}



/* 190419 event */
.tbl_sample_0419{width: 100%; padding: 0; margin:0; background:url(../images/event_190419/img_02m.jpg) no-repeat top; background-size:cover; text-align:center;}
.tbl_sample_0419.ty2{width: 100%; padding: 0; margin:0; background:url(../images/event_190419/img_03m.jpg) no-repeat; background-size:cover;}
.tbl_sample_0419.ty3{width: 100%; padding: 0; margin:0; background:url(../images/event_190419/img_12m.jpg) no-repeat; background-size:cover;}

.tbl_sample_0419 td img{width: 100%; padding-bottom: 0; float: left; padding-left: 0; padding-top: 0;     padding-right: 0;}


/* 190423 가입 동의 layer */
.bg_con .lec_list.ty2{    max-height: 330px;}
.bg_con .lec_list.ty2 .pop_tbl td{padding: 15px 20px 30px; font-size: 12px; color:#000;}
.bg_con .lec_list.ty2 .pop_tbl td p.ch_tit *{ vertical-align:middle;}
.bg_con .lec_list.ty2 .pop_tbl td p.fw_reg{ font-weight:normal; font-size:11px; color:#777; padding-bottom:5px;     line-height: 18px;} 
.bg_con .lec_list.ty2 .pop_tbl td p.fc_g{ font-size:11px; color:#22529a; line-height: 16px; padding-bottom:5px;} 
.bg_con .lec_list.ty2 .pop_tbl td p.btn_area{  text-align: center;    box-sizing: border-box; margin-top:25px;}
.bg_con .lec_list.ty2 .pop_tbl td p.btn_area .btn_close{ padding: 9px 18px; background: #888; font-size: 11px; color: #fff; }
.bg_con .lec_list.ty2 .pop_tbl td p.btn_area .btn_goEvent{ padding: 9px 18px; background: #1e75d6; font-size: 11px; color: #fff; }
 /*
.frame{position:absolute;left:5%;top:25%;width:90%;padding:40% 0 0 0;}
.frame iframe{position:absolute;left:0;top:0;width:100%;height:100%}*/

div.bottomBannerA {position:fixed; bottom:0; z-index:999; width:100%; height:60px; background-color:#000000; }
div.bottomBannerA a {display:inline-block; position:relative; left:50%; transform : translateX( -50%);}
div.bottomBannerA a img {width:100%; max-width:380px;}


div.frame{position:absolute; top:25%; width:calc(100% - 200px); margin-left:100px; padding:40% 0 0 0;}
div.frame iframe{position:absolute; left:0; top:0; width:100%; height:100%}

div.frameB {position:absolute; top:40%; width:calc(100% - 200px); margin-left:100px; padding:40% 0 0 0;}
div.frameB iframe{position:absolute; left:0; top:0; width:100%; height:100%}

@media (max-width:780px) {
div.frame{position:absolute; top:25%; width:calc(100% - 150px); margin-left:75px; padding:40% 0 0 0;}
div.frame iframe{position:absolute; left:0; top:0; width:100%; height:100%}

div.frameB {position:absolute; top:40%; width:calc(100% - 40px); margin-left:20px; padding:40% 0 0 0;}
div.frameB iframe{position:absolute; left:0; top:0; width:100%; height:100%}
}

@media (max-width:530px) {
div.frame{position:absolute; top:27%; width:calc(100% - 100px); margin-left:50px; padding:40% 0 0 0;}
div.frame iframe{position:absolute; left:0; top:0; width:100%; height:100%}

div.frameB {position:absolute; top:40%; width:calc(100% - 40px); margin-left:20px; padding:40% 0 0 0;}
div.frameB iframe{position:absolute; left:0; top:0; width:100%; height:100%}
}

/* 190423 이벤트바로가기 btn */
.subBox .goEvent{ margin: 0 auto; text-align: center; width:100%; margin:55px 0 45px 0;}
.subBox .goEvent a{width: 95%; height: 60px; color: #ffffff; background-color: #1e75d6;; border-radius: 60px; padding: 16px 34px; font-size: 17px;}


/* 190522 */
div.txtlist.pl155 ul li.pl155_li {padding-bottom:8px;}
label.m_label_new input {position:relative; top:2px;}
div.txtlist.pl155 p.m_noti {padding:0 0 0 20px; font-size: 12px; letter-spacing:-1px; line-height:12px; padding-bottom:5px;}
div.txtlist.pl155 span.m_type.m_typeB {padding-left:22px; line-height:14px;}
.contents .txtlist .all.allB {padding-left:5px;}
.contents .txtlist .all.allB.tr{ text-align:right;  margin-bottom: 15px;}


/* 190529 네이티브 이벤트 기간연장 */

.wrap_layer_popup {
    position: absolute;
    left: 50%;
    margin-left: -50%;
    z-index: 999;
}


#layer_promo {
    width: 100%;
    top: 20% !important;
    text-align: center;
}

#layer_promo .inbox {
    position: relative;
    width: 72.5vw;
    margin: 0 auto;
}

.wrap_layer_popup .img {
    display: inline-block;
    width: 100%;
    height: auto;
    max-width: 650px;
}

.wrap_layer_popup .bt_close {
    position: absolute;
    top: -15px;
    right: -2px;
}


.wrap_layer_popup .close_1d {
    margin-top: 10px;
}

.wrap_layer_popup .close_1d a {
    display: block;
    color: #fff;
}

.layer_popup_bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(images/pop/bg_black_opacity.png);
    overflow: hidden;
    z-index: 997;
}



/* 190530 긴급구조 119 */
.today_word{background: #fafafa; padding: 35px 4%; text-align: center; font-size: 15px; color: #333; line-height: 22px;}
.today_word .subject{ color:#000; font-size:16px;  line-height: 26px; font-weight: 500;}
.today_word .category{ overflow:hidden;  padding: 20px 0 0 0;   text-align: center;}
.today_word .category li{ display: inline-block; width:29%; max-width:100px; margin-right:7px;}
.today_word .category li.last{margin-right:0px;}
.today_word .category li:first-child{}
.today_word .category li a{ display:block; padding:0px 13px; border:1px solid #bfbebe; box-sizing:border-box; font-size:14px; text-align:center; border-radius: 15px;  line-height: 32px; color:#000; height:34px }
.today_word .category li a.en{ background-color:#3bc7fa; color:#fff; border:1px solid #2fbdf1;}
.today_word .category li a.jp{ background-color:#ed35fe; color:#fff; border:1px solid #dc26ed;}
.today_word .category li a.ch{ background-color:#ec1c2c; color:#fff; border:1px solid #dc0e1e;}
.today_txt{ font-size: 13px; color: #49483a; padding:14px 0 8px; line-height: 22px;}
.today_txt.align_left{ text-align:left; padding: 14px 0; font-size:13px;}
.empty_list{ height: auto;}
.align_center{ text-align:center;}
a.sub_apply{ font-size:13px; line-height:44px; padding:9px 15px; width:131px; height:44px; margin:20px 0 0; background-color:#9a9ba1; color:#fff; font-weight:500; text-align:center;}
a.sub_cancel{font-size:13px; line-height:44px; padding:9px 15px; width:131px; height:44px; margin:20px 0 0; background-color:#9a9ba1; color:#fff; font-weight:500; text-align:center;}
a.btn_join{font-size:13px; line-height:44px; padding:9px 20px; width:131px; height:44px; margin:20px 0 0; background-color:#898989; color:#fff; font-weight:500; text-align:center; margin-right:7px;}
a.login{font-size:13px; line-height:44px; padding:9px 25px; width:131px; height:44px; margin:20px 0 0; background-color:#2f62cb; color:#fff; font-weight:500; text-align:center;}
a.modify{font-size:13px; line-height:44px; padding:9px 20px; width:131px; height:44px; margin:20px 0 0; background-color:#9a9ba1; color:#fff; font-weight:500; text-align:center; margin-right:7px;}
a.modify2{font-size:13px; line-height:44px; padding:9px 20px; width:131px; height:44px; margin:20px 0 0; background-color:#f0f0f0; color:#666666; font-weight:500; text-align:center; margin-right:7px; border: 1px solid #dddddd;}
a.go_cafe{font-size:13px; line-height:44px; padding:9px 20px; width:131px; height:44px; margin:20px 0 0; background-color:#03c75a; color:#fff; font-weight:500; text-align:center; margin-right:7px;}

.s_elem_wrap{ float:right;}
.s_elem_wrap .inp_box{ display:inline-block; overflow:hidden; min-height:33px; height:31px; margin-right:4px; border:1px solid #ddd; background:#fff url(../images/common/bg_select_off.gif) no-repeat 150% 48%; box-sizing:border-box;}
.s_elem_wrap .inp_box.size00{width:65px;}
.s_elem_wrap .inp_box.size00.w68{width: 60px;}
.s_elem_wrap .inp_box_inner{ display:inline-block; position:relative; overflow:hidden; width:100%; height:112%; padding-right:0;}
.s_elem_wrap .inp_box_inner select{ position:absolute; top:0; left:0; width:100%; height:100%; padding-left:10px; color:#333; font-size:15px; border:0; background:transparent; appearance: none; -webkit-appearance: none;}
.blue_date{color:#1e75d6; font-size: 12px;}

.em_tit{width:70%; display: -webkit-box;     -webkit-box-orient: vertical; -webkit-box-flex: 1; }
a.listen_all{ position:absolute; top:50%; right:1%; font-size: 13px; color: #1e75d6;}

/*도서 미리보기 팝업*/
div.viewWrap {position:fixed; top:0; left:0; box-sizing:border-box; width:100%; height:100%; padding:0 5px; background:#e5e5e5;  z-index:99999;}
div.viewWrap div.tit {width:100%; max-width:400px; margin:0 auto; box-sizing:border-box; padding:15px 15px 8px 15px; border-bottom:1px solid #eaeaea; margin-bottom:7px; overflow:hidden;}
div.viewWrap div.tit h2 {font-size:12px; font-weight:bold; padding:0 0 7px 15px; background:url('/images/icon/bg_radio2_on.png') no-repeat left top; background-size:12px; float:left;}
div.viewWrap div.tit a {display:inline-block; padding: 5px 20px; border:1px solid #ccc; float:right; margin-top:-5px; font-size:11px; background:#fff; border-radius:4px;}
div.viewWrap div.viewCont {width:100%; max-width:400px; position:relative; overflow:hidden; margin:0 auto; }
div.viewWrap div.swiper-containerView {width:86%; position:relative; left:7%; float:left; overflow:hidden; margin:0 auto; }
div.viewWrap div.swiper-slide img {width:100%; }
div.viewWrap div.swiper-button-prev, div.viewWrap div.swiper-button-next {font-size:20px; top:50%; box-sizing:border-box; width:7%; height:100px;  padding:40px 0 0 0; margin-top:-60px; background:none;}
div.viewWrap div.swiper-button-prev {left:0; float:left; text-align:left; padding-left:0;}
div.viewWrap div.swiper-button-next {right:0; float:right; text-align:right; padding-right:0;} 

div.viewWrap div.swiper-pagination {display:inline-block; color:#000; font-size:11px; width:100%; position:relative; padding-top:20px; }

a.viewClose {color:#000;}
a.viewOpen {color:#2074bb; background:url('/images/common/header/icon_search_x.png') no-repeat 8px 5px #edf3f9; background-size:12px; display:inline-block; box-sizing:border-box; font-size:12px; width:80px; border:1px solid #76abed; border-radius:4px; padding:5px 0 5px 10px; text-align:center; margin:10px 0 0 8px;}

/*20190616 mp3_list.asp 카테고리 슬라이더*/
div.titleBox1 div.swiper-container {width:calc(100% - 100px); margin-left:50px; height:40px;}
div.titleBox1 div.swiper-container ul.swiper-wrapper {width:calc(100% - 70px); margin-left:35px;}
div.titleBox1 div.swiper-container ul.swiper-wrapper li.swiper-slide {width:20%; height:40xp; text-align:center;  }
div.titleBox1 div.swiper-container ul.swiper-wrapper li.swiper-slide a {color:#000; display:inline-block; width:160px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

div.swiper-button-prev, div.swiper-button-next {background:#fafafa; font-size:15px; width:35px; height:40px; top:55%; text-align:center; z-index:999;}
div.swiper-button-prev {left:50px;}
div.swiper-button-next { right:0;}

div.titleBox1 div.swiper-container ul.swiper-wrapper li.swiper-slide.mpOn a {color:#fd1b70;}	


@media only screen and (max-width : 1000px) {
div.titleBox1 div.swiper-container {width:calc(100% - 50px); margin-left:15px;}
div.titleBox1 div.swiper-container ul.swiper-wrapper {width:calc(100% - 20px); margin-left:20px;}
div.titleBox1 div.swiper-container ul.swiper-wrapper li.swiper-slide a {width:130px;}
div.swiper-button-prev {left:40px;}
}

@media only screen and (max-width : 800px) {
div.titleBox1 div.swiper-container ul.swiper-wrapper li.swiper-slide {width:25%;}
}

@media only screen and (max-width : 650px) {
div.titleBox1 div.swiper-container {width:calc(100% - 80px); margin-left:45px;}
div.titleBox1 div.swiper-container ul.swiper-wrapper li.swiper-slide {width:33.333%;}
}

@media only screen and (max-width : 550px) {
div.titleBox1 div.swiper-container ul.swiper-wrapper li.swiper-slide a {width:100px; font-size:12px;}
}

@media only screen and (max-width : 380px) {
div.titleBox1 div.swiper-container ul.swiper-wrapper {width:calc(100% - 5px); margin-left:0;}
div.titleBox1 div.swiper-container ul.swiper-wrapper li.swiper-slide {width:50%;}
div.swiper-button-prev {left:40px; width:30px; text-align:center;}
div.swiper-button-next {width:30px; text-align:center; right:3px;}
}


/*20190613 ev ent*/
.tab_section0613{margin: 0 auto 20px;}
.tab_section0613 .js-tab-type1{ background-image:url(../images/event_190613/tab_tit_bg2.jpg); padding: 0 4%; overflow:hidden;}
.tab_section0613 .js-tab-type1 li{width: 33.3333%;  float: left;}
.tab_section0613 .js-tab-type1-con{ display:none; text-align: center;}
.tab_section0613 .js-tab-type1-con.on{ display:block;}
.tab_section0613 .js-tab-type1-con div.frame{position: absolute; top: 2%; width: calc(100% - 50px); margin-left: 25px; padding: 52% 0 0 0;}
.tab_section0613 .js-tab-type1-con div.frame iframe{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}



/*20190618 회원가입 및 회원정보 수정 추가 내용*/
@media only screen and (max-width:365px) {
input.m_confirm_inp { width:130px;}
a.btns.gray3 {font-size:11px; padding:0 5px;} 
}

/* 17.07.21 인증방법 */
 .join_form input[type=checkbox]:not(old) {
	width: 28px;
	height:22px;
	margin: 0;
	padding: 0;
	opacity: 0;
	font: 13.3333px Arial;
}

.join_form input[type=checkbox]:not(old):checked + label {
	background-position: 0;
	font: 13.3333px Arial;
	height:22px;
	background: url(../images/icon/icon_keepLogin_check.png) no-repeat 0 0;
}

.join_form input[type=checkbox]:not(old) + label {
	height:22px;
	display: inline-block;
	margin-left: -28px;
	padding-left: 25px;
	background: url(../images/icon/icon_keepLogin.png) no-repeat 0 0;
	line-height: 32px;
	font: 13.3333px Arial;
}

div.join_form table th {line-height:18px;}
.subBox .join .join_form table tr.lang { height:30px;}
.subBox .join .join_form table tr.lang td {padding:6px 0; height:30px;}
div.join_form table tr th.padr {padding-right:6px;}

div.input_wrap {width:35%; float:right;}
p.pt15 {box-sizing:border-box; display:inline-block; width:100%; background:url('/images/ico_b3.gif') no-repeat left 7px; }
.subBox .join .join_form tbody .inbx3.inbxB p.pt15 {padding-top:5px; padding-left:8px;}
.subBox .join .join_form tbody .inbx3.inbxB p.pt7 {padding:5px 0;}
.subBox .join .join_form tbody .inbx3.inbxB p.pt7 label {margin-left:0; }
.subBox .join .join_form tbody .inbx3.inbxB p.pt17 {width:70%; float:left;}
div.input_wrap.input_wrapC {width:30%; float:left;}
div.input_wrap.input_wrapB {width:35%; float:left;}

div.input_wrap input.ckbox {margin-left:-5px;}
div.bok {width:100%; display:inline-block; }

div#popJpWrapB {width:calc(100% - 10%); margin-left:5%; box-sizing:border-box; padding:5%; background:#f6f6f6; border:2px solid #222222;}
div#popJpWrapB {overflow:hidden; position:absolute; bottom:200px;}
ul.njInfo {width:100%; overflow:hidden;}
ul.njInfo li {font-size:13px; line-height:17px; overflow:hidden;}
ul.njInfo li b {font-weight: bold; color:#111111;}
ul.njInfo dl dt h4 {font-size:15px; color:#2875b6; font-weight: bold; padding-bottom:5px;}
ul.njInfo dl dd {padding:0;}
ul.njInfo li.nj_explain {width:100%; overflow:hidden; padding:10px; box-sizing: border-box; background-color: #d5dceb; margin: 20px 0; border-radius:10px;}
ul.njInfo li.nj_explain p.left {width:50%; max-width:170px; float:left; margin-left:0;}
ul.njInfo li.nj_explain p.left a.m_320 {display:none;}
ul.njInfo li.nj_explain p.right {width:50%; max-width:500px; float:left; text-align:left;}
ul.njInfo li.nj_explain p.right a {display:inline-block; max-width:140px; border-bottom:0; padding:10px 0; margin-left:0;}
ul.njInfo li.nj_explain p.right a img {margin-left:0;}
ul.njInfo li.nj_explain p.right span {font-weight: bold; color:#111111;}
ul.njInfo li.m_input dl dt {float:left; font-weight: bold; margin-right:5px;}
ul.njInfo li.label {margin-top:5px;}
ul.njInfo li.label input[type="checkbox"] {position:relative; top:2px;}
div.btnCont {width:100%; overflow:hidden; text-align:center;}
div.btnCont a {display:inline-block; max-width:180px; border-bottom:0; margin-left:0; padding:5% 0 0 0;}


.w66 {display:inline-block; width:28%;}
dl.newlayout {border-top:1px solid #ddd; margin-top:15px;}
dl.newlayout dt {padding:10px 0; font-weight:bold;}
dl.newlayout dd.dd_new a {display:inline-block; text-align:center; padding:1px 0 3px 0; margin:0 0 0 5px; width:100px; background:#444; color:#fff; clear:both;}
label.jm_memChk {display:inline-block; padding:10px 0;}
input.input_txtB {width:96%;}

@media only screen and (max-width:580px) {
ul.njInfo li.m_input dl dd select {display:inline-block; width:80%;}
div.btnCont a {display:inline-block; width:130px; margin-left:0;}
div.btnCont a img {width:100%; margin-left:0;}

}

@media only screen and (max-width:420px) {
div.btnCont a {display:inline-block; width:40%; margin-left:0; box-sizing:border-box;}
div.btnCont a img {width:100%; margin-left:0;}
ul.njInfo li.nj_explain {text-align:center;}
ul.njInfo li.nj_explain p.left {width:100%; max-width:none; text-align:center;}
ul.njInfo li.nj_explain p.left img {margin-left:0; width:60%;}
ul.njInfo li.nj_explain p.left a.m_320 {display:inline-block; border-bottom:0; margin-left:0; width:100%; text-align:center; padding:0;}
ul.njInfo li.nj_explain p.right {display:none;}
}


/*20191108 내포인트*/

.mypoint{padding: 24px 0 ; background-color: #f1f1f1; text-align: center; font-size: 15px;}
.mypoint span{color: #0590D0;}
.mypoint span strong{ font-weight:800;}

.board_point{width: 100%; border-collapse: collapse; margin-bottom:50px;}
.board_point thead tr{border-bottom: 1px solid #ddd;}
.board_point thead th{padding: 15px 0; font-size: 13px; color: #333; font-weight:600;}
.board_point tbody tr{border-bottom: 1px solid #ddd;}
.board_point tbody td{ padding: 25px 5px; font-size: 13px; text-align: center; color: #666;}


/*20191111 회원탈퇴*/
.tbl_data {
    border-top: 1px solid #666666;
    border-bottom: solid 1px #cfcfcf;
    font-size: 14px;
}

.tbl_data.leave{ width:90%; margin:0px auto 30px; max-width: 650px;}

.tbl_data th {
    margin: 0;
    padding: 15px;
    color: #333333;
    letter-spacing: -0.05em;
    background-color: #f8f8f8;
    font-weight: normal;
    vertical-align: middle;
    border-bottom: solid 1px #e7e7e7;
	line-height: 150%;
}

.tbl_data.join th {
    text-align: center;
}

.tbl_data td {
    min-height: 40px;
    margin: 0;
    padding: 15px;
    text-align: left;
    color: #666666;
    letter-spacing: -0.04em;
    border-bottom: solid 1px #e7e7e7;
    font-size: 14px;
    font-weight: normal;
    vertical-align: middle;
    line-height: 150%;
}

.tbl_data td span{ font-size:12px;}
.tbl_data td input{ border: 1px solid #ddd; height: 23px;}
.tbl_data td span.blue{
	font-weight: 400;
    background: #8EC2E1;
    border: 1px solid #72add0;	;
	color:#fff
}

.tbl_data td textarea{
	    width: 100%;
    height: 32px;
    font-size: 14px;
    margin: 0;
    border: 1px solid #ddd;
    color: #666;
    background: #fff;
    vertical-align: middle;
}

.tbl_data td textarea.h100 {
    height: 100px;
} 
.tbl_data.join td {
    padding: 12px 2px 12px 12px;
	color: #898989;
}

.btnArea_leave{ display:block; margin:0 auto 20px; padding:0; overflow:hidden; width:90%;}
.btnArea_leave .btn_box{ float:left; box-sizing:border-box; width:50%;}
.btnArea_leave .btn_box:first-child{ padding-right:10px;}
.btnArea_leave .btn_box .g_btn_02{ display:inline-block; text-align:center; box-sizing:border-box; padding:11px 2px; background:#fff; font-size:14px; color:#666666; width:100%; height: 40px; line-height: 18px;  border: 1px solid #c7c7c7;}
.btnArea_leave .btn_box .g_btn_02.blue{background: #1e75d6; border: solid 1px #1e75d6; color:#fff;}

.g_sheet{ padding-bottom:6px; background:#f5f5f5;}
.notice_leave{ width:100%; margin:0 auto; margin-bottom:30px; border-top:1px solid #ddd;}
.notice_leave h4{ border-bottom:1px solid #ccc; margin: 15px 0px 10px 0px; padding: 0px 5px 10px 26px; color: #444; background:url(../images/common/ico_caution.png) no-repeat 6px 0px; font-size:14px;}
.notice_leave dl{margin: 7px;}
.notice_leave dd{font-size: 12px; padding: 2px 0px 2px 0px; font-weight: 300; color:#444; line-height: 15px;}


/* 200115 패키지몰 */
.text_b{color: #3691ee; font-size: 14px;  }
.chec_list{font-size: 15px; line-height: 40px; padding-bottom: 20px; margin-top: 20px; color:#000;}
.chec_list ul li{border-bottom: dashed 1px #e1e1e1; line-height:23px; font-size:14px;}
.chec_list .price{}
.chec_list .down{padding: 0 0 10px 69px; color: #000; font-weight:bold;}
.chec_list p{ position:relative; padding-bottom: 5px;}
.chec_list p .go_detail{ text-align:center; position:absolute; right:0;}
.chec_list p .go_detail img{width: 87px;}
.mr10{ margin-right:10px;}
.mr7{ margin-right:7px;}
.ml35{ margin-left:35px;}
.pk_check{ background: #fff; border: solid 1px #707070; height: 15px; width: 15px; cursor: pointer; vertical-align: middle; -webkit-appearance: none; padding: 0; border: 0 0; margin-top: 2px;}
.pk_check:checked:after { content: ""; display: block; width: 21px; height: 21px; background: url(../images/icon/icon_check_on.png) no-repeat left top; position: relative; top: -5px; left: -5px;}

.pk_check:disabled{ background: #dcdcdc; border: solid 1px #c3c3c3; height: 15px; width: 15px; cursor: pointer; vertical-align: middle; -webkit-appearance: none; padding: 0; border: 0 0; margin-top: 2px;}

.all.allB.tr{text-align: right; margin-bottom: 15px; font-size: 15px; }
.all.allB.tr span{padding: 0px 0 0 5px; font-size: 15px; font-weight: bold; color: #1e75d6;}

.contents .contents_t .info .btn_sampleclass{ position:absolute; top:145px; z-index:99;}