@charset "utf-8"; /*****************************
제목 : 해커스편입 메인,서브 공통 CSS

작성일 : 20150210
작성자 : leewj
*****************************/

html, body { width:100%; height:100%; } 
body { font-size:12px; color:#666; } 
* { 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; } 
table { border-collapse: collapse; /* table-layout:fixed; */ } 
img,fieldset { border:0; } 
/* img { margin:0; } 
@media screen and (-webkit-min-device-pixel-ratio:0) { img { margin:0 0 -3px; } 
 }
@-moz-document url-prefix() { img { margin:0 0 -3px } 
 }*/
ul,li,dl,dt,dd { list-style:none; *zoom:1; } 
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; } 

/* 공통 클래스 */
.clear_both { clear:both; } 
.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:1000px; margin:30px auto 0; position:relative; } 
.conWidth.bg_red { background-color:#bf1e2e; } 
.lnbWidth { width:196px; text-align:left; } 
.cosWidth { width:780px; text-align:left; } 
.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'); } 

.box_shadow50 { box-shadow: 15px 15px 35px #666666; -webkit-box-shadow: 15px 15px 35px #666666; -moz-box-shadow: 15px 15px 35px #666666; } 

.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 } 

.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 } 
.mb20 { margin-bottom:20px !important } 
.mb25 { margin-bottom:25px !important } 
.mb30 { margin-bottom:30px !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 } 
.ml7 { margin-left:7px; } 
.ml9 { margin-left:9px } 
.ml10 { margin-left:10px !important } 
.ml14 { margin-left:14px } 
.ml15 { margin-left:15px !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 } 

