@charset "utf-8";
/* layout */
#wrap{position:relative;padding-left:142px}

#tgnb{font-family:'Malgun Gothic','맑은고딕','맑은 고딕','돋움',Dotum,Helvetica,'Apple SD Gothic Neo',Sans-serif;}
#tgnb{position:absolute;top:0;left:0;z-index:1000;width:142px;height:100%;background-color:#f5f5f5;}
.no-boxshadow #tgnb{border-right:1px solid #ddd;}
.no-opacity #tgnb .lnb-menu .line{background-color:#ddd}
.no-opacity #tgnb .lnb-menu .up-line{background-color:#ddd}

#tgnb .my-area{display:block;position:relative;background-color:#f5f5f5}
#tgnb .my-area .log-menu{padding:5px 12px 0 0}
#tgnb .my-area .log-menu li:first-child{padding-top:15px}
#tgnb .my-area .log-menu li{display:block;zoom:1;cursor:pointer}
#tgnb .my-area .log-menu a{display:block;position:relative;width:100%;padding:6px 0;background-repeat:no-repeat;background-position:100% 6px;font-size:13px;line-height:1;color:#b0b0b0;letter-spacing:-.04em}
#tgnb .my-area .log-menu a:hover,#tgnb .my-area .log-menu a.on{color:#000}
#tgnb .my-area .log-menu a.on{font-weight:bold}
/*#tgnb .my-area .log-menu .m1 a:hover{color:#f06806}*/
#tgnb .my-area .log-menu .m1 a{background-image:url(//static.dangi.co.kr/img/dangi/common/left_nav/lnb_lecture_icon.png)}
#tgnb .my-area .log-menu .m2 a{background-image:url(//static.dangi.co.kr/img/dangi/common/left_nav/lnb_setting_icon.png)}
#tgnb .my-area .log-menu .m3 a{background-image:url(//static.dangi.co.kr/img/dangi/common/left_nav/lnb_cart_icon.png)}
#tgnb .my-area .log-menu .m4 a{background-image:url(//static.dangi.co.kr/img/dangi/common/left_nav/lnb_out_icon.png);background-position:100% 4px}
#tgnb .my-area .log-menu .login a{background-image:url(//static.dangi.co.kr/img/dangi/common/left_nav/lnb_login_icon.png);background-position:100% 2px}
#tgnb .my-area .log-menu .join a{background-image:url(//static.dangi.co.kr/img/dangi/common/left_nav/lnb_sign_icon.png)}
#tgnb .my-area .log-menu .m1 a:hover,#tgnb .my-area .log-menu .m1 a.on{background-image:url(//static.dangi.co.kr/img/dangi/common/left_nav/lnb_lecture_icon_over.png)}
#tgnb .my-area .log-menu .m2 a:hover,#tgnb .my-area .log-menu .m2 a.on{background-image:url(//static.dangi.co.kr/img/dangi/common/left_nav/lnb_setting_icon_over.png)}
#tgnb .my-area .log-menu .m3 a:hover,#tgnb .my-area .log-menu .m3 a.on{background-image:url(//static.dangi.co.kr/img/dangi/common/left_nav/lnb_cart_icon_over.png)}
#tgnb .my-area .log-menu .m4 a:hover,#tgnb .my-area .log-menu .m4 a.on{background-image:url(//static.dangi.co.kr/img/dangi/common/left_nav/lnb_out_icon_over.png)}
#tgnb .my-area .log-menu .login a:hover,#tgnb .my-area .log-menu .login a.on{background-image:url(//static.dangi.co.kr/img/dangi/common/left_nav/lnb_login_icon_over.png)}
#tgnb .my-area .log-menu .join a:hover,#tgnb .my-area .log-menu .join a.on{background-image:url(//static.dangi.co.kr/img/dangi/common/left_nav/lnb_sign_icon_over.png)}

