@charset "utf-8";

/* Layout ------------------------------------------------ */

body, input, textarea, select, option { font-family: dotum, gulim, '돋움', '돋움체', '굴림', '굴림체', Arial, Helvetica, Sans-Serif; }
body { font-size: 12px; }
h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; }
li,ul,ol{list-style:none; line-height: 0;}

/* Skip Navigation */
#accessibility{z-index:90;}
#accessibility a {z-index:100; position:absolute; display:block; left:-2000px; top:0px; width:100%; text-align:center; font-weight:bold;}
#accessibility a:hover {z-index:2000; left: 0px; padding:10px 0; background:#e8680e; color:#fff;}
#accessibility a:active {z-index:2000; left: 0px; padding:10px 0; background:#e8680e; color:#fff;}
#accessibility a:focus {z-index:2000; left: 0px; padding:10px 0; background:#e8680e; color:#fff;}
a#contents {margin:0; padding:0; font-size:0; line-height:0;}

/* Base Layout */
.wrap {width:100%; position:relative;}

#main_wrap {width:100%; height:420px; background:url(/images/main_bg.jpg);}
#sub_wrap {width:100%; height:300px; background:url(/images/sub_bg.jpg);}

/* header */
#header {width:980px; margin:0 auto; position:relative; z-index:1000; height:52px;}
#header h1{ font-size:0; line-height:0; position:relative;}

/* logo */
#logo {position:absolute; left:0; top:12px;}

/* gnb */
#gnb {position:absolute; right:0px; top:15px;}
#gnb li {float:left; margin:0px;}
#gnb li img {padding:0px;}

/* main_visual */
#main_visual{width:100%; height:420px; text-align:center;}

/* menu */
#menu{background:url(/images/menu_bg.png); width:100%; height:60px; text-align:center;}

/* visual main */
#visual {position:relative; z-index:1; width:100%; height:290px; overflow:hidden;}
.visual_main {width:980px; margin:0 auto; position:relative; height:290px;}

/* visual sub */
#visual_sub {width:100%; height:190px; text-align:center;}

/* v_img1 */
.v_img_main1 {background:url(/images/visual_img1.jpg) no-repeat 50% top}
.v_img_main2 {background:url(/images/visual_img2.jpg) no-repeat 50% top; display:none}

/* main content */
#main_contents{width:980px; margin:0 auto; position:relative; height:270px;}
#main_contents div{position:absolute;}

#area1{left:-40px; top:-21px; width:370px;}
#area1 #tips li{margin:0px; padding:0px;}
#area1 #tips li a{margin:0px; padding:0px;}
#area1 #tips li.nbg {width:370px; height:94px; background:url(/images/t_tips_bg.gif) no-repeat; padding:0px;}
#area1 #tips li.qbg {width:370px; height:94px; background:url(/images/l_tips_bg.gif) no-repeat; padding:0px;}

#area2{left:330px; top:-21px; width:420px;}
#area2 #notice {float:left;}
#area2 #notice li{margin:0px; padding:0px;}
#area2 #notice li a{margin:0px; padding:0px;}
#area2 #notice li.newbg {width:420px; height:94px; background:url(/images/notice_bg.gif) no-repeat; padding:0px;}
/*#area2 #location {float:right; top:13px; left:270px; width:190px; height:134px; padding:0px;z-index:999;}*/

#area2 #support {position:relative; top:-13px;}
#area2 #support li{margin:0px; padding:0px;}
#area2 #support li a{margin:0px; padding:0px;}
#area2 #support li.newbg {width:420px; height:94px; background:url(/images/support_bg.gif) no-repeat; padding:10px;}
#area2 #support li.newbg a{padding-right:10px;text-align:center;}

#area4{left:750px; top:-21px; width:190px;}
#area4 h2{font-size:0; line-height:0; position:relative;}
#area4 #ban03 li{margin:0px; padding:0px;}
#area4 #ban03 li.last{width:165px; height:93px; margin:0px; padding:11px; text-align:center; border:1px solid #D7D7D7; background-color:#EDFBFF;}

#footer{width:100%; text-align:center; margin-top: 10px; margin-bottom: 10px;  position: relative;}
#footer #copy{margin-left:auto; margin-right:auto; margin-bottom: 10px; width:100%; padding:1em 0; border-top:2px solid #3e3e3e; text-align:center;}

/* main_visual */
#sub_visual{width:100%; height:300px; text-align:center; vertical-align:baseline; margin:0px;}

/* sub left */
#left_menu{top:20px; width:195px;left:-35px;}
#left_menu h2{font-size:0; line-height:0; position:relative;}
#left_menu s_menu{margin;0}

#s_menu li, #s_menu li a { width:195px; float:left; display:inline; position:relative; margin;0; }
#s_menu li a { position:relative; margin;0; padding-top:0px; }
#s_menu li.first a { position:relative; margin;0; padding-top:0px; }
#left_menu #s_menu li ul li a { position:relative; margin;0; padding-top:0px;}


