@charset "utf-8";
/*************************************/
/***** (개별) 하위에서만 수정할것 *****/
/*************************************/

body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,h1,h2,h3,h4,h5,h6,input,button,table,select,textarea{font-family:'Malgun Gothic','맑은고딕','맑은 고딕',NanumGothicWeb, '돋움',Dotum,Helvetica,'Apple SD Gothic Neo',Sans-serif;font-size:12px;color:#838383;}
caption, hr, legend {display:none;}
li{list-style:none;}

/* UI 팀 요청으로 padding 제거 */
/* #footer{padding-bottom:90px;} */

/***** common *****/
.skip{overflow:hidden;position:absolute;top:-999em;left:-999em;width:1px;height:1px;}

/***** common - dangi(개별) */
#mask{display:none;position:absolute;top:0;left:0;z-index:101;background-color:#CCC}
#n2s_log_div{position:absolute;left:-9999em}
.r_banner_zone{display:none}
.route{position:absolute;top:15px;right:0}
.route li{float:left;padding:0 10px 0 16px;background:url('') no-repeat 0 50%}
.route li:first-child{padding-left:0;background:none}
.route .on,.route .on a{color:#f06721}
.lec_det{position:absolute;z-index:1001} /* important 선생님 강좌정보  */

/***** style(개별) *****/
.fc-dangi{color:#fb5f24 !important;}

/***** layout(개별) *****/
 #wrap { min-width: 1320px; }

/***** layout - header(개별) */
.btn-offline-dangi{background-color:#5c453d;}
.ico-point.bg-dangi{background-color:#e7550c;}
.st-header-v3 .wrap-dangi-header{background-color:#fe762e;}
.st-header-v3 > .nav-gnb-t01 { z-index:1; }
.st-header-v3 .nav-gnb-t02 .nav-depth-01 > div{width:892px;padding-right:208px;}
.st-header-v3 .nav-gnb-t02 .btn-offline-dangi{width:178px;}
.st-header-v3 .wrap-lower-full .wrap dt { position: relative; }
.st-header-v3 .wrap-lower-full .wrap dt  .balloon{display:block;overflow:hidden;position:absolute;top:25px;right:-70px;min-width:65px}
.st-header-v3 .wrap-lower-full .wrap dt:first-child .balloon { top:0px; }
.st-header-v3 .wrap-lower-full .wrap dt  .balloon strong{display:block;float:left;height:18px;padding:0 3px 0 3px;background:url(/img/engdangi/common/common_v4/bg_balloon_center.png) repeat-x;line-height:17px;color:#fff}
.st-header-v3 .wrap-lower-full .wrap dt  .balloon .balloon_l{display:block;float:left;width:7px;height:18px;background:url(/img/engdangi/common/common_v4/bg_balloon_left.png) no-repeat right 0}
.st-header-v3 .wrap-lower-full .wrap dt  .balloon .balloon_r{display:block;float:left;width:8px;height:18px;background:url(/img/engdangi/common/common_v4/bg_balloon_right.png) no-repeat right 0}
.st-header-v3 .wrap-lower-full .wrap dt .skill_class { display: inline-block;   height: 18px; padding: 0 8px; border: 2px solid #48bcff; border-radius: 11px;color: #48bcff; font-size: 12px; font-weight: bold; line-height: 16px; }
/* 팝업 - 과목더보기 */
.st-header-v3 .pop_subject{display:none;position:absolute;top:30px;right:0;min-width:440px;border:1px solid #7d7d7d;background:#fff}
.st-header-v3 .pop_subject > .inner{padding:3px}
.st-header-v3 .pop_subject .pop_top{position:relative;background:#282828}
.st-header-v3 .pop_subject .pop_top h4.tit{padding:8px 0 8px 14px;line-height:17px;font-size:13px;font-weight:bold;color:#fff}
.st-header-v3 .pop_subject .pop_top .close{position:absolute;top:8px;right:12px}
.st-header-v3 .pop_subject .pop_con{}
.st-header-v3 .pop_subject .pop_con > .in{padding:20px 24px}
.st-header-v3 .pop_subject .pop_con ul{}
.st-header-v3 .pop_subject .pop_con ul li{min-width:500px;padding:6px 24px 6px 0;border-bottom:1px solid #e3e3e3;zoom:1}
.st-header-v3 .pop_subject .pop_con ul li .btn{line-height:17px;color:#282828;zoom:1}
.st-header-v3 .pop_subject .pop_con ul li .btn:after{display:block;clear:both;content:''}
.st-header-v3 .pop_subject .pop_con ul li .btn > span{display:block}
.st-header-v3 .pop_subject .pop_con ul li .btn .text{float:left;min-width:200px}
.st-header-v3 .pop_subject .pop_con ul li .btn .go{float:right;margin-left:12px}
.st-header-v3 .pop_subject .pop_con ul li .btn .dangi{float:right;margin-left:8px}

/***** layout - content(개별) */
#contents{position:relative;width:906px;margin:0 auto;min-height:800px;}
#contents .contents_detail { position:relative; width:906px; margin:0 auto;}
#contents .contents_detail h2{padding:15px 0 40px;}
body#wide #contents{width:100%;padding-left:0;padding-bottom:0}

/***** layout - banner */
/* 딤팝업 */
.dim_layer_popup { display:block; position: relative; font-size:15px; font-weight:bold; }
.dim_layer_popup .popup_box{display:inline-block;width:800px;text-align:center;padding-top:0;}
.dim_layer_popup .popup_box .popup{padding-left:0;}
.dim_layer_popup .popup_box .popup em{display:inline-block; zoom:1; position:relative; padding-top:0;}
.dim_layer_popup .popup_box .popup em img{max-width:800px;min-width:400px;}
.dim_layer_popup .popup_box .btn_check{overflow:hidden;display:block;width:100%;position:absolute;top:-30px;left:0;}
.dim_layer_popup .popup_box .btn_check span{display:block;float:left;color:#fff;padding-right:30px;padding-top:3px;}
.dim_layer_popup .popup_box .btn_check a.close{float:right;color:#fff;background:#000;border:1px solid #fff;padding:0 5px;height:20px;line-height:18px;font-size:11px;}
.dim_layer_popup .popup_box .on_air{position:absolute;top:175px;left:48px;}
.dim_layer_popup .popup_box .hit_number{position:absolute;bottom:75px;left:70px;font-size:80px;font-weight:bold;color:#fff;}
/* 딤팝업 - 관리자 */
.dim_layer_popup .admin_box { position: absolute; left:10px; top:10px; }
.dim_layer_popup .ban_bg { position: absolute; left: 0; top: 0; right:0; bottom:0; width: 100%; height: 100%; background: #000000; opacity: 0.0; filter: alpha(opacity=0); }
.dim_layer_popup .ban_dday { display:inline-block; *display:inline; zoom:1; position: relative; padding:0px 10px; color:#000000; letter-spacing:-1px; line-height:24px;}
.dim_layer_popup .ban_dday  em{ margin-left: 4px; color:#ff0000; font-weight:bold; }
/* 띠배너 */
.wide_ban_area{  display:block; position:fixed;left:0;bottom:0;z-index:999;width:100%;height:100px;font-size:15px; font-weight:bold;}
.wide_ban_area .wide_wrap{position:relative;width:1080px;height:100px;margin:0 auto;top:0;left:86px;}
.wide_ban_area .wide_ban{position:absolute;bottom:0;left:0;width:1050px;}
.wide_ban_area .wide_ban a{display:block;}
.wide_ban_area .bt_cls{display:block;border:0;position:absolute;bottom:70px;right:0px;width:25px;height:25px;background:url(/img/engdangi/main_v3/common/bt_cls.png) no-repeat;text-indent:-999em;white-space:nowrap;overflow:hidden;}
/* 띠배너 - 관리자 */
.wide_ban_area .admin_box { position: absolute; left:10px; top:10px; }
.wide_ban_area .ban_bg { position: absolute; left: 0; top: 0; right:0; bottom:0; width: 100%; height: 100%; background: #000000; opacity: 0.0; filter: alpha(opacity=0); }
.wide_ban_area .ban_dday { display:inline-block; *display:inline; zoom:1; position: relative; padding:0px 10px; color:#000000; letter-spacing:-1px; line-height:24px;}
.wide_ban_area .ban_dday  em{ margin-left: 4px; color:#ff0000; font-weight:bold; }
/* ##[공통]오른쪽 퀵배너 */
.ban_wrap{position:absolute;top:0px;left:50%;margin-left:-525px;width:1050px;padding-left:71px} /* padding-left:71px은 tgnb 영역의 반만큼 우측으로 밀기 위함. 우측에도 padding을 주게 되면 퀵배너 위치를 정하기가 어려워짐 */
/* ban_fixed=포지션픽스되어 제자리에있는거처럼 따라오는 타입 */
.ban_wrap .ban_fixed{position:absolute;top:100px;right:-130px}
.ban_wrap .ban_fixed li{margin-bottom:10px}
.ban_wrap .ban_fixed_x{position:fixed;top:10px;margin-right:10px}
.ban_wrap .ban_fixed_on{position:fixed;top:10px;right:50%;margin-right:-726px}
/* ban_absolute=포지션엡솔루트로 이동되어 따라오는 타입 */
.ban_wrap .ban_absolute{position:absolute;top:100px;right:-130px}
.ban_wrap .ban_absolute li{margin-bottom:10px}
/* ##[공통]오른쪽 퀵배너 */
/* 전체 공통(퀵메뉴/레이어팝업) */
.ban_unite{position:absolute;top:0;left:50%;z-index:100;width:1050px;margin-left:-400px} /* N : 퀵메뉴(스카이 배너), 레이어팝업 / 기본 1050px 로 기준을 잡아 준다 */
/* quick_menu */
.ban_unite .quick_menu{position:absolute;top:150px;right:-10px;width:120px}
.ban_unite .quick_menu li{overflow:hidden;width:120px;margin-bottom:10px}
.ban_unite .quick_menu.ban_fixed{position:fixed;top:70px;right:50%;margin-right:-740px}
.ban_unite .quick_menu li a{background:none 0}
.ban_unite .layer_floating{position:absolute;top:0;left:0}

position:fixed;right:50%;top:320px;z-index:60;margin-right:-680px;z-index:60;max-width:99px;



 
/********************** 구버전 ************************/
#quickmenu {width:90px;height:font-size;float:right;}
#quickmenu .bx {margin:0 0 8px;}


#header{ } 
.cont_wrap {zoom:1;width:1080px;margin:0 auto;padding:50px 0; position:relative;}
	.cont_wrap:after {content:'';display:block;clear:both;} 
	.snb{float:left;width:180px;}
#container {min-width:1080px;}
#contents {margin-left:30px;float:left;width:750px;padding-bottom:50px;}
#contents_prof{margin-left:220px;width:860px;position:relative;}

.footer{ }  
	.footer .info_comp {width:1080px;margin:22px auto 21px;padding-left:0;}
	.footer .dangi_info_tab .box_wrap {padding-left:0;}
	.footer .dangi_wrap {width:1080px;margin:0 auto;}
#quickmenu {width:90px;height:font-size;float:right; position:absolute;right:0;top:0;}
#quickmenu .bx {margin:0 0 8px;}

.block {/*display:block;*/width:100%;max-width:100%;min-width:100%;/*min-width:748px;*/}
.blind, .hide, .hhh {display:none;} 

/* left */
.leftm {border:2px #00413c solid; /*#821b2e*/} 
.leftm.gangnam,
.leftm.shinchon {border:2px #800000 solid;;}
.leftm .t {text-align:center;background:#00413c;padding:8px 0;}
.leftm .offline {text-align:center;background:#821b2e;padding:0 0 10px;}
.leftm .offline p {background:#fff;margin:15px 15px 7px 15px;padding:6px 0;}
.leftm .offline p>a {font-weight:bold;color:#333;display:inline-block; background:url('http://peet.dangi.co.kr/img/dangi/common/ico/ico_arr02.gif') 100% 2px no-repeat;padding:0 12px 0 0;}
.leftm .offline p>a>strong {color:#821b2e;}
.leftm .offline h3 {color:#fff;text-align:left;margin:8px 0 5px 15px;}

.leftm ul {margin:5px 12px 0 12px;}
.leftm>ul>li {background:url('http://peet.dangi.co.kr/img/dangi/common/bg/bg_lm_li.gif') 0 0 repeat-x;padding:10px 0 7px;}
.leftm>ul>li.on {font-weight:bold;}
.leftm>ul>li ul {margin:8px -5px 0 -5px;background:url('http://peet.dangi.co.kr/img/dangi/common/bg/bg_lm_li.gif') 0 0 repeat-x;padding:8px 0 3px 3px;}
.leftm>ul>li li {background:none;padding:2px 0;}
.leftm>ul>li li a {color:#333;}
.leftm>ul>li li a:hover{font-weight:bold;}
.leftm>ul>li li.on a {font-weight:bold;padding-right:3px; }
.leftm>ul>li.first {background:none;}
.leftm ul.no_bg {margin-top:0;background:none;}

.leftm ul a {
	display:inline-block;
	overflow:hidden;
	height:14px;
	line-height:14px;
}
	.leftm ul a:focus,
	.leftm ul a:hover,
	.leftm ul a:active {
		border:0;
	}
		.leftm ul li.on a img,
		.leftm ul a:focus img,
		.leftm ul a:hover img,
		.leftm ul a:active img {
			margin-top:-14px;
		}

.leftm .campus {border:2px #666 solid;margin:-2px;padding:10px 0 5px;}
.leftm .campus ul {border-top:1px #666 solid;padding:10px 0 0;margin-top:7px;}
.leftm .campus li {padding:2px 0;text-align:left;background:none;}
.leftm .campus li a {color:#666;}
.leftm .campus li a:hover,
.leftm .campus li a:focus,
.leftm .campus li a:active,
.leftm .campus li.on a {font-weight:bold;}
.leftm .campus>div {text-align:center;}
.leftm .campus .openChild {display:inline-block;background:url('http://peet.dangi.co.kr/img/dangi/common/btn/btn_campus_down.gif') 0 0 no-repeat;width:148px;height:14px;}
.leftm .campus .btnClose {display:inline-block;background:url('http://peet.dangi.co.kr/img/dangi/common/btn/btn_campus_up.gif') 0 0 no-repeat;width:148px;height:14px;}


/* page layout */
.pgTitle {height:34px;}
.pgSubTitle {height:25px;margin-top:30px;}
.pgSubTitle02 {height:25px;margin:60px 0 0;border-bottom:2px #115550 solid;}
.pgSubTitle {height:25px;margin-top:30px;}
.pgSubTitle02 strong {font-size:11px;color:#656666;position:relative;margin:0 0 0 10px;padding:3px 0 0;display:inline-block;}
.pgSubTitle03 {height:30px;}
.pgbn {position:relative;margin:0 0 30px;}
.offline_main .block .pgbn .lSPager{position:absolute;top:3px;right:10px;}



/* btn align */
.btnLeft {text-align:left;margin-top:15px;}
.btnLeft span {float:right;right:0;}
.btnRig {text-align:right;margin-top:15px;}
.btnRig span {float:left;right:0;}



/* input, label */
.notic {font-weight:bold;}
.notic input {vertical-align:middle;position:relative;top:-1px;}

/* color */
.c009261 {color:#009261;}

/* margin */
.tm30 {margin-top:30px;}
.bm60 {margin-bottom:60px;}

/* float */
.floatLeft {float:left;}
.floatRight {float:right;}
.clearFix {clear:both;}

/* skipnavi */
#skipnavi{overflow:hidden;margin:0;padding:0;height:0;}
#skipnavi li{font-size:0;line-height:0}
#skipnavi li a{position:absolute;left:0;top:-800px;display:block;padding:8px 0 7px;width:100%;background:#139261;color:#fff;text-align:center;text-decoration:none}
#skipnavi li a:active,#skipnavi li a:focus{top:94px;font-size:12px;font-weight:bold;line-height:1.5;z-index:5000;}
/* hide */
.hidden-text{overflow:hidden;position:absolute;top:0;left:-1000em;width:0;height:0;font-size:0;line-height: 9;}
/* skip */
.blind {display:none;}

.clear{clear:both;overflow:hidden;}

/* layer popup */
.layer {display:none;position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999;}
	.layer .bg { position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:.6; filter:alpha(opacity=60); }
	.layer .pop_layer {display:block;}
	.layer .pop_layer.transparent {display:block;background:transparent;}
.pop_layer { display:none; position:absolute; top:0%; left:0%; width: auto; height:auto; z-index:10; }
.pop_layer .btnX {cursor:pointer;z-index:555;top:-30px;right:0;position:absolute; }

/* lecture/online - 모바일대응 */
/* .layer {display:none;position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999;}
	.layer .bg { position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:.6; filter:alpha(opacity=60); } */
	.layer .pop_lec_layer {display:block;background:#fff;}
	.layer .pop_lec_layer.transparent {display:block;background:transparent;}
.pop_lec_layer { display:none; position:absolute; top:20%; left:50%; width: auto; height:auto; margin-left:-400px; z-index:10; }
.pop_lec_layer .btnX {cursor:pointer;z-index:555;top:-30px;right:0;position:absolute; }
 

.layer02 {/*display:none;*/position:fixed; top:0; left:0; width:100%; height:100%;z-index:7777; }
.layer02 .pop_layer {display:block;}
.layer02 .pop_layer { /*display:none;*/ position:absolute; /*top:0%; left:0%;*/ width: auto; height:auto; z-index:10; }
.layer02 .pop_layer .btnX02 {cursor:pointer;z-index:555;top:-30px;right:0;position:absolute; }



.nav-2depth .list a > span {color:#ff0000;}