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

@import url("join.css");
@import url("mypage.css");



#sub_wrap {width:100%; margin:0 auto; clear:both; }
#sub_wrap .sub_area {width:1140px; margin:0 auto;position:relative; }
#board_wrap {width:100%; margin:0 auto; clear:both; }
#board_wrap .board_area {width:100%; margin:0 auto;position:relative; }

/*  sub_left_wrap */
.sub_left_wrap {float:left; margin-right:40px;margin-bottom:20px;width:220px;}
/* sub_content_wrap */
.sub_content_wrap {float:left;width:880px;margin-top:0px; xclear:both; margin-bottom:80px }
.sub_content_wrap_2015 {width:1000px;margin-top:0px; xclear:both; text-align:center}
.sub_content_wrap_2019 {width:1140px;margin-top:0px; xclear:both; text-align:center}

/*.content {clear:both;  padding-top:5px; font-size:13px; line-height:1.8; padding-bottom:50px;}*/
.content {clear:both;  padding-top:5px; font-size:13px; line-height:1.8; padding-bottom:0px;}
.content h3 {color:#333; font-weight:600; font-size:16px;margin-top:-5px; margin-bottom:5px;padding-left:20px;background:url(../img/com/bu_h3.gif) no-repeat 0 center;font-family:'notokr-medium'}
.content p {font-size:13px;font-weight:normal;}
.content p img {padding-top:9px; }
.content .after a:link, .content .after a:visited {font-size:14px;font-weight:bold;color:#162749}
.content .after a:hover {font-size:14px;font-weight:bold;color:#162749;text-decoration:underline}

/*추가수정_단과반리스트_1907*/
.lecture_wrap { overflow:hidden}
.lecture_wrap .btn_left {float:left; width:240px;}
.lecture_wrap .page_right {float:right; width:880px; margin-left:20px}

.lecture_wrap .page_right h2{ height:48px; line-height:48px; border-bottom:1px solid #494d55; text-align:left; font-size:25px; color:#282829; font-family:notokr-bold; position:relative }

.danLink_n {
	position: absolute;
	right: 2px;
	top: -40px; z-index:200; }
.danLink_n select{float:left; width:170px; height:35px; margin-right:2px ; font-size:14px; letter-spacing:0px; padding-left:10px;font-family:notokr-medium}	
.danLink_n a.bt {background: url("") no-repeat 0 0 #eaeaea; color:#444;display: block;float: left;  line-height: 26px; height: 28px;text-align: center; width:51px; text-decoration:none; font-weight:bold}


#teacher_wrapper { position:relative;}


.teacher_container { position:relative; width:1100px; margin:0 auto; padding:30px 0 100px;}
.teacher_container #lnb { margin-top:-30px !important;}
.teacher_container:after { content:""; display:block; clear:both; overflow:hidden;}
.teacher_container * {font-family:"Noto Sans KR", sans-serif, '맑은고딕','Malgun Gothic','돋움', Dotum, '굴림', Gulim, Tahoma, sans-serif, verdana;}
.teacher_container #content { float:right; width:888px; position:relative; margin-left:0; background:none;}
#content .navi { padding:11px 0 8px; text-align:left; font-family:'돋움', 'dotum'; font-size:11px; color:#7f7f7f; border-bottom:1px solid #dedede;}
#content .navi a { font-family:'돋움', 'dotum'; font-size:12px; color:#7f7f7f;}
#content .contents { position:relative;}

/*교수진왼쪽서브메뉴-추가_190731*/
#lnb * {font-family:'notokr-medium' }
#lnb { float:left; width:238px; text-align:left; border:1px solid #dedede}
#lnb .lnb_title { height:70px; padding-left:0px; font-size:17px; color:#fff; letter-spacing:-1px; font-weight:500; background:#61b9c7; font-family:notokr-bold; text-align:center; padding-top:50px; position:relative}
#lnb .lnb_title .line{ position:absolute; width:40px; height:1px; top:45px; left:100px; background:#FFFFFF}
#lnb > ul { }
#lnb > ul > li { border-top:1px solid #ebebeb; background:#fff;}

#lnb > ul > li:last-child { border-bottom:1px solid #ebebeb;}
#lnb > ul > li > a { display:block; height:42px; line-height:42px; padding:0 0 0 40px; font-size:15px; color:#333;  background:#f6f6f6}/*btn_up*/
#lnb > ul > li > a:hover { color:#337ec3;}
#lnb > ul > li > a.on{ color:#337ec4;}
#lnb > ul > li > .depth02 { display:none; padding:12px 16px; border-top:1px solid #ebebeb;}
#lnb .depth02_title { margin-left:25px; font-size:15px; color:#333;background:url('/img/sub/left_n_ar.png') 178px 18px no-repeat; line-height:40px; }
#lnb > ul > li > .depth02 .depth02_title:hover,
#lnb > ul > li > .depth02 .depth02_title.current { color:#3f63bf;}
#lnb > ul > li > .depth02 > li { padding-left:6px; line-height:20px;}
#lnb > ul > li > .depth02 > li .on{ color:#337ec4;}
#lnb > ul > li > .depth02 > li a { font-family:'NotoSansKR-Light' !important; font-size:14px; color:#7a7a7a; line-height:33px; }
#lnb > ul > li > .depth02 > li a img {vertical-align:0px; margin-left:2px}
#lnb > ul > li > .depth02 > li a:hover { color:#3f63bf;}
#lnb > ul > li > .depth02 > li .depth03 { margin-bottom:10px;background:#f6f6f6; border-top:#CCCCCC; line-height:30px}

#lnb > ul > li > .depth02 > li .depth03 a { color:#444; }
#lnb > ul > li > .depth02 > li:last-child .depth03 { margin-bottom:0;}
#lnb > ul > li.open > a { color:#555;  background:url('/img/sub/left_n_ar.png') 158px 14px no-repeat;border-top: 1px solid #ebebeb;}
#lnb > ul > li.open > .depth02 { display:block; background-color:#fafafa}
#lnb > ul > li.noneAction > a { background:none;}
#lnb > ul > li.noneAction > .depth02 { display:block;}
#lnb > ul > li.noneAction.current > a { color:#3f63bf;}
/* 교수소개 인덱스 */
.tcont_title { position:relative; overflow:hidden;}
.tcont_title > div { padding:45px 0; font-size:28px; font-weight:400; color:#000; letter-spacing:-1px; text-align:left; line-height:normal}
.tcont_title > div.search { position:absolute; right:0; top:7px; width:266px; height:auto; border:0 none; background:none;}
.tcont_title > div.search label { display:inline-block; float:left; width:75px; font-size:13px; font-weight:400; letter-spacing:-1px; line-height:27px;}
.tcont_title > div.search input { display:inline-block; float:left; padding:6px 10px; width:143px; height:27px; font-family:'돋움', 'dotum'; box-sizing:border-box; border:1px solid #dedede; border-right:0 none;}
.tcont_title > div.search a { display:inline-block; float:left; width:47px; height:27px; font-size:13px; color:#fff; letter-spacing:-1px; text-align:center; line-height:27px; background:#393d44;}

.tlist { overflow:hidden }
.tlist .list_title { margin-bottom:10px; padding-left:10px; color:#000; font-size:18px; font-weight:500; text-align:left; letter-spacing:-1px; vertical-align:middle; line-height:normal}
.tlist ul { margin-bottom:40px;}
.tlist ul:after { content:""; display:block; clear:both; overflow:hidden;}
.tlist ul li { position:relative; float:left; width:277px; height:233px; margin:0 0 15px 0; text-align:left;}
.tlist ul li:nth-child(4n) { margin-right:0;}
.tlist ul li .simg{ vertical-align:middle; margin-top:68px }
.tlist ul.aca li .list_title { height:24px; background-position:0 12px;}
.tlist ul.aca li .emt_title { height:34px;}
.tlist ul.aca li { height:284px;}
.tlist ul li > a { position:relative; display:block; width:100%; height:250px; background:#f4f4f4;}
.tlist ul li > a:hover {background:#fbf6ef; border:1px solid #CCC;box-shadow:0 5px 10px 0 rgba(78, 78, 78, 0.2)}


.tlist ul li.tcc > a { background-color:#e6eaef;}
.tlist ul li .tinfo { position:absolute; top:20px; right:20px; padding-left:20px; text-align:right;}
.tlist ul li .tinfo span { display:block; margin-bottom:20px; font-size:13px; color:#838383; font-weight:300; line-height:16px;}
.tlist ul li .tinfo .tname {/*position:absolute; top:48px;*/ width:180px; padding-bottom:10px; font-size:18px; font-weight:300; line-height:33px; color:#000; background:url('../img/sub/s_line.png') 150px 32px no-repeat;}
.tlist ul li .tinfo .tname .home{ vertical-align:middle; margin-right:5px}

.tlist ul li .tinfo .tname strong { font-weight:400;}
.tlist ul li .iconew { display:block; position:absolute; top:0; right:0;}
.tlist ul li .floatxt { position:absolute; padding:0 23px; bottom:0; left:0; width:231px; height:46px; background:url('../img/sub/bg_black.png') 0 0 repeat;}
.tlist ul li .floatxt .thum_ico { position:absolute; top:-22px; left:0;}
.tlist ul li .floatxt span { display:block; padding:13px 0 0 12px; color:#fff; font-family:'NotoSansKR-Light'; font-size:13px; letter-spacing:-1px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
width: 230px;
}



/* sub_title */
.sub_title {font-weight:bold;font-size:16px; color:#fff; padding-top:5px; text-align:center;background:url(../img/sub/bg_title_t.gif) no-repeat 0 0;margin-bottom:8px}

/* topMenu */
#topMenu {width:100%; margin:0 auto; height:60px; background:#0095ba; xoverflow:hidden}
#topMenu ul {width:1004px; margin:0 auto;position:relative;}
#topMenu ul li {float:left;xwidth:166px; width:143px; xoutline:1px solid blue} /*20140729수정*/
#topMenu ul li a {display:block;color:#fff;text-align:center; padding:20px 0; xborder:1px solid #D1461F;  border-right:none; font-size:14px ;font-weight:bold}
#topMenu ul li a.line_r {xborder-right:1px solid #028A96}
#topMenu ul li a:hover {xbackground:#24417e; background:#186c87}

/* 과목별 서브 탑 메뉴 */
.s_navi {width:1000px; margin:0 auto; position:relative; padding:10px 0; clear:both; }
.navi_title {float:left; width:190px;text-align:center}
.navi_title p {padding:10px 0; font-size:25px;}
.navi_title span {font-size:33px; padding:5px 6px; color:#0095ba; letter-spacing:-1px; font-family:NanumBarunGothic}
/*.navi_title span {font-size:35px; padding:5px 6px; color:#fff;border-radius:0 6px 0 6px; letter-spacing:-3px}
.col1 {background:#002262;}
.col2 {background:#cc1b37;}
.col3 {background:#0096aa;}
.col4 {background:#f7ab4e;}
.col5 {background:#afcb37;}
.col6 {background:#625548;}*/

.navi_list {background:url(../img/sub/bg_navi_list.gif) no-repeat 0 0; float:left; margin-left:17px; width:790px; padding:5px 5px 3px 10px; border-radius:6px;}
.navi_list .flow_navi {float:left;width:600px; height:75px; position:relative; font-size:12px; margin-top:3px}
.navi_list .flow_navi li {display:inline-block; float:left; width:100px; line-height:1.5; }
.navi_list .flow_navi li a {display:block;padding:2px 0 2px 15px; color:#363636;background:url(../img/sub/sub_blot.gif) no-repeat 4px center; }
.navi_list .flow_navi li a:hover {background:#002262 url(../img/sub/sub_blot.gif) no-repeat 4px center ;color:#f7f7f7; border-radius:6px}

.navi_list .fixed_navi {float:left; position:relative;}
.fixed_navi img {margin-left:5px}
.navi_list .fixed_navi li {display:inline-block; float:left; line-height:1.5;width:120px; }
.navi_list .fixed_navi li a {display:block;padding:6px 8px;background:url(../img/sub/sub_blot.gif) no-repeat 2px center; color:#363636}
.navi_list .fixed_navi li a:hover {background:#ededed;border-radius:6px;}

.nav__list input[type=checkbox]:checked + label + ul { /* reset the height when checkbox is checked */
max-height:2000px; color:transparent}

/**
 * Rotating chevron icon
 */




/* 서브 좌측 메뉴 공통*/
.left_menu {margin-top:0px; padding-top:0px; clear:both;}
.left_menu p {text-align:center; padding:20px 0 23px 0;font-size:24px; color:#fff;background:#3c4458 no-repeat center 0;}
.left_menu .tt {font-size:14px;font-weight:bold;color:#162749;padding:5px 0 5px 0 !important;background:none;margin:0 !important;width:185px;border-bottom:1px solid #ccc;display:block}
.left_menu .tt2 {font-size:12px;font-weight:bold;color:#162749;padding:5px 0 5px 0 !important;background:none;margin:0 !important;width:142px;border-bottom:1px solid #aaa;display:block}
.left_menu .tt3 {font-size:18px;font-weight:bold;color:#162749;padding:5px 0 5px 0 !important;background:none;margin:0 !important;width:142px;border-bottom:1px solid #aaa;display:block}
.left_menu_in { }
.left_menu ul {padding-bottom:10px;padding-top:5px; font-weight:normal;font-size:14px;border:1px solid #ccc;}
.left_menu ul li {display:block;}
.left_menu ul li a {display:block;font-size:12px; padding:6px 9px 6px 10px;text-align:center;text-align:left; xborder-bottom:1px solid #dedede;margin-left:2px;}
.left_menu ul li a.none {border:none}
.left_menu ul li a.txt_b {/*font-weight:bold*/}


/**************************************************************************************************************/
/* 메뉴 타이틀 이미지 지정 스타일 */
.tt_img a { padding-left:0px !important; padding-right:25px !important; }
.tt_img a:hover { background:none !important; padding-left:0px !important;  }
/**************************************************************************************************************/

/* 서브 좌측 메뉴 공통*/
.left_menu_etc {margin-top:0px; padding-top:0px; clear:both;}
.left_menu_etc p {text-align:center; margin-bottom:6px; padding:12px 0 15px 0px;font-weight:600;font-size:16px; color:#fff;background:#1f2a5f no-repeat center 0;}
.left_menu_in { }
.left_menu_etc ul {padding-bottom:10px;padding-top:5px; font-weight:normal;font-size:14px;border:1px solid #ddd; border-radius:5px}
.left_menu_etc ul li {display:block;}
.left_menu_etc ul li a {display:block;font-size:12px; padding:5px 9px 3px 20px;text-align:center;text-align:left; xborder-bottom:1px solid #dedede;width:149px;margin-left:2px;}
.left_menu_etc ul li a.none {border:none}
.left_menu_etc ul li a.txt_b {font-weight:bold}

/* 서브 좌측 메뉴 학습자료실등*/
.left_menu_data {margin-top:0px; padding-top:0px; clear:both;}
.left_menu_data p {text-align:center; margin-bottom:6px; padding:12px 0 15px 0px;font-weight:600;font-size:16px; color:#fff;background:#1f2a5f no-repeat center 0;}
.left_menu_in { }
.left_menu_data ul {padding-bottom:10px;padding-top:5px; font-weight:normal;font-size:14px;border:1px solid #ddd; border-radius:5px}
.left_menu_data ul li {display:block;}
.left_menu_data ul li a {display:block;font-size:12px; padding:5px 9px 3px 20px;text-align:center;text-align:left; xborder-bottom:1px solid #dedede;width:149px;margin-left:2px;}
.left_menu_data ul li a.none {border:none}
.left_menu_data ul li a.txt_b {font-weight:bold}


.left_menu_data ul li.over a, .left_menu_etc ul li a:hover {font-weight:bold;background:#fff;color:#009ace !important; }
.left_menu_etc ul li.over a, .left_menu_etc ul li a:hover {font-weight:bold;background:#fff;color:#009ace !important; }
.left_menu ul li.over a, .left_menu ul li a:hover {font-family:'notokr-medium';background:#fff;color:#009ace !important; }

/*.left_menu_in ul li a {background:url(../img/com/bu_board.gif) no-repeat 5% 50%;padding-left:25px; font-size:13px;font-weight:600;}*/

.left_menu_in ul li.t_title {width:185px;text-align:center;font-size:14px;font-weight:bold;color:#162749;padding:5px 0 5px 0;border-top:1px solid #aaa;border-bottom:1px solid #aaa;margin-left:15px;margin-bottom:3px}
.left_menu_in ul li a {padding-left:15px; font-size:15px; font-family:'notokr-medium'}
.left_menu_in ul li.over a,.left_menu_in ul li a:hover {background:#fff;color:#D1461F; font-family:'notokr-bold'}
.left_menu_in ul li div {margin:1px 0 7px 0; }
.left_menu_in ul li div span {display:block; }
.left_menu_in ul li.over div span a {background:#f3f3f3;margin-bottom:1px; padding-left:15px;padding-top:2px; padding-bottom:2px; margin-left:2px; color:#777 !important;font-size:12px;width:190px}
/* 좌측메뉴 및 배너 width:175px */
.s_left_ban {margin-top:10px }
.s_left_ban li {padding-bottom:5px}

/* 서브 메인 페이지 공통 */
	/* 서브 메인 상단배너 */
	.banner_box { float:left}

	/* 교수진 소개 */
	.intro_p {clear:both; width:100%; float:left; margin-top:30px}

    .tab_s_main {width:100%;border-bottom:1px solid #d5d5d3;}
	.tab_s_main, .tab_s_main li {float:left; margin:0; padding:0}
	.tab_s_main li {background:url(../img/sub/tab_r.gif) no-repeat 100% 0;}
	.tab_s_main li a {background:url(../img/sub/tab_l.gif) no-repeat; display:block; padding:5px 15px 5px;font-weight:bold; font-size:13px;color:#8e8e8e; }
	.tab_s_main li a.over {color:#363636}

     /* 서브 메인 게시판 */
	.board_list, .board_list2 {float:left;margin-top:10px;}
	.board_list li {}
	.board_list li span, .board_list2 li span {float:left; margin-left:50px; font-size:11px; color:#666}
	.board_list li a {float:left;width:280px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
    .board_list2 li a {float:left;width:200px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

    .board_list li a:hover, .board_list2 li a:hover {text-decoration:underline; color:#60b8c6}

	.p_list { position:relative; border:1px solid #ccc;border-left:0px;border-right:0px;float:left; margin-top:-1px;padding:15px 0; border-radius:0px;clear:both;width:100%}
	.p_list ul {float:left; }
	.p_list ul li { display:inline-block;}
	.p_list ul li dl {border:dotted #ccc;border-width:0 1px; padding:15px 14px}
	.p_list ul li dl.none {border:none} 
	.p_list ul li dl dt { text-align:center;font-weight:bold; width:116px; }
	.p_list ul li dl dd {font-size:11px;text-align:center;margin-bottom:5px}
	.p_list ul li dl dd a {margin:0 1px}

    .board_in {margin-top:25px; float:left}
	.board_l { float:left; width:420px;}
	.board_r {float:left; width:320px; margin-left:50px}
    
	/* 강좌 업데이트 */
	.new_update {border:2px solid #60b8c6; float:left; margin-top:30px; width:100%; position:relative;z-index:99}
	.new_update .update_title { float:left; width:15%; }
	.new_update .update_title h3 { background:none; margin:0; padding:3px 10px; }
	.new_update .update_box { float:left; width:80%; }
	.new_update .update_box div { width:100%; color:#028A96; padding:3px 0; }
	.new_update .update_box a { color:#028A96; font-weight:bold; }
    .new_update a span { margin-left:50px; font-size:11px; color:#666; font-weight:normal }
	.new_update .update_btn { float:right; overflow:hidden; text-align:right; }
	.new_update .update_btn .btn_up { position:absolute; top:3px; right:5px }
	.new_update .update_btn .btn_bottom {  position:absolute; top:20px; right:5px }


	/* 서브 메인 하단배너 */
	.sub_banner {float:left; width:100%; margin-top:30px; margin-bottom:80px}
	.sub_banner span {background:#60b8c6; width:390px; height:150px;}
/* 서브 메인 페이지 공통 끝 */

/* 시험일정 */
.sub_day {width:800px; position:relative; height:50px; overflow:hidden;background:url(../img/com/dday_bg_tab.gif);margin-top:5px;}
.sub_day h3 {color:#363636; padding:13px 20px;font-weight:600; font-size:14px }
.sub_day ul {position:absolute; top:15px; left:100px;}
.sub_day ul li {float:left;width:290px;  display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.sub_day ul li span.Dday {vertical-align:middle;background:url(../img/com/bg_dday.png) no-repeat 0 35%;padding:4px 15px 7px 8px; font-weight:bold;color:#fff; margin-right:10px; }
.sub_day ul li span.date_view {margin-right:15px; font-weight:bold;}
.sub_day ul li a:hover {text-decoration:underline;}
.sub_day p.more {float:right; margin-right:25px; margin-top:-25px;}
.sub_day p.more a {color:#000}
.sub_day p.more a:hover {text-decoration:underline;}

/* 시험일정2 */
.sub_day2 {width:1000px; position:relative; height:50px; overflow:hidden;background:url(../img/com/dday_bg_tab.gif);margin-top:5px;}
.sub_day2 h3 {color:#363636; padding:13px 20px;font-weight:600; font-size:14px }
.sub_day2 ul {position:absolute; top:15px; left:100px;}
.sub_day2 ul li {float:left;width:400px;  display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.sub_day2 ul li span.Dday {vertical-align:middle;background:url(../img/com/bg_dday.png) no-repeat 0 35%;padding:4px 15px 7px 8px; font-weight:bold;color:#fff; margin-right:10px; }
.sub_day2 ul li span.date_view {margin-right:15px; font-weight:bold;}
.sub_day2 ul li a:hover {text-decoration:underline;}
.sub_day2 p.more {float:right; margin-right:25px; margin-top:-25px;}
.sub_day2 p.more a {color:#000}
.sub_day2 p.more a:hover {text-decoration:underline;}


/* sub_location */
.location {height:37px;width:100%; padding:5px 0; text-align:right; margin-top:2px;margin-bottom:10px; padding-right:5px; color:#777}/*border-bottom:1px dotted #608ac5; */
.location p.loca_title {float:left;color:#333148; font-size:28px; padding:6px 0; font-family:'notokr-bold'}
.loca_in {margin-top:13px; xmargin-right:10px}
.ico_h {background:url(../img/sub/ico_home.gif) no-repeat 0 50%; padding-left:0px; }
.c_b { font-family:'notokr-bold'}

/* 교수진소개 그룹별 */
.m_prof_group {border:1px solid red;float:left; width:177px}
.m_prof_group ul li {border:none; float:left; clear:both; }
.m_prof_group ul li a {font-size:12px;text-align:left; padding-left:10px;width:167px}

/* 교수과목 상세 페이지 */
.prof_detail {float:left; margin-bottom:25px}
.prof_detail img {float:left; margin-right:20px}
.floatR { float:left; margin-top:40px}
.greet {font-size:13px; font-weight:bold}
.his { margin-top:15px}
.his span.tit {font-size:14px; font-weight:bold; padding-bottom:10px; clear:both}

/* 교수진 소개 */
.info_box {border:1px solid #dedede;width:100%; clear:both}

.history {float:left; width:320px}
.history h4, .notice h4, .value h4, .curri h4, .dataroom h4, .board_teacher h4, .comment h4 {
	color:#0096aa; font-size:18px; border-bottom:1px solid #0096aa; font-family:'notokr-medium'; margin-bottom:10px; background:url(../img/offi/bu_h4.gif) no-repeat 0 50%; padding-left:10px
}
.history p {font-size:12px}
.notice, .value {float:left; width:434px; min-height:150px}
.notice ul, .value ul { float:left; }
.value ul li, .notice  ul li {display:block;width:434px; position:relative;}
.value ul li span, .notice  ul li span {text-align:right;font-size:11px;position:absolute; right:0; vertical-align:top}

.lecture, .curri {min-height:200px;  float:left; width:100%}
.lecture h4 {color:#0096aa;font-family:'notokr-medium';  border-bottom:1px solid #0096aa; font-size:18px; margin-bottom:10px;background:url(../img/offi/bu_h4.gif) no-repeat 0 50%; padding-left:10px}
.lecture p {color:#492630; padding:3px 10px}
.lecture p span {font-weight:700}
.lecture p a {font-size:16px;color:#FB683C; margin-left:5px;text-decoration:underline;font-weight:600}

/* 강의자료실 */
.dataroom { float:left; margin:20px 0; width:100%; } 

/* 강사에게 바란다 */
.board_teacher { float:left; margin:20px 0; width:100%; } 

/* 수강생 강좌평 */
.comment { float:left; margin:20px 0; width:100%; } 


/* banner */
.banner {margin-left:4px}
.banner img {margin-bottom:8px}
.banner  a.img_r img {margin-right:2px}

/* 과목선택 검색 폼 */
.sub_search {width:766px;border:1px solid #e5e5ed; margin-top:15px; background:#f7f7f7; padding:8px 14px;float:left}
.sub_search_in {width:744px;padding:10px;border:1px solid #e5e5ed;background:#fff;float:left}
.sub_search_in form {text-align:center;}
.sub_search_in form p {float:left; margin-right:15px;}
.sub_search_in form p label {font-weight:bold; margin-right:3px;font-size:13px}
.sub_search_in form #direct_school {padding:2px 5px; height:28px; width:135px; }

/* 개설강좌 리스트 
.lecture_list {float:left; position:relative; margin-top:20px}
.lecture_list ul {position:relative;}
.lecture_list ul li {width:200px;float:left; padding:10px 0;background:url(../img/sub/bg_list_top.gif) no-repeat center 0;  text-align:center;}
.lecture_list ul li a {display:block; padding-bottom:17px;background:url(../img/sub/bg_list_bottom.gif) no-repeat center bottom;}
.lecture_list ul li .txt_col {font-size:12px;font-weight:normal;margin:0px 0 3px 0}
.lecture_list ul li .txt_subj {font-size:12px; font-weight:normal; padding:10px; height:100px;line-height:180%}
.lecture_list ul li a img {}
*/

.lecture_list {float:left; position:relative; margin-top:5px; margin-bottom:10px;}
.lecture_list ul {position:relative;}
.lecture_list ul li {width:199px; float:left; padding:0;  text-align: center;
	 margin-left:15px; font-size:13px; line-height:20px; border:1px solid #CCC
}/*background-image:url(../img/sub/bg_list_top.gif),url(../img/sub/bg_list_bottom.gif);
	background-repeat:no-repeat;
	background-position: center top, center bottom;*/
.lecture_list ul li .txt_tit {font-size:12px;color:#333;font-weight:normal; height:35px; line-height:120%; margin:10px 0 3px 0; }
.lecture_list ul li .txt_col {font-size:12px;font-weight:normal; margin:0px 0 3px 0; }
.lecture_list ul li .txt_subj {font-size:13px; font-weight:normal; padding:10px; height:92px;line-height:150%}
.lecture_list table tr td {text-align:left !important;}


/*검색리스트 추가_1908*/
.lecList_tbox{ width:1140px; min-width:1140px; overflow:hidden;  margin-top:35px; }
.lecList_tbox .tit{ text-align:center; font-size:18px; line-height:30px; padding-bottom:20px; font-family:notokr-medium}
.lecList_tbox .txt{ width:1140px; min-width:1140px; font-size:14px; line-height:20px;font-family:NotoSansKR-Light; text-align:center; padding:15px 0 30px 0; border-bottom:1px solid #CCC}

.lecList_tbox .sea_x{ width:1140px; margin:0 auto; padding:50px 0 050px; border-bottom:1px solid #CCC; text-align:center}
.lecList_tbox .sea_x p{ margin-top:15px; font-size:15px}



.lecList_n {float:left; position:relative; margin-top:5px; margin-bottom:10px;}
.lecList_n ul {position:relative;}
.lecList_n ul li {width:520px; float:left; padding:0;  text-align: center; margin-left:15px; font-size:13px; line-height:20px; border:1px solid #CCC; padding:15px}
.lecList_n ul li h2{ font-size:17px; font-family:notokr-Bold; text-align:left; line-height:35px; height:35px}

.lecList_n ul li .txt_box {color:#333;font-weight:normal; line-height:120%; margin:0px 0 3px 15px;  text-align:left;padding:0 15px 0 194px }
.lecList_n ul li .txt_box p{ height:30px; line-height:30px;font-size:15px;}
.lecList_n ul li .txt_box div{ font-size:15px;height:28px; line-height:28px;font-size:15px;}

.lecList_n ul li .txt_box div .num{ font-size:18px; font-family:Tahoma, Geneva, sans-serif; color:#fe3232; font-weight:bold}
.lecList_n ul li .txt_box div .num span{ font-size:13px; font-family:notokr-medium; color:#fe3232}

.lecList_n ul li .txt_c {font-size:12px;font-weight:normal; margin:0px 0 3px 0; width:194px; float:left }
.lecture_list ul li .txt_subj {font-size:13px; font-weight:normal; padding:10px; height:92px;line-height:150%}
.lecList_n table tr td {text-align:left !important;}
.s_icon_L{position:absolute; top:152px; left:15px}



/* offi-9급 공무원 ***************************************************************************************/
.top_info {background:#f7f7f7;float:left; padding:20px; border:3px solid #CCC}
.top_info p.tit {font-weight:700;color:353c4a;font-size:25px;border-bottom:1px solid #666; padding-bottom:10px ;}
.top_detail {padding:15px 0; }

.box_l {float:left; margin-right:26px;position:relative; }
.box_l .img_prof { padding:7px;}
.box_l span.prof_info {position:absolute; top:160px; left:13px}

.box_r {float:left;xborder:1px solid #cfcfcf; padding:0 15px; width:550px}
.box_r ul {  xwidth:400px;}
.box_r ul li {float:left;clear:both;line-height:2.1;xborder:1px solid red;width:100%}
.box_r ul li span {float:left;clear:both;min-width:110px;padding-left:5px; }
.box_r ul li.price {width:550px;}
.box_r ul li.price span {font-weight:bold;color:#FB683C; }
.f_col {color:#FB683C; font-weight:bold;font-size:14px;}
.lect_select {clear:both; border-bottom:1px solid #999; border-top:1px solid #999; padding:6px 15px;height:30px;xwidth:540px}
.btn_list { padding-top:15px; margin-left:97px}
.btn_list  span {float:left;margin-right:3px;}






/* 과목별 교수 상세 페이지 */
.lect_detail {clear:both; padding-top:10px;}
.lect_detail h4 {color:#333; font-size:18px; font-family:'notokr-Bold';padding-left:20px;margin-bottom:10px;background:url(../img/com/bu_h4.gif) no-repeat 0 center; width:100%; border-bottom:1px solid #c7c7c7}
.lect_detail div {padding-left:20px; padding-bottom:10px; margin-bottom:20px; border-bottom:1px solid #ededed}

.lect_info {position:relative; font-size:12px}
.lect_info span {float:left; font-weight:bold}
.lect_info p {margin-left:70px}

/* info */
.guide_list, .guide_list2 {float:left; margin-left:14px}
.guide_list li, .guide_list2 li {float:left}
.guide_list li a {display:block; font-weight:bold;font-size:14px;padding:5px 30px;background:url(../img/info/bg_guide.gif) no-repeat 0 center;}
.guide_list2 li a {display:block; font-weight:bold;font-size:14px;padding:5px 19px;background:url(../img/info/bg_guide.gif) no-repeat 0 center;}
.guide_list li a.over, .guide_list2 li a.over {color:#f58723}

.tab_content {clear:both; padding:10px 5px; line-height:1.8}
.tab_content h3 {margin:10px 0;color:#0096aa}
.tab_content h4 {color:#60b8c6}
.tab_content .s_txt {font-size:11px;}
.tab_content .col {color:#777}


/* 고객센터 > faq */
.cust_stxt {margin:15px 5px}
.cust_stxt a {color:#fff;}
.btn_req {background:url(../img/cust/btn_req.gif) no-repeat 50% 50%;padding:10px 15px;margin-left:5px}



/* 고객센터 > 주문/배송조회 */
.cust_txt {line-height:1.8; font-size:13px}
.cust_txt a {color:#3673dd; font-size:13px;font-weight:bold;}
.cust_txt a.txt_over:hover{color:#0042b2;text-decoration:underline;}
.img_solo {margin-bottom:25px}

/* 고객센터 > 1:1온라인문의 */
.online-que {line-height:1.8}
.online-que span.col {color:#f58723;font-weight:bold;}
.online-que a {padding:0 2px; }

.item label {margin-right:15px}
.item label .i_radio {vertical-align:-3px; }


.item .i_label{ top:6px; left:10px}
.item .i_text{position:relative;margin:2px;padding:1px 4px;border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1;background:transparent}
.item .hide{visibility:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}

/* 고객센터 > 강의할인정책안내 */
.content_panel { width:880px;border:1px solid #ddd;background:#f9f9f9; float:left; padding:10px; margin-bottom:40px}

.wrap_box {float:left; xmargin-bottom:10px; width:824px; background:#fff;border:1px solid #ededed;padding-top:15px; padding-left:15px; padding-bottom:15px}
.wrap_box span {width:200px; float:left; }
.wrap_box .box_right { float:left;}
.wrap_box .box_right ul {padding:10px 15px; border:5px solid #ededed}
.wrap_box .box_right ul li.title {font-weight:bold;margin-bottom:5px}


.coupon_tsy {position:relative;}
.coupon_tsy .start {font-size:14px; xfont-weight:normal; color:#0095ba}
.coupon_tsy tbody td table tbody th {font-weight:bold; text-align:left}
.coupon_tsy tbody td table tbody td {line-height:1.2}
.coup_tit {position:absolute; top:100px; left:95px}

.t_sy01 tbody td {padding:13px 5px; vertical-align:middle}

x.layer_notice {display:none}

/* 1:1 학습담당 플래너 */
.t_over thead th:hover {background:#60b8c6 !important ;color:#fff; cursor:pointer}
.t_over thead th a, .t_over thead th a:hover { display:block; color:#fff;}

/* 퀵 메뉴 */
.quick_menu {background:url(../img/sub/bg_quick_t.gif) no-repeat 0 0; position:absolute; top:-60px; right:-120px;width:102px;z-index:99999  }
.quick_menu_in {background:url(../img/sub/bg_quick_re.gif) repeat-y center center;}
.quick_menu_in ul {background:url(../img/sub/bg_quick_b.gif) no-repeat 0 bottom;min-height:230px}
.quick_menu ul {position:relative;display:block ; padding:0; margin-top:73px;}
.quick_menu ul li a {text-align:center;font-weight:700;display:block;font-size:11px; letter-spacing:-1px; color:#777; padding:4px 0;width:82px; margin-left:10px}
.quick_menu ul li a.over, .quick_menu ul li a:hover {background:#60b8c6; color:#fff;}
.quick_menu .q_top {xmargin-top:0px; margin-left:20px; }
.quick_menu .q_top01 {xmargin-top:0px; margin-left:30px; }




/* 테이블 스타일 */

.t1 h3{font-size:12px;margin-bottom:0.75em;color:#323232;letter-spacing:-0.05em;}
.t1 table{width:98% !important;letter-spacing:-0.05em;border-top:0px solid #37315d;border-bottom:0px solid #e2e2e2;border-spacing:0;border-collapse:collapse; line-height:20px; text-align:left}
.t1 thead tr:first-child th{border-top:0;}
.t1 th,
.t1 td{padding:5px 5px 5px 5px;font-weight:400;text-align:left;border-top:0px solid #e2e2e2;border-left:0px solid #e2e2e2;border-bottom:0px solid #e2e2e2;border-right:0px solid #e2e2e2}


.t2 h3{font-size:12px;margin-bottom:0.75em;color:#323232;letter-spacing:-0.05em;}
.t2 table{width:98% !important;letter-spacing:-0.05em;border-top:3px solid #37315d;border-bottom:2px solid #e2e2e2;border-spacing:0;border-collapse:collapse; line-height:20px; text-align:left}
.t2 thead tr:first-child th{border-top:0;}
.t2 th,
.t2 td{padding:5px 10px 5px 30px;font-weight:400;text-align:left;border-top:0px solid #e2e2e2;border-left:0px solid #e2e2e2;border-bottom:0px solid #e2e2e2;border-right:0px solid #e2e2e2}


.t3 h3{font-size:12px;margin-bottom:0.75em;color:#323232;letter-spacing:-0.05em;}
.t3 table{width:100% !important;letter-spacing:-0.05em;border-top:3px solid #37315d;border-bottom:2px solid #e2e2e2;border-spacing:0;border-collapse:collapse; line-height:20px; text-align:left}
.t3 thead tr:first-child th{border-top:0;}
.t3 th,
.t3 td{padding:5px 0;font-weight:400;text-align:center;border-top:1px solid #e2e2e2;border-left:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;border-right:1px solid #e2e2e2}


.t4 h3{font-size:12px;margin-bottom:0.75em;color:#323232;letter-spacing:-0.05em;}
.t4 table{width:95% !important;letter-spacing:-0.05em;border-top:3px solid #37315d;border-bottom:2px solid #e2e2e2;border-spacing:0;border-collapse:collapse; line-height:20px; text-align:left}
.t4 thead tr:first-child th{border-top:0;}
.t4 th,
.t4 td{padding:5px 0 5px 30px;font-weight:400;text-align:left;border-top:1px solid #c8c8c8;border-left:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8;border-right:1px solid #c8c8c8}

.t5 h3{font-size:12px;margin-bottom:0.75em;color:#999999;letter-spacing:-0.05em; }
.t5 table{width:95% !important;letter-spacing:-0.05em;border-top:3px solid #37315d;border-bottom:2px solid #c8c8c8;border-spacing:0;border-collapse:collapse; line-height:20px; text-align:left}
.t5 thead tr:first-child th{border-top:1;background:#e3e8f0; text-align:center ;font-weight:bold ;vertical-align:middle}
.t5 th,
.t5 td{padding:5px 5px 5px 5px;font-weight:400;text-align:center;border-top:1px solid #c8c8c8;border-left:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8;border-right:1px solid #c8c8c8}


#table {margin-top:10px}
#table_a { width:780px;border-top:0px; }
#table_b { width:700px;border-top:0px;text-align:left }
#table_a td { border:0px;text-align:left }
#table_a th { border:0px;text-align:left }
#table_a td.a310 { width:310px; }



/*카테고리 바*/
.ca_bar{border:1px solid #cccccc; padding:10px; background:#f8f8f9; overflow:hidden}

/*교수소개*/
.sub_teacher_wrap {float:left;width:793px;margin-top:11px; xclear:both; }
.tmain{padding-bottom:5px; padding-left:6px; padding-right:5px; padding-top:4px; background:url(../img/teacher/tmain_bg.gif)}
.box_tmi{border:#d9d9d9 1px solid;background:#f2f2f2;font-size:11px;color:#737373;line-height:18px;	padding:8px	}
.box_lec{border:#d9d9d9 1px solid; padding:5px}

/* 서브 메뉴 */
#nav_menu { position:absolute; left:0; width:100%; z-index:100; }
.sub_nav_menu { width:1004px; margin:0 auto; }

.left_menu .left_09_title a {color:#fff}

/*이용약관,개인정보취급방침,청소년보호정책*/

.agree_tit{ width:750px; padding:10px 22px 8px 22px; float:left; font-size:15px; font-weight:bold; color:#333333}
.agree_boxs{ padding:10px 22px 10px 22px; float:left;  height: auto; border: 2px solid #ececec; -moz-border-radius:5px; /*모질라*/ -webkit-border-radius: 5px; /*웹킷*/border-radius: 5px; float:left; box-shadow:1px 1px 1px 1px #f3f3f3; -webkit-box-shadow:1px 1px 1px 1px #f3f3f3; -moz-box-shadow:1px 1px 1px 1px #f3f3f3; width:880px}
.agree_boxs p{ font-size:13px; color:#666666; line-height:18px; }	



/*나의서재*/
.myprd{
  min-height: 105px; padding:0 5px 0 0; }

.myprd .figure_mybk{ width: 78px; height: 105px; margin:0; padding:0; float: left; text-align:center; border: 1px solid #d5d6d7;}

.myprd .prd_info_mybk{
  float: left;
  width: 250px;
   margin-bottom:10px;
    margin-left:15px;
  height: auto;
  text-align: left;
  display: table;
}
.mynum{margin-top:-3px;font-family:tahoma;font-size:15px;line-height:30px; font-weight:600;text-decoration: line-through; color:#999999; }
.mynum_o{margin-top:-3px;font-family:tahoma;font-size:15px;line-height:30px; font-weight:600; color:#F33}


.mybk_btn01{ font-size:11px; background-color:#fe0034;	border:1px solid #fe0034; color:#FFF; font-weight: bold; padding:3px 5px; margin-bottom:3px }
.mybk_btn01 a{color:#FFF; font-weight: bold;}
.mybk_btn02{ font-size:11px; border:1px solid #666; color:#666; padding:3px 5px; }




/* form */

.policy_agree{margin-top:12px; font-size:16px; line-height:30px; font-weight:bold}
.policy_agree .chkImg{margin-right:6px;}
.grp-chk{ display:inline-block !important; width:20px !important; height:20px !important; overflow:hidden; cursor:pointer; vertical-align:middle; font-size:0; line-height:0;}

.iCheck {position:absolute; left:-9999; visibility:hidden; font-size:0; line-height:0; width:0; height:0; }
.chkImg{display:inline-block; width:24px !important; height:24px !important; font-size:0; line-height:0; width:0; height:0; background-image:url(../img/memb/bg_form1.png); background-position:0 bottom; background-repeat:no-repeat; vertical-align:middle;}
.chkImg.clicked { background-position:right top; }
label.checkbox input[disabled] + span{border:3px solid #f4f4f2; cursor: default;}
label.chkRider{color:#cacaca; cursor: default;}
label.checkbox .focus { border: 3px solid #22a8da !important;}



/*서브배너들*/	

.sp01{ width:1000px;margin:0 auto;position:relative; height: auto; }
.sb ul{overflow:hidden;position: absolute;width:1000px;}
.sb li{float:left;margin-top:2px; display:inline;position:relative;}	


.sub-t-border {height:86px;width:247px;position:absolute;left:1px;top:1px;color: #fff;}
.sub-t-border:hover {color: #fff;opacity:0.7;-webkit-box-shadow: inset 0 0 0 4px #fb7a07;-moz-box-shadow: inset 0 0 0 4px #fb7a07;box-shadow: inset 0 0 0 4px #fb7a07;}
.s_rank {position:absolute;left:170px;top:20px;width:23px;height:18px;padding-top:4px;background:#fa4201;color:#fff;text-align:center;font-size:11px;line-height:13px; z-index:100000;/*background-color: rgba(0, 0, 0, 0.5);*/opacity: 0.7;}

.sub-t-border01 {height:86px;width:247px;position:absolute;left:1px;top:1px;color: #fff;}
.sub-t-border01:hover {color: #fff;opacity:0.7;-webkit-box-shadow: inset 0 0 0 4px #3373e9;-moz-box-shadow: inset 0 0 0 4px #3373e9;box-shadow: inset 0 0 0 4px #3373e9;}

.sub-t-border02 {height:86px;width:247px;position:absolute;left:1px;top:1px;color: #fff;}
.sub-t-border02:hover {color: #fff;opacity:0.7;-webkit-box-shadow: inset 0 0 0 4px #36a7d3;-moz-box-shadow: inset 0 0 0 4px #36a7d3;box-shadow: inset 0 0 0 4px #36a7d3;}

.sub-t-border03 {height:86px;width:247px;position:absolute;left:1px;top:1px;color: #fff;}
.sub-t-border03:hover {color: #fff;opacity:0.7;-webkit-box-shadow: inset 0 0 0 4px #72cfaf;-moz-box-shadow: inset 0 0 0 4px #72cfaf;box-shadow: inset 0 0 0 4px #72cfaf;}


.sub-t-border04 {height:86px;width:247px;position:absolute;left:1px;top:1px;color: #fff;}
.sub-t-border04:hover {color: #fff;opacity:0.7;-webkit-box-shadow: inset 0 0 0 4px #da706b;-moz-box-shadow: inset 0 0 0 4px #da706b;box-shadow: inset 0 0 0 4px #da706b;}

.s_mr2{ margin-right:2px}


.btn_big { margin-top:5px;padding:10px 30px 10px 30px ;min-width:700px; background:#f7f7f7; height:30px; font-size:16px; font-weight:bold; text-align:center; line-height:30px; color:# 333; border-top:1px solid #CCC; border-bottom:1px solid #CCC; }
.btn_big a{ color:# C00; text-decoration:none }


/*공무원*/
.s_mb01_box{width:100%; min-width:1140px; max-width:100%;text-align:center;height: auto;overflow:hidden; background-color:#eeeeee;  padding-bottom:7px; }
.sm01{ width:1140px;margin:0 auto;position:relative; height: auto; }
.mb ul{overflow:hidden;width:1140px; position: absolute;}
.mb li{float:left;margin-top:7px; position: relative}



.cmn-t-border02 {height:86px;width:247px;position:absolute;left:1px;top:1px;color:#fff;}
.cmn-t-border02:hover {color:#fff;opacity:0.7;-webkit-box-shadow: inset 0 0 0 4px #36a7d3;-moz-box-shadow: inset 0 0 0 4px #36a7d3;box-shadow: inset 0 0 0 4px #36a7d3;}
.mr6{ margin-right:6px}
.mr7{ margin-right:7px}

.mr6{ margin-right:6px}
.mt6{ margin-top:6px}


/*가이드추가160621*/
#conLocation{width:100%; overflow:hidden; height:auto}
#conLocation .location{position:relative;width:1040px;height:20px;margin:0 auto; margin-bottom:13px;  }
.g_location { color:#8a8989; text-align:left; }
.g_location li { background:url(../img/sub/bu_location.png) no-repeat 10px 5px; padding-left:14px; font-size:12px; letter-spacing:-1px; display:inline; }
.g_location li:first-child { background:none; padding-left:0; }
.g_location .g_home { display:inline-block; width:20px; height:20px; vertical-align:middle; background:url(../img/sub/ico_home.gif) no-repeat 10px 3px; }
.g_location .g_home span { position:absolute; z-index:-1; visibility:hidden; }

.gtit{ height:80px; width:1040px; margin:0 auto}
.gtit .tit{font-size:25px; font-weight:600; margin-top:15px; text-align:left; line-height:45px}
.gtit .txt{ font-size:14px; float:left; }
.guide_box{width:1040px;margin:0 auto; height: auto}
.gtab_list{height:100%}
.titbox{ width:1004px; height:40px; color:#0092cd; font-size:18px; font-weight:600; text-align:left; line-height:45px; margin-top:15px}/* border-bottom:1px solid #0092cd;*/
.gtab_list ul{position:relative;margin:0;padding:0; list-style:none;*zoom:1;border-bottom:1px solid #ccc; }
.gtab_list ul:after{display:block;clear:both;content:""} 
.gtab_list li{float:left;margin-bottom:-1px} 
.gtab_list li a{float:left;position:relative;border-right:1px solid #ccc;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background:#fafafa;color:#666;text-decoration:none; font-size:16px; }
.gtab_list li a span{display:inline-block;padding:20px 40px 20px 40px;letter-spacing:-1px;cursor:pointer} 
.gtab_list li ul{display:none;position:absolute;top:40px;left:0;width:100%;margin:0;padding:0;border:0;list-style:none;*zoom:1}
.gtab_list li ul:after{display:block;clear:both;content:""} 
.gtab_list li li{float:none;position:relative;margin:0px 0 8px 0;color:#999} 
.gtab_list li li a{float:none;margin:0;padding:0;border:0 !important;background:transparent;font-weight:normal;color:#666 !important;letter-spacing:normal} 
.gtab_list li li a:hover,
.gtab_list li li a:active,
.gtab_list li li a:focus{color:#000 !important;text-decoration:underline} 
 
.gtab_list li li.more{position:absolute;top:-30px;right:0;border:0 !important;background:transparent}
.gtab_list.m1 .m1 a,
.gtab_list.m2 .m2 a,
.gtab_list.m3 .m3 a,
.gtab_list.m4 .m4 a, 
.gtab_list.m5 .m5 a, 
.gtab_list.m6 .m6 a,  
.gtab_list.m7 .m7 a{margin-top:0;border:1px solid #666666;background:transparent;color:#666666;}
.gtab_list.m1 .m1 a span,

.gtab_list.m2 .m2 a span, 
.gtab_list.m3 .m3 a span,
.gtab_list.m4 .m4 a span, 
.gtab_list.m5 .m5 a span, 
.gtab_list.m6 .m6 a span,
.gtab_list.m7 .m7 a span{ font-family:notokr-Bold; background:#666666; color:#FFF} 
.gtab_list.m1 .m1 ul, 
.gtab_list.m2 .m2 ul,
.gtab_list.m3 .m3 ul,
.gtab_list.m4 .m4 ul, 
.gtab_list.m5 .m5 ul, 
.gtab_list.m6 .m6 ul,
 
.gtab_list.m7 .m7 ul{display:block}
.gtab_list.js_off{height:auto}
.gtab_list.js_off ul{border:0} 
.gtab_list.js_off li{float:none;position:relative} 
.gtab_list.js_off li a{display:block;float:none;border:1px solid #eee !important;border-bottom-color:#ccc !important;background:#fafafa !important;font-family:notokr-Bold;color:#333}
.gtab_list.js_off li ul{position:static;display:block;left:0;top:0;padding:5px 0}
.gtab_list.js_off li li a{display:inline;border:0 !important;background:none !important;font-weight:normal}
.gtab_list.js_off li li.more{top:7px;right:15px}  

/* 카드무이자 팝업레이어 추가-  */
.cardViewPop { position:absolute; z-index:100; border:1px solid #726558; background:#fff; }
.cardViewPop .btnClose {position:absolute; top:13px; right:13px}
.cardViewPop h3.mLine {height:30px; padding:15px 0 0 20px; font:bold 12px 굴림; border-bottom:1px solid #e1e1e1;margin-bottom:10px;}
.cardViewPop h3.BLine {height:34px; padding:20px 0 0 5px; font:bold 12px 굴림; border-bottom:1px solid #e1e1e1;margin-bottom:10px;}
.cardViewPop .laypopCon {padding:0 20px 20px 20px; border:0 none}
.cardViewPop .laypop_scroll {padding:10px 20px 20px 20px;overflow-y:scroll;overflow-x:hidden}
.cardViewPop .laypopCon h4, .bookViewPop .laypop_scroll h4{font-size:12px}
.cardViewPop .dot { padding-left:8px; font-size:11px; color:#9E8964;}
.cardViewPop .card_info td{padding:6px 5px 4px 5px; text-align:left}
.cardViewPop .card_info td{padding:6px 5px 4px 5px; text-align:left}
#layerPop_box {position:relative; width:209px}
#layerPop_box .btnClose {position:absolute; top:8px; right:11px}
#layerPop_box #layerPop_boxBg  {width:209 px; height:112px; }
#layerPop_box #layerPop_boxCon {position:absolute; top:27px; left:13px; width:183px; height:58px; line-height:1.5em;}
.laypop {position:absolute; border:2px solid #B4A183; background:#fff;}
.laypop .btnClose {position:absolute; top:18px; right:18px}
.laypop .mLine {height:34px; padding:20px 0 0 5px; font:bold 12px 굴림;}
.laypop .BLine {height:34px; padding:20px 0 0 5px; font:bold 12px 굴림; }
.laypop .laypopCon {padding:0 20px 20px 20px; border:0 none}
.storeNum {margin-top:7px; width:100%; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
.storeNum th {background:#f9f9f9;  font:normal 11px 돋움; color:#555; border-top:1px solid #e1e1e1; border-left:1px solid #e1e1e1; padding:6px 0 4px 0}
.storeNum td { padding:6px 0 4px 0; text-align:center; font:normal 11px 돋움; color:#666; border-top:1px solid #e1e1e1; border-left:1px solid #e1e1e1;}
.storeNum td a:link{ text-decoration:underline;color:#7B5A2B;}
.storeNum th{padding:6px 5px 4px 5px; }
.storeNum th.al_c, .bookViewPop .storeNum td.al_c{text-align:center !important}

/* table ))))))))))*/
x.con_info {width:100%;background:#f58723;}
.data_tb {width:100%;clear:both; background:#fff; font-family:notokr-medium}
.data_tb thead th.start {border-top:2px solid #827575;padding:5px 10px; }
.data_tb thead th, .data_tb tbody th {background:#f6f5f5;font-weight:bold;}
.data_tb th, .data_tb td {border:1px solid #d4d4d4; padding:8px 15px; text-align:left; vertical-align:top}
.data_tb td.tdline_l{ border-right:1px solid #CCC}
.data_tb .noline{ border-left:0px; border-left:0px}

.tstyle_bg { clear:both; background:#fff; font-size:13px}
x.tstyle_bg thead th.start {padding:3px 10px;background:url(../img/cust/faqst_bg.gif) repeat-x 0 0;}
.tstyle_bg thead th.start {padding:10px;border-top:3px solid #444; border-bottom:1px solid #999; background:#fafafa}
.tstyle_bg thead th, .tstyle_bg tbody th {text-align:center}
.tstyle_bg thead th.line_l{ border-left:1px solid #e2e2e2; }
.tstyle_bg tbody td { padding:10px; text-align:left ; font-family:notokr-medium}
.tstyle_bg tbody th, .tstyle_bg td {border-bottom:1px solid #dedede;}
.tstyle_bg tbody td.lineb {border-bottom:1px solid #999; }
.tstyle_bg tbody td.no_info {padding:57px 0 70px;text-align:center}
.tstyle_bg tbody td.line_l { border-left:1px solid #e2e2e2; }


.td_box {background:#f9f9f9; text-align:left;font-size:12px}
.box_in {background:#fff; border:1px solid #dedede;padding:20px; }


.align_l tbody th {padding:10px 20px;height:30px; border-left:none;border-right:none; }
.align_l tbody th.start, .align_l tbody td.start {border-top:2px solid #827575}
.align_l tbody td {text-align:left;padding:10px 10px;border-left:none;border-right:none}
.align_l tbody input.i_text, .item textarea.i_text {background:#f9f9f9; height:20px; padding:2px}

.align_l1 tbody th {padding:10px 20px;height:30px; border-left:none;border-right:none; }
.align_l1 tbody th.start, .align_l tbody td.start {border-top:2px solid #827575}
.align_l1 tbody td {text-align:left;padding:10px 10px;border-left:;border-right:;}
.align_l1 tbody input.i_text, .item textarea.i_text {background:#f9f9f9; height:20px; padding:2px}

.login_box table.none {background:none; width:380px;xborder:1px solid #fff; position:absolute; left:250px; top:50px;border-radius:120px}
.login_box table.none th, .login_box table.none td {background:none; text-align:left;}
.login_box table.none th {padding-left:15px}
.login_box table.none td input.i_text {width:250px;}
.login_box .r_chk{ position:absolute; height:25px; width:300px; padding:3px; left:300px; top:20px; font-size:12px}
.login_box .txt{  position:absolute; height:20px; width:300px; padding:3px; left:300px; top:145px; font-size:12px}


.txt_c thead th {text-align:center}

/* 탭 */
.tab_prof { clear:both; }
.tab_prof ul {padding-top:15px; }
.tab_prof ul li.over, .tab_prof ul li:hover {border-bottom:none;float:left;background:url(../img/prof/tab_left.gif) no-repeat 0 0;padding-left:2px}
.tab_prof ul li.over a, .tab_prof ul li a:hover {display:block; padding:7px 38px;background:url(../img/prof/tab_right.gif) no-repeat right 0 }
.tab_prof ul li {border-bottom:1px solid #c7c7c7;float:left;background:url(../img/prof/tab_left_off.gif) no-repeat 0 0;padding-left:2px}
.tab_prof ul li a {display:block; padding:7px 38px;background:url(../img/prof/tab_right_off.gif) no-repeat right 0 }

.tab_info { clear:both; }
.tab_info ul {padding-top:15px;border:1px solid red;padding-left:5px}
.tab_info ul li.over, .tab_info ul li:hover {border-bottom:none;float:left;background:url(../img/prof/tab_left.gif) no-repeat 0 0;padding-left:2px}
.tab_info ul li.over a, .tab_info ul li a:hover {display:block; padding:7px 23px;background:url(../img/prof/tab_right.gif) no-repeat right 0; }
.tab_info ul li { xborder:1px solid red; border-bottom:1px solid #c7c7c7;float:left;background:url(../img/prof/tab_left_off.gif) no-repeat 0 0;padding-left:2px}
.tab_info ul li a { xborder:1px solid yellow; display:block; padding:7px 23px;background:url(../img/prof/tab_right_off.gif) no-repeat right 0;}

.tab_cust {float:left; font-size:13px; margin-bottom:10px;}
/* .tab_cust li {float:left;border:1px solid #cfcfcf; border-bottom:none; margin-right:-1px} */
.tab_cust li {float:left;border:1px solid #cfcfcf; border-right:0; }

/* padding:8px 22px -> padding:8px 21.7px 로 수정 */
.tab_cust li a {display:block; padding:8px 18px;color:#333; background:#ededef ;border-bottom:1px solid #e5e5ed;}
.tab_cust li:hover, .tab_cust li.over {float:left; border-bottom:1px solid #fd5604;}
.tab_cust li.over a, .tab_cust li a:hover {display:block;  padding:8px 18px;border-bottom:1px solid #fd5604;color:#fd5604;background:#fff }
.tab_cust a.text_col {color:#004C69; width:142px}

.tab_cust li .tab_cust_depth {clear:both;width:142px;border:none; font-size:11px;padding:0; margin:0; position: absolute; }
.tab_cust li .tab_cust_depth li {border:none;width:186px;}
.tab_cust li .tab_cust_depth li a { display:block; padding:5px 10px;border:none}
.tab_cust li .tab_cust_depth li a:hover {background:#FFF;}


.panel { clear:both; content:""; display:block;padding:10px; background:#f7f7f7;border:1px solid #dedede; width:880px;min-height:500px; }


.SLB_center { cursor:pointer; visibility:hidden; border: solid 4px #000000; background-color: #FFF}
.SLB_close { cursor: pointer; display:none; font-family: verdana,tahoma; font-size: 9pt; background-color:#000000; color: #ffffff; padding-bottom: 4px; }
.SLB_caption { cursor: pointer; display:none; font-family: verdana,tahoma; font-size: 9pt; background-color:#000000; color: #ffffff; padding-bottom: 4px; }
#SLB_loading { cursor: pointer; display:none; z-index: 99998; position:absolute; font-family: verdana,tahoma; font-size: 9pt; background-color:#000000; color: #ffffff; padding: 3px 0px 4px 0px; border: solid 2px #cfcfcf; }


.state_box { font-size:13px;	border:1px solid orange; color:orange; padding:5px 10px; }


/*단과반주문페이지추가_1905*/

.le_bigtit { font-size:26px; font-family:notokr-bold; margin-bottom:10px; position:relative; border-bottom:1px solid #9b9b9b; height:55px}
.le_smtit{font-size:15px; color:#a0a0a0; margin-top:1px; color:#888; font-weight:300;}

.dan_info_list {float:left; width:100%}
.dan_info_list p.tit {font-weight:700;color:353c4a;font-size:25px;border-bottom:1px solid #666; padding-bottom:10px ;}
.dan_detail_l {padding:15px 0; overflow:hidden }
.dbox_l1 {float:left; margin-right:26px;position:relative; overflow:hidden; height:220px }
.dbox_l1 .imgbox{border:1px solid #cbccce}
.dbox_l1 .img_prof { padding:0px;}
.dbox_l1 span.prof_info {position:absolute; top:160px; left:13px}
.dbox_r1 { width:950px; float:right}
.d_home { position:absolute; top:10px; left:15px}

.dan_list1 {width:100%;clear:both; background:#fff; font-family:"Noto Sans","Noto Sans KR","notokr-medium", "Malgun Gothic", dotum, gulim, verdana, sans-serif}
.dan_list1 thead th.start {border-top:1px solid #d4d4d4;padding:7px 7px; }
.dan_list1 thead th, .dan_list1 tbody th {background:#f7f7f7; text-align: center; color:#595858}
.dan_list1 th, .dan_list1 td {border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; padding:7px 7px; text-align:left; vertical-align:top; line-height:27px; font-size:16px}
.dan_list1 td.tdline_l{ border-right:1px solid #CCC}
.dan_list1 .noline{ border-left:0px; border-left:0px;}


.dbtn_g {display:inline-block; padding:0 19px; color:#444444; font-size:14px; font-weight:400; height:36px; line-height:35px; background-color:#fff; border:1px solid #ababab; right:0px; font-family:notokr-medium}
.dbtn_g span {display:inline-block; height:100%; background:url(../img/sub/icon_gate.png) no-repeat 100% 50%; padding-right:22px;}



/*단과강의선택체크_1905*/
.dan_ch{ width:1010px; text-align: left; position:relative; float:left; margin:0px 0 20px 0 ; background:#f7f7f7; border:1px solid #CCC; padding:25px 20px 25px 110px}
.dan_ch li{display:inline-block;}
.dan_ch .btn{
	position:absolute;
	top:5px;
	left:400px;
	
	margin-right:0px;
	width:127px;
	height:31px;
	border:0; z-index:20
}

.dans.checkbox { z-index:1; position:relative;  height:22px; margin:0;  border:0; }

.dans.checkbox label {
	z-index:3;
	position:absolute;
	top:0px;
	left:0px;
	
	height:28px;
	cursor:pointer;
	outline:none;
	padding-left:30px;
	padding-right:10px;
	font-size:16px;
	font-family:'notokr-bold';
	display:inline-block
}

.dans_fs13{ font-size:13px; font-weight:normal}

.dans.checkbox input[type=checkbox] + span{
	background: url("../img/sub/chk_off.png") no-repeat;
	width:31px;
	height:26px;
	position:absolute;
	left:-2px;
	top:0px;
	cursor:pointer;
}

.dans.checkbox input[type=checkbox]:checked + span{
	background: url("../img/sub/chk_on.png") no-repeat;
	
}

.dans.checkbox input[type=checkbox] + span.disabled + label{
	background: url("../img/sub/checkbox_none.png") no-repeat;
	color: #BBB;
    cursor: no-drop;		
}



.dbtn_keep {display:inline-block; padding:0 19px; color:#fff; font-size:16px; font-weight:600; height:43px; line-height:43px; background-color:#4b505d;right:0px; font-family:notokr-medium; position:absolute;}
.dbtn_keep span {display:inline-block; height:100%; background:url(../img/sub/keep.png) no-repeat 1% 50%; padding-left:20px;}/*찜버튼*/
.dbtn_basket {display:inline-block; padding:0 19px; color:#fff; font-size:16px; height:43px; line-height:43px; background-color:#4b505d;right:0px;font-family:'notokr-bold'; position:absolute;}


.tab_detail_content {width:1140px;height:44px;background-color:#fff; border-bottom:1px solid #ccc; border-left-width:0;}
.tab_detail_content li {float:left;width:162px;text-align:center;border-top:1px solid #ccc;}
.tab_detail_content li a {display:block;padding-top:13px;height:30px;border:1px solid #ccc;border-width:0 1px;margin-right:-1px;background-color:#fff;font-family:'notokr-bold'; font-size:15px; line-height:15px; }
.tab_detail_content li a:hover {background-color:#f8f8f8;color:#222;}
.tab_detail_content li.on a {height:30px;border-bottom-width:0;color:#4b4f5b;font-size:16px; border-top:2px solid #ff3300  }
.tab_detail_content li.on a:hover {background-color:#fff;color:#4b4f5b; }
.tab_detail_content li span {color:#8b90a4;font-weight:normal; font-size:12px}
.tab_detail_content li.tab_w{ width:227.8px}


/*단과반탭리스트-추가1907*/
.tabTy_wrap{ width:880px; float: right; }
.tabTy { background:url("../img/sub/tab.gif") 0 -98px repeat-x; overflow:hidden; }
.tabTy > li { float:left; margin-left:2px; text-align:center; }
.tabTy > li:first-child { margin-left:0; }

.tabTy li.w22{ width:200px; }/**/
.tabTy li.w23{ width:240px; }
.tabTy li.w24{ width:188px; }/*교수진홈리스트*/

.tabTy > li > a,.tabTy > li > a span { display:block; background-image:url("../img/sub/tab.gif"); background-repeat:no-repeat; height:46px; }
.tabTy > li > a { padding:0 0 0 5px; white-space:nowrap; background-position:0 -46px; text-align:center; text-decoration:none;color:#4e4e4e; font-weight:600; font-size:17px; line-height:46px; }
.tabTy > li > a span { background-position:100% -46px; cursor:pointer; padding:0 5px 0 0; }
.tabTy > li > a:hover, .tabTy > li > a:focus, .tabTy > li > a.on, .tabTy > li > a:hover span, .tabTy > li > a:focus span, .tabTy > li > a.on span { background-position:0 0; color:#363635; line-height:46px;font-family:notokr-bold; }
.tabTy > li > a:hover span, .tabTy > li > a:focus span, .tabTy > li > a.on span { background-position:100% 0; }

/*단과리스트-추가-1907*/
.search_list{position:relative;width:870px; float: right; border-bottom:1px solid #cdcdcd; margin-top:10px}

.search_list .info{position:relative;line-height:14px;vertical-align:top; width:574px; float:left; overflow:hidden; margin-top:8px; padding-bottom:10px }
.search_list .info .tit{ line-height:30px; font-size:18px; font-family:notokr-bold;}
.search_list .info .txt{ line-height:30px; font-size:15px; font-family:notokr-medium; color:#595858; list-style:none}
.search_list .info .btns{ line-height:30px; font-size:15px; font-family:notokr-medium; color:#595858; vertical-align:middle; margin-top:10px;list-style:none}

.search_list .list_btn{ float:right; width:245px; margin:15px 0 15px 15px; padding-left:30px; background:url(../img/sub/list_line.png) no-repeat 0 0; height:133px; }
.search_list .list_btn .num{ font-size:30px; font-family:Tahoma, Geneva, sans-serif; color:#fe3232; font-weight:bold}
.search_list .list_btn .num span{ font-size:14px; font-family:notokr-medium; color:#fe3232}
.search_list .list_btn .txt{ font-size:14px; font-family:notokr-medium; color:#595858; }
.search_list .list_btn .txt span{ text-decoration: line-through; margin-right:5px; }
.search_list .list_btn .view_b{ width:100%; margin-top:0; overflow:hidden}
.vab{ vertical-align:bottom}
/*단과반내에 종합리스트*/
.dan_pro { width:860px;  height:auto; float:left; border:0; margin-left:20px  }
.dan_pro ul{overflow:hidden;position:relative;margin:0; list-style:none;*zoom:1;  }
.dan_pro ul:after{display:block;clear:both;}
.dan_pro li{overflow:hidden;float:left; width:268px;height:148px; margin:15px 15px 5px 0; border:1px solid #dbd8d8;position:relative;}
.dan_pro_mr22{ margin-right:22px}
.dan_pro .no_r { margin-right:0}
.dan_pro img{display:block;width:277px; height:148px;border:0; margin:0 auto; cursor:pointer; position:relative  }
.dan_pro .icon{ width:11px; height:11px; display:inline; border:0; margin:3px 0 0 3px;}
.dan_pro li a{text-decoration:none;}
.dan_pro li div{width:248px; height:60px; text-align:left; display:table-cell; vertical-align:middle; background-color:#fff;word-break:keep-all; padding:6px 10px 6px 13px; font-weight:normal; font-size:14px; color:#666; line-height:18px}
.dan_pro li div p{ height:16px; text-align:right; font-size:10px}

.dan_pro a strong{display:block;font-size:14px; text-decoration:none; line-height:17px; color:#666;}
.dan_pro a:hover strong{text-decoration: none;}

.dan_pro .spot-list2 .list_info > .shadow{
		position: absolute;
		width: 277px;
		height: 148px;
		top: 0;
		left: 0;
		background: url(/img/main/bg_mask.png) repeat 0 0;
opacity:0.9;
		display: none; z-index:20
	}
.dan_pro .spot-list2 li a:hover .list_info  > .shadow {
	   
		display: block;}
.dan_pro .spot-list2 .list_info {
	position: absolute;
	left: 0px;
	top: 0px;
	float: left;
	width: 277px;
	height: 148px;}
.shadow > em {
		display: block;
		width: 120px;
		margin: 0 auto;
		padding: 12px 0;
		border: 2px solid #fff;
		font-size: 13px;
		margin-top:20%;
		text-align: center;
		color: #fff;}




/*북리스트*/
.book_list{ width:1140px; overflow:hidden; float:left}
.book_list ul li {border-top:1px solid #e9e9e9;padding:7px 0; width:1140px;}
.book_list ul li:first-child {border-top:0}
.book_list ul li .cont {overflow:hidden;position:relative;min-height:170px }/* min-height:120px*/
.book_list ul li .cont .img {width:120px; height:162px; position:absolute;left:0;top:0; background:#fff; }
.book_list ul li .cont .img img{ width:120px; height:162px; margin-left:7px;border:1px solid #dcdcdc}
.book_list ul li .cont .list_box {padding-left:0px}
.book_list ul li .cont .list_box .tit {font-weight:bold; line-height:25px; margin-top:10px; margin-bottom:5px; font-size:18px}

.book_list ul li .cont .txt .explan {font-family:'notokr-bold'; line-height:26px; margin-top:10px; font-size:18px}
.book_list ul li .cont .list_box .tit .info_b {font-size:0.8rem;font-family:"notokr-bold";  position:absolute; right:1px; background:#fff; border:1px solid #fd4040; color:#fd4040; padding:2px 13px;  line-height:25px; top:-3px; z-index:10;  }
.book_list ul li .cont .list_box .tit .info_b a{ color:#fd4040;}


.book_list ul li .cont .list_box .tit .sj_lab{ -webkit-border-radius:10px; border-radius:10px ;-moz-border-radius:10px; background:#fff; color:#519fce; font-size:16px; padding:3px 8px 2px 8px; line-height:17px; margin-top:-5px; margin-right:2px; border:1px solid #519fce;  }

.book_list ul li .cont .list_box .subj {  color:#555; line-height:20px; font-weight:600}
.book_list ul li .cont .list_box .info { font-size:16px; color:#6c6c6c; line-height:20px; margin-top:3px}
.book_list ul li .cont .txt .subj {  color:#666; line-height:20px}
.book_list ul li .cont .txt .info {font-size:15px; color:#6c6c6c; line-height:20px; margin-top:7px}
.book_list ul li .cont .txt .buy {font-size:0.9rem; font-size:13px; color:#6c6c6c; line-height:18px; margin-top:7px; padding:1px 80px 20px 0 }

.book_list ul li .cont .txt {padding-left:155px}

.color_orange {color:#ff2828 !important; font-family:"notokr-bold"; font-size:17px;font-family:"tahoma","Malgun Gothic","맑은고딕",dotum,"돋움","sans-serif";font-weight: bold;}

.ordernum{margin-top:-3px;font-family:"tahoma","Malgun Gothic","맑은고딕",dotum,"돋움","sans-serif";font-size:13px;line-height:16px; font-weight:600; color:#666666 }
.num_end{ text-decoration: line-through}
.ordernum_o{margin-top:-3px;font-family:"tahoma","Malgun Gothic","맑은고딕",dotum,"돋움","sans-serif";font-size:16px;line-height:16px; font-weight: bold; color:#F33; }
.dc{ color:#ff2828}
.font_r{ color:#FF0000; font-weight:600}
.num_r_won{ color:#F00; font-size:18px;vertical-align:middle}
.num_bl{ color:#595858; font-weight:bold; font-family:Tahoma, Geneva, sans-serif; font-weight:16px}

.s_vam{ vertical-align:middle}
.s_ml5{ margin-left:5px}
.s_ml6{ margin-left:6px}.

/* 모바일 탑 160520 */
.sub_top {padding:0 10px}

/*ddddd))))))))))))))))))))))))))))*/
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	font-weight:bold;
}
.button:hover {
	text-decoration: none;
}

.button:active {
	position: relative;
	top: 1px;
}

.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}

.medium {
	font-size: 12px;
	height:30px;
	padding:0 1em;
}

.small {
	font-size: 11px;
	height:20px;
	padding:0 .7em;
}


/* color styles 
---------------------------------------------- */

/* black */
.black {
	color: #d7d7d7;
	border: solid 1px #333;
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
	background: -moz-linear-gradient(top,  #666,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}
.black:hover {
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
	background: -moz-linear-gradient(top,  #444,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
}
.black:active {
	color: #666;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
	background: -moz-linear-gradient(top,  #000,  #444);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
}

/* gray */
.gray {
	color: #e9e9e9;
	border: solid 1px #555;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.gray:hover {
	background: #616161;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
	background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
.gray:active {
	color: #afafaf;
	background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
	background: -moz-linear-gradient(top,  #575757,  #888);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}

/* white */
.white {
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.white:hover {
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.white:active {
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}

/* orange */
.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

/* red */
.red {
	color: #faddde;
	border: solid 1px #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
	background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
.red:hover {
	background: #b61318;
	background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
	background: -moz-linear-gradient(top,  #c9151b,  #a11115);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
.red:active {
	color: #de898c;
	background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
	background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}

/* blue */
.blue {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}

/* rosy */
.rosy {
	color: #fae7e9;
	border: solid 1px #b73948;
	background: #da5867;
	background: -webkit-gradient(linear, left top, left bottom, from(#f16c7c), to(#bf404f));
	background: -moz-linear-gradient(top,  #f16c7c,  #bf404f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c7c', endColorstr='#bf404f');
}
.rosy:hover {
	background: #ba4b58;
	background: -webkit-gradient(linear, left top, left bottom, from(#cf5d6a), to(#a53845));
	background: -moz-linear-gradient(top,  #cf5d6a,  #a53845);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf5d6a', endColorstr='#a53845');
}
.rosy:active {
	color: #dca4ab;
	background: -webkit-gradient(linear, left top, left bottom, from(#bf404f), to(#f16c7c));
	background: -moz-linear-gradient(top,  #bf404f,  #f16c7c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf404f', endColorstr='#f16c7c');
}

/* green */
.green {
	color: #e8f0de;
	border: solid 1px #538312;
	background: #64991e;
	background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
	background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}
.green:hover {
	background: #538018;
	background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
	background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}
.green:active {
	color: #a9c08c;
	background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
	background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}

/* pink */
.pink {
	color: #feeef5;
	border: solid 1px #d2729e;
	background: #f895c2;
	background: -webkit-gradient(linear, left top, left bottom, from(#feb1d3), to(#f171ab));
	background: -moz-linear-gradient(top,  #feb1d3,  #f171ab);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#feb1d3', endColorstr='#f171ab');
}
.pink:hover {
	background: #d57ea5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f4aacb), to(#e86ca4));
	background: -moz-linear-gradient(top,  #f4aacb,  #e86ca4);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4aacb', endColorstr='#e86ca4');
}
.pink:active {
	color: #f3c3d9;
	background: -webkit-gradient(linear, left top, left bottom, from(#f171ab), to(#feb1d3));
	background: -moz-linear-gradient(top,  #f171ab,  #feb1d3);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f171ab', endColorstr='#feb1d3');
}