.tit {
	color:#ffffff;
	font-size:16px;
	background-color:#4496d7;
	padding:8px 14px 8px;
	-moz-border-radius: .8em;
	-webkit-border-radius: .8em;
	border-radius: .8em
}

.view{ width:100%; font-family: dotum, gulim,  Arial, applegothic; font-size: 14px;}
.view *{ vertical-align:middle;}
.view tr{border-top:1px solid #cccccc;}
.view tr.a_l{border-top:2px solid #1312FF;}
.view th{padding:1px 0 0 0; height:34px; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; font-weight:bold; background:#FCFCFC;}
.view th.a_l{text-align:left; padding-left:19px; padding-right:19px;}
.view th.a_c{text-align:center; vertical-align:middle;}
.view th.a_r{text-align:right; padding-left:19px; padding-right:19px;}
.view td{border:none; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; padding:9px 0 8px 0; text-align:left; }
.view td.a_l{text-align:left; padding-left:19px; padding-right:19px;}
.view td.li_l{text-align:left; padding-left:9px; padding-right:9px;}
.view td.a_c{text-align:center;}
.view td.a_c a{text-decoration:none;}
.view td.a_r{text-align:right; padding-left:19px; padding-right:19px;}
.view .normal{border-right: none;}
.view td.b_n{border-bottom: none;}
.view td.top{border-top: 1px solid #cccccc;}

.list{ width:100%;}

/* video iframe */
.containerIFrame {

	width:auto;
	height:calc(100vh - 45px);
	margin:0 auto;
	padding: 0;
}
.containerIFrame  iframe {
	max-width:100%;
	min-height:100%;
	margin:0 auto;
	padding: 0;
}
@media (max-width: 600px){
.containerIFrame  iframe {
	min-height:92%!important;
}
}
@media (max-width: 1025px){
.containerIFrame  iframe {
	min-height:86%;
}
}

.ui-listview > .ui-li-has-count > .ui-btn-icon-right {
	/* padding-right: 4.6875em; */
	/* padding-right: 7.6875em; */
}


img.course-page-topicon {
	width:25px;
	height:23px;
	margin:0px;
	padding-right:5px;
	vertical-align:middle;
	background:url(/mobi/images/icon_course_20.png) no-repeat;
}

img.apply-page-topicon {
	width:25px;
	height:23px;
	margin:0px;
	padding-right:5px;
	vertical-align:middle;
	background:url(/mobi/images/icon_apply_20.png) no-repeat;
}

img.mycampus-page-topicon {
	width:25px;
	height:23px;
	margin:0px;
	padding-right:5px;
	vertical-align:middle;
	background:url(/mobi/images/icon_mycampus_20.png) no-repeat;
}

img.helpdesk-page-topicon {
	width:25px;
	height:23px;
	margin:0px;
	padding-right:5px;
	vertical-align:middle;
	background:url(/mobi/images/icon_helpdesk_20.png) no-repeat;
}

img.login-page-topicon {
	width:25px;
	height:23px;
	margin:0px;
	padding-right:5px;
	vertical-align:middle;
	background:url(/mobi/images/icon_login_20.png) no-repeat;
}


#main-page .ui-content { margin:0; padding:0; width:100%; overflow:hidden; font-size:0px; }
#main-page .ui-content .con { position:relative; margin:0; padding:0; width:100%; overflow:hidden; }

#cmenu1 .cmenu1_link { position:absolute; top:27%; left:14%; width:22%; height:22.5%; border-radius:100px; border:0px solid #000000; }
#cmenu2 .cmenu2_link { position:absolute; top:15.2%; left:40%; width:22%; height:22.5%; border-radius:100px; border:0px solid #000000; }
#cmenu3 .cmenu3_link { position:absolute; top:27.2%; left:65.5%; width:22%; height:22.5%; border-radius:100px; border:0px solid #000000; }
#cmenu4 .cmenu4_link { position:absolute; top:38.7%; left:39.7%; width:22%; height:22.5%; border-radius:100px; border:0px solid #000000; }
#clogin .clogin_link { position:absolute; top:50.4%; left:65.2%; width:22%; height:22.5%; border-radius:100px; border:0px solid #000000; }

.ui-content .noti { position:relative; margin:0; padding:0; width:100%; height:50px; border-top:1px solid #dcdcdc; background:#ffffff; }
.ui-content .noti ul { list-style: none; margin:0; padding:0; margin:0 20px 0 20px; }
.ui-content .noti li { list-style: none; margin:0; padding:0; color:#333333; border:0px solid #000000; }
.ui-content .noti li.op1 { float:left; width:20%; color:#555555; font-weight:bold; text-align:left; font-size:20px; padding:13px 0 0 0; }
.ui-content .noti li.op1 span { color:#e74864; }
.ui-content .noti li.op2 { float:right; width:80%; text-align:right; padding:15px 0 0 0; font-size:16px;  }
.ui-content .noti li.op2 a { color:#555555; text-decoration:none }

#footer { margin:0; padding:0; width:100%; overflow:hidden; border:none; background:#ffffff; font-size:0px; }
#footer .fmenu { position:relative; margin:0; padding:0; width:100%; overflow:hidden; }
#footer .copy { margin:0; padding:0; width:100%; overflow:hidden; background:#4a4a4a; height:35px; color:#ffffff; text-align:center; padding:15px 0 0 0; font-size:12px; }

#fmenu1 .fmenu1_link { position:absolute; top:0%; left:0%; width:25.0%; height:98%; border-radius:0px; border:0px solid #000000; }
#fmenu2 .fmenu2_link { position:absolute; top:0%; left:25.0%; width:25.0%; height:98%; border-radius:0px; border:0px solid #000000; }
#fmenu3 .fmenu3_link { position:absolute; top:0%; left:50.0%; width:25.0%; height:98%; border-radius:0px; border:0px solid #000000; }
#fmenu4 .fmenu4_link { position:absolute; top:0%; left:75.0%; width:25.0%; height:98%; border-radius:0px; border:0px solid #000000; }



/* Bar: Toolbars, dividers, slider track */
.ui-bar-a,
.ui-page-theme-a .ui-bar-inherit,
html .ui-bar-a .ui-bar-inherit,
html .ui-body-a .ui-bar-inherit,
html body .ui-group-theme-a .ui-bar-inherit {
	background-color: #1E8AE2 /*{d-bar-background-color}*/;
	border-color: #dddddd /*{d-bar-border}*/;
	color: #ffffff /*{d-bar-color}*/;
	text-shadow: 0 /*{d-bar-shadow-x}*/ 1px /*{d-bar-shadow-y}*/ 0 /*{d-bar-shadow-radius}*/ #eeeeee /*{d-bar-shadow-color}*/;
	font-weight: bold;
}
/* Page and overlay */
.ui-overlay-a,
.ui-page-theme-a,
.ui-page-theme-a .ui-panel-wrapper {
	background-color: #ffffff /*{d-page-background-color}*/;
	border-color: #bbbbbb /*{d-page-border}*/;
	color: #333333 /*{d-page-color}*/;
	text-shadow: 0 /*{d-page-shadow-x}*/ 1px /*{d-page-shadow-y}*/ 0 /*{d-page-shadow-radius}*/ #f3f3f3 /*{d-page-shadow-color}*/;
}
/* Button up */
.ui-page-theme-a .ui-btn,
html .ui-bar-a .ui-btn,
html .ui-body-a .ui-btn,
html body .ui-group-theme-a .ui-btn,
html head + body .ui-btn.ui-btn-a,
/* Button visited */
.ui-page-theme-a .ui-btn:visited,
html .ui-bar-a .ui-btn:visited,
html .ui-body-a .ui-btn:visited,
html body .ui-group-theme-a .ui-btn:visited,
html head + body .ui-btn.ui-btn-a:visited {
	background-color: #f5fbff /*{d-bup-background-color}*/;
	border-color: #dddddd /*{d-bup-border}*/;
	color: #333333 /*{d-bup-color}*/;
	text-shadow: 0 /*{d-bup-shadow-x}*/ 1px /*{d-bup-shadow-y}*/ 0 /*{d-bup-shadow-radius}*/ #f3f3f3 /*{d-bup-shadow-color}*/;
}
/* Button hover */
.ui-page-theme-a .ui-btn:hover,
html .ui-bar-a .ui-btn:hover,
html .ui-body-a .ui-btn:hover,
html body .ui-group-theme-a .ui-btn:hover,
html head + body .ui-btn.ui-btn-a:hover {
	background-color: #def0ff /*{d-bhover-background-color}*/;
	border-color: #cde2f3 /*{d-bhover-border}*/;
	color: #333333 /*{d-bhover-color}*/;
	text-shadow: 0 /*{d-bhover-shadow-x}*/ 1px /*{d-bhover-shadow-y}*/ 0 /*{d-bhover-shadow-radius}*/ #f3f3f3 /*{d-bhover-shadow-color}*/;
}
/* Button down */
.ui-page-theme-a .ui-btn:active,
html .ui-bar-a .ui-btn:active,
html .ui-body-a .ui-btn:active,
html body .ui-group-theme-a .ui-btn:active,
html head + body .ui-btn.ui-btn-a:active {
	background-color: #e8e8e8 /*{d-bdown-background-color}*/;
	border-color: #dddddd /*{d-bdown-border}*/;
	color: #333333 /*{d-bdown-color}*/;
	text-shadow: 0 /*{d-bdown-shadow-x}*/ 1px /*{d-bdown-shadow-y}*/ 0 /*{d-bdown-shadow-radius}*/ #f3f3f3 /*{d-bdown-shadow-color}*/;
}
/* Active button */
.ui-page-theme-a .ui-btn.ui-btn-active,
html .ui-bar-a .ui-btn.ui-btn-active,
html .ui-body-a .ui-btn.ui-btn-active,
html body .ui-group-theme-a .ui-btn.ui-btn-active,
html head + body .ui-btn.ui-btn-a.ui-btn-active,
/* Active checkbox icon */
.ui-page-theme-a .ui-checkbox-on:after,
html .ui-bar-a .ui-checkbox-on:after,
html .ui-body-a .ui-checkbox-on:after,
html body .ui-group-theme-a .ui-checkbox-on:after,
.ui-btn.ui-checkbox-on.ui-btn-a:after,
/* Active flipswitch background */
.ui-page-theme-a .ui-flipswitch-active,
html .ui-bar-a .ui-flipswitch-active,
html .ui-body-a .ui-flipswitch-active,
html body .ui-group-theme-a .ui-flipswitch-active,
html body .ui-flipswitch.ui-bar-a.ui-flipswitch-active,
/* Active slider track */
.ui-page-theme-a .ui-slider-track .ui-btn-active,
html .ui-bar-a .ui-slider-track .ui-btn-active,
html .ui-body-a .ui-slider-track .ui-btn-active,
html body .ui-group-theme-a .ui-slider-track .ui-btn-active,
html body div.ui-slider-track.ui-body-a .ui-btn-active {
	background-color: #74B2E1 /*{d-active-background-color}*/;
	border-color: #74B2E1 /*{d-active-border}*/;
	color: #ffffff /*{d-active-color}*/;
	text-shadow: 0 /*{d-active-shadow-x}*/ 1px /*{d-active-shadow-y}*/ 0 /*{d-active-shadow-radius}*/ #005599 /*{d-active-shadow-color}*/;
}
/* Active radio button icon */
.ui-page-theme-a .ui-radio-on:after,
html .ui-bar-a .ui-radio-on:after,
html .ui-body-a .ui-radio-on:after,
html body .ui-group-theme-a .ui-radio-on:after,
.ui-btn.ui-radio-on.ui-btn-a:after {
	border-color: #3388cc /*{d-active-background-color}*/;
}
/* Focus */
.ui-page-theme-a .ui-btn:focus,
html .ui-bar-a .ui-btn:focus,
html .ui-body-a .ui-btn:focus,
html body .ui-group-theme-a .ui-btn:focus,
html head + body .ui-btn.ui-btn-a:focus,
/* Focus buttons and text inputs with div wrap */
.ui-page-theme-a .ui-focus,
html .ui-bar-a .ui-focus,
html .ui-body-a .ui-focus,
html body .ui-group-theme-a .ui-focus,
html head + body .ui-btn-a.ui-focus,
html head + body .ui-body-a.ui-focus {
	-webkit-box-shadow: 0 0 12px #3388cc /*{d-active-background-color}*/;
	-moz-box-shadow: 0 0 12px #3388cc /*{d-active-background-color}*/;
	box-shadow: 0 0 12px #3388cc /*{d-active-background-color}*/;
}





/* No disc */
/* .ui-nodisc-icon.ui-btn:after,
.ui-nodisc-icon .ui-btn:after {
	opacity: 0;
	-webkit-transition: opacity 500ms ease;
	-moz-transition: opacity 500ms ease;
	transition: opacity 500ms ease;
}

.ui-nodisc-icon.ui-btn:hover:after,
.ui-nodisc-icon .ui-btn:hover:after {
	opacity: .4;
	filter: Alpha(Opacity=40);
} */

/* Loader */
.ui-icon-loading {
	background: url(images/ajax-loader-lrti.gif);
	background-size: 2.875em 2.875em;
}

.ui-nodisc-icon.ui-btn:after,
.ui-nodisc-icon .ui-btn:after {
	opacity: .4;
	filter: Alpha(Opacity=40);
}

.board .ui-btn {
	background-color: #ffffff /*{d-bup-background-color}*/;
	border-color: #dddddd /*{d-bup-border}*/;
	color: #333333 /*{d-bup-color}*/;
	text-shadow: 0 /*{d-bup-shadow-x}*/ 1px /*{d-bup-shadow-y}*/ 0 /*{d-bup-shadow-radius}*/ #f3f3f3 /*{d-bup-shadow-color}*/;
}
/* .board .ui-shadow {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.board .ui-corner-all {
	-webkit-border-radius: 0;
	border-radius: 0;
} */
.board.ui-listview-inset > .ui-li-static,
.board.ui-listview-inset > .ui-li-divider,
.board.ui-listview-inset > li > a.ui-btn {
	border-right-width: 0;
	border-left-width: 0;	
}
.board.ui-listview > .ui-li-static.ui-last-child,
.board.ui-listview > .ui-li-divider.ui-last-child,
.board.ui-listview > li.ui-last-child > a.ui-btn {
	border-bottom-width: 1px;
	border-bottom-color: #4875A4;
}
    .ui-hidden {
   		display:none;
    }
    
	.fullbtn_dark_xinic{
      margin:10px auto;
      border-radius: 5px;
      color:#FFFFFF;      
      font-weight: bold;
      border:1px solid #FFFFFF;
      width:50px;
      height:36px;
      line-height: 36px;
    }

		#nextBtn_xinic{
			margin:0px;
			position:absolute;
			bottom:30%;
			right:0px;
		}
	
		#prevBtn_xinic{
			margin:0px;
			position:absolute;
			bottom:30%;
			left:0px;
		}
    .blackTheme{
      background:#000000;
    }

	
	
    #nextBtn_xinic{
      background: -webkit-gradient(linear, right bottom, left bottom, color-stop(0%,#005bae), color-stop(100%,#017dab)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(bottom,  #005bae 0%,#017dab 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(bottom,  #005bae 0%,#017dab 100%); /* Opera 11.10+ */
      background: -ms-linear-gradient(bottom,  #005bae 0%,#017dab 100%); /* IE10+ */
      background: linear-gradient(to bottom,  #005bae 0%,#017dab 100%); /* W3C */
      -webkit-box-shadow: inset 0px 0px 10px 1px rgba(0,0,0,0.9);
    }
    #prevBtn_xinic{
      background: -webkit-gradient(linear, left bottom, left bottom, color-stop(0%,#005bae), color-stop(100%,#017dab)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(bottom,  #005bae 0%,#017dab 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(bottom,  #005bae 0%,#017dab 100%); /* Opera 11.10+ */
      background: -ms-linear-gradient(bottom,  #005bae 0%,#017dab 100%); /* IE10+ */
      background: linear-gradient(to bottom,  #005bae 0%,#017dab 100%); /* W3C */
      -webkit-box-shadow: inset 0px 0px 10px 1px rgba(0,0,0,0.9);
    }