/* sub content */
#contents_long{width:980px; margin:0 auto; position:relative; height:1000px;}
#contents_long div{position:absolute;}

#contents_long2{width:980px; margin:0 auto; position:relative; height:1300px;}
#contents_long2 div{position:absolute;}

#contents_long3{width:980px; margin:0 auto; position:relative; height:1750px;}
#contents_long3 div{position:absolute;}

#contents_long4{width:980px; margin:0 auto; position:relative; height:2800px;}
#contents_long4 div{position:absolute;}

#contents_short{width:980px; margin:0 auto; position:relative; height:500px;}
#contents_short div{position:absolute;}

#contents_short2{width:980px; margin:0 auto; position:relative; height:800px;}
#contents_short2 div{position:absolute;}

#sub_content{position:absolute; top:30px; left:225px; width:755px;}
#sub_content div{position:absolute;}
#sub_content h2{font-size:0; line-height:0; position:absolute;}
#sub_content #sub_title {width:750px; height:55px; position:relative; }
#sub_content .img{text-align:center; position: relative; top:10px;}
#sub_content .last{text-align:center; position: relative; margin-top:20px;}
#sub_content #right{float:right; position: relative; top:10px;}
#sub_content #s_right{float:right; position: relative; top:10px; font-size:0.9em; padding-right:20px;}
#sub_content #s_tit{left:0px; top:10px; position: relative;}
#sub_content #s_tit ul li{padding:5px 30px 10px 10px; text-align:justify; position: relative;}
#sub_content #iframe{text-align:center; position: relative; top:20px; left:5px;}


