@charset "utf-8";
/* Default CSS ==================
= Developer Name: 김주영
= Create Date: 2010.08.17
= Reversion History: (일자,개발자,내용 기술)
= Date.Name Description =
2010.08.20.김주영. 최종수정
============================= */
/* 공통CSS수정 */
body { background-image: url(/image/cm/bg01.gif); }
#container {  }
#head { background-image: url(/image/cm/bg01_head.gif); }

/* 메뉴위치조정 */

#topmenu ul { left: 29px; }

#topmenu ul a { display: inline; float: left; padding: 0 25px; }
#topmenu ul ul#top2m1 { width: 200px; padding-left: 65px; }
#topmenu ul ul#top2m2 { width: 250px; padding-left: 200px; }
#topmenu ul ul#top2m3 { width: 340px; padding-left: 260px; }
#topmenu ul ul#top2m4 { width: 300px; padding-left: 460px; }
#topmenu ul ul#top2m5 { width: 930px; padding-left: 20px; }
#topmenu ul ul#top2m6 { width: 450px; padding-left: 480px; }


#topmenu ul li ul { left: -34px; height: auto; padding: 8px 0 7px; background: url(/image/cm/top2bg.gif) no-repeat 0 100%; overflow: hidden; }
#topmenu ul li ul.overline { left: -34px; height: auto; padding: 8px 0 6px; background: url(/image/cm/top2bg2.gif) no-repeat 0 100%; overflow: hidden }

#topmenu ul li.on ul { background-position: -1000px 100%; }
#topmenu ul ul li { background: url(/image/cm/top2msep.gif) no-repeat 0 4px !important; }
#topmenu ul ul li a span { padding: 2px 7px 1px !important; }

#side h2 { background-image: url(/image/cm/side1bg01.gif); }
h1 { padding: 0 0 0 20px !important; background: url(/image/cm/h1bg01.gif) no-repeat 0 1px !important; }


