﻿ /* 메인 id_save*/
#main {}
#main-contents{position:absolute; top:0; left:265px; width:390px; }
#main-masterdiv {width:240px; }
#main-contents_box{clear:both; width:656px; margin:0 0 0 86px; height:480px;}
#mainlogin {position:relative; background: url(images/main/login_bg.gif) no-repeat; width:240px; height:88px; .height:89px}
#mainlogin2 {position:relative; background: url(images/main/login_bg2.gif) no-repeat; width:240px; height:88px .height:89px}
#mainlogin #id {padding:14px 0 4px 60px; .padding:12px 0 2px 60px}
#mainlogin #pw {padding:0 0 0 60px}
#mainlogin #id_save {position:absolute; top:18px; .top:13px; left:165px;}
#mainlogin #id_save img {vertical-align:top; padding:2px 3px 0 0; .padding:5px 0 0 0;}
#mainlogin #id_save input {border:none;}
#mainlogin #ok, #main-login2 #ok {position:absolute; top:37px; left:165px;}
#mainlogin #main_add, #main-login2 #main_add{margin-top:6px; .margin-top:10px;} 
*:first-child+html #main-login #main_add, #main-login2 #main_add{margin-top:6px;}/*ie 7 메인에서만 7까지 맞춥니다*/
#mainlogin p span, #main-login2 p span {background: url(images/main/li01.gif) no-repeat 0 5px; .background: url(images/main/li01.gif) no-repeat 0 4px; margin-left:20px; padding:1px 6px; border:0;}
#mainlogin3 {position:relative; background:url(images/main/login_bg2.gif) no-repeat; width:240px; height:88px; .height:89px; text-align:center; padding-top:5px; .padding-top:10px;}
#mainlogin3 .d_blue {font-weight:bold; color:#1a68b3; }
#mainlogin3  p {margin-top:15px;}

/*left_menu*/
#left_study {width:240px; height:180px; background:url(images/main/left_study_bg.gif) no-repeat; margin:4px 0 5px 0 ; }
#left_study ul {background:url(images/main/left_study_step.gif) no-repeat; padding:3px 0 7px 10px; margin:7px 0 0 12px;}
#left_study ul li {background:url(images/main/left_study_dot.gif) left bottom no-repeat; padding:4px 0; line-height:0;font-size:0;}
#left_study ul li.no_bg {background:none;}
#left_study p.tit{padding:14px 0 0 17px;}



#banner li {margin-bottom:5px;}

/*center_menu*/
#popBanner {width:390px; height:190px; background:url(images/main/center_banner_bg.gif) no-repeat; position:relative; margin-bottom:25px;}
#popBanner .popBanner_list{width:110px; height:17px; position:relative; left:310px; top:25px;}
#popBanner .popBanner_list li {float:left; line-height:14px; vertical-align:bottom; cursor:pointer;}
.popBanner_list .view {display:block;}
.popBanner_list .hid {display:none;}
#mainBoard1, #mainBoard2, #mainBoard3, #mainBoard4, #mainBoard5{ position:absolute; top:42px; left:35px;}

