@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);


/* Reset CSS  */
* { margin:0; padding:0; border:0; outline:0; vertical-align:top;   }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
ul, ol, dl,div,dd,dt,li,p {margin:0; padding:0; list-style:none;font-family :"맑은고딕",Malgun Gothic,"나눔고딕",Nanum Gothic,"돋움",dotum,AppleGothic,sans-serif;  color:#555; line-height:160%; line-height:25px; font-weight:normal; }
img{ border:0; vertical-align:top; }
a { vertical-align:top; text-decoration:none; color:#555;font-family :"맑은고딕",Malgun Gothic,"나눔고딕",Nanum Gothic,"돋움",dotum,AppleGothic,sans-serif;  color:#555;  line-height:160%; line-height:25px; font-weight:normal; }
a:hover { color:#000; }
table { border-collapse:collapse; border-spacing:0;font-family :"맑은고딕",Malgun Gothic,"나눔고딕",Nanum Gothic,"돋움",dotum,AppleGothic,sans-serif;   }
input, select { vertical-align:middle; }
body {font-family :"맑은고딕",Malgun Gothic,"나눔고딕",Nanum Gothic,"돋움",dotum,AppleGothic,sans-serif;  color:#555; line-height:160%; line-height:25px; font-weight:normal; }
label { cursor:pointer; }
h1, h2, .Skipul, .blind,legend, hr, .btn_side{ display:block; overflow:hidden; position:absolute; top:0; left:-1000em; }
i,em,address { font-style:normal; font-weight:normal;font-family :"맑은고딕",Malgun Gothic,"나눔고딕",Nanum Gothic,"돋움",dotum,AppleGothic,sans-serif;  }


/*레이아웃S*/
#Wrap { width:100%; margin:0 auto; background:url(../img/bg.gif) repeat-x left top; font-size:13px; }
#Header{ height:172px; width:1000px; margin:0 auto; }
#Contwrap{width:1000px;  margin:70px auto;}
#rightbox{ width:250px; float:right; margin-right:30px; margin-bottom:50px;height:760px;}
#Start{ width:660px; float:left; margin-bottom:50px; height:760px;}
#Footer{ clear:both; background:url(../img/footer_bg.gif) repeat-x left 85px; height:500px;}
#Copyright{ width:1000px; margin:0 auto; clear:both;}
/*레이아웃E*/


/*상단*/
.logo{ clear:both; text-align:center; padding:20px 0;}
.topmenu { float:right;}
.topmenu li{ background-color:#e4e4e4; float:left;}
.topmenu li a{ display:inline-block; padding: 8px 10px; line-height:1.3;  background:url(../img/topmenu_line.gif) no-repeat right top; font-size:11px; color:#999;font-family:Dotum, '돋움', sans-serif; }
.topmenu li:last-child a{ background:none;}
.topmenu li a:hover{ color:#F60;}
#gnb ul li, #gnb .total{ float:left;}

/*퀵*/
#Quick{ position: relative;  margin:0 auto; text-align:right; width:1000px; height:0;  z-index:1000;}
#Quick ul{ position:fixed; width:111px; margin-left:1000px; top:230px; padding-top:100px; background:url(../img/quick_logo.gif) no-repeat left top;}
#Quick ul li{ margin-bottom:5px; background:url(../img/quick_bg.gif) no-repeat left top; border-top:1px solid #ddd;}
#Quick ul li a{  text-align:center;  font-size:13px; display:block; width:111px; line-height:31px; }

/*왼쪽컨텐츠*/
.total_list .list01  h3{ margin-bottom:20px;}
.total_list .list01  h3 a{ font-size:30px; margin-bottom:30px; letter-spacing:-1px; font-weight:bold; color:#222; line-height:35px;}
.total_list .list01 .photo{ float:left; width:230px;height:180px;margin-bottom:50px;}
.total_list .list01 .txt{ font-size:12px; line-height:23px; border-bottom:2px solid #ddd; height:180px;margin-bottom:50px; float:left; width:400px; margin-left:20px; color:#999;}
.total_list .list01 .txt span{ display:block; text-align:right; color:#777; font-size:14px; margin-top:10px;}
.total_list .list01 .txt span a{ display:inline-block; margin-left:20px;}
.total_list .list01 .txt2{ word-wrap:break-word; font-size:12px; line-height:23px; border-bottom:2px solid #ddd; height:180px;margin-bottom:50px; width:630px; margin-left:20px; color:#999;}
.total_list .list01 .txt2 span{ display:block; text-align:right; color:#777; font-size:14px; margin-top:10px;}
.total_list .list01 .txt2 span a{ display:inline-block; margin-left:20px;}

.total_list .list02  dt a{ font-size:18px; font-weight:bold; margin-bottom:5px; letter-spacing:-1px;font-weight:bold; color:#222; }
.total_list .list02 .photo{ float:left; width:230px;height:180px;margin-bottom:50px;}
.total_list .list02 .txt{ font-size:12px; line-height:23px; border-bottom:2px solid #ddd; height:180px;margin-bottom:50px; float:left; width:400px; margin-left:20px; color:#999;}
.total_list .list02 .txt dd{ color:#999;}
.total_list .list02 .txt span{ display:block; text-align:right; color:#777; font-size:14px; margin-top:10px;}
.total_list .list02 .txt span a{ display:inline-block; margin-left:20px;}
.total_list .list02 .txt2{  font-size:12px; line-height:23px; border-bottom:2px solid #ddd; height:180px;margin-bottom:50px; float:left; margin-left:20px; color:#999; width:640px;}
.total_list .list02 .txt2 dd{ color:#999;}
.total_list .list02 .txt2 span{ display:block; text-align:right; color:#777; font-size:14px; margin-top:10px;}
.total_list .list02 .txt2 span a{ display:inline-block; margin-left:20px;}

.total_list .list01 .txt2{ word-wrap:break-word; font-size:12px; line-height:23px; border-bottom:2px solid #ddd; height:180px;margin-bottom:50px; width:630px; margin-left:20px; color:#999;}
.total_list .list01 .txt2 span{ display:block; text-align:right; color:#777; font-size:14px; margin-top:10px;}
.total_list .list01 .txt2 span a{ display:inline-block; margin-left:20px;}
.total_list .list03  dt a{ font-size:18px; font-weight:bold; margin-bottom:5px; letter-spacing:-1px;font-weight:bold; color:#222; }
.total_list .list03 .photo{ float:right; width:230px;height:180px;margin-bottom:50px;}
.total_list .list03 .txt{ font-size:12px; line-height:23px; height:180px;margin-bottom:50px; float:left; width:400px; margin-right:20px; color:#999;}
.total_list .list03 .txt dd{ color:#999;}
.total_list .list03 .txt span{ display:block; color:#777; font-size:14px; margin-top:10px;}
.total_list .list03 .txt span a{ display:inline-block; margin-left:20px;}

.total_list .list03 .txt2{ font-size:12px; line-height:23px; height:180px;margin-bottom:50px; float:left; width:630px; margin-right:20px; color:#999; margin-left:20px}
.total_list .list03 .txt2 dd{ color:#999;}
.total_list .list03 .txt2 span{ text-align:right; display:block; color:#777; font-size:14px; margin-top:10px;}
.total_list .list03 .txt2 span a{ display:inline-block; margin-left:20px;}


/*오른쪽컨텐츠*/
#rightbox .notice{ height:200px;}
#rightbox .notice .notice_tit{ font-size:16px; border-bottom:1px solid #ddd; margin-bottom:20px; }
#rightbox .notice .more{ float: right; width:22px;}
#rightbox .notice div{ line-height:16px;}
#rightbox .notice div p{ float:left; width:69px; margin-right:10px;height:80px; margin-top:3px;}
#rightbox .notice div dl{ float:right; width:165px; height:80px;}
#rightbox .notice div dt{ margin-bottom:5px; letter-spacing:-1px; }
#rightbox .notice div dt a{ font-weight:bold; line-height:16px;}
#rightbox .notice div dd{ line-height:16px; font-size:11px; color:#888;}
#rightbox .notice ul{ clear:both;}
#rightbox .notice ul li{line-height:20px;}
#rightbox .notice ul li a{line-height:20px; font-size:11px; color:#777;}
#rightbox .notice ul li a:hover{ color:#222;}

#rightbox .hit_news { clear:both; margin-bottom:30px;}
#rightbox .hit_news dt{font-size:16px; border-bottom:1px solid #ddd; margin-bottom:20px; }
#rightbox .hit_news .more{ float: right; width:22px;}
#rightbox .hit_news dd { height:25px; overflow:hidden; position:relative;}
#rightbox .hit_news dd a{ position:absolute;}

#rightbox .hit_news dd img{ float:left; margin-top:5px; }
#rightbox .hit_news dd span{ float: left;margin-left:10px; width:215px;}

/*의학.건강.문화.교육뉴스*/

.news_mhce{ clear:both; width:955px;}
.news_mhce .div_line{ border-top:1px solid #9fb5d8; height:360px; padding-top:60px;}
.news_mhce li{ float:left; width:450px;}
.news_mhce .rbox{ margin-left:50px;}
.news_mhce li h3{ font-size:28px; font-weight:bold; letter-spacing:-1px; margin-bottom:35px; color:#222;}
.news_mhce li h3 span{ font-size:16px;}
.news_mhce li h3 a{ float:right;}
.news_mhce li dl dt a{ color:#222; display:block; border-bottom:4px solid #222; font-size:18px; line-height:45px; font-weight:bold; margin-bottom:25px;}
.news_mhce li dd { color:#7d7d7d; line-height:20px; height:90px; border-bottom:1px solid #222; margin-bottom:20px;}
.news_mhce li ul li{ font-size:12px;}

/* flow banner */
#flow_banner							{ position:relative;width:100%; height:85px; background-color:#f3f3f3; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
#flow_banner div{ width:1000px; margin:0 auto;}
#flow_banner #wrapper					{ padding-top:20px; position:relative; float:left; overflow:hidden;}
#flow_banner ul							{ position:relative; width:200%;margin:0;padding:0;white-space:nowrap; }
#flow_banner ul li						{ position:relative; margin:0 3px;float:left; list-style-type:none; }
#flow_banner .left						{ padding-top:20px; float:left; width:50px; margin-right:35px; text-align:left; cursor:pointer; }
#flow_banner .right						{ padding-top:20px; float:left;width:50px; text-align:right; margin-left:35px;  cursor:pointer;}

/*하단컨텐츠*/
.ftbox{width:1000px;  margin:0 auto; padding:25px; height:120px;}
.ftbox .ft_notice{ width:350px; float:left; height:125px;}
.ftbox .ft_notice dt{ color:#e1e0e0; font-weight:bold; border-bottom:1px solid #383228; margin-bottom:10px;}
.ftbox .ft_notice dt strong{ width:75px; text-align:center; display:inline-block; border:1px solid #383228; border-bottom:0;}
.ftbox .ft_notice dt a{ float:right; margin-top:8px;}
.ftbox .ft_notice ul li span{width:71px; float:left;}
.ftbox .ft_notice ul li a{ float:left; width:250px; color:#9c9c9c; background:url(../img/notice_dot.gif) no-repeat left 12px; padding-left:10px;}
.ftbox .ft_customer{ height:100px; width:230px; float:left;color:#9c9c9c; font-size:14px; margin: 0 0 0 70px; border-left:1px solid #2b2b2b; border-right:1px solid #2b2b2b; padding:20px 0 0 158px; background:url(../img/cus_img.gif) no-repeat 30px 10px;}
.ftbox .ft_company{ height:125px; width:145px; float: right;}
.ftbox .ft_company dt{ text-align:center; color:#9c9c9c; font-size:14px; font-weight:bold;}
.ftbox .ft_company dd{ text-align:center;}
.ftbox .ft_company dd a{ color:#666; font-size:12px; line-height:20px; }
.ftbox .ft_company dd a:hover{ color: #F90; }

.ft_menu{ margin:0 auto; width:1000px; clear:both;}
.ft_menu li{ float:left; padding:15px 0;}
.ft_menu li a{ display:inline-block; line-height:14px; padding:0px 10px; border-right:1px solid #ddd;}
.ft_menu li:last-child a{ border:0;}

.copy_logo{ float:left; width:180px; margin-top:30px;}
#Copyright address{ color:#676767; font-size:11px; float:left; width:800px;margin-top:30px;}
#Copyright .copyrights{ float:left; margin-left:180px;color:#999; font-size:11px;}