/* 로그인 - 참가기업, 일반개인, 일반기업 */
.login1 { position: relative; margin: 100px 0 0 0; width: 470px; height: 300px; background: url(/image/exp/login1bg.gif) no-repeat !important;  }
.login1 h2 { position: absolute; left: 36px; top: 40px; }
.login1 p.t1 { position: absolute; left: 36px; top: 70px; }
.login1 p.tid { position: absolute; left: 36px; top: 130px; }
.login1 p.tpw { position: absolute; left: 36px; top: 150px; }
.login1 p label { display: inline; float: left; width: 60px; padding: 2px 0 2px 9px; background: url(/image/exp/bu01.gif) no-repeat 0 50%; color: #777; font-weight: bold; font-size: .92em; }
.login1 p input.text { width: 160px; padding: 2px; border-color: #E5E4E0; font-size: .92em; }
.login1 .item1 { position: absolute; left: 64px; top: 128px; }
.login1 .item2 { position: absolute; left: 64px; top: 148px; }
.login1 .d { margin: 0 3px;color: #DEDDD8; }
.login1 input.image { position: absolute; left: 323px; top: 128px; }
.login1 .bul { position: absolute; left: 0; bottom: 0; width: 460px; margin: 10px 0 0 10px; top: 200px; font-size: .92em;}
.login1 .btns { position: absolute; left: 0; bottom: 0; width: 470px; margin: 10px 0 0 0; text-align: right;  top: 240px;}



/* 로그인 - 기관투자자 */
.login2 { position: relative; margin: 100px 0 0 0; width: 470px; height: 560px; background: url(/image/exp/login2bg.gif) no-repeat !important;  }
.login2 h2 { position: absolute; left: 36px; top: 35px; }
.login2 p.t1 { position: absolute; left: 36px; top: 70px; }
.login2 p.tid { position: absolute; left: 36px; top: 130px; }
.login2 p.tpw { position: absolute; left: 36px; top: 150px; }
.login2 p label { display: inline; float: left; width: 54px; padding: 2px 0 2px 9px; background: url(/image/exp/bu01.gif) no-repeat 0 50%; color: #777; font-weight: bold; font-size: .92em; }
.login2 p input.text { width: 184px; padding: 2px; border-color: #E5E4E0; font-size: .92em; }
.login2 .item1 { position: absolute; left: 64px; top: 180px; }
.login2 .item2 { position: absolute; left: 64px; top: 310px; }
.login2 .item3 { position: absolute; left: 64px; top: 330px; }
.login2 .d { margin: 0 3px;color: #DEDDD8; }
.login2 input.image { position: absolute; left: 323px; top: 170px; }
.login2 input.image2 { position: absolute; left: 323px; top: 310px; }
.login2 .bul { position: absolute; left: 0; bottom: 0; width: 460px; margin: 10px 0 0 10px; top: 400px; font-size: .92em;}
.login2 .bul2 { position: absolute; left: 0; bottom: 0; width: 460px; margin: 10px 0 0 10px; top: 480px; font-size: .92em;}
.login2 .btns { position: absolute; left: 0; bottom: 0; width: 460px; margin: 10px 0 0 0; text-align: right;  top: 440px;}
.login2 .btns2 { position: absolute; left: 0; bottom: 0; width: 460px; margin: 10px 0 0 0; text-align: right;  top: 505px;}
.login2 .tbul1 { position: absolute; left: 36px; top: 135px; padding: 2px 0 2px 15px; background: url(/image/exp/bu02.gif) no-repeat 0 50%;}
.login2 .tbul2 { position: absolute; left: 36px; top: 280px; padding: 2px 0 2px 15px; background: url(/image/exp/bu02.gif) no-repeat 0 50%;}
.login2 .tbul3 { position: absolute; left: 64px; top: 224px; font-size: .92em;}
.login2 .tbul4 { position: absolute; left: 36px; top: 150px; padding: 2px 0 2px 15px;}


/* foot 재정의*/
#expsiteguide { position: absolute; left: 4px; top: 7px; width: 900px; height: 23px; overflow: hidden; }
#expsiteguide ul { position: relative; left: -1px; top: 0; }
#expsiteguide ul li { display: inline; }
#expsiteguide ul li a { display: inline; float: left; padding: 5px 13px 5px 14px; background: url(/image/cm/foot_msep.gif) no-repeat 0 50%; color: #555; }

#expfamilysite { position: absolute; left: 798px; top: 9px; }
#expfamilysite #expfamilysitec { display: none; position: absolute; left: 0; bottom: 20px; width: 130px; padding: 5px 10px; border: 1px solid #ccc; background: #EDEEEF; }
#expfamilysite ul li { display: inline; }
#expfamilysite ul li a { display: inline; float: left; width: 130px; padding: 2px 0 1px; color: #6B6D70; font-size: .92em; }
#expfamilysite ul li a:hover,
#expfamilysite ul li a:active,
#expfamilysite ul li a:focus { color: #008ca5 !important; font-weight: bold; letter-spacing: -1px; }
#expfamilysite .close { position: absolute; right: 10px; bottom: 10px; }

#expauthorinfo { position: absolute; left: 0; top: 40px; width: 950px; height: 50px; }
#expauthorinfo h4 { position: absolute; right: 6px; top: 19px; background: transparent !important; }
#expauthorinfo ul { position: absolute; left: 17px; top: 17px; width: 700px; height: 43px; background: url(/image/exp/expfoot_address.gif) no-repeat; overflow: hidden; font-size: 0; line-height: 0; text-indent: -9999px; }
#expauthorinfo address { display: block; color: #555; }
#expauthorinfo address.copyright { position: absolute; left: 17px; top: 65px; width: 700px; height: 14px; background: url(/image/exp/foot_copyright.gif) no-repeat; overflow: hidden; font-size: 0; line-height: 0; text-indent: -9999px; }
/* #authorinfo address.copyright { margin: 3px 0 0 0; color: #767676; } */
#expauthorinfo .bann { position: absolute; right: 166px; top: 15px; background: transparent !important; }
#expauthorinfo .email { position: absolute; left: 288px; top: 65px; background: transparent !important; }


/* 회원가입 - 참기기업 */
.com_up { width: 100%; float: left; }
.com_up1 { width: 295px; float: left; }
.com_up2 { width: 295px; float: left; padding: 0px 0 0px 5px;}


/* 상단 - 로그인 부분 조정*/
#mainglobalmenu { position: absolute; left: 230px; top: 29px; width: 550px; height: 20px; overflow: hidden; }
#mainglobalmenu ul { position: absolute; right: 0; top: 0; }
#mainglobalmenu ul li { display: inline; float: left; margin: 0 0 0 10px; padding: 2px 0; }
#mainglobalmenu ul li a { display: inline; float: left; }
#mainglobalmenu ul li.m2 { margin: 0; padding: 0; }
#mainglobalmenu ul li.m3 { margin: 0; padding: 0 0 0 2px; background: url(/image/cm/gm3sep.gif) no-repeat 0 50%; }
#mainglobalmenu ul li.m3 a { margin: 0; padding: 0 12px; }
#mainglobalmenu ul li.m3.eng { margin: 0 0 0 10px; }
#mainglobalmenu ul li.m2.login { margin: 0 0 0 10px; }

#expglobalmenu { position: absolute; left: 415px; top: 29px; width: 550px; height: 20px; overflow: hidden; }
#expglobalmenu ul { position: absolute; right: 0; top: 0; }
#expglobalmenu ul li { display: inline; float: left; margin: 0 0 0 10px; padding: 2px 0; }
#expglobalmenu ul li a { display: inline; float: left; }
#expglobalmenu ul li.m2 { margin: 0; padding: 0; }
#expglobalmenu ul li.m3 { margin: 0; padding: 0 0 0 2px; background: url(/image/cm/gm3sep.gif) no-repeat 0 50%; }
#expglobalmenu ul li.m3 a { margin: 0; padding: 0 12px; }
#expglobalmenu ul li.m3.eng { margin: 0 0 0 10px; }
#expglobalmenu ul li.m2.login { margin: 0 0 0 10px; }


/* 1:1미팅신청*/
table.expt1 { margin: 6px 0; border-collapse: collapse; border-top: 2px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px hidden #fff; background: #fff; }
* html table.expt1 { border-right: 1px solid #fff !important; }
*:first-child+html table.expt1 { border-right: 1px solid #fff !important; }
table.expt1 tr { text-align: left; }
table.expt1 th,
table.expt1 td { border: 1px solid #ccc; border-width: 1px 1px 0 0; padding: 6px 14px 6px; }
table.expt1 td.can01 { background: #a7a7a7;}
table.expt1 td.can02 { background: #fce9c3;}
table.expt1 th { background: #f7f7f7; color: #8c8c8c; font-weight: normal; text-align: left; size: .92em;}
table.expt1 thead th,
table.expt1 tfoot th { font-weight: bold; font-size: .92em; text-align: center; vertical-align: middle; }
table.expt1 tr.t1 th,
table.expt1 tr.t1 td { border-width: 0 1px 0 0; padding: 1px 14px 1px; }
table.expt1 tr.t2 th,
table.expt1 tr.t2 td { border-width: 0 1px 0 0; padding: 1px 14px 6px; }
table.expt1 .tdtac td { text-align: center; }
table.expt1 .tdtar td { text-align: right; }
table.expt1 td.thc { background: #ebf6f8; color: #0390aa; font-weight: bold; font-size: .92em; text-align: center; vertical-align: middle; }

table.expt1 table.t3_1 { border-collapse: collapse; border: 0px; }
table.expt1 table.t3_1 td { border: 0px; }
table.expt1 table.t3_1 th { border: 0px; background: #f5f5f5;}


/* 지난행사보기 */
.event_step { position:relative; width: 760px; height: 35px; padding:0; margin: 0 auto 40px; background: url(/image/exp/event_cmbg.gif) no-repeat; }
.event_step ul { position:relative; width: 396px; padding:0; margin: 0 auto; text-align: center;}
.event_step ul li { display:inline; float:left; a}
.event_step ul li img { vertical-align: top; }

.event_picti{ position:relative; width : 219px; float:left; text-align: right; padding:0 11px 0 0;}
.event_picimg{ position:relative; width : 513px; float:left; left:28px;}

.event_pic { position:relative;  width: 513px; margin-bottom:0px; padding-bottom:20px; clear: both;}
.event_pic ul { position:relative; display:inline; width: 513px; padding: 0; margin: 0 auto;}
.event_pic ul li { display:inline; float:left; border:1px solid #ebebeb; background-color:#f7f8f7; width:71px; height:51px; margin: 0 7px 7px 0;}
.event_pic ul li img { padding: 6px 0 0 6px; width:58px; height:39px;}


/* 마이페이지 : IR지원서비스 */
.irdiv {position:relative; display:inline; width : 450px; float:left;}
.irdiv2 { position:relative; display:inline; width : 290px; float:right; padding-top:30px;}
.irdiv3 { position:relative; clear: both; }

/* 마이페이지 : 참가기업 */
.my2div {position:relative; display:inline; width : 370px; float:left;}
.my2div2 { position:relative; display:inline; width : 370px; float:right; }
.my2div3 { position:relative; clear: both; }


/* IR자료 */
table.attach { margin: 0 !important; padding: 0 !important; border-collapse: collapse; border: 0 !important; }
table.attach td { padding: 0 !important; border: 0 !important; background: #fff !important; /* color: #666 !important; */ vertical-align: top !important; height:27px; }
table.attach td .text_file { padding: 3px 5px; border: 1px solid #ccc; background: #fff !important; font-size: 1.1em;}

/* 1:1미팅신청 : 투자자 */
.exptu { position: relative; width: 100%; background: #fff url(/image/cm/box2bg3.gif) no-repeat left bottom; }
.exptu .x { position: relative; background: url(/image/cm/box2bg4.gif) no-repeat right bottom; padding-bottom: 10px; }
.exptu .x .x { position: relative; background: url(/image/cm/box2bg1.gif) no-repeat left top; padding: 0; }
.exptu .x .x .x { position: relative; background: url(/image/cm/box2bg2.gif) no-repeat right top; padding: 10px 10px 10px; }
.exptu ul { position:relative; width: 730px; overflow: hidden; }
.exptu ul li { display: inline; float: left; width:220px; padding: 0 0 0 10px; background: url(/image/cm/li3bg.gif) no-repeat 0 5px; }

.exptu_hall { position:relative; width: 100%; padding:0; margin: 30px auto 0;}
.exptu_hall ul { position:relative; width: 760px; padding:0; margin: 0 auto;}
.exptu_hall ul li { display:inline; float:left; width:175px; height:30px; margin: 0 15px 10px 0;}

/* 미팅일정 POPUP */
.pop_meeting { margin-left: 20px !important; width:700px !important; padding: 5 5 5 5px !important; align:center !important; }
.pop_meeting h1 { font-family: "바탕",Dotum,"굴림",Gulim,"돋움",sans-serif; font-weight: bold; font-size: 2.7em; line-height: 1.19; letter-spacing: 2px;  background: transparent !important; text-align:center !important;  margin: 30px 0px -17px 0px !important;}
.pop_meeting h2 { font-family: "바탕",Dotum,"굴림",Gulim,"돋움",sans-serif; font-weight: bold; font-size: 1.3em; line-height: 1.19; letter-spacing: 2px;  background: transparent !important; text-align:center !important; }
.pop_meeting h3 { font-family: "바탕",Dotum,"굴림",Gulim,"돋움",sans-serif; font-weight: bold; font-size: 1.7em; line-height: 1.1; letter-spacing: 0px;  background: transparent !important; text-align:center !important;  margin: 30px 0px 13px 0px !important;}
.pop_meeting h4 { font-family: "바탕",Dotum,"굴림",Gulim,"돋움",sans-serif; font-size: 1.4em; line-height: 1.1; letter-spacing: 0px;  background: transparent !important; text-align:center !important; }
.pop_meeting h5 { font-family: "바탕",Dotum,"굴림",Gulim,"돋움",sans-serif; font-size: 1.4em; line-height: .9em; letter-spacing: 1px;  background: transparent !important; text-align:center !important; }
.pop_meeting h6 { margin-left: 20px !important; padding: 0 0 0 18px; background: url(/image/cm/h3bg.gif) no-repeat 0 1px; font-weight: normal; }
.pop_meeting .title { font-size: 1.1em; text-align:center; font-weight: normal; }
.pop_meeting em { color: #ed1c24; }
.pop_meeting .group { color: #00a651; }


table.impsbl { margin: 6px 0; border-collapse: collapse; border-top: 2px solid #9AD3DD; border-bottom: 1px solid #ccc; border-right: 1px hidden #fff; background: #fff; }
* html table.impsbl { border-right: 1px solid #fff !important; }
*:first-child+html table.impsbl { border-right: 1px solid #fff !important; }
table.impsbl tr { text-align: left; }
table.impsbl th,
table.impsbl td { border: 1px solid #ccc; border-width: 1px 1px 0 0; padding: 3px 3px 3px 3px; }
table.impsbl th { background: #EBF6F8; color: #0390AA; font-weight: normal; text-align: left; padding: 3px 3px 3px 18px; }
table.impsbl thead th,
table.impsbl tfoot th { font-weight: bold; font-size: .92em; text-align: center; vertical-align: middle; }
table.impsbl tr.t1 th,
table.impsbl tr.t1 td { border-width: 0 1px 0 0; padding: 1px 14px 1px; }
table.impsbl tr.t2 th,
table.impsbl tr.t2 td { border-width: 0 1px 0 0; padding: 1px 14px 6px; }
table.impsbl .tdtac td { text-align: center; }
table.impsbl .tdtar td { text-align: right; }
table.impsbl td.thc { background: #ebf6f8; color: #0390aa; font-weight: bold; font-size: .92em; text-align: center; vertical-align: middle; }

table.impsbl table.t3_1 { border-collapse: collapse; border: 0px; }
table.impsbl table.t3_1 td { border: 0px; }
table.impsbl table.t3_1 th { border: 0px; background: #f5f5f5;}



/**/
.expright { float: right; padding: 0px 0; text-align: right; }

.exptu_list { position:relative; width: 100%; padding:0; clear:both;}

/* table 안에 table 사용시 */
.talbefont { margin: 0 !important; padding: 0 !important; border-collapse: collapse; border: 0 !important; font-size:11px !important; }
.talbefont td { padding: 0 !important; border: 0 !important; background: #fff !important; /* color: #666 !important; */ vertical-align: top !important; font-size:11px !important; }

 
/* 엑스포 퀴즈 */
#mgz { margin-left:45px;}
#mgz ul {list-style:none; padding:0; margin:0;}


table.exp { width: 100%; border-collapse: collapse; border: 0px solid #9AD3DD; border-top: 2px solid #9AD3DD; background: #fff; }
table.exp caption { padding-bottom: 4px; }
table.exp tr {  }
table.exp th,
table.exp td { border: 1px solid #9AD3DD; padding: 4px 5px 4px; font-weight: normal; font-size: .92em; }
table.exp td * { font-size: 1em; }
table.exp thead th,
table.exp tfoot th { background: #EBF6F8; text-align: center; color:#009fb8; }
table.exp tbody th { background: #EBF6F8; text-align: center; }
table.exp tbody td { text-align: center; }
table.exp tr.e * { background: #F4F4F4 !important; }
table.exp td.a { background:url(/image/exp/pat_a.gif); }
table.exp td.b { background:url(/image/exp/pat_b.gif); }



#mediadata { width:760px; height:380px; background:#FFF url(/image/exp/content_bg.gif) no-repeat 20px 0px; }
#seminar_box { position:absolute; top:90px; left:545px; width:288px }
#seminar_box p { margin-bottom:15px;}