/* 
    Document   : Layout.css
	Created on : 2012. 8. 16, 오후 3:50
    Author     : Nexist
    Description:
        Purpose of the stylesheet follows.
    Modified by : 2021.10.06. koyejom
*/

body { color:#666; }

/* 레이아웃 설정 */
#wrap { position:relative;width:845px;margin:0 auto; }

#top { position:relative;height:140px;overflow:hidden;width:100%; }
#top h1 { position:absolute;left:10px; }

#top #menu { position:absolute;top:59px;width:845px;height:54px;list-style:none;overflow:hidden; }
#top #menu li { float:left;height:54px;color:#666;text-align:center; }

#top #topMenu { position:absolute;top:25px;right:10px; }
#top #topMenu li { float:left;border-left:solid 1px #848484;font-size:11px;padding:0 10px;height:11px;line-height:11px; }
#top #topMenu li.first { border-left:none; }
#top #topMenu li a { color:#848484; }

#top .subMenu01 { position:absolute;top:117px;left:10px; }
#top .subMenu02 { position:absolute;top:117px;left:140px; }
#top .subMenu03 { position:absolute;top:117px;left:280px; }
#top .subMenu04 { position:absolute;top:117px;left:320px; }	/* 법정의무교육 - 서브메뉴 */
#top .subMenu05 { position:absolute;top:117px;left:455px; }	/* 사회보험관리사 -서브메뉴 */
#top .subMenu06 { position:absolute;top:117px;left:150px; }
#top .subMenu07 { display:none !important; }
#top .subMenu08 { display:none !important; }
#top .subMenu09 { display:none !important; }
#top .subMenu { display:none; }
#top .subMenu.on { display:block; }
#top .subMenu li { float:left;font-size:11px;color:#868686;padding:0 10px;height:13px;line-height:13px;border-left:solid 1px #bcbcbc; }
#top .subMenu li.first { border-left:none; }
#top .subMenu li a { color:#868686;font-family:dotum; }
#top .subMenu li a.on, #top .subMenu li a:hover { font-weight:bold;letter-spacing:-1px;color: #000; }

#left { position:absolute;left:5px;width:182px; }

#left .leftLoginArea { position:relative;border:solid 1px #d8d8d8;height:125px; }
#left .leftLoginArea .loginArea dt { display:none; }
#left .leftLoginArea .loginArea dd { padding:9px 0 0 5px; }
#left .leftLoginArea .loginArea dd input { border:solid 1px #cdd7d9;width:110px;height:16px; }
#left .leftLoginArea .loginBtn { position:absolute;top:65px;left:123px; }
#left .leftLoginArea .loginBtn input { border:none; }
#left .leftLoginArea .loginBtnArea { padding:15px 0 0 7px;height:12px; }
#left .leftLoginArea .loginBtnArea a { float:left; }

#left .leftLoginArea .loginMemberInfo { margin:7px 10px;padding:10px 0 0 0;color:#999; }
#left .leftLoginArea .loginMemberInfo b { color:#1871a4; }
#left .leftLoginArea .loggedBtnArea { margin:0 9px 7px 9px;color:#999; }
#left .leftLoginArea .loggedBtnArea a { padding:0 9px 0 0; }
#left .leftLoginArea .loginMystudy { border-top:solid 1px #d8d8d8;margin:0 10px;padding:10px 0;color:#999; }
#left .leftLoginArea .loginMystudy p { font-size:11px;padding-top:5px; }

#left .leftNotice { border-top:solid 1px #d8d8d8;padding:10px 0;margin: 25px 0 0 0; }
#left .leftNotice ul li { padding:3px 0 3px 5px; }
#left .leftNotice ul li a { color:#868686; }
#left .leftQuick { border-top:solid 1px #d8d8d8;padding:10px 0; }
#left .leftQuick ul { height:190px; }
#left .leftQuick ul li { float:left;text-align:center;width:33%;padding:17px 0; }

#left .leftQuick2 { border-top:1px solid #ebebeb; }

#left .leftCustomer { border-top:solid 1px #d8d8d8;padding:10px 0;text-align:center; }
#left .leftCustomer div { margin:10px auto; }
#left .leftBank { border-top:solid 1px #d8d8d8;padding:10px 0;border-bottom:solid 1px #d8d8d8; }
#left .leftBank ul { margin:5px auto; }
#left .leftBank ul li { padding-top:7px; }
#left .leftBank ul li.first { border-top:none; }
#left .familySite { margin-top:10px;text-align:center; }

#left .subLeft { margin:35px 0; }
#left .subLeft .subLeftMenu { padding:3px;background:#f8f8f8;border:solid 1px #eeeeee; }
#left .subLeft .subLeftMenu ul { background:#FFF;border:solid 1px #eeeeee;padding:0 0 20px 0; }
#left .subLeft .subLeftMenu ul li.title, #left .subLeft .subLeftMenu ul li.title:hover {
	margin:0;padding:13px 7px 0 22px;height:21px;color:#3d6b8d;font-weight:bold;background:url("../Images/imgPack.png") -6px -318px no-repeat; }
#left .subLeft .subLeftMenu ul li { margin:3px 0 0 0;padding:3px 0 0 20px;background:url("../Images/imgPack.png") 3px -371px no-repeat; }
#left .subLeft .subLeftMenu ul li a { color:#868686; }
#left .subLeft .subLeftMenu ul li:hover, #left .subLeft .subLeftMenu ul li.on { color:#416c7c;background-position:3px -353px;font-weight:bold; }
#left .subLeft .subLeftMenu ul li:hover a , #left .subLeft .subLeftMenu ul li.on a { color:#416c7c; }

#center { position:relative;margin:0 0 0 205px;min-height: 930px; }
#center .navigation { color:#999;text-align:right;padding:5px 15px 5px 5px; }
#center .contents { border:solid 1px #dadada;padding:10px;
	-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;behavior:url("/javascript/Common/PIE.php"); }