/*#tgnb .my-area .log-menu .circle {right:8px; position:absolute; display:inline-block; width:25px; height:25px;  background-color:#000; border-radius:50%}
#tgnb .my-area .log-menu li:not(:first-child) .circle{background-color:#b0b0b0}
#tgnb .my-area .login-area {-webkit-box-shadow: 5px 0px 3px 0px rgba(0,0,0,0.1); -moz-box-shadow: 5px 0px 3px 0px rgba(0,0,0,0.1); box-shadow: 5px 0px 3px 0px rgba(0,0,0,0.1); padding-bottom:20px; padding-left:17px; display:none; position:relative; width:125px}
*/
#tgnb .my-area .login-area{display:none;position:relative;width:128px;padding-bottom:16px;padding-left:14px}
#tgnb .my-area .login-area .greeting{display:block;position:relative;padding-top:14px}
#tgnb .my-area .login-area .greeting img{height:auto}
#tgnb .my-area .login-area .greeting p{margin-top:20px;width:110px;height:31px;font-size:0;text-indent:-9999em;overflow:hidden;background:url(//static.dangi.co.kr/img/dangi/common/left_nav/fst_class.png) no-repeat 0 0}
#tgnb .my-area .login-area .log-menu{padding-top:53px}
#tgnb .my-area .login-area .greeting_msg{display:block;position:relative;top:20px;left:-14px;width:142px;height:50px}
#tgnb .my-area .user-area{display:none;position:relative;width:128px;padding-bottom:16px;padding-left:14px;background-color:#f5f5f5}
#tgnb .my-area .user-area .dangi-home{display:block;width:128px;height:32px;}
#tgnb .my-area .user-area .dangi-home a{display:block;color:#fff;position:relative;top:0;left:-14px;width:106px;height:25px;padding-top:7px;padding-left:36px;color:#fff;font-weight:bold;background:url(//static.dangi.co.kr/img/dangi/common/left_nav/lnb_home_icon.png) no-repeat 14px 50%;}
#tgnb .my-area .user-area .dangi-home.job a{background-color:#0abaee;}
#tgnb .my-area .user-area .greeting{display:block;position:relative;padding-top:24px}
#tgnb .my-area .user-area .greeting .logo{position:absolute;top:26px;right:0;width:69px;height:auto}
#tgnb .my-area .user-area .greeting .back-btn-cont{display:inline-block;position:absolute;top:48px}
#tgnb .my-area .user-area .greeting .btn-area{display:block;position:absolute;top:0;z-index:2;width:100%;height:100px;cursor:pointer}
#tgnb .my-area .user-area .greeting_msg{display:block;position:relative;top:20px;left:-14px;width:142px;height:50px;-webkit-box-shadow:5px 0 3px rgba(0,0,0,0.1);box-shadow:5px 0 3px rgba(0,0,0,0.1);}
#tgnb .my-area .user-area p{padding-top:45px;font-size:12px;line-height:15px;color:#9e9e9e;letter-spacing:-.07em}
#tgnb .my-area .user-area .name{font-weight:bold;color:#000}

/* #tgnb .my-area .logstate {-webkit-box-shadow: 5px 0px 3px 0px rgba(0,0,0,0.1); -moz-box-shadow: 5px 0px 3px 0px rgba(0,0,0,0.1); box-shadow: 5px 0px 3px 0px rgba(0,0,0,0.1); padding-bottom:20px; padding-left:17px; display:none; position:relative; width:125px} */
#tgnb .my-area .logstate{display:none;position:relative;width:128px;padding-bottom:16px;padding-left:14px}
#tgnb .my-area .logstate .greeting{display:block;position:relative;padding-top:14px}
#tgnb .my-area .logstate .greeting img{height:auto}
#tgnb .my-area .logstate .greeting p{padding-top:45px;font-size:13px;line-height:16px;color:#9e9e9e;letter-spacing:-.02em}
#tgnb .my-area .logstate .name{font-weight:bold;color:#000}
#tgnb .my-area .logstate .greeting_msg{display:block;position:relative;top:20px;left:-14px;width:142px;height:50px}
#tgnb .my-area .selected{display:block}