/********** 기존 공통클래스 **********/
.o_hidden { overflow:hidden; } 
.pos-r { position:relative; } 
.pos-a { position:absolute; } 
.t-a_c { text-align:center !important; } 
.t-a_l { text-align:left !important; } 
.w37 { width:37px; } 
.w142 { width:142px; } 
.w171 { width:171px; } 
.f-both { overflow:hidden; width:100%; } 
.fc_red { color:#bf1e2e; } 
.b_red { color:#cb1426; } 
.f_l { float:left; } 
.f_r { float:right; } 

/********** 레이아웃 **********/

#wrapper { position:relative; width:100%; margin:0 auto; } 

#header { position:relative; width:100%; height:123px; margin:0 auto; z-index:10; margin-top:20px; } 
#header:after { display:block; clear:both; content:""; } 
#header h1.logo { width:300px; margin:0 auto; padding:17px 0 0 0; text-align:center; } 
#header h1.logo .new_1010 { display:block; position:relative; top:-10px; } 
#header h6 { width:231px !important; height:28px !important; margin:0 auto !important; padding:23px 0 !important; text-align:center !important } 
#header .btn_gnb_login { position:absolute; top:28px; left:215px; } 
#header .banner { position:absolute; top:16px; left:0; } 
#header .util_menu { position:absolute; top:59px; right:0; } 
#header .util_menu li { float:left; margin:0 0 0 11px; } 
#header .util_menu img { vertical-align:top; } 
#header .header_bn { position: absolute; left:0; top:22px; width:176px; } 

#header #GNBTitle { width:1000px; } 

/* 상단 유틸 메뉴(S) */
#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:0px; padding-right:0px; } 
#util_menu li.none { padding:0 0 0 8px; border-right:0; } 
#util_menu li em { color:#cc0000; } 
#util_menu li a { font-size:11px; color:#888; } 
#util_menu li a:hover { color:#000; } 

#header p.top_news { position:absolute; top:141px; top:137px\9; width:972px; height:20px; overflow:hidden; background: url(../images/common/bul_news.gif) 11px 3px no-repeat; } 
#header p.top_news strong { display:inline-block; height:19px; margin:0 0 0 11px; padding:5px 0 0 19px; padding-top:3px\9 } 
#onelinebanner { position:absolute; top:-20px; left:82px; margin:0 0 -20px; width:972px; height:20px; overflow:hidden; } 
#sub8 strong { position:relative; top:3px; } 
:root #sub8 strong { top:5px; } 

.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; } 

/***** wrapper 레이아웃, gnb개편 150528 *****/
#wrapper_150521 { min-width: 1000px; padding-left: 160px; } 

/***** header 레이아웃, gnb개편 150528 *****/
#header_150521 { position: relative; z-index:99; } 
.colr_r { color:#bf1e2e !important; } 
.colr_b { color:#415fa4 !important; } 
.article_in { width:1050px; margin:0 auto; } 
.article_in * { box-sizing:border-box; } 
#header_150521 .h_lnb_div .h_lnb .gnb_zone * { font-family: 'noto', sans-serif; letter-spacing: -1px; } 



/* header gnb 버튼 */
.bul_tooltip { position:absolute; top:-22px; left:-15px; z-index:4; } 

#header_150521 .h_gnb_div { position:relative; padding:30px 0; } 

/*로고*/
#header_150521 .h_gnb_div .h_logo { width:209px; margin:0 auto; } 

/* h_ac_lec */
#header_150521 .h_gnb_div .h_ac_lec { position:absolute; top:44px; left:0; z-index:11; } 
#header_150521 .h_gnb_div .h_ac_lec li { float:left; } 
#header_150521 .h_gnb_div .h_ac_lec li a { display:block; padding:5px 0; border:1px solid #ccc; border-left:0; font-size:13px; width:70px; height:32px; text-align:center; } 
#header_150521 .h_gnb_div .h_ac_lec li:first-child a { border-left:1px solid #ccc; } 
#header_150521 .h_gnb_div .h_ac_lec li dl dt { width:118px; padding:8px 20px; font-size:14px; border:1px solid #ccc; background:url('//www.hackersut.com/images/common/select_arrow.png') no-repeat 95% center; } 
#header_150521 .h_gnb_div .h_ac_lec li dl dd { display:none; text-align:center; background:#fff; } 
#header_150521 .h_gnb_div .h_ac_lec li dl dd a { border-width:0 1px 0 1px; border-style:solid; border-color:#ccc; color:#c0c0c0; font-size:12px; } 
#header_150521 .h_gnb_div .h_ac_lec li dl dd:last-of-type a { border-bottom:1px solid #ccc; } 
#header_150521 .h_gnb_div .h_ac_lec li a:hover,
#header_150521 .h_gnb_div .h_ac_lec li.on a { color:#fff; border-color:#bf1e2e; background-color:#bf1e2e; } 
#header_150521 .h_gnb_div .h_ac_lec li dl dt:hover,
#header_150521 .h_gnb_div .h_ac_lec li dl dt.on { color:#bf1e2e; border-color:#bf1e2e; } 
#header_150521 .h_gnb_div .h_ac_lec li dl dd:hover { } 
#header_150521 .h_gnb_div .h_ac_lec li dl dd a:hover { font-weight:bold; color:#424242; border-color:#ccc; background-color:#fff; } 



/* 로그인/아웃 */
#header_150521 .h_gnb_div .h_mnb { position:absolute; top:50%; transform: translateY(-50%); right:0; } 
#header_150521 .h_gnb_div .h_mnb > ul > li { float:left; } 
#header_150521 .h_gnb_div .h_mnb > ul > li > a { display:block; line-height:34px; padding-left:15px; font-size:14px; color:#777; background:url('//www.hackersut.com/images/common/top_svc_line.gif') no-repeat 7px center; } 
#header_150521 .h_gnb_div .h_mnb > ul > li:first-child a { color:#000; font-weight:bold; background:none; } 
#header_150521 .h_gnb_div .h_mnb > ul > li a.mn_log { } 
#header_150521 .h_gnb_div .h_mnb > ul > li a:hover { font-weight:bold; } 
#header_150521 .h_gnb_div .h_mnb > ul > li a.balloon { position: relative; } 
#header_150521 .h_gnb_div .h_mnb > ul > li a.balloon span { position: absolute; left: -39px; bottom: 36px; border: 1px solid #BF1E2E; border-radius: 15px; padding: 6px 15px; display: inline-block; font-size: 13px; font-weight: bold; color: #000; letter-spacing: -.01em; white-space: nowrap; line-height: 1.2em; } 
#header_150521 .h_gnb_div .h_mnb > ul > li a.balloon span::after { content:''; width:12px; height:9px; display:block; background: url('//cdn.hackersut.com/ingang/images/main/header/ic_polygon.png') no-repeat center center; position: absolute; left: 50%; transform: translateX(-50%); bottom: -9px; } 
#header_150521 .h_gnb_div .btn_calendar { text-align:right; position: absolute; right: 0; bottom: 5px; } 

/* 말풍선추가 */
.h_gnb_div .h_gnb .reTop_tipBtn { position:absolute; top:0; left:25px; 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; } 
.reTop_textList { overflow:hidden; margin-left:10px; } 


/* h_lnb */
#header_150521 .h_lnb_div { background:#fff; border-width:1px 0; border-color:#ddd; border-style:solid; } 
.h_lnb_div .h_lnb .gnb_zone:after { content:''; display:block; clear:both; } 
.h_lnb_div .h_lnb .gnb_zone { padding:0 25px; } 
.h_lnb_div .h_lnb .gnb_zone > li { position:relative; float:left; margin-left:61px; } 
.h_lnb_div .h_lnb .gnb_zone > li:first-child { margin-left:20px; } 
.h_lnb_div .h_lnb .gnb_zone > li > a { display:block; line-height:58px; color:#000; font-size:16px; font-weight:bold; } 
.h_lnb_div .h_lnb .gnb_zone > li > a:hover,
.h_lnb_div .h_lnb .gnb_zone > li > a.on { color:#bf1e2e; font-weight:bold; } 


/*gnb 하위메뉴*/
.h_lnb_div .h_lnb .gnb_zone li .sub_mx { display:none; padding:20px; position:absolute; top:58px; left:50%; background:#fff; border: 1px solid #333; z-index:10; } 
.h_lnb_div .h_lnb .gnb_zone li .sub_mx.on { display:block; } 
.h_lnb_div .h_lnb .gnb_zone li .sub_mx .ic { position:absolute; top:-16px; left:50%; margin-left:-8px; height:9px; } 
.h_lnb_div .h_lnb .gnb_zone li .sub_mx .tit { margin-bottom:15px; font-size:14px; color:#212121; font-weight:bold; } 
.h_lnb_div .h_lnb .gnb_zone li .sub_mx .tit strong { color:#bf1e2e; } 
.h_lnb_div .h_lnb .gnb_zone li .sub_mx .sm_cont { overflow:hidden; line-height:22px; } 
.h_lnb_div .h_lnb .gnb_zone li .sub_mx .sm_cont .lbx span.ico_hot { position: relative; top: -2px; left: 4px; } 
.h_lnb_div .h_lnb .gnb_zone li .sub_mx .sm_cont .lbx span.ico_hot img { animation: hot_show 1.5s infinite ease } 
.h_lnb_div .h_lnb .gnb_zone li .sub_mx .sm_cont a { display:block; font-size:14px; color:#888; padding-bottom:5px; } 
.h_lnb_div .h_lnb .gnb_zone li .sub_mx .sm_cont.v2 a { display:block; font-size:14px; color:#888; padding-bottom:5px; margin-right:8px; }
.h_lnb_div .h_lnb .gnb_zone li .sub_mx .sm_cont a:last-child { margin-right: 0; }
.h_lnb_div .h_lnb .gnb_zone li .sub_mx .sm_cont.v2 .lbx { display:flex; }
.h_lnb_div .h_lnb .gnb_zone li .sub_mx .sm_cont.v2 .inner_box { width:50%; display:flex; flex-direction:column; }
.h_lnb_div .h_lnb .gnb_zone li .sub_mx .sm_cont.v2 .sub_wrap { display:flex; flex-direction:column; }
.h_lnb_div .h_lnb .gnb_zone li .sub_mx .sm_cont.v2 a .sub_name { font-size:12px; margin-left:5px; }
.h_lnb_div .h_lnb .gnb_zone li .sub_mx .sm_cont .btn_tit { font-size:14px; color:#bf1e2e; font-weight:bold; margin-top:4px; display:block; } 
.h_lnb_div .h_lnb .gnb_zone li .sub_mx .sm_cont .btn_tit:first-child { margin-top:0; } 
.h_lnb_div .h_lnb .gnb_zone li .sub_mx .sm_cont .btn_tit_sub { font-size:12px; color:#333; font-weight:bold; } 
.h_lnb_div .h_lnb .gnb_zone li .sub_mx a:hover { font-weight:bold; text-decoration:underline; } 
.h_lnb_div .h_lnb .gnb_zone li .sub_mx .sm_cont .subtit { color:#222; font-weight: bold; font-size: 14px; } 

.h_lnb_div .h_lnb .gnb_zone li.m1 .sub_mx { margin-left:-85px; width:201px; } 
.h_lnb_div .h_lnb .gnb_zone li.m2 .sub_mx { margin-left:-85px; width:170px; } 
.h_lnb_div .h_lnb .gnb_zone li.m3 .sub_mx { margin-left:-120px; width:320px; } 
.h_lnb_div .h_lnb .gnb_zone li.m4 .sub_mx { margin-left:-84px; width:170px; } 
.h_lnb_div .h_lnb .gnb_zone li.m5 .sub_mx { margin-left:-85px; width:195px; } 
.h_lnb_div .h_lnb .gnb_zone li.m6 .sub_mx { margin-left:-93px; width:200px; } 
.h_lnb_div .h_lnb .gnb_zone li.m7 .sub_mx { margin-left:-98px; width:226px; } 
.h_lnb_div .h_lnb .gnb_zone li.m8 .sub_mx { margin-left:-100px; width:200px; } 


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

.menu_img .lbx a { width:106px; height:14px; background:url('//cdn.hackersut.com/ingang/reMain/customer_1.jpg') no-repeat 0 0; margin-bottom:10px; } 
.menu_img .lbx a:nth-child(2) { background:url('//cdn.hackersut.com/ingang/reMain/customer_2.jpg') no-repeat 0 0; } 
.menu_img .lbx a:nth-child(3) { background:url('//cdn.hackersut.com/ingang/reMain/customer_3.jpg') no-repeat 0 0; } 
.menu_img .lbx a:nth-child(4) { background:url('//cdn.hackersut.com/ingang/reMain/customer_4.jpg') no-repeat 0 0; } 
.menu_img .lbx a:nth-child(5) { background:url('//cdn.hackersut.com/ingang/reMain/customer_5.jpg') no-repeat 0 0; } 
.menu_img .lbx a:nth-child(6) { background:url('//cdn.hackersut.com/ingang/reMain/customer_6.jpg') no-repeat 0 0; } 
.menu_img .lbx a:nth-child(7) { background:url('//cdn.hackersut.com/ingang/reMain/customer_7.jpg') no-repeat 0 0; } 
.menu_img .lbx a:nth-child(8) { background:url('//cdn.hackersut.com/ingang/reMain/customer_8.jpg') no-repeat 0 0; } 

.menu_img .lbx a:hover { width:106px; height:14px; background:url('//cdn.hackersut.com/ingang/reMain/customer_1_on.jpg') no-repeat 0 0; margin-bottom:10px; } 
.menu_img .lbx a:nth-child(2):hover { background:url('//cdn.hackersut.com/ingang/reMain/customer_2_on.jpg') no-repeat 0 0; } 
.menu_img .lbx a:nth-child(3):hover { background:url('//cdn.hackersut.com/ingang/reMain/customer_3_on.jpg') no-repeat 0 0; } 
.menu_img .lbx a:nth-child(4):hover { background:url('//cdn.hackersut.com/ingang/reMain/customer_4_on.jpg') no-repeat 0 0; } 
.menu_img .lbx a:nth-child(5):hover { background:url('//cdn.hackersut.com/ingang/reMain/customer_5_on.jpg') no-repeat 0 0; } 
.menu_img .lbx a:nth-child(6):hover { background:url('//cdn.hackersut.com/ingang/reMain/customer_6_on.jpg') no-repeat 0 0; } 
.menu_img .lbx a:nth-child(7):hover { background:url('//cdn.hackersut.com/ingang/reMain/customer_7_on.jpg') no-repeat 0 0; } 
.menu_img .lbx a:nth-child(8):hover { background:url('//cdn.hackersut.com/ingang/reMain/customer_8_on.jpg') no-repeat 0 0; } 

/* sub_mn */
.h_lnb_div .sub_mn { display:none;; position:absolute; left:-230px; top:50px; 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.english .sub_mn { width:1000px; } 
.h_lnb_div .h_lnb>ul>li.teacher .sub_mn { width:500px; left:-50px; } 
.h_lnb_div .h_lnb>ul>li.toeic .sub_mn { width:620px; left:-250px; } 
.h_lnb_div .h_lnb>ul>li.teps .sub_mn { width:620px; left:-310px; } 
.h_lnb_div .h_lnb>ul>li.math .sub_mn { width:1000px; left:-330px; } 
.h_lnb_div .h_lnb>ul>li.major .sub_mn { width:794px; left:-370px; } 
.h_lnb_div .h_lnb>ul>li.essay .sub_mn,
.h_lnb_div .h_lnb>ul>li.basic .sub_mn { width:330px; left:-100px; } 

.h_lnb_div .sub_mn .inside { /* padding:25px 14px 31px 14px; */ } 
.h_lnb_div .sub_mn table { } 
.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('/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; height:20px; font-size:16px; color:#000; text-align: left; font-weight:bold; } 
.h_lnb_div .sub_mn table td strong.sub_mn_tit a.mn_com.mn_sub1 { background-position:-168px -315px; } 
.h_lnb_div .sub_mn table td strong.sub_mn_tit a.mn_com.mn_sub2 { background-position:-168px -340px; } 
.h_lnb_div .sub_mn table td strong.sub_mn_tit a.mn_com.mn_sub3 { background-position:-168px -365px; } 
.h_lnb_div .sub_mn table td strong.sub_mn_tit a.mn_com.mn_sub4 { background-position:-168px -388px; width:85px; } 
.h_lnb_div .sub_mn table td strong.sub_mn_tit a.mn_com.mn_sub5 { background-position:-168px -415px; } 
.h_lnb_div .sub_mn table td strong.sub_mn_tit a.mn_com.mn_sub6 { background-position:-168px -440px; } 
.h_lnb_div .sub_mn table td strong.sub_mn_tit a.mn_com.mn_sub7 { background-position:-168px -465px; } 
.h_lnb_div .sub_mn table td strong.sub_mn_tit a.mn_com.mn_sub8 { background-position:-302px -490px; } 
.h_lnb_div .sub_mn table td strong.sub_mn_tit a.mn_com.mn_sub9 { background-position:-302px -540px; } 
.h_lnb_div .sub_mn table td strong.sub_mn_tit a.mn_com.mn_sub10 { background-position:-168px -565px; width:115px } 
.h_lnb_div .sub_mn table td strong.sub_mn_tit a.mn_com.mn_sub11 { background-position:-168px -590px; } 
.h_lnb_div .sub_mn table td strong.sub_mn_tit a.mn_com.mn_sub12 { background-position:-168px -615px; } 
.h_lnb_div .sub_mn table td strong.sub_mn_tit a.mn_com.mn_sub12_2 { background:url('/images/common/gnb_08.png') no-repeat 0 0; text-indent:-9999px; } 
.h_lnb_div .sub_mn table td strong.sub_mn_tit a.mn_com.mn_sub13 { background-position:-168px -640px; } 
.h_lnb_div .sub_mn table td strong.sub_mn_tit a.mn_com.mn_sub14 { background-position:-168px -665px; } 
.h_lnb_div .sub_mn table td strong.sub_mn_tit a.mn_com.mn_sub15 { background-position:-168px -690px; } 
.h_lnb_div .sub_mn table td strong.sub_mn_tit a.mn_com.mn_sub16 { background-position:-168px -715px; } 
.h_lnb_div .sub_mn table td strong.sub_mn_tit a.mn_com.mn_sub17 { background-position:-168px -741px; } 

.h_lnb_div .sub_mn table td strong.sub_mn_tit a.mn_com.nocursor { cursor:default; } 

.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; text-align: left; } 
.h_lnb_div .sub_mn table td ul li span.sub_mn_ico { } 
.h_lnb_div .sub_mn table td ul li a { font-size:13px; color:#747474; } 
.h_lnb_div .sub_mn table td ul li a.fc_red { color:#bf1e2e; } 
.h_lnb_div .sub_mn table td ul li a.nocursor { cursor:default; } 

.h_lnb_div > .article_in { width: 1150px; } 
.h_lnb_div > .article_in .h_lnb.flex_row { display: flex; flex-flow: row; justify-content: center; } 

/* h_lnb_full */
.h_lnb_full { position:absolute; right:0px; /* top:7px; */ bottom:0px; } 
.h_lnb_full a.btn_h_lnb_full { display:block; width:149px; height:44px; background:url('/images/layout/header/150521/h_lnb_full_off.gif') no-repeat 0px 0px; } 
.h_lnb_full.active a.btn_h_lnb_full { background-position-y:-44px; } 
.h_lnb_full .full_mn { display:none; position:absolute; right:0px; top:44px; z-index:999; width:998px; background: #fff; border-style:solid; border-width:0px 1px 1px 1px; border-color:#bf1e2e; } 
.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 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; font-size:16px; color:#BF1E2E; font-weight:bold; text-align: left; } 
.h_lnb_full .full_mn table td strong.full_mn_s_tit { display:block; padding-left:6px; background:url('/images/layout/header/150521/ico_sub_mn_tit.gif') no-repeat 0px center; } 
.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 7px; 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; text-align: left; } 
.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_lnb_courses */
.h_lnb_courses { position:absolute; right:0px; /* top:7px; */ bottom:0px; } 
.h_lnb_courses a.btn_h_lnb_full { display:block; width:149px; height:44px; background:url('/images/layout/header/150521/h_lnb_course_off.gif') no-repeat 0px 0px; } 
.h_lnb_courses.active a.btn_h_lnb_full { background-position-y:-44px; } 
.h_lnb_courses .full_mn { display:none; position:absolute; right:0px; top:44px; z-index:999; width:998px; background: #fff; border-style:solid; border-width:0px 1px 1px 1px; border-color:#bf1e2e; } 
.h_lnb_courses .full_mn .inside { } 
.h_lnb_courses .full_mn .f_l { float:left; } 
.h_lnb_courses .full_mn .fc_red { color:#bf1e2e !important; } 
.h_lnb_courses .full_mn table { width:100%; } 
.h_lnb_courses .full_mn table td { padding:22px 10px 11px 10px; border-left:solid 1px #e0e0e0; min-height:202px; } 
.h_lnb_courses .full_mn table td:first-child { border-left:none; } 
.h_lnb_courses .full_mn table td strong.full_mn_tit { display:block; } 
.h_lnb_courses .full_mn table td strong.full_mn_s_tit { display:block; padding-left:6px; background:url('/images/layout/header/150521/ico_sub_mn_tit.gif') no-repeat 0px center; } 
.h_lnb_courses .full_mn table td ul.m_div { margin-top:10px; min-height:105px; } 
.h_lnb_courses .full_mn table td ul.m_div>li { float:left; line-height:23px; margin-left:8px; min-width:105px; } 
.h_lnb_courses .full_mn table td ul.m_div>li:first-child { margin-left:0px; } 
.h_lnb_courses .full_mn table td ul.m_div>li span.sub_mn_ico { } 
.h_lnb_courses .full_mn table td ul.m_div>li>a { font-size:12px; color:#747474; letter-spacing:-1px; } 
.h_lnb_courses .full_mn table td ul.s_div { margin-top:13px; padding:8px 7px; min-height:105px; border:solid 1px #e0e0e0; } 
.h_lnb_courses .full_mn table td ul.s_div.unvisible { min-height:0px; border:none; } 
.h_lnb_courses .full_mn table td ul.s_div>li { line-height:23px; } 
.h_lnb_courses .full_mn table td ul.s_div>li span.sub_mn_ico { } 
.h_lnb_courses .full_mn table td ul.s_div>li>a { font-size:12px; color:#747474; letter-spacing:-1px; } 
/* 수강신청*/
.h_lnb_courses .full_mn table td div.full_div { margin-top:13px; /* padding:8px 7px; min-height:105px; */ border:solid 1px #e0e0e0; } 
.h_lnb_courses .full_mn div.full_div ul { } 
.h_lnb_courses .full_mn div.full_div ul li { position:relative; border-bottom:solid 1px #e0e0e0; } 
.h_lnb_courses .full_mn div.full_div ul li dl { padding:16px 21px 17px; line-height:22px; } 
.h_lnb_courses .full_mn div.full_div ul li dt { color:#000000; margin-bottom:1px; } 
.h_lnb_courses .full_mn div.full_div ul li dd { color:#555555; display:inline-block; *display:inline; *zoom:1; } 
.h_lnb_courses .full_mn div.full_div ul li span.set_price { text-decoration: line-through } 
.h_lnb_courses .full_mn div.full_div ul li span.act_price { color:#bf1e2e; margin-left:6px; } 
.h_lnb_courses .full_mn div.full_div .scroll_y { overflow-y:scroll; } 
.h_lnb_courses .full_mn div.full_div .c_div_btn { position:absolute; right:21px; top:14px; } 
.h_lnb_courses .full_mn div.full_div .c_div_btn a { display:block; text-align:center; color:#ffffff; font-size:12px; line-height:22px; width:92px; margin-top:1px; background:#6c6c6c; } 
.h_lnb_courses .full_mn div.full_div .c_div_btn a:first-child { margin-top:0px; } 
.h_lnb_courses .full_mn div.full_div .c_div_btn a.smp_btn { background:#6c6c6c; } 
.h_lnb_courses .full_mn div.full_div .c_div_btn a.app_btn { background:#bf1e2e; } 
/* e: h_lnb_full */

#contents { float:right; width:800px; } 
#event_bar { width:1000px; min-width:1000px !important; height:31px; margin:0 auto 20px; background-color:#f1f1f1; overflow:hidden; } 
#container { position:relative; width:100%; margin:0 auto; min-height:700px; height:auto !important; } 
#container2 { position:relative; width:710px; margin:37px auto 0; min-height:300px; height:auto !important; } 
#lnb { float:left; width:133px; margin:0 14px 0 0; } 
#contents { float:right; width:800px; } 
/* footer */
#footer { overflow:hidden; clear:both; position:relative; width:1050px; margin: 0 auto; border-top:1px solid #e1e1e1; display:block; padding: 50px 0 150px; } 
.footer--wrap { display: flex; } 
.footer--left { width: 770px; } 
#footer .ftop { width:700px; } 
#footer .btn_naver { border-bottom:1px #d0d0d0 solid; height:32px; padding:5px 0 1px; text-align:right; } 
#footer ul.bot_menu li { float:left; margin:13px 26px 0 0; } 
#footer .copyright { padding:24px 0; } 
#footer a.logo_bot { float:left; margin-right:28px; } 

#footer .util_menu { display: flex; align-items: center; margin-bottom: 22px; } 
#footer .util_menu li { margin-right:10px; line-height:20px; color:#656565; font-weight: bold; } 
#footer .util_menu li.linenone { margin-right:0; } 
#footer .util_menu li a { color:#797979; font-size: 16px; } 
#footer .util_menu li a:hover { color:#292929; } 

#footer .col02 { line-height:19px; font-size:12px; color:#adadad; } 
#footer .col02 .col { display: flex; align-items: center; margin-bottom: 8px; flex-wrap: wrap; } 
#footer .col02 .col li:not(:last-of-type)::after { content: ''; display: inline-block; width: 1px; height: 12px; background-color: #b1b1b1; margin: 0 5px; } 
#footer .col02 .buy_border { color:#656565; text-decoration: underline; } 

#footer .col03 { margin-top: 15px; } 
#footer .col03, #footer .col03 a { color:#c1c1c1; font-size:16px; } 


.foot_site_menu { display:none; clear: both; background:#e7e7e7; overflow:hidden; padding:30px 0 } 
.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; font-family:'Nanum Gothic' !important } 
.foot_site_menu dl dd li { float:none; margin-bottom:5px; } 
.bdr_n { border-right: none !important; } 


/* gnb */
.gnb { float:left; width:1000px; border-top:1px solid #ccc; } 
.gnb ul { float:left; width:100%; height:52px; background:url(../../images/common/gnb_bg.gif) bottom repeat-x; } 
.gnb ul li { float:left; margin:0 96px 0 0; } 
.gnb ul li img { padding:15px 0; } 
.gnb ul li.first { margin:0 104px 0 62px; _margin:0 104px 0 30px; } 
.gnb ul li.last { margin:0; } 
.gnb img { margin:0 0 -6px; _margin:0 0 -3px; } 
@media screen and (-webkit-min-device-pixel-ratio:0){
 .gnb img { margin-bottom:-3px; } 
 }
@-moz-document url-prefix(){
 .gnb img { margin-bottom:-3px } 
 }

/* 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 5px; display:block; font-size:14px !important; color:#021c3f; } 
.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:2px; *vertical-align:-1px; } /* new 아이콘 */
.gnb_view ul.last li a { padding-right:0; } 

#gnb { width:100%; height:47px; border-top:1px solid #ccc; border-bottom:2px solid #cc0000; position:absolute; top:74px; right:0px; } 
#gnb li { float:left; width:124px; 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; } 

/* 탑 퀵배너 */
#flag { position:absolute; top:0px; right:-107px; } 
#flag li { float:left; margin-left:3px; } 

/* 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:116px; height:19px; line-height:19px; padding-left:5px; display:inline-block; } 
.login_view .login_box .input_id { background:url('//www.jrjumpi.co.kr/images/main2/bg_id.gif') no-repeat; } 
.login_view .login_box .input_pw { background:url('//www.jrjumpi.co.kr/images/main2/bg_pw.gif') no-repeat; } 
.login_view .login_box .input_not { background:url('//www.jrjumpi.co.kr/images/main2/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:4px 0 0 0px; color:#fff; } 
.login_view .my_info .my_page { margin-left:10px; } 


#quick_menu { position:absolute; top:164px; left:50%; margin-left:525px; width:82px; z-index:4; _clear:both; } 
#quick_menu { _left:500px; } 
#quick_menu img { vertical-align:top; } 
#quick_menu h1 { float:right; width:82px; height:21px; line-height:21px; font-weight:bold; font-size:13px; font-family:arial; color:#fff; text-align:center; background:#cc0000; } 
#quick_menu h1.lock { height:30px; cursor:pointer; } 
#quick_menu h1.lock img { margin:7px 0; } 
#quick_menu .quickW { border:1px solid #d0d0d0; } 
#quick_menu .quickW h2 { position:relative; left:-1px; } 
#quick_menu .quickW ul { margin:0 0 0 0; } 
#quick_menu .menu_list { float:right; width:80px; border:1px solid #d7d7d7; } 
#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; border:1px solid #d11d1e; display:block; } 
#quick_menu .banner li { float:left; border-top:1px solid #d11d1e; } 
#quick_menu .banner li.first { float:left; border-top:0; } 
#quick_menu .banner li a,
#quick_menu .banner li img { margin:0; padding:0; display:block; } 

#outer_quick { position:absolute; left:50%; /* top:220px !important; */ width:190px; margin:20px 0 0 525px; z-index:19; _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 { } 
#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; } 
#outer_quick .quick_control.style2 span.lock { display:block; /* padding:9px 0px 8px 0px; */ } 

/* 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; } 


/* 퀵메뉴 초간편 상담신청 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 ul { } 
.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 { } 
.quick_counseling li dt { font-size:16px; } 
.quick_counseling li dd { font-size:13px; text-align:left; margin-top:8px; } 
.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; } 

/* sub_view */
#sub_view { background:#fff; line-height:22px; padding-top:20px; width:996px; min-width:996px; height:220px; border:2px solid #cc0000; position: absolute; top: 121px; left: 0; z-index: 1000; } 
#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; } 

#sub_view ul { padding-left:15px; width:107px; float:left; } 
#sub_view ul.first { padding-left:15px; width:127px; } 
#sub_view ul.last { padding-left:20px; width:122px; } 
#sub_view a { font-size:13px; color:#333; font-weight:normal; } 
#sub_view a strong { color:#cc0000; font-weight:normal; letter-spacing:-1px; } 
#sub_view a.long_text { font-size:13px; letter-spacing:0px; } 

#sub_view .login_view,
#sub_view .gnb_view { width:1011px; margin:0 auto; } 

/* event_bar */
#event_bar .e_bar_info { width:1000px; margin:0 auto; } 
#event_bar .e_bar_info a { margin-left:0px; line-height:31px; display:block; } 
#event_bar .e_bar_info a.eve { padding-left:45px; background:url('//www.jrjumpi.co.kr/images/main2/icon_event.gif') no-repeat 0 7px; } 
#event_bar .e_bar_info a span { color:#343434; } 
#event_bar .e_bar_info a span em { color:#cc0000 } 

/*소식통*/
#event_bar_wrap { position:relative; width:1000px; height:31px; margin:0 auto 20px; background-color:#f1f1f1; overflow:hidden; } 
#event_bar2 { position:relative; width:1000px; margin:0 auto; padding:0px; 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; } 

/* 130201 Gnb v1.1 */
.gnBar { float:left; width:1000px; border-top:1px solid #ccc; } 
.gnBar ul { float:left; width:100%; height:47px; background:url(../images/common/gnb_bg.gif) bottom repeat-x; _padding:15px 0 10px 0; } 
.gnBar ul li { float:left; margin:0 75px 0 0; } 
.gnBar ul li.first { margin:0 80px 0 54px; } 
.gnBar ul li.last { margin:0; } 
.gnBar ul li img { padding:15px 0; } 

.subGnb { float:left; position:relative; width:1000px; height:25px; background:#f8f8f8; border-bottom:1px solid #e4e4e4; } 
.subGnb div { position:absolute; top:-2px; display:none; } 
.subGnb div#sub1 { left:20px; background:url(../images/common/menu_arrow.gif) 58px top no-repeat; } 
.subGnb div#sub2 { left:172px; background:url(../images/common/menu_arrow.gif) 44px top no-repeat; } 
.subGnb div#sub3 { left:264px; background:url(../images/common/menu_arrow.gif) 83px top no-repeat; } 
.subGnb div#sub4 { left:360px; background:url(../images/common/menu_arrow.gif) 120px top no-repeat; } 
.subGnb div#sub5 { left:516px; background:url(../images/common/menu_arrow.gif) 108px top no-repeat; } 
.subGnb div#sub6 { left:370px;; background:url(../images/common/menu_arrow.gif) 400px top no-repeat; } 
.subGnb div#sub7 { right:0; background:url(../images/common/menu_arrow.gif) 70px top no-repeat; } 
.subGnb li { float:left; margin:8px 29px 0 0; background:#f8f8f8; } 
.subGnb a { display:inline-block; color:#333; } 

/* 상단롤링배너 */
.topBannerR { position:relative; width:100%; /* height:56px; */ } 
.topBannerR > img { width:100%; } 
.topBannerR a { position:absolute; top:0; left:0; } 
.topBannerR img { margin-bottom:0; } 

.jr_top_b { width:1010px; margin:0 auto; margin-bottom:10px; } 
.jr_top_b ul li { display:inline; margin-left:6px; } 
.jr_top_b ul li:first-child { display:inline; margin-left: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; } 
.top_banner0519 { width:176px; position:absolute; top:25px; left:0 } 


/* 상단 패밀리 사이트 main3에 중복 */
.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 } 


/*초간편상담*/
#pop_sub { width: 350px; height: 200px; padding: 25px; background: #fff; border: 2px solid #cc0000; position: fixed; top: 275px; left: 50%; text-align: center; z-index: 999; margin-left: -175px; } 
#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; } 
#close_sub { width:100px; margin:auto; cursor:pointer; font-weight:bold; position:absolute; right:-20px; bottom:10px } 

/* footer_admin */
.pageLoadingAdminControl { position: fixed; bottom: 3px; right: 0; z-index:1000000; } 
.pageLoadingAdminControl .pageLoadingLogArea { background-color:#FFFFFF; color:#A92000; } 
.pageLoadingAdminControl .pageLoadingLogArea input.btnred { cursor:pointer; border:#BE2913 solid 1px; background-color: #DA4631; color:#ffffff; height:21px; padding: 1px 6px; width:200px; } 
.pageLoadingAdminControl .pageLoadingBeforeImage { display:none; font-weight:bold; font-size:12px; color:#DA4631; } 
.pageLoadingAdminControl .pageSpeedInsightsButton { cursor: pointer; border: #BE2913 solid 1px; background-color: #DA4631; color: #ffffff; height: 21px; padding: 3px 6px; } 


/*페이지 하단 고정배너*/
#br_fixed_bottom { position:fixed; bottom:0; left:0; width:100%; background:#f5f5f5; z-index:1000; } 
#br_fixed_bottom .br_zone { width:900px; height:61px; background:url(/images/main/br_btm_logo.gif) no-repeat 20px 0; margin:0 auto; padding-left:159px; position:relative; } 
#br_fixed_bottom .br_zone ul { width:100%; overflow:hidden; padding-top:12px; } 
#br_fixed_bottom .br_zone ul li { float:left; margin-left:7px; } 
#br_fixed_bottom .br_zone ul li:first-child { margin-left:0; } 
#br_fixed_bottom .br_zone a.btn_close { display:block; width:39px; height:19px; position:absolute; top:11px; left:1025px; } 
#br_fixed_bottom .br_zone a.btn_close2 { display:block; width:106px; height:19px; position:absolute; top:32px; left:1025px; } 

/* 적중 강의 탭 */
.lecture_tab { } 
.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('/images/layout/sub/tab/tab_star_staff_13.png') no-repeat 0px -46px; } 
.lecture_tab.col3 li a { width:258px; } 
.lecture_tab.col4 li a { width:193px; } 
.lecture_tab.col5 li a { } 
.lecture_tab.col3_full li a { width:331px; } 
.lecture_tab.col4_full li a { width:248px; } 
.lecture_tab.col5_full li a { width:198px; } 
.lecture_tab li.on a,.lecture_tab li a:hover { color:#cc0001; background-position-y:0px; } 
.lecture_con { margin-top:50px; padding-bottom:50px; } 
/* background:url('/images/layout/sub/tab/tab_star_staff_bottom.gif') repeat-x center bottom; */

/* 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("/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("/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("/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('/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('/images/event/2015/0812/bottom_rightBg_150812.gif') repeat-x; } 
.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 { } 
.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 리뉴 */
.h_gnb_div.h_renew .h_ac_lec { margin-left:207px; position:relative; float:left; } 
.h_gnb_div.h_renew .h_ac_lec ul { } 
.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('/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('/images/layout/header/150521/h_gnb_renew_ac.jpg') no-repeat 0px 0px; } 
.h_gnb_div.h_renew .h_ac_lec li a.ingang { background:url('/images/layout/header/150521/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; } 

/* 퀵메뉴 리뉴얼 2016-05-24 */
#spot .boxs ul.m_right_q_t { position:absolute; right:-155px; left:inherit; width:130px; overflow:hidden; margin-top:20px; } 
#spot .boxs .m_right_q_t li { width:130px; float:left; margin-bottom:9px; } 

#outer_quick_v2.right_quick { width:128px; position:absolute; left:50%; margin-left:560px; z-index:10; /*top:500px; */ top:265px; } 
.right_quick { } 
.right_sub { margin-top:10px; background:#f8f8f8; } 
.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:14px; text-align:center; } 
.right_quick .simple_con img { padding-top:3px; } 
.right_quick .simple_con strong { font-size:13px; color:#150c0c; display:inline-block; margin-left:3px; } 
.right_quick .simple_con input { width:95px; height:17px; border:1px solid #e8e6e9; background:#fff; font-size:11px; color:#8b8b8b; margin-top:5px; } 

.right_quick .text_box { background:#fff; } 
.right_quick .text_box textarea { width:95px; height:52px; padding:0; margin:5px 0 10px 15px; color:#8b8b8b; background:#f9f9f9; font-size:11px; border:1px solid #e8e6e9; overflow-y:hidden; overflow-x:hidden; letter-spacing:0px; } 

#outer_quick_v2 .btn_box { text-align:center; margin-bottom:7px; } 
#outer_quick_v2 .btn_box.box_n a { width:auto; height:auto; } 
#outer_quick_v2 .btn_box a { display:inline-block; width:101px; height:25px; line-height:25px; background:#be2323; border-bottom:2px solid #ca041e; overflow:hidden; } 
#outer_quick_v2 .btn_box a span { display:block; color:#fff; font-size:12px; text-align:center; } 
.right_sub .ico_arrow { background:url("https://cdn.hackersut.com/www/images/layout/quick/arrow.png") no-repeat 0 0; width:17px; height:17px; float:right; } 
.right_sub ul { background:#f8f8f8; } 
.right_sub > .list > li { color:#150c0c; font-weight:bold; font-size:12px; padding:3px 11px 2px; line-height:18px; border-top:1px solid #e3e3e3; } 
.right_sub > .list > li > a { display:block; overflow:hidden; } 
.right_sub .list li:first-child { border-top:none; } 
.right_sub .list > li > span { vertical-align:bottom; float:right; } 
.right_sub .list em { float:left; } 

#outer_quick_v2 .social_area { overflow:hidden; margin-bottom:5px; } 
#outer_quick_v2 .social_area li { overflow:hidden; } 

#outer_quick_v2 .social_area li div { overflow:hidden; } 
#outer_quick_v2 .social_area li div.mt_7 { margin-top:7px; } 
#outer_quick_v2 .social_area li a { float:left; margin-left:11px; display:block; } 
#outer_quick_v2 .social_area li div a:first-child ,.social_area div a.ml_0 { margin-left:0; } 

#outer_quick_v2 .social_area li .ico_social { background:url("https://cdn.hackersut.com/ingang/images/layout/quick/quick_social2.png") no-repeat 0 0; display:inline-block; width:26px; height:25px; font-size:0; } 
#outer_quick_v2 .social_area li .ico_social.ico_f { background-position:0 0; } 
#outer_quick_v2 .social_area li .ico_social.ico_i { background-position:-36px 0; } 
#outer_quick_v2 .social_area li .ico_social.ico_t { background-position:-73px 0; } 
#outer_quick_v2 .social_area li .ico_social.ico_k { background-position:0px -33px; } 
#outer_quick_v2 .social_area li .ico_social.ico_u { background-position:-36px -33px; } 
#outer_quick_v2 .social_area li .ico_social.ico_n { background-position:-72px -33px; } 
#outer_quick_v2 .right_sub .evt_bnr { overflow:hidden; } 
#outer_quick_v2 .right_sub .evt_bnr li { border-top:1px solid #d1d1d1; } 
#outer_quick_v2 .right_sub .evt_bnr li:first-child { border-top:none; } 
#outer_quick_v2 .bx-wrapper { margin-bottom:0; } 
/* //퀵메뉴 리뉴얼 2016-05-24 */

/* 하단 유의사항 */
.user_info { width:1000px; margin:50px auto 0; } 

/* 학원사이트 상단우측 배너 추가 150903 */
.promotion_wrap { overflow:hidden; position:absolute; right:-246px; top:-10px; 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('/images/layout/header/promotion/btn_prev.png') no-repeat 0px 0px; } 
.promotion_wrap #prom_next { right:0px; background:url('/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:99.5% !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; } 

/* 2017-06-21첨삭 */
.edit_pop_wrap h1 { background:#cc0000; color:#fff; text-align:center; padding:5px 0 } 
.correction_tbl { padding:15px 30px 30px; border:4px solid #cc0000 } 
.correction_tbl table { width:100%; } 
.correction_tbl table td { border-bottom:1px solid #c2c2c2; font-size:14px } 
.correction_tbl table td.last { border-bottom:0; } 
.correction_tbl table td .ed_tit { display:inline-block; *display:inline; zoom:1; padding-right:30px; margin:10px 0; vertical-align:middle; font-size:16px; } 
.correction_tbl table td .question { font-size:16px; vertical-align:middle; } 
.correction_tbl td ul.edit_info { margin:0 0 10px 0; } 
.correction_tbl td ul.edit_info li { font-size:12px } 
.correction_tbl table td .timer_wrap { overflow:hidden; margin-bottom:20px; } 
.timer_wrap ul { overflow:hidden; } 
.timer_wrap ul li { float:left; width:232px; border-radius:10px; border:1px solid #828282; overflow:hidden; font-weight:bold; } 
.timer_wrap ul li:first-child { margin-right:15px; } 
.timer_wrap ul li:first-child input[type='button'] { width:60px; height:20px; line-height:20px; background:none; color:#fff; border:0; font-weight:bold; font-size:14px; } 
.timer_wrap ul li .title { display:inline-block; background:#828282; color:#fff; border:0; width:58px; font-size:14px; text-align:center; padding:6px; } 
.timer_wrap ul li .title.bg_grey { background:#a7a7a7 } 
.timer_wrap ul li .title em { height:20px; line-height:20px; display:inline-block; } 
.timer_wrap ul li .inner { vertical-align:bottom; padding:5px 0; height:20px; display:inline-block; } 
.timer_wrap ul li .inner .ft_red { color:#cc0000 } 

.correction_tbl .edit_box { overflow:hidden; } 
.correction_tbl .edit_box .answer_box { float:left; height:335px; } 
.correction_tbl .edit_box .answer_box:first-child { width:300px; border-right:1px solid #c2c2c2; padding:15px; overflow-x:hidden; overflow-y:auto; } 
.correction_tbl .edit_box .answer_box textarea { border:0; width:495px; height:350px; padding:15px; } 

.correction_tbl table td textarea.comment_txt { border:0; padding:15px; } 
.correction_tbl .btn_wrap { text-align:center; margin:18px 0 10px; } 
.correction_tbl .btn_wrap .btn_com { width:164px; height:34px; line-height:31px; border:2px solid #cc0000; font-size:18px; font-weight:bold; background:#fff; border-radius:3px; color:#da0c0c; cursor:pointer; } 
.correction_tbl .btn_wrap .btn_red { background:#d80a0a; color:#fff; } 
.correction_tbl .btn_wrap .btn_grey { display:block; width:115px; height:25px; line-height:25px; background:#9b9b9b; color:#fff; text-align:center; border-radius:4px; border:1px solid #7a7a7a; } 

/* 수상기록 common\css\common_.css */
.re_f_wrap .re_f_top { background:url('https://cdn.hackersut.com/ingang/images/layout/footer/footer_bnr_bg.jpg') center no-repeat; } 
.re_f_wrap .re_f_top_counsel { background-color:#f2f2f2; } 
.re_f_wrap .bx-wrapper { width:1000px !important; } 
.re_f_wrap .bx-viewport { width:945px !important; 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 { background: url("https://cdn.hackersut.com/ingang/images/layout/footer/footer_arrow.png") 0 0 no-repeat; width: 21px; height: 36px; } 
.re_f_wrap .bx-wrapper .bx-controls-direction a.bx-next { background-position-x: 100%; right: -100px; } 
.re_f_wrap .bx-wrapper .bx-controls-direction a.bx-prev { left: -100px; } 
.re_f_wrap .bx-wrapper .bx-controls-direction a:hover { background-position-y: 100%; } 
.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 { height:100% } 

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


/* 유의사항 */
.e_faq_box,
.e_faq_box th,
.e_faq_box td { /*font-family:"Malgun Gothic"*/ } 
.e_faq_box a { text-decoration:none; } 
.e_faq_box .tit_faq { /* width:100%; */background:#ededed; text-decoration:none; } 
.e_faq_box .tit_faq > a { display:block; position:relative; width:1000px; height:80px; margin:0 auto; line-height:72px; font-size:25px; color:#333; letter-spacing:-1px; /*letter-spacing:-3px; */font-weight:700 } 
.e_faq_box .cont_faq { padding-bottom:50px } 
.e_faq_box .cont_faq table { width:1000px; margin:0 auto; border:0 } 
.e_faq_box .cont_faq th,.e_faq_box .cont_faq td { border:0; background:0; padding:0; text-align:left } 
.e_faq_box .cont_faq th { padding:36px 0 16px; font-size:18px; color:#333; letter-spacing:-1px; /*letter-spacing:-2px*/ } 
.e_faq_box .cont_faq td { font-size:13px; color:#000; line-height:20px } 
.e_faq_box .ico_set { display:inline-block; background-image:url('https://cdn.hackersut.com/ingang/images/banner/icon_event_faq.png'); vertical-align:middle } 
.e_faq_box .ico_set.ico { width:55px; height:55px; margin-right:12px; background-position:0 0 } 
.e_faq_box .ico_set.arr { position:absolute; top:29px; right:0; width:44px; height:22px; background-position:-57px 0 } 
.e_faq_box .js-faq-tit.on .ico_set.arr,
.e_faq_box .js-faq-title.on .ico_set.arr { background-position:-57px -24px } 

/*둥둥이 배너*/
.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) } 
 }
/*둥둥이 배너*/


/* 2021-11-25 편입 대학일정 팝업 */

/* 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; } 

.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 KR', 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; position: relative;} 
.calendar_pop .tab1 .calT th { font-size:15px; background:#E8EEF2; padding:10px 0; text-align:center; } 
.calendar_pop .tab1 .calT td { padding:10px; height: 55px; } 
.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 .calT .tx_red,
.calendar_pop .tab1 .calT .red { color:#cc0000 } 
.calendar_pop .tab1 .calT .tx_blue,
.calendar_pop .tab1 .calT .blue { color:#01538c } 

.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: #e43574; 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:440px; } 
.calendar_pop .tab2 th:nth-of-type(1),
.calendar_pop .tab2 td:nth-of-type(1) { border-left:1px solid #d7dee2; } 
.calendar_pop .tab2 th:last-of-type, .calendar_pop .tab2 td:last-of-type { border-right:1px solid #d7dee2; } 
.calendar_pop .tab2 tr:last-of-type td { border-bottom:1px solid #d7dee2; } 

.calendar_pop .tab3 .table_inner { height:440px; } 
.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: #e43574; 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:#e43574; 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:#e43574; } 
.calendar_pop .table_inner::-webkit-scrollbar-track { background-color:#e8e8e8; } 
.calendar_pop .table_inner::-webkit-scrollbar-thumb { background-color:#e43574; } 

.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% !important; transform: translateY(-50%) !important; background: url("https://cdn.hackersut.com/www/images/common/calendar/arrow.png") 0 0 !important; width: 12px !important; height: 16px !important; text-indent: -9999px; margin-top: 0 !important; } 
.calendar_pop .bx-controls-direction .bx-prev { left: 5px !important; } 
.calendar_pop .bx-controls-direction .bx-next { right: 5px; background-position-x: 100% !important; } 

/* 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: 30px; 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;}

.calendar_pop .s_chk input[type='checkbox'] { display:none !important; } 
.calendar_pop .s_chk label { line-height:21px; display:inline-block; margin-right:10px; } 
.calendar_pop .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; } 
.calendar_pop .s_chk.s_chk_v2 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; } 
.calendar_pop .s_chk input[type='checkbox']:checked + label::before { background-position:100% 0; } 

.calendar_pop .s_chk.s_chk_v2 { display:flex; } 


#header_240418 { background: #f8f8f8; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; box-sizing: border-box; } 
#header_240418 .article_in { display: flex; justify-content: space-between; align-items: center; } 
#header_240418 .article_in .left .row01 a { border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; display: block; padding: 15px 10px; } 
#header_240418 .article_in .right .row02 { display: flex; align-items: center; } 
#header_240418 .article_in .right .row02 a { color: #737373; } 
#header_240418 .article_in .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 .article_in .right .row02 li.join a { display: flex; align-items: center; } 
#header_240418 .article_in .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 .article_in .right .row02 li a.colr_b { color: #415fa4; }