﻿@import url("/Common/Css/main_license.css"); /* 자격증 메인 공통 css */

.hidden				{ position:absolute; z-index:-1; visibility:hidden; }			

/* LAYOUT */
body				{ font-size:12px; background:none !important; }
#wrap				{ width:100%; }
#header				{ width:100% !important; height:123px; margin:0; border-bottom:1px solid #d8d8d8; }
#container			{ width:100%; padding:10px 0 0 0; }
#footer				{ width:100% !important; height:182px; padding:0 0 20px 0 !important; margin:0 0 0 0 !important; border-top:4px solid #212c6d; background:#fff !important;}
#footer	.ft_wrap	{ width:900px; height:182px; margin:0 auto 0 auto; }

/* HEADER */
#header .hd_wrap	{ position:relative; width:594px; height:64px; padding:11px 0 13px 306px; margin:0 auto; z-index:10000; }
.hd_wrap h1			{ position:absolute; left:0; top:40px; float:none; height:32px; text-align:left; margin:0; padding:0; font-size:0; line-height:0; }
.hd_wrap h1 span	{ margin:0 0 0 5px;}
.hd_wrap .toplist	{ position:relative; width:594px; height:24px; margin:0 0 16px 0; padding:0; z-index:9999; *zoom:1; }
.hd_wrap .toplist img		{ vertical-align:middle; }
.hd_wrap .toplist:after		{ content:" "; display:block; clear:both; height:0; visibility:hidden; }
.hd_wrap .toplist .sns		{ float:right; padding:0 0 0 0; font-size:0; line-height:0; }
.hd_wrap .toplist .sns a	{ margin:0 7px 0 0; }
.hd_wrap .toplist .sns a.sns_bookmark		{ margin:0 2px 0 0; }
.hd_wrap .toplist .sns a.sns_store			{ margin:0 0 0 0; }
.hd_wrap .toplist .link		{ float:right; padding:0 0 0 0; }
.hd_wrap .toplist .link div { float:left; margin:0 0 0 2px; }

