@charset "euc-kr";
/* CSS Document */

#skipToContent a{ position:relative;  top:0px; left:0;  overflow:hidden; display:block; width:0px; height:0px; /*margin-bottom:-1px;*/ text-align:center; color:#000;}
#skipToContent a:focus, #skipToContent a:active {width:auto; height:auto; /*margin-bottom:5px;*/ padding:5px; background:#f2f2f2; border:1px solid #ddd; display:block;}

body{padding:0px; margin:0px; font-family:dotum,'µ¸¿ò', Gulim, 'Malgun Gothic','¸¼Àº °íµñ', AppleGothic, Sans-serif; font-size:12px; color:#777; line-height:18px; background:url(../images/main_2013/intro_bg_01.gif) repeat-x}
.body_m{; background:#d6d6d6 url(../img/main/mbg.gif) repeat-x!important;}

div,dl,dt,dd,ul,ol,li,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0px; padding:0px;}

hr{ display:none;}

.hidden{display:none}
.v_hidden{position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0; padding:0px; margin:0px;}
.text_al {text-align:left !important;}
.text_ar {text-align:right !important;}
.text_ac {text-align:center !important;}
.text_aj {text-align:justify !important;}

.float_left {float:left !important; display:block; position:relative;}
.float_right {float:right !important; display:block; position:relative;}
.clear_both {clear:both !important;}

a{color:#777; text-decoration:none; margin:0px; padding:0px;}
a:link{color:#777; text-decoration:none; margin:0px; padding:0px;}
a:hover{color:#777;	text-decoration:none; margin:0px; padding:0px; text-decoration:underline;}
a:visited{color:#777; text-decoration:none; margin:0px; padding:0px;}

.block {display:block; position:relative;}
.inline {display:inline; position:relative;}
.inline_block {display:inline-block; position:relative;}

h1{margin:0px; font-size:16px; font-weight:bold;}
h2{margin:0px; font-size:14px; font-weight:bold;}
h3{margin:0px; font-size:16px; font-weight:bold; font-family:'dotum','µ¸¿ò','Malgun Gothic','¸¼Àº°íµñ','gulim','dotum';}
h4{margin:0px; font-size:16px; font-weight:bold; font-family:'dotum','µ¸¿ò','Malgun Gothic','¸¼Àº°íµñ','gulim','dotum';}
h5{margin:0px; font-size:12px; font-weight:bold; color:#525353;}
h6{margin:0px; font-size:12px;}

caption{font-size:0px; width:0px; height:0px; overflow:hidden; position:absolute; visibility:hidden;}
*:first-child+html caption {display:none;}
* html caption {display:none;}

ol,ul {list-style:none;}
fieldset {position:absolute; margin:0px; padding:0px; border:0px;}
legend {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0; padding:0px; margin:0px;} 
input, select, textarea {font-size:12px;}
table{border-collapse:collapse; border-spacing:0;}
img{border:0;}
address { font-style:normal;}


/*////////////////////////////layout////////////////////////////////////////*/
#wrap{ width:900px; position:relative; display:block; margin:0px auto;}
#header{ height:110px; position:relative;}
#header h1{ position:absolute; top:27px; left:375px;}
#header .header_l_list{ position:absolute; top:30px; left:0px; width:300px;} 
#header .header_l_list li{ position:relative; display:inline; padding:0px 10px 0px 9px; background:url(../images/main_2013/intro_top_dot.gif) right top no-repeat;}
#header .header_l_list li.end{ background:none; padding:0px 0px 0px 10px;}
#header .header_l_list li.none{ position:absolute; left:0px; top:27px;background:none;}

#header .header_r_list{ position:absolute; top:25px; right:0px; width:100px;} 
#header .header_r_list li{ position:relative; display:inline;padding:0px 10px 0px 5px; background:url(../images/main_2013/intro_top_dot.gif) right top no-repeat;}
#header .header_r_list li.end{ background:none; padding:0px 0px 0px 10px;}
#header .h_search{ position:absolute; top:50px; right:0px; width:210px; vertical-align:top; height:25px; }
#header .h_search .s_input{ height:20px; border:1px solid #cecece; width:170px; padding:3px 0px 0px 6px; vertical-align:top; margin:0px; background:url(../images/main_2013/intro_search_bg.gif) no-repeat left top;}
#header .h_search .s_input_on{ height:20px; border:1px solid #cecece; width:170px; padding:3px 0px 0px 6px; vertical-align:top; margin:0px; background:#FFFFFF;}


#contents {position:relative;clear:both;}
#contents .c_list{ float:left; width:500px; position:relative; height:570px;}
#contents .c_list .ncc{ position:absolute; top:180px; left:154px; z-index:2;}
#contents .c_list .research{position:absolute; left:0px; top:47px;}
#contents .c_list .hospital{position:absolute; right:0px; top:48px;}
#contents .c_list .institute{position:absolute; left:0px; top:288px;}
#contents .c_list .edu{position:absolute; right:0px; top:288px;}
#contents .c_list .edu:after{content:""; display:block; clear:both; overflow:hidden;}
#contents .c_list  .go_main{ position:absolute; top:514px; left:0px;}

#contents .l_list{ float:left; width:200px; height:570px; padding-top:25px;}
#contents .l_list li{ background:url(../images/main_2013/intro_list_line.gif) left bottom no-repeat; padding-bottom:10px;padding-top:8px;}
#contents .l_list li.end{background:none;}

#contents .r_list{ float:left; width:200px; text-align:right; height:570px; padding-top:25px;}
#contents .r_list li{ background:url(../images/main_2013/intro_list_line.gif) right bottom no-repeat; padding-bottom:10px;padding-top:8px;}
#contents .r_list li.end{background:none;}

#footer{ clear:both; position:relative;}
#footer ul{ height:12px;}
#footer ul:after{content:""; display:block; clear:both; overflow:hidden;}
#footer ul li{ float:left; padding-right:15px; height:12px;}
#footer .footer_banner{ position:absolute; top:-5px; right:0px;}
#footer .footer_banner li{ padding-right:5px;}
#footer .footer_banner li.end{padding-right:0px;}
#footer address{ clear:both; padding:18px 0px 5px 0px;}