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

body{font-family:'Nanum Gothic';
background-color: #4B4E53;}
a{text-decoration:none;}
/*input[type='radio'] {background: #fff;height: 
14px;width: 14px;border: solid 1px #cfcfcf;-webkit-appearance: none;-webkit-border-radius: 4px;vertical-align:middle;outline:none;}
input[type='radio']:checked {background: #fff;border: solid 1px #ADABA8;}
input[type='radio']:checked:after {content: ' ';display: block;width: 10px;height:10px;background:#000;position: relative;top:1px;left: 1px;-webkit-border-radius: 3px;}*/


/*input[type='checkbox'] {height: 22px;width: 23px;-webkit-appearance: none;vertical-align:middle;outline:none;background:url(../images/icon/icon_keepLogin.png) no-repeat left center;}
input[type='checkbox']:checked {background:url(../images/icon/icon_keepLogin_check.png) no-repeat left center;}*/

.ckbox {height: 22px;width: 23px;-webkit-appearance: none;vertical-align:middle;outline:none;background:url(../images/icon/icon_keepLogin.png) no-repeat left center;}
.ckbox:checked {background:url(../images/icon/icon_keepLogin_check.png) no-repeat left center;}

.ckboxoff {height: 22px;width: 23px;-webkit-appearance: none;vertical-align:middle;outline:none;background:url(../images/icon/icon_check_off.png) no-repeat left center;}
.ckboxon {background:url(../images/icon/icon_check_on.png) no-repeat left top;}

.loginck {background:url(../images/icon/icon_keepLogin_check.png) no-repeat left top;}

/*** 북마크 ***/
.bkmck {height: 18px;width: 65px;-webkit-appearance: none;vertical-align:middle;outline:none;background:url(../images/icon/icon_bmark_off.png) no-repeat left center;}
.bkmckon {background:url(../images/icon/icon_bmark_on.png) no-repeat left top;}


.idchk {color:red;}


/*** login ***/


.wrap{
	position: relative;
    min-height: 100%;
    overflow: hidden;
	/*background-color:#E6E6E6;*/
	background-color:#f7f7f7;
}
.wrap.bg_white{ background-color:#fff}


.main_layer{
	display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	z-index:10;
	background:rgba(0,0,0,0.5);
	text-align:center;
	font-size:0;
}

.main_layer:before{content:'';display:inline-block;height:100%;vertical-align:middle}

.main_layer .bg{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .5;
    filter: alpha(opacity=27);
	display:none
}


.bg_con{
	display:inline-block;width:88%;background:#ffffff;vertical-align:middle;
}



.bg_con .scrollBox2{
	height:100%;
	overflow-y:scroll;	
	background-color:#485263;
	position:absolute;
	top:165px;
	right:0;
	width:100%;
}


.bg_con .tit{
	position: relative;
    clear: both;
    padding: 10px 0 10px 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: -1px;
    color: #fff;
    border-bottom: 2px solid #627994;
    font-size: 15px;
	font-weight:bold;
	background: -webkit-gradient(linear,0 0,0 100%,from(#2787f2),to(#1e75d6));
	z-index: 100009;
	text-align:left;
}

.bg_con .tit .btnClose{
	display: block;
    position: absolute;
    top: 5px;
    right:5px;

}

.bg_con .subj{
	position: relative;
    overflow: hidden;
    padding: 12px 12px;
    font-size: 14px;
    color: #000;
	border-bottom:1px solid #ccd4de;
	text-align:left;
}

.bg_con .subj.none{border-bottom:none;}

.bg_con .subj .bold{
	font-size:17px;
	font-weight: bold;
	line-height:18px;
	padding-bottom:5px;
}

.bg_con .subj .blue{
	font-size: 13px;
	line-height:16px;
    color: #1e75d6;
	font-weight:bold;
}

.bg_con .subj .txt{
	font-size:13px;
	font-weight:normal;
	line-height:16px;
	color: #1e75d6;
	letter-spacing: -1px;
}


.bg_con .scrollbox2{
	overflow-y: scroll;
    background-color: #485263;
    position: absolute;
    top: 165px;
    right: 0;
    width: 100%;
}

.bg_con .lec_list{
	overflow-y: scroll;
	max-height:250px;
}

.bg_con .lec_list.jp {
	overflow-y: scroll;
	max-height:500px;
}

.bg_con .lec_list .pop_tbl{
	width: 100%;
    border-collapse: collapse;
	text-align:center;
}

.bg_con .lec_list .pop_tbl td{
	font-size: 12px;
	line-height:15px;
    padding: 10px;
    vertical-align: middle;
	border-bottom: 1px solid #cedbe5;
	border-right: 1px solid #cedbe5;
}

.bg_con .lec_list .pop_tbl td.last{border-right:none;}

.bg_con .lec_list .pop_tbl td img{
	width: 50px;
}



.bg_con2{
display:inline-block;width:88%;background:#ffffff;vertical-align:middle;
}

.bg_con2 .tit{
	position: relative;
    clear: both;
    padding: 10px 0 10px 12px;;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: -1px;
    color: #fff;
    border-bottom: 2px solid #627994;
    font-size: 15px;
	font-weight:bold;
	background: -webkit-gradient(linear,0 0,0 100%,from(#2787f2),to(#1e75d6));
	text-align:left;
}

.bg_con2 .tit .btnClose{
	display: block;
    position: absolute;
    top: 5px;
    right:5px;
}

.bg_con2 .subj{
	position: relative;
    overflow: hidden;
    padding: 12px 12px;
    font-size: 14px;
    color: #000;
	border-bottom:1px solid #ccd4de;
	text-align:left;
}

.bg_con2 .subj.none{border-bottom:none;}

.bg_con2 .subj .bold{
	font-size:17px;
	font-weight: bold;
	line-height:18px;
	padding-bottom:5px;
}

.bg_con2 .subj .blue{
	font-size: 13px;
	line-height:16px;
    color: #1e75d6;
	font-weight:normal;
	letter-spacing: -1px;
}

.bg_con2 .subj .txt{
	font-size:12px;
	font-weight:normal;
	line-height:15px;
}

.bg_con2 .lec_list{
	text-align:left;
}

.bg_con2 .lec_list .txt{
	font-size: 12px;
	line-height:16px;
    padding: 12px;
	color:#555;
}
.bg_con2 .lec_list .txt li{ padding-bottom:5px;}







/*** Header ***/
.wrap .header{
	background:#F60;
	position:relative;	
}

.wrap .header h1{
	height:26px;
	text-align:center;
	padding:12px 0;	
	background:#ffffff;
}

.wrap .header h1 img{
	height:22px;
	width:85px;
	padding-top:2px;
}

.wrap .header h1 img.logo_en{height:22px;width:126px;padding-top:2px;}

.wrap .header .sideMenuBtn{
	position:absolute;
	left:15px;
	top:17px;
}  

.wrap .header .sideMenuBtn img{
	width:19px;	
}

.wrap.bg_white .header .sideMenuBtn{
	top:18px;
}
.wrap.bg_white .header .searchBtn{
	top:12px;
}

.wrap .header .backBtn{
	position:absolute;
	left:15px;
	top:15px;
}  

.wrap .header .backBtn img{
	width:12px;	
}

/*** search ***/

.frmSearch{
	padding:10px 80px 0 60px;
	background-color:#fff;
}

.wrap .header .searchBox{
	height: 40px;
    background: #ffffff;
    /*padding: 10px 60px 0;*/
	margin:0 auto;
}

.wrap .header .searchBox input[type="text"]{
	width: 100%;
    height: 33px;
    padding: 0 8px;
    border: solid 1px #c5c5c5;
    /***border-right: none;
    border-bottom: none;***/
    box-sizing: border-box;
    /*border-radius: 3px;*/
    margin-bottom: 13px;
}
 
.wrap .header .eventBtn{
	position:absolute;
	right:79px;
	top:11px;
	text-align: center;	
}

.wrap .header .eventBtn img{
	width:17px;	
	display:block;
	margin:0 auto;
	padding-bottom: 2px;
}

.wrap .header .eventBtn strong{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	color:#666;
	font-weight: normal;
	font-size: 11px;
	line-height: 15px;
	word-break: keep-all;
}

.wrap .header .searchBtn{
	position:absolute;
	right:15px;
	top:15px;	
}

.wrap .header .searchBtn img{
	width:20px;	
}

.wrap .header .searchBtn .btn{
	display: inline-block;
    display: block;
    height:30px;
    line-height: 25px;
    padding: 0 13px;
    font-size: 13px;
    color: #333;
    border-radius: 4px;
    border:1px solid #d5d5d5;;
	font-weight:bold;
	background: #f0f0f0;
	box-shadow: 0 1px 0 #ebeaea;
}


.wrap .header .searchBtnB {
	position:absolute;
	left:48px;
	top:15px;	
}

.wrap .header .searchBtnB img{
	width:20px;	
}

.wrap .header .searchBtnB .btn{
	display: inline-block;
    display: block;
    height:30px;
    line-height: 25px;
    padding: 0 13px;
    font-size: 13px;
    color: #333;
    border-radius: 4px;
    border:1px solid #d5d5d5;;
	font-weight:bold;
	background: #f0f0f0;
	box-shadow: 0 1px 0 #ebeaea;
}



.wrap .header .joinEventBtn {

	position:absolute;
	right:48px;
	top:10px;	
	text-align: center;
}

.wrap .header .joinEventBtn img{
	width: 18px;
    display: block;
    margin: 0 auto;
    padding-bottom: 2px;	
}

.wrap .header .joinEventBtn strong{
	 display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #666;
    font-weight: normal;
    font-size: 11px;
    line-height: 15px;
    word-break: keep-all;
}

/*
.wrap .header .joinEventBtn img.joinImg {width:100%;} 
.wrap .header .joinEventBtn p.joinTxt {position:absolute; top:-8px;; right:-15px; display:inline-block; width:46px; height:20px; background: url(/images/common/header/join_event_icon02.png) no-repeat top left; background-size: 46px; color: #fff; font-size: 9.5px; padding: 1px 0 0 6px;}
*/

.wrap .header .myP{ position:absolute; right:15px; top:10px; text-align: center;}
.wrap .header .myP img{    
	width: 19px;
    display: block;
    margin: 0 auto;
    padding-bottom: 1px;
}

.wrap .header .myP strong{
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #666;
    font-weight: normal;
    font-size: 11px;
    line-height: 15px;
    word-break: keep-all;
}



.searchForm{
	height:40px;
	background:#fff;
	position:relative;	
	border:solid #ccc;
	border-width:1px 0;
	display:none;
}

.searchForm input[type="text"]{
	width:100%;
	height:40px;
	line-height:40px;
	padding:0 10px;
	box-sizing:border-box;
	border:none;
}
.searchForm input[type="image"]{
	position:absolute;
	right:10px;
	top:10px;	
}

/*** topmenu ***/


.header .topmenu{
	background:#fff;
	overflow:hidden;
	border-top: 1px solid #eeeeee;
	/* box-shadow: 0 5px 15px -10px rgba(0, 0, 0, 0.1); */
}

.header .topmenu > li{
	float:left;
	width:20%;
	text-align:center;
	box-sizing:border-box;
}

.header .topmenu > li:first-child{
	border-left:none;
}

.header .topmenu > li > a{
	display:block;

	line-height:17px;
	font-size:14px;
	color:#535353;
	font-family: 'Nanum Gothic Square';
	font-weight:bold;
	letter-spacing: -0.05em;
	padding: 13px 0;
}
.header .topmenu > li:first-child a{
	border-left:none;
}

.header .topmenu > li.select{
	border-bottom: 0px solid #535353;
	background:url(../images/icon/menu_ico.png) no-repeat center 32px ;
}


.header .topmenu > li.select a{
	font-family: 'Nanum Gothic Square';
	font-weight:bold;
	color:#1e75d6;
	
}


/*** subTitle 20160901 ***/
.subTitle_wrap{
	font-size:14px;
	width: 100%;
	background-color: #fff; 
}

.subTitle_wrap .subTitle{
	position: relative;
    z-index: 1;
    padding: 0 10px;
    height: 35px;
    line-height: 35px;
    /* border-bottom: solid 1px #4b78a5;
    background-color: #2c7bd2 afb5bb;*/
    background-color: #a4aaaf ;
}


.subTitle_wrap .subTitle h2{
	width: auto;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    font-size: 12px;
	line-height:30px;
    font-family: 'Nanum Gothic Square';
    color: #fff;
    /* text-shadow: 0 -1px 1px #476b8e; */
}
.subTitle_wrap .subTitle h2 a{color: #fff;}
.subTitle_wrap .subTitle .btn{
	position: absolute;
    top: 0;
    width: 38px;
    height: 30px;
    overflow: hidden;
    line-height: 33px;
    text-align: center;
}

.subTitle_wrap .subTitle .btn_subT{
	right: 0px;
}

.bgC{
	display: inline-block;
    height: 20px;
    background:url(../images/common/sub_arrow3.png) no-repeat center 1px;
}

.bgd{
	display: inline-block;
    height: 20px;
    background:url(../images/common/sub_arrow4.png) no-repeat center 1px;
}


.subTitle_wrap .subTitle .btn_subT.dn .bgC{
	
}

.subTitle_wrap .subTitle .btn .bgC{
	margin-top: -4px;
    width: 20px;
    height: 20px;
    vertical-align: middle;
}


.subTitle_wrap .subTitle .btn .bgd{
	margin-top: -4px;
    width: 20px;
    height: 20px;
    vertical-align: middle;
}

.subTitle_wrap .subCategory{
	display:none;
	padding:6px 2px;
    position: relative;
    /* background-color: #6c747d; */
	background-color: #fff; 
	border-bottom: 1px solid #dadfe3;
}

.subTitle_wrap .subCategory.subOpen{
	display:block;	
}

.clearfix {
    display: inline-block;
    clear: both;
	width:100%;
}

.clearfix.ty2{
	text-align:left;	
}

.subTitle_wrap .subCategory li{
	float: left;
    width: 33.3%;
    height: 27px;
}

.subTitle_wrap .subCategory li.ty2{
	float: left;
    width: 50%;
    height: 27px;
}

.subTitle_wrap .subCategory li a{
	display:block;
    width: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 13px;
    line-height: 27px;
    color: #696f75;
	border-radius: 15px;
	

    /*
	
	padding: 0px 10px;
	text-indent: 10px;
    text-shadow: 0 0 1px rgba(0,0,0,0.3);
    border-right: solid 1px #4a6e93;
	border-right:#616870;
    border-bottom: solid 1px #616870;
	height: 34px;
    box-shadow: inset 1px 1px 0 0 #7a8189;*/
}


.subTitle_wrap .subCategory li.on{
	border: 0px solid red;
}

.subTitle_wrap .subCategory li.on a{
	display:block;
    width: auto;
    height: 27px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 0.92em;
    line-height: 27px;
	/*
    color: #000;
	background-color:#dde1e6;*/
}

.subTitle_wrap .subCategory li a span{
	padding: 0px 10px;
	line-height: 27px;
	display: inline-block;
}
.subTitle_wrap .subCategory li.on a span{
	color: #000;
	background-color:#dde1e6;
	border-radius: 15px;
	padding: 0px 10px;

}


.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000; /* 다른 요소 위에 표시되도록 설정 */
    background-color: #fff; /* 고정 시 배경색 설정 */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* 그림자 추가 */
}



/*** main start ***/
.main{
	/*** padding:10px 0 0 0; 161111 수정***/
	/* background-color:#ededed;	0928수정 */
	padding:0;
	position:relative;
}

.listTitle{
	background-color:#ffffff;
	/*padding:15px 15px;*/
	padding:15px 11px;
	font-family: 'Nanum Gothic Bold';
	font-size:15px;
	color:#222222;
	/***margin-left:10px;
	margin-right:10px;***/
	border: solid 1px #ededee;
	border-bottom:none;
	position:relative;
}

.listTitle.event{
	font-family: 'Nanum Gothic';
	font-size:12px;
	line-height:15px;
	background-color:#f7f7f7;
	height: 30px;
    line-height: 30px;
	padding:0 11px;
	border-top:none;
}

.listTitle.event a{
	color: #474b56;
}

.listTitle.event img{
	width:20px;
	height:12px;
	top:30%;
}

.listTitle2{
	background-color:#ffffff;
	padding: 15px 0 0 11px;
	font-family: 'Nanum Gothic Bold';
	position:relative;
	line-height: 21px;
	font-size:15px;
}

.listTitle2 a{ color:#1c1c1c;}

.listTitle2 img{
	width: 11px;
    height: 22px;
    position: absolute;
    top: 30%;
    right: 2%;
}

.listTitle3{
	padding: 15px 11px;
	border-bottom: 1px solid #ccc;
	font-family: 'Nanum Gothic Bold';
	font-size:15px;
	color:#222222;
	line-height: 21px;
	background-color: #ffffff;
}

.listTitle5{
	background-color:#ffffff;
	padding: 15px 11px;
	font-family: 'Nanum Gothic Bold';
	position:relative;
	line-height: 21px;
	font-size:15px;
	color:#1c1c1c;
}

.listTitle5 a{ color:#1c1c1c;}

/*20190516*/
.listTitle6{
	background-color:#ffffff;	
	font-family: 'Nanum Gothic Bold';
	position:relative;
	line-height: 21px;
	font-size:15px;
	border-bottom:1px dotted #eaeaea;
}

.listTitle6 a{ 
	color:#1c1c1c; 
	display:inline-block; 
	width:100%;
	box-sizing:border-box;
	padding: 15px 11px;
}

.listTitle6 img{
	width: 11px;
    height: 22px;
    position: absolute;
    top: 30%;
    right: 2%;
}

div.btn_wrap {
	width:100%;
	text-align:center;
	padding:15px 0 30px 0;
}

div.btn_wrap  a {
	display:inline-block;
	padding:12px 30px;
	background:#0199f1;
	color:#fff;
}
/*20190516 end*/

.contents_mp3{
	padding:0 11px;
}

.mp3_subject{
	border-top: 1px solid #ccc;
	padding:0 11px;
	font-family: 'Nanum Gothic Bold';
    line-height: 20px;
    padding-top: 20px;
    padding-bottom: 15px;
}

.listTitle .titleIcon{
	position:absolute;
	top:15px;
	left:15px;
	width:18px;
	height:18px;
}



.listTitle img{
	width:11px;
	height:22px;
	position:absolute;
	top:30%;
	right:1.2%;
}
.listTitle a{
	color:#222222;	
}

.list_tit{
	margin:17px 12px;
}

.list_tit p{
	font-family: 'Nanum Gothic Bold';
	font-size:16px;
	color:#000000;
	margin-bottom:10px;
		
}

.list_tit .last{
	font-size:11px;
	color:#818181;
}

.listBox{
	background:#ffffff;
	border:solid 1px #eeeeef;	
	padding:15px;
	overflow:hidden;
	/**margin:0 10px;**/
	margin-bottom:12px;
}

.listBox > li{
	float:left;
	width: 50%;	
	height:190px;
	text-align:center;
}


/** 브라우저의 가로사이즈가 320보다 클 경우 적용 **/
@media all and (min-width:320px){
	.listBox > li{
		width:33.33334%;	
	}
}


.listBox > li > a{
	display:block;	
}

.listBox > li .thumb{
	
}
/*** 2017 07 24 수정 
.listBox > li .thumb img{
	border:solid 1px #ccc;
}***/

.listBox > li .subject{
	font-size:14px;
	color:#474b56;
	line-height:18px;
	padding:0 6px;
	margin-top:7px;
}


.listBox2{
	background:#ffffff;
	border:solid 1px #eeeeef;	
	padding:15px;
	overflow:hidden;
	/**margin:0 10px;**/
	margin-bottom:12px;
}

.listBox2 li.left_box{
	float:left;
	width: 48%;	
	text-align:center;
}

.listBox2 li.right_box{
	margin-left:49%;
	width: 48%;	
	text-align:center;
}

.listBox2 > li img{
	max-width:100%;
}

.listBox2 > li > a{
	display:block;	
}

.listBox2 > li .thumb{
	
}

.listBox2 > li .thumb img{
	/*border:solid 1px #ccc;	*/
}

.listBox2 > li .subject{
	font-size:14px;
	color:#474b56;
	line-height:18px;
	padding:0 6px;
	margin-top:7px;
}

/*** contact ***/

.main .contact{
	background-color:#ffffff;
	border:solid 1px #ededee;
	margin:28px 0;
	text-align:center;
	padding:10px 0;
	margin:20px 10px;
	margin-bottom:0px;
}

.main .contact p{
	font-size:13px;	
	line-height:21px;
}

.main .contact a{
	color:#474b56;
}

.main .contact p img{
	vertical-align:middle;
}


/*** footer ***/
.footer{
	position:relative;
	padding:15px 0;
	background:#4b4e53;	

}


.footer .footerLink{
	text-align:center;	
	font-size:0;
	/***margin-bottom:8px; ***/
}

.footer .footerLink li{
	display:inline-block;
	font-size:12px;	
}

.footer .footerLink li a{
	display:block;
	height:24px;
	line-height:24px;
	background:#5d6167;	
	border:solid 1px #434343;
	font-size:12px;
	color:#fff;
	padding:0 8px;
	margin:0 3px;
	border-radius:2px;
}

.footer .footerLink li.menu_f a{
	background-color:#4b4e53;
	border:none;
	position: absolute;
    left: 3px;
	top:16px;
}


.footer .footerLink li.menu_l a{
	background-color:#4b4e53;
	border:none;
	vertical-align:bottom;
	position: absolute;
    right: 3px;
	top:17px;
}

.footer .footerLink2{	
	display:none;
	width:100%;
	height:100%;
	position:absolute;
	top:20px;
	left:0;
	background:#4b4e53;
	text-align:center;
	
}
.footer .footerLink2 li{	
	width:33.3%;
	float:left;

}
.footer .footerLink2 li a{
	display:block; 
	background:#4b4e53;
	height:15px;
	line-height:15px;
	background:#5d6167;	
	border:solid 1px #434343;
	font-size:13px;
	color:#fff;
	padding:18px 10px;
	margin:0 3px;
	border-radius:2px
	
}



.footer .footerLink3 li.menu_q a{
	background-color:#4b4e53;
	border:none;
	position: absolute;
    left: 3px;
	top:15px;
}

.footer .footerLink3 li.menu_l a{
	background-color:#4b4e53;
	border:none;
	vertical-align:bottom;
	position: absolute;
    right:8px;
	top:17px;
}

.footer .footerLink3{
	text-align:center;	
	font-size:0;
	/*** margin-bottom:8px; ***/
	display:none;
}

.footer .footerLink3 li{
	display:inline-block;
	font-size:12px;	
}

.footer .footerLink3 li a{
	display:block;
	height:24px;
	line-height:24px;
	background:#80848A;	
	border:solid 1px #434343;
	font-size:11px;
	color:#fff;
	padding:0 5px;
	margin:0 3px;
	border-radius:2px;
}

.footer .footerLink2 li a img{
	padding-right:8px;
}

.footer .footerLink li .gotoTop{
	font-family: 'Nanum Gothic Bold';
	display:block;
	height:24px;
	line-height:24px;
	background:#ffffff;	
	border:solid 1px #bdbdbd;
	font-size:13px;
	color:#7d7d7d;
	padding:0 10px;
/*	margin:0 14px;*/
	border-radius:2px;
	

}

/*** 170110 추가***/
.footer .etc{
	padding: 12px 20px 57px 20px;
    color: #fff;
    text-align: center;
    position: relative;
	margin-top:5px;
}

.footer .etc .info{ 
	font-size:11px;
	font-weight:normal;
}
.footer .etc .info a{color:#c4c4c4;}

.footer .etc .info em.divi{
	margin: 0 5px;
    color: #888;
    font-weight: normal;
}

.footer .etc .address{ 
	margin:10px 0 2px 0;
	line-height:12px;
}

.footer .etc .address strong{
	font-size:12px;
	font-weight:bold;
	margin-right:5px;
	color:#aaaaaa;
}

.footer .etc .address span{
	line-height:20px;	
}

.footer p{
	font-size:12px;
	color:#9e9e9e;
	text-align:center;	
	font:normal 11px/1.5em verdana;
}
.footer a{color:#aaaaaa;}

/*** main ***/
.darkBg{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.6;
	z-index:997;
	display:none;	
}

.leftMenu{
	position:fixed;
	left:0;
	top:0;
	width:280px;
	height:100%;
	width:100%;
	background:#2d333d;
	z-index:998;	
	padding-top:45px;
	box-sizing:border-box;
	transform: translate3d(-100%, 0px, 0px);
	transition: transform 350ms ease 0s;
	-webkit-transform:translate3d(-100%,0,0);
	-webkit-transition: -webkit-transform 350ms ease;
}
.leftMenu.open{
	transform: translate3d(0, 0px, 0px);
	transition: transform 350ms ease 0s;
	-webkit-transform: translate3d(0,0,0);
	-webkit-transition: -webkit-transform 350ms ease;
	background-color:#485263;
}


.leftMenu .leftTop{
	background:#1e75d6;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	/** height:105px; **/
}
.leftMenu .leftTop p{
	height:45px;
	line-height:45px;
	font-size:14px;
	color:#fff;
	padding:0 0 0 20px;
	text-indent:-9999px;
	
}

.leftMenu .leftTop > a{
	position:absolute;
	left:15px;
	top:13px;	
}


.leftMenu .leftTop .btn_home{
	padding-left:125px;
	margin-top:-25px;
}

.leftMenu .leftTop .join_area{	
	padding:17px 0;
	padding-left:21px;
	height:20px;
}

.leftMenu .leftTop .join_area .top_join{
	display: inline-block;
    position: absolute;
    right: 50px;
    top: 14px;
    display: block;
    height: 25px;
    line-height: 25px;
    padding: 0 5px;
    font-size: 13px;
    color: #fff;
    border-radius: 2px;
    border: 1px solid #d2e3f7;
}

.leftMenu .leftTop .join_area .top_login{
	display: inline-block;
    position: absolute;
    left: 0;
    top: 14px;
    display: block;
    height: 25px;
    line-height: 25px;
    padding: 0 50px;
    font-size: 16px;
    color: #fff;
	background: url(../images/common/ico_login.png) 20px 0px no-repeat;
	background-size: 23px 23px;
}

.leftMenu .leftTop .join_area .top_edit{
	display: inline-block;
    position: absolute;
    left: 18px;
    top: 14px;
    display: block;
    height: 25px;
    line-height: 25px;
    padding: 0 6px;
    font-size: 13px;
    color: #1e75d6;
    border-radius: 2px;
    border: 1px solid #d2e3f7;
	background-color:#fff;
	font-weight:bold;
}

.leftMenu .leftTop .join_area .top_logout{
	display: inline-block;
    position: absolute;
    right:50px;
    top: 14px;
    display: block;
    height: 25px;
    line-height: 25px;
    padding: 0 5px;
    font-size: 13px;
    color: #fff;
    border-radius: 2px;
    border: 1px solid #d2e3f7;
}

.leftMenu .leftTop .btnClose {
    display: block;
    padding: 14px 12px 14px 0px;
	position:absolute;
	top:0;
	right:0;
}


.leftMenu .leftTop .mem_info{
	background-color: #1e75d6;
    font-size: 13px;
	height:59px
}

.leftMenu .leftTop .mem_info a{
	float: left;
    width: 25%;
    padding: 38px 0 15px;
    color: #fff;
    text-align: center;
    border: 1px solid #518ed3;
    border-right: 0;
	box-sizing: border-box;
	line-height:5px;
}

.leftMenu .leftTop .mem_info a.Lbkmark{
	background: #1e75d6 url("../images/common/bg_bookmark.png") no-repeat 50% 10px;
    background-size: 18px 16px;
}


.leftMenu .leftTop .mem_info a.myclass{
	background: #1e75d6 url("../images/common/bg_myclass.png") no-repeat 50% 10px;
    background-size: 18px 16px;
}

.leftMenu .leftTop .mem_info a.cart{
	background: #1e75d6 url("../images/common/bg_cart.png") no-repeat 50% 10px;
    background-size: 18px 16px;
}

.leftMenu .leftTop .mem_info a.shipping{
	background: #1e75d6 url("../images/common/bg_shipping.png") no-repeat 50% 10px;
    background-size: 18px 16px;
}


.leftMenu .menu{
	background: #485263;
    position: absolute;
    left: 0;
    top: 113px;
    width: 100%;
}

.leftMenu .menu ul{
	overflow: hidden;
}

.leftMenu .menu ul li{
	float: left;
    width: 33.3%;
    height: 50px;
	font-weight:bold;
	border-bottom: 1px solid #d9d9d9;
}

.leftMenu .menu ul li.on{
	float: left;
    width: 33.3;
    height:50px;
	font-weight:bold;
	border-bottom:none;
}

.leftMenu .menu ul li a{
	display: block;
    border-left: 1px solid #a5a8ab;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    color: #333;
	font-weight:normal;
	background-color:#f8f8f8;
}

.leftMenu .menu ul li.on a{
	display: block;
    border-left: none;
    line-height: 55px;
    text-align: center;
    font-size: 16px;
	color: #3293ff;
	font-weight:bold;
	background-color:#485263;
}


.leftMenu .leftBottom{
	height:40%;
	background-color:#485263;	
	border-top:1px solid #424851;
	margin-bottom: 100px;
	position:relative;
	text-align:center;
}

.leftMenu .leftBottom .join_area{
	padding-left:74px;	
	padding-top:15px;
}


.leftMenu .leftBottom .join_area .logout_area{
	z-index: 999;
    padding: 20px 0;
    position: absolute;
    left: 50%;
    top: 0;
    /*width: 960px; 0927수정*/
    margin: 0 0 0 -52px;
    height: 137px;
	
}

.leftMenu .leftBottom .bottom_btn{
	z-index:999;
	/* padding:20px 0; 0927수정*/
   /*width: 960px; 0927수정*/
	display:inline-block;
	margin-top:20px;
	padding-left:13px;
}

.leftMenu .leftBottom .bottom_btn a{
	display:block;
	float:left;
	padding:0 20px;

}

.leftMenu .leftBottom .bottom_btn2{
	z-index:999;
	position:absolute;
	left:50%;
	top: 110px;
    /*width: 960px; 0927수정*/
    margin: 0 0 0 -95px;
	padding-left:5px;

}

.leftMenu .leftBottom .bottom_btn2 a{
	display:block;
	float:left;
	padding-right:25px;
}

.leftMenu .leftBottom .bottom_btn2 .last{
	padding-right:0;
}	

.leftMenu .leftBottom .bottom_btn img{
	padding-bottom:8px;
	width:40px;
}

.leftMenu .leftBottom .bottom_btn p{
	color:#fff;
	font-size:12px;
	text-align:center;
	line-height:16px;
}

.leftMenu .leftBottom .bottom_btn p span{
	color:#c9c9c9;
	font-size:11px;
}

.leftMenu .scrollBox{
	height:100%;
	overflow-y:scroll;	
	background-color:#485263;
	position:absolute;
	top:165px;
	left:0;
	width:100%;
}


/* linkList */
.leftMenu .scrollBox .linkList > li{
	border-bottom:solid 1px #16191e;;
	text-align:left;
	overflow:hidden;
	background:#576377  url(../images/icon/arrow.png) no-repeat 97% 13px;
}
.leftMenu .scrollBox .linkList > li.on{
	background:#576377  url(../images/icon/arrow02.png) no-repeat 97% 13px;
}


.leftMenu .scrollBox .linkList > li > a{
	display:block;
	padding:0 30px;
	font-family: 'Nanum Gothic Bold';
	color:#fff;
	font-size:16px;
	/*height:54px;
	line-height:54px;*/
	height:45px;
	line-height:45px;
}


.leftMenu .scrollBox .linkList > li .sub_menu{
	display:none;
}

.leftMenu .scrollBox .linkList > li.on .sub_menu{
	display:block;
}

.leftMenu .scrollBox .linkList > li .sub_menu li{
	border-bottom: 1px solid #56595f;
    overflow: hidden;
    position: relative;
}

.leftMenu .scrollBox .linkList > li .sub_menu li > a{
	display: block;
    background-color: #404752;
    overflow: hidden;
    color: #c9c9c9;
    font-size: 15px;
    height: 40px;
    line-height: 40px;
    padding: 0 0 0 29px;

}

.leftMenu .scrollBox .linkList > li .sub_menu li > a img{
	position:absolute;
	top:15px;
	right:27px;
}


.leftMenu .scrollBox .linkList > li .sub_menu li > a span{
	float:right;
	padding-right:20px;
}

.leftMenu .scrollBox .linkList .sub_menu li:first-child a {
	background-color:#404752;
}
.leftMenu .scrollBox .linkList .sub_menu li:first-child{
	border-top:none;
}
.leftMenu .scrollBox .linkList .sub_menu li:last-child{
	border-bottom:0px none;
}

.main .linkList li > img{
	vertical-align:middle;	
	float:right;
}

/* linkList2 */
.leftMenu .scrollBox .linkList2 > li{
	border-bottom:solid 1px #16191e;;
	text-align:left;
	overflow:hidden;
	background:#576377  url(../images/icon/arrow.png) no-repeat 97% 13px;
}
.leftMenu .scrollBox .linkList2 > li.on{
	background:#576377  url(../images/icon/arrow02.png) no-repeat 97% 13px;
}


.leftMenu .scrollBox .linkList2 > li > a{
	display:block;
	padding:0 30px;
	font-family: 'Nanum Gothic Bold';
	color:#fff;
	font-size:16px;
	/*height:54px;
	line-height:54px;*/
	height:45px;
	line-height:45px;
}


.leftMenu .scrollBox .linkList2 > li .sub_menu{
	display:none;
}

.leftMenu .scrollBox .linkList2 > li.on .sub_menu{
	display:block;
}

.leftMenu .scrollBox .linkList2 > li .sub_menu li{
	border-bottom: 1px solid #56595f;
    overflow: hidden;
    position: relative;
}

.leftMenu .scrollBox .linkList2 > li .sub_menu li > a{
	display: block;
    background-color: #404752;
    overflow: hidden;
    color: #c9c9c9;
    font-size: 15px;
    height: 40px;
    line-height: 40px;
    padding: 0 0 0 29px;

}

.leftMenu .scrollBox .linkList2 > li .sub_menu li > a img{
	position:absolute;
	top:15px;
	right:27px;
}


.leftMenu .scrollBox .linkList2 > li .sub_menu li > a span{
	float:right;
	padding-right:20px;
}

.leftMenu .scrollBox .linkList2 .sub_menu li:first-child a {
	background-color:#404752;
}
.leftMenu .scrollBox .linkList2 .sub_menu li:first-child{
	border-top:none;
}
.leftMenu .scrollBox .linkList2 .sub_menu li:last-child{
	border-bottom:0px none;
}

.main .linkList2 li > img{
	vertical-align:middle;	
	float:right;
}


.main .top_area{
	padding:17px 20px;
}

.main .title_info{
	margin-bottom:10px;	
	overflow:hidden;
}

.main .top_area .title_info .className{
	font-family: 'Nanum Gothic Bold';
    font-size: 16px;
    color: #2798d1;
    padding-bottom: 10px;
	float:left;
}

.main .top_area .title_info .className a{
	color:#2798d1;
	float:left;
	text-align:left;
	
	/** 말줄임 스타일 **/
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	
	/** 말줄임 사이즈 **/
	max-width:200px;
}

.main .top_area .title_info img{
	padding-left:20px;
}

.main .top_area .title_info .fileName{
    font-size: 13px;
    color: #494949;
	line-height:18px;
}


.container{
	margin-top: 15px;
	background: #fff;
}

.container .content{
	background-color:#f5f6f7;
}

.wrap .container .loginform{
	text-align:center;	
	padding:15px 15px 10px;
}

.wrap .container .loginform p{
   margin: 10px 0 15px 0;	
}


.wrap .container .loginform p input{
	padding:0 10px;
    background: #ffffff;
	border:1px solid #e1e1e1;
    color: #999999;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 8px;
	width:100%;
	height:49px;
	box-sizing:border-box;
}

.wrap .container .loginform button{
	background: #1e75d6;
    padding: 18px 20px;
    font-size: 16px;
    border: 0;
    letter-spacing: 1px;
    color: #ffffff;
    cursor: pointer;
	width:100%;
	box-sizing:border-box;
	font-family: 'Nanum Gothic Bold';
	margin-top: 22px;
}

.wrap .container .loginform .ev_btn{width: 100%; height: 40px;}
.wrap .container .loginform .ev_btn li{height: 40px;
    text-align: center;
    width: 50%;
    float: left;
    display: block;
    font-weight: bold;}
	
.wrap .container .loginform .ev_btn li .ev{background-color: #ccc; color:#000;}
.wrap .container .loginform .ev_btn li .ev.first{background-color: #1e75d6; color:#fff;}

.wrap .container .loginform .keep_area{
	font-size:16px;
	text-align:left;
	background:url(../images/icon/icon_keepLogin.gif) no-repeat 200 150;
	border-bottom:1px solid #f0f0f0;
	padding-bottom:20px;
}
/*로그인 인풋 아래 배너 추가 20190704*/
div.login_banner {width:100%; padding:0; margin-bottom:20px; border:none; padding-top:20px;}
div.login_banner img {width:100%;} 

.wrap .container .loginform .keep_area label{
	color:#999999;	
	margin-left:5px;
	font-size:14px;
}

.wrap .container .loginform.ty2{ min-height:450px;}

.wrap .container .loginform .find_info {
	margin-top:20px;	
	margin-bottom:40px;
}

.wrap .container .loginform .find_info a{
	padding:0 15px;
}	

.wrap .container .loginform .guide_info{
    color: #999999;
    font-size: 13px;
    margin-bottom: 40px;	
}

.wrap .container .loginform .guide_info .guide_tit{
	display: block;
    font-size: 14px;
    height: 18px;
    font-family: 'Nanum Gothic Bold';
    padding: 3px 0 10px 28px;
	text-align:left;
	color:#727272;
	background:url(../images/common/info_btn.png) 8px 1px no-repeat;
	background-size: 16px 16px;
}

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


.guide_info2{
    color: #999999;
    font-size: 13px;
    margin-bottom: 15px;	
	padding:20px 10px;
	background-color:#fff;
	border-bottom: 1px solid #f2f2f2;
}

.guide_info2.bgG{
	background-color:#fff;	
}

.guide_info2 .guide_tit{
	display: block;
    font-size: 14px;
    height: 18px;
    font-family: 'Nanum Gothic Bold';
    padding: 3px 0 10px 28px;
	text-align:left;
	color:#727272;
	background:url(../images/common/info_btn.png) 8px 1px no-repeat;
	background-size: 16px 16px;
}

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




/*** 주문내역 ***/

.listTitle4 {
    text-align: center;
    padding: 15px 11px;
    font-family: 'Nanum Gothic Bold';
    font-size: 15px;
    color: #222222;
    line-height: 21px;
    background-color: #ffffff;
}
.wrap .container .nonmemberform{text-align:center; padding:15px 15px 20px;}

.wrap .container .nonmemberform p{
   margin: 10px 0 15px 0;	
}

.wrap .container .nonmemberform h4{font-weight:bold; font-size:16px; text-align:left; padding-top:15px;}

.wrap .container .nonmemberform p input{
	padding:0 10px;
    background: #ffffff;
	border:1px solid #dadada;
    color: #999999;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 8px;
	width:100%;
	height:49px;
	box-sizing:border-box;
}

.wrap .container .nonmemberform button{
	background: #9f9f9f;
    padding: 21px 20px;
    font-size: 21px;
    border: 0;
    letter-spacing: 1px;
    color: #ffffff;
    cursor: pointer;
	width:100%;
	box-sizing:border-box;
	font-family: 'Nanum Gothic Bold';
	margin-top: 22px;
}

.wrap .container .nonmemberform .keep_area{
	font-size:16px;
	text-align:left;
	background:url(../images/icon/icon_keepLogin.gif) no-repeat 200 150;
	border-bottom:1px solid #cccaca;
	padding-bottom:27px;
}

/* slide banner */
.slider_wrap{
	padding:0px; 
	background-color:#fff; 
	border: 0px;
	position:relative;
	margin-bottom:12px;
}
.slider_wrap.event{
	border-top:none;
}
.slider_wrap .btn_prev{
	position:absolute;
	top:85px;
	left:10px;
}
.slider_wrap .btn_prev img{
	width:32px;	
}
.slider_wrap .btn_next{
	position:absolute;
	top:85px;
	right:10px;
}
.slider_wrap .btn_next img{
	width:32px;	
}
.slider_wrap .btn_prev2{
	position:absolute;
	top:40.2%;
	left:2px;
}
.slider_wrap .btn_prev2 img{
	width:34px;
}
.slider_wrap .btn_next2{
	position:absolute;
	top:40.2%;
	right:2px;
}
.slider_wrap .btn_next2 img{
	width:34px;
}


/* bgGray */
.bgGray {
	background-color:#f7f7f7; 
	height:10px;
}

.bgGray.h15{
	height:15px;
}


/* lecture_thum */
.lecture_thum{
	width:250px;
	display:block; 
	margin:0 auto; 
	padding-bottom:8px;
}

.lecture_thum2{
	display:inline-block; 
	margin:0 auto; 
	padding-bottom:8px;
	float:left;
}

.lecture_thum2 img{
	width: 128px;
    height: 90px;
}


.event_thum{ 
	width: 100%;
    display: block;
    margin: 0 auto;
    padding-bottom: 8px; 
} /* 20161221 수정 */

#touchSlider a{
	color:#000;	
}

#touchSlider .subject_Lec{
	display:block;
	
}

#touchSlider2 a{
	color:#000;	
}

#touchSlider2 .subject_Lec{
	display:block;
	
}


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

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


/* slide banner 0831 */
.slider_wrap0831{
	padding:15px 15px; 
	background-color:#fff; 
	border: solid 1px #eeeeef;
	position:relative;
	margin-bottom:12px;
	background: url(../images/event_170413/img_02m_02.png) no-repeat 0 0;
}

.slider_wrap0831.event{
	border-top:none;
}

.slider_wrap0831 .btn_prev{
	position:absolute;
	top:85px;
	left:10px;
}

.slider_wrap0831 .btn_prev img{
	width:32px;	
}

.slider_wrap0831 .btn_next{
	position:absolute;
	top:85px;
	right:10px;
}

.slider_wrap0831 .btn_next img{
	width:32px;	
}

.slider_wrap0831 .btn_prev2{
	position:absolute;
	top:50px;
	left:10px;
}

.slider_wrap0831 .btn_prev2 img{
	width:32px;
}

.slider_wrap0831 .btn_next2{
	position:absolute;
	top:50px;
	right:10px;
}

.slider_wrap0831 .btn_next2 img{
	width:32px;
}

/* 171124 로그인 회원가입 추가 */
.wrap .container .loginform .keep_area .top_join1124 {
	display: inline;
    height: 25px;
    line-height: 25px;
    padding: 0 7px;
    font-size: 13px;
    color: #1e75d6;
    border-radius: 2px;
    border: 1px solid #1e75d6;
	float:right;
}

/* 로그인 이메일 중복 여부 */
.leftMenu .leftTop .join_area .top_find{
	display: inline-block;
    position: absolute;
    right: 115px;
    top: 14px;
    display: block;
    height: 25px;
    line-height: 25px;
    padding: 0 5px;
    font-size: 13px;
    color: #fff;
    border-radius: 2px;
    border: 1px solid #d2e3f7;
}

.wrap .container .loginform .keep_area .top_lgfind {
	display: inline;
    height: 25px;
    line-height: 25px;
    padding: 0 7px;
    font-size: 13px;
    color: #1e75d6;
    border-radius: 2px;
    border: 1px solid #1e75d6;
	float:right;
	margin-right:5px;
}


/* 쿠폰등록 */
.leftMenu .leftTop .join_area .top_coupon{
	display: inline-block;
    position: absolute;
    right: 193px;
    top: 14px;
    display: block;
    height: 25px;
    line-height: 25px;
    padding: 0 5px;
    font-size: 13px;
    color: #fff;
    border-radius: 2px;
    border: 1px solid #d2e3f7;
}


.leftMenu .leftTop .join_area .top_coupon2{
	display: inline-block;
    position: absolute;
    left: 86px;
    top: 14px;
    display: block;
    height: 25px;
    line-height: 25px;
    padding: 0 5px;
    font-size: 13px;
    color: #fff;
    border-radius: 2px;
    border: 1px solid #d2e3f7;
}





.subBox .app_join a.btn_lgfind1 {
    height: 25px;
    line-height: 25px;
    padding: 10px 20px;
    font-size: 13px;
    color: #ffffff;
    border-radius: 2px;
    border: 1px solid #1e75d6;
	margin-right:5px;
	background: #1e75d6;
	margin-top:20px;
}

.subBox .app_join a.btn_lgfind2 {
    height: 25px;
    line-height: 25px;
    padding: 10px 20px;
    font-size: 13px;
    color: #1e75d6;
    border-radius: 2px;
    border: 1px solid #1e75d6;
	margin-right:5px;
	background: #ffffff;
	margin-top:20px;
}

.subBox .join .join_form td.find {
    font-size: 13px;
    padding: 20px 0 10px 10px;
    text-align: left;
	height:15px;
	border-top:1px solid #cccccc;
}

.subBox .join .join_form th.find {
	padding-top:8px;
    letter-spacing: 0;
	border-top:1px solid #cccccc;
	border-right:1px dashed #cccccc;
}

.subBox .join .join_form th.find, td.find:last-child {border-bottom:1px solid #cccccc;}
.subBox .join span.result {color:#1e75d6; font-weight:bold;line-height:30px;}
.subBox .join .txt {
	font-size: 12px; 
	line-height:16px; 
	padding-top:15px; 
	margin-top:15px; 
	border-top:1px solid #eeeeee;
	color:#666666;
}

.subBox .join .join_form span.ok {color:#666666; font-size: 13px; margin-top: 10px;}
.subBox .join .join_form span.no {color:#ff5400; font-size: 13px; margin-top: 10px;}


/* 18.07.20 qr코드 */


.wrap .container .qr_code{    
	text-align: center;
    padding: 15px 15px 10px;
	background-color: #5777a8;
}

.wrap .container .qr_code .qr_title{ margin-top:50px; width:100%; text-align: center;}

.wrap .container .qr_code .qr_content{
	padding: 25px 0 80px;
    overflow: hidden;
    background-color: #5777a8;
    text-align: center;
	width:100%;
}

.wrap .container .qr_code .qr_content img{border: 10px solid #000;  max-width:400px;}
.wrap .container .qr_code .qr_content img.qr{ max-width:400px;}


/*회원가입 완료 페이지 추가 190514*/
div.join_ok_event {width:100%; text-align:center; padding-bottom:50px;}
div.join_ok_event a {display:inline-block; font-size:13px; width:200px; height:30px; background:#487fea; color:#fff; border-radius:100px; box-sizing:border-box; padding-top:8px;}


/*리스트 페이지 로케이션 추가 190702*/
div.locationWrap {width:100%; box-sizing:border-box; font-size:12px; overflow:hidden;}
div.locationWrap dl.loca {overflow:hidden; box-sizing:border-box; width:100%; display:inline-block; height:30px;}
div.locationWrap dl.loca dt, div.locationWrap dl.loca dd {float:left;}
div.locationWrap dl.loca dt, div.locationWrap dl.loca dd img{ vertical-align: middle}
div.locationWrap dl.loca dt a {display:inline-block; box-sizing:border-box; color:#fff; padding:0 5px 0 22px; background:url('/images/icon/home2.png') no-repeat left center; background-size:18px;}

div.locationWrap dl.loca span {font-size:9px; color:#fff; padding-right:3px; margin:0;}
div.locationWrap dl.loca dd { padding:0 6px 0 0;}
div.locationWrap dl.loca dd a {color:#fff; display:inline-block;}
div.locationWrap dl.loca dd.last {float:left;}
div.locationWrap dl.loca dd.last a {font-weight:bold; color:#fff; display:inline-block;}
div.locationWrap dl.loca dd.last a.textlt {display:inline-block; font-weight:bold; color:#fff; width:85px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
div.locationWrap dl.loca dd.last span.bar {position:relative; top:-11px;}


/*모의고사 페이지 추가 190704*/
div.settingWrap {position:fixed; top:0; left:0; width:100%; height:100%; z-index:100;}
div.settingWrap div.settingCont {position:relative; top:15%; left:50%; margin-left:-155px; width:310px;  background:#fff; box-sizing:border-box; padding:20px; border-radius:4px; z-index:99;}
div.settingWrap div.bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity:0.3; filter:alpha(opacity=70); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; z-index:98;}
div.settingWrap div.settingCont div.setit {text-align:center; line-height:24px; letter-spacing:-1px;}
div.settingWrap div.settingCont div.setit h4 {padding:10px 0; background:#f6f6f6; margin:15px 0; font-weight:bold; }
div.settingWrap div.settingCont p {font-size:11px; background:url('/images/icon/bul_01.gif') no-repeat left center; padding-left:15px; margin-bottom:10px;}
div.settingWrap div.settingCont table {font-size:12px;}
div.settingWrap div.settingCont table th {height:26px; background:#dcecf4; border-bottom:1px solid #fff;}
div.settingWrap div.settingCont table td {border-bottom:1px solid #eaeaea;}
div.settingWrap div.settingCont table .fir {border-top:1px solid #eaeaea;}
div.settingWrap div.settingCont table .end {border-bottom:1px solid #eaeaea;}
div.settingWrap div.settingCont input[type="radio"] {position:relative; top:3px;}
div.settingWrap div.settingCont input[type="checkbox"] {position:relative; top:3px;}
div.settingWrap div.settingCont div.sechk {width:100%; box-sizing:border-box; text-align:right; font-size:12px; font-weight:bold; padding:5px;}
div.settingWrap div.settingCont div.sepopBtn {width:100%; box-sizing:border-box; text-align:center; padding-top:15px;}
div.settingWrap div.settingCont div.sepopBtn a {display:inline-block; padding:8px 30px; font-size:13px; color:#fff; border-radius:5px;}
div.settingWrap div.settingCont div.sepopBtn a.close {background:#8a8a8a;}
div.settingWrap div.settingCont div.sepopBtn a.start {background:#1e75d6;}

div.contents div.test_box div.titleBox {border-bottom:none;}
div.test_box div.testBar {box-sizing:border-box; width:100%; height:36px; padding:5px; background:#f4f4f4; font-size:13px; overflow:hidden;}
div.test_box div.testBar span {float:left; font-weight:bold; position:relative; top:6px; letter-spacing:1px; background:url('/images/icon/ico_time.png') no-repeat left top; background-size:12px; padding:0 0 5px 15px;}
div.test_box div.testBar div.barRight {/*float:right;*/}
div.test_box div.testBar div.barRight .fr{float:right}
div.test_box div.testBar div a.barbtn{display:inline-block;padding-right:4px;background:url('/images/btn/bg_btn_default.gif') no-repeat 100% 0;color:#000;line-height:26px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap}
div.test_box div.testBar div a.barbtn span,a.barbtn strong{display:block;padding:1px 8px 0 12px; font-weight:normal;background:url('/images/btn/bg_btn_default.gif') no-repeat}


div.test_box div.testBar div.barRight select {background:#fff; border:1px solid #ccc; width:110px; height:26px;}
div.test_box div.testBar div.barRight button {font-size:12px; letter-spacing:-1px; height:26px;}
div.test_box div.testCont { width:100%;/* height:300px; overflow-y: scroll; box-sizing:border-box; padding:8px 0;*/}
div.test_box div.testCont dl {overflow:hidden; box-sizing:border-box; padding:0 8px 10px 8px; border-top:1px solid #fff;}

div.test_box div.testCont dl div{ float:left;}
div.test_box div.testCont dl div img{ width:99%; max-width:450px; margin-left:2px;}

div.test_box div.testCont dt {font-weight:bold; font-size:13px; line-height:20px; margin:17px 0 5px 0; clear:both; overflow:hidden;}
div.test_box div.testCont dd {font-size:13px; line-height:20px; padding-right:20px; float:left; position:relative;}
div.test_box div.testCont dd span {position:absolute; left:2px; top:7px; background:#f9f9f9; border-radius:100px; width:15px; height:15px; }
div.test_box div.testCont dd span img {width:100%;}
div.test_box div.testCont p {width:100%; box-sizing:border-box; border:1px solid #ccc; padding:15px 10px; font-size:13px; line-height:20px;}
div.test_box div.page {width:100%; overflow:hidden; margin-top:25px; padding-top:15px; border-top:1px solid #eaeaea;}
div.test_box div.page ul {width:50%; float:left;}
div.test_box div.page ul li {float:left;}
div.test_box div.page ul.btnB li a {display:inline-block; padding:7px 13px; background:#156edd; color:#fff; border-radius:2px; margin-right:5px; border-radius:5px}
div.test_box div.page ul.btnC li {float:right; text-align:right;}
div.test_box div.page ul.btnC li a {width:80px; height:35px;}

div.test_pop {position:absolute; top:0; left:0; width:100%; height:100%; z-index:200;}
div.test_pop div.ttPopCont {position:relative; width:300px; margin:20px auto 0; background:#fff; z-index:999;}
div.test_pop div.bg {position:fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity:0.7; filter:alpha(opacity=70); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; z-index:98;}
div.test_pop div.popOmr {width:100%; overflow:hidden; box-sizing:border-box; padding:15px 5px;}
div.test_pop div.popOmr a {display:inline-block; float:left; box-sizing:border-box; width:19.3%; text-align:center; margin:1px 1px 0 1px;}
div.test_pop div.popOmr a p.tit { box-sizing:border-box; width:100%; height:20px; padding-top:4px; background:#516882; color:#fff;}
div.test_pop div.popOmr a p {font-size:12px;box-sizing:border-box; width:100%; height:30px; background:#e6eef7; color:#222; padding-top:8px;}
div.test_pop div.popOmr a p.none {background:#9cbce1; }

div.testTop {width:100%; box-sizing:border-box; padding:5px; background:#f6f6f6; overflow:hidden;}
div.testTop div.tit {float:left; font-size:12px; box-sizing:border-box; background:url('/images/icon/bul_01.gif') no-repeat left 7px; padding:6px 0 0 15px;}
div.testTop button.close {float:right;}


/* layerpop */
.layerpop{border: 3px solid #e2e2e2;  top: 190px;   z-index: 9999;   width: 325px;   color: #565656;   height: ;    margin-left: 197px;    padding: 0;    background-color: #FFF;    position: absolute;}
.layerpop .pop_tit{font-size: 15px;    background-color: #0177d7;    font-weight: bold;    color: #fff;    padding: 12px;}
.layerpop .pop_con{	text-align: center;    padding: 20px 15px 16px;    font-size: 14px;    line-height: 20px;}
.layerpop .pop_con span{ font-weight:bold; color: #0177d7;}
.layerpop .pop_con .btnbox{	text-align: center;    border: 1px solid #dddddd;    background: #f0f0f0;    color: #666666;    padding: 5px 10px;    width: 50px;    margin: 14px auto 3px;    display: block;}
.layer_popup_bg2 {position: fixed;    top: 0;    left: 0;    width: 100%;    height: 100%;    background: url(../images/common/bg_black_opacity2.png);    overflow: hidden;    z-index: 9997;}

/* 공지팝업_250212 */
.modal_BG {display:flex; position:fixed; top:0;  right:0;  bottom:0;  left:0;  z-index:999; align-items:center;  justify-content:center;  background-color:rgba(0, 0, 0, 0.5);  box-sizing:border-box;}
.modal_BG.content >  .modal_inner{background-color:transparent; width: 90%; max-width:400PX; min-width: 290px; height: max-content; position: relative;}
.modal_BG.content >  .modal_inner > .modal_content{padding: 0; width: 100%; height: 100%; max-width: 500px; max-height:485px; height:max-content; border-radius: 1rem; }
.modal_BG.content >  .modal_inner > .modal_content > img{width: 100%;}
.modal_BG .modal_content { box-sizing: border-box; max-height:45rem; padding:.5rem;  overflow:hidden; height:420px; width: 700PX;   position: relative;}	
.modal_BG.content >  .modal_inner > button {border: 0;  cursor: pointer;  outline: 0;  background-color: transparent;  padding: 0;  font-family: 'Noto Sans KR', sans-serif;}
.modal_BG.content > .modal_inner > .btn-modal-close:after, .modal_BG.content > .modal_inner > .btn-modal-close:before {content: ""; height: 2px; border-bottom: 2px solid #000; bottom: 0; left: 0;  margin: auto;    position: absolute;  top: 0;   width: 2rem;}
.btn-modal-close {height:5rem; width: 5rem; position: absolute;  right: -0.5rem;  top: -0.5rem;    z-index: 10;}
.btn-modal-close:before {right: -2px; transform: rotate(45deg);}	
.btn-modal-close:after {right: 0;  transform: rotate(-45deg);}	
i.blind {clip: rect(0 0 0 0);  height: 1px;  margin: -1px;  overflow: hidden;  position: absolute;   width: 1px;}
.modal_BG.content >  .modal_inner > .text-bg{background-color: #FFF; max-height:initial; min-height:350px; /*height: 50px; padding-bottom: 1rem;*/ }
.modal_BG.content >  .modal_inner > .text-bg h1{font-size: 1.3rem;border-bottom:1px solid #ccc; box-sizing: border-box; padding:1rem 2rem 1rem; }
.modal_BG.content >  .modal_inner > .text-bg .text-inner{box-sizing: border-box; padding:1.8rem 1rem .9rem; letter-spacing: -0.05rem;}
.text-inner > dl > dt.hl{color: #2074bb; font-weight: 500; line-height: 150%;  }
.text-inner > dl{ width:100%; text-align: center;}
.text-inner > dl > dt{font-size:1.15rem; font-weight:bold; word-break: keep-all; margin-bottom:10px; }
.text-inner > dl > dt.a_ico{position: relative; padding-top:40px}
.text-inner > dl > dt.a_ico::before{content: ''; width: 36px; height: 31px; position: absolute; background: url("../images/ico_alert.png") no-repeat; top:0; left: 50%; transform: translate(-50%, 0)}
.text-inner > dl > dd.chart{border-top: 1px solid #d9d9d9; background: #eff5fa; border-bottom: 1px solid #d9d9d9; padding:10px 0; font-size: 0.97rem; color: #000; line-height: 170%; margin: auto;
 width:100%;   max-width: 400px;}
.text-inner > dl > dd{font-size: 14px; margin:15px 0 5px; color: #555; line-height: 150%;}

/* 인증팝업_250319 */
.text-inner > dl > dd.input-box{display: flex; flex-flow:wrap; align-items: center; justify-content:center; font-size:12px; margin: 0 auto}
.text-inner > dl > dd.input-box > input {height:20px; outline: none; font-size: 14px;  border-image: initial;  border: 1px solid rgb(229, 229, 229);  border-radius: 5px;  padding: 8px;  vertical-align: middle;
	font-family: 'Noto Sans KR';}
.text-inner > dl > dd.input-box > input.w150{width: calc(55% - 16px); min-width:130px}
.text-inner > dl > dd.input-box > a.btns{padding:1px 12px 1px 12px; margin-left: 5px;}
.text-inner > dl > dd.input-box > span.Error{font-size: 12px; color: rgb(255, 77, 0);}
.text-inner > dl > dd.infotxt-box{text-align: left;  border-top: 1px dashed #c0c8d3; color:#545454; padding:18px 0px 10px; margin:20px 15px 0;}
.text-inner > dl > dd.infotxt-box > p{text-align: left; font-size: 13px;line-height: 150%; padding:2px 2px 3px 7px; letter-spacing: -0.03rem; word-break: keep-all; position: relative;}
.text-inner > dl > dd.infotxt-box > p::before{content: ' ';  position: absolute; left: 0; top: 50%; width: 3px; height: 3px; border-radius:5px; background-color:#c0c8d3; transform: translate(0, -50%);}