/*
.hd_wrap .gnb		{ position:relative; width:594px; height:24px; margin:0 0 0 0; background:none; text-align:left; z-index:10; overflow:hidden; }
.hd_wrap .gnb a		{ position:absolute; height:24px; background:url("/img2/gov2/img_renew/bg_gnb_a.gif") no-repeat 0 0; font-size:0; text-indent:-9999px; z-index:20; }
.hd_wrap .gnb a.nb1	{ left:36px; top:0; width:70px; height:24px; background-position:-36px 0; }
.hd_wrap .gnb a.nb1:hover, .hd_wrap .gnb a.nb1_over { position:absolute; left:36px; top:0; width:70px; background-position:-36px -50px; }
.hd_wrap .gnb a.nb2	{ left:130px; top:0; width:53px; height:24px; background-position:-130px 0; }
.hd_wrap .gnb a.nb2:hover, .hd_wrap .gnb a.nb2_over { position:absolute; left:130px; top:0; width:53px; background-position:-130px -50px; }
.hd_wrap .gnb a.nb3	{ left:206px; top:0; width:54px; height:24px; background-position:-206px 0; }
.hd_wrap .gnb a.nb3:hover, .hd_wrap .gnb a.nb3_over { position:absolute; left:206px; top:0; width:54px; background-position:-206px -50px; }
.hd_wrap .gnb a.nb4	{ left:283px; top:0; width:54px; height:24px; background-position:-283px 0; }
.hd_wrap .gnb a.nb4:hover, .hd_wrap .gnb a.nb4_over { position:absolute; left:283px; top:0; width:54px; background-position:-283px -50px; }
.hd_wrap .gnb a.nb5	{ left:360px; top:0; width:54px; height:24px; background-position:-360px 0;}
.hd_wrap .gnb a.nb5:hover, .hd_wrap .gnb a.nb5_over { position:absolute; left:360px; top:0; width:54px; background-position:-360px -50px; }
.hd_wrap .gnb a.nb6	{ left:437px; top:0; width:67px; height:24px; background-position:-437px 0;}
.hd_wrap .gnb a.nb6:hover, .hd_wrap .gnb a.nb6_over { position:absolute; left:437px; top:0; width:67px; background-position:-437px -50px; }
.hd_wrap .gnb a.nb7	{ left:527px; top:0; width:56px; height:24px; background-position:-538px 0;}
.hd_wrap .gnb a.nb7:hover, .hd_wrap .gnb a.nb7_over { position:absolute; top:0; left:527px; width:56px; background-position:-538px -50px;}
*/
/* 2015-05-14 수정됨 */
.hd_wrap .gnb		{ position:relative; width:594px; height:24px; margin:0 0 0 0; background:none; text-align:left; z-index:10; overflow:hidden; }
.hd_wrap .gnb a		{ position:absolute; height:24px; background:url(/img2/gov2/img_renew/bg_gnb_a.gif) no-repeat 0 0; font-size:0; text-indent:-9999px; z-index:20; }
.hd_wrap .gnb a.nb1	{ left:36px; top:0; width:70px; height:24px; background-position:-36px 0; }
.hd_wrap .gnb a.nb1:hover, .hd_wrap .gnb a.nb1_over { position:absolute; left:36px; top:0; width:70px; background-position:-36px -50px; }
.hd_wrap .gnb a.nb2	{ left:130px; top:0; width:53px; height:24px; background-position:-130px 0; }
.hd_wrap .gnb a.nb2:hover, .hd_wrap .gnb a.nb2_over { position:absolute; left:130px; top:0; width:53px; background-position:-130px -50px; }
.hd_wrap .gnb a.nb3	{ left:206px; top:0; width:54px; height:24px; background-position:-206px 0; }
.hd_wrap .gnb a.nb3:hover, .hd_wrap .gnb a.nb3_over { position:absolute; left:206px; top:0; width:54px; background-position:-206px -50px; }
.hd_wrap .gnb a.nb4	{ left:283px; top:0; width:54px; height:24px; background-position:-283px 0; }
.hd_wrap .gnb a.nb4:hover, .hd_wrap .gnb a.nb4_over { position:absolute; left:283px; top:0; width:54px; background-position:-283px -50px; }
.hd_wrap .gnb a.nb5	{ left:360px; top:0; width:54px; height:24px; background-position:-360px 0;}
.hd_wrap .gnb a.nb5:hover, .hd_wrap .gnb a.nb5_over { position:absolute; left:360px; top:0; width:54px; background-position:-360px -50px; }
.hd_wrap .gnb a.nb6	{ left:437px; top:0; width:67px; height:24px; background-position:-437px 0;}
.hd_wrap .gnb a.nb6:hover, .hd_wrap .gnb a.nb6_over { position:absolute; left:437px; top:0; width:67px; background-position:-437px -50px; }
.hd_wrap .gnb a.nb7	{ left:527px; top:0; width:56px; height:24px; background-position:-538px 0;}
.hd_wrap .gnb a.nb7:hover, .hd_wrap .gnb a.nb7_over { position:absolute; top:0; left:527px; width:56px; background-position:-538px -50px;}
/*
2015-05-14 주석
.hd_wrap .gnb a.nb1	{ left:81px; top:0; width:70px; height:24px; background-position:-36px 0; }
.hd_wrap .gnb a.nb1:hover, .hd_wrap .gnb a.nb1_over { position:absolute; left:81px; top:0; width:70px; background-position:-36px -50px; }
.hd_wrap .gnb a.nb2	{ left:175px; top:0; width:53px; height:24px; background-position:-130px 0; }
.hd_wrap .gnb a.nb2:hover, .hd_wrap .gnb a.nb2_over { position:absolute; left:175px; top:0; width:53px; background-position:-130px -50px; }
.hd_wrap .gnb a.nb3	{ left:201px; top:0; width:86px; height:24px; background-position:-614px 0; }
.hd_wrap .gnb a.nb3:hover, .hd_wrap .gnb a.nb3_over { position:absolute; left:251px; top:0; width:86px; background-position:-614px -50px; }

.hd_wrap .gnb a.nb3	{ left:206px; top:0; width:54px; height:24px; background-position:-206px 0; }
.hd_wrap .gnb a.nb3:hover, .hd_wrap .gnb a.nb3_over { position:absolute; left:206px; top:0; width:54px; background-position:-206px -50px; }
.hd_wrap .gnb a.nb4	{ left:283px; top:0; width:54px; height:24px; background-position:-283px 0; }
.hd_wrap .gnb a.nb4:hover, .hd_wrap .gnb a.nb4_over { position:absolute; left:283px; top:0; width:54px; background-position:-283px -50px; }

.hd_wrap .gnb a.nb5	{ left:360px; top:0; width:54px; height:24px; background-position:-360px 0;}
.hd_wrap .gnb a.nb5:hover, .hd_wrap .gnb a.nb5_over { position:absolute; left:360px; top:0; width:54px; background-position:-360px -50px; }
.hd_wrap .gnb a.nb6	{ left:437px; top:0; width:67px; height:24px; background-position:-437px 0;}
.hd_wrap .gnb a.nb6:hover, .hd_wrap .gnb a.nb6_over { position:absolute; left:437px; top:0; width:67px; background-position:-437px -50px; }
.hd_wrap .gnb a.nb7	{ left:527px; top:0; width:56px; height:24px; background-position:-538px 0;}
.hd_wrap .gnb a.nb7:hover, .hd_wrap .gnb a.nb7_over { position:absolute; top:0; left:527px; width:56px; background-position:-538px -50px;}
*/

