@CHARSET "UTF-8";

.ui-header-fixed {height: 59px;}

.ui-icon-minus:after { background: url("../images/usericon/btn_minus.svg") no-repeat; background-size:auto 0.8em ;background-position: center center;}
.ui-icon-plus:after { background: url("../images/usericon/btn_plus.svg") no-repeat; background-size:auto 0.8em ;background-position: center center;}
.ui-icon-custom:after { background: url("../images/usericon/btn_next.svg") no-repeat; background-size:auto 0.8em ;background-position: center center;}

.ui-li-static.ui-collapsible > .ui-collapsible-heading {margin: 0;}
.ui-li-static.ui-collapsible {padding: 0;}
.ui-li-static.ui-collapsible > .ui-collapsible-heading > .ui-btn {border-top-width: 1px;}
.ui-li-static.ui-collapsible > .ui-collapsible-heading.ui-collapsible-heading-collapsed > .ui-btn,
.ui-li-static.ui-collapsible > .ui-collapsible-content {border-top-width: 1px;}
.ui-panel-inner { position: absolute; top:1px;left: 0; right: 0; bottom: 0px; overflow: auto; -webkit-overflow-scrolling: touch;}

.user-profile-div{width:100%;height:370px; margin-bottom:10px;text-align: center;}
.user-profile-image-div{width:100%;height:160px; margin-bottom:10px;}
.user-profile-image{width : 16.0em;height : auto;border-radius : 50%;}
.user-profile-footer{text-align: center;}
.user-profile-login-btn{width: 80px;}

.ui-listview>li span{font-size:.75em;display:block;margin:.5em 0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}

.footer{height:2.5em;text-align:center;line-height:1.25em;}
.footer span{font-size:0.75em;text-align:center;}