#main-left {float:left; width:390px; position:relative; }
#main-left #notice {margin-top:0px; }
#main-left #photo {margin-top:7px; .margin-top:6px;}
.main-tabs {float:left; width:100%; margin:0 0 6px 0; .margin:0; border-bottom:1px solid #c5c5c5;}
.main-tabs ul {margin:0; list-style:none;}
.main-tabs li {display:inline; margin:0; padding:0;}
.main-tabs a {float:left; margin:0; padding:0; text-decoration:none}

#tab_view1, #tab_view2, #tab_view3 {height:120px; .height:95px; padding-top:5px; _padding-top:0; } 
#tab_view1 ul, #tab_view2 ul, #tab_view3 ul {clear:both; }
#tab_view1 li,#tab_view2 li,#tab_view3 li {background:url(images/main/main_li01.gif) no-repeat 0px 7px; clear:both; margin-left:0px; /*width:370px; height:14px;*/ line-height:14px; padding:3px 6px; .padding:2px 5px;}
#tab_view1 li span,#tab_view2 li span,#tab_view3 li span{float:right; color:#888; .margin-top:-13px;}

.imgborder {border:1px solid #acacac; padding:2px; float:left; margin-right:10px; *margin-top:10px; _margin-top:0px;}
#tab_view1 p, #tab_view2 p, #tab_view3 p {position:absolute; top:6px; .top:3px; left:335px; width:30px;}
#tab2_view1, #tab2_view2, #tab2_view3 {}
#tab2_view1 p.more2, #tab2_view2 p.more2, #tab2_view3 p.more2 {position:absolute; top:135px!important; .top:139px;left:335px; width:30px;}

/*right_menu*/
#main-right {position:absolute; left:670px; top:16px; }
#main-right #banner1 {width:254px; height:168px; background: url(images/main/right_level_bg.gif) no-repeat; padding:18px 0 0 18px; }
#main-right #banner1 ul {background: url(images/main/right_level_line.gif) left 60px no-repeat;}
#main-right #banner1 ul li.banner1_01 {background:url(images/main/right_level01.jpg) no-repeat; padding:0 0 0 70px; margin-bottom:30px; }
#main-right #banner1 ul li.banner1_02 {background:url(images/main/right_level02.jpg) no-repeat; padding:0 0 0 70px;}
#main-right #banner2 {background: url(images/main/banner2_bg.gif) no-repeat; width:247px; height:110px; margin-top:7px; .margin-top:12px; border:1px solid #dadada;}
#main-right #banner2 li {display:inline;}
#main-right #banner3 {position:relative; background: url(images/main/banner3_bg.gif) no-repeat; width:247px; height:114px; margin-top:12px;  .margin-top:16px; padding:1px; border:1px solid #dadada;}
#main-right #banner3 ul {padding:20px 0 0 100px;}
#main-right #banner3 ul li {height:23px;}


#main-footer{clear:both; position:relative; width:1000px; margin:20px auto 0 auto !important; background:url(images/common/foot_top.gif) repeat-x; padding-top:20px; height:90px}
#main-footer #bottom-logo{position:absolute; top:9px; left:20px}
#main-footer ul{float:left; width:650px; margin-top:5px; padding-left:195px; margin-bottom:8px}
#main-footer li{display:inline; margin-right:-2px}
#main-footer address {float:left; text-indent:197px; margin-top:5px;}
#main-footer #bottom-banner {float:right; margin-top:-10px}
#main-footer select {position:absolute; top:23px; .top:21px; left:480px; width:130px; color:#888}

/* 공통레이아웃 */
#wrap{position:relative; text-align:left;}
#header{ position:relative; width:1000px; text-align:left; margin:0 auto; vertical-align:middle; }
#main_header{ position:relative; width:1000px; height:360px;  text-align:left; margin:0 auto;}
#container{clear:both; position:relative; width:1000px; text-align:left; margin:0 auto}
#main-container{clear:both; position:relative; width:1000px; text-align:left; margin:0 auto; }
#gnb{margin:0 auto; width:995px; height:20px; padding:8px 7px 0 0; .padding:8px 0 0 0; vertical-align:middle;}
	#gnb ul {float:right; text-align:right; width:550px; height:17px; margin-right:67px; _margin-right:34px;}
	#gnb li {display:inline; margin-right:-4px;}
	#gnb li img {vertical-align:middle;}
	#gnb li .logout {vertical-align:middle;}
#main_header, #header{padding:12px 0 0 0}
	#main_header h1, #header h1{position:absolute; top:6px; left:0}
	#main_header #main-menu, #header #main-menu{text-align:right; margin-right:67px; _margin-right:34px;}
	#header #visual {float:right; height:126px; _margin-bottom:-2px; margin-right:67px; _margin-right:34px;}
	#main_header #main-visual {width:945px; height:300px; }
#contents{float:left; margin-left:-32px !important; background: url(images/common/cbg.gif) repeat-y; width:764px}
	#contents_top {background:transparent url(images/common/content_top.gif) no-repeat; width:781px; height:34px; margin:0 0 0 -17px}
	#contents_bottom {clear:both; background: url(images/common/content_bottom.gif) no-repeat; width:764px; height:57px}
	#contents_box{clear:both; width:704px; margin:0 0 0 30px; padding-top:0px}
	#contents_box h2{background: url(images/common/h2_bg.gif) no-repeat; .background: url(images/common/h2_bg.gif) no-repeat 0 3px; height:30px; .height:33px; text-indent:25px}
	#contents_box h3{background: url(images/common/h3.gif) no-repeat 0 2px; margin-top:25px; text-indent:20px}
	#contents_box h4 {font-size:12px; margin-top:25px}
	#contents_box p {margin:5px 0}
#location{text-align:right; color:#666; font:.9em "돋움", Dotum, "굴림", Gulim, Sans-serif; margin:-20px 0 0 0}
#location span {background: url(images/common/ico01.gif) no-repeat 0 4px; padding-left:8px}
#location strong{color:#000; font-weight:normal}
#footer{clear:both; position:relative; width:1000px; margin:20px auto 0 auto !important; background:url(images/common/foot_top.gif) repeat-x; padding-top:20px; height:90px}
#footerLock{clear:both; width:100%; margin:0 0 10px 0; padding:15px 0 15px 0; border:1px solid #e8e9e0; background:#f6f7ef; color:#565656; text-align:center; font-weight:bold;}
#footer #bottom-logo{position:absolute; top:9px; left:20px}
#footer ul{float:left; width:650px; margin-top:5px; padding-left:0px; margin-bottom:8px; }
#footer li{display:inline; margin-right:-2px}
#footer address {float:left; text-indent:197px; margin-top:5px;}
#footer #bottom-banner {float:right; margin-top:-10px}
#footer select {position:absolute; top:23px; .top:21px; left:480px; width:130px; color:#888;}
#main-quick {position:absolute; top:86px;  left:930px; height:520px; width:72px;}
#main-quick .menu{background:url(images/common/quick_bg.gif) no-repeat; padding-top:36px; text-align:center; height:145px;}
#main-quick .menu li{padding-bottom:12px; .padding-bottom:8px; line-height:0;}
#main-quick p {margin-top:2px}

#quick {position:absolute; top:-140px; left:930px; height:520px; width:72px;}
#quick .menu{background:url(images/common/quick_bg.gif) no-repeat; padding-top:36px; text-align:center; height:145px;}
#quick .menu li{padding-bottom:12px; .padding-bottom:8px; line-height:0;}
#quick p {margin-top:2px}