#center .contents .subTitle { margin:20px 10px; }
#center .contents .titleRightBtns { float:right;font-weight:400; }

#bottom { position:relative;border-top:solid 3px #848484;margin:10px 0 0 0;height:100px; }

#bottom #bottomLogo { position:absolute;top:15px;left:30px; }
#bottom #bottomMenu { position:absolute;top:10px;left:211px; }
#bottom #bottomMenu li { float:left;font-size:11px;height:11px;line-height:11px;color:#8488ae;border-left:solid 1px #8488ae;padding: 0 20px; }
#bottom #bottomMenu li.first { border-left:none; }
#bottom #bottomMenu li a { font-size:11px;color:#8488ae; }

#bottom #bottomInfo { position:absolute;top:35px;left:220px; }
#bottom #bottomInfo * {  }
#bottom #bottomInfo.line2 { top:50px; }
#bottom #bottomInfo.line3 { top:65px; }
#bottom #bottomInfo dt, #bottom #bottomInfo dd { float:left;font-size:11px;color:#848484;height:12px;line-height:12px;margin-bottom:4px; }
#bottom #bottomInfo dt { font-weight:bold;letter-spacing:-1px;border-left:solid 1px #848484;padding:0 10px; }
#bottom #bottomInfo dd { padding:0 10px 0 0; }
#bottom #bottomInfo .newLine { clear:both;border-left:none;padding:0 10px 0 0; }

.title { clear:both; }
.title h2 { height:80px;padding:15px 0 0 45px;font-size:80px;color:#442b59;font-weight:normal;font-family:HELVETI, HELVETI2; }
.titleDsc { font-size:25px;line-height:35px;padding:15px 0 0 45px;font-family:KOZMIN, "나눔명조", "바탕";color:#7744aa;letter-spacing:-1px; }
.description { font-size:11px;line-height:200%;padding:15px 0 0 45px;font-family:verdana, "나눔고딕";color:#7744aa; }

*::selection { background:#4cb5e8;color:#fff000; }
*::-moz-selection { background:#4cb5e8;color:#fff000; }

.payListDiv .searchFrm { width:100%;padding:5px 0px 5px 0px; }
.payListDiv .searchFrm p { height:35px;vertical-align:middle; }
.payListDiv .searchFrm a { height:35px;position:relative;top:7px; }

.offline_subli { background:none !important;padding-left:25px !important; }