/* 공통뎁스 */
.depth {margin:0;}
.depth1 li { padding:10px 0 0px 20px; color:#0054a4; font-weight:bold; line-height:2.33em;}
.depth1 li .txtno {color:#333;}
.depth1 .dep_p1 {font-weight:normal; color:#333; padding:0; line-height:1.67em; margin:5px 0 15px;}
.depth1 .dep_p2 {font-weight:normal; color:#333; padding:0; line-height:1.67em; margin:5px 0 5px;}
.depth1 .dep_im1 {padding:0 0 0 18px;color:#333; line-height:1.67em;font-weight:normal; margin:0px 0 15px;}
.depth1 .dep_im2 {padding:0 0 0 18px;color:#333; line-height:1.67em;font-weight:normal;}
.depth2 {margin:0px 0 25px;}
.depth2 li {padding:1px 0 0px 20px; color:#333; line-height:2.0em;}
.depth2 li img{text-align:center;}
.depth2 li .txtno {color:#333; font-weight:normal;}
.depth1 .depth2 {margin:0px 0 25px;}
.depth1 .depth2 li {padding:1px 0 0px 20px; color:#333; line-height:2.0em;}
.depth1 .depth2 li .txtno {color:#333; font-weight:normal;}
.depth3 {margin:7px 0 5px;}
.depth3 li {padding:0 0 0px 5px; font-weight:normal; color:#333; line-height:1.67em;}
.depth3 .txtcolor,.depth4 .txtcolor,.depth5 .txtcolor {color:#0054a4; font-weight:normal;}
.depth4 {margin:5px 0 15px;}
.depth4 li {padding:0 0 0px 10px; color:#333; font-weight:normal; line-height:1.67em;}
.depth5 {margin:5px 0 15px;}
.depth5 li {padding:0 0 0px 10px; color:#333; font-weight:normal; line-height:1.50em;} 

/*실습실명 탭*/
#labtabs{margin-top:10px; width:710px; height:42px; background:url(/hak/images/tab_bg.jpg) no-repeat 50% 0; padding:0 0 0px 10px;}
#labtabs li{position: relative; padding:0px 20px;  display:inline;}

/*사이트링크박스*/
#lbox {margin-top:10px;}
#lbox li{width:712px; height:32px; padding:5px 10 0px 50px; background:url(/link/images/link_bg.gif) no-repeat 50% 0; font-weight:bold; line-height:2.33em;}
#lbox li.last img{width:712px; height:35px; margin:0px; }

#link_box {margin-top:20px;}
#link_box li{width:712px; height:32px;  background:url(/link/images/link_bg.gif) no-repeat 50% 0; font-weight:bold;}
#link_box li a { top:10px; padding:10px 0 0px 25px; position: relative;}
#link_box li .first { margin:0px; width:712px; height:35px; position: relative;}
#link_box li .last { margin:0px; width:712px; height:35px; position: relative;}


/* 규정집 */
.rule_top {margin-top:20px;}
.rule_top ul li {font-weight:normal; color:#333; line-height:1.67em; border-bottom:1px solid #e7e7e7; background:url/link/images/link_bg.gif) no-repeat 0 12px; padding:8px 0 8px 20px;}
.rule_top ul li a {color:#333; text-decoration:none;}
.rule_top ul li a:hover {color:#333; text-decoration:underline;}
.rule_top ul li ul {margin:5px 0 10px; border:0; padding:0 0 15px 0;}
.rule_top ul li ul li {font-weight:normal; border:0; color:#333; line-height:1.67em; float:left; margin-right:25px; background:url(/images/common/ico_box4_dep.gif) no-repeat 0 8px; padding:3px 0 0px 15px;}
.rule_top ul li ul li a {color:#333; text-decoration:none;}
.rule_top ul li ul li a:hover {color:#333; text-decoration:underline;}
.rule_top img {margin-left:5px;}
.rule_box {border-top:20px solid #f4f4f4;border-left:20px solid #f4f4f4;border-right:20px solid #f4f4f4; padding:15px 20px; margin:10px 0 0 0px; clear:both;}
.rule_box_bottom {background:url(/images/01/bg_rule_box.gif) no-repeat; height:25px; margin:0 0 15px 0px; padding:0; vertical-align:top}
.rule_box_bottom .top {padding:0;}
.rule_box_bottom .top img {margin:0px 0 0 676px; padding:0;}
.rule_box .depth4 {margin:10px 0 0 0;}
.rule_box .depth4 li {line-height:2.0em;background:url(/images/common/depth_4.gif) no-repeat 0 10px; }


#photo li{float:left;}
#photo li img {padding:5px; text-align:center; position: relative; top:30px;}
#photo li.last img { margin-top:0px; margin-bottom:10px; }


#title_bar				{position:relative;clear:both; width:721px; height:36px;padding:0;margin:25px 5px 10px 15px;background:url('/support/images/bar_bg.gif') no-repeat}
#descript				{position:absolute;right:10px;top:0;font-size:90%;}
#descript h4			{display:none;}
#title_txt				{padding:0;margin:10px 5px 3px 30px;}
#title_txt h3			{color:#454aaf;font-size:13px;font-weight:bold;}

#title_bar1				{position:relative;clear:both; width:721px; height:36px;padding:0px;margin-left:5px;background:url('/support/images/bar_bg.gif') no-repeat}
#descript1				{position:absolute;right:10px;top:0;font-size:90%;padding-top:15px;}
#descript1 h4			{display:none;}
#title_txt1				{padding-top:5px; padding-left:30px;}
#title_txt1 h3			{color:#454aaf;font-size:13px;font-weight:bold;}

#list				    {position:relative; width:725px; height:30px; margin-top:-5px; text-align:right; }

#table {position: relative; margin-top:70px; left:15px;}
#table1 {position: relative; margin-top:10px; left:5px;}

/* blue 테이블 */
table.blue		{border-collapse:collapse; width:720px; border-top:2px solid #0657b2;} 
table.blue thead th{padding:9px 5px;margin:0;height:16px;background:#F3F3F3 repeat-x 0 0;border:1px solid #959595;color:#043bac;font-size:12px;font-weight:bold;}
table.blue tbody th{padding:7px 5px;margin:0;background:#F3F3F3;border:1px solid #959595;color:#2B4192;font-weight:normal;}
table.blue tbody td{padding:4px 5px;margin:0;height:14px;background:#ffffff;border:1px solid #959595;}
table.blue td.gbg	{padding:9px 5px;margin:0;height:16px;background:#F3F3F3;text-align:center;color:#043bac;font-size:12px;font-weight:bold;}
table.blue td.bbg	{background:#C7DFF8;color:#2B4192;height:14px;text-align:center;}
table.blue td.wbg1	{background:#FFFFFF;height:24px;text-align:center;color:#434343;font-size:12px;}
table.blue td.wbg2	{background:#FFFFFF;height:12px;color:#434343;font-size:12px;}

/* blue 테이블 */
#table1.blue		   {border-collapse:collapse; width:720px; border-top:2px solid #0657b2;} 
#table1.blue thead th  {margin:0;height:20px;background:#F3F3F3 repeat-x 0 0;border:1px solid #959595;color:#043bac;font-size:12px;font-weight:bold;}
#table1.blue tbody th  {height:20px;margin:0;background:#F3F3F3;border:1px solid #959595;color:#2B4192;font-weight:normal;}
#table1.blue tbody td  {height:20px;margin:0;background:#ffffff;border:1px solid #959595;}
#table1.blue td.gbg	   {height:20px;margin:0;background:#F3F3F3;text-align:center;color:#043bac;font-size:12px;font-weight:bold;}
#table1.blue td.bbg	   {background:#C7DFF8;color:#2B4192;height:20px;text-align:center;}
#table1.blue td.wbg1   {background:#FFFFFF;height:20px;text-align:center;color:#434343;font-size:12px;}
#table1.blue td.wbg2   {background:#FFFFFF;height:20px;color:#434343;font-size:12px;}