#header .hd_spot	{ width:100%; height:33px; border-top:1px solid #d8d8d8; background:#fff; overflow:hidden; }
#header .hd_spot .login		{ margin:0 auto; background:none; overflow:hidden; }
#header .hd_spot .login ul	{ margin:0 0 0 0; }
#header .login .log_info	{ text-align:left; }


/* CONTENT */

/* Govmain2.css overwrite */
#main_wrap			{ height:161px; margin-left:-450px !important; z-index:9999; }
.ly_btns span.edu_guide01	{ zoom:1; }
.ly_btns			{ }


/* Temp */
#gnb_1				{ float:none !important; }
#gnb_1 .ci			{ float:none !important; width: 235px; position: absolute; left: 0px; top: 20px; }

#gnb_3				{ width:900px; height:34px; overflow:hidden;  }
ul.log				{ position:relative; float:none !important; width:900px; *zoom:1; }
ul.log:after		{ content:" "; display:block; clear:both; height:0; visibility:hidden; }
#eventb				{ }
#gnb_3 .log li.event		{ }

/* SUB PAGE CSS OVERWRITE */
.path_g				{ border-top:none; font-size:11px; color:#7f7f7f; margin-top:-7px; }
.lnb				{ margin-top:7px; text-align:left;}
.lnb h2				{ height:45px; padding:15px 0 0 0; }

/* SUB PAGE info_examInfo_index */
.sub_info			{ position:relative; width:662px; text-align:left; padding:0 0 0 0; margin:20px 0 0 0; *zoom:1; }
.sub_info:after		{ content:" "; display:block; clear:both; height:0; visibility:hidden; }

.sub_info .info_item		{ float:left; height:120px; text-align:left; padding:19px 0 19px 0; border:1px solid #c7c7c7; background:#fff; }
.sub_info .info_item01		{ width:329px; }
.sub_info .info_item02		{ width:329px; border-left:none; }

.info_item .info_title		{ position:relative; height:17px; overflow:hidden; }
.info_item .info_title a.con_more	{ display:block; position:absolute; right:16px; top:0; width:17px; height:17px; background:url("/img2/zPublic/img_renew/bu_more.gif") no-repeat 50% 50%; }
.info_item .info_title h3	{ width:150px; height:17px; margin:0 0 0 20px; }

.info_item ul		{ width:286px; margin:15px 0 0 20px; }
.info_item li		{ height:22px; line-height:22px; padding:0 0 0 13px; background:url("/img2/zPublic/img_renew/bu_dot.gif") no-repeat left 10px; }
.info_item li a		{ display:block; width:273px; height:22px; line-height:22px; overflow:hidden; -ms-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap; }

/* Extra Menu */
.extra_menu			{ position:absolute; left:50%; top:88px; width:286px; height:35px; margin:0 0 0 355px; background:#fff; z-index:10; }
.extra_menu:after	{ content:" "; display:block; clear:both; height:0; visibility:hidden; }
.extra_menu	a		{ display:block; float:left;  height:35px; background:url(/Img2/Social/main/201503/extra_menu.gif) no-repeat left top; overflow:hidden; }
.extra_menu	a.link_g		{ width:58px; background-position:0 0; }
.extra_menu	a.link_9		{ width:94px; background-position:-58px 0; }
.extra_menu	a.link_c		{ width:60px; background-position:-152px 0; }
.extra_menu	a.link_t		{ width:74px; background-position:-212px 0; }

/* Main Contents */
.main_wrap			{ position:relative; width:1012px; margin:-41px auto 0; background:#b4b4b4; }
.main_wrap .main_content	{ border-top:5px solid #ffde01; }
.main_wrap .main_item		{ width:1012px; height:245px; overflow:hidden; }
.main_wrap .main_item:after	{ content:" "; display:block; clear:both; height:0; visibility:hidden; }
.main_wrap .main_item a		{ display:block; float:left; height:245px; }
.main_wrap .main_item span	{ display:block; float:left; height:245px; }

.main_item00		{ background:url(/Img2/zPublic/main/141223/bg_winner_slide.jpg) no-repeat left top; }

.main_wrap .main_fix		{ position:relative; height:224px; }
.main_wrap .main_fix:after	{ content:" "; display:block; clear:both; height:0; visibility:hidden; }
.main_wrap .main_fix .sub_item		{ float:left; text-align:left; height:220px; }
.main_wrap .main_fix .sub_item01	{ width:506px; border-bottom:4px solid #818181; background:#fff; }
.main_wrap .main_fix .sub_item02	{ width:253px; border-bottom:4px solid #b4b4b4; background:#eee; }
.main_wrap .main_fix .sub_item03	{ width:253px; border-bottom:4px solid #ffcc00; background:#ffe708; }

.main_wrap .main_fix .sub_item02 dl	{ width:195px; margin:29px 29px 0 29px; }
.main_wrap .main_fix .sub_item02 dt	{ height:19px; margin:0 0 15px 0; }
.main_wrap .main_fix .sub_item02 dd	{ height:26px; line-height:26px; }
.main_wrap .main_fix .sub_item02 a	{ display:block; width:195px; height:26px; text-overflow:ellipsis; white-space:nowrap; overflow: hidden; }

/* Main Right Area */
.main_quick			{ position:absolute; right:-134px; top:0; width:134px; height:530px; /* background:#fff; */ z-index:10; }
.main_quick	.quick_util		{ }
/*
.main_quick	.quick_util	ul	{ padding:1px 0 1px 0; }
.main_quick	.quick_util	li	{ height:40px; }
.main_quick	.quick_util	li a		{ display:block; width:100%; height:40px; background:url(/Img2/Gov2/main/141223/quick_menu.gif) no-repeat left top; }
.main_quick	.quick_util	li.q_util01 a		{ background-position:0 -306px; }
.main_quick	.quick_util	li.q_util02 a		{ background-position:0 -126px; }
.main_quick	.quick_util	li.q_util03 a		{ background-position:0 -186px; }
.main_quick	.quick_util	li.q_util04 a		{ background-position:0 -245px; }
.main_quick	.quick_util	li.q_util05 a		{ background-position:0 -6px; }
.main_quick	.quick_util	li.q_util06 a		{ background-position:0 -66px; }
*/
.main_quick	.quick_util	ul	{ padding:1px 0 1px 0; }
.main_quick	.quick_util	li	{ height:42px; }
.main_quick	.quick_util	li a		{ display:block; width:100%; height:42px; background:url(/Img2/Gov2/main/141223/quick_menu.gif) no-repeat left top; }
.main_quick	.quick_util	li.q_util01 a		{ background-position:0 -306px; }
.main_quick	.quick_util	li.q_util02 a		{ background-position:0 -126px; }
.main_quick	.quick_util	li.q_util03 a		{ background-position:0 -186px; }
.main_quick	.quick_util	li.q_util04 a		{ background-position:0 -245px; }
.main_quick	.quick_util	li.q_util05 a		{ background-position:0 -6px; }
.main_quick	.quick_util	li.q_util06 a		{ background-position:0 -66px; }

/* Main Left Area */
.main_academy		{ position:absolute; left:-134px; bottom:0; width:134px; height:224px; background:#3b5997; z-index:10; }

/* Full Menu */
.main_spot			{ padding:46px 0 40px 0; background:#fff; }
.full_menu			{ position:relative; width:1012px; margin:0 auto; }
.full_menu ul		{ *zoom:1; }
.full_menu ul:after	{ content:" "; display:block; clear:both; height:0; visibility:hidden; }
/*
.full_menu li { float:left; text-align:left; padding:0; width:202px;}
.full_menu li.ct_item01 { margin:0 0 0 2px; }
.full_menu li.ct_item02 { width:220px;}
.full_menu li.ct_item03 { width:220px;}
.full_menu li.ct_item04 { width:220px;}
.full_menu li.ct_item05 { width:110px;}
*/
.full_menu li		{ float:left; text-align:left; padding:0 0 0 0; }
.full_menu li.ct_item01		{ width:150px; margin:0 0 0 2px; }
.full_menu li.ct_item02 	{ width:150px; }
.full_menu li.ct_item03 	{ width:175px; }
.full_menu li.ct_item04 	{ width:197px; }
.full_menu li.ct_item05 	{ width:178px; }
.full_menu li.ct_item06 	{ }

.full_menu dt		{ height:17px; line-height:17px; font-size:14px; font-weight:bold; margin:0 0 17px 0;  }
.full_menu dd		{ height:24px; line-height:24px; letter-spacing:-1px; }
.full_menu span.item_sub	{ display:block; }
.full_menu a strong	{ /* color:#d6880e; */ }

/* OverWrite */
#footer				{ border-top:1px solid #c0c0c0 !important; background:url(/Img2/zPublic/main/141223/bg_footer.gif) repeat-x left top !important; }
#header				{ /* border-bottom:none !important; */ }
#header .hd_spot	{ border-top:1px solid #d8d8d8; background:#fff; /* width:100%; height:33px;   overflow:hidden; */ }
#container			{ position:relative; padding:0 !important; margin:0 !important; background:#e7e7e7; }

.apply_free{left:50% !important; top:180px !important; margin:0 0 0 -200px !important;}

/* Customer Center Info */
.layer_tinfo		{ display:none; position:absolute; left:0; top:-490px; width:506px; height:506px; z-index:10; }

/* Test Remove CF Area */
.main_content .sub_item03	{ display:none; }
.main_wrap .main_fix .sub_item02	{ width:506px !important; background:#eee url(/Img2/Common/main/160422/bg_main_notice.jpg) no-repeat right bottom !important;}
.main_wrap .main_fix .sub_item02 dl { width:330px !important; }
.main_wrap .main_fix .sub_item02 a	{ width:330px !important; }



/* 20170328 DDay Counsel Banner Z-index Control */
#wrap #container .ban_roll .bx-wrapper .bx-controls-direction a { z-index:10 !important; }

.toplist .social {float:right; font-size:0; background:none; width:auto; height:14px; position:relative; margin-top:24px}
.toplist .social .b_sns {display:inline-block; margin-right:6px;}
.toplist .social #blogPop {padding-top:9px; background:url('/Img2/Common/ew/popup/170224/arrow_blogGo.png') 14px 0 no-repeat; width:270px; position:absolute; top:16px; left:8px; z-index:999;}
.toplist .social #blogPop ul {background:#f26521; padding:10px; margin-left:0;}
.toplist .social #blogPop ul li {float:none; margin-top:3px; text-align:left; position:relative; padding-right:60px; padding-left:0;}
.toplist .social #blogPop ul li:first-child {margin-top:0}
.toplist .social #blogPop ul li a {font-size:12px; color:#f8c4b6; display:block; width:100%; height:14px; line-height: 1.2; font-family:Dotum,sans-serif; letter-spacing:-1px}
.toplist .social #blogPop ul li a:hover {color:#fff}
.toplist .social #blogPop ul li a span {}
.toplist .social #blogPop ul li a em {position:absolute; top:0; right:0; display:block; width:51px; height:14px; overflow:hidden; }
.toplist .social #blogPop ul li a:hover em img {margin-top:-14px;}

/* 사복 메인 
.well .ibm-layer .ibm-links a:before{content:'';position: absolute; left: 70%; bottom:0; 
-webkit-animation: pointerBounce 1s infinite; -moz-animation: pointerBounce 1s infinite; animation: pointerBounce 1s infinite; background:url('//img.eduwill.net/Img2/Common/icon/pointer/icon_pointer_12.png') no-repeat 50% 0;width:57px;height:65px;z-index:2;}
@-webkit-keyframes pointerBounce {
	0%, 100% { -webkit-transform: translate(5px, 5px); -ms-transform: translate(5px, 5px); transform: translate(5px, 5px); }
	50% { -webkit-transform: translate(-5px, -5px); -ms-transform: translate(-5px, -5px);transform: translate(-5px, -5px); }
}
@keyframes pointerBounce {
	0%, 100% { -webkit-transform: translate(5px, 5px); -ms-transform: translate(5px, 5px); transform: translate(5px, 5px); }
	50% { -webkit-transform: translate(-5px, -5px); -ms-transform: translate(-5px, -5px);transform: translate(-5px, -5px); }
}
*/