@import url("/Common/Css/main_license.css"); /* 자격증 메인 공통 css */ .hidden { position:absolute; z-index:-1; visibility:hidden; } .clearfix { clear: both} .clearfix:after { content:""; display:block; clear:both;} /* LAYOUT */ body { background:none; } #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; margin:0 0 0 0; border-top:4px solid #212c6d; } #footer .ft_wrap { width:900px; margin:0 auto; } /* HEADER */ #header .hd_wrap { position:relative; width:601px; height:64px; padding:11px 0 13px 299px; 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 8px !important; } .hd_wrap .toplist { position:relative; /* float:none; */ width:594px; height:24px; margin:0 0 16px 0; padding:0; z-index:9999; /*overflow:hidden;*/ *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:601px; 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/Blackgosi/main/renew/bg_gnb.gif) no-repeat 0 0; font-size:0; text-indent:-9999px; z-index:20; border:1px solid #ff6600; } .hd_wrap .gnb a.nb1 { left:0; top:0; width:68px; background-position:0 0; } .hd_wrap .gnb a.nb1:hover, .hd_wrap .gnb a.nb1_over { position:absolute; left:0; top:0; width:70px; background-position:0 -50px; } .hd_wrap .gnb a.nb2 { left:90px; top:0; width:53px; background-position:-90px 0; } .hd_wrap .gnb a.nb2:hover, .hd_wrap .gnb a.nb2_over { position:absolute; left:90px; top:0; width:53px; background-position:-90px -50px; } .hd_wrap .gnb a.nb3 { left:164px; top:0; width:66px; background-position:-164px 0; } .hd_wrap .gnb a.nb3:hover, .hd_wrap .gnb a.nb3_over { position:absolute; left:164px; top:0; width:66px; background-position:-164px -50px; } .hd_wrap .gnb a.nb4 { left:252px; top:0; width:53px; background-position:-252px 0; } .hd_wrap .gnb a.nb4:hover, .hd_wrap .gnb a.nb4_over { position:absolute; left:252px; top:0; width:54px; background-position:-252px -50px; } .hd_wrap .gnb a.nb5 { left:326px; top:0; width:84px; background-position:-326px 0;} .hd_wrap .gnb a.nb5:hover, .hd_wrap .gnb a.nb5_over { position:absolute; left:326px; top:0; width:84px; background-position:-326px -50px; } .hd_wrap .gnb a.nb6 { left:431px; top:0; width:83px; background-position:-431px 0;} .hd_wrap .gnb a.nb6:hover, .hd_wrap .gnb a.nb6_over { position:absolute; left:431px; top:0; width:83px; background-position:-431px -50px; } .hd_wrap .gnb a.nb7 { left:535px; top:0; width:66px; background-position:-535px 0;} .hd_wrap .gnb a.nb7:hover, .hd_wrap .gnb a.nb7_over { position:absolute; top:0; left:535px; width:66px; background-position:-535px -50px; } */ .hd_wrap .gnb { position:relative; width:601px; 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/Blackgosi/main/renew/bg_gnb_201603.gif) no-repeat 0 0; font-size:0; text-indent:-9999px; z-index:20; } .hd_wrap .gnb a.nb1 { left:46px; top:0; width:69px; background-position:0 0; } .hd_wrap .gnb a.nb1:hover, .hd_wrap .gnb a.nb1_over { position:absolute; left:46px; width:69px; top:0; background-position:0 -50px; } .hd_wrap .gnb a.nb2 { left:137px; top:0; width:53px; background-position:-91px 0; } .hd_wrap .gnb a.nb2:hover, .hd_wrap .gnb a.nb2_over { position:absolute; left:137px; top:0; background-position:-91px -50px; } .hd_wrap .gnb a.nb3 { left:211px; top:0; width:66px; background-position:-165px 0; } .hd_wrap .gnb a.nb3:hover, .hd_wrap .gnb a.nb3_over { position:absolute; left:211px; top:0; width:66px; background-position:-165px -50px; } .hd_wrap .gnb a.nb4 { left:299px; top:0; width:52px; background-position:-253px 0; } .hd_wrap .gnb a.nb4:hover, .hd_wrap .gnb a.nb4_over { position:absolute; left:299px; top:0; background-position:-253px -50px; } .hd_wrap .gnb a.nb5 { left:373px; top:0; width:54px; background-position:-327px 0;} .hd_wrap .gnb a.nb5:hover, .hd_wrap .gnb a.nb5_over { position:absolute; left:373px; top:0; background-position:-327px -50px; } .hd_wrap .gnb a.nb6 { left:448px; top:0; width:66px; background-position:-402px 0;} .hd_wrap .gnb a.nb6:hover, .hd_wrap .gnb a.nb6_over { position:absolute; left:448px; top:0; background-position:-402px -50px; } .hd_wrap .gnb a.nb7 { left:535px; top:0; width:56px; background:url("/img2/gov2/img_renew/bg_gnb_a.gif") no-repeat; background-position:-537px 0;} .hd_wrap .gnb a.nb7:hover, .hd_wrap .gnb a.nb7_over { position:absolute; top:0; left:535px; background-position:-537px -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 */ /* Main Contents */ .main_wrap { position:relative; width:1012px; margin:-41px auto 0 auto; 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_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:0 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 0 0 0; width:168px;} /* .full_menu li.ct_item01 { margin:0 0 0 2px; } .full_menu li.ct_item07 { width:102px;} */ .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/Gov2/main/141223/bg_footer.gif) repeat-x left top !important; } #container { position:relative; padding:0 !important; margin:0 !important;} .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; } /* 20150422 Table Border Color Change */ .pro_table_sub { border-top: solid 2px #4a66ff; } /* 20170328 DDay Counsel Banner Z-index Control */ #wrap #container .ban_roll .bx-wrapper .bx-controls-direction a { z-index:10 !important; }