@charset "utf-8";

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button { margin:0;padding:0; font-weight:normal; }
fieldset,img {border:0 none; }
dl,ul,ol,menu,li {list-style:none; }
blockquote, q {quotes: none; }
blockquote:before, blockquote:after,q:before, q:after { content:'';content:none; }
input,select,textarea,button { vertical-align:middle; }
button { border:0 none;background-color:transparent;cursor:pointer; }
body { background:#fff; }
body,th,td,input,select,textarea,button { font-size:13px;line-height:1.6;font-family:'나눔고딕',NanumGothic,'돋움',dotum,sans-serif;color:#333; } 
a { color:#333;text-decoration:none; }
a:focus {border:2px solid #ff0000 !important;outline:none;display:inline-block;vertical-align:top}
a:active, a:hover { text-decoration:underline; color:#2083df; text-decoration:none; }
address,caption,cite,code,dfn,em,var { font-style:normal; font-weight:normal; }
h1, h2, h3, h4, h5 { font-family:NanumGothicBold; }

button { margin:0; }
input { border:1px solid #ccc; padding:2px; height:16px; color:#666; font-size:12px; }
textarea { border:1px solid #ccc; padding:5px; color:#666; font-size:12px; }
input[type=image],
input[type=checkbox],
input[type=radio] { border:none !important; margin:0 5px 0 8px; }
input[type=file] { border:none !important; height:22px; font-size:13px; }
select { height:23px; font-size:12px; }
button::-moz-focus-inner { border:0; padding:0; }
input:focus,select:focus,textarea:focus,button:focus,input[type=radio]:focus {border:2px solid #ff0000 !important;outline:none;}


/* 나눔웹폰트 */
@font-face {
	font-family:'NanumGothic';
	src:url('/hspcommon/fonts/NanumGothic.eot');
	src:url('/hspcommon/fonts/NanumGothic.eot?#iefix') format('embedded-opentype'),
		url('/hspcommon/fonts/NanumGothic.woff') format('woff');
}
@font-face {
	font-family:'NanumGothicBold';
	src:url('/hspcommon/fonts/NanumGothicBold.eot');
	src:url('/hspcommon/fonts/NanumGothicBold.eot?#iefix') format('embedded-opentype'),
  		url('/hspcommon/fonts/NanumGothicBold.woff') format('woff');
}

legend { position:absolute; left:-9999px; overflow:hidden; }
legend.visible { position:static; font-family:NanumGothicBold; font-size:18px; margin-bottom:16px; }



/* 2019년 개편 시작 */


/* skip navigation */
.skip_navi_anew li { font-size:0; line-height:0; }
.skip_navi_anew li a { display:block; width:100%; padding:0px 0; position:absolute; left:0; top:-100px;  text-align:center; z-index:1001; border:0 none; }
.skip_navi_anew li a:active,
.skip_navi_anew li a:focus { top:0; font-weight:bold; font-size:16px; padding:5px 0; background:#e1e1e1; line-height:1.5; border-bottom:1px solid #aaa; }


/* 헤더 전체 영역 */
#header_anew {position:relative;width:100%;z-index:9;min-width:1160px}

/* 공통으로 메인에서도 사용 - 가로 사이즈 변경시 width 수정 */
.inner_anew {position:relative;width:1160px;margin:0 auto;z-index:1} 

/* 헤더 탑 영역   :   상담지원센터_이벤트_장학수기_나의학습방_장바구니_공인인증센터 */
#top_area_anew {position:relative;width:100%;background:#003a69;height:40px}

/* 헤더 탑   :   좌측   :   상담지원센터_이벤트_장학수기_나의학습방 */
.landingmenu_area_anew {position:absolute;top:1px;left:0}
.landingmenu_anew li {float:left;background:url(/hspimages/common2019/top_landing_line.png) no-repeat 0 12px;}
.landingmenu_anew li a {height:37px;display:inline-block;*zoom:1;*display:inline;padding:0 15px;line-height:37px;color:#fff;font-family:NanumGothicBold;font-size:16px;text-align:center}
.landingmenu_anew li a.select,
.landingmenu_anew li a:hover {text-decoration:underline}
.landingmenu_anew li:first-child {background:none}

/* 헤더 탑   :   우측   :   장바구니_공인인증센터 */
.toplink_area_anew {position:absolute;top:12px;right:0}
.toplink_anew li {float:left;line-height:15px}
.toplink_anew li.basket {background:url(/hspimages/common2019/icon_basket.png) no-repeat 0 0;padding-left:25px;margin-right:20px}
.toplink_anew li.certification {background:url(/hspimages/common2019/icon_certification.png) no-repeat 0 0;padding-left:16px}
.toplink_anew li a {display:inline-block;*zoom:1;*display:inline;color:#fff;font-size:14px;text-align:left}
.toplink_anew li a:hover {text-decoration:underline}

/*  헤더 중간 영역   :   로고_회원가입_로그인 */
#middle_area_anew {position:relative;width:100%;height:120px}

/*  헤더 중간   :   로고 */
#middle_area_anew h1 {position:absolute;top:32px;left:10px} /*  로고_한사평 */
#middle_area_anew h2 {position:absolute;top:42px;left:330px}  /*  로고_교육부평가인증 */

/*  헤더 중간   :   회원가입_로그인 */
.login_area_before_anew {position:absolute;top:40px;right:0} /* 로그인 전 영역 */
.login_area_after_anew {position:absolute;top:27px;right:0} /* 로그인 후 영역 */

.login_area_anew {float:right}
.login_anew li {float:left}
.login_anew li a {width:105px;height:29px;display:inline-block;*zoom:1;*display:inline;line-height:29px;color:#666;font-size:14px;border:1px solid #d5d5d5;margin-left:5px;text-align:center;border-radius:50px}
.login_anew li a:hover, 
.login_anew li a:focus {text-decoration:underline;color:#0055ac}

.login_info_area_anew {clear:both;float:right;margin-top:10px;}
.login_info_anew li {text-align:right;display:inline-block;*zoom:1;*display:inline;color:#666;line-height:13px;font-size:13px;margin-left:20px}
.login_info_anew li .point {color:#d80000;text-decoration:underline}
.login_info_anew li:first-child {margin-left:0}
.login_info_anew li select {width:186px;border:1px solid #c2c2c2;padding:4px 5px;height:28px;color:#333;font-size:13px}

/* 상담문의 전화번호_20220127 */
.advice_telephone_number {position:absolute;top:78px;right:10px;}
.advice_telephone_number dl {display:inline-block;margin-left:35px;}
.advice_telephone_number dt {color:#d80000;font-size:15px;line-height:18px;margin:-11px 6px 0 0;vertical-align:middle;/* display:inline-block; */*zoom:1;*display:inline;font-family:NanumGothicBold}
.advice_telephone_number dd {font-size:26px;line-height:27px;color:#d80000;font-weight:bold;display:inline-block;*display:inline;}

/*  gnb 영역   :   메뉴_전체메뉴 */
#gnb_area_anew {position:relative;width:100%;height:53px;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc}

/*  gnb   :   단과_패키지수강신청_상담지원센터 메뉴 */
.gnb_anew li {float:left;padding:0 10px;}
.gnb_anew li a {display:inline-block;*zoom:1;*display:inline;padding:17px 0;line-height:16px;color:#333;font-weight:bold;font-size:16px;text-align:center}
.gnb_anew li a:hover, 
.gnb_anew li a:focus,
.gnb_anew li a.quick:hover,
.gnb_anew li a.quick:focus {color:#0055ac} 
.gnb_anew li a.quick {color:#d80000;font-weight:bold;font-family:'나눔고딕',NanumGothic,'돋움',dotum,sans-serif;}
.gnb_allmenu_anew a {float:right;width:95px;height:55px;margin-top:-1px;line-height:50px;font-family:NanumGothicBold;color:#0055ac;font-size:17px;text-align:center;border:1px solid #0055ac;box-sizing:border-box}
.gnb_allmenu_anew a:hover, 
.gnb_allmenu_anew a:focus {text-decoration:underline}

/* 2019년 개편 끝 */




/* skip navigation */
.skip_navi li { font-size:0; line-height:0; }
.skip_navi li a { display:block; width:100%; padding:0px 0; position:absolute; left:0; top:-100px;  text-align:center; z-index:1001; border:0 none; }
.skip_navi li a:active, .skip_navi li a:focus { top:0; font-weight:bold; font-size:16px; padding:5px 0; background:#e1e1e1; line-height:1.5; border-bottom:1px solid #aaa;box-sizing:border-box}

/* layout */
#wrap { position:relative; width:100%;  margin-right:80px;min-width:1160px }
#wrap > .center {  margin:0 auto;}

#top_bg{width:100%; height:75px; background-color:#f3bc1c; }
#top_logo_bg{width:100%; height:146px; background-color:#fff; left:0; }
#top_yline{width:100%; height:6px; background-color:#f3bc1c; margin-bottom:10px;}
#header { height:225px; width:1164px; margin:0 auto;}
#header h1 { position:absolute; left:0; top:40px; }
#header h1+span { position:absolute; left:204px; top:46px; }
.gnb { height:25px; text-align:right; }
.gnb li { display:inline-block; *display:inline; *zoom:1; }
.font_size > button { height:23px; vertical-align:top; }




.header_line3{width:1164px;  margin-top:183px; position:absolute;}



/*탑 학점랜딩 메뉴 */
.hakjumRending_menu {width:1160px; margin:auto;}
.hakjumRending_menu li {width:223px;height:52px; background:#f3bc1c; float:left; margin:23px 8px 0 1px; }
.top_reservation{text-align: right; height: 30px;}
.login_info{width:385px;}
.login_box{width:200px; text-align:right;}
.moe{margin-top: 30px; float:left; }
.newlogo{ margin-top: 20px;  margin-left: 260px;margin-right: 10px; float: left; text-align: center;}
.login{margin-top: 10px; height:146px; float: left; width:448px; }
.top_login_bg {  float: left;
    background: #eeedee;
    width: 90px;
    height: 22px;
    color: #3a3a3a;
    padding: 2px 2px;
    margin: 0px 0px 15px 5px;  
    font-size: 14px;
    border-color: #CCC;
    border: 1px solid #ccc;
    text-align: center;
    word-spacing: -3px;
    /* display: inline-block; */
    left: 127px;
    /* margin-left: 9px; */
    position: relative;}
	
	

.newmain_myinfo{position:absolute; top:150px;}
.newmain_myinfo em,
.newmain_myinfo em a { color:#0e56d1; font-family:NanumGothicBold; font-size: 12px;}	
.newmain_myinfo p { float:left; font-size: 12px; }

.top_logout_bg {float:left; background:#eeedee; width:85px; height:22px; color:#3a3a3a; padding:2px 2px; margin:0px 0px 15px 5px;  font-size:14px;  border-color:#CCC; border: 1px solid #ccc; text-align:center; word-spacing: -3px; position: relative;
    left: 64px;}
.top_btn_gray2 {float:left; background:#eeedee; width:100px; color:#3a3a3a; padding:5px 10px; font-family:NanumGothicBold; border-color:#c0bec0; border:1px;}

/*탑메뉴 단과패키지수강신청*/
.top_btn_purple{float:left; background:#a14595; width:162px; hegith:38px; color:#fff; padding:5px 10px; margin-right:6px;  font-size:18px; text-align:center; font-weight:600;}
.top_btn_purple a{color:#fff; }
.top_btn_purple a:link{color:#fff; }
.top_btn_purple a:visited{color:#fff; }
.top_btn_purple a:hover{color:#ffe84e;  }
.top_btn_navy{float:left; background:#4559a1; width:162px; hegith:38px; color:#fff; padding:5px 10px;   margin-right:6px;  font-size:18px;  text-align:center;  font-weight:600;  } 
.top_btn_navy a{color:#fff; }
.top_btn_navy a:link{color:#fff; }
.top_btn_navy a:visited{color:#fff; }
.top_btn_navy a:hover{color:#ffe84e;  }
.top_btn_skyblue{float:left; background:#359cb1; width:162px; hegith:38px; color:#fff; padding:5px 10px;   margin-right:6px; font-size:18px;  text-align:center;  font-weight:600;  }
.top_btn_skyblue a{color:#fff; }
.top_btn_skyblue a:link{color:#fff; }
.top_btn_skyblue a:visited{color:#fff; }
.top_btn_skyblue a:hover{color:#ffe84e;  }


/*탑메뉴 이벤트장학수기*/
.btn_01{width:88px; height:28px; background:#eeedee; float:left; font-size:16px; color:#404040; text-align:center; padding:5px;  letter-spacing: -1px;  font-weight:600; }
.btn_02{width:10px; height:28px;background:#eeedee;  float:left;  font-size:16px; color:#bcbbbb; text-align:center;    padding:5px;   font-weight:600; }
.btn_03{width:138px; height:38px; background:#eeedee; font-size:16px;  text-align:right; color:#404040;  float:right;  letter-spacing: -1px;  font-weight:600; padding-right: 10px;}







.bg_right { background:url(/hspimages/common/header_gnb_bg.gif) repeat-x; position:absolute; right:0; top:0; width:40%; height:150px; z-index:999; }
@media (max-width:720px) {
.bg_right { width:0; }
}
#login_section { height:48px; }
.header_link { text-align:right; font-size:0; }
.header_link > li { font-size:13px; display:inline-block; *display:inline; *zoom:1; margin:22px 0 0 15px; }

/* 메인 로그인 */
.layer_login { top:30px; right:50px; padding:20px; }
.main_login .tab_menu { font-size:0; border-bottom:1px solid #ccc; }
.main_login .tab_menu li { display:inline-block; *display:inline; *zoom:1; }
.main_login .tab_menu li a { width:110px; display:inline-block; *display:inline; *zoom:1; font-size:12px; height:28px; line-height:28px; font-family:NanumGothicBold; border:1px solid #ccc; border-bottom:none; text-align:center; background:#efefef; color:#888; }
.main_login .tab_menu li:first-child a { border-right:none; }
.main_login .tab_menu li a.select { background:#fff; color:#333; border-bottom:1px solid #fff; margin-bottom:-1px;}

.login_form { margin-top:18px; position:relative; font-size:12px; }
.login_form legend { position:absolute; left:-9999px; overflow:hidden; }
.login_form p { background:url(/hspimages/common/bullet_list.gif) no-repeat 0 10px; margin-bottom:4px; }
.login_form label { display:inline-block; *zoom:1; *display:inline; }
.login_form p label:first-child { width:40px; padding-left:8px; color:#777; }
.login_form p input[type=text],
.login_form p input[type=password] { width:155px; }
.login_form .id_save { position:absolute; bottom:0; left:0; }
.login_form .login_btn { position:absolute; right:0; top:0; }
.login_form .btn { margin:18px 0 0 95px; }

.main_myinfo {position: relative;  font-size: 12px; top: -8px; float: right;}
.main_myinfo em,
.main_myinfo em a { float:left; color:#00789c; font-family:NanumGothicBold; }
.main_myinfo > .btn_logout { float:right; margin-bottom:5px; font-size:0; }
.main_myinfo > .btn_logout > li { display:inline-block; *zoom:1; *display:inline; font-size:13px; }
.main_myinfo > .btn_logout > button { height:21px; line-height:12px; }

.main_myinfo p { float:left; background:url(/hspimages/common/bullet_triangle_pink.gif) no-repeat 0 6px; padding:0 8px 0 8px; margin-left:10px; color: #e24291; }
.
.layer_my_hsp { left:500px; top:60px; padding:20px; }
.layer_my_hsp .user_name { font-size:15px; }
.layer_my_hsp dt,
.layer_my_hsp dd { display:inline-block; *zoom:1; *display:inline; }
.layer_my_hsp dl { background:url(/hspimages/common/bullet_list.gif) no-repeat 0 12px; padding-left:8px; line-height:2.2em; }
.layer_my_hsp dd { font-family:NanumGothicBold; }
.layer_my_hsp .left { width:200px; float:left; }
.layer_my_hsp .right { width:148px; float:right; }
.layer_my_hsp .excellent {height: 23px; background:url(/hspimages/common/bullet_excellent.png) no-repeat 0 0; text-indent: 19px; line-height:1.7em; vertical-align: middle; color:#d80000; font-family:NanumGothicBold; }
.layer_my_hsp .discussionking {width:348px; height:17px; background:url(/hspimages/common/icon_crown.png) no-repeat 0 0;  padding-left:32px;line-height:1.4em;margin-top: 6px;vertical-align: middle;font-family:NanumGothicBold; }




/* 1뎁스 메뉴 */
/* 개편 전 사용되던 css
.lnb {width: 1162px; margin: 230px auto; text-align: center;position: absolute;   z-index: 99999;   clear: both; margin-left:0px;}
.lnb > li { position:relative; float:left;width: 166px; }
*/


/* 개편 후 수정_2019 css */
.lnb {width:1158px;margin:0 auto;text-align:center;position:absolute;z-index:99999;clear:both;margin-top:53px}
.lnb > li {position:relative;float:left;width:165px;border-top:1px solid #0055ac}
.lnb > li:first-child {width:167px;border-left:1px solid #0055ac}
/* 개편 후 수정_2019 css */

.lnb > li > ul  > .lnb_01 { width: 163px; background: url(/hspimages/common/lnb_01.gif) center 16px no-repeat;}
.lnb > li > ul  > .lnb_02 { width: 163px; background: url(/hspimages/common/lnb_02.gif) center 16px no-repeat;}
.lnb > li > ul  > .lnb_03 { width: 163px; background: url(/hspimages/common/lnb_03.gif) center 16px no-repeat;}
.lnb > li > ul  > .lnb_04 { width: 163px; background: url(/hspimages/common/lnb_04.gif) center 16px no-repeat;}
.lnb > li > ul  > .lnb_05 { width: 163px; background: url(/hspimages/common/lnb_05.gif) center 16px no-repeat;}
.lnb > li > ul  > .lnb_06 { width: 163px; background: url(/hspimages/common/lnb_06.gif) center 16px no-repeat;}
.lnb > li > ul  > .lnb_07 { width: 163px; background: url(/hspimages/common/lnb_07.gif) center 16px no-repeat;}
.lnb > li > ul  > a { height: 49px; display: inline-block; text-indent:-9999px !important;}
/* .lnb li .lnb_01 { width:155px;  }
.lnb li .lnb_02 { width:155px;  }
.lnb li .lnb_03 { width:155px; }
.lnb li .lnb_04 { width:155px; }
.lnb li .lnb_05 { width:155px; }
.lnb li .lnb_06 { width:155px; }
.lnb li .lnb_07 { width:155px; }*/

/* 2뎁스 메뉴 */
.lnb li .depth_02 { font-size:13px; width:100%; min-height:362px; background:#fff url(/hspimages/common/header_2depth_bg.gif) repeat-y top right;   text-align:left;  }

.lnb li .depth_02:hover { background:#f7f7f7 url(/hspimages/common/header_2depth_bg.gif) repeat-y top right; }
.lnb li .depth_02 li { padding:3px 10px 2px; }
.lnb li:first-child .depth_02 { border-left:1px solid #ccc; margin-left:-1px; }

.lnb li .depth_02 li:first-child { padding-top:10px; }
.lnb .close { position:absolute; right:10px; bottom:5px; width:38px; height:38px; margin:0; padding:0; }
.lnb li .shadow { height:5px; background:#000; }



#container { width:1160px; border-left:1px solid #d1d1d1; *zoom:1; margin:0 auto; clear:both;margin-top: 25px }
#container:after {content:""; display:block; clear:both; }
#main #container { width:980px; border:none; padding-top:15px; }


/* 퀵메뉴 */
#main #aside.ribbon_size { position:fixed; top:245px; left:50%; margin-left:430px; width:140px; background:#fff; letter-spacing:-1px; } /* 팝업리본 나오는 경우 */
#main #aside { position:absolute; top:170px; left:50%; margin-left:430px; width:140px; background:#fff; letter-spacing:-1px; }
#aside { position:absolute; top:250px; left:50%; margin-left:440px; width:140px; background:#fff; letter-spacing:-1px; }

#aside .register {  text-align:center; height:120px; overflow:hidden; background:#484e5f;}
#aside .register div { width:100%; height:245px; overflow:hidden; }
#aside .register div h2 { font-size:18px; color:#fff; padding:10px 0 0 0; word-spacing: -1px;}
#aside .register div h3 { font-size:30px; color:#de91d4;  font-family:NanumSquare; }
#aside .register div h4 { font-size:32px; color:#ffd047; margin-top:-6px}
#aside .register div h5 { font-size:22px; color:#fff; }
#aside .register div dt { height:29px; padding-top:1px; background:url(/hspimages/common/quick_bg.gif) no-repeat center 0; text-align:center; font-size:14px; font-family:NanumGothicBold; color:#0055ac; }
#aside .register div dd { line-height:1.3em; margin:3px 0 10px 0; color:#333; }
#aside .register_finish{ border:1px solid #ddd; border-top:none; text-align:center; height:245px; overflow:hidden; }
#aside .register_finish div { width:100%; height:245px; overflow:hidden; }
#aside .register_finish div h2 { font-size:31px; color:#fff; padding:10px 0 0 0; word-spacing: -1px;}

#aside .top { height:28px; width:140px; text-align:left; }
#aside .banner img { vertical-align:top; }

/* 슬라이딩 컨트롤 퀵메뉴 회원가입등 서브페이지 공통 */
.slide_control { position:absolute; top:255px; left:45px; }
.slide_control li { display:inline-block; *zoom:1; *display:inline; }
.slide_control a { background:url(/hspimages/common/quick_paging_off.gif) no-repeat; }
.slide_control a.select, #aside .paging a:hover, #aside .paging a:focus { background:url(/hspimages/common/quick_paging_on.gif) no-repeat; } 
.slide_control a span { display:inline-block; *zoom:1; *display:inline; text-indent:-9999px; width:11px; height:11px; margin-left:2px; }
.slide_control button { text-indent:-9999px; margin-left:3px; width:10px; height:16px; } 
.slide_control .play { background:url(/hspimages/common/btn_paging_play.gif) no-repeat; }
.slide_control .play:hover { background:url(/hspimages/common/btn_paging_play_on.gif) no-repeat; }
.slide_control .stop { background:url(/hspimages/common/btn_paging_stop.gif) no-repeat; }
.slide_control .stop:hover { background:url(/hspimages/common/btn_paging_stop_on.gif) no-repeat; }
.slide_control .simsa { margin-top:80px !important; }


/* 브라우져 가로사이즈 1140px보다 작을때 퀵메뉴 */
@media (max-width:1000px) {
#aside,
#main #aside { position:absolute; right:-99999px; top:-99999px; }
#aside_small { position:fixed; top:160px; right:10px; margin-left:346px; width:140px; z-index:100; }
}
@media (min-width:1000px) {
#aside_small { display:none; }
}

/* 푸터 */
#footer { clear:both; position:relative;border-top:2px solid #0055ac;  color:#777; font-size:12px; }
#footer > div { width:1140px; margin:0 auto; position:relative; padding:20px 0 40px 0;}
#footer .footer_logo { position:absolute; left:0;}
#footer .footer_logo_mainbiz { position:absolute;left:35px; top:73px}
#footer .footer_logo_wmresult { position:absolute;left:20px; top:70px}
#footer .company_info {position:absolute;left:180px}
#footer .company_info li { float:left; display:inline-block; *zoom:1; *display:inline; background:url(/hspimages/common/footer_line.gif) no-repeat 0 13px; margin-left:8px; padding:8px 0 0 8px; }
#footer .company_info li:first-child { background:none; }
#footer .company_info li a { color:#777; font-family:NanumGothicBold; }
#footer .company_info li a:hover,
#footer .company_info li a:focus { color:#222; }
#footer .footer_banner { margin-right:10px; float:right;}
#footer .footer_banner li { display:inline-block; *zoom:1; *display:inline; margin-left:10px; }
#footer p { left: 195px; position: absolute; top: 58px;}



/* common */
/* 공통 레이어 */
.layer { position:absolute; background:#fff; border:2px solid #777; min-height:120px; min-width:280px; z-index:1001; text-align:left; box-shadow:0 1px 6px #888; font-size:13px; }
.layer .close { position:absolute; right:0; top:0; text-align:right; }
.layer > h2 { background:#359fbf; color:#fff; font-size:18px; padding:8px 0; text-align:center; }
.layer > h2 > span { color:#ffe346; }
.layer .con h3 { font-size:18px; color:#333; margin:20px 0 10px; }
.layer .con h4 { font-size:15px; color:#333; margin:20px 0 10px; }
.layer > .con { padding:25px 20px 20px; }
.layer > .con:after { content:""; display:block; height: 0; clear: both; visibility: hidden; }
.layer > .btn_area { text-align:center; margin-bottom:25px; }
.layer > .btn_area button { padding:3px 30px; margin-left:5px; vertical-align:0; }
.layer > .btn_area a { padding:4px 30px; margin-left:5px; }
.layer > .btn_area button:first-child
.layer > .btn_area a:first-child { margin-left:0; }
.layer .con_new { width:460px; height:230px; overflow-y:auto; margin-bottom:20px; padding:25px 20px 20px;}
.layer .apply {height:560px;}

/* 공통 탭메뉴 */
.tabmenu_cover { position:relative; }
.tab_menu { font-size:0; border-bottom:1px solid #ccc; }
.tab_menu li { display:inline-block; *display:inline; *zoom:1; }
.tab_menu li a { display:inline-block; *display:inline; *zoom:1; font-size:13px; padding:2px 12px; height:28px; line-height:28px; font-family:NanumGothicBold; border:1px solid #ccc; border-bottom:none; text-align:center; background:#efefef; color:#888; vertical-align:top; }
.tab_menu li:first-child a { border-right:none; }
.tab_menu li a.select { background:#fff; color:#333; border-bottom:1px solid #fff; margin-bottom:-1px; text-decoration:underline;}
.tabmenu_cover .con { margin-top:15px; }
.tabmenu_cover .more { position:absolute; right:0; top:8px; }


.floatL { float:left; }
.floatR { float:right; }
.clear {clear:both; }
.show { display:block; }
.borderN { border:none !important; }
.displayB { display:block !important; }
.displayIb { display:inline-block; *display:inline; *zoom:1; }
.backN { background:none !important; }
.verticalM { vertical-align:middle !important; }
.verticalT { vertical-align:top !important; }
.verticalB { vertical-align:bottom !important; }
.gray_border { border:1px solid #ddd; padding:20px; }
.positionR { position:relative; }
.marginC {margin:0 auto;}
.liststyleN {list-style-type:none !important;}/* 20210831 추가 */
.borderC {border-color:#333 !important;}/* 20210831 추가 */
.borderL {border-left:solid 1px #FFFFFF;}

/* 숨김방법 */
.screen_out { display:block !important; overflow:hidden !important; position:absolute !important; left:-9999px !important; width:1px !important; height:1px !important; text-indent:-9999px !important; } /* IR기법(화면엔 안보이지만 리더기가 읽어주는 방법 */
.displayN { display:none !important; } /* 이전 단계를 꼭 거치고 나서 보여야 하는경우 (리더기에서도 안들리게 숨기는경우) */
.displayY { display:block !important; }

/* 텍스트 값 */
.alignL { text-align:left !important; }
.alignR { text-align:right !important; }
.alignC { text-align:center !important; }
.white {color: #fff !important;}
.red { color:#d80000; }
.pink {color: #ffc7c7;}
.blue { color:#0055ac !important; }
.blue_green { color:#00789c; }
.sky {color: #93e8ff}
.black { color:#333; }
.green { color:#339f45 }
.yellowgreen {color:#848d07}  /* 추가 20210311 */
.t_basic { font-family:NanumGothic !important} /* 추가 20201211 */
.bold { font-family:NanumGothicBold; }
.t_bold {font-weight: bold !important} /* 추가 20200401 */
.strong {font-weight: 600}
.orange { color:#ee5417; }
.skyblue{color:#2083df;}
.skyblue2{color:#095bd6;}
.green2{color:#5fbf6a;}
.brown{color:#9a2e0a;}
.pink2{color:#e24291;}
.gray{color:#7d7d7d !important}
.yellow{color:#f5c400 !important} /* 추가 20190826 */
.important { background:url(/hspImages/common/bullet_important.png) no-repeat left 1px; padding:0 0 2px 20px; color:#d80000; font-family:NanumGothicBold; display:block;}
.important_blue { background:url(/hspImages/common/bullet_important02.png) no-repeat left 1px; padding:0 0 2px 20px; color:#0055ac; font-family:NanumGothicBold; display:block;}
.small { font-size:12px; }
.underline { text-decoration:underline !important; }
.font_red { color:#d80000 !important;}
.font_12 {font-size:12px !important;} /* 20210831 추가 */
.font_13 {font-size:13px !important;}
.font_14 {font-size:14px !important;}
.font_16 {font-size:16px;}
.font_18 {font-size:18px;}
.font_20 {font-size:20px !important;}
.font_28 {font-size:28px !important;}
.font_30 {font-size:30px !important;}

.bg_glay {background-color: #e4e4e4}
.bg_blue {background-color: #ebfbff}
.bg_yellow {background-color: #f3bc1c}
.bg_gray2 {background-color: #3b4255} /* 추가 20190826 */
.bg_red {background-color: #f4dada} /* 추가 20190826 */
.bg_darkgray {background-color: #484e5f !important;} /* 추가 20200401 */
.bg_blue2 {background-color: #0055ac !important;} /* 추가 20201211 */
.bg_yellow2 {background-color: #fcf7d5 !important} /* 추가 20201211 */
.bg_blue3 {background-color: #E6EDF1 !important} /* 추가 20210722 */
.bg_glay3 {background-color: #f2f2f2}
.bg_purple {background-color:#f3edf8 !important} /* 추가 20220810 */

/* 마진값 */
.marginT0 { margin-top:0 !important; }
.marginT5 { margin-top:5px !important; }
.marginT10 { margin-top:10px !important; }
.marginT15 { margin-top:15px !important; }
.marginT20 { margin-top:20px !important; }
.marginT25 { margin-top:25px !important; }
.marginT30 { margin-top:30px !important; }
.marginT40 { margin-top:40px !important; }
.marginT50 { margin-top:50px !important; }
.marginT70{margin-top:70px;}
.marginT80{margin-top:80px !important;}
.marginT_8 { margin-top:-8px !important; }/* 추가 20251201 */
.marginT_30 { margin-top:-30px !important; }
.marginL0 { margin-left:0px !important; } /* 추가 20210420 */
.marginL3 { margin-left:3px !important; }
.marginL4 { margin-left:4px !important; }
.marginL5 { margin-left:5px !important; }
.marginL10 { margin-left:10px !important; }
.marginL15 { margin-left:15px !important; }
.marginL20 { margin-left:20px !important; }
.marginL70 { margin-left:70px !important; }
.marginL30 {margin-left:30px; }
.marginL40 {margin-left:40px; }
.marginL50 {margin-left:50px; }
.marginL150 {margin-left:150px; }
.marginR5 { margin-right:5px !important; }
.marginR10 { margin-right:20px !important; }
.marginR20 { margin-right:20px !important; }
.marginR40 { margin-right:40px !important; } /* 추가 20250331 */
.marginB0 { margin-bottom:0 !important; }
.marginB5 { margin-bottom:5px !important; }
.marginB10 { margin-bottom:10px !important; }
.marginB20 { margin-bottom:20px !important; }
.marginB30 { margin-bottom:30px !important; }
.marginB120 { margin-bottom:120px !important; } /* 추가 20240527 */


/*패딩값*/
.padding5 {padding: 5px !important}/* 추가 20211115 */
.padding15 {padding: 15px !important}
.padding10 {padding: 10px !important}
.paddingL5 {padding-left: 5px}
.paddingL15 {padding-left: 15px}
.paddingT2 {padding-top: 2px}
.paddingT5 {padding-top: 5px}
.paddingT20 {padding-top: 20px}
.paddingT30 {padding-top: 30px !important}
.paddingT60 {padding-top: 60px !important} /* 추가 20240527 */
.paddingB20 {padding-bottom: 20px}
.paddingB40 {padding-bottom: 40px !important}
.padding0 {padding: 0px !important}
.paddingB120 { padding-bottom:120px !important; }/* 추가 20240219 */

/* border값 */
.dot {  border-width:1px 0 0 0; border-style:dashed; border-color:#c8c8c8; height:1px; }
.line {  border-width:1px 0 0 0; border-style:solid; border-color:#ddd; height:1px; }

/* 배지 - 추가 20211124 */ 
.badge_certificate_issue {border:1px solid #2180a4;color:#2180a4;padding:0 6px;font-size:11px;border-radius:5px;}
.badge_event_purple {background:#6519a5; color:#fff;padding:0 5px; border-radius:3px;font-size:12px; font-family:NanumGothicBold; } /* 20220810 추가 */

/* 폼요소 사이즈 */
textarea.w100 { width:718px; min-height:200px; }
textarea.w100h100 { width:718px; min-height:100px; }
.w20 { width:25px; }  /* 20200407추가 */
.w30 { width:30px; }
.w40 { width:40px; }
.w50 { width:50px; }
.w80 { width:80px; }
.w100 { width:100px; }
.w120 { width:120px; }
.w100_percent { width:100%; }
.w50_percent { width:50%; }
.w33_percent { width:33% !important; }
.w34_percent { width:34% !important; }  /* 20190618 추가 */
.w54_percent { width:54% !important; }  /* 20190826 추가 */
.w80_percent { width:80%; }
.w86_percent { width:86%; } /* 20250331 추가 */
.w92_percent { width:92% !important; }
.w95_percent { width:95%; }
.w97_percent { width:97% !important; }  /* 20201211 추가 */
.w99_percent { width:99%; }
.w150 { width:150px; }
.w200 { width:200px; }
.w250 { width:250px; }
.H50 { height:50px; }
.H100 { height:100px; }
.H200 { height:200px; }
.H220 { height:220px; }

.w280 { width:280px; }
.w310 { width:310px; }
.w335 { width:335px; }
.w370 { width:370px !important; }
.w1160{width:1160px;margin:0 auto;}

.h98_percent{ min-height:98%;  }

/* 버튼 */
a.btn_blue_gray { background:#768ca2; color:#fff !important; padding:3px 10px 5px; font-family:NanumGothicBold; }
button.btn_blue_gray { background:#768ca2; color:#fff !important; padding:2px 10px; font-family:NanumGothicBold; }
.btn_main_gray { background:#919191; color:#fff !important; padding:0 16px; height:21px; line-height:21px; display:inline-block;*zoom:1; *display:inline; font-family:NanumGothicBold; vertical-align:middle; }

a.btn_gray { background:#919191; color:#fff !important; padding:4px 10px 5px; font-family:NanumGothicBold; }
button.btn_gray { background:#919191; color:#fff !important; padding:2px 10px; font-family:NanumGothicBold; }
span.btn_gray { background:#919191; color:#fff !important; padding:2px 10px; font-family:NanumGothicBold; }

a.btn_gray02 { background:#e7e7e7; color:#555 !important; padding:4px 10px 5px; font-family:NanumGothicBold; font-size:12px;border-radius:3px;border:1px solid #ccc; }
button.btn_gray02 { background:#e7e7e7; color:#555 !important; padding:2px 10px; font-family:NanumGothicBold;font-size:12px;border-radius:3px;border:1px solid #ccc;  }

a.btn_gray03 { background:#919191; color:#fff !important; padding:3px 10px 4px;  border-radius:3px; vertical-align:-1px; font-size:12px; font-family:NanumGothicBold; }

a.btn_blue02 { background:#3578bc; color:#fff !important; padding:2px 10px; font-family:NanumGothicBold;border:1px solid #ccc; }
button.btn_blue02 { background:#3578bc; color:#fff !important; padding:2px 10px; font-family:NanumGothicBold;border:1px solid #ccc; }

a.btn_gray_table { background:#919191; color:#fff !important; padding:4px 20px 5px; font-family:NanumGothicBold; }
button.btn_gray_table { background:#919191; color:#fff !important; padding:4px 20px 5px; font-family:NanumGothicBold; }

a.btn_blue_green_table { background:#359fbf; color:#fff !important; padding:4px 20px 5px; font-family:NanumGothicBold; }
button.btn_blue_green_table { background:#359fbf; color:#fff !important; padding:4px 20px 5px; font-family:NanumGothicBold; }

a.btn_blue_green { background:#359fbf; color:#fff !important; padding:3px 10px 5px; font-family:NanumGothicBold; }
button.btn_blue_green { background:#359fbf; color:#fff !important; padding:2px 10px; font-family:NanumGothicBold; }

button.btn_red02 { background:#ed5104; color:#fff !important; padding:2px 10px; font-family:NanumGothicBold;border:1px solid #ccc; }

a.btn_red_rectangle { background:#d80000; color:#fff !important; padding:10px 30px;font-size:18px; font-family:NanumGothicBold;border-radius:5px; }

a.btn_blue_rectangle { background:#0055ac; color:#fff !important; padding:10px 30px;font-size:18px;font-family:NanumGothicBold;border-radius:5px; }

/* 느낌표 있는 버튼 */
.btn_red_point { background:#d80000 url(/hspImages/common/bullet_ok.png) no-repeat right center; padding:3px 25px 4px 48px; position:relative; font-weight:600; color:#fff !important; font-size:13px; font-family:NanumGothicBold;}
.btn_red_point > span { background:url(/hspImages/common/bullet_important03.png) no-repeat; display:inline-block; *display:inline; *zoom:1; width:29px; height:29px; position:absolute; top:-4px; left:10px; }

/* 돋보기 있는 버튼 */
.btn_blue_search { background:#0055ac !important; padding:7px 20px 8px 20px !important; line-height:26px !important; height:26px !important; position:relative; font-weight:600; color:#fff !important; font-size:14px !important; font-family:NanumGothicBold;border-radius:20px}

/*20200408 추가*/
.btn_white2 { background:#fff !important; padding:7px 20px 8px 20px !important; box-shadow: 4px 4px rgba(0, 0, 0, .5); border:3px solid #003e7d;  line-height:26px !important; height:26px !important; position:relative; font-weight:600; color:#000 !important; font-size:16px !important; font-family:NanumGothicBold;border-radius:20px}

/* 달력 있는 버튼 */
.btn_red_calendar { background:#d80000 url(/hspImages/common/bullet_triangle.png) no-repeat right center; padding:8px 110px 9px 20px; position:relative; font-weight:600; color:#fff !important; font-size:16px; font-family:NanumGothicBold;border-radius:5px;}
.btn_red_calendar > span { background:url(/hspImages/common/btn_calendar.png) no-repeat; display:inline-block; *display:inline; *zoom:1; width:73px; height:36px; position:absolute; top:0; right:25px; }


.btn_big_gray3 { background:#888 url(/hspImages/common/bullet_help.png) no-repeat right center; border:1px solid #707070; padding:8px 23px 8px 20px; display:inline-block; *zoom:1; *display:inline; font-size:16px; color:#fff !important; font-family:NanumGothicBold; border-radius:3px; min-width:70px; }


.btn_big_gray { background:#888 url(/hspImages/common/bullet_ok.png) no-repeat right center; border:1px solid #707070; padding:8px 23px 8px 20px; display:inline-block; *zoom:1; *display:inline; font-size:16px; color:#fff !important; font-family:NanumGothicBold; border-radius:3px; min-width:70px; }
.btn_big_red { background:#ff3a3a url(/hspImages/common/bullet_ok.png) no-repeat right center; border:1px solid #ff3a3a; padding:8px 23px 8px 20px; display:inline-block; *zoom:1; *display:inline; font-size:16px; color:#fff !important; font-family:NanumGothicBold; border-radius:3px; min-width:70px; }
.btn_big_sky_blue { background:#3175c2 url(/hspImages/common/bullet_ok.png) no-repeat right center; border:1px solid #255993; padding:8px 23px 8px 20px; display:inline-block; *zoom:1; *display:inline; font-size:16px; color:#fff !important; font-family:NanumGothicBold; border-radius:3px; min-width:70px; }


.btn_big_blue { background:#359fbf url(/hspImages/common/bullet_ok.png) no-repeat right center; border:1px solid #268aa8; padding:8px 23px 8px 20px; display:inline-block; *zoom:1; *display:inline; font-size:16px; color:#fff !important; font-family:NanumGothicBold; border-radius:3px; min-width:70px; }

.btn_big_orange { background:#f7753a url(/hspImages/common/bullet_ok.png) no-repeat right center; border:1px solid #d64200; padding:8px 23px 8px 20px; display:inline-block; *zoom:1; *display:inline; font-size:16px; color:#fff !important; font-family:NanumGothicBold; border-radius:3px; min-width:70px; }

.btn_big2_gray { background:#888 url(/hspImages/common/bullet_ok.png) no-repeat right center; border:1px solid #707070; padding:25px 25px; display:inline-block; *zoom:1; *display:inline; font-size:16px; color:#fff !important; font-family:NanumGothicBold; border-radius:3px; min-width:70px; }

.btn_white { background:url(/hspImages/common/btn_triangle_bg.gif) no-repeat right center; padding:1px 12px 2px 8px; border:1px solid #aaa; border-radius:3px; color:#777 !important; }
.btn_blue_datadown { background:#588ba5 url(/hspImages/common/bullet_triangle_s.png) no-repeat right center; padding:1px 18px 2px 8px;font-size:12px;font-weight:600;border-radius:3px; color:#fff !important; }/* 20191025 추가 */
.btn_orange { background:#f7753a url(/hspImages/common/bullet_ok.png) no-repeat right center; color:#fff !important; font-weight:600; padding:10px 28px 10px 20px; border:1px solid #d64200; border-radius:3px; margin:10px 0 20px; }

.btn_medium_gray { background:#888 url(/hspImages/common/bullet_ok.png) no-repeat right center; border:1px solid #707070; padding:10px 27px 10px 20px; display:inline-block; *zoom:1; *display:inline; font-size:14px; color:#fff !important; font-family:NanumGothicBold; border-radius:3px; } 
.btn_yellow { background:#fdf4df; color:#ff3401 !important; padding:1px 9px 2px 7px; border:1px solid #c2c2c2; border-radius:3px; font-size:12px; }
.btn_gold { background:#003a69; color:#ffe400 !important; padding:1px 9px 2px 7px; border:1px solid #003a69; border-radius:3px; font-size:12px; }

.btn_sky_blue { background:#3175c2 url(/hspImages/common/bullet_ok.png) no-repeat right center; border:1px solid #255993; padding:9px 25px 9px 20px; display:inline-block; *zoom:1; *display:inline; font-size:14px; color:#fff !important; font-family:NanumGothicBold; border-radius:3px; } 
.btn_sky_gray { background:#888 url(/hspImages/common/bullet_ok.png) no-repeat right center; border:1px solid #707070; padding:9px 25px 9px 20px; display:inline-block; *zoom:1; *display:inline; font-size:14px; color:#fff !important; font-family:NanumGothicBold; border-radius:3px; } 
.btn_sky_green { background:#359fbf url(/hspImages/common/bullet_ok.png) no-repeat right center; border:1px solid #1d6980; padding:9px 25px 9px 20px; display:inline-block; *zoom:1; *display:inline; font-size:14px; color:#fff !important; font-family:NanumGothicBold; border-radius:3px; }
.btn_sky_red { background:#ed5104 url(/hspImages/common/bullet_ok.png) no-repeat right center; border:1px solid #d6362a; padding:9px 25px 9px 20px; display:inline-block; *zoom:1; *display:inline; font-size:14px; color:#fff !important; font-family:NanumGothicBold; border-radius:3px; } 
.btn_small_sky_blues { background:#3175c2 url(/hspImages/common/bullet_ok.png) no-repeat right center; border:1px solid #255993; padding:5px 25px 5px 20px; display:inline-block; *zoom:1; *display:inline; font-size:14px; color:#fff !important; font-family:NanumGothicBold; border-radius:3px; } 
.btn_green { background:#e2f7e9; color:#157575 !important; padding:2px 8px; border:1px solid #c2c2c2; border-radius:3px; vertical-align:-1px; font-size:12px; font-family:NanumGothicBold; }
.btn_red { background:#f5e9e8; color:#d60000 !important; padding:2px 8px; border:1px solid #c2c2c2; border-radius:3px; vertical-align:-1px; font-size:12px; font-family:NanumGothicBold; }
.btn_yellow2 { background:#fcf5e5; color:#956900 !important; padding:2px 8px; border:1px solid #c2c2c2; border-radius:3px; vertical-align:-1px; font-size:12px; font-family:NanumGothicBold; }
.btn_purple { background:#f4effe; color:#6649af !important; padding:2px 8px; border:1px solid #c2c2c2; border-radius:3px; vertical-align:-1px; font-size:12px; font-family:NanumGothicBold; }
.btn_azure { background:#e5f9fe; color:#067490 !important; padding:2px 8px; border:1px solid #c2c2c2; border-radius:3px; vertical-align:-1px; font-size:12px; font-family:NanumGothicBold; }
.btn_dark_green { background:#effae0; color:#4d711a !important; padding:2px 8px; border:1px solid #c2c2c2; border-radius:3px; vertical-align:-1px; font-size:12px; font-family:NanumGothicBold; }
.btn_notice_red { text-align:left !important; margin:1px 0; background:#d60000 url(/hspImages/sub/icon_x.png) no-repeat 6px center; width:35px !important; height:16px; color:#fff !important; padding:0 7px 2px 20px; border-radius:3px; font-size:12px; }
.btn_notice_gray { text-align:left !important; margin:1px 0; background:#444 url(/hspImages/sub/icon_check.png) no-repeat 6px center; width:30px !important; height:16px; color:#fff !important; padding:0 7px 2px 25px !important; border-radius:3px; font-size:12px; }
.btn_down_hangul { display:inline-block; *zoom:1; *display:inline; background:url(/hspImages/sub/btn_down_hangul.gif) no-repeat; width:16px; height:16px; }
.btn_down_word { display:inline-block; *zoom:1; *display:inline; background:url(/hspImages/sub/btn_down_word.gif) no-repeat; width:16px; height:16px; }
.btn_down_excel { display:inline-block; *zoom:1; *display:inline; background:url(/hspImages/sub/btn_down_excel.gif) no-repeat; width:16px; height:16px; }
.btn_down_ppt { display:inline-block; *zoom:1; *display:inline; background:url(/hspImages/sub/btn_down_ppt.gif) no-repeat; width:16px; height:16px; }
.btn_down_zip { display:inline-block; *zoom:1; *display:inline; background:url(/hspImages/sub/btn_down_zip.gif) no-repeat; width:16px; height:16px; }
.btn_down_txt { display:inline-block; *zoom:1; *display:inline; background:url(/hspImages/sub/btn_down_txt.gif) no-repeat; width:16px; height:16px; }
.btn_down_pdf { display:inline-block; *zoom:1; *display:inline; background:url(/hspImages/sub/btn_down_pdf.gif) no-repeat; width:16px; height:16px; }
.btn_down_etc { display:inline-block; *zoom:1; *display:inline; background:url(/hspImages/sub/btn_down_etc.gif) no-repeat; width:16px; height:16px; } 
.btn_vod_view { display:inline-block; *zoom:1; *display:inline; background:url(/hspImages/sub/btn_vod_view.png) no-repeat; width:30px; height:29px; }
button.btn_file_download { background:#888 url(/hspImages/sub/btn_file_download.png) no-repeat 10px center; width:120px;color:#fff !important;display:inline-block; *zoom:1; *display:inline; padding:3px 8px 3px 30px;font-size:13px;font-weight:600;border-radius:3px; }
button.btn_file_upload { background:#359fbf url(/hspImages/sub/btn_file_upload.png) no-repeat 10px center; width:120px;padding:3px 8px 3px 30px; display:inline-block; *zoom:1; *display:inline; font-size:13px; color:#fff !important;font-weight:600; border-radius:3px; } 
.btn_print { background:#3175c2 url(/hspImages/sub/icon_print.png) no-repeat 15px center; border:1px solid #255993; padding:9px 20px 9px 55px; display:inline-block; *zoom:1; *display:inline; font-size:14px; color:#fff !important; font-family:NanumGothicBold; border-radius:3px; } 
.btn_table_purple { background:#6519a5; color:#fff !important; padding:2px 8px 4px 8px; border-radius:3px; vertical-align:-1px; font-size:12px; font-family:NanumGothicBold; } /* 20220810 추가 */

.gray_bg { background-color: #eee;}

/* 테이블 안 버튼 */
a.btn_table_gray { background:#e7e7e7; color:#555 !important; padding:3px 8px; border:1px solid #ccc; border-radius:3px; vertical-align:-1px; font-size:12px; font-family:NanumGothicBold; }
button.btn_table_gray { background:#e7e7e7; color:#555 !important; padding:2px 8px; border:1px solid #ccc; border-radius:3px; vertical-align:-1px; font-size:12px; font-family:NanumGothicBold; }
.btn_table_gray { background:#e7e7e7; color:#555 !important; padding:2px 8px; border:1px solid #ccc; border-radius:3px; vertical-align:-1px; font-size:12px; font-family:NanumGothicBold; }
a.btn_table_green_gray { background:#e2f7e9; color:#006969 !important; padding:3px 8px; border:1px solid #a2cfb1; border-radius:3px; vertical-align:-1px; font-size:12px; }
button.btn_table_green_gray { background:#e2f7e9; color:#006969 !important; padding:2px 8px; border:1px solid #a2cfb1; border-radius:3px; vertical-align:-1px; font-size:12px; }
span.btn_table_green_gray { background:#e2f7e9; color:#006969 !important; padding:2px 8px; border:1px solid #a2cfb1; border-radius:3px; vertical-align:-1px; font-size:12px; }
a.btn_table_red { background:#f5e9e8; color:#da2c00 !important; padding:2px 8px; border:1px solid #c2c2c2; border-radius:3px; vertical-align:-1px; font-size:12px; font-family:NanumGothicBold; }
button.btn_table_red { background:#f5e9e8; color:#da2c00 !important; padding:2px 8px; border:1px solid #c2c2c2; border-radius:3px; vertical-align:-1px; font-size:12px; font-family:NanumGothicBold; }
.btn_table_red { background:#f5e9e8; color:#da2c00 !important; padding:2px 8px; border:1px solid #c2c2c2; border-radius:3px; vertical-align:-1px; font-size:12px; font-family:NanumGothicBold; }
.btn_table_white { background:#fff; color:#777 !important; padding:2px 8px; border:1px solid #c2c2c2; border-radius:3px; vertical-align:-1px; font-size:12px; font-family:NanumGothicBold; }
.btn_table_redBg { background:#d80000; color:#fff !important; padding:2px 8px; border:1px solid #d80000; border-radius:3px; vertical-align:-1px; font-size:12px; font-family:NanumGothicBold; }
a.btn_table_green { background:#e2f7e9; color:#2b9c9c !important; padding:3px 15px; border:1px solid #c2c2c2; border-radius:3px; vertical-align:-1px; font-size:12px; font-family:NanumGothicBold; }
a.btn_table_red2 { background:#f5e9e8; color:#da2c00 !important; padding:3px 8px; border:1px solid #c2c2c2; border-radius:3px; vertical-align:-1px; font-size:12px; font-family:NanumGothicBold;}
button.btn_table_red2 { background:#f5e9e8; color:#da2c00 !important; padding:2px 8px; border:1px solid #c2c2c2; border-radius:3px; vertical-align:-1px; font-size:12px; font-family:NanumGothicBold; }
span.btn_table_red2 { background:#f5e9e8; color:#da2c00 !important; padding:2px 8px; border:1px solid #c2c2c2; border-radius:3px; vertical-align:-1px; font-size:12px; font-family:NanumGothicBold; }

/* 20210420 추가 */
.btn_formlist_green { background:#e2f7e9; color:#097b5c !important; padding:5px 20px; border:1px solid #097b5c; border-radius:3px; vertical-align:-1px; font-size:12px; font-family:NanumGothicBold; }
.btn_formlist_red { background:#f5e9e8; color:#d80000 !important; padding:5px 20px; border:1px solid #d80000; border-radius:3px; vertical-align:-1px; font-size:12px; font-family:NanumGothicBold; }
.btn_formlist_gray { background:#e7e7e7; color:#444  !important; padding:5px 20px; border:1px solid #444; border-radius:3px; vertical-align:-1px; font-size:12px; font-family:NanumGothicBold; }
a.btn_formlist_green:hover,
a.btn_formlist_green:focus,
a.btn_formlist_red:hover,
a.btn_formlist_red:focus {text-decoration:underline}


/* 자세히보기 버튼 */
.btn_detail { width:17px; height:17px; text-indent:-9999px; background:url(/hspImages/sub/btn_detail.png) no-repeat; display:inline-block; *zoom:1; *display:inline; margin-left:8px; }

/* 돋보기있는 버튼 */
.magnifying_glass {  padding:2px 8px 3px 30px; border:1px solid #bbb; position:relative; border-radius:5px; font-weight:600; background:#f6f6f6; color:#0055ac !important; }
.magnifying_glass > span { background:url(/hspImages/sub/icon_magnifying_glass.png) no-repeat; display:inline-block; *display:inline; *zoom:1; width:25px; height:35px; position:absolute; top:-5px; left:3px; }


/* 동그라미 번호 */
.circlenum_section .circlenum ol li { position:relative; padding-left:18px; }
.circlenum_section .circlenum ol li:first-child { margin-top:0; }
.circlenum_section .circlenum ol li > span { position:absolute; left:0; top:4px; width:12px; height:12px; background:url(/hspImages/common/circle_num.gif) no-repeat 0 0; }
.circlenum_section .circlenum ol li.num01 > span { background-position:0 0; }
.circlenum_section .circlenum ol li.num02 > span { background-position:0 -13px; }
.circlenum_section .circlenum ol li.num03 > span { background-position:0 -26px; }
.circlenum_section .circlenum ol li.num04 > span { background-position:0 -39px; }
.circlenum_section .circlenum ol li.num05 > span { background-position:0 -52px; }
.circlenum_section .circlenum ol li.num06 > span { background-position:0 -65px; }

/* 별 표시 */
.reference_chart li { background:url(/hspImages/common/reference_chart.png) no-repeat left 5px; padding-left:15px; margin-bottom:8px; }

/* 블릿 */
.t_bul, .t_bul01 li {background:url(/hspImages/common/bullet_txt_list.png) no-repeat left 7px; padding-left:13px; display:block;}
.t_dash, .t_dash01 li { padding-left:10px !important; background:url(/hspImages/common/ico_bullet_dash.png) no-repeat 0 9px !important; display:block; }

/* 순차 번호 */
.number_num li  { margin:5px 0; list-style-type:decimal; margin-left:20px; }
.number_num li p { background:url(/hspImages/sub/icon_arrow.png) no-repeat 0 4px; padding-left:24px; }

/* 한글 순차 */
.bullet_hangul .hangul ol li { position:relative; padding-left:18px; }
.bullet_hangul .hangul ol li:first-child { margin-top:0; }
.bullet_hangul .hangul ol li > span { position:absolute; left:0; top:4px; width:15px; height:12px; background:url(/hspImages/common/bullet_hangul.gif) no-repeat 0 0; }
.bullet_hangul .hangul ol li.num01 > span { background-position:0 0; }
.bullet_hangul .hangul ol li.num02 > span { background-position:0 -13px; }
.bullet_hangul .hangul ol li.num03 > span { background-position:0 -26px; }
.bullet_hangul .hangul ol li.num04 > span { background-position:0 -39px; }
.bullet_hangul .hangul ol li.num05 > span { background-position:0 -52px; }
.bullet_hangul .hangul ol li.num06 > span { background-position:0 -65px; }
.bullet_hangul .hangul ol li.num07 > span { background-position:0 -78px; }
.bullet_hangul .hangul ol li.num08 > span { background-position:0 -91px; }
.bullet_hangul .hangul ol li.num09 > span { background-position:0 -104px; }
.bullet_hangul .hangul ol li.num10 > span { background-position:0 -117px; }
.bullet_hangul .hangul ol li.num11 > span { background-position:0 -130px; }
.bullet_hangul .hangul ol li.num12 > span { background-position:0 -143px; }
.bullet_hangul .hangul ol li.num13 > span { background-position:0 -156px; }
.bullet_hangul .hangul ol li.num14 > span { background-position:0 -169px; }

/* 말풍선 */
.tooltip {
  position: relative;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.4;
  top:30px;
  left:980px;
}
.tooltip.in {
  filter: alpha(opacity=90);
  opacity: .9;
}
.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}
.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}
.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}
.tooltip-inner {
  min-width: 200px;
  padding: 6px 8px;
  color: #fff;
  text-decoration: none;
  background-color: #359fbf;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #359fbf;
}
.tooltip.top-left .tooltip-arrow {
  right: 5px;
  bottom: 0;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #359fbf;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #359fbf;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #359fbf;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #359fbf;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #359fbf;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #359fbf;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #359fbf;
}
  
/* 실습과목 수강신청 팝업 */
.practicum_btn_blue {width:70%; background:#174a9e; border:1px solid #376ba4; padding:5px 10px 0px 10px;   font-size:14px; color:#fff !important; border-radius:3px; margin:5px auto; clear:both;}
.practicum_btn_blue2 {width:70%; background:#f6314d url(/hspImages/common/bullet_ok.png) no-repeat right center;  border:1px solid #f6314d; padding:10px 10px 10px 10px; font-size:16px; color:#fff !important; border-radius:3px; margin:5px auto; text-align:center;}
.practicum_img{margin: 2px 0px 2px 5px;  vertical-align: middle;}
.practicum_btn_text{display: inline-block; width:225px;  vertical-align: super; }
.practicum_btn_img{display: inline-block; }

.sound_only{ display: inline-block !important; position: absolute!important;  top: 0!important; left: 0!important; width: 0!important;  height: 0!important; margin: 0 !important; padding: 0 !important; font-size: 0!important; line-height: 0!important; border: 0 !important; overflow: hidden !important;}

input[type="checkbox"]:focus {
	
	outline-color : red;
	outline-style: solid;
	outline-width : 2px;
	
}

input[type="radio"]:focus {
	
	outline-color : red;
	outline-style: solid;
	outline-width : 1px;
	
}

#left_slide>.right_click_ba1>.banner a{display:block;}