@charset "utf-8";
/*
 ------------------------------------------------------------------------------------
 Description:   Basic Styles
 Filename:      style_edu.css
 Version:       1.3
 ------------------------------------------------------------------------------------
                   C    H    A    N    G    E    S                       
 ------------------------------------------------------------------------------------
    Date       AUTHOR                      DESCRIPTION
 ------------------------------------------------------------------------------------
 2017.06.08    CHO.JH    UI improvement(2017-O00009)
 2017.08.31    CHO.JH    edit courtedu top menu(2017-O00268)
 2018.02.08    CHO.JH    add list, result style(2018-O00018)
 2018.03.22    CHO.JH    add font size, modify padding size(2018-O00103)
 2019.05.23    CHO.SG    7급 승진후보자 과정 아이콘 추가에 따른 스타일 변화(2019-O00176)
 2019.05.23    CHO.SG    7급 승진후보자 탭메뉴 스타일 추가(2019-O00215)
 2019.08.13    CHO.SG    발령대기자 초임자 길라잡이 한시적 오픈(2019-O00258)
 2021.10.06    정은정      법원공무원교육원,대법원 이러닝시스템 아이콘 추가 (2021-O00295)
 2022.07.21    김윤태      이러닝센터 법원공무원교육원 교재 게시 신설 (2022-O00165)
 2022.09.01    김윤태      이러닝센터 법원공무원교육원 교재 게시 기능 삭제  (2022-O00243)
 2023.03.23    정은정      (2023-O00055) Edge브라우저 전환에 따른 개선사항
 2023.09.21    정은정      (2023-O00171) 이러닝센터 ‘골라듣는 자유강좌’게시 신설
 2025.06.04    신재윤      대법원 사이버교육센터 열린강의실 '미래등기 길라잡이' 신설(2025-O00088) 
 ------------------------------------------------------------------------------------- 
*/
body {margin:0; padding:0; font-size:12px; font-family:"돋움", "돋움체";}
img {border:0;}
h2 {display:none;}

/*
* 테두리 없애기
*/
input:focus {outline:none;}
select:focus {outline:none;}
textarea:focus {outline:none;}

.mgr10 {margin-right:10px;}
.mgr10_t10 {margin-right:10px; margin-top:11px;}
.mgr10_t10_s {margin-right:10px; margin-top:12px;}
.mgl10_t11 {margin-left:10px; margin-top:11px;}
.mgl20_t13 {margin-left:20px; margin-top:13px;}
.mgl100_t13 {margin-left:100px; margin-top:13px;}

.h250 {height:250px;}
.h185 {height:185px;}
.h160 {height:160px;}

.devTstEdu {position:absolute;top:123px;}
.devTstCourt {position:absolute;top:140px;}

.displaynone {display:none;}
.displayblock{display:block}