/* #tgnb .lnb-menu {background-color:#f5f5f5; position:relative; width:100%; display:block; -webkit-box-shadow: 5px 0px 3px 0px rgba(0,0,0,0.1); -moz-box-shadow: 5px 0px 3px 0px rgba(0,0,0,0.1); box-shadow: 5px 0px 3px 0px rgba(0,0,0,0.1)} */
#tgnb .lnb-menu{display:block;position:relative;width:100%;height:100%;margin-top:4px;background-color:#f5f5f5;-webkit-box-shadow:5px 0 3px 0 rgba(0,0,0,0.1);-moz-box-shadow:5px 0 3px 0 rgba(0,0,0,0.1);box-shadow:5px 0 3px 0 rgba(0,0,0,0.1)}
/* #tgnb .lnb-menu .greeting_msg{display:block;position:relative;top:20px;left:-14px;width:142px;height:50px} */
#tgnb .lnb-menu .lnb{display:block;position:relative}
#tgnb .lnb-menu .lnb .menu-obj{line-height:0;font-size:0}
#tgnb .lnb-menu .lnb-title{position:relative;padding-left:17px;padding-top:24px;padding-bottom:24px;*padding-top:21px;*padding-bottom:21px;cursor:pointer}
#tgnb .lnb-menu .lnb-title a{font-size:14px;color:#424242;letter-spacing:-.02em}
#tgnb .lnb-menu .lnb-title .arrow{display:inline-block;position:absolute;right:16px;width:7px;height:5px;margin-top:5px;background:url(//static.dangi.co.kr/img/dangi/common/left_nav/lnb_arrow_down_dk.png) no-repeat}
#tgnb .lnb-menu .lnb-title .num{display:inline-block;*display:inline;position:relative;top:-1px;*top:-2px;padding-left:5px;font-size:12px;color:#7a7a7a;letter-spacing:-.04em;opacity:1;-webkit-transition:opacity .2s ease-in-out;-moz-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out;*zoom:1}
#tgnb .lnb-menu .sub-title{padding-left:17px;padding-bottom:17px;font-size:13px;line-height:17px;color:#7e7e7e;letter-spacing:-.05em}
#tgnb .lnb-menu .sub-bar{position:absolute;z-index:0;width:100%;height:25px}
#tgnb .lnb-menu .sub-menu{overflow:hidden;position:relative;height:0}
#tgnb .lnb-menu .sub-menu:first-child{}
#tgnb .lnb-menu .sub-menu ul{position:relative;z-index:1;padding-bottom:25px}
#tgnb .lnb-menu .sub-menu li{width:100%;height:25px;line-height:25px;cursor:pointer}
#tgnb .lnb-menu .sub-menu li a{display:block;position:relative;padding-left:28px;font-size:12px;color:#5e5e5e;letter-spacing:-.02em}
#tgnb .lnb-menu .sub-menu li.selected a{color:#fff}
#tgnb .lnb-menu .sub-menu li .icon_new{display:block;overflow:hidden;position:absolute;top:5px;left:8px;width:14px;height:16px;background:url(//static.dangi.co.kr/img/dangi/common/left_nav/icon_new.png) no-repeat;text-indent:-999em;white-space:nowrap}
#tgnb .lnb-menu .sub-menu li a:hover .icon_new{display:block;width:14px;height:16px;background:url(//static.dangi.co.kr/img/dangi/common/left_nav/icon_new_over.png) no-repeat}
#tgnb .lnb-menu .line{position:absolute;width:118px;height:1px;margin-left:12px;background-color:#000;font-size:0;opacity:0.1;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=10)';-webkit-transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}
#tgnb .lnb-menu .lnb li:first-child .line{display:none}
#tgnb .lnb-menu .up-line{display:block;position:absolute;width:118px;height:1px;font-size:0;margin-left:12px;background-color:#000;opacity:0;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';-webkit-transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}
#tgnb .menu-obj:first-child .lnb-title a{color:#fff}
#tgnb .menu-obj:first-child .lnb-title .arrow{background:url(//static.dangi.co.kr/img/dangi/common/left_nav/lnb_arrow_down_wh.png) no-repeat}
#tgnb .menu-obj:first-child .sub-bar{background-color:rgba(0,0,0,0.2);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#20000000,endColorstr=#20000000)}
#tgnb .open .lnb-title .num{opacity:0;-webkit-transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}
#tgnb .open .lnb-title .arrow{margin-top:3px;background:url(//static.dangi.co.kr/img/dangi/common/left_nav/lnb_arrow_up_dk.png) no-repeat}
#tgnb .open .line{opacity:0.5;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';-webkit-transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}
#tgnb .open .up-line{opacity:0.5;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';-webkit-transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}
/* 단기하단 이미지 링크 */
/* #tgnb #gmat_box .line{display:none;} */
#tgnb .link_box{border-top:1px solid #dcdcdc;}
#tgnb .link_box a{display:block;border-bottom:1px solid #dcdcdc;}

/* 첫번째 메뉴에 따라 컬러를 변경. 현재는 영단기이므로 #f66800 */
#tgnb .menu-obj:first-child .num{color:#fff}
#tgnb .menu-obj:first-child .sub-menu .sub-title{color:#fff;opacity:0.55;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=55)'}
#tgnb .menu-obj:first-child .sub-menu li a{display:inline-block;width:113px;height:100%;color:#fff}
#tgnb .open.menu-obj:first-child .lnb-title a{color:#fff}
#tgnb .open.menu-obj:first-child .lnb-title .arrow{margin-top:3px;background:url(//static.dangi.co.kr/img/dangi/common/left_nav/lnb_arrow_up_wh.png) no-repeat}