.ui-header .ui-title {margin: 0px 0%;    min-height: 1.5em;     padding: 1.00em 0;font-size:1.15em;}
/* 메뉴박스 */
.menu-button-text-span{ font-size: 0.80em;color: #696969; top: -0.45em;position: relative;}
.menu-box{  border: none;border-radius: 0px; box-shadow: none; background: transparent !important;}
.menu-box :hover{  border: none;border-radius: 0px; box-shadow: none; background: transparent !important;}
.menu-box img{width:38%; max-width:80px;height:5.0em; padding: 5px 5px 0px 5px; border-radius: 20%;}
.menu-box hr{height:1px;}
/* 리스트 링크바 */
#linkbar{position: fixed; top: 100px; right: 0; width: 25px; z-index: 100;}
#linkbar ul{height: 100%; margin: 0; padding-right: 0px;}
#linkbar li {padding: 0; font-size: 18px; text-align: center; background-color: transparent;}
#linkbar li span {margin-top: 8%; display: block; color: #2196F3;}
#linkbar .ui-li-static {border-width: 0;}

/* 사이드 메뉴 마스크*/
.ui-panel-mask{background: white; opacity: 0.7;}

/* 실시간 학점현황 */
.reg_state{position:relative; top:-45px; color: #ffffff; padding-left: 15px; font-size: .8em;}

/* 검색 건수 */
.total_span{position: absolute; top: 150px;}

/* mask css */
.ui-custommask{width: 100%;position: absolute;background: black;opacity: 0.5; z-index:1001}

/* search toolbar */
.ui-custom-toolbar{background-color: #0080c0; padding: 5px;margin: 0px; border-radius: 0px; height:2.75em;}
.ui-custom-toolbar .ui-btn{border-radius : 5px !important; height: 1.05em !important;}
.ui-controlgroup-vertical .ui-controlgroup-controls .ui-btn.ui-last-child{border-bottom-width: 0;}
.ui-custom-toolbar-text{margin: 0.7em 0 0 1em; color: #ffffff; font-weight:bold;text-shadow: none;}
.ui-custom-toolbar-text2{margin:0.7em 0 0 1em; color: #ffffff; font-weight:bold;text-shadow: none;}
.ui-custom-toolbar-text3{margin:0.7em 0 0 1em; color: #3d5595; font-weight:bold;text-shadow: none;}

/* search toolbar2 */
.ui-custom-toolbar2{background-color: #ededed; padding: 5px;margin: 0px; border-radius: 0px; height:2.75em;}
.ui-custom-toolbar2 .ui-btn{border-radius : 5px !important; height: 1.05em !important;}

/* 검색창 css */
.search_div{background: white;width:96%;margin-left:2%;margin-right:2%; position:fixed; top:115px; display:none;z-index: 1003; border-radius:5px;}
.search_div_form{padding : 10px;}
.btn_group_div .ui-btn{width:50%;}
.searchBtn{border: 0px;}

/* 좌측 메인메뉴 */
.side_menu_div{background: #fff;width:200px;height:100%; position:fixed; z-index: 1003; left : 0px; display:none; top: 0px;}

/* 로그인 css */
.login_main{width: 90%; margin: 0px auto;}
.login_logo{text-align: center;margin-top: 20%;margin-bottom: 10%;width:100%;height:auto;}
.login_logo img{width:60%;height:auto;}
.login_btn{margin-top: 10%;background-image:#165e7c;}
.login_alert{    width: 200px;text-align: center;}

/* 메인화면 */
.user_info_div{text-align: center;}
/* .user_img{border:1px double black; width: 40%;height: auto; margin-bottom:1.00em;} */
.rounded{display: inline; margin-bottom:10px;}
.image-cropper { width: 150px; height: 150px; position: relative; overflow: hidden;margin: 0px auto;  border-radius: 50%;-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border:1px solid black;}
.user_detail{text-align: left;margin: 0px auto; width: 80%;  font-weight:normal;}
.user_detail STORING{text-align: left;margin: 0px auto; font-weight:bold;}

.customdllidt dt {display: inline;font-size:.85em;font-weight:700;    -webkit-margin-start: -0.25em;}
.customdllidt dd {display: inline;font-size:.80em;font-weight:400;    -webkit-margin-start: 0.25em;}

#userlisttable {border-top:0px none;  }
#userlisttable th{text-align:right; font-size:0.75em;line-height:24px; font-weight:bold; color:#383838; border-bottom:1px solid #dddddd; border-right:0px solid #cac6bd;background-color:#fff;padding:5px 5px 5px 5px;}
#userlisttable td{text-align:left;border-bottom:1px solid #dddddd; border-right:0px solid #5da1b7;font-size:0.75em;line-height:24px;padding:5px 0px 5px 5px;color:#383838;}
#userlisttable .ce {text-align:center !important;}
/* timeTable */
.timeTable {border-top:1px solid #000000; border-left:1px solid #000000; text-shadow:0 0 0 !important;}
.timeTable th{border-bottom:1px solid #000000; border-right:1px solid #000000;font-size:0.70em;line-height:15px;color:#ffffff;}
.timeTable td{border-bottom:1px solid #000000; border-right:1px solid #000000;font-size:0.70em;line-height:15px;}

/* .timeTable-blank {height:37px !important;} */
.margin10{margin-top:5px;}
.timeTable-timetype01{color:#ffffff;background-color:#8296cb;border-bottom:1px solid #000000;}
.timeTable-timetype02{color:#1d316c;background-color:#d9e7f9;}
.timeTable-align-left{text-align:left; padding-left:5px !important;}
.timeTable-align-center{text-align:center;}

.logincheck{position: relative;top:0px;}
.logincheck label{position: relative;top:16px;margin:0px 0px 3px 2.00em;}
.loginchecktitle{font-size:0.98em;font-weight:600;display:inline;}

/* 에러페이지 */
.err_div{text-align : center; width: 100%; height:100%;}
.err_img{width : 300; position:relative;}
.err_back_btn{width : 50%; margin: 0px auto !important;}

/* 수강 신청&취소 결과페이지 */
.submit_result_wrapper{text-align : center;}
.submit_result_div{width : 100%; height : 100px;}
.submit_result_btn{width:50%; margin: 0px auto;}

/* table */
.table_area {width:90%; margin:auto; margin-top:-0.6em;}


#table_firststyle {border-top:1px solid #828282; border-left:1px solid #828282; border-right:1px solid #828282; border-bottom:1px solid #828282;  font-weight:bold;}
#table_firststyle th{text-align:left; font-size:0.87em;line-height:24px; font-weight:bold; color:#333; border-bottom:1px solid #bbbbbb; border-right:1px solid #bbbbbb;
	background: #efefef; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(#efefef, #d6d6d6); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#efefef, #d6d6d6); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#efefef, #d6d6d6); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#efefef, #d6d6d6); /* Standard syntax */padding:5px 3px 5px 3px;height:30px;}
#table_firststyle td{text-align:left;border-bottom:1px solid #bbbbbb; border-right:1px solid #bbbbbb;font-size:0.87em;font-weight:bold;line-height:24px;padding:5px 5px 5px 5px;color:#383838;}

#table_firststyle ul{list-style:none;}
#table_firststyle ul li{background:url('../img/inc/bullet03.gif') no-repeat 0 2px;padding-left:18px;font-weight:normal;font-size:0.80em;margin-bottom:0px;margin-left:0px;list-style:none;padding:5px 0px 5px 0px;}

#table_firststyle .thle{text-align:left;}
#table_firststyle .thre{text-align:right;}
#table_firststyle .thce{text-align:center;}
#table_firststyle .thlow{vertical-align:middle;line-height:0.90em;}
#table_firststyle .thhigh{vertical-align:middle;line-height:1.60em;}
#table_firststyle .thcolspan{border-right:0; vertical-align:middle; line-height:1.3em; padding:5px 0px 5px 0px;}

#table_firststyle .tdle{text-align:left;}
#table_firststyle .tdre{text-align:right;}
#table_firststyle .tdce{text-align:center; height:1.3em;}
#table_firststyle .tdlow{vertical-align:middle;line-height:0.90em;}
#table_firststyle .tdhigh{vertical-align:middle;line-height:1.60em;}
#table_firststyle .tdr1{ border-right:1px solid #cfcfcf;}

#table_firststyle .td-padding-0{height:1.3em; text-align:left;border-bottom:1px solid #afafaf; border-right:0px solid #cfcfcf;font-size:0.65em; line-height:1.3em; padding:10px 0px 10px 0;}


.radius{display: inline-block;border-radius: 50%; border-top-left-radius: 50%;width:100%;height:auto;}


.name-ko{font-size:1.25em; font-weight:bold;color:#333;}
.name-en{font-size:0.85em; font-weight:bold;color:#333;}
.name-cn{font-size:0.85em; font-weight:bold;color:#333;}


.boosu-ul{border-radius: 10px;  }
.boosu-ul>li span {   font-size: 1.05em;
    display: inline;    margin: 0.20em 0;
    text-overflow: ellipsis;    overflow: hidden;    white-space: nowrap;}
.seboosu-sosok{display: inline; margin-left:1.00em;}
.seboosu-sosok2{display: inline; margin-left:0.45em;}
.boosu-ul>li span.name-ko{font-size:1.25em; font-weight:bold;color:#333;vertical-align:-1.0em;}
.boosu-ul>li span.name-boosu{font-size:0.92em; font-weight:bold;color:#333;vertical-align:1.25em;}
.boosu-ul>li span.name-en{font-size:0.85em; font-weight:bold;color:#333;}
.boosu-ul>li span.name-cn{font-size:0.85em; font-weight:bold;color:#333;}

.seboosu-detail{display: inline; margin-left:0.8em;margin-right:0.8em;}

.boosu-div DIV + UL{list-style:none; border:1px solid #828282;}
.boosu-div DIV + UL LI{background-color:#FFF;}
.boosu-div DIV + UL LI UL{}
.boosu-div DIV + UL LI UL LI{ border-bottom:1px solid #828282;background-color:#0080c0;color:#FFF;}


.boosuname{list-style:none; margin-left:-40px;}
.boosuname UL{list-style:none; border:1px solid #828282;}
.boosuname UL LI{font-size:1.15em; font-weight:bold;color:#FFF;}
.boosuname>li span {   font-size: 1.05em;
    display: inline;    margin: 0.20em 0;
    text-overflow: ellipsis;    overflow: hidden;    white-space: nowrap;}


.boosu-title{font-size:1.25em; font-weight:bold;color:#333;}
.boosuname>li span.boosuname-ko{font-size:0.95em; font-weight:bold;color:#FFF; }
.boosuname>li span.boosuname-en{font-size:0.75em; font-weight:bold;color:#FFF; }
.boosuname>li span.boosuname-tel{font-size:0.75em; font-weight:bold;color:#FFF;}
.boosuname>li span.boosuname-telnum{font-size:0.75em; font-weight:normal;color:#FFF; }
.boosuname>li span.boosuname-fax{font-size:0.75em; font-weight:bold;color:#FFF;}
.boosuname>li span.boosuname-fatnum{font-size:0.75em; font-weight:normal;color:#FFF; }

.boosu2name>li span {font-size: 1.05em; display: inline;margin: 0.10em 0;
    text-overflow: ellipsis;overflow: hidden; white-space: nowrap;}
.boosu2name>li DIV { display: inline; margin-left:1.00em;} 

.boosu2name>li span.name-ko{font-size:1.25em; font-weight:bold;color:#333;vertical-align:-1.0em;}
.boosu2name>li span.name-boosu{font-size:0.92em; font-weight:bold;color:#333;vertical-align:1.25em;}
.boosu2name>li span.name-en{font-size:0.85em; font-weight:bold;color:#333;}
.boosu2name>li span.name-cn{font-size:0.85em; font-weight:bold;color:#333;}


#noline-table {border:0px solid #6f8aa8; }
#noline-table th{text-align:left; font-weight:bold;padding:0px;margin:0px;}
#noline-table td{text-align:left; padding:0px;margin:0px;}


/* DetailTable Box & Table */
#DetailTable {border-top:1px solid #828282; border-left:1px solid #828282; border-right:1px solid #828282; border-bottom:1px solid #828282;  font-weight:bold;}
#DetailTable th{text-align:center; font-size:0.92em;line-height:24px; font-weight:bold; color:#333; border-bottom:1px solid #bbbbbb; border-right:1px solid #bbbbbb;
	background: #efefef; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(#efefef, #d6d6d6); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#efefef, #d6d6d6); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#efefef, #d6d6d6); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#efefef, #d6d6d6); /* Standard syntax */padding:5px 0px 5px 0px;height:30px;}
#DetailTable td{text-align:left;border-bottom:1px solid #bbbbbb; border-right:1px solid #bbbbbb;font-size:0.92em;font-weight:bold;line-height:24px;padding:5px 0px 5px 0px;color:#383838;}

/*left*/
#DetailTable .le {text-align:left;padding-left:0.5em;}
/*right*/
#DetailTable .re {text-align:right;}
/*center*/
#DetailTable .ce {text-align:center;}

.top10{margin-top:10px;}


/* DetailTable Box & Table */
#DetailinnerTable {border-top:1px solid #828282; border-left:1px solid #828282; border-right:1px solid #828282; border-bottom:1px solid #828282;  font-weight:bold;}
#DetailinnerTable th{text-align:center; font-size:0.92em;line-height:24px; font-weight:bold; color:#333; border-bottom:1px solid #bbbbbb; border-right:1px solid #bbbbbb;
	background: #dee7ee; padding:5px 0px 5px 0px;height:30px;}
#DetailinnerTable td{text-align:left;border-bottom:1px solid #bbbbbb; border-right:1px solid #bbbbbb;font-size:0.92em;font-weight:bold;line-height:24px;padding:5px 5px 5px 5px;color:#383838;}

/*left*/
#DetailinnerTable .le {text-align:left;padding-left:0.5em;}
/*right*/
#DetailinnerTable .re {text-align:right;}
/*center*/
#DetailinnerTable .ce {text-align:center;}

.timeendlist{font-size:0.95em; color:#306e9c;}
.timeendlist2{font-size:0.95em; color:#306e9c;}
.nodatetext{font-size:0.95em; color:#306e9c;font-weight:bold; display: block; text-align: center;}
.informationtext{font-size:0.95em; color:#000000;font-weight:bold; display: block; text-align: center;}

.disable-cover {
    background-color: #000000;
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: .5;
    z-index: 1;
    background:url("../images/msg/close-icon.png") no-repeat center;
    background-size:30px 30px;
}