.loginout {width:100%; height:60px; background-color:#4D4D4D;}
.loginout > div {margin:auto; width:980px; height:60px;}
.loginout > div > div {float:left; font-size:14px; font-weight:bold; color:#CCCCCC;}
.loginout_input {background-color:#8B8B8B; border:solid 2px; border-color:#7C7C7C; height:32px; width:170px; color:#ffffff; font-size:18px; padding-left:5px;}

.loginout_btn {background-color:#1190E0; border:0; font-size:16px; font-weight:bold; color:#ffffff; width:140px; padding:7px 0 11px 0; border-radius:5px; cursor:pointer;}
.loginout_btn:hover {background-color:#2DAEFF; color:#ffffff;}
.loginout_btn:active {background-color:#1190E0; color:#ffffff;}

.login_etc {font-size:12px !important; cursor:pointer; margin-left:10px; margin-top:10px; font-weight:normal !important;}
.login_etc > label {line-height:21px; font-weight:bold !important;}
.login_etc > a {color:#cccccc !important; text-decoration:none;}
.login_etc > a:hover {color:#ffffff !important; text-decoration:underline;}
.login_etc > a:active {color:#cccccc !important; text-decoration:none;}
.login_etc > label > input {vertical-align:-2px;}

.loginguide {background:#4D4D4D;color:white;padding:10px;height:100%;}
.loginguide > b {font-size:16px;}
.loginguide > ul {list-style:none;padding:0; margin-left:10px;}
.loginguide > ul > li {padding:0; font-size:13px; margin:10px 0 10px 0; line-height:14px;}
.loginguide > ul > li > b {color:#FFC438;}
.loginguide_btn {position:fixed;bottom:0px;width:100%;text-align:right;}
.loginguide_btn > a {color:white;margin-right:5px;text-decoration:none;}

.logout {float:right !important; margin-top:11px;}
.logout > div {float:left;}

.eduing {font-size:12px !important; cursor:pointer; margin-right:10px; font-weight:normal !important;}
.eduing > a {color:#cccccc !important; text-decoration:none;}
.eduing > a:hover {color:#FFC438 !important; text-decoration:underline;}
.eduing > a:active {color:#cccccc !important; text-decoration:none;}

.eduing_btn {background-color:#FFC438; border:0; font-size:14px; font-weight:bold; color:#4D4D4D; width:24px; height:24px; border-radius:12px; cursor:pointer; margin-top:5px;}
.eduing_btn:hover {background-color:#FFDE00; color:#000000;}
.eduing_btn:active {background-color:#FFC438; color:#000000;}

.myinfo {font-size:12px !important; cursor:pointer; margin-left:10px; margin-top:12px; font-weight:normal !important;}
.myinfo > a {color:#cccccc !important; text-decoration:none;}
.myinfo > a:hover {color:#ffffff !important; text-decoration:underline;}
.myinfo > a:active {color:#cccccc !important; text-decoration:none;}

.menu_all {width:980px;margin:auto;}
.main_menu {width:980px; height:80px; margin:auto;}
.main_menu_logo {float:left; margin-top:19px;}

.main_menu_menu {float:right; font-size:14px; margin-top:33px; font-weight:bold; height:32px;}
.main_menu_menu > a {color:#666666; text-decoration:none; margin:0 33px 0 30px;}
.main_menu_menu > a:hover {color:#007BC9; text-decoration:underline;}
.main_menu_menu > a:active {color:#666666; text-decoration:none;}

.main_menu_menu_s {float:right; font-size:14px; margin-top:34px; font-weight:bold; height:32px;}
.main_menu_menu_s > a {color:#666666; text-decoration:none; margin:0 33px 0 30px;}
.main_menu_menu_s > a:hover {color:#007BC9; text-decoration:underline;}
.main_menu_menu_s > a:active {color:#666666; text-decoration:none;}

/*change width, height and remove background image 2017.08.31. CHO.JH (2017-O00268)*/
/*.sub_menu {width:100%; height:0px; z-index:100; position:absolute; top:125px;}*/
/*.sub_menu > div {width:980px; height:650px; margin:auto; border-top:#CCC6BF solid 4px; border-bottom:#CCC6BF solid 4px; border-right:#CCC6BF solid 1px; border-left:#CCC6BF solid 1px; background-color:#ffffff; background-image:url(/images/2017/submenu_pc.gif); background-repeat:no-repeat; background-position:0 0;}*/
.sub_menu {width:980px; height:0px; z-index:100; position:absolute; top:125px;}
.sub_menu > div {width:675px; height:187px; border-top:#CCC6BF solid 4px; border-bottom:#CCC6BF solid 4px; border-right:#CCC6BF solid 1px; border-left:#CCC6BF solid 1px; background-color:#ffffff; float:right;}
.sub_menu > div > div {float:right; width:675px;}
.sub_menu > div > div > div {float:left;}
.sub_menu00 {border-bottom:#F7F6F6 solid 2px;}
.sub_menu01 {background-color:#F7F6F6; width:135px; height:185px;}
.sub_menu02 {background-color:#ffffff; width:135px; height:185px;}
.sub_menu03 {background-color:#F7F6F6; width:135px; height:185px;}
.sub_menu04 {background-color:#ffffff; width:145px; height:185px;}
.sub_menu05 {background-color:#F7F6F6; width:125px; height:185px;}
.sub_menu00 > ul {list-style:none; padding:5px 10px; margin:0;}
.sub_menu00 > ul > li {padding:0; font-size:12px; margin:10px 0 10px 0; line-height:14px;}
.sub_menu00 > ul > li > a {color:#666666; text-decoration:none;}
.sub_menu00 > ul > li > a:hover {color:#000000; text-decoration:underline;}
.sub_menu00 > ul > li > a:active {color:#666666; text-decoration:none;}

.sub_smenu00 {width:135px; height:230px;}/*210*/
.sub_smenu00 > h2 {display:block !important; font-size:14px; font-weight:bold; color:#1190E0; margin-top:20px; letter-spacing:-1px;}
.sub_smenu00 > h2 > a {display:block !important; font-size:14px; font-weight:bold; color:#1190E0; margin-top:20px; letter-spacing:-1px; text-decoration:none;}
.sub_smenu00 > ul {list-style:none; padding:0; margin:0;}
.sub_smenu00 > ul > li {padding:0; font-size:12px; margin:10px 0 10px 0; line-height:14px; letter-spacing:-1px; word-spacing:-1px;}
.sub_smenu00 > ul > li > a {color:#666666; text-decoration:none;}
.sub_smenu00 > ul > li > a:hover {color:#000000; text-decoration:underline;}
.sub_smenu00 > ul > li > a:active {color:#666666; text-decoration:none;}

.sub_menu_s {width:980px; height:0px; z-index:100; position:absolute; top:125px;}
.sub_menu_s > div {width:675px; height:187px; border-top:#CCC6BF solid 4px; border-bottom:#CCC6BF solid 4px; border-right:#CCC6BF solid 1px; border-left:#CCC6BF solid 1px; background-color:#ffffff;float:right;}
.sub_menu_s > div > div {float:right; width:675px;}
.sub_menu_s > div > div > div {float:left;}
.sub_menu00_s {border-bottom:#F7F6F6 solid 2px;}
.sub_menu01_s {background-color:#F7F6F6; width:135px; height:185px;}
.sub_menu02_s {background-color:#ffffff; width:135px; height:185px;}
.sub_menu03_s {background-color:#F7F6F6; width:135px; height:185px;}
.sub_menu04_s {background-color:#ffffff; width:135px; height:185px;}
.sub_menu05_s {background-color:#F7F6F6; width:135px; height:185px;}
.sub_menu00_s > ul {list-style:none; padding:5px 10px; margin:0;}
.sub_menu00_s > ul > li {padding:0; font-size:12px; margin:10px 0 10px 0; line-height:14px;}
.sub_menu00_s > ul > li > a {color:#666666; text-decoration:none;}
.sub_menu00_s > ul > li > a:hover {color:#000000; text-decoration:underline;}
.sub_menu00_s > ul > li > a:active {color:#666666; text-decoration:none;}

.sub_smenu00_s {width:100%; height:auto;}
.sub_smenu00_s > ul {list-style:none; padding:20px 0 0 0; margin:0;}
.sub_smenu00_s > ul > li {padding:0; font-size:14px; font-weight:bold; margin:10px 0 10px 0; line-height:14px; letter-spacing:-1px; word-spacing:-1px;}
.sub_smenu00_s > ul > li > a {color:#1190E0; text-decoration:none;}
.sub_smenu00_s > ul > li > a:hover {color:#1190E0; text-decoration:underline;}
.sub_smenu00_s > ul > li > a:active {color:#1190E0; text-decoration:none;}

.icon_bg {width:100%; height:570px; background-image:url(/images/2017/icon_bg.jpg); background-repeat:no-repeat; background-position:center; background-color:#2B88CF;}
.icon_bg > div {margin:auto; padding:0; width:980px;}

.icon_bg_s {width:100%; height:570px; background-color:#2B88CF;}
.icon_bg_s > div {width:100%; height:570px; background-image:url(/images/2017/icon_s_bg.jpg); background-repeat:no-repeat; background-position:center;}
.icon_bg_s > div > div {margin:auto; padding:0; width:980px;}

/* 초임자길라잡이 */
.icon_speed_51 {font-size:14px; font-weight:bold; position:relative; top:107px; left:163px; float:left; text-align:center; width:145px; padding-top:105px; background-image:url(/images/2017/icon_speed_51.png); background-repeat:no-repeat; background-position:center top; cursor:pointer;}
.icon_speed_51:hover {background-image:url(/images/2017/icon_speed_51_hov.png); background-repeat:no-repeat; background-position:center top;}
.icon_speed_51 > a {color:#ffffff; text-decoration:none; padding:105px 0 0 0;}
.icon_speed_51 > a:hover {color:#FFDA44; text-decoration:underline;}
.icon_speed_51 > a:active {color:#ffffff; text-decoration:none;}

.icon_speed_51_dis {font-size:14px; font-weight:bold; position:relative; top:107px; left:163px; float:left; text-align:center; width:145px; padding-top:105px; background-image:url(/images/2017/icon_speed_51_dis.png); background-repeat:no-repeat; background-position:center top; cursor:pointer;}
.icon_speed_51_dis > span {color:#84BCE8; text-decoration:none; padding:105px 0 0 0; cursor:default;}
.icon_speed_51_dis > span:hover {color:#84BCE8; text-decoration:none;}
.icon_speed_51_dis > span:active {color:#84BCE8; text-decoration:none;}

/* 7급 승진후보자과정 */
.icon_advance {font-size:14px; font-weight:bold; position:relative; top:107px; left:188px; float:left; text-align:center; width:145px; padding-top:105px; background-image:url(/images/2017/icon_advance.png); background-repeat:no-repeat; background-position:center top; cursor:pointer;}
.icon_advance:hover {background-image:url(/images/2017/icon_advance_hov.png); background-repeat:no-repeat; background-position:center top;}
.icon_advance > a {color:#ffffff; text-decoration:none; padding:105px 0 0 0;}
.icon_advance > a:hover {color:#FFDA44; text-decoration:underline;}
.icon_advance > a:active {color:#ffffff; text-decoration:none;}

.icon_advance_dis {font-size:14px; font-weight:bold; position:relative; top:107px; left:188px; float:left; text-align:center; width:145px; padding-top:105px; background-image:url(/images/2017/icon_advance_dis.png); background-repeat:no-repeat; background-position:center top; cursor:pointer;}
.icon_advance_dis > span {color:#84BCE8; text-decoration:none; padding:105px 0 0 0; cursor:default;}
.icon_advance_dis > span:hover {color:#84BCE8; text-decoration:none;}
.icon_advance_dis > span:active {color:#84BCE8; text-decoration:none;}

/* 사무관 특별승진 후보자과정 */
.icon_smg {font-size:14px; font-weight:bold; position:relative; top:107px; left:213px; float:left; text-align:center; width:145px; padding-top:105px; background-image:url(/images/2017/icon_smg.png); background-repeat:no-repeat; background-position:center top; cursor:pointer;}
.icon_smg:hover {background-image:url(/images/2017/icon_smg_hov.png); background-repeat:no-repeat; background-position:center top;}
.icon_smg > a {color:#ffffff; text-decoration:none; padding:105px 0 0 0;}
.icon_smg > a:hover {color:#FFDA44; text-decoration:underline;}
.icon_smg > a:active {color:#ffffff; text-decoration:none;}

.icon_smg_dis {font-size:14px; font-weight:bold; position:relative; top:107px; left:213px; float:left; text-align:center; width:145px; padding-top:105px; background-image:url(/images/2017/icon_smg_dis.png); background-repeat:no-repeat; background-position:center top; cursor:pointer;}
.icon_smg_dis > span {color:#84BCE8; text-decoration:none; padding:105px 0 0 0; cursor:default;}
.icon_smg_dis > span:hover {color:#84BCE8; text-decoration:none;}
.icon_smg_dis > span:active {color:#84BCE8; text-decoration:none;}

/* 전문역량 인증과정 */
.icon_jmyr {font-size:14px; font-weight:bold; position:relative; top:107px; left:238px; float:left; text-align:center; width:145px; padding-top:105px; background-image:url(/images/2017/icon_jmyr.png); background-repeat:no-repeat; background-position:center top; cursor:pointer;}
.icon_jmyr:hover {background-image:url(/images/2017/icon_jmyr_hov.png); background-repeat:no-repeat; background-position:center top;}
.icon_jmyr > a {color:#ffffff; text-decoration:none; padding:105px 0 0 0;}
.icon_jmyr > a:hover {color:#FFDA44; text-decoration:underline;}
.icon_jmyr > a:active {color:#ffffff; text-decoration:none;}

.icon_jmyr_dis {font-size:14px; font-weight:bold; position:relative; top:107px; left:238px; float:left; text-align:center; width:145px; padding-top:105px; background-image:url(/images/2017/icon_jmyr_dis.png); background-repeat:no-repeat; background-position:center top; cursor:pointer;}
.icon_jmyr_dis > span {color:#84BCE8; text-decoration:none; padding:105px 0 0 0; cursor:default;}
.icon_jmyr_dis > span:hover {color:#84BCE8; text-decoration:none;}
.icon_jmyr_dis > span:active {color:#84BCE8; text-decoration:none;}

/* 골라듣는 자유강좌 */
.icon_gollafc {font-size:14px; font-weight:bold; position:relative; top:12px; left:163px; float:left; text-align:center; width:145px; padding-top:105px; background-image:url(/images/2017/icon_gollafc.png); background-repeat:no-repeat; background-position:center top; cursor:pointer;}
.icon_gollafc:hover {background-image:url(/images/2017/icon_gollafc_hov.png); background-repeat:no-repeat; background-position:center top;}
.icon_gollafc > a {color:#ffffff; text-decoration:none; padding:105px 0 0 0;}
.icon_gollafc > a:hover {color:#FFDA44; text-decoration:underline;}
.icon_gollafc > a:active {color:#ffffff; text-decoration:none;}

.icon_gollafc_dis {font-size:14px; font-weight:bold; position:relative; top:12px; left:163px; float:left; text-align:center; width:145px; padding-top:105px; background-image:url(/images/2017/icon_gollafc_dis.png); background-repeat:no-repeat; background-position:center top; cursor:pointer;}
.icon_gollafc_dis > span {color:#84BCE8; text-decoration:none; padding:105px 0 0 0; cursor:default;}
.icon_gollafc_dis > span:hover {color:#84BCE8; text-decoration:none;}
.icon_gollafc_dis > span:active {color:#84BCE8; text-decoration:none;}

/* 민사실무 */
.icon_minsa {font-size:14px; font-weight:bold; position:relative; top:12px; left:188px; float:left; text-align:center; width:145px; padding-top:105px; background-image:url(/images/2017/icon_minsa.png); background-repeat:no-repeat; background-position:center top; cursor:pointer;}
.icon_minsa:hover {background-image:url(/images/2017/icon_minsa_hov.png); background-repeat:no-repeat; background-position:center top;}
.icon_minsa > a {color:#ffffff; text-decoration:none; padding:105px 0 0 0;}
.icon_minsa > a:hover {color:#FFDA44; text-decoration:underline;}
.icon_minsa > a:active {color:#ffffff; text-decoration:none;}

.icon_minsa_dis {font-size:14px; font-weight:bold; position:relative; top:12px; left:188px; float:left; text-align:center; width:145px; padding-top:105px; background-image:url(/images/2017/icon_minsa_dis.png); background-repeat:no-repeat; background-position:center top; cursor:pointer;}
.icon_minsa_dis > span {color:#84BCE8; text-decoration:none; padding:105px 0 0 0; cursor:default;}
.icon_minsa_dis > span:hover {color:#84BCE8; text-decoration:none;}
.icon_minsa_dis > span:active {color:#84BCE8; text-decoration:none;}

/* 집행(신청)실무 */
.icon_speed_34 {font-size:14px; font-weight:bold; position:relative; top:12px; left:213px; float:left; text-align:center; width:145px; padding-top:105px; background-image:url(/images/2017/icon_speed_34.png); background-repeat:no-repeat; background-position:center top; cursor:pointer;}
.icon_speed_34:hover {background-image:url(/images/2017/icon_speed_34_hov.png); background-repeat:no-repeat; background-position:center top;}
.icon_speed_34 > a {color:#ffffff; text-decoration:none; padding:105px 0 0 0;}
.icon_speed_34 > a:hover {color:#FFDA44; text-decoration:underline;}
.icon_speed_34 > a:active {color:#ffffff; text-decoration:none;}

.icon_speed_34_dis {font-size:14px; font-weight:bold; position:relative; top:12px; left:213px; float:left; text-align:center; width:145px; padding-top:105px; background-image:url(/images/2017/icon_speed_34_dis.png); background-repeat:no-repeat; background-position:center top; cursor:pointer;}
.icon_speed_34_dis > span {color:#84BCE8; text-decoration:none; padding:105px 0 0 0; cursor:default;}
.icon_speed_34_dis > span:hover {color:#84BCE8; text-decoration:none;}
.icon_speed_34_dis > span:active {color:#84BCE8; text-decoration:none;}

/* 공탁실무 */
.icon_gong {font-size:14px; font-weight:bold; position:relative; top:12px; left:238px; float:left; text-align:center; width:145px; padding-top:105px; background-image:url(/images/2017/icon_gong.png); background-repeat:no-repeat; background-position:center top; cursor:pointer;}
.icon_gong:hover {background-image:url(/images/2017/icon_gong_hov.png); background-repeat:no-repeat; background-position:center top;}
.icon_gong > a {color:#ffffff; text-decoration:none; padding:105px 0 0 0;}
.icon_gong > a:hover {color:#FFDA44; text-decoration:underline;}
.icon_gong > a:active {color:#ffffff; text-decoration:none;}

.icon_gong_dis {font-size:14px; font-weight:bold; position:relative; top:12px; left:238px; float:left; text-align:center; width:145px; padding-top:105px; background-image:url(/images/2017/icon_gong_dis.png); background-repeat:no-repeat; background-position:center top; cursor:pointer;}
.icon_gong_dis > span {color:#84BCE8; text-decoration:none; padding:105px 0 0 0; cursor:default;}
.icon_gong_dis > span:hover {color:#84BCE8; text-decoration:none;}
.icon_gong_dis > span:active {color:#84BCE8; text-decoration:none;}

/* 도산실무 */
.icon_dosan {font-size:14px; font-weight:bold; position:relative; top:7px; left:78px; float:left; text-align:center; width:145px; padding-top:105px; background-image:url(/images/2017/icon_dosan.png); background-repeat:no-repeat; background-position:center top; cursor:pointer;}
.icon_dosan:hover {background-image:url(/images/2017/icon_dosan_hov.png); background-repeat:no-repeat; background-position:center top;}
.icon_dosan > a {color:#ffffff; text-decoration:none; padding:105px 0 0 0;}
.icon_dosan > a:hover {color:#FFDA44; text-decoration:underline;}
.icon_dosan > a:active {color:#ffffff; text-decoration:none;}

.icon_dosan_dis {font-size:14px; font-weight:bold; position:relative; top:7px; left:78px; float:left; text-align:center; width:145px; padding-top:105px; background-image:url(/images/2017/icon_dosan_dis.png); background-repeat:no-repeat; background-position:center top; cursor:pointer;}
.icon_dosan_dis > span {color:#84BCE8; text-decoration:none; padding:105px 0 0 0; cursor:default;}
.icon_dosan_dis > span:hover {color:#84BCE8; text-decoration:none;}
.icon_dosan_dis > span:active {color:#84BCE8; text-decoration:none;}

/* 가족관계등록실무 */
.icon_gajok {font-size:14px; font-weight:bold; position:relative; top:7px; left:103px; float:left; text-align:center; width:145px; padding-top:105px; background-image:url(/images/2017/icon_gajok.png); background-repeat:no-repeat; background-position:center top; cursor:pointer;}
.icon_gajok:hover {background-image:url(/images/2017/icon_gajok_hov.png); background-repeat:no-repeat; background-position:center top;}
.icon_gajok > a {color:#ffffff; text-decoration:none; padding:105px 0 0 0;}
.icon_gajok > a:hover {color:#FFDA44; text-decoration:underline;}
.icon_gajok > a:active {color:#ffffff; text-decoration:none;}

.icon_gajok_dis {font-size:14px; font-weight:bold; position:relative; top:7px; left:103px; float:left; text-align:center; width:145px; padding-top:105px; background-image:url(/images/2017/icon_gajok_dis.png); background-repeat:no-repeat; background-position:center top; cursor:pointer;}
.icon_gajok_dis > span {color:#84BCE8; text-decoration:none; padding:105px 0 0 0; cursor:default;}
.icon_gajok_dis > span:hover {color:#84BCE8; text-decoration:none;}
.icon_gajok_dis > span:active {color:#84BCE8; text-decoration:none;}

/* 부동산등기실무 */
.icon_bureg {font-size:14px; font-weight:bold; position:relative; top:7px; left:128px; float:left; text-align:center; width:145px; padding-top:105px; background-image:url(/images/2017/icon_bureg.png); background-repeat:no-repeat; background-position:center top; cursor:pointer;}
.icon_bureg:hover {background-image:url(/images/2017/icon_bureg_hov.png); background-repeat:no-repeat; background-position:center top;}
.icon_bureg > a {color:#ffffff; text-decoration:none; padding:105px 0 0 0;}
.icon_bureg > a:hover {color:#FFDA44; text-decoration:underline;}
.icon_bureg > a:active {color:#ffffff; text-decoration:none;}

.icon_bureg_dis {font-size:14px; font-weight:bold; position:relative; top:7px; left:128px; float:left; text-align:center; width:145px; padding-top:105px; background-image:url(/images/2017/icon_bureg_dis.png); background-repeat:no-repeat; background-position:center top; cursor:pointer;}
.icon_bureg_dis > span {color:#84BCE8; text-decoration:none; padding:105px 0 0 0; cursor:default;}
.icon_bureg_dis > span:hover {color:#84BCE8; text-decoration:none;}
.icon_bureg_dis > span:active {color:#84BCE8; text-decoration:none;}

/* 상업(법인)등기실무 */
.icon_sangreg {font-size:14px; font-weight:bold; position:relative; top:7px; left:153px; float:left; text-align:center; width:145px; padding-top:105px; background-image:url(/images/2017/icon_sangreg.png); background-repeat:no-repeat; background-position:center top; cursor:pointer;}
.icon_sangreg:hover {background-image:url(/images/2017/icon_sangreg_hov.png); background-repeat:no-repeat; background-position:center top;}
.icon_sangreg > a {color:#ffffff; text-decoration:none; padding:105px 0 0 0;}
.icon_sangreg > a:hover {color:#FFDA44; text-decoration:underline;}
.icon_sangreg > a:active {color:#ffffff; text-decoration:none;}

.icon_sangreg_dis {font-size:14px; font-weight:bold; position:relative; top:7px; left:153px; float:left; text-align:center; width:145px; padding-top:105px; background-image:url(/images/2017/icon_sangreg_dis.png); background-repeat:no-repeat; background-position:center top; cursor:pointer;}
.icon_sangreg_dis > span {color:#84BCE8; text-decoration:none; padding:105px 0 0 0; cursor:default;}
.icon_sangreg_dis > span:hover {color:#84BCE8; text-decoration:none;}
.icon_sangreg_dis > span:active {color:#84BCE8; text-decoration:none;}

/* 형사소송실무 */
.icon_speed_29 {font-size:14px; font-weight:bold; position:relative; top:7px; left:178px; float:left; text-align:center; width:145px; padding-top:105px; background-image:url(/images/2017/icon_speed_29.png); background-repeat:no-repeat; background-position:center top; cursor:pointer;}
.icon_speed_29:hover {background-image:url(/images/2017/icon_speed_29_hov.png); background-repeat:no-repeat; background-position:center top;}
.icon_speed_29 > a {color:#ffffff; text-decoration:none; padding:105px 0 0 0;}
.icon_speed_29 > a:hover {color:#FFDA44; text-decoration:underline;}
.icon_speed_29 > a:active {color:#ffffff; text-decoration:none;}

.icon_speed_29_dis {font-size:14px; font-weight:bold; position:relative; top:7px; left:178px; float:left; text-align:center; width:145px; padding-top:105px; background-image:url(/images/2017/icon_speed_29_dis.png); background-repeat:no-repeat; background-position:center top; cursor:pointer;}
.icon_speed_29_dis > span {color:#84BCE8; text-decoration:none; padding:105px 0 0 0; cursor:default;}
.icon_speed_29_dis > span:hover {color:#84BCE8; text-decoration:none;}
.icon_speed_29_dis > span:active {color:#84BCE8; text-decoration:none;}

.icon_oa_ppt {font-size:14px; font-weight:bold; position:relative; top:30px; left:263px; float:left; text-align:center; width:104px; padding-top:105px; background-image:url(/images/2017/icon_oa_ppt.png); background-repeat:no-repeat; background-position:center top; cursor:pointer;}
.icon_oa_ppt:hover {background-image:url(/images/2017/icon_oa_ppt_hov.png); background-repeat:no-repeat; background-position:center top;}
.icon_oa_ppt > a {color:#ffffff; text-decoration:none; padding:105px 0 0 0;}
.icon_oa_ppt > a:hover {color:#FFDA44; text-decoration:underline;}
.icon_oa_ppt > a:active {color:#ffffff; text-decoration:none;}

.icon_oa_ppt_dis {font-size:14px; font-weight:bold; position:relative; top:30px; left:263px; float:left; text-align:center; width:104px; padding-top:105px; background-image:url(/images/2017/icon_oa_ppt_dis.png); background-repeat:no-repeat; background-position:center top; cursor:pointer;}
.icon_oa_ppt_dis > span {color:#84BCE8; text-decoration:none; padding:105px 0 0 0; cursor:default;}
.icon_oa_ppt_dis > span:hover {color:#84BCE8; text-decoration:none;}
.icon_oa_ppt_dis > span:active {color:#84BCE8; text-decoration:none;}


.s_icon01 {font-size:14px; font-weight:bold; position:relative; top:85px; left:59px; float:left; text-align:center; width:132px; padding-top:105px; background-image:url(/images/2017/s_icon21.png); background-repeat:no-repeat; background-position:center top; cursor:pointer;}
.s_icon01 > span {color:#84BCE8; text-decoration:none; padding:85px 0 0 0; cursor:default;}
.s_icon01:hover {background-image:url(/images/2017/s_icon21_hov.png); background-repeat:no-repeat; background-position:center top;}
.s_icon01 > a {color:#ffffff; text-decoration:none; padding:105px 0 0 0;}
.s_icon01 > a:hover {color:#FFDA44; text-decoration:underline;}
.s_icon01 > a:active {color:#ffffff; text-decoration:none;}

.s_icon01_dis {font-size:14px; font-weight:bold; position:relative; top:85px; left:59px; float:left; text-align:center; width:104px; padding-top:105px; background-image:url(/images/2017/s_icon21_dis.png); background-repeat:no-repeat; background-position:center top; cursor:pointer;}
.s_icon01_dis > span {color:#84BCE8; text-decoration:none; padding:105px 0 0 0; cursor:default;}
.s_icon01_dis > span:hover {color:#84BCE8; text-decoration:none;}
.s_icon01_dis > span:active {color:#84BCE8; text-decoration:none;}


.s_icon02 {font-size:14px; font-weight:bold; position:relative; top:85px; left:88px; float:left; text-align:center; width:104px; padding-top:105px; background-image:url(/images/2017/s_icon01.png); background-repeat:no-repeat; background-position:center top; cursor:pointer;}
.s_icon02 > span {color:#84BCE8; text-decoration:none; padding:85px 0 0 0; cursor:default;}
.s_icon02:hover {background-image:url(/images/2017/s_icon01_hov.png); background-repeat:no-repeat; background-position:center top;}
.s_icon02 > a {color:#ffffff; text-decoration:none; padding:105px 0 0 0;}
.s_icon02 > a:hover {color:#FFDA44; text-decoration:underline;}
.s_icon02 > a:active {color:#ffffff; text-decoration:none;}

.s_icon02_dis {font-size:14px; font-weight:bold; position:relative; top:85px; left:88px; float:left; text-align:center; width:104px; padding-top:105px; background-image:url(/images/2017/s_icon01_dis.png); background-repeat:no-repeat; background-position:center top; cursor:pointer;}
.s_icon02_dis > span {color:#84BCE8; text-decoration:none; padding:105px 0 0 0; cursor:default;}
.s_icon02_dis > span:hover {color:#84BCE8; text-decoration:none;}
.s_icon02_dis > span:active {color:#84BCE8; text-decoration:none;}


.s_icon03 {font-size:14px; font-weight:bold; position:relative; top:85px; left:130px; float:left; text-align:center; width:105px; padding-top:105px; background-image:url(/images/2017/s_icon02.png); background-repeat:no-repeat; background-position:center top; cursor:pointer;}
.s_icon03 > span {color:#84BCE8; text-decoration:none; padding:85px 0 0 0; cursor:default;}
.s_icon03:hover {background-image:url(/images/2017/s_icon02_hov.png); background-repeat:no-repeat; background-position:center top;}
.s_icon03 > a {color:#ffffff; text-decoration:none; padding:105px 0 0 0;}
.s_icon03 > a:hover {color:#FFDA44; text-decoration:underline;}
.s_icon03 > a:active {color:#ffffff; text-decoration:none;}

.s_icon03_dis {font-size:14px; font-weight:bold; position:relative; top:85px; left:130px; float:left; text-align:center; width:104px; padding-top:105px; background-image:url(/images/2017/s_icon02_dis.png); background-repeat:no-repeat; background-position:center top; cursor:pointer;}
.s_icon03_dis > span {color:#84BCE8; text-decoration:none; padding:105px 0 0 0; cursor:default;}
.s_icon03_dis > span:hover {color:#84BCE8; text-decoration:none;}
.s_icon03_dis > span:active {color:#84BCE8; text-decoration:none;}


.s_icon04 {font-size:14px; font-weight:bold; position:relative; top:85px; left:173px; float:left; text-align:center; width:104px; padding-top:105px; background-image:url(/images/2017/s_icon03.png); background-repeat:no-repeat; background-position:center top; cursor:pointer;}
.s_icon04 > span {color:#84BCE8; text-decoration:none; padding:85px 0 0 0; cursor:default;}
.s_icon04:hover {background-image:url(/images/2017/s_icon03_hov.png); background-repeat:no-repeat; background-position:center top;}
.s_icon04 > a {color:#ffffff; text-decoration:none; padding:105px 0 0 0;}
.s_icon04 > a:hover {color:#FFDA44; text-decoration:underline;}
.s_icon04 > a:active {color:#ffffff; text-decoration:none;}

.s_icon04_dis {font-size:14px; font-weight:bold; position:relative; top:85px; left:173px; float:left; text-align:center; width:104px; padding-top:105px; background-image:url(/images/2017/s_icon03_dis.png); background-repeat:no-repeat; background-position:center top; cursor:pointer;}
.s_icon04_dis > span {color:#84BCE8; text-decoration:none; padding:105px 0 0 0; cursor:default;}
.s_icon04_dis > span:hover {color:#84BCE8; text-decoration:none;}
.s_icon04_dis > span:active {color:#84BCE8; text-decoration:none;}

.s_icon05 {font-size:14px; font-weight:bold; position:relative; top:85px; left:201px; float:left; text-align:center; width:133px; padding-top:105px; background-image:url(/images/2017/s_icon04.png); background-repeat:no-repeat; background-position:center top; cursor:pointer;}
.s_icon05 > span {color:#84BCE8; text-decoration:none; padding:85px 0 0 0; cursor:default;}
.s_icon05:hover {background-image:url(/images/2017/s_icon04_hov.png); background-repeat:no-repeat; background-position:center top;}
.s_icon05 > a {color:#ffffff; text-decoration:none; padding:105px 0 0 0;}
.s_icon05 > a:hover {color:#FFDA44; text-decoration:underline;}
.s_icon05 > a:active {color:#ffffff; text-decoration:none;}

.s_icon05_dis {font-size:14px; font-weight:bold; position:relative; top:85px; left:201px; float:left; text-align:center; width:104px; padding-top:105px; background-image:url(/images/2017/s_icon04_dis.png); background-repeat:no-repeat; background-position:center top; cursor:pointer;}
.s_icon05_dis > span {color:#84BCE8; text-decoration:none; padding:105px 0 0 0; cursor:default;}
.s_icon05_dis > span:hover {color:#84BCE8; text-decoration:none;}
.s_icon05_dis > span:active {color:#84BCE8; text-decoration:none;}


.s_icon06 {font-size:14px; font-weight:bold; position:relative; top:85px; left:216px; float:left; text-align:center; width:132px; padding-top:105px; background-image:url(/images/2017/s_icon05.png); background-repeat:no-repeat; background-position:center top; cursor:pointer;}
.s_icon06 > span {color:#84BCE8; text-decoration:none; padding:85px 0 0 0; cursor:default;}
.s_icon06:hover {background-image:url(/images/2017/s_icon05_hov.png); background-repeat:no-repeat; background-position:center top;}
.s_icon06 > a {color:#ffffff; text-decoration:none; padding:105px 0 0 0;}
.s_icon06 > a:hover {color:#FFDA44; text-decoration:underline;}
.s_icon06 > a:active {color:#ffffff; text-decoration:none;}

.s_icon06_dis {font-size:14px; font-weight:bold; position:relative; top:85px; left:216px; float:left; text-align:center; width:104px; padding-top:105px; background-image:url(/images/2017/s_icon05_dis.png); background-repeat:no-repeat; background-position:center top; cursor:pointer;}
.s_icon06_dis > span {color:#84BCE8; text-decoration:none; padding:105px 0 0 0; cursor:default;}
.s_icon06_dis > span:hover {color:#84BCE8; text-decoration:none;}
.s_icon06_dis > span:active {color:#84BCE8; text-decoration:none;}

/* 초임자길라잡기(대법원) */
.s_icon_speed_51 {font-size:12px; position:relative; top:70px; float:left; text-align:center; left:270px; width:80px; padding-top:82px; background-image:url(/images/2017/s_icon_speed_51.png); background-repeat:no-repeat; background-position:center top; cursor:pointer;}
.s_icon_speed_51:hover {background-image:url(/images/2017/s_icon_speed_51_hov.png); background-repeat:no-repeat; background-position:center top;}
.s_icon_speed_51 > a {color:#ffffff; text-decoration:none; padding:77px 0 0 0; width:80px;}
.s_icon_speed_51 > a:hover {color:#FFDA44; text-decoration:underline;}
.s_icon_speed_51 > a:active {color:#ffffff; text-decoration:none;}

.s_icon_speed_51_dis {font-size:12px; position:relative; top:70px; float:left; text-align:center; left:270px; width:80px; padding-top:82px; background-image:url(/images/2017/s_icon_speed_51_dis.png); background-repeat:no-repeat; background-position:center top; cursor:pointer;}
.s_icon_speed_51_dis > span {color:#84BCE8; text-decoration:none; padding:82px 0 0 0; width:80px;}
.s_icon_speed_51_dis > a {color:#84BCE8; text-decoration:none; padding:82px 0 0 0; width:80px;}
.s_icon_speed_51_dis > a:hover {color:#84BCE8; text-decoration:none;}
.s_icon_speed_51_dis > a:active {color:#84BCE8; text-decoration:none;}

/* 7급 승진후보자과정(대법원) */
.s_icon_advance {font-size:12px; position:relative; top:70px;  float:left; text-align:center; left:280px; width:80px; padding-top:82px; background-image:url(/images/2017/s_icon_advance.png); background-repeat:no-repeat; background-position:center top; cursor:pointer;}
.s_icon_advance:hover {background-image:url(/images/2017/s_icon_advance_hov.png); background-repeat:no-repeat; background-position:center top;}
.s_icon_advance > a {color:#ffffff; text-decoration:none; padding:77px 0 0 0; width:80px;}
.s_icon_advance > a:hover {color:#FFDA44; text-decoration:underline;}
.s_icon_advance > a:active {color:#ffffff; text-decoration:none;}

.s_icon_advance_dis {font-size:12px; position:relative; top:70px; float:left; text-align:center; left:280px; width:80px; padding-top:82px; background-image:url(/images/2017/s_icon_advance_dis.png); background-repeat:no-repeat; background-position:center top; cursor:pointer;}
.s_icon_advance_dis > span {color:#84BCE8; text-decoration:none; padding:82px 0 0 0; width:80px;}
.s_icon_advance_dis > a {color:#84BCE8; text-decoration:none; padding:82px 0 0 0; width:80px;}
.s_icon_advance_dis > a:hover {color:#84BCE8; text-decoration:none;}
.s_icon_advance_dis > a:active {color:#84BCE8; text-decoration:none;}

/* 사무관 특별승진 후보자과정(대법원) */
.s_icon_smg {font-size:12px; position:relative; top:70px;  float:left; text-align:center; left:310px; left:290px; width:80px; padding-top:82px; background-image:url(/images/2017/s_icon_smg.png); background-repeat:no-repeat; background-position:center top; cursor:pointer;}
.s_icon_smg:hover {background-image:url(/images/2017/s_icon_smg_hov.png); background-repeat:no-repeat; background-position:center top;}
.s_icon_smg > a {color:#ffffff; text-decoration:none; padding:77px 0 0 0; width:80px;}
.s_icon_smg > a:hover {color:#FFDA44; text-decoration:underline;}
.s_icon_smg > a:active {color:#ffffff; text-decoration:none;}

.s_icon_smg_dis {font-size:12px; position:relative; top:70px; float:left; text-align:center; left:290px; left:290px; width:80px; padding-top:82px; background-image:url(/images/2017/s_icon_smg_dis.png); background-repeat:no-repeat; background-position:center top; cursor:pointer;}
.s_icon_smg_dis > span {color:#84BCE8; text-decoration:none; padding:82px 0 0 0; width:80px;}
.s_icon_smg_dis > a {color:#84BCE8; text-decoration:none; padding:82px 0 0 0; width:80px;}
.s_icon_smg_dis > a:hover {color:#84BCE8; text-decoration:none;}
.s_icon_smg_dis > a:active {color:#84BCE8; text-decoration:none;}

/* 전문역량 인증과정(대법원) */
.s_icon_jmyr {font-size:12px; position:relative; top:70px;  float:left; text-align:center; left:300px; width:80px; padding-top:82px; background-image:url(/images/2017/s_icon_jmyr.png); background-repeat:no-repeat; background-position:center top; cursor:pointer;}
.s_icon_jmyr:hover {background-image:url(/images/2017/s_icon_jmyr_hov.png); background-repeat:no-repeat; background-position:center top;}
.s_icon_jmyr > a {color:#ffffff; text-decoration:none; padding:77px 0 0 0; width:80px;}
.s_icon_jmyr > a:hover {color:#FFDA44; text-decoration:underline;}
.s_icon_jmyr > a:active {color:#ffffff; text-decoration:none;}

.s_icon_jmyr_dis {font-size:12px; position:relative; top:70px; float:left; text-align:center; left:300px; width:80px; padding-top:82px; background-image:url(/images/2017/s_icon_jmyr_dis.png); background-repeat:no-repeat; background-position:center top; cursor:pointer;}
.s_icon_jmyr_dis > span {color:#84BCE8; text-decoration:none; padding:82px 0 0 0; width:80px;}
.s_icon_jmyr_dis > a {color:#84BCE8; text-decoration:none; padding:82px 0 0 0; width:80px;}
.s_icon_jmyr_dis > a:hover {color:#84BCE8; text-decoration:none;}
.s_icon_jmyr_dis > a:active {color:#84BCE8; text-decoration:none;}

/* 골라듣는 자유강좌(대법원) */
.s_icon_gollafc {font-size:12px; position:relative; top:70px;  float:left; text-align:center; left:310px; width:80px; padding-top:82px; background-image:url(/images/2017/s_icon_gollafc.png); background-repeat:no-repeat; background-position:center top; cursor:pointer;}
.s_icon_gollafc:hover {background-image:url(/images/2017/s_icon_gollafc_hov.png); background-repeat:no-repeat; background-position:center top;}
.s_icon_gollafc > a {color:#ffffff; text-decoration:none; padding:77px 0 0 0; width:80px;}
.s_icon_gollafc > a:hover {color:#FFDA44; text-decoration:underline;}
.s_icon_gollafc > a:active {color:#ffffff; text-decoration:none;}

.s_icon_gollafc_dis {font-size:12px; position:relative; top:70px; float:left; text-align:center; left:310px; width:80px; padding-top:82px; background-image:url(/images/2017/s_icon_gollafc_dis.png); background-repeat:no-repeat; background-position:center top; cursor:pointer;}
.s_icon_gollafc_dis > span {color:#84BCE8; text-decoration:none; padding:82px 0 0 0; width:80px;}
.s_icon_gollafc_dis > a {color:#84BCE8; text-decoration:none; padding:82px 0 0 0; width:80px;}
.s_icon_gollafc_dis > a:hover {color:#84BCE8; text-decoration:none;}
.s_icon_gollafc_dis > a:active {color:#84BCE8; text-decoration:none;}

/* 민사실무(대법원) */
.s_icon_minsa {font-size:12px; position:relative; top:40px; float:left; text-align:center; left:135px; width:80px; padding-top:82px; background-image:url(/images/2017/s_icon_minsa.png); background-repeat:no-repeat; background-position:center top; cursor:pointer;}
.s_icon_minsa:hover {background-image:url(/images/2017/s_icon_minsa_hov.png); background-repeat:no-repeat; background-position:center top;}
.s_icon_minsa > a {color:#ffffff; text-decoration:none; padding:77px 0 0 0; width:80px;}
.s_icon_minsa > a:hover {color:#FFDA44; text-decoration:underline;}
.s_icon_minsa > a:active {color:#ffffff; text-decoration:none;}

.s_icon_minsa_dis {font-size:12px; position:relative; top:40px; float:left; text-align:center; left:135px; width:80px; padding-top:82px; background-image:url(/images/2017/s_icon_minsa_dis.png); background-repeat:no-repeat; background-position:center top; cursor:pointer;}
.s_icon_minsa_dis > span {color:#84BCE8; text-decoration:none; padding:82px 0 0 0; width:80px;}
.s_icon_minsa_dis > a {color:#84BCE8; text-decoration:none; padding:82px 0 0 0; width:80px;}
.s_icon_minsa_dis > a:hover {color:#84BCE8; text-decoration:none;}
.s_icon_minsa_dis > a:active {color:#84BCE8; text-decoration:none;}

/* 집행(신청)실무(대법원) */
.s_icon_speed_34 {font-size:12px; position:relative; top:40px; float:left; text-align:center; left:145px; width:80px; padding-top:82px; background-image:url(../images/2017/s_icon_speed_34.png); background-repeat:no-repeat; background-position:center top; cursor:pointer;}
.s_icon_speed_34:hover {background-image:url(/images/2017/s_icon_speed_34_hov.png); background-repeat:no-repeat; background-position:center top;}
.s_icon_speed_34 > a {color:#ffffff; text-decoration:none; padding:77px 0 0 0;}
.s_icon_speed_34 > a:hover {color:#FFDA44; text-decoration:underline;}
.s_icon_speed_34 > a:active {color:#ffffff; text-decoration:none;}

.s_icon_speed_34_dis {font-size:12px; position:relative; top:40px; float:left; text-align:center; left:145px; width:80px; padding-top:82px; background-image:url(../images/2017/s_icon_speed_34_dis.png); background-repeat:no-repeat; background-position:center top; cursor:pointer;}
.s_icon_speed_34_dis > span {color:#84BCE8; text-decoration:none; padding:82px 0 0 0;}
.s_icon_speed_34_dis > a {color:#84BCE8; text-decoration:none; padding:82px 0 0 0;}
.s_icon_speed_34_dis > a:hover {color:#84BCE8; text-decoration:none;}
.s_icon_speed_34_dis > a:active {color:#84BCE8; text-decoration:none;}

/* 공탁실무(대법원) */
.s_icon_gong {font-size:12px; position:relative; top:40px; float:left; text-align:center; left:155px; width:80px; padding-top:82px; background-image:url(/images/2017/s_icon_gong.png); background-repeat:no-repeat; background-position:center top; cursor:pointer;}
.s_icon_gong:hover {background-image:url(/images/2017/s_icon_gong_hov.png); background-repeat:no-repeat; background-position:center top;}
.s_icon_gong > a {color:#ffffff; text-decoration:none; padding:77px 0 0 0; width:80px;}
.s_icon_gong > a:hover {color:#FFDA44; text-decoration:underline;}
.s_icon_gong > a:active {color:#ffffff; text-decoration:none;}

.s_icon_gong_dis {font-size:12px; position:relative; top:40px; float:left; text-align:center; left:155px; width:80px; padding-top:82px; background-image:url(/images/2017/s_icon_gong_dis.png); background-repeat:no-repeat; background-position:center top; cursor:pointer;}
.s_icon_gong_dis > span {color:#84BCE8; text-decoration:none; padding:82px 0 0 0; width:80px;}
.s_icon_gong_dis > a {color:#84BCE8; text-decoration:none; padding:82px 0 0 0; width:80px;}
.s_icon_gong_dis > a:hover {color:#84BCE8; text-decoration:none;}
.s_icon_gong_dis > a:active {color:#84BCE8; text-decoration:none;}

/* 도산실무(대법원) */
.s_icon_dosan {font-size:12px; position:relative; top:40px; float:left; text-align:center; left:165px; width:80px; padding-top:82px; background-image:url(/images/2017/s_icon_dosan.png); background-repeat:no-repeat; background-position:center top; cursor:pointer;}
.s_icon_dosan:hover {background-image:url(/images/2017/s_icon_dosan_hov.png); background-repeat:no-repeat; background-position:center top;}
.s_icon_dosan > a {color:#ffffff; text-decoration:none; padding:77px 0 0 0; width:80px;}
.s_icon_dosan > a:hover {color:#FFDA44; text-decoration:underline;}
.s_icon_dosan > a:active {color:#ffffff; text-decoration:none;}

.s_icon_dosan_dis {font-size:12px; position:relative; top:40px; float:left; text-align:center; left:165px; width:80px; padding-top:82px; background-image:url(/images/2017/s_icon_dosan_dis.png); background-repeat:no-repeat; background-position:center top; cursor:pointer;}
.s_icon_dosan_dis > span {color:#84BCE8; text-decoration:none; padding:82px 0 0 0; width:80px;}
.s_icon_dosan_dis > a {color:#84BCE8; text-decoration:none; padding:82px 0 0 0; width:80px;}
.s_icon_dosan_dis > a:hover {color:#84BCE8; text-decoration:none;}
.s_icon_dosan_dis > a:active {color:#84BCE8; text-decoration:none;}

/* 가족관계등록실무(대법원) */
.s_icon_gajok {font-size:12px; position:relative; top:40px; float:left; text-align:center; left:175px; width:80px; padding-top:82px; background-image:url(/images/2017/s_icon_gajok.png); background-repeat:no-repeat; background-position:center top; cursor:pointer;}
.s_icon_gajok:hover {background-image:url(/images/2017/s_icon_gajok_hov.png); background-repeat:no-repeat; background-position:center top;}
.s_icon_gajok > a {color:#ffffff; text-decoration:none; padding:77px 0 0 0; width:80px;}
.s_icon_gajok > a:hover {color:#FFDA44; text-decoration:underline;}
.s_icon_gajok > a:active {color:#ffffff; text-decoration:none;}

.s_icon_gajok_dis {font-size:12px; position:relative; top:40px; float:left; text-align:center; left:175px; width:80px; padding-top:82px; background-image:url(/images/2017/s_icon_gajok_dis.png); background-repeat:no-repeat; background-position:center top; cursor:pointer;}
.s_icon_gajok_dis > span {color:#84BCE8; text-decoration:none; padding:82px 0 0 0; width:80px;}
.s_icon_gajok_dis > a {color:#84BCE8; text-decoration:none; padding:82px 0 0 0; width:80px;}
.s_icon_gajok_dis > a:hover {color:#84BCE8; text-decoration:none;}
.s_icon_gajok_dis > a:active {color:#84BCE8; text-decoration:none;}

/* 부동산등기실무(대법원) */
.s_icon_bureg {font-size:12px; position:relative; top:40px; float:left; text-align:center; left:185px; width:80px; padding-top:82px; background-image:url(/images/2017/s_icon_bureg.png); background-repeat:no-repeat; background-position:center top; cursor:pointer;}
.s_icon_bureg:hover {background-image:url(/images/2017/s_icon_bureg_hov.png); background-repeat:no-repeat; background-position:center top;}
.s_icon_bureg > a {color:#ffffff; text-decoration:none; padding:77px 0 0 0; width:80px;}
.s_icon_bureg > a:hover {color:#FFDA44; text-decoration:underline;}
.s_icon_bureg > a:active {color:#ffffff; text-decoration:none;}

.s_icon_bureg_dis {font-size:12px; position:relative; top:40px; float:left; text-align:center; left:185px; width:80px; padding-top:82px; background-image:url(/images/2017/s_icon_bureg_dis.png); background-repeat:no-repeat; background-position:center top; cursor:pointer;}
.s_icon_bureg_dis > span {color:#84BCE8; text-decoration:none; padding:82px 0 0 0; width:80px;}
.s_icon_bureg_dis > a {color:#84BCE8; text-decoration:none; padding:82px 0 0 0; width:80px;}
.s_icon_bureg_dis > a:hover {color:#84BCE8; text-decoration:none;}
.s_icon_bureg_dis > a:active {color:#84BCE8; text-decoration:none;}

/* 상업(법인)등기실무(대법원) */
.s_icon_sangreg {font-size:12px; position:relative; top:40px; float:left; text-align:center; left:195px; width:80; padding-top:82px; background-image:url(/images/2017/s_icon_sangreg.png); background-repeat:no-repeat; background-position:center top; cursor:pointer;}
.s_icon_sangreg:hover {background-image:url(/images/2017/s_icon_sangreg_hov.png); background-repeat:no-repeat; background-position:center top;}
.s_icon_sangreg > a {color:#ffffff; text-decoration:none; padding:77px 0 0 0; width:80px;}
.s_icon_sangreg > a:hover {color:#FFDA44; text-decoration:underline;}
.s_icon_sangreg > a:active {color:#ffffff; text-decoration:none;}

.s_icon_sangreg_dis {font-size:12px; position:relative; top:40px; float:left; text-align:center; left:195px; width:80; padding-top:82px; background-image:url(/images/2017/s_icon_sangreg_dis.png); background-repeat:no-repeat; background-position:center top; cursor:pointer;}
.s_icon_sangreg_dis > span {color:#84BCE8; text-decoration:none; padding:82px 0 0 0; width:80px;}
.s_icon_sangreg_dis > a {color:#84BCE8; text-decoration:none; padding:82px 0 0 0; width:80px;}
.s_icon_sangreg_dis > a:hover {color:#84BCE8; text-decoration:none;}
.s_icon_sangreg_dis > a:active {color:#84BCE8; text-decoration:none;}

/* 형사소송실무(대법원) */
.s_icon_speed_29 {font-size:12px; position:relative; top:40px; float:left; text-align:center; left:205px; width:80px; padding-top:82px; background-image:url(/images/2017/s_icon_speed_29.png); background-repeat:no-repeat; background-position:center top; cursor:pointer;}
.s_icon_speed_29:hover {background-image:url(/images/2017/s_icon_speed_29_hov.png); background-repeat:no-repeat; background-position:center top;}
.s_icon_speed_29 > a {color:#ffffff; text-decoration:none; padding:77px 0 0 0; width:80px;}
.s_icon_speed_29 > a:hover {color:#FFDA44; text-decoration:underline;}
.s_icon_speed_29 > a:active {color:#ffffff; text-decoration:none;}

.s_icon_speed_29_dis {font-size:12px; position:relative; top:40px; float:left; text-align:center; left:205px; width:80px; padding-top:82px; background-image:url(/images/2017/s_icon_speed_29_dis.png); background-repeat:no-repeat; background-position:center top; cursor:pointer;}
.s_icon_speed_29_dis > span {color:#84BCE8; text-decoration:none; padding:82px 0 0 0; width:80px;}
.s_icon_speed_29_dis > a {color:#84BCE8; text-decoration:none; padding:82px 0 0 0; width:80px;}
.s_icon_speed_29_dis > a:hover {color:#84BCE8; text-decoration:none;}
.s_icon_speed_29_dis > a:active {color:#84BCE8; text-decoration:none;}


.s_icon_oa_ppt {font-size:12px; position:relative; top:60px; left:53px; float:left; text-align:center; width:84px; padding-top:82px; background-image:url(/images/2017/s_icon_oa_ppt.png); background-repeat:no-repeat; background-position:center top; cursor:pointer;}
.s_icon_oa_ppt:hover {background-image:url(/images/2017/s_icon_oa_ppt_hov.png); background-repeat:no-repeat; background-position:center top;}
.s_icon_oa_ppt > a {color:#ffffff; text-decoration:none; padding:77px 0 0 0; width:80px;}
.s_icon_oa_ppt > a:hover {color:#FFDA44; text-decoration:underline;}
.s_icon_oa_ppt > a:active {color:#ffffff; text-decoration:none;}

.s_icon_oa_ppt_dis {font-size:12px; position:relative; top:60px; left:136px; float:left; text-align:center; width:84px; padding-top:82px; background-image:url(/images/2017/s_icon_oa_ppt_dis.png); background-repeat:no-repeat; background-position:center top; cursor:pointer;}
.s_icon_oa_ppt_dis > span {color:#84BCE8; text-decoration:none; padding:82px 0 0 0; width:80px;}
.s_icon_oa_ppt_dis > a {color:#84BCE8; text-decoration:none; padding:82px 0 0 0; width:80px;}
.s_icon_oa_ppt_dis > a:hover {color:#84BCE8; text-decoration:none;}
.s_icon_oa_ppt_dis > a:active {color:#84BCE8; text-decoration:none;}


.s_icon14 {font-size:12px; position:relative; top:60px; left:53px; float:left; text-align:center; width:84px; padding-top:77px; background-image:url(../images/2017/s_icon14.png); background-repeat:no-repeat; background-position:center top; cursor:pointer;}
.s_icon14:hover {background-image:url(../images/2017/s_icon14_hov.png); background-repeat:no-repeat; background-position:center top;}
.s_icon14 > a {color:#ffffff; text-decoration:none; padding:77px 0 0 0; width:80px;}
.s_icon14 > a:hover {color:#FFDA44; text-decoration:underline;}
.s_icon14 > a:active {color:#ffffff; text-decoration:none;}

.notice_area {width:980px; height:190px; margin:auto; padding-top:25px;}
.notice_left {width:660px; float:left;}
.notice {border-bottom:1px solid #DBD5C9; width:660px; position:relative; height:28px;}
.notice_tab_out {float:left; background-color:#DBD5C9; width:134px; height:26px; border-top:3px solid #DBD5C9; border-left:3px solid #DBD5C9; border-right:3px solid #DBD5C9; border-bottom-width:0px; border-radius:4px 4px 0 0; text-align:center; font-weight:bold; font-size:12px; margin-right:3px;}
.notice_tab_out > a {color:#333333; text-decoration:none;}
.notice_tab_out > a:hover {color:#333333; text-decoration:underline;}
.notice_tab_out > a > div {width:auto; height:19px; padding-top:6px;}
.notice_tab {float:left; background-color:#ffffff; width:134px; height:26px; border-top:3px solid #DBD5C9; border-left:3px solid #DBD5C9; border-right:3px solid #DBD5C9; border-bottom-width:0px; border-radius:4px 4px 0 0; text-align:center; font-weight:bold; font-size:12px; margin-right:3px;}
.notice_tab > a {color:#333333; text-decoration:none;}
.notice_tab > a:hover {color:#333333; text-decoration:underline;}
.notice_tab > a > div {width:auto; height:19px; padding-top:8px;}


.notice_list {float:left; width:590px; margin-top:13px;}
.notice_edu_list {float:left; width:390px; margin-top:13px;}
.notice_edu_list > a {text-decoration:none; color:#666666;}
.notice_edu_list > a:hover {color:#333333; text-decoration:underline;}
.notice_list > a {text-decoration:none; color:#666666;}
.notice_list > a:hover {color:#333333; text-decoration:underline;}
.notice_list > img {vertical-align:middle;}
.notice_data {float:left; width:70px; margin-top:13px; text-align:right; color:#666666;}
.notice_edu_jindo {float:left; width:50px; margin-top:13px; text-align:right; color:#666666;}
.notice_edu_data {float:left; width:220px; margin-top:13px; text-align:right; color:#666666;}
.notice_login {margin:35px 0 0 160px;background-image:url(/images/2017/icon13.gif); background-repeat:no-repeat;background-position:30px 0;padding-top:60px;}

.uhd {float:right; background-color:#D7D1B5; width:224px; height:138px; border-radius:5px; margin-top:10px; text-align:center; font-weight:bold; color:#666666; padding:12px 3px 0 3px;}
.uhd_top {background-color:#ffffff; width:214px; height:50px; border-radius:3px 3px 0 0; margin-top:12px; text-align:left; font-weight:normal; padding:15px 0 0 10px;}
.uhd_top > div {background-image:url(/images/2017/icon10.png); background-repeat:no-repeat; line-height:19px; padding:0 0 0 19px;}
.uhd_bottom {background-color:#F6F2E0; width:204px; height:37px; border-radius:0 0 3px 3px; text-align:left; font-weight:normal; padding:7px 10px 0 10px;}
.uhd_bottom > div {background-image:url(/images/2017/icon11.png); background-position:top left; background-repeat:no-repeat; padding:3px 0 0 19px;}
/*add clear 2018.02.08. CHO.JH (2018-O00018)*/
.site {width:100%; height:40px; background-color:#ECE6D9; margin:auto; clear:both;}
.site > div {margin:auto; width:910px; height:40px; padding:14px 0 0 70px;}
.site > div > div {font-weight:bold; color:#666666; float:left; margin-right:20px;}
.site2 {width:100%; height:40px; background-color:#ECE6D9; margin:auto; clear:both;}
.site2 > div {margin:auto; width:700px; height:40px; padding:14px 0 0 180px;}
.site2 > div > div {font-weight:bold; color:#666666; float:left; margin-right:20px;}
.sitelink > a {font-weight:normal; color:#666666;text-decoration:none; background-image:url(/images/2017/icon12.png); background-repeat:no-repeat; padding:2px 0 0 19px;}
.sitelink > a:hover {color:#000000; text-decoration:underline;}

.copyright {width:100%; height:50px; background-color:#7C7C7C; margin:auto;}
.copyright > div {margin:auto; width:760px; height:50px; padding:8px 0 8px 220px;}
.copyright > div > div {color:#D4D4D4; background-image:url(/images/2017/logo_e2.gif); background-repeat:no-repeat; padding:12px 0 12px 165px;}
.copyright2 {width:100%; height:50px; background-color:#7C7C7C; margin:auto;}
.copyright2 > div {margin:auto; width:760px; height:50px; padding:8px 0 8px 240px;}
.copyright2 > div > div {color:#D4D4D4; background-image:url(/images/2017/logo_s2.gif); background-repeat:no-repeat; padding:12px 0 12px 205px;}


.main_layer {position:absolute; background-color:#ffffff; left:0px; z-index:9999; border-color: #cccccc; border-width:1px; border-style:solid; display:none;}
.main_layer input {vertical-align:-2px;}

/*add list, result style 2018.02.08. CHO.JH (2018-O00018)*/
h4 {color:#1485B0; font-size:20px; font-weight:bold;}

.font_bold {font-weight:bold;}

.h030 {height:30px;}
.h036 {height:36px;}
.h050 {height:50px;}

.mgr130 {margin-right:130px;}
.mgb15 {margin-bottom:15px;}

.float_left {float:left;}
.float_right {float:right;}

.maincontents {width:980px; height:auto; min-height:720px; margin:auto; padding-bottom:100px;}
.maincontents_leftmenu {float:left; width:220px;}
.main_left_tit {background-color:#F7F7F7; display:block; border-top:solid 2px; border-color:#F3F3F3; text-align:center; color:#666666; font-size:18px; font-weight:bold; padding:25px 0 25px 0; margin:0;}
.main_left_menu {margin:0; padding:0;}
.main_left_menu > h3 {background-color:#093557; color:#ffffff; padding:20px 0 20px 0; font-size:16px; font-weight:bold; text-align:center; margin:0;}
.main_left_menu > ul {list-style:none; margin:0; padding:0;}
.main_left_menu > ul > li {background-color:#21648D; padding:10px 0 10px 10px; border-bottom:solid 1px; border-color:#DCD7CF; cursor:hand;}

.main_left_menu > ul > li > span {font-size:14px; font-weight:bold; text-decoration:none; color:#ffffff; cursor:default;}
.main_left_menu > ul > li:hover {background-color:#0093B7;}
.main_left_menu > ul > li:hover > a {text-decoration:underline; color:#ffffff;}
.main_left_menu > ul > li > a {color:#EEEDED; font-size:14px; font-weight:bold; text-decoration:none;}
.main_left_menu > ul > li > a:hover {text-decoration:underline; color:#ffffff;}
.main_left_menu > ul > .menu_click {background-color:#0093B7;}
.main_left_menu > ul > .menu_click > a {text-decoration:underline; color:#ffffff;}

.search_input {background-color:#fff; border:solid 2px; border-color:#D3D3D3; height:24px; width:145px; color:#888; font-size:13px; padding-left:5px; margin-top:3px;}
.search_btn {background-color:#F6CB20; border:0; font-size:13px; font-weight:bold; color:#666666; width:60px; padding:6px 0 9px 0; border-radius:5px; cursor:pointer;}
.search_btn:hover {background-color:#FFDD55; color:#333333;}
.search_btn:active {background-color:#F6CB20; color:#666666;}

.search_input570w45h {background-color:#fff; border:solid 2px; border-color:#D3D3D3; height:39px; width:547px; color:#333; font-size:16px; font-weight:bold; padding-left:16px;margin-top:3px;}
.search_btn140w {background-color:#F6CB20; border:0; font-size:16px; font-weight:bold; color:#666666; width:140px; padding:12px 0 15px 0; border-radius:5px; cursor:pointer;}
.search_btn140w:hover {background-color:#FFDD55; color:#333333;}
.search_btn140w:active {background-color:#F6CB20; color:#666666;}
.search_result {color:#666666; padding-left:20px;}
/* modify padding bottom 2018.03.22. CHO.JH (2018-O00103) */
.search_result_area {margin-top:40px; border-top:1px solid #D3D3D3; padding:20 20 40 20;}
.search_result_area > div {color:#A5650A; padding-top:10px;}
.search_result_area > div > span {color:#006FA2; font-size:16px; line-height:17px; cursor:hand;}
.search_result_area > div > span:hover {color:#000000; font-size:16px;}
.search_result_area > div > .menu_click {color:#000000; font-size:16px;}
.search_result_area > .mgb15 > .font_bold {color:#A5650A !important; font-size:12px !important; cursor:text !important;}

.viewicon {width:37px; float:right; background-image:url(../images/2017/viewicon.png); background-repeat:no-repeat; background-position:0 2px; padding-left:11px;}

.maincontents_content {float:right; width:720px;}
.content_inmenu {float:left; width:220px; background-color:#F7F7F7; background-image:url(/images/2017/icon15.gif); background-repeat:no-repeat; background-position:top center; padding-top:100px; border-bottom:1px solid #DCD7CF;}
.content_inmenu > ul {list-style:none; margin:0; padding:0;}
.content_inmenu > ul > li {border-top:1px solid #DCD7CF; color:#666666; padding:8px 5px 8px 10px; cursor:hand;}
.content_inmenu > ul > li > span {line-height:15px;  font-size:11px;}
.content_inmenu > ul > li:hover {background-color:#DEE9EC; color:#ffffff;font-weight:bold;}
.content_inmenu > ul > li > a {color:#666666; font-size:14px; text-decoration:none;}
.content_inmenu > ul > li > a > plus {color:#4D4D4D; font-size:14px; text-decoration:none;}
.content_inmenu > ul > li:hover > a {text-decoration:underline; color:#333333;}
.content_inmenu > ul > .menu_click {background-color:#858585; color:#ffffff;}
.content_inmenu > ul > .menu_click > a {text-decoration:underline; color:#ffffff;}
.content_inmenu > ul > .menu_click > a > plus {text-decoration:none; color:#ffffff;}

.content_submenu {list-style:none; margin:0; padding:0;border-top:1px solid #DCD7CF; color:#666666; cursor:hand;}
.content_submenu > li {line-height:15px;list-style:none; margin:0; padding:0;border-top:1px solid #DCD7CF; color:#666666; padding:10px 5px 8px 10px; cursor:hand;}
.content_submenu > li:hover {background-color:#858585; color:#ffffff;}
.content_submenu > li > a {color:#666666; font-size:14px; text-decoration:none;}
.content_submenu > .menu_click {background-color:#858585; color:#ffffff;}


.content_list {float:right; width:500px;}
.content_list > ul {list-style:none; margin:0; padding:0 0 0 20px;}
.content_list > ul > li {border-bottom:1px solid #DCD7CF; padding:8px;}
.content_list > ul > li > a {font-size:14px; color:#666666; text-decoration:none;}
.content_list > ul > li > a:hover {color:#0030AA;}
.content_list > ul > .menu_click > a {color:#0030AA; text-decoration:underline;}

.contentmenut {border-bottom:1px solid #DBD5C9; width:100%; position:relative; height:28px;}
.contentmenut_tab {
    float: left;
    background-color: #ffffff;
    width: auto;
    height: 26px;
    border-top: 3px solid #DBD5C9;
    border-left: 3px solid #DBD5C9;
    border-right: 3px solid #DBD5C9;
    border-bottom-width: 0px;
    border-radius: 4px 4px 0 0;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    margin-right: 3px;
    padding: 0 10px 0 10px;
}
.contentmenut_tab > a {color:#333333; text-decoration:none;}
.contentmenut_tab > a:hover {color:#333333; text-decoration:underline;}
.contentmenut_tab > a > div {width:auto; height:19px; padding-top:8px;}
.contentmenut_tab_out {float:left; background-color:#DBD5C9; width:auto; height:26px; border-top:3px solid #DBD5C9; border-left:3px solid #DBD5C9; border-right:3px solid #DBD5C9; border-bottom-width:0px; border-radius:4px 4px 0 0; text-align:center; font-weight:bold; font-size:12px; margin-right:3px; padding: 0 10px 0 10px;}
.contentmenut_tab_out > a {color:#333333; text-decoration:none;}
.contentmenut_tab_out > a:hover {color:#333333; text-decoration:underline;}
.contentmenut_tab_out > a > div {width:auto; height:19px; padding-top:6px;}

.navi {color:#666666; background-image:url(/images/2017/icon14.gif); background-repeat:no-repeat; padding:5px 0 0 22px;}

.download_mv {margin:20px 0 60px 30px; padding:3px 0 1px 18px; background-image:url(/images/2017/icon16.gif); background-repeat:no-repeat; color:#1485B0;}
.download_mv > a {color:#1485B0; text-decoration:none;}
.download_mv > a:hover {color:#1485B0; text-decoration:underline;}
/* add font size 2018.03.22. CHO.JH (2018-O00103)*/
.view_more {color:#666666 !important;cursor:hand;font-size:14px;}