.clearfix{zoom:1}
.clearfix:after{display:block;clear:both;content:''}
#tfooter{margin-top:200px;border-top:1px solid #d7d7d7;background-color:#fff}
#tfooter .info_comp{width:902px;margin:22px 0 0;padding-bottom:21px;padding-left:30px;zoom:1}
#tfooter .info_comp .logo{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;}
#tfooter .info_comp .info{float:left;padding-top:21px}
#tfooter .info_comp .nav_com{display:inline-block;*display:inline;*zoom:1;margin:0;vertical-align:middle;}
#tfooter .info_comp .nav_com li{float:left;height:18px;padding:0 14px;background:url(//static.dangi.co.kr/img/dangi/common/footer/bg_bar.gif) no-repeat 0 50%;font-size:13px;line-height:18px;font-weight:bold;}
#tfooter .info_comp .nav_com li:first-child{background:none}
#tfooter .info_comp .nav_com a{display:block;float:left;padding:0 5px;color:#000;}
#tfooter .info_comp .nav_com a.modify{color:#adadad;font-size:12px;font-weight:normal;text-decoration:underline;}
#tfooter .info_comp .nav_com a.personal{color:#ffc320;}
#tfooter .info_comp .info li{float:left;padding:0 8px;background:url(//static.dangi.co.kr/img/dangi/common/footer/bg_bar.gif) no-repeat 0 50%;line-height:12px;color:#555}
#tfooter .info_comp .info li:first-child{background:none}
#tfooter .info_comp .info li img{margin-right:10px}
#tfooter .info_comp .allpay{float:right;padding-top:10px}
/*
#tfooter .list_dangi{padding:30px 0 30px 10px;border-top:1px solid #d7d7d7}
#tfooter .box_wrap{position:relative;width:902px;background:url(//static.dangi.co.kr/img/dangi/common/footer/bg_dotted.gif) repeat-y 451px 0}
#tfooter .box_wrap .box{float:left;width:431px;padding-left:20px;font-size:11px;line-height:18px;color:#5d5d5d;letter-spacing:-.01em}
#tfooter .box_wrap .box .logo{margin-bottom:19px}
#tfooter .box_wrap .box strong{display:block;color:#000}
*/
#tfooter .dangi_info_tab{padding:30px 0 30px 10px;border-top:1px solid #d7d7d7}
#tfooter .dangi_info_tab .box_wrap{position:relative;width:902px;padding-left:30px;}
#tfooter .dangi_info_tab .box_wrap .bx-wrapper{position:relative;margin-bottom:20px;padding-left:70px;}
#tfooter .dangi_info_tab .box_wrap .bx-pager{display:none;}
#tfooter .dangi_info_tab .box_wrap .bx-controls-direction{position:absolute;top:0;left:0;width:55px;height:21px;background:url(//static.dangi.co.kr/img/dangi/common/footer/btn_arrow.gif) no-repeat 0 0;}
#tfooter .dangi_info_tab .box_wrap .bx-controls-direction a{display:block;float:left;width:28px;height:21px;overflow:hidden;text-indent:-999em;}
#tfooter .dangi_info_tab .box_wrap .bx-controls-direction .bx-next{margin-left:-1px;background-position:100% 0;}

#tfooter ul{margin-bottom:20px;}
#tfooter li{float:left;background:url(//static.dangi.co.kr/img/dangi/common/footer/bg_dangi_tab.gif) no-repeat 0 50%;}
#tfooter li a{display:block;padding:0 20px;}
#tfooter li:first-child{background:none;}
#tfooter li:first-child a{padding-left:0;}
#tfooter .box{display:none;font-size:11px;line-height:18px;color:#5d5d5d;letter-spacing:-.01em}
#tfooter .box .link_info{margin-left:4px; color:#000;text-decoration:underline;}
#tfooter .box_wrap strong{display:block;color:#000;text-decoration:none;padding:0;}





/* 단기푸터용 */
#tfooter .dangi_box{margin:0 auto;width:1050px;}
#tfooter .dangi_box .dangi_info_tab{padding-bottom:0;padding-left:0;border-top:none;}
#tfooter .dangi_box .dangi_wrap{padding-bottom:20px;border-bottom:1px solid #e5e5e5;}
#tfooter .dangi_box .box_wrap{padding-left:0;}
#tfooter .dangi_box .info_comp{padding-left:0;}
#tfooter .dangi_box .nav_com{}

#tfooter .dangi_box.job_footer{margin:0 auto;width:1150px;}
