@charset "utf-8"; /*****************************
???? :???????? ????,???? ???? CSS1 

????? :20150210
????? :leewj
*****************************/

html, body { width:100%; height:100%; } 
body { font-size:12px; color:#666; font-family:'noto' , sans-serif; } 
body { margin:0; padding:0; } 
* { margin:0; padding:0; } 
body,p,h1,h2,h3,h4,h5,h6,div,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,menu,section,article,a,select,input { margin:0; padding:0; font-family:'noto' , sans-serif;  } 
table { border-collapse:collapse; /* table-layout:fixed; */ } 
img,fieldset { border:0; } 

ul,li,dl,dt,dd { list-style:none; } 
a { color:#666; text-decoration:none; cursor:pointer; } 
button { cursor:pointer; border:none; } 
button span { display:none; } 
strong { font-weight:bold; } 
em,address,var { font-style:normal; } 
var { padding:0 3px; } 
legend,caption { display:none; } 
img,input,select { vertical-align:middle; } 

@font-face { font-family:'noto'; font-style:normal; font-weight:400; src:local('Noto Sans Regular'), local('NotoSans-Regular'); src:url(/jrjump/common/fonts/notokr-regular.eot); src:url(/jrjump/common/fonts/notokr-regular.eot?#iefix) format('embedded-opentype'),
url(/jrjump/common/fonts/notokr-regular.woff2) format('woff2'),
url(/jrjump/common/fonts/notokr-regular.woff) format('woff'),
url(/jrjump/common/fonts/notokr-regular.ttf) format('truetype') } 

@font-face { font-family:'noto'; font-style:normal; font-weight:600; src:local('Noto Sans bold'), local('notokr-bold'); src:url(/jrjump/common/fonts/notokr-bold.eot); src:url(/jrjump/common/fonts/notokr-bold.eot?#iefix) format('embedded-opentype'),
url(/jrjump/common/fonts/notokr-bold.woff2) format('woff2'),
url(/jrjump/common/fonts/notokr-bold.woff) format('woff'),
url(/jrjump/common/fonts/notokr-bold.ttf) format('truetype') } 

/* ------------Noto Sans ???? ??????----------- */
@font-face { font-family:'Noto Sans KR'; font-style:normal; font-weight:400; src:url('/jrjump/common/fonts/NotoSansKR-Regular.eot'); src:url('/jrjump/common/fonts/NotoSansKR-Regular.eot?#iefix') format('embedded-opentype'),
url('/jrjump/common/fonts/NotoSansKR-Regular.woff2') format('woff2'),
url('/jrjump/common/fonts/NotoSansKR-Regular.woff') format('woff'),
url('/jrjump/common/fonts/NotoSansKR-Regular.otf') format('opentype'); } 

@font-face { font-family:'Noto Sans KR'; font-style:medium; font-weight:500; src:url('/jrjump/common/fonts/NotoSansKR-Medium.eot'); src:url('/jrjump/common/fonts/NotoSansKR-Medium.eot?#iefix') format('embedded-opentype'),
url('/jrjump/common/fonts/NotoSansKR-Medium.woff2') format('woff2'),
url('/jrjump/common/fonts/NotoSansKR-Medium.woff') format('woff'),
url('/jrjump/common/fonts/NotoSansKR-Medium.otf') format('opentype'); } 

@font-face { font-family:'Noto Sans KR'; font-style:bold; font-weight:600; src:url('/jrjump/common/fonts/NotoSansKR-Bold.eot'); src:url('/jrjump/common/fonts/NotoSansKR-Bold.eot?#iefix') format('embedded-opentype'),
url('/jrjump/common/fonts/NotoSansKR-Bold.woff2') format('woff2'),
url('/jrjump/common/fonts/NotoSansKR-Bold.woff') format('woff'),
url('/jrjump/common/fonts/NotoSansKR-Bold.otf') format('opentype'); } 


.borNone { border:none !important; } 
.clearBox { *zoom:1; } 
.clearBox:after { clear:both; content:""; display:block; } 

/* ???? ????? */
.bd { font-weight:bold } 
.pointer { cursor:pointer; } 
.hide-text { font-size:1px; height:1px; left:-9999px; line-height:0; position:absolute; width:1px; } 
.after { *zoom:1; } 
.after:after { content:''; display:block; clear:both; } 
.blind { visibility:hidden !important; overflow:hidden !important; position:absolute; top:0 !important; left:0 !important; width:0 !important; height:0 !important; margin:0 !important; padding:0 !important; border:0 !important; font-size:0 !important; line-height:0 !important } 
.lay_c { width:1000px; margin:0 auto; } 
.conWidth { width:1050px; margin:0 auto; position:relative; }
.lnbWidth { width:196px; text-align:left; } 
.cosWidth { width:780px; text-align:left; } 
.conWidth.bg_red { background-color:#bf1e2e; } 
.invisible { overflow:hidden; visibility:hidden; position:absolute; width:0; height:0; font-size:0; } 
.ellipsis { white-space:nowrap; text-overflow:ellipsis; /* IE, Safari */-o-text-overflow:ellipsis; /* Opera under 10.7 */overflow:hidden; /* "overflow" value must
be different from "visible" */ -moz-binding:url('ellipsis.xml#ellipsis'); } 

/* ????? */
.radius_tab10 { border-style:solid; border-width:0px; -moz-border-radius:10px 10px 0px 0px; -webkit-border-radius:10px 10px 0px 0px; border-radius:10px 10px 0px 0px; } 

/********** ???? ????????? **********/
.o_hidden { overflow:hidden; } 
.pos-r { position:relative !important; } 
.pos-a { position:absolute; } 
.dis_b { display:block; } 
.dis_n { display:none; } 
.f_l { float:left } 
.f_r { float:right } 
.t-a_c { text-align:center !important; } 
.t-a_l { text-align:left !important; } 
.t-a_r { text-align:right !important; } 
.txt-hidden { overflow:hidden; text-overflow:ellipsis; display:inline-block; white-space:nowrap; text-align:left; width:90%; max-width:100%; } 
.w37 { width:37px; } 
.w142 { width:142px; } 
.w171 { width:171px; } 
.fc_red { color:#d50057 !important; } 
.fc_grey { color:#555 !important; } 
.fs_14 { font-size:14px !important; } 
.fs_18 { font-size:18px !important; } 
.txt_under { text-decoration:underline } 
.bb0 { border-bottom:0 !important; } 
.bt1 { border-top:1px solid #333 !important; } 

.pt0 { padding-top:0px !important } 
.pt4 { padding-top:4px !important } 
.pt5 { padding-top:5px !important } 
.pt10 { padding-top:10px !important } 
.pt15 { padding-top:15px !important } 
.pt20 { padding-top:20px !important } 
.pt25 { padding-top:25px !important } 
.pt30 { padding-top:30px !important } 
.pt35 { padding-top:35px !important } 
.pt40 { padding-top:40px !important } 
.pt50 { padding-top:50px !important } 
.pt70 { padding-top:70px !important } 
.pt80 { padding-top:80px !important } 

.pr0 { padding-right:0 !important } 
.pr5 { padding-right:5px !important } 
.pr8 { padding-right:8px !important } 
.pr10 { padding-right:10px !important } 
.pr20 { padding-right:20px !important } 
.pr30 { padding-right:30px !important } 

.pb0 { padding-bottom:0px !important } 
.pb10 { padding-bottom:10px !important } 
.pb18 { padding-bottom:18px !important } 
.pb20 { padding-bottom:20px !important } 
.pb30 { padding-bottom:30px !important } 
.pb40 { padding-bottom:40px !important } 
.pb50 { padding-bottom:50px !important; } 
.pb60 { padding-bottom:60px !important } 
.pb70 { padding-bottom:70px !important; } 
.pb80 { padding-bottom:80px !important } 
.pb90 { padding-bottom:90px !important } 

.pl0 { padding-left:0px !important; } 
.pl5 { padding-left:5px; } 
.pl9 { padding-left:9px; } 
.pl10 { padding-left:10px !important } 
.pl12 { padding-left:12px !important } 
.pl15 { padding-left:15px !important } 
.pl18 { padding-left:18px !important } 
.pl20 { padding-left:20px !important } 
.pl30 { padding-left:30px !important } 
.pl40 { padding-left:40px !important } 
.pl44 { padding-left:44px !important } 
.pl55 { padding-left:55px !important } 
.pl80 { padding-left:80px !important } 
.pl93 { padding-left:93px !important } 
.pl99 { padding-left:99px !important } 
.pl115 { padding-left:115px !important } 
.pl130 { padding-left:130px !important } 

.pd00 { padding:0 !important; } 
.pd24 { padding:24px } 
.pd30 { padding:30px } 
.pd40 { padding:40px } 

.mmt20 { margin-top:-20px; *margin-top:-25px; } 
.mt0 { margin-top:0px !important } 
.mt5 { margin-top:5px !important } 
.mt6 { margin-top:6px !important } 
.mt10 { margin-top:10px !important } 
.mt15 { margin-top:15px !important } 
.mt20 { margin-top:20px !important } 
.mt22 { margin-top:22px !important } 
.mt25 { margin-top:25px !important } 
.mt30 { margin-top:30px !important } 
.mt35 { margin-top:35px !important } 
.mt40 { margin-top:40px !important } 
.mt45 { margin-top:45px !important } 
.mt50 { margin-top:50px !important } 
.mt60 { margin-top:60px !important } 
.mt80 { margin-top:80px !important } 
.mt100 { margin-top:100px !important } 
.mt140 { margin-top:140px !important; } 

.mtb0 { margin:0 !important } 
.mtb5 { margin:5px 0 !important } 
.mtb20 { margin:20px 0 !important } 

.mt-10 { margin-top:-10px !important } 
.mt-15 { margin-top:-15px !important } 
.mt-20 { margin-top:-20px !important } 

.mr0 { margin-right:0 !important } 
.mr3 { margin-right:3px !important } 
.mr4 { margin-right:4px !important } 
.mr5 { margin-right:5px !important } 
.mr10 { margin-right:10px !important } 
.mr12 { margin-right:12px !important } 
.mr15 { margin-right:15px !important } 
.mr16 { margin-right:16px !important } 
.mr17 { margin-right:17px !important } 
.mr20 { margin-right:20px !important } 
.mr30 { margin-right:30px !important } 
.mr25 { margin-right:25px !important } 
.mr30 { margin-right:30px !important } 
.mr35 { margin-right:35px !important } 
.mr40 { margin-right:40px !important } 
.mr45 { margin-right:45px !important } 

.mb0 { margin-bottom:0px !important } 
.mb2 { margin-bottom:2px !important } 
.mb3 { margin-bottom:3px !important } 
.mb5 { margin-bottom:5px !important } 
.mb10 { margin-bottom:10px !important } 
.mb15 { margin-bottom:15px !important } 
.mb16 { margin-bottom:16px !important } 
.mb20 { margin-bottom:20px !important } 
.mb25 { margin-bottom:25px !important } 
.mb30 { margin-bottom:30px !important } 
.mb34 { margin-bottom:34px !important } 
.mb35 { margin-bottom:35px !important } 
.mb40 { margin-bottom:40px !important } 
.mb50 { margin-bottom:50px !important } 
.mb70 { margin-bottom:70px !important } 
.mb80 { margin-bottom:80px !important } 
.mb90 { margin-bottom:90px !important } 
.mb100 { margin-bottom:100px !important } 

.ml0 { margin-left:0px !important } 
.ml5 { margin-left:5px } 
.ml9 { margin-left:9px } 
.ml10 { margin-left:10px !important } 
.ml14 { margin-left:14px } 
.ml15 { margin-left:15px !important } 
.ml16 { margin-left:16px !important } 
.ml17 { margin-left:17px } 
.ml18 { margin-left:18px !important } 
.ml20 { margin-left:20px !important } 
.ml30 { margin-left:30px !important } 
.ml100 { margin-left:100px } 
.ml150 { margin-left:150px } 
.ml180 { margin-left:180px } 
/********** ?????? **********/

.family_wrap { min-width:1000px; /* padding-left:160px; */ } 

#wrapper { position:relative; width:100%; margin:0 auto; } 
#wrapper1 { position:relative; } /* ??????? wrap */

#GNBTitle { width:1000px; height:79px; } 

/*2014.11.28 ????*/
.headerB { position:absolute; top:51px; left:0; display:none; } 
.headerB ul { } 
.headerB ul li { float:left; line-height:11px; padding:0 6px; border-right:1px solid #ddd; } 
.headerB ul li:first-child { float:left; border-left:0 } 
.headerB ul li.last { border-right:0; margin-right:0; padding-right:0; } 
.headerB ul li a { font-size:11px; color:#888; } 
.headerB ul li a:hover { color:#000; } 
.headerB ul li.none { padding:0 0 0 8px; border-right:0; display:inline-block; } 

.etcarea { position:relative; } 
.menuarea { margin-top:12px; border-top:1px solid #ccc; border-bottom:2px solid #cc0000; } 

.gnb { float:left; width:1000px; border-top:1px solid #ccc; } 
.gnb ul { float:left; width:100%; height:52px; background:url(https://cdn.hackersut.com/www/images/common/gnb_bg.gif) bottom repeat-x; } 
.gnb ul li { float:left; margin:0 72px 0 0; } 
.gnb ul li img { padding:15px 0; } 
.gnb ul li.first { margin:0 72px 0 50px; } 
.gnb ul li.second { float:left; margin:0 75px 0 0; } 
.gnb ul li.last { margin:0; } 

/* gnb */
#gnb { width:100%; height:47px; } 
#gnb li { float:left; width:142px; height:47px } 
#gnb li a { width:100%; height:31px; margin:0; text-align:center; padding-top:16px; font-size:16px; color:#cc0000; letter-spacing:-1px; display:block; } 
#gnb li.last a { color:#373737; } 

/* ???? ?? ??? */
#sub_view { width:100%; height:31px; background-color:#cc0001; z-index:1000; display:none; } 
#sub_view .btn_close { position:absolute; bottom:0; right:0; } 
#sub_view .btn_close a { display:block; width:47px; height:21px; color:#fff; background:#cc0000; text-align:center; } 

/* ????? ????_131114 */
#event_bar_wrap { position:relative; width:100%; height:31px; margin-bottom:20px; overflow:hidden; } 
#event_bar2 { position:relative; /* width:100%; margin:0 auto; padding:0px; */ height:31px; background-color:#f1f1f1; overflow:hidden; } 
#event_bar2 .topNew_icon { float:left; margin-top:6px; margin-left:12px; } 
#event_bar2 .topNews { float:left; } 
#event_bar2 .topNews .onlineB { width:600px; height:24px; padding:4px 0 0 10px; } 
#event_bar2 .topNews .onlineB li { line-height:22px; } 
#event_bar_wrap .topTxtLink { position:absolute; top:6px; left:50%; width:250px; margin-left:230px; text-align:right; z-index:4; _clear:both; } 

#main_container { position:relative; width:100%; margin:0 auto; padding:0; z-index:9; } 
#container { position:relative; width:100%; margin:20px auto 0; } 

/*?????????????*/
.favorite_site { position:absolute; top:5px; right:0; } 
.favorite_site li { float:left; line-height:11px; padding:0 0 0 8px; border-right:0; display:inline-block; } 

/* ???? ?۬? ????? */
.util { overflow:hidden; height:33px; *height:34px; font-size:11px !important; background:#f4f4f4 repeat-x 0 100%; display:none; } 
.util li { float:left; color:#70717c; font-size:11px!important } 
.util li a { display:block; padding:10px 10.5px 10px 10px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; font-size:11px !important } 
.util li:first-child a { padding:10px 25px; border-left:1px solid #ccc; } 
.util li a.first { padding:10px 25px; border-left:1px solid #ccc; } 
.util li.active a, .util li a:hover { background:#fff; color:#d01715 !important; border-bottom:0 !important } 

#util_menu { position:absolute; top:50px; right:0; } 
#util_menu li:first-child a { color:#373737; } 
#util_menu li { float:left; line-height:11px; padding:0 6px; border-right:1px solid #ddd; } 
#util_menu li.last { border-right:0; margin-right:0; padding-right:0; } 
#util_menu li.none { padding:0 0 0 8px; border-right:0; display:inline-block; } 
#util_menu li em { color:#cc0000; } 
#util_menu li a { font-size:11px; color:#888; } 
#util_menu li a:hover { color:#000; } 

/* sub_view */
#sub_view { background:#fff; line-height:22px; padding-top:20px; width:996px; height:268px; border:2px solid #cc0000; position:absolute; top:47px; left:0; z-index:1000; } 
#sub_view ul { min-width:115px; padding:0px 0px 0px 25px; float:left; } 
#sub_view ul.first { padding-left:15px;; } 
#sub_view ul.last { padding-left:20px; } 
#sub_view a { font-size:12px; color:#333; font-weight:normal; } 
#sub_view a strong { color:#cc0000; font-weight:normal; } 
#sub_view .login_view,
#sub_view .gnb_view { width:1011px; margin:0 auto; } 

/***** wrapper ??????, gnb???? 150528 *****/
#wrapper_150521 { min-width:1000px; padding-left:160px; } 

 /***** header ??????, gnb???? 150528 *****/
#header_150521 { position:relative; z-index:20; margin-top:18px; } 

/* header gnb ??? */
#header_150521 .h_gnb_div { overflow:hidden; } 
#header_150521 .h_gnb_div .h_logo { position:absolute; left:0px; top:-12px; } 
/* h_ac_lec */
#header_150521 .h_gnb_div .h_ac_lec { width:804px; margin-left:207px; position:relative; float:left; } 
#header_150521 .h_gnb_div .h_ac_lec li { float:left; } 
#header_150521 .h_gnb_div .h_ac_lec li { padding-right:4px; background:url('https://cdn.hackersut.com/www/images/layout/header/150521/bg_h_gnb_150521_lec.gif') no-repeat right top; } 
#header_150521 .h_gnb_div .h_ac_lec li:last-child { padding-right:0; background:none; } 
#header_150521 .h_gnb_div .h_ac_lec li a { display:block; width:198px; height:48px; overflow:hidden; background:url('https://cdn.hackersut.com/www/images/common/bg_common2.png') no-repeat 0px 0px; } 
#header_150521 .h_gnb_div .h_ac_lec li a.www { background-position:-168px 0; } 
#header_150521 .h_gnb_div .h_ac_lec li a.ingang { background-position:-168px -136px; } 
#header_150521 .h_gnb_div .h_ac_lec li a.edu1 { background-position:-168px -272px; } 
#header_150521 .h_gnb_div .h_ac_lec li a.edu2 { background-position:-168px -408px; } 
#header_150521 .h_gnb_div .h_ac_lec li a.www:hover { background-position:-168px -48px; } 
#header_150521 .h_gnb_div .h_ac_lec li a.ingang:hover { background-position:-168px -184px; } 
#header_150521 .h_gnb_div .h_ac_lec li a.edu1:hover { background-position:-168px -320px; } 
#header_150521 .h_gnb_div .h_ac_lec li a.edu2:hover { background-position:-168px -456px; } 
/* h_gnb */
#header_150521 .h_gnb_div .h_gnb { float:left; position:relative; } 
#header_150521 .h_gnb_div .h_gnb li { float:left; padding:22px 4px; } 
#header_150521 .h_gnb_div .h_gnb li a { display:block; width:54px; background:url('https://cdn.hackersut.com/www/images/common/bg_common.png') no-repeat 0px 0; text-indent:-9999px; } 
#header_150521 .h_gnb_div .h_gnb li:first-child a { margin-left:3px; background-position:0 -540px; } 
#header_150521 .h_gnb_div .h_gnb li a.hmn2 { background-position:0 -565px; } 
#header_150521 .h_gnb_div .h_gnb li a.hmn3 { background-position:0 -591px; width:66px; } 
#header_150521 .h_gnb_div .h_gnb li a.hmn4 { background-position:0 -616px; } 
#header_150521 .h_gnb_div .h_gnb li a.hmn5 { background-position:0 -641px; } 
#header_150521 .h_gnb_div .h_gnb li a.hmn6 { background-position:0 -666px; } 
#header_150521 .h_gnb_div .h_gnb .tip_bn { position:absolute; top:0; left:70px; z-index:100; } 
#header_150521 .h_gnb_div .h_gnb .tip_bn .tip_bn_sub2 { position:absolute; top:0; left:0px; } 
#header_150521 .h_gnb_div .h_gnb .tip_bn a { display:none; } 
#header_150521 .h_gnb_div .h_gnb .tip_bn a.on { display:block; } 

/* h_lnb */
#header_150521 .h_lnb_div { background:#bf1e2e; } 
#header_150521 .h_lnb_div .h_lnb>ul>li { float:left; position:relative; margin:0 0 0 25px; height:33px; padding-top:17px; } 
#header_150521 .h_lnb_div .h_lnb>ul>li:first-child { margin:0 0 0 280px; } 
#header_150521 .h_lnb_div .h_lnb>ul>li.active .sub_mn { display:block; } 
#header_150521 .h_lnb_div .h_lnb>ul>li>a.mn_com { display:block; height:20px; line-height:20px; width:70px; background:url('https://cdn.hackersut.com/www/images/common/bg_common.png') no-repeat 6px 0; text-indent:-9999px; font-size:0; } 
#header_150521 .h_lnb_div .h_lnb>ul>li>a.mn2 { background-position:6px -20px; } 
#header_150521 .h_lnb_div .h_lnb>ul>li>a.mn3 { background-position:6px -40px; } 
#header_150521 .h_lnb_div .h_lnb>ul>li>a.mn4 { background-position:6px -60px; } 
#header_150521 .h_lnb_div .h_lnb>ul>li>a.mn5 { background-position:6px -80px; } 
#header_150521 .h_lnb_div .h_lnb>ul>li>a.mn6 { background-position:0 -100px; width:45px; } 
#header_150521 .h_lnb_div .h_lnb>ul>li.active>a.mn_com { border-bottom:solid 3px #fff; } 

#header_150521 .h_lnb_div .h_lnb .gnb_zone { zoom:1 } 
#header_150521 .h_lnb_div .h_lnb .gnb_zone:after { content:''; display:block; clear:both; } 
#header_150521 .h_lnb_div .h_lnb .gnb_zone li { position:relative; float:left; margin-left:30px; } 
#header_150521 .h_lnb_div .h_lnb .gnb_zone li:first-child { margin-left:220px; } 
#header_150521 .h_lnb_div .h_lnb .gnb_zone li:hover .mn { border-bottom:3px solid #fff; } 
#header_150521 .h_lnb_div .h_lnb .gnb_zone li .mn { display:block; height:19px; background-image:url('https://cdn.hackersut.com/www/images/common/bg_common.png'); font-size:0; text-indent:-9999em; font-weight:bold; color:#fff; } 
#header_150521 .h_lnb_div .h_lnb .gnb_zone li.m1 .mn { width:64px; background-position:5px 0; } 
#header_150521 .h_lnb_div .h_lnb .gnb_zone li.m2 .mn { width:94px; background-position:5px -20px; } 
#header_150521 .h_lnb_div .h_lnb .gnb_zone li.m3 .mn { width:64px; background-position:5px -40px; } 
#header_150521 .h_lnb_div .h_lnb .gnb_zone li.m4 .mn { width:64px; background-position:5px -60px; } 
#header_150521 .h_lnb_div .h_lnb .gnb_zone li.m5 .mn { width:110px; background-position:5px -80px; } 
#header_150521 .h_lnb_div .h_lnb .gnb_zone li.m6 .mn { width:71px; background-position:5px -100px; } 
#header_150521 .h_lnb_div .h_lnb .gnb_zone li.m7 .mn { width:117px; background-position:5px -120px; } 
#header_150521 .h_lnb_div .h_lnb .gnb_zone li .sub_mx { display:none; padding:20px; position:absolute; top:50px; left:50%; background:#fff; border:1px solid #bf1e2e; z-index:10; } 
#header_150521 .h_lnb_div .h_lnb .gnb_zone li .sub_mx.on { display:block; } 
#header_150521 .h_lnb_div .h_lnb .gnb_zone li .sub_mx .ic { position:absolute; top:-9px; left:50%; margin-left:-8px; height:9px; } 
#header_150521 .h_lnb_div .h_lnb .gnb_zone li .sub_mx .tit { margin-bottom:15px; font-size:14px; color:#212121; font-weight:bold; } 
#header_150521 .h_lnb_div .h_lnb .gnb_zone li .sub_mx .tit strong { color:#bf1e2e; } 
#header_150521 .h_lnb_div .h_lnb .gnb_zone li .sub_mx .sm_cont { overflow:hidden; line-height:22px; } 
#header_150521 .h_lnb_div .h_lnb .gnb_zone li .sub_mx .sm_cont .lbx { float:left; } 
#header_150521 .h_lnb_div .h_lnb .gnb_zone li .sub_mx .sm_cont .rbx { float:right; } 
#header_150521 .h_lnb_div .h_lnb .gnb_zone li .sub_mx .sm_cont a { display:block; font-size:12px; color:#888; } 
#header_150521 .h_lnb_div .h_lnb .gnb_zone li .sub_mx .sm_cont .btn_tit { margin-top:10px; font-size:13px; color:#bf1e2e; font-weight:bold; } 
#header_150521 .h_lnb_div .h_lnb .gnb_zone li .sub_mx .sm_cont .btn_tit:first-child { margin-top:0; } 
#header_150521 .h_lnb_div .h_lnb .gnb_zone li .sub_mx .sm_cont .btn_tit_sub { font-size:12px; color:#333; font-weight:bold; } 
#header_150521 .h_lnb_div .h_lnb .gnb_zone li .sub_mx a:hover { font-weight:bold; text-decoration:underline; } 
#header_150521 .h_lnb_div .h_lnb .gnb_zone li.m1 .sub_mx { margin-left:-100px; width:170px; } 
#header_150521 .h_lnb_div .h_lnb .gnb_zone li.m2 .sub_mx { margin-left:-95px; width:150px; } 
#header_150521 .h_lnb_div .h_lnb .gnb_zone li.m3 .sub_mx { margin-left:-77px; width:115px; } 
#header_150521 .h_lnb_div .h_lnb .gnb_zone li.m4 .sub_mx { margin-left:-70px; width:110px; } 
#header_150521 .h_lnb_div .h_lnb .gnb_zone li.m5 .sub_mx { margin-left:-63px; width:105px; } 
#header_150521 .h_lnb_div .h_lnb .gnb_zone li.m6 .sub_mx { margin-left:-92px; width:145px; } 
#header_150521 .h_lnb_div .h_lnb .gnb_zone li.m7 .sub_mx { margin-left:-85px; width:140px; } 
.h_lnb_div .h_lnb .gnb_zone li .sub_mx span.ico_hot{position: relative; top: -2px; left: 5px;}
.h_lnb_div .h_lnb .gnb_zone li .sub_mx .sm_cont span.ico_hot img{animation: hot_show 1.5s infinite ease}

@keyframes hot_show{
	0%,100%{opacity: 1;}
	50%{opacity: 0;}
}

/* ????/??? */
.h_lnb_div .h_mnb { position:absolute; } 
.h_lnb_div .h_mnb>ul>li { float:left; position:relative; margin:0 0 0 9px; height:33px; padding-top:17px; } 
.h_lnb_div .h_mnb>ul>li:first-child { margin:0 0 0 0px; } 
.h_lnb_div .h_mnb>ul>li>a { display:block; width:60px; height:15px; line-height:15px; background:url('https://cdn.hackersut.com/www/images/common/bg_common.png') no-repeat 0 0; text-indent:-9999px; } 
.h_lnb_div .h_mnb>ul>li:first-child>a { background-position:0 -516px; border-right:2px solid #fff; width:50px; } 
.h_lnb_div .h_mnb>ul>li>a.mn_join { background-position:0 -491px; } 
.h_lnb_div .h_mnb>ul>li>a.mn_out { background-position:-100px -491px; width:60px; } 
.h_lnb_div .h_mnb>ul>li>a.mn_my { background-position:-100px -516px; width:67px; } 

/* sub_mn */
.h_lnb_div .sub_mn { display:none; position:absolute; left:-40px; top:51px; z-index:999; width:450px; background:#fff; border-style:solid; border-width:0px 1px 1px 1px; border-color:#bf1e2e; } 
.h_lnb_div .h_lnb>ul>li.course .sub_mn { width:620px; } 
.h_lnb_div .h_lnb>ul>li.academy .sub_mn { width:450px; } 
.h_lnb_div .sub_mn table td { padding:25px 14px 31px 14px; border-left:solid 1px #e0e0e0; min-height:202px; } 
.h_lnb_div .sub_mn table td:first-child { border-left:none; } 
.h_lnb_div .sub_mn table td strong.sub_mn_tit { display:block; padding-left:6px; /* ?????? */ *width:140px; background:url('https://cdn.hackersut.com/www/images/layout/header/150521/ico_sub_mn_tit.gif') no-repeat 0px 3px; } 
.h_lnb_div .sub_mn table td strong.sub_mn_tit a.mn_com { display:block; width:130px; height:20px; background:url('https://cdn.hackersut.com/www/images/common/bg_common.png') no-repeat 0 0; text-indent:-9999px; } 
.h_lnb_div .sub_mn table td strong.sub_mn_tit a.mn_com.mn_sub1 { background-position:0 -141px; } 
.h_lnb_div .sub_mn table td strong.sub_mn_tit a.mn_com.mn_sub2 { background-position:0 -164px; } 
.h_lnb_div .sub_mn table td strong.sub_mn_tit a.mn_com.mn_sub3 { background-position:0 -189px; } 
.h_lnb_div .sub_mn table td ul { margin-top:13px; padding:11px 9px; min-height:148px; border:solid 1px #e0e0e0; } 
.h_lnb_div .sub_mn table td ul li { line-height:23px; } 
.h_lnb_div .sub_mn table td ul li a { letter-spacing:-1px; font-size:13px; color:#747474; } 
.h_lnb_div .sub_mn table td ul li a.fc_red { color:#bf1e2e; } 

/* h_lnb_full */
.h_lnb_full { position:absolute; right:0px; /* top:7px; */bottom:0px; } 
.h_lnb_full img { vertical-align:middle; } 
.h_lnb_full a.btn_h_lnb_full { display:block; width:149px; height:44px; background:url('https://cdn.hackersut.com/www/images/common/sp_common.png') no-repeat -168px -330px #bf1e2e; text-indent:-9999px; } 
.h_lnb_full.active a.btn_h_lnb_full { background-position-y:-374px; } 
.h_lnb_full .full_mn { display:none; position:absolute; right:0px; top:44px; z-index:999; width:1018px; background:#fff; border-style:solid; border-width:0px 1px 1px 1px; border-color:#bf1e2e; } 
.h_lnb_full .full_mn .inside { } 
.h_lnb_full .full_mn .f_l { float:left; } 
.h_lnb_full .full_mn .fc_red { color:#bf1e2e !important; } 
.h_lnb_full .full_mn table { } 
.h_lnb_full .full_mn table td { padding:22px 10px 11px 10px; border-left:solid 1px #e0e0e0; min-height:202px; } 
.h_lnb_full .full_mn table td:first-child { border-left:none; } 
.h_lnb_full .full_mn table td strong.full_mn_tit { display:block; } 
.h_lnb_full .full_mn table td strong.full_mn_tit a.mn_com { display:block; width:77px; height:19px; background:url('https://cdn.hackersut.com/www/images/common/bg_common.png') no-repeat 0 0; text-indent:-9999px; } 
.h_lnb_full .full_mn table td strong.full_mn_tit a.mn_com.fmn1 { background-position:0 -240px; } 
.h_lnb_full .full_mn table td strong.full_mn_tit a.mn_com.fmn2 { background-position:0 -265px; } 
.h_lnb_full .full_mn table td strong.full_mn_tit a.mn_com.fmn3 { background-position:0 -290px; } 
.h_lnb_full .full_mn table td strong.full_mn_tit a.mn_com.fmn4 { background-position:0 -315px; } 
.h_lnb_full .full_mn table td strong.full_mn_tit a.mn_com.fmn5 { background-position:0 -340px; } 
.h_lnb_full .full_mn table td strong.full_mn_tit a.mn_com.fmn6 { background-position:0 -365px; } 
.h_lnb_full .full_mn table td strong.full_mn_tit a.mn_com.fmn7 { background-position:0 -390px; } 
.h_lnb_full .full_mn table td strong.full_mn_tit a.mn_com.fmn8 { background-position:0 -415px; } 
.h_lnb_full .full_mn table td strong.full_mn_tit a.mn_com.fmn9 { background-position:0 -440px; } 
.h_lnb_full .full_mn table td strong.full_mn_tit a.mn_com.fmn10 { background-position:0 -465px; width:120px; } 
.h_lnb_full .full_mn table td strong.full_mn_s_tit { display:block; padding-left:6px; background:url('https://cdn.hackersut.com/www/images/layout/header/150521/ico_sub_mn_tit.gif') no-repeat 0px center; } 
.h_lnb_full .full_mn table td strong.full_mn_s_tit a { color:#000; font-size:13px; } 
.h_lnb_full .full_mn table td ul.m_div { margin-top:10px; min-height:105px; } 
.h_lnb_full .full_mn table td ul.m_div>li { float:left; line-height:23px; margin-left:8px; min-width:105px; } 
.h_lnb_full .full_mn table td ul.m_div>li:first-child { margin-left:0px; } 
.h_lnb_full .full_mn table td ul.m_div>li span.sub_mn_ico { } 
.h_lnb_full .full_mn table td ul.m_div>li>a { font-size:12px; color:#747474; letter-spacing:-1px; } 
.h_lnb_full .full_mn table td ul.s_div { margin-top:13px; padding:8px 6px; min-height:105px; border:solid 1px #e0e0e0; } 
.h_lnb_full .full_mn table td ul.s_div.unvisible { min-height:0px; border:none; } 
.h_lnb_full .full_mn table td ul.s_div>li { line-height:23px; } 
.h_lnb_full .full_mn table td ul.s_div>li span.sub_mn_ico { } 
.h_lnb_full .full_mn table td ul.s_div>li>a { font-size:12px; color:#747474; letter-spacing:-1px; } 

.h_gnb_div .h_gnb .reTop_tipBtn { position:absolute; top:0; left:0 !important; z-index:100; } 
.reTop_tipBtn a { display:block; width:147px; height:23px; position:relative; background:url('//www.hackersut.com/images/banner/mockIcon.png') no-repeat 0 0; } 
.reTop_tipBtn a span { display:block; letter-spacing:-1px; color:#fff; font-size:11px; position:absolute; top:2px; left:6px; } 
/*

!* family_site *!
.family_site_area { z-index:99999; background:#1f2024; width:160px; height:100%; position:absolute; left:0; top:0; !* ??? height:2125px; *! } 
.family_site_tit { font-size:0; *text-indent:0; padding-bottom:20px; display:block; width:160px; height:41px; background:url("https://cdn.hackersut.com/www/images/common/gnb/bg_family_site.png") no-repeat 30px -856px; border-bottom:1px solid #3a3b41; } 
.family_site_area .login_line { background:none; text-align:left; color:#a7a7a7; padding:0 20px 0 30px; line-height:48px; height:48px; border-bottom:1px solid #3a3b41; margin-bottom:0px; } 
.family_site_area .login_line a { color:#a7a7a7; font-size:11px; } 
.login_txt { color:#d1d1d1 !important; display:inline-block; *display:inline; *zoom:1; padding:0px 0 0 0; } 
.family_site_area .login_mypage { background:#4f1f27; } 
.family_site_area .login_mypage span.ico { margin-left:35px; } 
.login_after_line { position:relative; z-index:111; color:#a7a7a7; font-size:12px; line-height:22px; letter-spacing:-1px; padding:20px 20px; text-align:center; border-bottom:1px solid #3a3b41; } 
.family_site_area .select_box { margin-top:10px; } 
.family_site_area .select_box > a { display:block; font-size:12px; color:#9a9a9a; !*width:110px; *!height:26px; padding-left:4px; line-height:26px; background:url("https://cdn.hackersut.com/www/images/common/gnb/bg_login.png") 95px 3px no-repeat; border:1px solid #3a3b41; } 
.family_site_area .select_list { display:none; border:1px solid #3a3b41; border-top:0; background:#1f2024; } 
.family_site_area .select_list li a { text-align:left; font-size:11px; letter-spacing:-1px; padding-bottom:3px; padding-top:3px; padding-left:5px; display:block; color:#fff; } 
.family_site_area .select_list li a:hover { background:#525359; color:#fff !important; } 
.family_site_area { padding-top:86px; } 
.family_site_area > ul > li { padding-left:28px; margin-bottom:33px; } 
.family_site_list { margin-top:20px; } 
.family_site_tit_s,
.family_site_list li a { font-size:0; *text-indent:0; background:url("https://cdn.hackersut.com/www/images/common/gnb/bg_family_site.png") no-repeat 0 0; display:block; width:110px; height:14px; margin-bottom:7px; } 

!* ???????? *!
.family_site_area .login_board { background:none; text-align:left; color:#a7a7a7; padding:20px 20px 8px 20px; border-bottom:1px solid #3a3b41; margin-bottom:0px; } 
.family_site_area .group_board { position:relative; } 
.family_site_area .group_board strong.tit { } 
.family_site_area .group_board span.num { position:absolute; right:0px; top:0px; color:#bf1e2e; font-size:11px; } 
.family_site_area .group_board ul { padding:7px 0px 0px 17px; background:url('https://cdn.hackersut.com/www/images/layout/header/150521/ico_login_board.png') no-repeat 4px 7px; } 
.family_site_area .group_board li { color:#a7a7a7; font-size:10px; letter-spacing:-1px; } 
.family_site_area .group_board li a { color:#bf1e2e; font-size:10px; letter-spacing:-1px; line-height:12px; } 

!* family_site *!
.family_site_list > li { padding-left:28px; margin-bottom:33px; } 
.family_site_tit_s,
.family_site_list li a { font-size:0; *text-indent:0; background:url("https://cdn.hackersut.com/www/images/common/gnb/bg_family_site.png") no-repeat 0 0; display:block; width:110px; height:14px; margin-bottom:7px; } 

!* facebook_btn *!
.facebook_btn { height:24px; padding:0 0 6px 28px; } 
.facebook_btn .sns_tit { background:url("https://cdn.hackersut.com/www/images/common/gnb/bg_sns.png") no-repeat 0 0; width:65px; height:13px; display:block; font-size:0; text-indent:-9999em; *text-indent:0 } 
.facebook_btn .sns_btn { margin-bottom:15px; } 
.facebook_btn .sns_btn a { margin-right:7px; display:inline-block; *display:inline; *zoom:1; width:28px; height:28px; font-size:0; text-indent:-9999em; *text-indent:0; background:url("https://cdn.hackersut.com/www/images/common/gnb/bg_sns.png") no-repeat 0 -24px; } 
.facebook_btn .sns_btn a:hover { background-position:0 -52px; } 
.facebook_btn .sns_btn a.btn2 { background-position:-35px -24px; } 
.facebook_btn .sns_btn a.btn2:hover { background-position:-35px -52px; } 
.facebook_btn .sns_btn a.btn3 { background-position:-70px -24px; } 
.facebook_btn .sns_btn a.btn3:hover { background-position:-70px -52px; } 

!* family_site_list *!
.family_site_list.txt > li { padding-left:28px; margin-bottom:33px; } 
.family_site_list.txt .family_site_tit_s,
.family_site_list.txt li a { color:#a7a7a7; background:none; font-size:12px; display:block; width:110px; height:14px; margin-bottom:7px; } 
.family_site_list.txt li.active a,.family_site_list.txt li a:hover { color:#d01715; } 
.family_site_list.txt li a { vertical-align:bottom; line-height:1.2; } 
.family_site_list.txt li a img { vertical-align:bottom; } 
.family_site_list.txt .family_site_tit_s { color:#585858; } 
.family_site_list.txt li a span { font-size:10px; color:#8a8989; letter-spacing:-1px; } 
*/

/* login_???? */
.login_view { padding-top:6px; } 
.login_view .login_box { float:left; } 
.login_view .login_box .input_bg { float:left; border:0; color:#868585; width:111px; height:19px; line-height:19px; margin-right:5px; padding-left:5px; display:inline-block; } 
.login_view .login_box .input_id { background:url('https://cdn.hackersut.com/www/images/common/bg_id.gif') no-repeat; } 
.login_view .login_box .input_pw { background:url('https://cdn.hackersut.com/www/images/common/bg_pw.gif') no-repeat; } 
.login_view .login_box .input_not { background:url('https://cdn.hackersut.com/www/images/common/bg_input_not.gif') no-repeat; } 
.login_view .login_box .btn_login { float:left; margin:0 3px; display:inline-block; } 
.login_view .login_box label { float:left; color:#666; margin:1px 0 0 3px; line-height:26px; display:inline-block; } 
.login_view .login_box label input { margin:-3px 3px 0 0; } 

.login_view .login_btns { float:left; margin:4px 0 0 10px; } 
.login_view .login_btns li { float:left; line-height:11px; padding:0 8px; border-right:1px solid #ff8888; } 
.login_view .login_btns li.last { border-right:0; margin-right:10px; } 
.login_view .login_btns li a { border-right:0; } 

.login_view .my_info { float:left; line-height:11px; margin:0px 0 0 0px; color:#fff; } 
.login_view .my_info .my_page { margin-left:10px; } 


/* ???????? */
.my_info .my_class { position:relative; top:0px; display:inline-block; } 
.my_info .go_class { width:135px; height:19px; line-height:19px; margin-left:10px; padding:0 0 0 5px; font-size:11px; color:#fff; background:#860000 url('https://cdn.hackersut.com/www/images/common/bg_selcete.gif') right 1px no-repeat; border:1px #630000 solid; display:inline-block; } 
.my_info .list_class { position:absolute; top:20px; left:10px; width:129px; padding:5px 4px 0 7px; margin:0 0 0 0; border:1px #d6d6d6 solid; background:#fff; z-index:11; } 
.my_info .list_class li { line-height:14px; margin-bottom:5px; font-size:11px; color:#666 !important; display:block; cursor:pointer; } 
.my_info .list_class li:hover { color:#999 !important; } 
.my_info .list_class li a { line-height:14px; margin-bottom:5px; font-size:11px; color:#666 !important; display:block; cursor:pointer; } 
.my_info .list_class li a:hover { color:#999 !important; } 

/* gnb_?????? */
.gnb_view ul { float:right; display:inline-block; } 
.gnb_view ul li { float:left; display:inline-block; } 
.gnb_view ul li a { margin:0 0 0 13px; padding:6px 0px 6px 10px; display:block; font-size:14px !important; color:#021c3f; letter-spacing:-1px; } 
.gnb_view ul li a:hover,
.gnb_view ul li.on a { color:#f4d2d2 !important; } 
.gnb_view ul li a img { margin-left:5px; vertical-align:0; } /* new ?????? */
.gnb_view ul.last li a { padding-right:0; } 

/* ? ?????? */
#flag { position:absolute; top:0px; right:-77px; } 
#flag li { float:left; margin-left:3px; } 

#quick_menu { position:absolute; left:50%; width:80px; margin-left:525px; z-index:4; _clear:both; } 
#quick_menu h1 { float:right; width:82px; height:21px; line-height:21px; font-weight:bold; font-size:13px; font-family:'noto' , sans-serif;  color:#fff; text-align:center; background:#cc0000; } 
#quick_menu h1.lock { display:block; height:30px; cursor:pointer; margin:0 auto; position:relative; } 
#quick_menu .menu_list { float:right; width:80px; border:1px solid #d7d7d7; background-color:#fff; display:block; } 
#quick_menu .menu_list li { margin:0 7px; text-align:center; border-bottom:1px solid #d7d7d7; } 
#quick_menu .menu_list li a { padding:8px 0; font-size:11px; display:block; } 
#quick_menu .menu_list li a:hover { color:#111; } 
#quick_menu .menu_list li.last { border-bottom:none; } 
#quick_menu .banner { float:right; margin:10px 0 0 0; display:block; } 
#quick_menu .banner li { float:left; } 
#quick_menu .banner li a,
#quick_menu .banner li img { margin:0; padding:0; display:block; overflow:hidden; } 
#quick_menu .banner#quick_03 { border:1px solid #cc0000; } 
#quick_menu .banner#quick_03 li { border-top:1px solid #cc0000; } 
#quick_menu .banner#quick_03 li:first-child { border-top:none; } 
#quick_menu .banner#quick_03 li a img { width:80px; height:84px; } 

#outer_quick { position:absolute; left:50%; width:190px; margin-left:575px; z-index:10; _clear:both; } 
#outer_quick .quick_control { background:#eb0d27; width:190px; text-align:center; } 
#outer_quick .quick_control span.lock { display:block; padding:9px 0px 8px 0px; } 
#outer_quick .quick_list ul { overflow:hidden; } 
#outer_quick .quick_list ul li { width:190px; text-align:center; float:left; } 
#outer_quick .quick_list ul li.q1 { } 
#outer_quick .quick_list ul li.q2 { } 
#outer_quick .quick_list ul li.q3 { } 
#outer_quick .quick_list ul li.q4 { } 
#outer_quick .quick_list ul li.q5 { } 
#outer_quick .quick_list ul li.q6 { } 
#outer_quick .quick_list ul li.q7 { } 
#outer_quick .quick_list ul li.q7 a { /* color:#eb0d27; */ } 
#outer_quick .quick_list ul li a { background:#f0f0f0; display:block; font-size:13px; line-height:18px; color:#808080; padding:8px 0px 7px 0px; border-style:solid; border-width:0px 1px 1px 1px; border-color:#d4d4d4; } 
#outer_quick .quick_list ul li.q1 a { background:#fff; font-size:14px; color:#272727; padding:10px 0px 9px 0px; border:solid 1px #eb0d27; } 
#outer_quick .quick_list ul li a:hover { color:#272727; } 
#outer_quick .quick_bn { margin-top:13px; } 
#outer_quick .evt_quick_bn li { margin-top:10px; } 
#outer_quick .evt_quick_bn li:first-child { margin-top:0; } 
#outer_quick .quick_control.style2 { width:168px; background-color:transparent; } 
#outer_quick .quick_control.style2 span.lock { display:block; padding:0; } 

/* п Ʈ   ޴ 250904 */
#outer_quick_v2.right_quick { width: 110px; position:absolute; top: 56px; left:50%; margin-left:525px; z-index:1; } 
.right_quick { } 
.right_quick .quick_con { width:128px; height:26px; padding-top:7px; text-align:center; background:#acacac; } 
.right_quick .simple_con { background:#f8f8f8; height:46px; padding-top:7px; text-align:center; } 
.right_quick .simple_con strong { font-size:14px; color:#150c0c; display:inline-block; margin-bottom:4px; } 
.right_quick .simple_con input { width:78px; height:17px; border:1px solid #d3d3d3; background:#fff; font-size:11px; color:#8b8b8b; } 

.right_quick .text_box { background:#fff; } 
.right_quick .text_box textarea { width:95px; height:52px; padding:5px 10px; color:#8b8b8b; font-size:11px; border:none; overflow-y:hidden; overflow-x:hidden; } 

.btn_box { text-align:center; margin-bottom:7px; } 
.btn_box.box_n a { width:auto; height:auto; } 

.btn_box a.sms_quick { display:inline-block; width:101px; height:25px; line-height:25px; background:#f3092d; border-bottom:2px solid #ca041e; overflow:hidden; } 
.btn_box a span { display:block; color:#fff; font-size:12px; text-align:center; } 
.right_sub .list{width: 88px; padding: 0 10px; background: #fff; border: 1px solid #e5e4e4; border-radius: 10px;} 
.right_sub > .list > li {color: #555; font-weight: bold; font-size: 12px; text-align: center; border-top: 1px solid #eee;} 
.right_sub > .list > li > a { display:block; padding: 10px 0; overflow:hidden; } 
.right_sub .list li:first-child { border-top:none; } 

.right_sub .evt_bnr { overflow:hidden; } 
.right_sub .evt_bnr li { border-top:1px solid #d1d1d1; } 
.right_sub .evt_bnr li:first-child { border-top:none; } 
/* п Ʈ   ޴ 250904 */

/* ????? ????? ????? 150203 */
h3.tit_quick { text-align:center; font-size:15px; color:#fff; padding:8px 0px; background:#eb0d27; } 
.quick_counseling { margin-top:12px; background:#fff; border:solid 1px #d4d4d4; } 
.quick_counseling img,.quick_counseling input,.quick_counseling textarea,.quick_counseling select { vertical-align:middle; } 
.quick_counseling .inside { padding-left:17px; } 

.quick_counseling span.phone_box { display:block; margin-top:16px; } 
.quick_counseling span.phone_box input[type='text'] { width:32px; } 
.quick_counseling .memo_box { margin-top:7px; } 
.quick_counseling .memo_box textarea { font-size:12px; width:152px; height:53px; color:#666; } 
.quick_counseling span.btn_box { display:block; margin:6px 0px 10px; text-align:left; } 

.quick_counseling li { text-align:center; line-height:18px; letter-spacing:-1px; border:solid 1px #d4d4d4; border-top:none; padding:15px 8px; } 
.quick_counseling li.phone { } 
.quick_counseling li.mail { } 
.quick_counseling li dl { *zoom:1; } 
.quick_counseling li dt { font-size:16px; height:30px; } 
.quick_counseling li dd { font-size:13px; text-align:left; margin-top:8px; white-space:nowrap; } 
.quick_counseling li dd .input_txt { font-size:11px; letter-spacing:-1px; height:20px; border:solid 1px #c4c4c4; } 
.quick_counseling li dd .input_area { font-size:11px; letter-spacing:-1px; color:#b6b6b6; padding:10px 12px; border:none; background:#f3f3f3; } 
.quick_counseling li p { } 

/* 2016-11-11 ???? ?????? */
.evtQuick { display:block; position:absolute; top:250px; right:0; z-index:999; } 
.evtQuick.fixed { position:fixed; top:0px; right:0px; } 
.evtQuick .btn_evtQuick li { position:absolute; top:0px; right:0; /*right:-200px; */ clear:both; } 
.evtQuick .btn_evtQuick li.on { position:absolute; top:0px; right:0px; clear:both; display:block; } /* */

.evtQuick .btn_evtQuick li:first-child.on > img { display:block; } 
.evtQuick .btn_evtQuick li.on > a > img { display:none; } 

.evtQuick .btn_evtQuick li a { float:right; } 
.evtQuick .cont_quick { position:absolute; top:26px; right:0px; width:168px; } 
.evtQuick .cont_quick h3 { height:68px; } 
.evtQuick .cont_quick .evt_quick_bn li { margin-top:10px; } 
.evtQuick .cont_quick .evt_quick_bn li:first-child { margin-top:0; } 

/* ??????? ??????? ???? ??? 150903 */
.promotion_wrap { overflow:hidden; position:absolute; right:-220px; top:-6px; width:204px; height:52px } 
.promotion_wrap .btnctr_pn { position:absolute; right:0px; bottom:4px; width:60px; text-align:center; } 
.promotion_wrap .btnctr_pn em.bcb_seq { color:#000000; } 
.promotion_wrap .btnctr_pn em.bcb_tot { color:#868686; } 
.promotion_wrap .btn_prom { width:14px; height:14px; display:block; position:absolute; top:0px; } 
.promotion_wrap .btn_prom span { display:none; } 
.promotion_wrap #prom_prev { left:0px; background:url('https://cdn.hackersut.com/www/images/layout/header/promotion/btn_prev.png') no-repeat 0px 0px; } 
.promotion_wrap #prom_next { right:0px; background:url('https://cdn.hackersut.com/www/images/layout/header/promotion/btn_next.png') no-repeat 0px 0px; } 
ul.promotion_ul { } 
ul.promotion_ul li { display:none; } 
ul.promotion_ul li a { } 

.promotion_wrap .bx-wrapper .bx-controls-direction a { top:98% !important; display:block; width:15px; height:15px; background:#fff url('/reMain/teacher/teaSlider_control.png') no-repeat 0 0; } 
.promotion_wrap .bx-wrapper .bx-prev { background-position:0 0; left:80.5% !important; } 
.promotion_wrap .bx-wrapper .bx-next { background-position:-15px 0 !important; right:10px !important; } 

/* ???? ?? ???? */
.topQuickwrap131224 { width:100%; height:63px; background:url('https://cdn.hackersut.com/www/images/main/140119_bg02.png'); z-index:9999; /*position:; */ top:0px; left:0px; margin:0px 0; } 
.topQuickwrap131224 #top_banner131224 { width:1116px; height:102px; position:absolute; left:50%; margin-left:-508px; } 

.slidewrap131224 { width:100%; height:583px; background:url('https://cdn.hackersut.com/www/images/main/140119_bg.png'); position:absolute; left:0px; top:0px; z-index:99999; } 
.slidemain_wrap131224 { width:1400px;; height:808px;; position:absolute; left:50%; margin-left:-700px } 
.slidebanner_slider131224 { position:absolute; width:679px; height:185px; top:489px; left:485px; border:solid 1px #1e6167; } 

.topQuickwrap140324 { width:100%; height:56px; background:url('https://cdn.hackersut.com/www/images/main/header/141030_top_banner_bg.jpg'); position:relative; z-index:10000; top:0; left:0px; margin:0px 0; border-bottom:1px solid #dfe4e3; } 
.topQuickwrap140324 #top_banner140324 { width:1068px; height:58px; margin:0 auto; position:relative; } 
.topQuickwrap140324 a.btn_open_slide { display:block; width:58px; height:33px; position:absolute; right:-70px; bottom:20px; background:url('https://cdn.hackersut.com/www/images/main/140415_btn_top_br.gif') no-repeat 0 0; . } 
.topQuickwrap140324 a.btn_open_slide.open { background-position:0 -34px; } 
.slidemain_wrap140324 ul { width:1247px; height:583px; position:relative; left:0; } 
.slidemain_wrap140324 ul li { float:left; width:1247px } 
.slidemain_wrap140324 { width:1068px; margin:0 auto; position:relative; } 
.slidemain_wrap140324 a { display:block; width:34px; height:69px; position:absolute; top:140px; font-size:0; z-index:99; } 
.slidemain_wrap140324 a.prev { left:0; background:url("https://cdn.hackersut.com/www/images/main/header/btn_prev.gif") no-repeat 0 0; } 
.slidemain_wrap140324 a.next { left:1034px; background:url("https://cdn.hackersut.com/www/images/main/header/btn_next.gif") no-repeat 0 0; } 
#slidewrap140324 { width:100%; height:391px; background:url('https://cdn.hackersut.com/www/images/main/header/top_banner_bg_big.gif'); position:absolute; left:0px; top:57px; z-index:900; } 
.slidemain_wrap140324 { width:1068px; margin:0 auto; height:391px; overflow:hidden; position:relative; } 

/** 20140120 ???? ???? **/
.quick_banana { margin:0 0 5px 0; } 
.member_banana { position:absolute; left:6px; top:141px; } 

/* 2014-02-20 ???? ?????? ???? ??? */
.login_new { height:143px; width:196px; position:relative; border:1px solid #d0d0d0; } 
.login_new legend { display:none; } 
.login_new input { border:0; } 
.login_new .id { position:absolute; left:10px; top:19px; width:113px; height:20px; padding:0 0 0 5px; background:url("/jrjump/images/common/bg_login_id.gif") no-repeat 0 0; } 
.login_new .pw { position:absolute; left:10px; top:45px; width:113px; height:20px; padding:0 0 0 5px; background:url("/jrjump/images/common/bg_login_pw.gif") no-repeat 0 0; } 
.login_new .login_btn { position:absolute; right:10px; top:19px; } 
.login_new .input_not { background:url("/jrjump/images/common/bg_input_not1.gif") no-repeat 0 0; } 
.login_new .id_save { position:absolute; left:10px; top:74px; } 
.login_new .id_save label { font-weight:normal; font-family:'noto' , sans-serif; font-size:11px; color:#818181; } 
.login_new .btn_area { width:179px; padding-top:8px; border-top:1px solid #f0f0f0; overflow:hidden; position:absolute; left:10px; top:95px; } 
.login_new .btn_area li { float:left; padding-left:5px; } 
.login_new .btn_area li:first-child { padding-left:0; } 
.login_new .btn_area li a.mn_main { display:block; width:57px; height:20px; background:url('https://cdn.hackersut.com/www/images/common/bg_main.png') no-repeat 0 0; text-indent:-9999px; } 
.login_new .btn_area li a.mn_main.logout { background-position:0 -352px; width:56px; } 
.login_new .btn_area li a.mn_main.myp { background-position:0 -387px; } 
.login_new .btn_area li a.mn_main.check { background-position:0 -422px; width:56px; } 

.login_new .mypage_box { width:174px; position:absolute; right:10px; top:35px; text-align:center; z-index:900; } 
.login_new .mypage_box dt { font-family:'noto' , sans-serif; margin-bottom:10px; } 
.login_new .mypage_box dt strong { font-family:'noto' , sans-serif; } 
.login_new .mypage_box dd select { border:1px solid #d0d0d0; font-family:'noto' , sans-serif; color:#bababa; font-size:11px; } 

.login_new .my_class { position:relative; top:0px; display:inline-block; } 
.login_new .go_class { width:174px; height:23px; line-height:23px; padding:0 0 0 0; font-size:11px; color:#bababa; background:url('/jrjump/images/common/bg_login_selcete.gif') right 0 no-repeat; display:inline-block; } 
.login_new .list_class { position:absolute; top:22px; left:0; width:161px; padding:5px 4px 0 7px; margin:0 0 0 0; border:1px #d6d6d6 solid; background:#fff; z-index:11; } 
.login_new .list_class li { line-height:14px; margin-bottom:5px; font-size:11px; color:#666 !important; display:block; cursor:pointer; } 
.login_new .list_class li:hover { color:#999 !important; } 
.login_new .list_class li a { line-height:14px; margin-bottom:5px; font-size:11px; color:#666 !important; display:block; cursor:pointer; } 
.login_new .list_class li a:hover { color:#999 !important; } 

/*sub_????? ??????? */
.call { margin-top:30px } 
.call li:first-child { font-size:23px; font-weight:bold; margin-bottom:15px } 
.call li { font-size:14px; line-height:20px; } 
.call li span { font-size:25px; color:#c90000; margin-right:5px } 

.simple_box_sub { position:relative; } 
.simple_box_sub span.phone input:first-child { height:21px; width:40px; font-size:15px; text-align:center; border:1px solid #b9b9b9 } 
.simple_box_sub span.phone input { height:21px; width:50px; font-size:15px; text-align:center; border:1px solid #b9b9b9 } 
.simple_box_sub span.btn { margin-left:1px; } 
.mt5 { margin-top:5px } 
.mt10 { margin-top:10px } 
.v_top { vertical-align:top; } 

#pop { width:350px; height:200px; padding:25px; background:#fff; border:2px solid #cc0000; position:absolute; top:365px; left:370px; text-align:center; z-index:999 } 
#pop h1 { font-size:18px; color:#000; text-align:center; } 
#pop .box { width:320px; height:80px; padding:15px; border:1px solid #d0d0d0; overflow-y:scroll; margin:25px 0 15px 0; text-align:left } 
#pop .box h2 { color:#666; font-size:15px; border:0 !important } 
#pop ul { margin-top:5px; } 
#pop li { line-height:18px; } 
#pop .btn { margin-top:10px; } 
#pop_bt { cursor:pointer; } 
#close { width:100px; margin:auto; cursor:pointer; font-weight:bold; position:absolute; right:-20px; bottom:10px } 

#pop_sub { width:350px; height:200px; padding:25px; background:#fff; border:2px solid #cc0000; position:absolute; top:395px; right:190px; text-align:center; z-index:999 } 
#pop_sub h1 { font-size:18px; color:#000; text-align:center; } 
#pop_sub .box { width:320px; height:80px; padding:15px; border:1px solid #d0d0d0; overflow-y:scroll; margin:25px 0 15px 0; text-align:left } 
#pop_sub .box h2 { color:#666; font-size:15px; border:0 !important } 
#pop_sub ul { margin-top:5px; } 
#pop_sub li { line-height:18px; } 
#pop_sub .btn { margin-top:10px; } 
#pop_bt_sub { cursor:pointer; } 
#pop_sub .close_sub { width:100px; margin:auto; cursor:pointer; font-weight:bold; position:absolute; right:-20px; bottom:10px } 

.main_head_banner { margin-bottom:20px; border:0; position:relative; } 
.main_head_banner .name { position:absolute; top:186px; /*top:177px; */left:123px; } 
.main_head_banner .name input { width:65px; height:23px; padding:0 5px; line-height:23px } 
.main_head_banner .phone { position:absolute; top:186px; /*top:177px; */left:253px; } 
.main_head_banner .phone input { width:82px; height:23px; padding:0 5px; line-height:23px } 
.main_head_banner .email { position:absolute; /*top:209px; */top:217px; left:123px; } 
.main_head_banner .email input { width:65px; height:23px; padding:0 5px; line-height:23px } 
.main_head_banner .email select { width:128px; height:25px; margin-left:16px; } 
.main_head_banner .campus { position:absolute; /*top:241px; */ top:247px; left:164px; } 
.main_head_banner .campus select { width:169px; height:25px; margin-left:16px; } 
.main_head_banner .coex_btn { position:absolute; top:178px; left:355px; padding:0 5px; line-height:23px; } 
.main_head_banner .coex_btn img { cursor:pointer } 

/* ???*/
.foot_site_menu { display:none; clear:both; background:#e7e7e7; overflow:hidden; padding:30px 0; margin-top:20px; } 
.foot_site_menu dl { float:left; padding:0px 12px 0px 18px; width:144px; height:160px; border-left:1px solid #d0d0d0; border-right:1px solid #c6c6c6; border-left:1px solid #fff } 
.foot_site_menu dl.first { border-left:0 } 
.foot_site_menu dl:first-child { padding:0px 10px 0 10px; width:100px } 
.foot_site_menu dt { float:none; margin-bottom:14px; } 
.foot_site_menu dt a { color:#d01715; } 
.foot_site_menu dl dd li { float:none; margin-bottom:5px; } 
.bdr_n { border-right:none !important; } 

/* footer */
#footer { clear:both; position:relative; padding-bottom:54px; width:100%; height:343px; margin:0 auto; margin-top:20px; border-top:2px solid #cc0000; display:inline-block; } 
#footer .ftop { position:relative; width:700px; height:90px; border-bottom:1px solid #d0d0d0; } 
.halpBtn_footer { position:absolute; bottom:10px; right:8px; } 
#footer .ftop h1 .logo { position:absolute; top:30px; left:0; } 
#footer .ftop h1 .brand { position:absolute; top:20px; left:168px; } 
#footer ul.fmenu { position:absolute; top:40px; left:50%; margin-left:-35px; } 
#footer ul.fmenu li { float:left; height:12px; line-height:12px; margin:0 8px 0 0; padding-right:10px; border-right:1px solid #ccc; } 
#footer ul.fmenu li.linenone { padding-right:0; margin-right:0; } 
#footer li.b,
#footer li.b a { color:#000 !important; } 
#footer li.b_red,
#footer li.b_red a { color:#cc0000 !important; font-weight:bold; } 
#footer li.linenone { border:none !important; } 

#footer p.logo { position:absolute; top:57px; left:50%; margin-left:-500px; text-align:center; } 
#footer p.logo a { text-align:center; display:block; } 

#footer address { position:absolute; top:103px; left:50%; width:700px; margin-left:-500px; line-height:19px; font-size:11px; color:#797979; } 
#footer address span.spacing { letter-spacing:-1px; } 
#footer address .copyright { display:inline-block; } /* margin-top:7px; */
#footer address a { color:#797979; } 
#footer em { color:#292929; } 

#footer .util_menu { position:absolute; top:20px; left:50%; margin-left:-260px; } 
#footer .util_menu li { float:left; margin-right:10px; line-height:20px; color:#797979; } 
#footer .util_menu li a { color:#797979; } 
#footer .util_menu li a:hover { color:#292929; } 

#footer .num_box { width:320px; height:285px; background:#f3f3f2; position:absolute; top:15px; left:50%; margin-left:220px; } 

/*?????? ??? ????????*/
#floor_layer_fixed_bottom { position:fixed; bottom:0; left:0; width:100%; background:#f5f5f5; z-index:1000; border-top:2px solid #cc0000; } 
#floor_layer_fixed_bottom .br_zone { height:61px; background:url('https://cdn.hackersut.com/www/images/layout/bot/br_btm_logo.gif') no-repeat 20px 0; margin:0 auto; padding-left:159px; position:relative; } 
#floor_layer_fixed_bottom .br_zone ul { width:100%; overflow:hidden; padding-top:12px; } 
#floor_layer_fixed_bottom .br_zone ul li { float:left; margin-left:7px; } 
#floor_layer_fixed_bottom .br_zone ul li:first-child { margin-left:0; } 
#floor_layer_fixed_bottom .br_zone a.btn_close { display:block; width:39px; height:19px; position:absolute; top:11px; left:1025px; } 
#floor_layer_fixed_bottom .br_zone a.btn_close2 { display:block; width:106px; height:19px; position:absolute; top:32px; left:1025px; } 

/* ???? ???? ?? */
.lecture_tab { overflow:hidden; } 
.lecture_tab li { float:left; border-right:solid 1px #d0d0d0; } 
.lecture_tab li:first-child { border-left:solid 1px #d0d0d0; } 
.lecture_tab li.on { } 
.lecture_tab li a { text-align:center; color:#646464; font-size:18px; display:block; width:259px; height:44px; line-height:44px; background:url('https://cdn.hackersut.com/www/images/layout/sub/tab/tab_star_staff_13.png') no-repeat 0px -46px; } 
.lecture_tab.col2 li a { width:388px; } 
.lecture_tab.col3 li a { width:258px; } 
.lecture_tab.col4 li a { width:193px; } 
.lecture_tab.col5 li a { width:154px } 
.lecture_tab.col2_full li a { width:496px; } 
.lecture_tab.col3_full li a { width:331px; } 
.lecture_tab.col4_full li a { width:248px; } 
.lecture_tab.col5_full li a { width:165px; } 
.lecture_tab li.on a,.lecture_tab li a:hover { color:#cc0001; background-position-y:0px; } 
.lecture_tab li.active a,.lecture_tab li a:hover { color:#cc0001; background-position-y:0px; } 
.lecture_con { margin-top:50px; padding-bottom:50px; } 

/* cm_login_layer */
.cm_login_layer { display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:10001; } 
.cm_login_layer .bg { position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.5; filter:alpha(opacity=50); } 
.cm_login_layer .btn_r { position:absolute; right:0; top:0; float:right; margin:20px 30px 0 0; width:25px; height:25px; background:url("https://cdn.hackersut.com/www/images/layout/common/login_layout/login_layer_btn.png") no-repeat 0 0; } 
.cm_login_layer .btn_r * { display:block; font-size:0; width:25px; height:25px; color:#fff; } 
.layer_inner { background:#fff; display:block; position:absolute; top:50%; left:50%; overflow:hidden; z-index:10; } 
/* login_layer */
.cm_login_layer .login_layer { width:434px; height:257px; background:url("https://cdn.hackersut.com/www/images/layout/common/login_layout/login_layer.png") no-repeat 0 0; display:block; } 
.login_layer { background:#fff; display:block; position:absolute; top:50%; left:50%; margin-left:-217px; overflow:hidden; z-index:10; } 
.login_layer .pop_container { margin:44px auto; width:320px; } 
.login_layer .pop_container strong { font-size:20px; color:#e20000; } 
.login_layer .textInput { position:relative; margin-top:20px; margin-bottom:15px; } 
.login_layer .textInput p { margin-bottom:3px; } 
.login_layer .textInput p label { font-size:13px; color:#000; width:60px; display:inline-block; *display:inline; *zoom:1; margin-top:7px; } 
.login_layer .textInput p input { vertical-align:top; border:1px solid #b4b4b4; width:160px; padding-left:8px; height:21px; line-height:21px; } 
.login_layer .textInput .login_btn { position:absolute; right:0; top:0; } 
.login_layer .tip { margin-left:62px; margin-bottom:35px; } 
.login_layer .tip label { color:#6e6e6e; letter-spacing:-1px; } 
.login_layer .tip input { vertical-align:top; } 
.login_layer .tip span { font-size:11px; color:#b0b0b0; margin-top:1px; margin-left:10px; } 
.login_layer .btnJoin a { color:#6e6e6e; display:inline-block; margin-right:7px; border-left:solid 1px #ccc; padding-left:8px; } 
.login_layer .btnJoin a:first-child { border-left:solid 0px #ccc; padding-left:6px; } 
/* layer */
.cm_login_layer .layer_box { width:515px; border:1px solid #e20000; display:block; background:#fff; } 
.cm_login_layer .layer_box h3 { padding:12px 15px 14px; font-size:14px; color:#fff; display:block; background:#e20000; } 
.cm_login_layer .layer_box .inner_box { position:relative; padding:15px 15px; } 
.cm_login_layer .layer_box .inner_box strong { font-size:14px; } 
.cm_login_layer .layer_box .inner_box .nm { font-size:18px; color:#000000; margin-top:10px; } 
.cm_login_layer .layer_box .inner_box .nm input { border:1px solid #000000; width:17px; height:21px; line-height:21px; } 
.cm_login_layer .layer_box .inner_box .btn { position:absolute; right:13px; top:13px; } 
.cm_login_layer .layer_box .btn_r { width:17px; height:17px; margin:12px 12px 0 0; background:url("https://cdn.hackersut.com/www/images/layout/common/login_layout/layer_btn.png") no-repeat 0 0; } 
.cm_login_layer .layer_box .btn_r * { width:17px; height:17px } 

/****************************************************************************************************
 * BOTTOM FIXED BANNER 150812
 ****************************************************************************************************/
.floor_layer { display:block; position:fixed; bottom:0; left:0; width:100%; z-index:10001; } 
.floor_layer .left_side { position:fixed; z-index:10001; bottom:0; left:0; width:50%; height:92px; background:url('https://cdn.hackersut.com/www/images/event/2015/0812/bottom_leftBg_150812.gif') repeat-x; } 
.floor_layer .right_side { position:fixed; z-index:10001; bottom:0; right:0; width:50%; height:92px; background:url('https://cdn.hackersut.com/www/images/event/2015/0812/bottom_rightBg_150812.gif') repeat-x; } 
.floor_layer .wrap { } 
.floor_layer .wrap .bn { position:relative; z-index:10002; } 
.floor_layer .wrap .floor_layer_item { display:block; } 
.floor_layer .wrap .cookie_chk { display:none; position:absolute; right:-150px; top:12px; /* background:#fff; */ padding:0px 10px; } 
.floor_layer .wrap .cookie_chk label { height:18px; line-height:18px; color:#fff; font-weight:bold; display:block; cursor:pointer; } 
.floor_layer .wrap .cookie_chk label.close { /* margin-left:14px; */ } 
.floor_layer .wrap .cookie_chk input { vertical-align:middle; } 

/* ????? ????? ???????? */
.floor_form { display:block; position:fixed; bottom:0; left:0; width:100%; z-index:10001; } 
.floor_form .left_side { position:fixed; z-index:10001; bottom:0; left:0; width:50%; height:100px; background:#203049 } 
.floor_form .right_side { position:fixed; z-index:10001; bottom:0; right:0; width:50%; height:100px; background:#203049; } 
.floor_form .wrap .bn { position:relative; z-index:10002; } 
.floor_form .wrap .floor_form_item { display:block; } 
.floor_form .wrap .cookie_chk { display:none; position:absolute; right:-150px; top:12px; /* background:#fff; */ padding:0px 10px; } 
.floor_form .wrap .cookie_chk label { height:18px; line-height:18px; color:#fff; font-weight:bold; display:block; cursor:pointer; } 
.floor_form .wrap .cookie_chk label.close { /* margin-left:14px; */ } 
.floor_form .wrap .cookie_chk input { vertical-align:middle; } 
/* ????? ????? ???????? - ??? */
.floor_form .consult { position:relative; } 
.floor_form .consult input { line-height:18px; } 
.floor_form .consult span { position:absolute; } 
.floor_form .consult span.name { top:10px; left:405px; } 
.floor_form .consult span.name input { width:109px; height:18px; font-size:12px; font-weight:bold; padding:0 10px; } 
.floor_form .consult span.phone { top:10px; left:586px; } 
.floor_form .consult span.phone input { width:131px; height:18px; font-size:12px; font-weight:bold; padding:0 10px; } 
.floor_form .consult span.email { top:40px; left:405px; } 
.floor_form .consult span.email input { width:109px; height:18px; font-size:12px; font-weight:bold; padding:0 10px; } 
.floor_form .consult span.email input.email2 { margin-left:28px; width:149px; display:none; } 
.floor_form .consult span.email select { margin-left:28px; width:171px; height:18px; font-size:12px; font-weight:bold; } 
.floor_form .consult span.data { top:70px; left:443px; } 
.floor_form .consult span.data select { width:295px; height:18px; font-size:12px; font-weight:bold; } 
.floor_form .consult span.campus { top:152px; left:506px; } 
.floor_form .consult span.campus select { width:264px; height:18px; font-size:12px; font-weight:bold; } 
.floor_form .consult span.campus input { width:264px; height:18px; font-size:12px; font-weight:bold; } 
.floor_form .consult span.btn_app { top:100px; right:90px; } 
.floor_form .consult span.privacy { top:14px; left:771px; } 
.floor_form .consult span input,.floor_form .consult span select { border:solid 1px #000000; } 
/* ????? ????? ???????? - ???????? ??? */
#pop_privacy { width:549px; background:#fff; position:absolute; top:-211px; right:0px; text-align:center; z-index:999 } 
#pop_privacy .box { } 
#pop_privacy .box .privacy_btn { position:absolute; right:14px; top:14px; } 

/* gnb ???? */
.hd_gnb_renew.h_lnb_div .h_mnb { position:relative; } 
.hd_gnb_renew.h_lnb_div .h_lnb>ul>li:first-child { margin:0 0 0 16px; } 
.hd_gnb_renew.h_lnb_div .h_lnb>ul>li { margin:0 0 0 41px } 
.hd_gnb_renew.h_lnb_div .h_lnb>ul>li.mok { margin-left:50px; } 
.hd_gnb_renew.h_lnb_div .h_lnb>ul>li.community { margin-left:60px; } 
.hd_gnb_renew.h_lnb_div .h_lnb>ul>li.professor { margin-left:55px; } 
.hd_gnb_renew.h_lnb_div .h_lnb>ul>li.lab { margin-left:55px; } 
.hd_gnb_renew.h_lnb_div .h_lnb>ul>li.free_con { margin-left:40px; } 
.hd_gnb_renew.h_lnb_div .h_lnb>ul>li.event { margin-left:35px; } 

.hd_gnb_renew .h_lnb .all_menu { display:none; background:#fff; position:absolute; border:1px solid #bf1e2e; border-top:none; overflow:hidden; height:435px; } 
.hd_gnb_renew .h_lnb .all_menu.active { display:block; } 
.hd_gnb_renew .h_lnb .all_menu > div { background:url("//image.hackers.ac/images/common/gnb/bg_all_menu_new.jpg") repeat-y left top; } 
.hd_gnb_renew .h_lnb .all_menu > div:first-child { background:none; } 
.hd_gnb_renew .h_lnb .all_menu div { float:left; height:100%; } 
.hd_gnb_renew .h_lnb .all_menu dl { float:left; width:110px; height:100%; background:url("//image.hackers.ac/images/common/gnb/bg_all_menu_new.jpg") repeat-y left top; } 
.hd_gnb_renew .h_lnb .all_menu .campus { width:223px; overflow:hidden; } 
.hd_gnb_renew .h_lnb .all_menu .campus dl { height:325px; } 
.hd_gnb_renew .h_lnb .all_menu .campus dl:first-child { background:none; } 

.hd_gnb_renew .h_lnb .all_menu .campus .system { width:223px; height:auto; border-top:1px dashed #d7d7d7; padding-top:13px; background:none; } 
.hd_gnb_renew .h_lnb .all_menu .campus .system ul { float:left; width:105px; } 

.hd_gnb_renew .all_menu div > dl dt { background:#f8f8f8; color:#d01715; font-size:14px; padding:5px 6px; font-weight:bold; margin-left:1px; } 
.hd_gnb_renew .all_menu div > dl dd { overflow:hidden; /*padding:3px 6px; */padding:3px 0 0 4px; } 
.hd_gnb_renew .all_menu div > dl dd div { margin-bottom:5px; float:none !important; } 
.hd_gnb_renew .all_menu div > dl dd div.t_c { text-align:center; } 
.hd_gnb_renew .all_menu div > dl dd strong { margin:10px 0 4px 0; display:inline-block; *display:inline; zoom:1; color:#000; } 
.hd_gnb_renew .all_menu div > dl dd div ul li a { font-family:'noto' , sans-serif;  } 
.h_gnb_div.h_renew .h_gnb { float:right; margin-right:26px; } 

/* h_ac_lec */
.h_gnb_div.h_renew .h_ac_lec { margin-left:207px; position:relative; float:left; } 
.h_gnb_div.h_renew .h_ac_lec ul { overflow:hidden; } 
.h_gnb_div.h_renew .h_ac_lec li { float:left; } 
.h_gnb_div.h_renew .h_ac_lec li:first-child { padding-right:4px; background:url('https://cdn.hackersut.com/www/images/layout/header/150521/bg_h_gnb_150521_lec.gif') no-repeat right top; } 
.h_gnb_div.h_renew .h_ac_lec li a { display:block; width:163px; height:61px; overflow:hidden; } 
.h_gnb_div.h_renew .h_ac_lec li a.www { background:url('https://cdn.hackersut.com/www/images/common/gnb/h_gnb_renew_ac.jpg') no-repeat 0px 0px; } 
.h_gnb_div.h_renew .h_ac_lec li a.ingang { background:url('https://cdn.hackersut.com/www/images/common/gnb/h_gnb_renew_lec.jpg') no-repeat 0px 0px; } 
.h_gnb_div.h_renew .h_ac_lec li:first-child a { } 
.h_gnb_div.h_renew .h_ac_lec li a:hover { background-position-y:-61px; } 

.h_gnb_div.h_renew .h_gnb li { background:url("https://cdn.hackersut.com/www/images/common/gnb/mem_bar.gif") no-repeat left 50%; } 
.h_gnb_div.h_renew .h_gnb li:first-child { background:none; } 
.h_gnb_div.h_renew .h_gnb li a { padding:22px 10px; font-size:15px; color:#464646; font-family:'noto' , sans-serif;  font-weight:bold; letter-spacing:-3px; } 
.h_gnb_div.h_renew .h_gnb .tip_bn { left:13px; } 

/*?????? ??????*/
.h_lnb_div .h_lnb_gang { position:absolute; right:-150px; top:12px; } 
.h_lnb_div .h_lnb_gang>ul>li { float:left; position:relative; margin:0 0 0 10px; width:59px; height:26px; background:#fff; } 
.h_lnb_div .h_lnb_gang>ul>li>a { color:#262626; font-weight:bold; font-size:15px; text-align:center; vertical-align:middle; display:block; line-height:24px; } 
@media screen and (max-device-width :640px){
 .h_lnb_div .h_lnb_gang { display:none; } 
 }

/*2020-04-23*/
/* h_lnb */
#header .conWidth { width:1000px; } 
#header .h_gnb_div { padding:30px 0; text-align:center; position: relative; } 
#header .h_lnb_div { border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; } 
/* GNB?? ??????? ??????/???? ????????? ??? */
#header .h_gnb_div .h_btn { position:absolute; top:50%; left: -10%; margin-top:-16px; overflow:hidden; } 
#header .h_gnb_div .h_btn > * { float:left; margin-left:-1px; width:70px; height:32px; line-height:30px; border:1px solid #ccc; color:#7c7c7c; font-size:13px; text-align:center; letter-spacing:-1px } 
#header .h_gnb_div .h_btn > *:first-child { border-left:2px solid #ccc } 
#header .h_gnb_div .h_btn > *:last-of-type a { display:block; color:#d50057; font-weight:bold; } 
#header .h_gnb_div .h_btn > *:hover { color:#fff; background:#d50057; border-color:#d50057; } 
#header .h_gnb_div .h_btn > a.ha_ingang { color:#d50057; } 
#header .h_gnb_div .h_btn > a.ha_ingang:hover { color:#fff; } 
#header .h_gnb_div .h_btn > a.ha_par { color:#0097a3; } 
#header .h_gnb_div .h_btn > a.ha_par:hover { color:#fff; background:#0097a3; border-color:#0097a3; } 
/* ????/??? */
#header .h_gnb_div .h_mnb { position:absolute; right:0; top:50%;transform: translateY(-50%);} 
#header .h_gnb_div .h_mnb>ul>li { float:left; position:relative; } 
#header .h_gnb_div .h_mnb>ul>li>a { font-size:13px; color:#777; letter-spacing:-1px; } 
#header .h_gnb_div .h_mnb>ul>li:first-child a { color:#000; } 
#header .h_gnb_div .h_mnb>ul>:not(:last-of-type) { margin-right:7px; padding-right:7px; } 
#header .h_gnb_div .h_mnb>ul>li:not(:last-of-type):after { position:absolute; right:0; top:3.5px; width:1px; height:11px; background:#ddd; content:''; } 
#header .h_gnb_div .h_mnb .btn_calendar { text-align: right; position: absolute; right: 0; top: 26px; } 
#header .h_gnb_div .h_mnb .my_class_menu { display:none; width:160px; padding:15px; position:absolute; top:30px; left:-39px; background:#fff; border:1px solid #333; z-index:1001; box-sizing:border-box; } 
#header .h_gnb_div .h_mnb .my_class_menu li { width:100%; text-align:left; line-height:25px; } 
#header .h_gnb_div .h_mnb .my_class_menu li:hover a { color:#000; text-decoration:underline; font-weight:bold; } 
#header .h_gnb_div .h_mnb .my_class_menu:before { position:absolute; top:-11px; left:51px; width:18px; height:11px; content:''; background:url('https://cdn.hackersut.com/www/images/common/ic_gnb_arrow2.png') no-repeat; } 


/***** 2021-05-06 GNB Renewal *****/
/* sub_mn */

.h_lnb_div .conWidth { text-align:left !important; } 
#header .h_lnb_div .flex_row { display:flex; flex-flow:row; justify-content:space-between; } 
#header .h_lnb_div .sub_mn { display:none; position:absolute; left:-40px; top:51px; z-index:999; width:450px; background:#fff; border-style:solid; border-width:0px 1px 1px 1px; border-color:#bf1e2e; } 
#header .h_lnb_div .h_lnb>ul>li.course .sub_mn { width:620px; } 
#header .h_lnb_div .h_lnb>ul>li.academy .sub_mn { width:450px; } 
#header .h_lnb_div .sub_mn table td { padding:25px 14px 31px 14px; border-left:solid 1px #e0e0e0; min-height:202px; } 
#header .h_lnb_div .sub_mn table td:first-child { border-left:none; } 
#header .h_lnb_div .sub_mn table td strong.sub_mn_tit { display:block; padding-left:6px; /* ?????? */ *width:140px; background:url('https://cdn.hackersut.com/www/images/layout/header/150521/ico_sub_mn_tit.gif') no-repeat 0px 3px; } 
#header .h_lnb_div .sub_mn table td strong.sub_mn_tit a.mn_com { display:block; width:130px; height:20px; background:url('https://cdn.hackersut.com/www/images/common/bg_common.png') no-repeat 0 0; text-indent:-9999px; } 
#header .h_lnb_div .sub_mn table td strong.sub_mn_tit a.mn_com.mn_sub1 { background-position:0 -141px; } 
#header .h_lnb_div .sub_mn table td strong.sub_mn_tit a.mn_com.mn_sub2 { background-position:0 -164px; } 
#header .h_lnb_div .sub_mn table td strong.sub_mn_tit a.mn_com.mn_sub3 { background-position:0 -189px; } 
#header .h_lnb_div .sub_mn table td ul { margin-top:13px; padding:11px 9px; min-height:148px; border:solid 1px #e0e0e0; } 
#header .h_lnb_div .sub_mn table td ul li { line-height:23px; } 
#header .h_lnb_div .sub_mn table td ul li a { letter-spacing:-1px; font-size:13px; color:#747474; } 
#header .h_lnb_div .sub_mn table td ul li a.fc_red { color:#bf1e2e; } 
/*gnb_zone*/
#header .h_lnb_div .h_lnb.full { width:100%; } 
#header .h_lnb_div .h_lnb .gnb_zone { white-space:nowrap; zoom:1; } 
#header .h_lnb_div .h_lnb .gnb_zone * { font-family:'noto', sans-serif; letter-spacing:-1px; } 
#header .h_lnb_div .h_lnb .gnb_zone:after { content:''; display:block; clear:both; } 
#header .h_lnb_div .h_lnb .gnb_zone li { position:relative; display:inline-block; float:left; width:calc((100% - 1px) / 7); } 
#header .h_lnb_div .h_lnb .gnb_zone li:hover .mn,
#header .h_lnb_div .h_lnb .gnb_zone li.on .mn,
#header .h_lnb_div .h_lnb.on a.mn { color:#bf1e2e; } 

/*#header .h_lnb_div .h_lnb .gnb_zone li.m1 { width:118px; } 
#header .h_lnb_div .h_lnb .gnb_zone li.m2 { width:118px; } 
#header .h_lnb_div .h_lnb .gnb_zone li.m3 { width:118px; } 
#header .h_lnb_div .h_lnb .gnb_zone li.m4 { width:118px; } 
#header .h_lnb_div .h_lnb .gnb_zone li.m5 { width:165px; } 
#header .h_lnb_div .h_lnb .gnb_zone li.m6 { width:124px; } 
#header .h_lnb_div .h_lnb .gnb_zone li.m7 { width:151px; } 
#header .h_lnb_div .h_lnb .gnb_zone li.m8 { width:109px; } */

#header .h_lnb_div .h_lnb a.mn { display:block; height:57px; padding:17px 0.5em; text-align:center; font-size:16px; font-weight:bold; color:#222; box-sizing:border-box; } 
#header .h_lnb_div .h_lnb .m7 > a {padding: 17px 1em 17px 0.5em;}
#header .h_lnb_div .h_lnb .m5 > a {padding: 17px 0.5em 17px 1em;}
#header .h_lnb_div .h_lnb .gnb_zone li .sub_mx { display:none; margin-left:-63px; padding:20px 10px 10px; top:57px; left:50%; background:#fff; z-index:10003; box-sizing:border-box; width:130%; /*height:440px; */ border:1px solid #9e9e9e; border-right:0; position: absolute;} 
#header .h_lnb_div .h_lnb .gnb_zone li:last-of-type .sub_mx { border-right:1px solid #9e9e9e; } 
#header .h_lnb_div .h_lnb .gnb_zone li .sub_mx .ic { position:absolute; top:-9px; left:50%; margin-left:-8px; height:9px; } 
#header .h_lnb_div .h_lnb .gnb_zone li .sub_mx .tit { margin-bottom:15px; font-size:14px; color:#212121; font-weight:bold; } 
#header .h_lnb_div .h_lnb .gnb_zone li .sub_mx .tit strong { color:#bf1e2e; } 
#header .h_lnb_div .h_lnb .gnb_zone li .sub_mx .sm_cont { overflow:hidden; line-height:22px; } 
#header .h_lnb_div .h_lnb .gnb_zone li .sub_mx .sm_cont .lbx { float:left; width:55%; } 
#header .h_lnb_div .h_lnb .gnb_zone li .sub_mx .sm_cont .rbx { float:right; width:45%; } 
#header .h_lnb_div .h_lnb .gnb_zone li .sub_mx .sm_cont a { display:block; margin-bottom:10px; font-size:14px; color:#888; white-space:normal; word-break:keep-all; line-height:18px; } 
#header .h_lnb_div .h_lnb .gnb_zone li .sub_mx .sm_cont .btn_tit { display:block; margin-bottom:10px; font-size:14px; font-weight:normal; color:#bf1e2e; } 
#header .h_lnb_div .h_lnb .gnb_zone li .sub_mx .sm_cont .btn_tit.c_yellow{color: #926F0B;}
#header .h_lnb_div .h_lnb .gnb_zone li .sub_mx .sm_cont .btn_tit.c_green {color:#32bf72; }
#header .h_lnb_div .h_lnb .gnb_zone li .sub_mx .sm_cont .btn_tit.c_blue {color:#0070c0; }
#header .h_lnb_div .h_lnb .gnb_zone li .sub_mx .sm_cont .btn_tit.c_purple {color:#7030a0; }
#header .h_lnb_div .h_lnb .gnb_zone li .sub_mx .sm_cont .btn_tit.c_pink {color:#e241ba; }
#header .h_lnb_div .h_lnb .gnb_zone li .sub_mx .sm_cont .btn_tit:first-child { margin-top:0; } 
#header .h_lnb_div .h_lnb .gnb_zone li .sub_mx .sm_cont .btn_tit_sub { font-size:12px; color:#333; font-weight:bold; } 
#header .h_lnb_div .h_lnb .gnb_zone li .sub_mx a:hover { font-weight:bold; text-decoration:underline; color:#333; } 
#header .h_lnb_div .h_lnb .gnb_zone li .sub_mx dl { display:inline-block; } 
/* #header .h_lnb_div .h_lnb .gnb_zone li.m1 .sub_mx { width:276px; } */
#header .h_lnb_div .h_lnb .gnb_zone li.m2 .sub_mx { width: 250%;margin-left: -240px; } 
#header .h_lnb_div .h_lnb .gnb_zone li.m3 .sub_mx { width:120%;} 
/*#header .h_lnb_div .h_lnb .gnb_zone li.m4 .sub_mx { width:184px; } 
#header .h_lnb_div .h_lnb .gnb_zone li.m5 .sub_mx { width:175px; } 
#header .h_lnb_div .h_lnb .gnb_zone li.m6 .sub_mx { width:173px; } 
#header .h_lnb_div .h_lnb .gnb_zone li.m7 .sub_mx { margin-left:-92px; width:278px; } 
#header .h_lnb_div .h_lnb .gnb_zone li.m7 .sub_mx:before { left:88px; }  */
#header .h_lnb_div .h_lnb .gnb_zone li.m8 .sub_mx { width:100%; margin-left:-50px;} 
/* #header .h_lnb_div .h_lnb .gnb_zone li.m8 .sub_mx:before { left:159px; }  */
#header .h_lnb_div .h_lnb .gnb_zone .lec_text { position:absolute; left:21px; top:-24px; height:36px; padding:4px 10px 0; } 
#header .h_lnb_div .h_lnb .gnb_zone .lec_text:after { position:absolute; left:48px; top:0; width:35%; height:100%; background:url('https://cdn.hackersut.com/www/images/common/bg_gnb_lec.png') no-repeat right 0; content:''; z-index:0; } 
#header .h_lnb_div .h_lnb .gnb_zone .lec_text span { position:relative; font-size:12px; font-weight:bold; color:#222; z-index:2; padding-left:10px; } 
#header .h_lnb_div .h_lnb .gnb_zone .lec_text img { position:absolute; left:0; top:0; z-index:1; } 

#header .h_lnb_div .h_lnb .h_lnb_bg { position:absolute; top:57px; left:0; display:block; width:100%; height:456px; background:#fff; z-index:11; } 

#header .h_lnb_div .h_lnb .gnb_mn.on { color:#bf1e2e !important; } 

#header .menu_img a.btn_tit { width:52px; height:15px; background: url('https://cdn.hackersut.com/www/reMain/menu_img1.jpg')no-repeat 0 0; } 
#header .menu_img a.btn_tit2 { background: url('https://cdn.hackersut.com/www/reMain/menu_img2.jpg')no-repeat 0 0; } 

#header .menu_img a.btn_tit:hover { width:52px; height:15px; background: url('https://cdn.hackersut.com/www/reMain/menu_img1_on.jpg')no-repeat 0 0; } 
#header .menu_img a.btn_tit2:hover { background: url('https://cdn.hackersut.com/www/reMain/menu_img2_on.jpg')no-repeat 0 0; } 
 
/* û gnb */
.fl::after { content:'';clear:both;display:block;} 
#header .h_lnb_div .lecture .mn { width:118px;font-family:'noto', sans-serif;letter-spacing:-1px;} 
#header .h_lnb_div .lecture .mn:hover{ color:#bf1e2e;} 
#header .h_lnb_div .lecture:hover .lec_dep2 { display:block;} 
#header .h_lnb_div .lecture .lec_dep2 { display:none;position:absolute;top:57px;left:30px;z-index:999;width:100%;/*background:#fff;border:2px solid #D50057;*/box-sizing:border-box;} 
#header .h_lnb_div .lecture .lec_dep2 * { box-sizing:border-box;font-family:'noto', sans-serif;letter-spacing:-.025em;} 
#header .h_lnb_div .lecture .lec_dep2>div { display:flex;flex-flow:row;justify-content:space-between;} 
#header .h_lnb_div .lecture .lec_dep2 .sec_left { width:250px;padding:15px;border:2px solid #D50057;background:#fff;} 
#header .h_lnb_div .lecture .lec_dep2 .sec_left ul li a { display:inline-block;padding:0 15px;line-height:35px;font-size:13px;color:#6C6C6C;} 
#header .h_lnb_div .lecture .lec_dep2 .sec_left ul li a:hover { font-weight:bold;color:#D50057;} 
#header .h_lnb_div .lecture .lec_dep2 .sec_right {display:none; width:calc(100% - 250px);} /*ó*/
#header .h_lnb_div .lecture .lec_dep2 .sec_right .lect_title { background:#FEF3F7;width:175px;height:100%;text-align:center;border-right:1px solid #CCCCCC;display:table;} 
#header .h_lnb_div .lecture .lec_dep2 .sec_right .lect_title span { font-size:16px;font-weight:bold;color:#333;display:table-cell;vertical-align:middle;} 
#header .h_lnb_div .lecture .lec_dep2 .sec_right .lect_table { width:calc(100% - 175px);} 
#header .h_lnb_div .lecture .lec_dep2 .sec_right .lect_table table { width:100%;height:100%;table-layout:fixed;border-spacing:0;border-collapse:collapse;word-wrap:break-word;} 
#header .h_lnb_div .lecture .lec_dep2 .sec_right .lect_table th { padding:8px 12px;height:30px;background:#F7F7F7;font-size:14px;font-weight:bold;color:#1e1e1e;border-right:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC;text-align:center;} 
#header .h_lnb_div .lecture .lec_dep2 .sec_right .lect_table td { vertical-align:middle;} 
#header .h_lnb_div .lecture .lec_dep2 .sec_right .lect_list { padding:20px 0;} 
#header .h_lnb_div .lecture .lec_dep2 .sec_right .lect_list li::after { content:'';display:block;clear:both;} 
#header .h_lnb_div .lecture .lec_dep2 .sec_right .lect_list li p { display:inline-block;width:calc(25% - 1px);float:left;font-size:14px;text-align:center;line-height:33px;height:33px;} 
#header .h_lnb_div .lecture .lec_dep2 .sec_right .lect_list li p:first-of-type { width:calc(50% - 1px);color:#6C6C6C;text-align:left;padding:0 10px 0 18px;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} 
#header .h_lnb_div .lecture .lec_dep2 .sec_right .lect_list li p:last-of-type a { font-weight:bold;color:#D50057;} 
/* #header .h_lnb_div .lecture .lec_dep2 .sec_right .lect_table th:last-of-type, 
#header .h_lnb_div .lecture .lec_dep2 .sec_right .lect_table td:last-of-type { border-right:0; } 
#header .h_lnb_div .lecture .lec_dep2 .sec_right .lect_table td { border-right:1px solid #CCCCCC; padding:15px; font-size:14px; text-align:center; } 
#header .h_lnb_div .lecture .lec_dep2 .sec_right .lect_table td:nth-of-type(1) { text-align:left; } 
#header .h_lnb_div .lecture .lec_dep2 .sec_right .lect_table td:last-of-type a { font-weight:bold; color:#D50057; } */


/* header gnb slide */
#header .h_lnb_div .lecture .lec_dep2 .sub_list .img_area_wrap{padding: 0 0 10px 22px;}
#header .h_lnb_div .lecture .lec_dep2 .sub_list .img_area .bxslider li{padding: 0 !important; }

@media all and (-ms-high-contrast:none){
 #header .h_lnb_div .h_lnb .gnb_zone .lec_text { position:absolute; left:0; top:-24px; height:36px; padding:4px 22px 0 9px; } 
 }


/* ?????? */
.bx-wrapper .bx-pager.bx-default-pager a { text-indent:-9999px; text-align:center; display:block; width:10px; height:10px; margin:0 3px 0 3px; outline:0; font-size:0; background-image:url('//ingang.hackersut.com/reMain/slidePager_icon.png'); background-position:0 0; } 

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background-position:-15px 0; } 

/* reMAin_auick */
.reMain_quick_w { position:absolute; top:8.6%; left:50%; margin-left:548px; z-index:13; width:128px; overflow:hidden; } 
.reMain_center { *zoom:1; } 
.reMain_center:after { clear:both; display:block; content:""; } 
.quickTop { background-color:#333; padding:12px 0; font-size:14px; color:#fff; text-align:center; } 
.quickTop_day { text-align:center; font-size:24px; color:#fff; font-weight:bold; display:block !important; } 
.quickTop span { display:inline-block; } 

.quickSlider_w { overflow:hidden; margin:60px 0 14px 0; } 
.quickSlider_w .bx-wrapper .bx-pager { text-align:center; width:100%; bottom:16px; } 

.quickConsul { width:96px; border:1px solid #e8e6e9; background-color:#fff; padding:15px 15px; } 
.quickConsul p { font-size:12px; color:#333; font-weight:bold; letter-spacing:-1px; text-align:center; margin-bottom:10px; } 
.quickConsul p em { vertical-align:middle; width:19px; height:12px; display:inline-block; background:url('//ingang.hackersut.com/reMain/quick/consul_icon.png') no-repeat 0 0; } 
.quickConsul input[type="text"] { font-size:12px; width:94%; background-color:#f9f9f9; padding:2px 0 2px 6px; margin-bottom:8px; } 
.quickConsul textarea { font-size:12px; width:94%; background-color:#f9f9f9; padding:2px 0 2px 6px; height:80px; overflow-y:auto; margin-bottom:8px; } 
.quickConsul_btn { display:block; font-size:11px; background-color:#be2323; color:#fff; height:30px; line-height:30px; text-align:center; } 

/* reFoorter */
.reFooter_w { overflow:hidden; border-bottom:1px solid #ccc; margin-bottom:16px; } 
.reFooter_top { background-color:#000; } 
.reFooter_slider_w { overflow:hidden; width:1048px; margin:0 auto; } 
.reFooter_slider_w li { width:210px; height:192px; padding:25px 0; } 
.reFooter_slider_w .bx-wrapper .bx-controls-direction a { width:17px; height:40px; background:url('https://cdn.hackersut.com/www/images/common/footer/re_btn.png') no-repeat 0 0; } 
.reFooter_slider_w .bx-wrapper a.bx-Prev { background-position:0 0 !important; } 
.reFooter_slider_w .bx-wrapper a.bx-next { background-position:-17px 0 !important; } 
.reFooter_slider_w .bx-wrapper .bx-prev { left:0 !important; } 
.reFooter_slider_w .bx-wrapper .bx-next { right:0 !important; } 

.reFooter_company_l { float:left; width:68%; } 
.reFooter_company_r { float:right; } 
.reFooter_company_w { border-bottom:1px solid #d0d0d0; padding-bottom:16px; overflow:hidden; margin-bottom:16px; } 
.reFooter_company { float:left; } 
.company_info { float:left; margin:20px 0 0 30px; } 
.company_info li { float:left; margin-left:10px; padding-left:10px; height:11px; line-height:11px; border-left:1px solid #ccc; } 
.company_info li:first-child { margin:0; padding:0; border:none; } 
.company_info li a { display:block; font-size:12px; letter-spacing:-1px; } 
.company_info li a strong { font-weight:bold; color:#cc0000; } 

.company_address address { font-size:12px; letter-spacing:-1px; line-height:19px; margin-bottom:24px; } 
/*

!* family site *!
.family_wrap { position:relative; height:auto; overflow:hidden; min-width:1350px; } 
!* family_site 150727 *!
.family_site_box { border-right:1px solid #dedfe2; z-index:9998; background:#f2f2f2; width:140px; height:100%; position:absolute; left:0; top:0; top:0; } 
.family_site_box .login_line { background:none; text-align:left; color:#a7a7a7; padding:0 18px 0 18px; line-height:48px; height:48px; border-bottom:1px solid #dedfe2; } 
.family_site_box .login_line a { color:#101013 !important; font-size:11px; } 
.family_site_box .login_after_line { margin-top:45px; position:relative; z-index:111; color:#101013; font-size:12px; letter-spacing:-1px; padding:0 20px; height:90px; text-align:center; border-bottom:1px solid #dedfe2; } 
.family_site_box .select_box { margin-top:10px; } 
.family_site_box .select_box > a { display:block; font-size:12px; color:#9a9a9a; !**!
width:90px; height:22px; padding-left:8px; line-height:22px; background:url("https://cdn.hackersut.com/www/images/common/bg_login.png") 76px 0 no-repeat; border:1px solid #a0a0a0; text-align:left; } 
.family_site_box .select_banlist { display:none; border:1px solid #000; background:#fff; width:300px; } 
.family_site_box .select_banlist li a { text-align:left; font-size:11px; letter-spacing:-1px; padding-bottom:3px; padding-top:3px; padding-left:5px; display:block; color:#000; width:290px; } 
.family_site_box .select_banlist li a:hover { background:#858585; color:#fff !important; } 
.family_site_box .login_name { color:#101013; font-weight:bold; } 
.family_site_box .family_site_open_btn { display:none; } 
!* ??? *!
.family_site_box.close { !*width:42px; *!
overflow:hidden; border:0; background:#f2f2f2 url("https://cdn.hackersut.com/www/images/common/family/bg_family_site_open.png") repeat-y right 0; margin-left:0 !important; } 
.family_site_box.close .close_area { display:none; } 
.family_site_box.close .family_site_open_btn { display:block; float:right; margin-top:128px; } 
!* ??????? *!
.family_site_box .logo_ut { position:relative; } 
!* ???? ??????? *!
.family_site_box .family_site_tit2 { margin-top:26px; font-size:0; text-indent:-9999px; padding-bottom:26px; display:block; width:140px; height:62px; background:url("https://cdn.hackersut.com/www/images/common/bg_family_site_tit2.png") no-repeat 17px 0; border-bottom:1px solid #dedfe2; } 
.ico_lnb_join { position:absolute; top:68px; left:50%; margin-left:-55px; } 
!* ???? ??? ??? ???? *!
.family_site_box .family_list { padding-bottom:20px; } 
.family_site_box .family_list strong a { color:#585858; font-size:14px; padding-left:14px; display:block; height:57px; line-height:57px; background:url("https://cdn.hackersut.com/www/images/common/bg_family_site_sub_ov.png") no-repeat 120px center; } 
.family_site_box .family_list > li { padding:0 !important; border-bottom:1px solid #e0e1e6; } 
.family_site_box .family_list li .family_site_sub { display:none; border-top:1px solid #e0e1e6; } 
.family_site_box .family_list li.on .family_site_sub { display:block; } 
.family_site_box .family_list li.active, .family_site_box .family_list li.on { background:#fff; } 
.family_site_box .family_list li .family_site_sub { overflow:hidden; padding:25px 0 20px; } 
.family_site_box .family_list li .family_site_sub li { padding-left:14px; margin-bottom:8px; } 
.family_site_box .family_list li .family_site_sub li a { color:#616161; font-size:12px; } 
.family_site_box .family_list li .family_site_sub li span { font-size:10px; } 
.family_site_box .family_list li .family_site_sub li.active a,
.family_site_box .family_list li .family_site_sub li a:hover { color:#616161; font-weight:bold; } 
.family_site_box .family_list li .family_site_sub li.pl0.pt5 { padding-left:0; padding-top:5px; } 

.family_site_box .family_list li.on.active strong a,
.family_site_box .family_list li.active strong a { background:url("https://cdn.hackersut.com/www/images/common/bg_family_site_sub.png") no-repeat 120px center; } 
.family_list li.hackers_cs a { height:20px; padding:11px 0 13px 14px; font-size:11px; line-height:20px; color:#101013; background:#fafafa; } 
.family_list li.hackers_cs a em { display:block; padding-left:26px; background:url('//image.hackers.ac/images/common/icn_lnb_cs.png') no-repeat 0 50%; } 
.family_list li#group_qna.active { background:none; } 
.family_list li#group_qna strong a { background:none; } 
.family_site_box .on#language strong a { color:#d01716; } 
!* ???? *!
.family_site_box .on#group strong a { color:#d01716; } 
!* ?????? *!
.family_site_box .on#community strong a { color:#d01716; } 
!* ??? *!
.family_site_box .on#job strong a { color:#d01716; } 
!* ???? *!
.family_site_box .on#pass strong a { color:#d01716; } 
!* ?????? *!
.family_site_box .on#teacher strong a { color:#d01716; } 
!* ??? *!
.family_site_box .on#finance strong a { color:#d01716; } 
!* ????? *!
.family_site_box .on#hackersut strong a { color:#d01716; } 
.family_site_box .facebook_btn { height:auto; padding:0 0 0 17px; } 
.family_site_box .facebook_btn .sns_tit { background:url("https://cdn.hackersut.com/www/images/common/bg_sns.png") no-repeat 0 0; width:65px; height:13px; display:block; margin:10px 0; } 
.family_site_box .facebook_btn .sns_tit span { font-size:0; text-indent:-9999em; visibility:hidden; } 
.family_site_box .facebook_btn .sns_btn { margin-bottom:15px; } 
.family_site_box .facebook_btn .sns_btn a { margin-right:7px; display:inline-block; *display:inline; *zoom:1; width:28px; height:28px; background:url("https://cdn.hackersut.com/www/images/common/bg_sns.png") no-repeat 0 -24px; vertical-align:top; } 
.family_site_box .facebook_btn .sns_btn a:hover { background-position:0 -24px; } 
.family_site_box .facebook_btn .sns_btn a.btn2 { background-position:-35px -24px; } 
.family_site_box .facebook_btn .sns_btn a.btn2:hover { background-position:-35px -24px; } 
.family_site_box .facebook_btn .sns_btn a.btn3 { background-position:-70px -24px; } 
.family_site_box .facebook_btn .sns_btn a.btn3:hover { background-position:-70px -24px; } 
.family_site_box .facebook_btn .sns_btn a.btn4 { background-position:0px -62px; margin-top:10px; } 
.family_site_box .facebook_btn .sns_btn a.btn5 { background-position:-35px -62px; margin-top:10px; } 
.family_site_box .facebook_btn .sns_btn a.btn6 { background-position:-70px -62px; margin-top:10px; } 
.family_site_box .facebook_btn .sns_btn a span { font-size:0; text-indent:-9999px; visibility:hidden; } 

!* familySiteNew_ico_set *!
.lst_login_info { border-bottom:1px solid #e0e1e6 } 
.lst_login_info > li { position:relative; border-top:1px solid #e0e1e6; line-height:38px } 
.lst_login_info > li > a { display:block; height:38px; padding-left:12px; font-weight:bold; color:#787878 } 
.lst_login_info > li > a:hover { background:#fff; color:#000 } 
.login_before .lst_login_info > li:first-child,.login_after .lst_login_info > li:first-child { border-top:0 } 
.login_after .lst_login_info > li.on .lecture { background-position-y:-519px } 
.login_after .lst_login_info li.on .bx_lect_lst { display:block } 
.login_after .user_name { display:block; padding:25px 10px; letter-spacing:-1px } 

.lst_login_info > li .ico_set { display:inline-block; position:absolute; top:10px; right:10px; width:20px; height:20px; background-image:url('https://cdn.hackersut.com/www/images/common/family/common_ico.png') } 
.lst_login_info > li .join { background-position:0 0 } 
.lst_login_info > li .login { background-position:-22px 0px } 
.lst_login_info > li .logout { background-position:-43px 0px } 
.lst_login_info > li .lecture { background-position:-62px -0px } 
.lst_login_info > li .myclass { background-position:-89px -0px } 
.lst_login_info > li .modify { background-position:-109px 0px } 
.lst_login_info > li .favorite { background-position:-131px 1px } 
.lst_login_info > li .cart { background-position:-157px 1px } 

.lst_login_info > li > a:hover .join { background-position-y:-22px } 
.lst_login_info > li > a:hover .login { background-position-y:-22px } 
.lst_login_info > li > a:hover .lecture { background-position-y:-22px } 
.lst_login_info > li > a:hover .cart { background-position-y:-22px } 
.lst_login_info > li > a:hover .favorite { background-position-y:-22px } 
.lst_login_info > li > a:hover .myclass { background-position-y:-22px } 
*/


/* 170509 ?????????? famliy_site ?????? */
li.re_hackersac { background-color:#C00000 !important; } 
a.hackersac_a { color:#fff !important; } 
.re_siteSub { background-color:#fff !important; padding:20px 0 !important; } 
.re_siteSub li { padding:0 !important; margin:0 !important; } 
.re_siteSub li a { font-size:12px; vertical-align:middle; color:#858585; display:block; letter-spacing:-1px; padding:5px 0 5px 0 !important; margin-left:14px !important; } 
.re_siteSub li:hover { background-color:#F8E2E2 !important; } 
.re_siteSub li a:hover { font-weight:bold; color:#616161; font-size:12px; } 

.bubble_icon { position:absolute; top:44px; left:464px; z-index:99; } 

/* ?????? /common/css/reMain/reCommon.css */
.re_f_wrap .re_f_top { background-color:#000; } 
.re_f_wrap .re_f_top_counsel { background-color:#f2f2f2; } 
.re_f_wrap .bx-wrapper { width:1000px !important; overflow:hidden; } 
.re_f_wrap .bx-viewport { margin:0 auto; } 
.re_f_wrap .evt_middle_bnr { height:242px; margin:0 auto; display:block; overflow:hidden; } 
.re_f_wrap .evt_middle_bnr li { float:left; text-align:center; width:189px; height:192px; padding:25px 0 25px; } 
.re_f_wrap .bx-wrapper .bx-controls-direction a { display:block; width:17px; height:40px; background:url("https://cdn.hackersut.com/www/images/common/footer/re_btn.png") no-repeat 0 0; } 
.re_f_wrap .bx-wrapper .bx-controls-direction a.bx-prev { left:0; background-position:0 0; } 
.re_f_wrap .bx-wrapper .bx-controls-direction a.bx-next { right:0; background-position:-17px 0px; } 
.re_f_top .conWidth .rolslide { padding-top:30px; } 
.re_f_top .conWidth .rolslide .slide_wrap { width:1000px; margin:0 auto; padding-bottom:30px; } 
.re_f_top .conWidth .rolslide .slide_wrap li { width:285px; height:179px; } 
.re_f_top .conWidth .rolslide .slide_wrap li img { width:100%; height:100% } 

/* ?????????? /common/css/reMain/reCommon.css */
.reTopbtn_w { text-align:center; border-bottom:1px solid #e5e5e5; } 
.reTopbtn_w a { display:block; } 
.reTopbtn_w .bxslider-default { width:1000px; margin:0 auto; } 
.reTopslider_w { width:100%; background-color:#302f2f; height:454px; display:none; } 
.reTopslider_w .bx-wrapper .bx-controls-direction a { display:block; width:28px; height:58px; background:url('//www.hackersut.com/images/layout/header/reTop_control.png') no-repeat 0 0; } 
.reTopslider_w .bx-wrapper .bx-prev { background-position:0 0 !important; left:50% !important; margin-left:-510px; } 
.reTopslider_w .bx-wrapper .bx-prev:hover { background-position:0 bottom !important; } 
.reTopslider_w .bx-wrapper .bx-next { background-position:-28px 0 !important; left:50% !important; margin-left:480px; } 
.reTopslider_w .bx-wrapper .bx-next:hover { background-position:-28px bottom !important; } 

.reTopslider li { text-align:center; width:900px; margin:0 auto; } 
.reTopslider li a { display:block; } 

/* 181226 sub top banner */
.sub-top-banner { background:#eee; text-align:center; } 

/*????? ????*/
.dungdung { animation-name:dungdung; animation-duration:2s; animation-iteration-count:infinite; animation-direction:normal; animation-timing-function:ease-in-out; animation-fill-mode:both; animation-delay:1s; } 
@keyframes dungdung { 0%, 100% { transform:translate(0,0) } 
50% { transform:translate(0,-20px) } 
 }
/*????? ????*/

/* ?? ???? */
.js-con2.on { display:block; } 
.js-con2 { display:none; } 
/*???? ver*/
.tab-type1 { display:table; table-layout:fixed; width:100%; border-bottom:1px solid #bf1e2e; } 
.tab-type1 li { display:table-cell; width:50%; height:40px; line-height:38px; border:1px solid #ebebeb; } 
.tab-type1 li a { display:block; width:100%; height:100%; background:#ebebeb; text-align:center; font-size:16px; color:#999; } 
.tab-type1 li.on { border-color:#bf1e2e } 
.tab-type1 li.on a { background:#bf1e2e; color:#fff; } 
/*???? ver2*/
.tab-type3 { display:table; table-layout:fixed; width:100%; border-bottom:1px solid #e0e0e0; } 
.tab-type3 li { display:table-cell; width:50%; height:40px; line-height:38px; } 
.tab-type3 li a { display:block; width:100%; height:100%; background:#fff; text-align:center; font-size:16px; color:#999; } 
.tab-type3 li.on a { background:#cc0000; color:#fff; } 
/*??? ver*/
.tab-type2 { display:table; table-layout:fixed; width:100%; background:#ebebeb; } 
.tab-type2 li { display:table-cell; width:50%; height:40px; line-height:38px; } 
.tab-type2 li a { display:block; width:100%; height:100%; background:#ebebeb; text-align:center; font-size:16px; color:#999; } 
.tab-type2 li.on a { background:#bf1e2e; color:#fff; } 
.tab-type2.round,
.tab-type2.round li a { border-radius:5px; } 
/*???? ver*/
.tab-type4 { display:table; table-layout:fixed; width:100%; border-top:1px solid #d6d6d6; } 
.tab-type4 li { display:table-cell; width:50%; height:40px; line-height:38px; } 
.tab-type4 li a { display:block; width:100%; height:100%; background:#fff; text-align:center; font-size:16px; color:#333; } 
.tab-type4 li.on a { color:#bf1e2e; border-top:3px solid #bf1e2e; font-weight:900; } 
/* ????? ???? */
[class^='board-wrap'] { letter-spacing:-1px; margin:0 auto 50px; width:100%; } 
/*[class^='board-wrap'] table .txt-hidden { max-width:90%; vertical-align:middle; } */
[class^='board-wrap'] table { width:100%; table-layout:fixed; } 
[class^='board-wrap'] table th,
[class^='board-wrap'] table td { padding:22px 0; border-bottom:1px solid #e6e6e6; text-align:center; font-size:15px; } 
[class^='board-wrap'] table th { background:#fafafa; } 
[class^='board-wrap'] table td { padding:32px 0; line-height:1.5; } 
[class^='board-wrap'] table td a { color:#333; } 
[class^='board-wrap'] table .t-a_l { padding-left:8px !important; padding-right:8px; } 
[class^='board-wrap'] table .t-a_r { padding-right:8px !important; } 
[class^='board-wrap'] table tr.disabled td { color:#ccc !important; } 
[class^='board-wrap'].tb-type1 table td { border-right:1px solid #e6e6e6; } 
[class^='board-wrap'].tb-type1 table td:last-child { border-right:0; } 
/*????? ????? ????*/
.tb-list { width:100%; border-top:1px solid #d8d8d8; } 
.tb-list tbody th { background:#fafafa; color:#333; font-weight:bold; vertical-align:middle; } 
.tb-list tbody th, .tb-list tbody td { font-size:14px; padding:15px 15px 14px 15px; border-bottom:1px solid #d8d8d8; } 
/* ???????? ???? */
.scroll_fix { overflow:hidden; height:100%; } 
.layer_n { display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:999 } 
.layer_n .bg { position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.5; filter:alpha(opacity=50) } 
.layer .layer_box { position:absolute; top:50%; left:50%; /*overflow:hidden; */z-index:10 } 
/*???????? ????????? (class = "gray_ver")*/
.layer_box.gray_ver h2 { text-align:left; height:60px; padding-left:30px; background:#666; line-height:60px; font-size:20px; color:#fff; } 
.layer_box.gray_ver h2 > span { color:#000; } 
.layer_box.gray_ver h3 { font-size:24px; } 
.layer_box.gray_ver a.close { display:block; position:absolute; top:20px; right:30px; margin-right:0; width:20px; height:20px; background:url('https://cdn.hackersut.com/www/images/lecture/Course/ico_lecture.png') no-repeat; background-position:0 -79px; text-indent:-3000em; font-size:0; } 
.layer_box.gray_ver .cont { padding:30px; background:#fff; } 
.layer_box.gray_ver .cont.scroll-y { height:700px; overflow-y:auto !important; } 
.layer_box.gray_ver .board-wrap table td { padding:23px 0; } 
/* ???? ???? */
div.tooltip_pop { position:relative; width:340px; padding:25px 20px; color:#666; line-height:20px; background:#fff; border:1px solid #000; box-shadow:0px 0px 5px 1px rgba(0, 0, 0, .2); z-index:999; display:none; } 
div.tooltip_pop .tit { line-height:30px; font-size:17px; border-bottom:1px solid #959595; } 
div.tooltip_pop .tit a.tooltip_cls { position:absolute; top:28px; right:20px; display:inline-block; width:15px; height:15px; background:url('https://cdn.hackersut.com/www/images/lecture/Course/ico_lecture.png') no-repeat 0 -27px; font-size:0; text-indent:-99999px; } 
/* selecbox ??????? */
.search-select-type1 { width:180px; height:40px; line-height:40px; border:1px solid #ddd; vertical-align:middle; text-indent:10px; font-size:14px; box-sizing:border-box; } 
.search-select-type1.select-w { width:541px !important; } 
.search-select-type1.txt-w { width:136px !important; } 
/*radio ??? ????*/
.input-sp { display:inline-block; position:relative; overflow:hidden; color:inherit; font-size:15px; cursor:pointer; vertical-align:middle; } 
.input-sp input { position:absolute; top:0; left:-99999999999px; } 
.input-sp input+i { display:inline-block; overflow:hidden; width:20px; height:20px; background:url('https://cdn.hackersut.com/www/images/common/sp_input.png') no-repeat 0 0; vertical-align:middle; } 
.input-sp input[type='radio']:checked+i { background-position:0 -22px; } 
.input-sp input[type='checkbox']+i { background-position:-22px 0; } 
.input-sp input[type='checkbox']:checked+i { background-position:-22px -22px; } 
.input-sp .input-txt { vertical-align:middle; } 
/*.search-select-type2 { width:180px; height:28px; line-height:26px; border:1px solid #000; border-radius:6px 6px; vertical-align:bottom; padding-left:10px; color:#000; font-size:14px; } */
/*.search-wrap.search-type1 { width:240px; } */
/*.search-type2 { width:541px; } */


.mainTop_ban { display:block; width:1048px; margin:0 auto 34px; border:1px solid #e9e9e9; } 
/* floatBan */
.mainFloat_ban { position:fixed; bottom:0; left:0; width:100%; z-index:10; } 
.hackersUT_close { position:absolute; top:-26px; left:50%; margin-left:500px; } 
.mainFloat { width:1000px; margin:0 auto; } 
.mainFloat a { display:block; } 

.quick_corona_text { font-weight:bold; height:60px; line-height:30px; text-align:center; margin-bottom:10px; border:1px solid #d3d3d3 } 
.quick_corona_text .quick_corona_text_head { background:#a30000; color:#fff; font-weight:bold; } 


/* 2021-11-25 ???? ???????? ??? */
.calendar_pop { width:100%; height:100%; position:fixed; left:0; top:0; z-index:10000; display:none; } 
.calendar_pop * { box-sizing:border-box; letter-spacing:-0.05em; font-family:'noto' , sans-serif;  } 
.calendar_pop .calendar_boxs { width:900px; position:fixed; left:50%; margin-left:-450px; top:50%; z-index:10001; transform:translateY(-50%); } 
.calendar_pop .calendar_pop_dim { width:100%; height:100%; position:fixed; left:0; top:0; background:rgba(0,0,0,.8); z-index:1; } 
.calendar_pop .pops_t a { display:inline-block; font-size:12px; font-weight:bold; color:#B9B9B9; position:absolute; top:10px; right:-40px; } 
.calendar_pop .pops_t a::after { content:''; display:block; width:30px; height:32px; background:url('https://cdn.hackersut.com/www/images/common/calendar/pop_close.png') no-repeat center center; margin-top:8px; } 
.calendar_pop .pop_cont { background:transparent; border-radius:10px; overflow:hidden; } 
.calendar_pop .tab_area { width:80px; position:absolute; top:135px; left:-80px; } 
.calendar_pop .tab_area:after { display:block; content:""; clear:both; } 
.calendar_pop .tab_area li { float:left; cursor:pointer; background:url('https://cdn.hackersut.com/www/images/common/calendar/calendar_tab_251127.png') no-repeat 0 0; background-size:auto !important; width:80px !important; height:130px; } 
.calendar_pop .tab_area li:nth-of-type(2) { margin:0; background-position-x:0 !important; background-position-y:calc((100% / 3)*1) !important; } 
.calendar_pop .tab_area li:nth-of-type(3) { margin:0; background-position-x:0 !important; background-position-y:calc((100% / 3)*2) !important;; } 
.calendar_pop .tab_area li:nth-of-type(4) { margin:0; background-position-x:0 !important; background-position-y:100%; } 
.calendar_pop .tab_area li.on { background-position-x:100% !important; } 
.calendar_pop .tab_con.on { display:block; background:#fff; } 
.calendar_pop .tab_con { display:none; padding:30px 40px; width: auto; } 
.calendar_pop .tab_con .tab_tit { font-size:20px; color:#010101; text-align:center; margin-bottom:27px; } 
.calendar_pop .tab1 .cal_date { text-align:center; } 
.calendar_pop .tab1 .cal_date .txt { font-size:34px; font-weight:bold; color:#171717; letter-spacing:0; line-height:42px; padding:0 40px; vertical-align:middle; } 
.calendar_pop .tab1 .cal_date a { display:inline-block; vertical-align:middle; width:42px; height:42px; background:url('https://cdn.hackersut.com/www/images/common/calendar/cal_arrow.png') no-repeat left center / 200%; } 
.calendar_pop .tab1 .cal_date a.next {transform: scaleX(-1);} 
.calendar_pop .tab1 .cal_date a.prev:hover{background-position-x: right;transform: scaleX(-1);}
.calendar_pop .tab1 .cal_date a.next:hover{background-position-x: right;transform: unset;}
.calendar_pop .tab1 .calT { width:100%; } 
.calendar_pop .tab1 .calT th,
.calendar_pop .tab1 .calT td { border-right:1px solid #d7dee2; border-bottom:1px solid #d7dee2; font-size:14px; width:110px; /*width:calc((100% - 1px) / 7); */text-align:left; background:#fff; vertical-align:top;} 
.calendar_pop .tab1 .calT th { font-size:15px; background:#E8EEF2; padding:10px 0; text-align:center; } 
.calendar_pop .tab1 .calT th.tx_red { color:#cc0000 } 
.calendar_pop .tab1 .calT th.tx_blue { color:#01538c } 
.calendar_pop .tab1 .calT td { padding:10px; height: 55px; position: relative;} 
.calendar_pop .tab1 .calT td li p{font-size: 13px;}
.calendar_pop .tab1 .calT td p img { vertical-align:middle; margin:-3px 2px 0 0 } 
.calendar_pop .tab1 th:nth-of-type(1),
.calendar_pop .tab1 td:nth-of-type(1){ border-left:1px solid #d7dee2;} 

.calendar_pop .tab1 .cal_info { text-align:center; padding:20px 0 24px; display: flex; width: 67%; margin:0 0 0 270px; justify-content: space-between;} 
.calendar_pop .tab1 .cal_info ul li { display:inline-block; margin-right:2px; } 
.calendar_pop .tab1 .cal_info ul li a { font-size:15px; color:#b7b7b7; border:1px solid #b7b7b7; background:#fff; padding:0 11px 0 13px; height:30px; line-height:28px; display:inline-block; } 
.calendar_pop .tab1 .cal_info ul li a:hover, 
.calendar_pop .tab1 .cal_info ul li.on a { border:1px solid #e43574; color:#e43574; } 
.calendar_pop .tab1 .cal_info ul li a i { font-size:6px; font-style:normal; margin-left:5px; display:inline-block; vertical-align:bottom; }
.calendar_pop .tab1 .cal_info .input_box{display:flex;} 
.calendar_pop .tab1 .cal_info #search_keyword{border:1px solid #e43574; height: 30px; width: 180px; padding-left: 8px;}
.calendar_pop .tab1 .cal_info .search_btn{background-color: #e43574; width: 30px; height:30px; position:relative;}
.calendar_pop .tab1 .cal_info .search_btn::after{content: ''; display: block; width: 30px; height: 30px; background: url('https://cdn.hackersut.com/www/images/common/calendar/search_btn.png') no-repeat center center; background-size: 100% 100%;position: absolute; top: 0%; left: 0%;}
.calendar_pop .tab1 .cal_icon ul li:nth-of-type(2) label i { background-position-x:calc((100% / 6)*1); } 
.calendar_pop .tab1 .cal_icon ul li:nth-of-type(3) label i { background-position-x:calc((100% / 6)*2); } 
.calendar_pop .tab1 .cal_icon ul li:nth-of-type(4) label i { background-position-x:calc((100% / 6)*3); } 
.calendar_pop .tab1 .cal_icon ul li:nth-of-type(5) label i { background-position-x:calc((100% / 6)*4); } 
.calendar_pop .tab1 .cal_icon ul li:nth-of-type(6) label i { background-position-x:calc((100% / 6)*5); } 
.calendar_pop .tab1 .cal_icon ul li:nth-of-type(7) label i { background-position-x:100%; } 

.calendar_pop .tab2 {height: 480px; overflow: auto; padding: 0 20px;} 
.calendar_pop .tab2::-webkit-scrollbar {width: 5px;}
.calendar_pop .tab2::-webkit-scrollbar-track {background-color: #ddd; border-radius: 10px;}
.calendar_pop .tab2::-webkit-scrollbar-thumb {background-color: #e43b73; border-radius: 10px;}
.calendar_pop .tab2 .cal_icon { padding:0 0 15px; text-align:right; } 
.calendar_pop .tab2 .cal_icon ul li label { font-size:15px; font-weight:bold; } 
.calendar_pop .tab2 .cal_icon ul li label::before { margin-right:5px; } 
.calendar_pop .tab2 .table_inner { height:417px;border:none;border-top: 1px solid #c5d0d6; } 
.calendar_pop .tab2 .table_inner .s_table th:nth-of-type(1),.calendar_pop .tab3 .table_inner .s_table th:nth-of-type(1){border-left: 1px solid #c6d0d6;}
.calendar_pop .tab2 .table_inner .s_table tr td:nth-of-type(1),.calendar_pop .tab3 .table_inner .s_table tr td:nth-of-type(1){border-left: 1px solid #c6d0d6;}

.calendar_pop .tab3 .table_inner { height:480px;border:none;border-top: 1px solid #c5d0d6; } 
.calendar_pop .tab3 {height: 480px; overflow: auto; padding: 0 20px;} 
.calendar_pop .tab3::-webkit-scrollbar {width: 5px;}
.calendar_pop .tab3::-webkit-scrollbar-track {background-color: #ddd; border-radius: 10px;}
.calendar_pop .tab3::-webkit-scrollbar-thumb {background-color: #e43b73; border-radius: 10px;}

.calendar_pop .tab4 .tb .table_inner { height:315px; } 
.calendar_pop .tab4 .tb:nth-of-type(2) .table_inner { height:150px; } 
.calendar_pop .tab4 .tb { display:table; width:100%; } 
.calendar_pop .tab4 .tb>* { display:table-cell; vertical-align:top; } 
.calendar_pop .tab4 .tb .left { width:117px; font-size:17px; font-weight:bold; padding:18px 0; } 
.calendar_pop .tab4 .tb .right { width:calc(100% - 118px); } 
.calendar_pop .tab4 tr:nth-of-type(odd) { background:#F3F5F7; } 
.calendar_pop .tab4 td { padding:15px 0; font-size:15px; text-align:center; } 

.calendar_pop .table_inner { height:335px; overflow:auto; border-top:1px solid #c5d0d6; } 
.calendar_pop .table_inner::-webkit-scrollbar { width:6px; height:6px; } 
.calendar_pop .table_inner::-webkit-scrollbar-track { background-color:#e8e8e8; } 
.calendar_pop .table_inner::-webkit-scrollbar-thumb { background-color:#e43b73; border-radius:10px; } 
.calendar_pop .table_inner::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment { width:1px; height:1px; background:#e8e8e8; } 
.calendar_pop .table_inner::-webkit-scrollbar-thumb:hover { background-color:#e43b73; } 
.calendar_pop .table_inner::-webkit-scrollbar-track { background-color:#e8e8e8; } 
.calendar_pop .table_inner::-webkit-scrollbar-thumb { background-color:#e43b73; } 

.calendar_pop .top_slide { position: absolute; top: 15px; right: 15px; } 
.calendar_pop .bx-controls-direction { width: 100%; } 
.calendar_pop .bx-controls-direction a { position: absolute; top: 50%; transform: translateY(-50%); width: 12px !important; height: 16px !important; text-indent: -9999px; margin-top:0 !important; background: url("https://cdn.hackersut.com/www/images/common/calendar/arrow.png") !important; } 
.calendar_pop .bx-controls-direction .bx-prev { left: 5px; } 
.calendar_pop .bx-controls-direction .bx-next { right: 5px; background-position-x: 100% !important; } 
.day.blue{color:#3840ca;}
.day.red{color:#c11b2f;}

/* COMMON */
.bg_blue { background:#D6E8F3 !important; } 
.fc_red { color:#E23838 !important; } 
.fc_blue { color:#368DE3 !important; } 
.b_r { border-right:1px solid #c5d0d6 !important; } 
.mt20 { margin-top:20px; } 

/* table */
.s_table { width:100%; border:0; } 
/* .s_table tr:last-of-type td { border-bottom:0; } */
.s_table th,
.s_table td { border:0; border-right:1px solid #c5d0d6; border-bottom:1px solid #c5d0d6; font-size:15px; text-align:center; } 
.s_table th { background:#E8EEF2; padding:12px 0; font-weight:600; vertical-align:middle; } 
.s_table td { padding:15px 10px; } 
/* .s_table th:last-of-type, 
.s_table td:last-of-type { border-right:0; } */
.s_table .t_l { text-align:left !important; } 

.calendar_pop .cal_icon { padding:0 15px 20px; } 
.calendar_pop .cal_icon ul li { display:inline-block; } 
.calendar_pop .cal_icon ul li label { font-size:14px; color:#1F1F1F; } 
.calendar_pop .cal_icon ul li label i { display:inline-block; width:21px; height:21px; background:url('https://cdn.hackersut.com/www/images/common/calendar/ic_calendar.png') no-repeat 0 0; background-size:700%; margin:0px 3px; vertical-align:bottom; } 

.calendar_pop .notice_txt { font-size:14px; color:#9D9D9D; line-height:1.4em; margin-top:24px; } 

.calendar_pop .logo_slide { background:#fdeced; padding:10px 0; } 
.calendar_pop .logo_slide ul:after { content:''; display:block; clear:both; } 
.calendar_pop .logo_slide ul li { float:left; width:calc((100% - 1px) / 5); height:55px; position:relative; } 
.calendar_pop .logo_slide ul li:not(:last-of-type)::after { content:''; display:block; width:1px; height:100%; background:#ecced1; position:absolute; top:0; right:0; } 
.calendar_pop .logo_slide ul li a { display:table; width:100%; padding:0 8px; vertical-align:middle; } 
.calendar_pop .logo_slide ul li a > * { display:table-cell; vertical-align:middle; text-align:center; } 
.calendar_pop .logo_slide ul li .logo { width:55px; margin-right:10px; } 
.calendar_pop .logo_slide ul li .logo img { width:100%;} 
.calendar_pop .logo_slide ul li .univ_title * { font-size:14px; color:#000; } 
.calendar_pop .logo_slide ul li .univ_title span { font-size:12px; color:#fff; display:inline-block; margin-top:3px; padding:4px 6px; background:#f6a2a9; border-radius:2px; } 
.calendar_pop .logo_slide ul li.none { display:table; text-align:center; } 
.calendar_pop .logo_slide ul li.none span { display:table-cell; vertical-align:middle; padding:14px 0; } 

.calendar_pop .univ_open{display: inline-block; margin-left: 32px; font-size: 13px; color: #e43574; text-decoration: underline;}
.calendar_pop .univ_list_pop{position: absolute; top:33px; left: 0; z-index: 99; background-color: #fff; border-radius: 10px; border:1px solid #555; box-shadow: 1px 2px 5px 4px rgba(0, 0, 0, 0.1); padding:10px; width: 138px; display: none;}
.calendar_pop .univ_list_pop .close_btn{width: 20px; height: 20px; background-color: #555; color: #fff; position: absolute; top: 0; right: 0; text-align: center;}
.calendar_pop .univ_list_pop .date{color: #222; font-size: 16px; color: #e43574; padding: 10px 0 5px; border-bottom: 1px solid #d9d9d9;}
.calendar_pop .univ_list_pop ul{margin-top: 4px;}
.calendar_pop .univ_list_pop ul li{color: #222; margin-bottom: 4px;}

.s_chk input[type='checkbox'] { display:none !important; } 
.s_chk label { line-height:21px; display:inline-block; margin-right:10px; } 
.s_chk label::before { content:''; display:inline-block; width:21px; height:21px; background:url('https://cdn.hackersut.com/www/images/common/calendar/cal_chk.png') no-repeat 0 0; background-size:200%; vertical-align:bottom; } 
.s_chk.re_241126 label::before { content:''; display:inline-block; width:21px; height:21px; background:url('https://cdn.hackersut.com/www/images/common/calendar/cal_chk_241126.png') no-repeat 0 0; background-size:200%; vertical-align:bottom; } 
.s_chk input[type='checkbox']:checked + label::before { background-position:100% 0; } 

/*?????? ???*/
.reason { position: absolute; width:1000px; top:120px; left:50%; transform: translateX(-50%); padding:35px; box-sizing: border-box; background:rgba(0,0,0,0.85); color:rgba(255,255,255,0.7); text-align: left; font-size:14px; line-height: 1.5; letter-spacing: -0.04em; display:none } 
.reason .close { position: absolute; width:20px; height:20px; top:10px; right:10px; cursor: pointer; } 
.reason .close::before, .reason .close::after { content:''; display:block; width:100%; height:1px; background:rgba(255,255,255,0.7); position: absolute; top:50%; left:50%; transform: translate(-50%,-50%) rotate(45deg); } 
.reason .close::after { transform: translate(-50%,-50%) rotate(-45deg); } 
.con01 .reason { top: 170px; } 

.conWidth_w { width: 2560px; position: relative; text-align: center; left: 50%; transform: translateX(-50%); margin: 0; } 

#header_240418{background: #f8f8f8;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;box-sizing: border-box;}
#header_240418 .conWidth{display: flex;justify-content: space-between;align-items: center;}
#header_240418 .conWidth .left .row01 a{border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;display: block;padding: 15px 10px;}
#header_240418 .conWidth .right .row02{display: flex;align-items: center;}
#header_240418 .conWidth .right .row02 a{color: #737373;}
#header_240418 .conWidth .right .row02 > li:not(:nth-last-of-type(1)) > a::after{display: inline-block;width: 1px;height: 10px;background: #dddddd;content: '';margin: 0 10px;}
#header_240418 .conWidth .right .row02  li > ol li a::after{display: none;}
#header_240418 .conWidth .right .row02 li.join a{display: flex;align-items: center;}
#header_240418 .conWidth .right .row02 li.join a::before{content: '';display: inline-block;width: 132px;height: 23px;background: url('https://cdn.hackersut.com/www/images/common/gnb/ballon_240418.png')0 0/contain no-repeat;margin-right: 3px;}
#header_240418 .conWidth .right .row02 li a.colr_b{color: #415fa4;}

#header_240418 .user_class{position: relative;}
#header_240418 .my_class_menu { display:none; width:160px; padding:15px; position:absolute; top:30px; left:-39px; background:#fff; border:1px solid #333; z-index:1001; box-sizing:border-box; } 
#header_240418 .my_class_menu li { width:100%; text-align:left; line-height:25px; } 
#header_240418 .my_class_menu li:hover a { color:#000; text-decoration:underline; font-weight:bold; } 
#header_240418 .my_class_menu:before { position:absolute; top:-11px; left:51px; width:18px; height:11px; content:''; background:url('https://cdn.hackersut.com/www/images/common/ic_gnb_arrow2.png') no-repeat; }