﻿@charset "utf-8";



.main_visual {background:#eeeeee url('../images/main/visual02.png') center bottom no-repeat; height:365px;}


.main_bar {background:url('../images/main/main_bar_bg01.png') 0 0 repeat-x; height:110px;}
.main_bar_inbox {background:url('../images/main/main_bar_bg02.png') right 0 no-repeat; height:110px;}
.main_bar_contents{width:980px; margin:0 auto; *zoom:1;}
.main_bar_contents:after{display:block;clear:both;content:''}



.bar_title {*zoom:1;}
.bar_title:after{display:block;clear:both;content:''}
.bar_title h1 {float:left; line-height:18px; color:#fff; font-size:16px; font-weight:bold;}
.bar_title p{float:right; font-size:11px; font-family:dotum; color:#fff; padding-top:4px; letter-spacing:-1px;}
.bar_title p span{background:url('../images/main/main_dot01.png') 5px 0 no-repeat; padding-left:15px;}
.bar_title a {color:#fff;}

.main_login_box {background:url('../images/main/main_bar_bg03.png') 0 0 repeat-x; height:66px; width:286px;  padding:22px 20px; float:left; *zoom:1;}
.main_login_box:after{display:block;clear:both;content:''}

.main_search_box { height:66px; width:286px;  padding:22px 20px; float:left; *zoom:1;}
.main_search_box:after{display:block;clear:both;content:''}

h1.login {background:url('../images/main/main_icon01.png') 0 50% no-repeat; padding-left:20px;}
h1.search01 {background:url('../images/main/main_icon02.png') 0 50% no-repeat; padding-left:20px;}
h1.search02 {background:url('../images/main/main_icon03.png') 0 50% no-repeat; padding-left:20px;}


div.input_form {margin-top:15px;}
div.input_form input.input_text{height:22px; backgroudn:#fff; border:none; font-family:dotum; font-size:11px; color:#666; line-height:22px; padding:5px;}



/***** Selects Form *****/
.jqTransformSelectWrapper {
 float:left;position:relative; width:80px !important;height:32px;background:#fff; }
.jqTransformSelectWrapper div span {
  font-size:11px; text-align:left; font-family:dotum;position:absolute; left:0; top:0;
 white-space: nowrap;height:32px; line-height: 32px; width:70px !important;border:0;background:#fff; 
 text-align:left; padding: 0 0 0 8px; color:#666; overflow: hidden; cursor:pointer}

.jqTransformSelectWrapper  a.jqTransformSelectOpen {
 display:block; position:absolute; right:0px; width:20px; height:32px;
 background: url('../images/main/select_arrow.png') no-repeat center center
}
.jqTransformSelectWrapper ul {
 position:absolute; top:32px; left:0px; list-style: none;width:78px !important;
 background:#fff; border:solid 1px #d9d9d9; border-top:0;
 display:none; overflow:auto; overflow-y:auto; z-index:10
}
.jqTransformSelectWrapper ul a{
 display: block; padding: 3px 2px 3px 8px; text-decoration:none;
 color:#666; background:#fff; font-size:11px; text-align:left; font-family:dotum;}
.jqTransformSelectWrapper ul a:hover{background-color:#e5e5e5; color:#333;}
.jqTransformSelectWrapper ul a.selected {}
.jqTransformHidden {display: none;}

.inputDesign{margin:10px}



/*****콘텐츠*****/
#main_contents_wrap{background:#ddd; *zoom:1; padding-bottom:40px;}
.main_contents_box01{margin:0 auto; width:978px;background:#fff; border:1px solid #ccc; *zoom:1;}
.main_contents_box01:after{display:block;clear:both;content:''}


.main_contents_inbox01{*zoom:1; width:325px; border-left:1px solid #ccc; float:left; padding-top:25px;}
@-moz-document url-prefix() {.main_contents_inbox01 {padding-top:10px;}}
.main_contents_inbox01:first-child{border-left:0;}
.main_contents_inbox01:after{display:block;clear:both;content:''}

.main_contents_inbox02{*zoom:1; width:275px; border-left:1px solid #ccc; float:left; padding:25px 25px; height:215px;}
.main_contents_inbox02:after{display:block;clear:both;content:''}



.main_contents_inbox011{*zoom:1; width: 304px;    border-left: 1px solid #ccc;    float: left;    padding-top: 11px;    padding-left: 20px;    margin-right: -50px;    height: 232px;}
@-moz-document url-prefix() {.main_contents_inbox011 {padding-top:10px;}}
.main_contents_inbox011:first-child{border-left:0;}
.main_contents_inbox011:after{display:block;clear:both;content:''}

.main_contents_inbox022{*zoom:1; width:600px; border-left:1px solid #ccc; float:left; padding-left:40px;padding-top:5px; height:238px;margin-left:50px;text-align:left;}
.main_contents_inbox022:after{display:block;clear:both;content:''}

.main_contents_inbox03{*zoom:1; padding:15px 25px;}
.main_contents_inbox03:after{display:block;clear:both;content:''}

.main_contents_inbox04{*zoom:1; width:276px; border-left:0px solid #ccc; float:left; padding:25px 21px;}
.main_contents_inbox04:after{display:block;clear:both;content:''}

.main_contents_title {*zoom:1; padding:0;}
.main_contents_title:after{display:block;clear:both;content:''}
.main_contents_title h2 {float:left; line-height:16px; color:#000; font-size:14px; font-weight:bold;}
.main_contents_title p{float:right; font-size:11px; font-family:dotum; color:#fff; padding-top:0px; letter-spacing:-1px;}

.main_contents_title span {color:#999;}
.main_contents_title span a {display:block; float:left; background:url('../images/main/btn_dot.png') 0 0 no-repeat; margin-right:3px; width:13px; height:0px; padding-top:13px; overflow:hidden;}
.main_contents_title span a:hover, .main_contents_title span a.active {background:url('../images/main/btn_dot.png') 0 -50px no-repeat;}



ul.mian_list {*zoom:1; margin-top:15px;}
ul.mian_list:after{display:block;clear:both;content:''}
ul.mian_list li {line-height:20px;}
ul.mian_list li a {display:block; float:left; width:200px; font-size:11px; color:#888888; font-family:dotum; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
ul.mian_list li a:hover {color:#008aff;}
ul.mian_list li p {float:right; width:55px; font-size:10px; letter-spacing:px; color:#acacac; font-family:tahoma;}

.main_dotline_box {background:url('../images/main/main_dotline01.png') 0 bottom repeat-x; padding:0px 25px 15px 25px;}


ul.mian_notice_list {*zoom:1; margin-top:15px; padding-top:15px; background:url('../images/main/main_dot02.png') 0 0 no-repeat; }
ul.mian_notice_list:after{display:block;clear:both;content:''}
ul.mian_notice_list li {line-height:24px;}
ul.mian_notice_list li a {display:block; float:left; width:200px; font-size:11px; color:#888888; font-family:dotum; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
ul.mian_notice_list li a:hover {color:#008aff;}
ul.mian_notice_list li p {float:right; width:55px; font-size:10px; letter-spacing:px; color:#acacac; font-family:tahoma;}

div.notice_lately {margin-top:20px; }
div.notice_lately p a{color:#000; font-size:12px; font-weight:bold;font-family:dotum, '돋움';}
div.notice_lately p a:hover {color:#008aff;}
div.notice_lately p.date {color:#acacac; font-family:tahoma; font-size:10px; font-weight:normal; margin-top:10px;}

div.notice_lately2 {margin-top:10px; }
div.notice_lately2 p a{color:#000; font-size:12px;}
/* div.notice_lately2 p a{color:#000; font-size:12px; font-weight:bold;font-family:dotum, '돋움';} */
div.notice_lately2 p a:hover {color:#008aff;}
div.notice_lately2 p.date {color:#acacac; font-family:tahoma; font-size:10px; font-weight:normal; margin-top:10px;}


.main_conference_box{*zoom:1;}
.main_conference_box p.image {margin-top:20px;}
.main_conference_box p.subject {margin-top:20px;color:#000; font-size:12px; font-weight:bold;font-family:dotum, '돋움';}
.main_conference_box p a {color:#000;}
.main_conference_box p a:hover {color:#008aff;}
.main_conference_box p.text {margin-top:9px;font-family:dotum, '돋움'; line-height:18px; font-size:11px; color:#888888;}
.main_conference_box p.text span {background:url('../images/main/main_dot03.png') 0 50% no-repeat; padding-left:5px;}



.main_contents_box02{margin:0 auto; width:978px;background:#f5f5f5; border:1px solid #ccc;  border-top:0px; *zoom:1;}
.main_contents_box02:after{display:block;clear:both;content:''}

.main_banner01 {margin:20px 0 0 0; background:url('../images/main/main_banner_bg01.png') 0 0 no-repeat; width:281px; height:89px; padding:2px;}

dl.main_reagent {*zoom:1; margin-top:20px;}
dl.main_reagent:after{display:block;clear:both;content:''}
dl.main_reagent dt {float:left; background:#fff; width:83px;}
dl.main_reagent dd {float:left; margin-left:20px;}
dl.main_reagent dd p.subject a{display:block;color:#666; font-size:12px; font-weight:bold;font-family:dotum, '돋움'; width:165px; }
dl.main_reagent dd p.subject a:hover {color:#008aff;}
dl.main_reagent dd p.text {margin-top:10px; padding-top:10px; background:url('../images/main/main_dot04.png') 0 0 no-repeat;font-size:12px; font-family:dotum, '돋움'; width:170px;}


dl.main_journal {*zoom:1;}
dl.main_journal:after{display:block;clear:both;content:''}
/*dl.main_journal dd {float:right; background:url('../images/main/main_journal_bg01.png') 0 0 no-repeat;; width:93px; height:124px; padding:7px 0 0 7px;}*/
dl.main_journal dd {float:right; width:93px; height:124px; padding:7px 0 0 7px;}

dl.main_journal dt {float:left;  width:160px;}
dl.main_journal dt p.subject a{line-height:16px; color:#000; font-size:14px;  font-weight:bold;}
dl.main_journal dt p.subject a:hover {color:#008aff;}
dl.main_journal dt p.text01{margin-top:20px; font-size:12px; font-family:dotum, '돋움';}
dl.main_journal dt p.text02{margin-top:20px; padding-top:10px; background:url('../images/main/main_dot04.png') 0 0 no-repeat;font-size:11px; font-family:dotum, '돋움';}

div.main_rolling_banner {width:820px; margin-top:35px; position:relative; height:45px;   }
div.main_rolling_banner p.arrow01 {position:absolute; top:9px; left:0;}
div.main_rolling_banner p.arrow01 a{display:block; width:15px; overflow:hidden; height:0px; padding-top:29px;background:url('../images/main/btn_arrow03.png') 0 0 no-repeat;}
div.main_rolling_banner p.arrow01 a:hover {background-position:0 -50px;}
div.main_rolling_banner p.arrow02 {position:absolute; top:9px; right:0;}
div.main_rolling_banner p.arrow02 a{display:block; width:15px; overflow:hidden; height:0px; padding-top:29px;background:url('../images/main/btn_arrow03.png') -30px 0 no-repeat;}
div.main_rolling_banner p.arrow02 a:hover {background-position:-30px -50px;}
div.rolling_banner {width:930px; overflow:hidden; position:absolute; left:30px;}
div.rolling_banner ul{*zoom:1;}
div.rolling_banner ul:after{display:block;clear:both;content:''}
div.rolling_banner ul li {float:left; margin-right:10px;}


/*학술행사 수정 2015-02-10*/
.main_conference_box02{*zoom:1;}
.main_conference_box02:after{display:block;clear:both;content:''}

.main_conference_box02 p.subject {color:#000; font-size:12px; font-weight:bold;font-family:dotum, '돋움';}
.main_conference_box02 p a {color:#000;}
.main_conference_box02 p a:hover {color:#008aff;}
.main_conference_box02 p.text {margin-top:9px;font-family:dotum, '돋움'; line-height:18px; font-size:11px; color:#888888;letter-spacing:-1px; word-spacing:-1px;}
.main_conference_box02 p.text span {background:url('../images/main/main_dot03.png') 0 6px no-repeat; padding-left:5px;}

.main_conference_box02 dl {*zoom:1; padding-top:15px;}
.main_conference_box02 dl:after{display:block;clear:both;content:''}
.main_conference_box02 dt {float:left; width:80px;}
.main_conference_box02 dd {float:right; width:185px;}



/*  2015년 IFCC 일정안내 추가 2015-03-16*/

.main_contents_title1 {*zoom:1; padding:0;width:63%;float:left}
.main_contents_title2:after{display:inherit;clear:both;content:''}
.main_contents_title1 h2 {float:left; line-height:16px; color:#000; font-size:14px; font-weight:bold;}
.main_contents_title1 p{float:right; font-size:11px; font-family:dotum; color:#fff; padding-top:0px; letter-spacing:-1px;}




/*학술행사 수정 2015-07-17*/
.main_conference_box03{*zoom:1;}
.main_conference_box03:after{display:block;clear:both;content:''}

.main_conference_box03 dd p.subject {color:#000; font-size:12px; font-weight:bold;font-family:dotum, '돋움'; margin-top:10px;}
.main_conference_box03 dd p a {color:#000;}
.main_conference_box03 dd p a:hover {color:#008aff;}
.main_conference_box03 dd p.text {margin-top:9px;font-family:dotum, '돋움'; line-height:18px; font-size:11px; color:#888888;letter-spacing:-1px; word-spacing:-1px;}
.main_conference_box03 dd p.text span {background:url('../images/main/main_dot03.png') 0 6px no-repeat; padding-left:5px;}

.main_conference_box03 dl {*zoom:1; padding-top:15px;}
.main_conference_box03 dl:after{display:block;clear:both;content:''}
.main_conference_box03 dt {}
.main_conference_box03 dd {}


/*no banner image*/
.banner_images_box01 {
    width: 978px;
    height: 100px;
    /*margin-left: 136.5px;*/
    /*margin: 0 auto;*/
}
.sub_banner_contents01 {
    margin-left: 136.5px;
}
