@charset "utf-8";
* {  margin: 0;    padding: 0;	-webkit-text-size-adjust: none;/*-webkit-tap-highlight-color: rgba(0,0,0,0);*/ }
html {  -webkit-text-size-adjust: none; font-family:"나눔고딕", "맑은 고딕", "Trebuchet MS","맑은 고딕", "돋움"; font-size:1em }
body {
    background:#fafafa;  ;
   /*-webkit-touch-callout: none; /*복사 이동 삭제 버튼 삭제*/
   -webkit-text-size-adjust: none;
  /* -webkit-tap-highlight-color: rgba(0,0,0,0);*/
}
img { border:none}

body { position:relative; top:0; margin:0; padding:0; bottom:0;}
ul,li,ol,dt,dd,dl { list-style:none}

h2 { position:relative; height:34px; color:#FFF; line-height:34px; font-size:1.0em;background: #3d404d;border-bottom:1px solid #21232c; border-top:1px solid #21232c; padding-left:10px;-webkit-text-shadow:rgba(0,0,0,1) 1px 1px 1px 1px }



h3 { position:relative; min-height:1.2em; padding:15px 12px 12px 35px;  color:#000; line-height:1.2em;  font-size:16px;border-bottom:2px solid #666;border-top:1px solid #ccc;-webkit-text-shadow:rgba(0,0,0,1) 1px 1px 1px 1px; margin-bottom:5px; background:url(/images/mobile/common/dot_play.png) left top no-repeat #eff1f3}
h3:first-child { border-top:none !important}

.login h3 { position:relative; min-height:1.2em; padding:12px;  color:#000; line-height:1.2em;  font-size:16px;border-bottom:2px solid #666;-webkit-text-shadow:rgba(0,0,0,1) 1px 1px 1px 1px; margin-bottom:5px; background:#fff}


h3 small{ display:block}

 .fonSize {}

/* @end */

/* @group Lists */

/* when you have a first LI item on any list */


/* universal arrows */

li.arrow{
    background-image: url(img/chevron.png) !important;
    background-position: right center !important;
    background-repeat: no-repeat !important;
}

 ul.list li.arrow a {
	padding: 12px 22px 12px 10px;
}

/* @group Forms */

 ul.form li {
    padding: 7px 10px;
}

 ul.form li.error {
    border: 2px solid red;
}

 ul.form li.error + li.error {
    border-top: 0;
}
/*
 ul.form li:hover {
    background: #fff;
}
*/
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="number"],
input[type="search"],
input[type="email"],
input[type="email"],
input[type="url"],
textarea,
select {display:inline-block; margin:5px 0; font-size:1em; color:#666 ;  -webkit-border-radius:3px; border:1px solid #999; -webkit-box-shadow:inset 1px 1px 2px rgba(0,0,0,.2); width:96%; padding:8px 2%}
textarea, select { height:30px}
li.bbs_write textarea { height:145px }
select { padding:2px 2%}
/* @end */
.ls01 { letter-spacing:-1px;}
.lineH01 { line-height:1em !important}
/* @group Tab to tab */
 ul.tab_sub{ height:34px; width:100%; overflow:hidden; display:table; font-size:0.8em; letter-spacing:-0.1em; font-weight:bold; -webkit-text-shadow:rgba(0,0,0,0.5) 1px 1px 1px 1px ; display: table-cell;line-height:37px}
 ul.tab_sub li a{ display:block; width:100%; line-height:34px; color:#fff; text-align:center; text-shadow:rgba(255,255,255,1) 1px 1px 1px 1px}

 ul.ul_table { width:100%; overflow:hidden; display:table; }
 ul.ul_table li p{ text-align:left}
 ul.ul_table li span{ text-align:left; padding-left:10px}

 ul.ul_table li{ width:20%; display: table-cell; text-align:center}
 ul.ul_table li select, { width:100% !important}
 ul.ul_table li input { width:90%; padding:5px; text-align:left}
h5 ul.ul_table { margin-top:-20px}
hr.line { border-bottom:1px solid #ccc; margin-bottom:10px}
/* @end */

/* main_icon*/
hr { height:20px; background:none; border:none}
.more_warp {position:relative; height:1px}
.more_warp a{position:absolute; right:10px; top:25px; font-size:0.7em; color:#707070}
.service {margin-top:20px; padding-bottom:10px ; background:#fff; position:relative}
#full_menu div.service {margin-top:0px !important}
.service div.title {position:relative; border-bottom:2px solid #ab1a24; height:36px; line-height:36px; padding-left:12px; color:#000; font-size:0.9em; letter-spacing:-0.1em; font-weight:bold; margin-bottom:10px}
.service img.searvie_setting {position:absolute; top:7px; left:115px}
.service img.searvie_go {position:absolute; top:7px; right:15px}

.setting_btn_warp {padding:5px 10px 10px 10px; border-bottom:1px solid #ab1a24; margin-top:-5px; margin-bottom:10px;position:relative}

a.btn {border:1px solid #b7b7b7;  background:#fff;-webkit-box-shadow:rgba(0,0,0,0.4) 0px 0px 2px 0px;-webkit-border-radius:5px; height:18px; line-height:16px; font-size:0.7em; display:inline-block; padding:0 4px;background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 1)), to(rgba(200, 200, 200, 1.0)));  }

a.btn_red {border:1px solid #92151d;  background:#92151d;-webkit-box-shadow:rgba(0,0,0,0.4) 0px 0px 2px 0px;-webkit-border-radius:5px; height:18px; line-height:16px; font-size:0.7em; display:inline-block; padding:0 4px;background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(204, 51, 51, 1)), to(rgba(146, 21, 29, 1.0))); color:#fff  }


li div.bbs_no {border:2px solid #fff; background:#3366cc; -webkit-border-radius:15px; -webkit-box-shadow:rgba(0,0,0,0.3) 0px 0px 3px 1px; position:absolute; top:8px; z-index:5; min-width:15px;right: 2px; color:#fff; font-size:1em; font-weight:bold; padding:2px}

li a.fav {
	background:url(/images/mobile/common/icon/icon_fav.png);
	width:28px;
	height:28px;
	position:absolute;
	display:block;
	top:5px;
	right:49px;

}
li a.fav_on {background:url(/images/mobile/common/icon/icon_fav_on.png); width:28px; height:28px; position:absolute; display:block;	top:5px;
	right:49px;
 }


.ul_style_icon {margin:15px 0 10px 0 ;	padding:0;	font-size:0.7em; list-style:none; line-height:1.1em; margin:0 auto ; width:98%; margin-left:5px}

.ul_style_icon li {	float:left; position:relative;text-align:center; margin:0px ;padding:8px 0;	border:none ;	letter-spacing:-0.1em; }
.ul_style_icon li strong { 	color:#333;	font:normal; display:block;	text-align:center; text-overflow:ellipsis; width:77px; overflow: hidden;white-space:nowrap; height:13px; position:relative }

.ul_style_icon li a { display:inline-block }

/* page */
ul.page {display:table; margin:0 auto; height:24px; margin-top:18px}
ul.page li { display:table-cell; height:24px; cursor:hand}
ul.page li.left {background:url(/images/mobile/common/icon/arrow_1_on.gif) left center no-repeat; width:30px;}
ul.page li.right {background:url(/images/mobile/common/icon/arrow_2_on.gif) right center no-repeat; width:30px;}
ul.page li.dot { background:url(/images/mobile/common/icon/page_dot.gif) center repeat-x; width:13px; margin:0; padding:0}
ul.page li.on { background:url(/images/mobile/common/icon/page_dot_on.gif) center repeat-x !important}
/* @group Mini Label */

input[type='submit'] {
    -webkit-border-radius: 4px;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(238,238,238,1)), to(rgba(156,158,160,1)));
    border: 1px outset #aaa;
    display: block;
    font-size: inherit;
    font-weight: inherit;
    padding: 10px;
}
/*footer*/
#footer { height:70px; border-top:1px solid #b7b7b7; clear:both; background:#e4e6e5; margin-top:0px; position: relative; bottom:0; width:100%;}

#footer span {padding-top:18px ;text-align:center; font-size:0.7em; color:#666; border-top:1px solid #aaa; display:block}
#footer span .btn a { color:#000; font-size:1.1em}

#footer span .use a{ color:#aaa}
#footer span .copy { color:#888; font-weight:bold; font-family:Tahoma; font-size:0.7em; margin-top:6px}

.back_button {position:fixed; _position:absolute; top:250px; left:0}

/*common*/

a 			{text-decoration:none;color:#111111}
a:visited	{text-decoration:none;color:#111111}
a:hover	{text-decoration:none;color:#111111}
a:active	{text-decoration:none;color:#111111}

#header{
 	background:url(/images/mobile/common/icon/header_bg.png) center top;width:100%;
	-webkit-box-shadow:rgba(0,0,0,0.7) 0px 0px 3px 1px ;
	position:relative; height:45px; padding-top:0px;
    font:1.2em "Trebuchet MS",  "맑은 고딕", "돋움";
	font-weight:900; text-align:center;
    text-shadow: rgba(14,79,180,0.7) 1px 0px 0px;
    color: rgb(255,255,255);
	border-bottom:1px solid #690f15;; line-height:45px

	}

.back_btn {	position:absolute; left:0px; top:0px; display:block; background:url(../img/btn_header_more.png); width:49px; height:45px}

.home_btn {	position:absolute; right:0px; top:0px; display:block	}

.clear {clear:both;}
.cl { clear:left}
.cr { clear:right}

.mgs_no {border:2px solid #fff; background:#3366cc; -webkit-border-radius:15px; box-shadow:rgba(0,0,0,0.75) 0px 0px 2px 2px; position:absolute; top:4px; z-index:5; min-width:18px; font-size:0.55em; left: 22px; line-height:16px}
.mgs_no_icon { background:url(../img/icon_new.png);position:absolute; top:4px; z-index:5; width:24px; left: 22px; height:24px}

.title_up {position:absolute; right:0; top:1px; height:36px; width:36px; background:url(../img/left_title_up.png); overflow:hidden;}
#left_menu { left:-600px; position:relative; z-index:10;;-webkit-box-shadow:rgba(0,0,0,0.75)3px 0px 5px 0px; background:#474a56;  border-right:1px #000 solid;width:240px;  }
#left_menu_warp {position:relative; width:100%; background:rgba(0,0,0,0.3); z-index:9; overflow:visible  }
#left_menu dl { z-index:12; }
#left_menu dl.left_menu_dl { width:100%}
#left_menu dl.left_menu_dl dt {position:relative; background:url(../img/left_title_bg.png); height:36px; font-size:0.9em; line-height:36px; text-shadow:#000 1px 1px 1px 1px; color:#fff; padding-left:14px}
#left_menu dl.left_menu_dl dd { position:relative;border-top:#555967 solid 1px;border-bottom:#393b45 solid 1px;}
#left_menu dl.left_menu_dl dd.caption { background:url(common/img/left_caption.png); height:40px; line-height:40px; font-size:0.8em; text-align:center; color:#a3a5ab;}
#left_menu dl.left_menu_dl dd.mgs { height:48px; background:url(common/img/left_arrow.png) center right no-repeat; padding:2px 28px 0 15px}
#left_menu dl.left_menu_dl dd.mgs div.cate {-webkit-border-radius:3px; background:#1f2025; font-size:0.6em; line-height:13px; height:13px; display:inline-block; color:#d1d2d5; padding:0 2px; margin-top:5px}
#left_menu dl.left_menu_dl dd.mgs div.title { margin-top:3px; color:#cacbcf;overflow: hidden; font-size:0.9em; text-overflow: ellipsis; white-space: nowrap; }
#left_menu dl.left_menu_dl dd.menu { height:35px; line-height:38px; background:#3d404d; padding:0px 5px 0 35px; color:#fff; font-size:0.9em;}
#left_menu dl.left_menu_dl dd.info { background:url(../img/left_icon_01.png) left center no-repeat  #3d404d}
#left_menu dl.left_menu_dl dd.intro { background:url(../img/left_icon_02.png) left center no-repeat #3d404d}
#left_menu dl.left_menu_dl dd.off { background:url(../img/left_icon_03.png) left center no-repeat #3d404d}
#left_menu dl.left_menu_dl dd.lib { background:url(../img/left_icon_04.png) left center no-repeat #3d404d}
#left_menu dl.left_menu_dl dd.pla { background:url(../img/left_icon_05.png) left center no-repeat #3d404d}
#left_menu dl.left_menu_dl dd.cam { background:url(../img/left_icon_06.png) left center no-repeat #3d404d}
#left_menu dl.left_menu_dl dd.ser { background:url(../img/left_icon_07.png) left center no-repeat #3d404d}
#left_menu dl.left_menu_dl dd a.btn_sub_open { position:absolute; right:5px; top:6px; display:block; background:url(../img/btn_+.png); width:24px; height:24px}
#left_menu dl.left_menu_dl dd.sub { border:none; height:0; display:none   }
#left_menu li { position:relative;border-top:#555967 solid 1px;border-bottom:#393b45 solid 1px; background:url(../img/dot_submenu.png) left center no-repeat #474a56 ; padding:0 10px 0 50px; line-height:31px; color:#b3b5ba;  height:31px !important; color:#fff; font-size:0.8em; position:relative}
#left_menu li a{  color:#fff; }

/*게시판 관련*/

ul.bbs_list	{ width:100%}
ul.bbs_list li { padding:11px 10px 10px 10px; border-bottom:1px solid #CCC;background:#fff; margin:0; display:block; position:relative}
ul.bbs_list li:nth-child(odd) { background:#fcfcfc}

ul.bbs_list li a.main_data { font-size:0.95em; color:#111; display:inline-block; text-overflow: ellipsis; white-space: nowrap; max-width:90%; overflow: hidden; font-weight:bold; margin-top:0; padding-top:0; }
ul.bbs_list li div.main_data { font-size:0.95em; color:#111; display:block;font-weight:bold; margin-top:0; padding-top:0;}
ul.bbs_list li div.reply_data {font-size:0.85em; color:#333; padding:4px 0 0 0 }

ul.bbs_list li div.sub_data { font-size:0.75em; color:#999; padding-top:1px ; padding-right:30px}
ul.bbs_list li div.sub_data span.name { color:#777}

ul.bbs_list li div.sub_data span.notice { color:#FF0000}
ul.bbs_list li div.reply { display:inline; color:#F30; font-size:0.8em; padding-left:5px; padding-bottom:2px ;font-weight:bold}

ul.bbs_list li div.delete{ position:absolute; right:10px; top:15px;border:1px solid #999; -webkit-border-radius: 3px; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,1)), to(rgba(238,238,238,1)));color:#1172b6; min-width:25px; line-height:25px; text-align:center; font-size:0.8em; padding:0 6px }
ul.bbs_list li div.delete { height:20px; line-height:20px; font-size:0.7em; top:7px}

.bbs_contents { font-size:0.9em; line-height:1.4em; padding:4px}
.bbs_contents img{ width:100% !important; height:auto; border:2 solid #ccc; padding:0; margin:5px 0; display:block}
.bbs_contents table{ width:100% !important; padding:0; margin:5px 0}

.btn_warp,.btn_warp_center,.btn_warp_right { padding:15px 10px; position:relative}
.btn_warp_right {text-align:right}
.btn_warp_center {text-align:center}

.bbs_button, a.h2_button ,a.h3_button,a.main_btn,a.main_btn2{display:inline-block ; position:relative; border:1px solid #999 ; min-height:1.2em; line-height:1.2em; padding:8px 6px ; -webkit-border-radius:3px  ; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,1)), to(rgba(238,238,238,1)));color:#111 ; text-decoration:none; font-size:0.9em; text-align:center; -webkit-box-shadow:inset 0 0 2px rgba(255,255,255,1); min-width:40px}
a.main_btn,a.main_btn2{ height:30px; min-height:10px !important;line-height:30px;}
a.right{position:absolute; display:block; right:10px; top:10px !important}
a.left{position:absolute; display:block; left:10px; top:15px !important}
a.h2_button,a.h3_button{ font-size:0.7em; height:0.7em !important; line-height:1em !important; position:absolute; right:10px; top:7px !important}

.btn_big { font-size:18px; width:150px; padding:10px 20px}

.btn_more { position:relative; padding:10px; background:#f9f9f9;}

button.download, button.study, button.exam { padding:4px 10px 4px 10px}

a.main_btn,a.main_btn2 {; font-size:0.7em; padding:6px 8px 6px 8px; line-height:0.8em; height:auto; top:8px !important}
body#full_menu a.main_btn{ top:0px !important}
body#full_menu a.right{ top:5px !important}

.btn_w100_warp { text-align:center}
.btn_w120_warp { text-align:center; padding:10px 0 10px 0}
.btn_w100_warp a.bbs_button { width:80% !important; font-size:1em; margin:10px 0}
.btn_w120_warp a.bbs_button { width:95% !important; font-size:1em; margin:3px 0}
a.bbs_button img{ width:15px; margin-right:5px;  display:inline-block }
.reply_input { padding:15px 100px 13px 10px; position:relative; background:#eaeaea; border-bottom:1px solid #ccc; border-top:1px solid #fafafa}
.reply_input textarea { height:60px ; width:100%; margin:0px !important; padding:8px}
.reply_input a.bbs_button { line-height:60px !important; min-height:60px !important;}

.ex{ border:1px solid #bc742c !important ; background: #92151d;-webkit-border-radius: 3px;  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f7ad65), to(#ee8b28))  !important;color:#fff  !important}

.ex2{ border:1px solid #3D404D !important ; background: ##6B7084;-webkit-border-radius: 3px;  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6B7084), to(#6B7084))  !important;color:#fff  !important}

.ex3{ border:1px solid #312d29 !important ; background: #92151d;-webkit-border-radius: 3px;  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#504e4c), to(#292725))  !important;color:#fff  !important}
a.ex , a.ex2 , a.ex3, a.ex4, a.ex5, a.ex6 { color:#fff !important}

td a.bbs_button { width:60%}

.bbs_replay_wapr {}

#paging { padding:15px 10px;  font-size:1em; text-align:center; position:relative}
#paging .box, .box, .box_content{display:inline-block; height:30px; line-height:30px; border:1px solid #999; -webkit-border-radius: 3px; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,1)), to(rgba(238,238,238,1))); width:30px; margin:0 2px; color:#999; }

.box_content { width:auto; height:auto; line-height:1.2em; padding:10px; color:#666; margin:10px 0 }
.box_content .box_content { margin:0}

#paging .box { width:auto !important; padding-left:10px; padding-right:10px; min-width:10px}
#paging .on {
	 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,1)), to(rgba(238,238,238,1))); color:#fff; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff7900), to(#F60))
}

.bbs_replay_warp { position:relative; border-top:2px solid #ab1a24; border-bottom:1px solid #CCC; background:#eaeaea; height:30px; padding:15px 10px ; border-top:1px solid #fafafa}
div.reply_btn {display:inline-block ; border:1px solid #999 ; height:30px; line-height:30px; padding:0 6px ; -webkit-border-radius:5px  ; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,1)), to(rgba(238,238,238,1)));color:#111 ; text-decoration:none; font-size:0.9em; text-align:center}
div.reply_btn span#reply_btn{ height:30px; border-right:1px solid #ccc; display:inline-block; padding-right:8px; margin:0}
div.reply_btn span.no{ height:30px; border-left:1px solid #fff; display:inline-block; padding-left:5px; margin:0}

.bbs_input_box { padding-right:10px}
li.img_add_info {}
li.img_add_info img.sample_img { float:left; width:30px; height:30px; border:1px solid #ccc; margin-right:5px;}
li.img_add_info div.sub_data { line-height:30px; font-size:0.85em !important}
li.img_add_info a.delete { width:20px !important; text-align:center}

/*메뉴*/
ul.ul_menu li {
	font-weight:bold;
	color:#333;
	font-size:16px;
	line-height:1.2em;
    padding:10px 15px 10px 20px;
    border: 1px solid #ccc;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e9e9e9));
	border-radius:30px; margin:12px;
	box-shadow:1px 1px 3px rgba(0,0,0,.5); text-shadow:1px 1px 0px #fff

	}
ul.ul_menu a.arrow { background:url(../img/arrow_list.png) right no-repeat; display:block;  padding:5px 15px 5px 0}
ul.ul_menu li div.main_data { font-size:0.95em; color:#111; display:block;font-weight:bold; margin-top:0; padding-top:0;  padding-bottom:5px !important}
ul.ul_menu li div.sub_data { font-size:0.75em; color:#999; padding-top:1px ; padding-right:30px}
ul.ul_menu li small { color:#FF3300 !important}
ul.ul_menu  li.call { background:url(../img/phone.png) right no-repeat  #f3f3f3 !important}
a.arrow span.icon_w { width:16px;  margin-right:5px ; padding-bottom:3px; display:inline-block; text-align:center}
a.arrow img.icon { max-width:16px; max-height:16px; vertical-align:middle}



#contents { /*min-height:300px; 게시판에 내용이 없을경우 하얗게 보이는 현상이 나타나서 주석처리 2013.08.30 */ background:#fff !important; overflow:visible; }
.contents {}

#wrapper {
	position:relative;
	z-index:2;
	top:0; bottom:100px  !important ;
	min-height:175px;
	width:100%;
	background:#fff;
	overflow-y:scroll;
}

#scroller {
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	position:absolute;
	width:100%;
	padding:0;
}

.select_warp {border-bottom:2px solid #ab1a24; padding:8px 10px 10px 10px; background:#fafafa}
.select_warp .keyword { display:inline-block; color:#000; font-weight:bold; padding:1px 3px}
.select_warp .result { display:inline-block; color:#666 ; padding:1px 3px}


/*학과소개*/
ul.ul_list { list-style:none }
ul.ul_list li{ width:50%; float:left; background:url(../img/sub_dot.png) top left no-repeat #f3f3f3; display:block}
ul.ul_list li a{ padding:7px 5px 7px 25px; color:#333;  font-size:0.8em; height:25px line-height:25px; display:block;border-bottom:1px #CCC solid; border-right:1px #ccc solid;}

.class_view { font-size:0.85em; line-height:1.5em}
#class_history { padding-left:100px !important}
#class_history span { color:#999; width:85px; display:inline-block; margin-left:-90px}
#class_history  br { height:100px; display:block}
h4 {font-weight:bold;
	color:#333;
	font-size:1em;
	line-height:1.2em;
    padding:10px 15px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #999;
	background:url(../img/down.png) right no-repeat #f3f3f3;
	}

h3+h4,h2+h4,.select_warp+h4 {font-weight:bold;
	color:#333;
	font-size:1em;
	line-height:1.2em;
    padding:10px 15px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #999;
	background: #f3f3f3;
	}
.class_content	 { padding:10px }
#class_target h5, #class_master h5{ background:url(../img/sub_dot.png) left top no-repeat; font-size:1.1em; font-weight:bold; color:#000;  padding:7px 5px 7px 25px; margin-left:-10px;}
#class_target p.para02, #class_master p.para02{ padding-left:15px; color:#666; padding-bottom:8px}


#class_pro ul.intro-list { list-style:none}
#class_pro ul.intro-list li { border-bottom:1px solid #ccc; padding:15px 0}
#class_pro ul.intro-list li span{ font-size:0.85em;; display:block; margin:5px }
#class_pro ul.intro-list li span.photo{ clear:both; float:left; margin-right:10px; margin-bottom:10px}

/*popup*/
.black_bg { background:#000;position:absolute; width:100%; height:100%;filter:alpha(opacity=50); opacity:0.5; -webkit-opacity:0.5; z-index:-1}
dl.popup_dl { width:90%; margin:40px auto 0 auto; border:3px solid #2e303a; background:#fff; -webkit-box-shadow:rgba(0,0,0,0.75) 0px 0px 3px 1px; -webkit-border-radius:8px}
dl.popup_dl dt{-webkit-border-top-right-radius:4px;; -webkit-border-top-left-radius:4px; background:#903; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(61,64,77,1)), to(rgba(46,48,58,1))); padding:8px 10px; text-align:center; font-size:1.2em; color:#fff; font-weight:bold}
dl.popup_dl dd{-webkit-border-bottom-right-radius:5px;; -webkit-border-bottom-left-radius:5px; background:#FFF; background: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(255,255,255,0.7)), to(rgba(200,200,200,0.7))); padding:15px; font-size:0.85em; color:#666; text-align:left; }
.chk_wapr {text-align:center; font-size:1.2em; font-weight:bold; padding:15px 0; margin:15px 0 ;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}


.tbl-group {width:100%;}
.tbl-basic {width:100%;color:#434343; table-layout:fixed; background:#fff;border-top:2px solid #a7373f; margin-top:5px; bor}
.tbl-basic caption { display:none}
.tbl-basic thead th {padding:6px 0 3px;border:1px solid #c8c8c8;border-right:none;background:#feecee;text-indent:0;text-align:center; font-size:11px; margin-top:10px}
.tbl-basic th.first, .tbl-basic td.first{border-left:none;}
.tbl-basic thead th.last {border-right:none;}
.tbl-basic thead tr.normal th {font-weight:normal;}
.tbl-basic tbody th {padding:12px 0 12px;border-bottom:1px solid #c8c8c8;border-left:1px solid #c8c8c8;; font-size:0.8em;background:#fcf5f6}
.tbl-basic tbody td {padding:10px 0 10px;border-bottom:1px solid #c8c8c8;border-left:1px solid #c8c8c8;line-height:18px;text-align:center;; font-size:0.8em; white-space:normal}
.tbl-basic tbody td {text-indent:0;}
.tbl-basic tbody td .tit {color:#8f030d;font-weight:bold;}
.tbl-basic tbody td.left, .tbl-basic tbody.left-type td {padding:10px 10px 5px;text-align:left;}
.tbl-basic tfoot th {padding:10px 0 5px;border-bottom:1px solid #c8c8c8;border-right:1px solid #c8c8c8;font-weight:normal;}
.tbl-basic tfoot td {padding:10px 0 5px;border-bottom:1px solid #c8c8c8;border-left:1px solid #c8c8c8;text-align:center;}
/*.tbl-basic th:first-child,.tbl-basic td:first-child { border-left:none}*/
.tbl-basic td.txtL, th.txtL { padding-left: 5px !important;}
.tbl-basic .ul_type_de li { font-size:12px !important}

.tbl-basic2 {width:100%;color:#434343; table-layout:fixed; background:#fff;border-top:2px solid #a7373f; margin-top:5px; bor}
.tbl-basic2 caption { display:none}
.tbl-basic2 thead th {padding:6px 0 3px;border:1px solid #c8c8c8;border-right:none;background:#feecee;text-indent:0;text-align:center; font-size:11px; margin-top:10px}
.tbl-basic2 thead th.first, .tbl-basic tbody td.first{border-left:none;}
.tbl-basic2 thead th.last {border-right:none;}
.tbl-basic2 thead tr.normal th {font-weight:normal;}
.tbl-basic2 tbody th {padding:12px 0 12px ;border-bottom:1px solid #c8c8c8;border-left:1px solid #c8c8c8;; font-size:0.8em;background:#feecee}
.tbl-basic2 tbody td {padding:10px 0 10px 5px;border-bottom:1px solid #c8c8c8;border-left:1px solid #c8c8c8;line-height:18px;text-align:left; font-size:0.8em; white-space:normal}
.tbl-basic2 tbody td {text-indent:0;}
.tbl-basic2 tbody td .tit {color:#8f030d;font-weight:bold;}
.tbl-basic2 tbody td.left, .tbl-basic tbody.left-type td {padding:10px 10px 5px;text-align:left;}
.tbl-basic2 tfoot th {padding:10px 0 5px;border-bottom:1px solid #c8c8c8;border-right:1px solid #c8c8c8;font-weight:normal;}
.tbl-basic2 tfoot td {padding:10px 0 5px;border-bottom:1px solid #c8c8c8;border-left:1px solid #c8c8c8;text-align:center;}


.tb {border-collapse:collapse;border-bottom:2px #bbb solid;border-top:2px #bbb solid;letter-spacing:-1px;font-size:1.1em;table-layout:fixed;margin:10px 0 !important;color:#434343;}
.tb th, .tb td {letter-spacing:-1px;padding:8px 2px;position:relative;text-align:center; font-size:0.5em !important;}
.tb th {background:#feecee;text-indent:0;text-align:center; }
.tb td {line-height:18px;text-align:center;white-space:normal}
.tb td.tdleft {text-align:left;padding:3px 1px 3px 5px}
.tb th.big_title { font-size:1em}
.tb caption {text-align:right;font-size:12px}
.sch { margin:0}
.bg2line tr:nth-child(4n+1),.bg2line tr:nth-child(4n+2) { background:#f2f2f2}
.bg2line thead tr:nth-child(4n+1),.bg2line  thead tr:nth-child(4n+2) { background:none !important}

.tb tfoot td,.tb tfoot th{ background:#ddd; font-weight:bold;}

	#font_small, #font_big { height:20px; line-height:20px; text-align:center; width:25px; border:1px solid rgba(255,255,255,0.4); position:absolute; top:6px; background:#fff; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 1)), to(rgba(200, 200, 200, 1.0))); color:#333}
	 #font_small { -webkit-border-bottom-left-radius:4px; -webkit-border-top-left-radius:4px; font-size:0.6em;right:35px;  }
	 #font_big { -webkit-border-bottom-right-radius:4px; -webkit-border-top-right-radius:4px; font-size:0.9em;right:10px;   }
	 h2 div.on {background:#fff; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(200, 200, 200, 1)), to(rgba(180, 180, 180, 1.0))) !important}

	 #body { font-size:0.9em; line-height:1.6em; color:#666; padding-bottom:20px}

	 #body.login { padding:15px 10px}

	 #body h5 { font-size:1.1em ; margin:10px 0 ; clear:both}
	 #body h6 { font-size:1.1em ; color:#fc422a; padding:12px 0 8px 0}
	 #body strong {color:#333333}
	 #body b { color:#000}
	 #body u { color:#971b45; text-decoration:underline; font-weight:bold}
	#body dl.dl_no{ display:table}
	#body dl.dl_no dt{ clear:both; float:left;width:20%; font-size:4em; letter-spacing:-0.13em; color:#CCC; margin-top: 20px}
	#body dl.dl_no dd{width:80%; padding-left:60px; padding-bottom:20px}
	#body .round, .error_round {border:1px solid #999 ; padding:10px ; -webkit-border-radius:5px  ; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,1)), to(rgba(238,238,238,1)));color:#444 ; position:relative }
	.error_round { text-align:center; padding:20px; margin:20px 10px }
	#body .round strong { color:#658a1d}

	img.img_round { border:1px solid #ccc; width:96%; padding:5px; -webkit-border-radius:5px;}

body.zoom { background:#fff}

body.zoom h3 {height:40px; line-height:40px;}
body.zoom a.right {top:4px; right:4px}

div.year-about {}
div.year-about ol li ol li { position:relative;padding:5px 0 5px 85px; list-style:none}

div.year-about ol li{ position:relative;}

div.year-about ol li h3{ font-size:1em !important;; color:#fc422a; padding-left:0px !important; margin:20px 0 10px 0}
div.year-about ol li ol li { color:#333}
div.year-about ol li ol li span{ position:absolute; width:80px; left:0; top:5px; font-size:0.8em; display:block; color:#666}
div.year-about ol li a.more { position:absolute;top:105px; right:0}

/*조직도 // */
   dl.org_dl { margin-top:13px; font-size:0.9em}
   dl.org_dl dt {}
   dl.org_dl dt strong{ display:inline-block; background:#92151d; border:1px solid #ccc; padding:3px 35px; -webkit-border-radius:5px; color:#C00; font-weight:bold; }
  dl.org_dl dd { background:url(../img/org_line.gif) left top no-repeat; padding-bottom:15px; position:relative; }
  .last_line { background:none; background:url(../img/org_line_last.gif) left top no-repeat !important}

  dl.org_dl dd strong {display:inline-block; background:#6b7084;  border:1px solid #3d404d; padding:2px 5px; -webkit-border-radius:5px; color:#fff !important; font-weight:bold; margin:10px  0px 0px 45px; min-width:40%; text-align:center}

  dl.org_dl_sub dt, dl.org_dl_sub dd{ border:none; background:none; margin:0; padding:0}
  dl.org_dl_sub dt strong{display:inline-block; background:#fafafa; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(240, 240, 240, 1)), to(rgba(210, 210, 210, 1.0))) ; border:1px solid #aaa; padding:3px 15px; -webkit-border-radius:5px; color:#C00; font-weight:bold; margin-left:40px}
  dl.org_dl_sub dd strong{display:inline-block; background:#fafafa; border:1px solid #ccc; padding:3px 15px; -webkit-border-radius:5px; color:#C00; font-weight:bold; margin-left:60px; }
  dl.org_dl_sub dt  { background:url(../img/org_line.gif) left top no-repeat; margin-left:45px; margin-top:0; padding:0 }
  dl.org_dl_sub dd { background:url(../img/org_line_dd.gif)  left top  no-repeat ; margin-left:65px }
  dl.org_dl_sub dd.last_line { background:url(../img/org_line_last_dd.gif)  left top  no-repeat  !important}
  dl.org_dl_sub dt.last_line { background:url(../img/org_line_last.gif) left top no-repeat !important }

dl.dd_st {letter-spacing:-1px; padding:3px 5px !important}
  dl.org_dl_sub dt.mlast_line { background:none !important;}


  dl.org_dl_sub dt strong,  dl.org_dl_sub dd strong { color:#000 !important}

  dl.org_dl dd  a.bbs_button { position:absolute; top:14px; right:0; font-size:0.8em; line-height:2em; height:2em}
  dl.org_dl dd div.sub_title { position:relative; background:url(../img/org_line_div.gif) left top no-repeat }
  dd.no { background:none !important}

  ul.org_ul li {background:url(../img/org_line_li.gif)  left top  no-repeat  !important; padding-left:40px; margin-top:-2px !important; margin-bottom:-1px !important}
  ul.org_ul li.last_line {background:url(../img/org_line_last_li.gif)  left top  no-repeat  !important;}
  .last_line ul.org_ul li {background:url(../img/org_line_li_m.gif)  left top  no-repeat  !important;}
  .last_line ul.org_ul li.last_line {background:url(../img/org_line_last_li_m.gif)  left top  no-repeat  !important;}


  ul.org_ul li strong{ color:#666 !important; padding:3px 5px !important; font-size:0.8em !important; height:25px; line-height:25px}
/* //조직도*/

	.tab_info {background:#e3e3e3; border-bottom:1px solid #aaa; font-size:0.75em; padding:10px 5px 10px 5px; text-align:center; color:#666}
	.tab_search {padding:5px 45px 5px 10px;-webkit-border-radius:0; background:#990000; border-top:none !important; border-left:none !important;border-bottom:1px solid #600 !important; position:relative; box-shadow:rgba(0,0,0,0.7) 0 0 3px 1px}
	.tab_search input,.tab_search2 input {width:100%; border:1px solid #600; background:#fff;border-radius:1px !important; height:30px; line-height:30px; padding:0 10px 0 10px !important}
	.tab_search img {position:absolute; right:10px; top:10px}

	.tab_search2 {padding:5px 85px 5px 10px;-webkit-border-radius:0; background:#990000; border-top:none !important ; border-left:none !important;border-bottom:1px solid #600 !important; position:relative; box-shadow:rgba(0,0,0,0.7) 0 0 3px 1px}
	.tab_select { padding:5px 10px; background:#fafafa ; border-bottom: 1px solid #aaa; border:1px solid #fff; -webkit-box-shadow:rgba(0,0,0,0.5)0 0 3px 0px}
	#body h3 { font-size:1.2em; padding-left:0px; margin-bottom:5px}

	dl.dl_phone { }
	dl.dl_phone dt{ display:inline-block ; float:left; width:100px;}
	dl.dl_phone dt img { border:1px solid #ccc ; -webkit-border-radius:5px; padding:4px; width:90px}
	dl.dl_phone dd{ position:relative ; padding-left:165px; color:#222; min-height:25px}
	dl.dl_phone dd a{ word-break:break-all; line-height:0.6em !important}
	dl.dl_phone dd strong{ position:absolute; top:1px; left:110px; width:60px; display:inline-block; font-size:0.8em }
	dl.dl_phone dd.title strong{ position:absolute !important; top:1px; left:110px; width:150px !important; display:inline-block; font-size:1.1em !important ; color:#000 !important}


	body.zoom_map #footer { display:none}
	body.zoom_map #contents { background:none !important; min-height:10px !important;overflow:hidden}
	.tab_search2 { padding-right:97px !important; }
	.tab_search2 img.search { position:absolute; right:45px; top:10px}
	div.map_view { width:100% ; padding-top:135px}
 	.fixed_header {position:fixed; width:100%; z-index:2}

		.zoom_left,.zoom_right { border:1px solid #ccc; background:#fafafa;background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 1)), to(rgba(200, 200, 200, 1.0))); width:35px; height: 25px; line-height:25px; top:10px; text-align:center}
		.zoom_left { position:absolute; right:45px ; -webkit-border-bottom-left-radius:15px; -webkit-border-top-left-radius:15px}
		.zoom_right { position:absolute; right:10px; -webkit-border-bottom-right-radius:15px; -webkit-border-top-right-radius:15px }
	.won {-webkit-border-radius:10px; background:#FF6600; height:8px; width:8px; display:inline-block}
	.map_sub { font-size:0.85em; padding:8px }
	.map_sub a{ display:inline-block; padding:4px}
	.map_view h3 { z-index:0 !important}


	div.img_zoom { position:relative; margin-bottom:5px; border:1px solid #ccc; padding:5px 5px 0px 5px; -webkit-border-radius:5px; display:inline-block; width:40%; float:left; margin-right:10px; margin-bottom:5px}
		div.img_zoom b{ position:absolute; background: url(../img/btn_img_big.gif); width:20px; height:20px; right:0; bottom:0}
		div.img_zoom img{ width:100%}
		.map_con { clear:both;}
		.map_con h3 { font-size:1.2em; padding-left:0; margin-bottom:5px}
		.map_con h5 { font-size:1.2em; padding-left:0;padding-bottom:0px !important; height:auto !important; margin-bottom:0 !important}

		.map_con a.bbs_button { display:block; width:110px}
		#body h5 { position:relative; margin-top:19px; border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:10px !important; color:#222}
	#body h5 a.bbs_button,u l.ul_dot li a.bbs_button{ top:0px !important; min-height:1.2em; line-height:1.2em; padding:1px 5px 5px 5px !important}
	#body img.img { margin:5px 0}
		ul.ul_dot,ul.con-list { clear:left}
		ul.ul_dot li,ul.con-list li { list-style: disc; padding:4px 0 0px 0px !important; margin-left:18px }
		ul.ul_dot li a.bbs_button {min-height:1.2em; line-height:1.2em; padding-bottom:3px}
		ul.ul_type_de li ul.ul_dot li { list-style: disc !important; }

		p.tit {background:url(../img/sub_dot.png)left top no-repeat !important; padding:4px 0 0px 25px !important; color:#971b45 }
		p.memo { padding:2px 0 4px 25px }

table.table-space {margin:0; width:100%;}
table.table-space caption { display:none}
table.table-space th strong { font-size:1.2em}
table.table-space th {vertical-align:middle; line-height:17px;}
table.table-space .cell-type02 {padding-right:5px; text-align:right;}
table.table-space .cell-type03 {padding-left:5px; text-align:left;}
table.table-space table {width:97%; border-top:1px solid #f60; text-align:center; border-left:1px solid #d9d9d9;}
		table.datacol-type01 {
	width:100%;
	font-size:0.85em;
	border-collapse:collapse;
	border-top:1px solid #f60; border-right:2px solid #fff; *border-right:1px solid #fff;
}
table.datacol-type01 th {
	background:#fff3f2;
	padding:11px 0 8px 0;
	border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9;
	vertical-align:top;
}
table.datacol-type01 td {
	padding:8px 0 5px 0;
	line-height:20px;
	text-align:center;
	border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9;
}
table.datacol-type01 td.cell-type01 {padding-left:14px; text-align:left;}
	ol.con-list02 {}
	ol.con-list02 li{ background:none; padding:0}
	ol.con-list02 li p{ display:block; margin-left:20px }

.img_warp_center { padding:10px 0;  margin:0 auto; display:inline-block}
.img_warp_center div.img_zoom{ margin:10px 8px !important}
li span.tit { font-weight:bold;color:#333333}
li span.tit_highlight { font-weight:bold;color:#F60}
li p.date { font-size:13px; color:#666;}
li p.date:last-child { font-size:14px; color:#069; font-weight:bold}


ul.ul_wifi { margin:10px 0}
ul.ul_wifi li{ width:50%; float:left;  padding:5px 0 }
ul.ul_wifi li a.bbs_button {background:url(../img/wifi.png) left; min-height:50px; padding-left:53px; line-height:1.2em; text-align:left ; vertical-align:middle; width:55%; padding-top:8px}

			div.sbox { border:1px solid #999; background:#fafafa; color:#000; display:inline-block; padding:0 6px; margin:2px }
			div.bus_blue,div.bus_green{ -webkit-border-radius:10px; background:#36C; color:#fff; display:inline-block; padding:0 6px; margin:2px; font-family:"Arial Black"; font-weight:bold }
			div.bus_green { background:#339900}


#login_fail {display:none;padding:5px 10px 0 10px; text-align:center}
#login_fail h3 {font-family:'Trebuchet MS'; font-size:15px; letter-spacing:-1px}
#login_fail .box {font-family:'Trebuchet MS'; font-size:15px; font-weight:900; color:#F30}
.login .round {background:#f5f5f5; padding:10px ;-webkit-border-radius: 8px;}
.login .login_id {}
.login .login_btn {height:32px; font-size:17px; font-weight:bold; font-family:sans-serif; padding:14px 3px 6px 3px; width:55px}
.login .login_caption { clear:both;position:relative; margin:0 auto; width:230px; height:20px;padding:5px 0; margin-top:5px}
.login .login_caption span {font-size:13px; font-weight:lighter; text-align:}
.login .login_bt {font-size:0.8em; line-height:1.2em; color:#666}
.login .footer { text-align:center; color:#999; margin:60px 0 0 0 }
.login_auto { clear:both; text-align:center; position:absolute; width:90%; bottom:15px; }
.login_auto input { vertical-align:middle}
.login_box {float:left; width:100%}
.login_box label { display:none}
.login .bbs_button { position:absolute; right:15px; top:20px; width:75px; height:77px; font-size:14px; font-weight:bold; text-shadow:1px 1px 1px rgba(0,0,0,0.2)}
.login .round { padding:15px 100px 15px 15px !important; position:relative; height:120px }
.pad_10px { padding:10px}



.tab_select a.bbs_button { line-height:1.2em; min-height:1.2em !important; padding:7px 6px 9px 6px; margin:0; font-size:0.8em; letter-spacing:-1px}
tab_select a.arr { padding:5px; line-height:32px; min-height:32px}
h3 .arr { top:5px !important}
.center { text-align:center}
h3.center { text-align:center ; font-size:1.4em}

/*강의시간표*/
table.time_sch { margin-top:-2px !important; table-layout:fixed; font-size:0.9em}
.time_sch col:nth-child(2n+1){ border-right:2px solid #aaa}
.time_sch col:nth-child(4n+2){ background:#f5f5f5}
.time_sch col:nth-child(4n+3){ background:#f5f5f5}
.time_sch th { padding-left:0;padding-right:0;}
.time_sch th strong { color:#FF3300; display:block}
.time_sch th small { color:#666; display:block; font-size:0.75em;}
.time_sch td { table-layout:fixed; height:30px; padding:0 !important; overflow:hidden}
.time_sch td a{ overflow:hidden; max-height:45px; line-height:1.2em !important; display:block; padding:3px 0 }
.time_sch td.col_01{ background:#ff6}
.time_sch td.col_02{ background:#6c6}
.time_sch td.col_03{ background:#0cf}
.time_sch td.col_04{ background:#f69}
.time_sch td.col_05{ background:#0ff}
.time_sch td.col_06{ background:#ccc}
.time_sch td.col_07{ background:#f9f}
.time_sch td.col_08{ background:#c90}
.time_sch td.col_09{ background:#f93}
.time_sch td.col_10{ background:#39c}
.time_sch td.col_11{ background:#6f3}
.time_sch td.col_12{ background:#f99}
.time_sch small { line-height:1em}

#sch_detail { position:absolute; height:900px; z-index:5; width:100% }
#sch_detail div#sch_detail_warp {position:absolute;width:100%; text-align:center; color:#fff; background:#3d404d; border-bottom:1px solid #000; border-top:1px solid #555967; padding:15px 0}
div.sc_detail_bg {position:relative; height:900px; background:#000; background:rgba(0,0,0,0.5); ;filter:alpha(opacity=50);  width:100%}
div.sch_title { font-weight:bold;text-overflow: ellipsis;    white-space: nowrap;    overflow: hidden; }
div.sch_time { font-size:0.8em}


.w50 { width:110px}
.w30 { width:70px}
span.btn_ico {position:absolute; left:4px; top:4px; width:16px; height:16px}
p.btn_txt {padding-left:16px; height:auto}
.sub_title a.bbs_button { padding:2px 5px; height:21px; line-height:21px}
.sub_title a.bbs_button span.btn_ico { }

#go_top { text-align:right; font-size:0.7em; padding:10px}

body#full_menu div#go_top,body#mainbody div#go_top,body.menu div#go_top,body div#go_top.login,body.bbs div#go_top{ display:none !important}
#left_btn a.bbs_button { text-align:left}
	  	#view_1 ul.tab_sub {position:absolute; left:-10px; right:10; width:110%}
	  	#view_1 div.tab_line {position:absolute; left:-10px; top:43px; right:10; width:110%}

body.portal #body {padding:0px !important; line-height:1.2em} /*포탈 테이블 폰트 크기 조절 위해 필요 2013.03.13*/


/* 리스트 */
.ul_def {} /*기본 리스트*/
.ul_def li { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f3f3f3), to(#ededed)); padding:15px; border:1px solid #fff; border-bottom:1px solid #ddd; position:relative ; line-height:1.2em}
.ul_def li a.arrow { background:url(/images/mobile/common/arrow_list.png) right no-repeat; display:block; padding-right:15px}
.ul_def li a.arrow_down { background:url(/images/mobile/common/arrow_down.png) right no-repeat; display:block; padding-right:15px}
.ul_def li a.arrow_up { background:url(/images/mobile/common/arrow_up.png) right no-repeat; display:block; padding-right:15px}
.ul_def li.li_title {background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d5d7d8), to(#bdc0c2));; position:relative;padding:7px 10px 8px 10px; border:none; -webkit-text-shadow:rgba(0,0,0,1) 1px 1px 1px 1px ; font-size:14px; border-top:1px solid #ccc !important }

.hiddenDiv { display:none; visibility:hidden}
.showDiv { display:block; visibility:visible}

/*설정*/
#setting.setting { font-size:1.2em !important}
.inline { display:inline-block !important }
.btn_check { background:url(/images/mobile/common/btn_check.gif); width:34px; height:35px; vertical-align:middle }
.btn_check input { display:none}
.btn_check.check { background:url(/images/mobile/common/btn_check.gif) 0 -41px; width:34px; height:35px }
.ul_def .btn_check { position:absolute; right: 13px; top:6px}
.info_update { border-radius:3px; border:1px solid #eee; background:#fff; padding:10px; margin:10px 0; font-size:0.9em}

#tab {z-index:5}
#tab ul.mtab { height:34px; width:100%; overflow:hidden;  font-size:14px; letter-spacing:-1px; font-weight:bold; -webkit-text-shadow:rgba(0,0,0,0.5) 1px 1px 1px 1px ; display: table;line-height:37px;background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#e3e6ea), to(#dbdee2)); border-bottom:7px solid #3d404d; margin-bottom:1px; box-shadow:0 1px 0px #000000;color:#4b4b4b !important }
#tab ul.mtab a { display:block}
#tab ul.mtab  li { display: table-cell; text-align:center; border-left:1px solid #d2d5d7; border-bottom:1px solid #d2d5d7; }
#tab ul.mtab  li:first-child { border-left:none}
#tab ul.mtab  li:last-child { border-right:none}
#tab ul.mtab  li.select_on { background:#3d404d; border:1px solid #686c7b; border-bottom:1px solid #3d404d; color:#fff;}
#tab ul.mtab  li.on { background:#3d404d;border:1px solid #686c7b;;border-bottom:1px solid #3d404d; color:#fff !important;}
#tab ul.mtab  li.select a, #tab ul.mtab  li a { color:#4b4b4b !important}
#tab ul.mtab  li.on a,#tab ul.mtab  li.select_on a  { color:#fff !important;}
#tab ul.mtab  li.b2line {line-height:15px !important; text-align:center !important}
#tab ul.mtab  li.b2line a { position:relative;bottom:5px;  width:auto !important}
#tab ul.mtab  li.b2line span {  position:relative;bottom:5px;  width:auto !important;}

h3 + ul.subtab { margin-top:-6px !important}
ul.subtab a { display:block}
h3 + b > ul.subtab { margin-top:-6px !important}
ul.subtab { width:100%; border-bottom:1px solid #ccc;border-top:1px solid #5d606c; background: #3d404d; height:34px; padding:8px 0px 5px 0 !important; display: table; }
ul.subtab li { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5d606c), to(#3d404d)); border:1px solid #000; float:left; color:#fff; display:table-cell; width:48%; text-align:center; padding:3px 0; color:rgba(255,255,255,.5)}
ul.subtab li a { color:rgba(255,255,255,.5) }
ul.subtab li.first { border-radius:5px 0  0 5px; margin-left:1.8% }
ul.subtab li.last { border-radius:0 5px 5px 0; border-left:none }
ul.subtab li.on { background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#0a0a0e), to(#22242e)); color:#fff}
ul.subtab li.on a { color:#fff}

.ul_def span.tit { display:block; font-size:16px;}
.ul_def span.tit_ { display:block; font-size:16px;}

.ul_def span.date { display:block; font-size:13px; margin-top:3px; color:#069; font-weight:bold}
.gongji_list { }
.gongji_list li { background:#f9f9f9; padding:12px}
.gongji_list .tit{ display:block; font-size:1.25em; line-height:1.2em; padding:4px 12px 4px 0}
.gongji_list .date{ display:block; font-size:0.85em; color:#888; padding:0 12px 4px 0}
.gongji_list li.view { border-top:1px solid #aaa; border-bottom:1px solid #aaa; background:#fff}
#body.board { background:#f9f9f9}

h1 { background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#64666f), to(#43454f)) ; border-bottom:1px solid #343740; color:#CFC; font-size:14px; text-align:left; box-shadow: 0, 0 ,2px, rgba(0,0,0,.2); padding:4px 0 4px 15px; }
ul.ul_study {}
ul.ul_study li { border-bottom:1px solid #e1e1e1; border-top:1px solid #fff; background:#f9f9f9}
ul.ul_study li { border-bottom:1px solid #e1e1e1; padding:12px}
ul.ul_study li:nth-child(2n+2){ background:#eee}
ul.ul_study li:nth-child(5n+5){ border-bottom:1px #aaa solid}
a.btn_join { position:absolute; top:12px; right:14px; display:block; width:30px; border-radius:3px; border:1px solid #CCC; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f8f8f8)); padding:7px 5px; font-size:13px; font-weight:bold; line-height:14px; text-align:center}
.pdR30 { padding-right:48px}
.pdR5 { padding-right:5px !important}
.pdL30 { padding-left:48px}
.pdL0 { padding-left:0px !important}
.pdL10 { padding-left:10px !important}
.pdR10 { padding-right:10px !important}

.txtL { text-align:left !important}
.txtC { text-align:center !important}
.txtR { text-align:right !important}
.cate { border:1px solid #CCC; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f8f8f8)); display:inline-block; border-radius:3px; padding:3px 5px; font-size:11px}
.cate .ico { height:13px; vertical-align:middle}
.ex3 { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#575963), to(#41424b)); border:1px solid #32343f; color:#fff }

.ex4 { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#489a31), to(#3e8c28)); border:1px solid #28692d; color:#fff }
.ex5 { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#823036), to(#6e262b)); border:1px solid #551d21; color:#fff }
.ex6 { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ebf9ff), to(#ddf1fa)); border:1px solid #7fc2dc; color:#333 }
a .ex5 { color:#fff }
.de { color:rgba(255,255,255,0.2) !important}
th .cate { display:block; width:30px; margin:2px auto}
.study_date { margin-left:4px; font-size:14px !important; color:#06C; letter-spacing:-1px}


.w20 { width:20%}
.w25 { width:25%}
.w33 { width:33%}
.w34 { width:34%}
.first_line { border-top:1px solid #e1e1e1}
.bg_mid {background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#575963), to(#41424b)); border:1px solid #32343f;  padding:12px; height:40px}
.bg_mid .bbs_button { font-size:16px; font-weight:bold; letter-spacing:-1px; line-height:22px}
.list_text {}
.list_text .tit { margin-bottom:10px}

.ul_def li.medi_list, .ul_def li.medi_list_down{padding-bottom: 10px;}
.medi_list .list_text .tit { max-width:67%; min-height: 35px;margin-bottom: 5px;}
.medi_list_down .list_text .tit { max-width:80%; min-height: 25px;;margin-bottom: 5px;}
.medi_list .list_button, .medi_list_down .list_button{bottom:8px;}
.medi_list .list_text .date, .medi_list_down .list_text .date {height:7px;}


.list_text .date{max-width:63%;}
.list_button {position:absolute; bottom:12px; right:12px; width:120px; text-align:right}
.list_text2 .tit { max-width:75%}
.list_text2 + .list_button { top:50% ; margin-top:-18px}

.dl_type01 { margin:12px}
.dl_type01 dt { font-weight:bold; font-size:14px; float:left ; clear:left; width:70px; padding:3px 0;  }
.dl_type01 dt span {text-align:center; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#575963), to(#41424b));; padding:3px;  border-radius:3px; display:block; color:#fff}
.dl_type01 dd { font-size:14px; padding:6px 0; min-width:50%; padding-left:80px; font-weight:lighter  }
.dl_type01:after { content:""; display:block; clear:both}

.dl_type03 { margin:12px}
.dl_type03 dt { font-weight:bold; font-size:13px; float:left ; clear:left; width:70px; padding:8px 0 8px 0;  }
.dl_type03 dt span {text-align:center; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#575963), to(#41424b));; padding:3px 0;  border-radius:3px; display:block; color:#fff; letter-spacing:-1px}
.dl_type03 dd { font-size:14px; padding:0px 0px 6px 0; min-width:50%; padding-left:80px; line-height:30px }
.dl_type03 dd input { }
.dl_type03:after { content:""; display:block; clear:both}

.history dd { font-size:13px !important; color:#666 !important; padding-left:12px; padding-bottom:5px}
.history dt span { margin-top:25px !important ; border-left: 3px solid #F60; padding-left:10px}

.dl_type03 { margin:12px}
.dl_type03 dt { font-weight:bold; font-size:13px; float:left ; clear:left; width:70px; padding:8px 0 8px 0;  }
.dl_type03 dt span {text-align:center; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#575963), to(#41424b));; padding:3px 0;  border-radius:3px; display:block; color:#fff; letter-spacing:-1px}
.dl_type03 dd { font-size:14px; padding:0px 0px 6px 0; min-width:50%; padding-left:80px; line-height:30px }
.dl_type03 dd input { }
.dl_type03:after { content:""; display:block; clear:both}


.rate_box { padding:5px 7px;}
.rate_box .tit { font-size:14px; font-weight:bold; margin-top:9px}
.rate_bg { border:1px solid #999; background:rgba(0,0,0,0.2); margin:5px 0; height:10px; padding:0; position:relative; border-radius:5px; position:relative}
.rate_bg img { height:10px !important; margin:0 !important ; border-radius:5px; position:absolute; left:0; top:0}
.head_info {background:#e0eaf6; margin-top:-5px; padding:6px 5px}
.head_info .dl_type01 { border-radius:5px; border:1px solid #333; background:rgba(255,255,255,.5); border:1px solid rgba(0,0,0,0.2); padding:5px 8px; margin:0}
.fL { float:left}
.fR { float:right}
.lineBt { border-bottom:1px solid #ccc}
.2line {line-height:30px !important; padding-bottom:8px !important}
.a2line {line-height:30px !important; padding-bottom:8px !important}
.a3line {line-height:18px !important; padding-top:8px !important; min-height:60px !important}

.info_box { text-align:center; font-size:16px !important; padding:20px 0; border:1px solid #e1e1e1; border-radius:5px; background:#f9f9f9; margin:12px; background:#fff}
.info_box small { color:#999}
.info_box2 { text-align:left; padding:0 10px 5px 10px; border:1px solid #e1e1e1; border-radius:5px; background:#f9f9f9; margin:5px 0px; background:#fff}
.info_box2 dd { color:#666 !important}

/*설문*/
.ul_lectest {padding:13px 12px; border-bottom:1px solid #999; background:#fff}
.ul_lectest:after { content:" "; display:block; clear:both}
.ul_lectest li { padding:0px 0px 15px 0px; float:left; width:50%; font-size:14px;}
.point01 { color:#666; font-weight:lighter}
h4.lectest { position:relative; padding-left:80px; border-top:1px solid #aaa; background-image:none}
h4.lectest div.bbs_button { position:absolute; display:block; left:12px; top:7px; width:60px; text-align:center; padding:3px 0}
h4.lectest a.bbs_button { position:absolute; display:block; left:12px; top:7px; width:60px; text-align:center; padding:3px 0}
h4 { clear:both}
.w100 { width:100% !important}
.text_lectest { width:98%; padding:5px 1%; height:100px; resize:none}
.pdB30 { padding-bottom:30px}
.pdB0 { padding-bottom:0px}
.head_info .date{ font-size:12px; padding:5px 12px 10px 10px; display:block; font-weight:bold }
.head_info .cate { font-size:9px !important}
.head_info .date strong{ font-size:14px !important}
.ul_lectest table td { padding:2px 3px; background:#FFF; vertical-align:top; font-weight:lighter}
.ul_lectest table td input[type="radio"] { vertical-align:middle}

/*팝업*/
#TB_window { border:4px solid #000 !important; box-shadow:0 0 3px #000 !important; border-radius:10px  !important; width:95% !important;
position:absolute !important; left:1.5% !important; top:40px !important; margin-left:auto !important; margin-top:0 !important; padding-bottom:10px !important ; margin-bottom:20px !important
}
#TB_title { border-bottom:1px solid #e8e8e8; background:none !important}
#TB_iframeContent { width:100% !important; overflow:scroll !important}

.dl_type02 { font-size:12px ; margin:5px ;}
.dl_type02 dt { font-size:14px; font-weight:bold; border-bottom:1px solid #e8e8e8 ; padding:5px 0; margin-bottom:5px; }
.dl_type02 dd { margin-bottom:8px;color:#999}
.smsTable { margin:0 auto}
.smsTable strong { width:80px; display:inline-block}
.popupbox { border:1px solid #ccc; background:#f9f9f9; border-radius:5px;}

/*약관동의*/
.agree_box { padding:12px; line-height:18px }
.agree_box * {font-size:12px !important}
.agree_box table { width:100% !important}
.agree_box form div { padding:10px 0; border-top:1px solid #e1e1e1; margin:10px 0; font-size:13px !important }
.agree_box input[type="checkbox"]{ vertical-align:middle;}

dt span.pos_1 { margin-top:14px}
.font12 { font-size:12px !important}
.font13 { font-size:13px}
.font14 { font-size:14px}
.point03 { color:#36C}
h5 { font-size:16px; border-bottom:1px solid #ccc;  border-top:1px solid #ccc; padding:10px 12px; }
h5.popup { margin:5px 10px; border-radius:5px; background:#f0f0f0; padding:5px; font-size:14px; border:none}

		#po_info .tit, #po_info .tit_highlight { display:block; padding-bottom:8px}
			.examroom { border:1px solid #e1e1e1; background:#fff; padding-top:10px; position:relative; padding-right:120px; border-bottom:none}
			.examroom .tit {display:block ; padding-right:130px; font-size:12px !important; color:#06C; letter-spacing:0px !important; font-weight:lighter !important}
			.examroom .tit strong { color:#333; letter-spacing:0; font-size:15px; display:block}
			.examroom .bbs_button { position:absolute; right:10px; top:10px}
			.examroom .point { position:absolute; right:80px; top:10px}
			.w60 { width:60px !important}
.lectest + .head_info { padding:10px; font-weight:lighter; font-size:14px}

.box_type01 { border-radius:5px; border:1px solid #333; background:rgba(255,255,255,.5); border:1px solid rgba(0,0,0,0.2); margin:0}
#scrollmenu	{ position:fixed; left:0px; top:0px; width:100%; height:0px; background:#fff; z-index:5}

.box_head .bbs_button { position:absolute; right:10px; top:10px}
.verM { vertical-align:middle}
.box_type01 ol { margin:10px}
.box_type01 li { padding-left:65px  }
.box_type01 .number { position:absolute; left:30px; top:14px; width:20px !important; font-size:12px; text-align:center; padding:2px; height:auto;line-height:20px !important}
.box_type01 li input { position:absolute; left:10px; vertical-align:middle; top:20px}
.box_type01 li:last-child { border-radius:0 0 5px 5px }

dl.dl_type_content {}
dl.dl_type_content dt { font-size:16px; font-weight:bold; color:#F60; margin-bottom:10px;  border-left: #F30 solid 5px; line-height:1em; padding-bottom:0px; padding-left:10px}
dl.dl_type_content dt small { font-size:12px; display:inline-block; padding-left:5px; border-left:1px solid #999; color:#666}
dl.dl_type_content dd { font-size:14px; color:#333; padding-top:12px; margin-bottom:25px; line-height:18px;border-top:1px solid #e1e1e1; font-weight:lighter }
dl.dl_type_content dd ul.ul_type_de li {  list-style:decimal; margin-left:20px ; font-size:14px; line-height:18px; padding:5px 0}
dl.dl_type_content dd ul.ul_type_dot li {  list-style:disc; margin-left:20px ; font-size:14px; line-height:18px; padding:5px 0}
.nodot { list-style:none !important}
.nodot li{ list-style:none !important}
.ul_type_de .nodot li, .ul_type_dot .nodot li{ margin-left:0 !important}

.class_index .tit { padding-bottom:10px}

.class_index .date { padding-bottom:5px; position:relative }

.class_index .date.pb0 { padding-bottom:0px;}

.class_index .date .t50 { top:auto !important; bottom:0px; right:0}


ul.ul_type_dot li ul.ul_type_de li {list-style:decimal; font-size:13px; padding:3px 0; margin-left:20px;}
.point02 { color:#F30}
.pdT0 { padding-top:0 !important}
.pdT10 { padding-top:10px !important}
.mgT10 { margin-top:10px !important}
.mgB10 { margin-bottom:10px !important}
.mgT0 { margin-top:0px !important}
.w80 { width:80px !important}
.pdA12 { padding:12px !important}


.nodot .box_content { margin:0 !important}
.mgL { margin-left:0 !important}
select { width:100%}
h3.title01 { border-bottom:1px solid #aaa;border-tpo:1px solid #999; margin:0; background-color:#fff}



/*로딩*/
.loading_box { width:100%; height:100%; position:fixed; background:rgba(0,0,0,.5); z-index:999}
.loading_box .loading_bg { background:url(../img/loading.gif) center center #fff no-repeat ; border:1px solid #CCC; border-radius:10px; width:80px; height:80px; position:absolute; top:50%; margin-top:-40px; left:50%; margin-left:-40px; }

.userO { background:url(/images/mobile/common/UserO.png); width:32px; height:32px; position:absolute; left:-10px; top:-5px}
.circle { position:relative; overflow:visible}
img.img_box  { margin:10px 3%; width:93%; border-radius:10px; background:#fff; border:1px solid #CCC}
.round_box {  border-radius:10px; background:#fff; border:1px solid #CCC; margin:10px}
.intro .ul_def li { background:#fff}
.intro .ul_def li p { font-size:13px; color:#666; margin-top:4px; display:block; border-top:1px solid #eee; padding-top:5px; }
.intro .ul_def li.li_title {background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d5d7d8), to(#bdc0c2));; position:relative;padding:7px 10px 8px 10px; border:none; -webkit-text-shadow:rgba(0,0,0,1) 1px 1px 1px 1px ; font-size:14px; border-top:1px solid #ccc !important }
h1 + .head_info { margin-top:0}
.lecture_info_list .ul_def li .tit { padding-bottom:0 !important}
	.ul_def	div.sub { font-size:14px !important;padding-top:8px !important;}
	.ul_def div.sub span.number, .ul_def div.sub span.date { display:inline !important; }
	.ul_def a.data { word-break:break-all; position:absolute !important; bottom:10px; left:140px ; font-size:10px !important; padding:5px !important; z-index:5 !important}
#notice_detail .tit, #notice_detail .date { padding-left:0 !important}
	.point04 { color:#CF9 }
	h1.txtL .time { position:absolute; color:#FC3; right:10px; top:4px; font-size:13px }

#TB_overlay { background:url(../img/blank.png)  !important; z-index:100 !important}