﻿@charset "utf-8";
body {
    font-family: "돋움",Futura, Century Gothic, helvetica, Arial;
    font-size: 13px;
    line-height:20px;
}

input {
    font-family: "돋움",Futura, Century Gothic, helvetica, Arial;
    font-size: 13px;
}

.fixed .cee #body .e1,
.fixed .cee #body .e2,
.fixed .ece #body .e1,
.fixed .ece #body .e2,
.fixed .eec #body .e1,
.fixed .eec #body .e2{ display:block; width:240px;}

.fixed .cee #body #content,
.fixed .ece #body #content,
.fixed .eec #body #content{ width:480px;}

.fixed .cee #body #content{ float:left; margin-right:20px;}
.fixed .ece #body #content{ float:left; margin-right:-100%; left:220px;}
.fixed .eec #body #content{ float:right;}

.fixed .ece #body .e1,
.fixed .eec #body .e1{ float:left; margin-right:20px;}

.fixed .cee #body .e1,
.fixed .eec #body .e2{ float:left;}

.fixed .cee #body .e2,
.fixed .ece #body .e2{ float:right;}

#tabletype1{width:100%; border-bottom:1px solid #999; color:#666; font-size:12px; table-layout:fixed; border-collapse:collapse;}
#tabletype1 caption{display:none;}
#tabletype1 th{width:10%;line-height:18px; padding:5px; border:solid 1px #999; background-color:#f8f5ed; font-weight:bold; color:#333; vertical-align:center;}
#tabletype1 td{padding:5px; text-align:left; border:solid 1px #999; background-color:#f8f5ed;}

.pagehead {

    font-size:24px; 

    text-transform:uppercase;
    text-valign:center;
    padding:10px 0 10px 0;
    margin:20px 0px 40px 0px;
    text-align:center;
    /*font-family: 다음_SemiBo;*/
    font-family: "돋움";
    font-weight:bold;
    color:white;
    background-color:#5ec02b;
/*  background-color:black; */
}

.subtitle {
    font-size:18px; 
    text-transform:uppercase;
    text-valign:center;
    padding:10px 0 10px 0;
    margin:20px 0px 40px 0px;
    text-align:center;
    font-family: "다음_SemiBo";
    font-weight:bold;
}

#header { margin:0; background: url(../images/default/bgHeader.jpg); height:160px; width:960px;}
#logo { padding-top:45px; padding-left:20px; }
#selectLang { margin:0; padding:0; }
#gnb { margin:0; padding:0; }
#lnb { margin:0; padding:0; }
#lnb ul { margin:0; padding:0; }

#language { position:absolute; top:63px; right:19px; z-index:100;}
#language strong { color:#ffffff; font:.75em Tahoma; margin-right:3px;}
#language a img { vertical-align:-5px;}
#language ul { position:absolute; top:15px; right:0px; display:none; border:1px solid #b23628; background:#de4332;}
#language ul li { list-style:none; }
#language ul li a { display:block; width:61px; padding:3px 8px; font:9px Tahoma; color:#ffffff; text-decoration:none;}
#language ul li a:hover { background:#bc4032;}

#it_search_form { position:absolute; top:50px; right:15px;}
#it_search_form .input { border:1px solid #bc4032; height:17px; width:120px; color:#888888; font-size:.9em;}
#it_search_form .submit_button { width:1px; height:1px; visibility:hidden; }

#gnb { position:absolute; top:125px; left:0; height:40px; overflow:hidden; white-space:nowrap; margin-bottom:10px;}
#gnb li { float:left; list-style:none; background:url(../images/default/bgGnbVr.jpg) no-repeat left center; padding-left:2px; position:relative; left:-2px; white-space:nowrap;}
#gnb li a { display:block; float:left; padding:7px 15px 0 15px; height:25px; color:#ffffff; white-space:nowrap; text-decoration:none; }
#gnb li a:hover,
#gnb li a:focus { color:#ffffff;}
#gnb li.on a { font-weight:bold; color:#ffffff;}

#dday { position:absolute; top:45px; left:350px; margin:0; padding:auto; width:300px; color:white; }
#rallyday { position:absolute; top:43px; left:500px; margin:0; padding:auto; width:300px; color:white; }

#isSearch { position:absolute; top:93px; right:15px; width:214px; text-align:right;}
#isSearch .searchOrder { display:none;}
#isSearch .checked { position:absolute; left:0; top:0; text-align:left; display:block; padding:5px 0 0 5px; width:64px; height:14px; background:url(../images/default/bgSearchTerm.gif) no-repeat; font:11px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; color:#ffffff; line-height:normal;}
*:first-child+html #isSearch .checked { top:1px; }
#isSearch ul { display:none; position:absolute; left:0; top:18px; padding:2px 0 3px 0; text-align:left; border:1px solid #919898; background:#536c6d;}
#isSearch ul li { width:67px; height:18px; list-style:none; }
#isSearch ul li input { display:none;}
#isSearch ul li label { display:block; padding:4px 0 0 4px; width:63px; height:15px; font:11px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; color:#ffffff;}
#isSearch ul li label.on { background:#455a5b; }
#isSearch ul li label:hover,
#isSearch ul li label:focus { background:#455a5b;}
#isSearch .inputText { vertical-align:middle; position:relative; top:0; _top:-1px; left:1px; padding:3px 3px 1px 3px; width:94px; height:13px; color:#ffffff; border:1px solid #8E8E8D; background-color:#857C79; }
#isSearch .inputText:hover,
#isSearch .inputText:focus { border:1px solid #B0B0AF; background-color:#A9A4A3; }
*:first-child+html body#default #isSearch .inputText { position:relative; top:-1px;}
#isSearch .submit { vertical-align:middle; _position:relative; _top:-1px;}
*:first-child+html body#default #isSearch .submit { position:relative; top:-1px;}

#lnb { border-top:1px solid #dddddd; padding:4px 5px; width:190px;}
#lnb li { padding-bottom:4px; list-style:none; }
#lnb li a { padding:6px 5px 6px 13px; width:170px; display:block; border:1px solid #e8e8e8; background:url(../images/default/bgLnbOff.gif) repeat-x; color:#3e3e3e; position:relative; z-index:99; text-decoration:none;}
#lnb li a:hover,
#lnb li a:focus { color:#ffffff; background:#5ec02b; border:1px solid #5ec02b;}
#lnb li.on a { color:#ffffff; background:#5ec02b; border:1px solid #5ec02b;}
#lnb li.on a:hover,
#lnb li.on a:focus { font-weight:bold;}
#lnb li ul { display:block; position:relative; width:184px; padding:0 3px; border-top:1px solid #ffffff; overflow:hidden;}
#lnb li.on ul { display:block;}
#lnb li ul li { padding:0; border-top:1px solid #f2f2f2; position:relative; top:-1px;}
#lnb li ul li a { padding:6px 5px 6px 10px; width:169px; color:#818181 !important; border:none; background:none !important; border:none !important;}
#lnb li ul li a:hover,
#lnb li ul li a:focus { font-weight:normal !important; color:#5ec02b !important;}
#lnb li.on ul li.on a { color:#6dd264 !important; font-weight:bold !important; background:url(../images/default/bulletLnb.gif) no-repeat 175px center  !important;}

#footer { margin:0; padding:0; border-top:3px solid #f4f4f4; text-align:center; padding:2em 0 4em; clear:both;}
#footer li { display:inline; padding:0 .6em 0 1em; background:url(../images/default/vrType1.gif) no-repeat left center;}
#footer li.first-child { background:none;}
#footer li a { color:#999999; font:.9em "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;}
#footer li address { display:inline; }


.ol.li { list-style:decimal; }
.first:first-letter { 
	font-size:24px; 
	font-weight:bold; 
}

.speaker_picture {
	float:left;
	width:190px;
	height:190px;
	background:url(/images/introSpeaker.jpg) no-repeat left;
	margin:8px;
}

.speaker_picture_night1 {
	float:left;
	width:190px;
	height:202px;
	background:url(/images/nightSpeaker1.jpg) no-repeat left;
	margin:8px;
}

.speaker_picture_night2 {
	float:left;
	width:190px;
	height:285px;
	background:url(/images/nightSpeaker2.jpg) no-repeat left;
	margin:8px;
}

.speaker_picture_night3 {
	float:left;
	width:190px;
	height:143px;
	background:url(/images/nightSpeaker3.jpg) no-repeat left;
	margin:8px;
}

.caution1 { font-size:18px; text-transform:uppercase; text-valign:center; text-align:center; font-family: "돋움"; font-weight:bold; color:red; 
margin:0px 0px 40px 0px;}

.caution2 { font-size:12px; text-transform:uppercase; text-valign:center; text-align:center; font-family: "돋움"; font-weight:bold; color:red;}

ul.regist { list-style-type:square; margin:0px 0px 20px 0px;}
ul.regist ul.regist { list-style-type:disc; }
li.regist { font-weight:bold; margin:20px 0px 0px 0px;}

table.tabletype3 { border-width: 1px; border-spacing: 0px; border-style: solid; border-color: gray; border-collapse: collapse; background-color: #faf0e6; }
table.tabletype3 th { border-width: 1px; padding: 4px; border-style: solid; border-color: gray; background-color: #faf0e6; text-align:center; }
table.tabletype3 td { border-width: 1px; padding: 4px; border-style: solid; border-color: gray; background-color: #faf0e6; text-align:center; }

table.tabletype4 { width:100%; border-width: 1px; border-spacing: 0px; border-style: solid; border-color: gray; border-collapse: collapse; background-color: #faf0e6; }
table.tabletype4 th { border-width: 1px; padding: 4px; border-style: solid; border-color: gray; background-color: #faf0e6; text-align:center; }
table.tabletype4 td { border-width: 1px; padding: 4px; border-style: solid; border-color: gray; background-color: #faf0e6; text-align:center; }

.link1 { text-valign:center; text-align:center; margin:40px auto 40px auto; }
.link1 a { font-size:14px; text-transform:uppercase; text-valign:center; text-align:center; font-family: "돋움"; font-weight:bold; color:black; 
background-color:#ff3333; padding:10px 10px 10px 10px; text-decoration:none; border: solid 2px black;}

.link2 { text-valign:center; text-align:center; margin:40px auto 40px auto; }
.link2 a { font-size:14px; text-transform:uppercase; text-valign:center; text-align:center; font-family: "돋움"; font-weight:bold; color:black; 
background-color:#00ff33; padding:10px 10px 10px 10px; text-decoration:none; border: solid 2px black;}



#header .account{ position:absolute; top:70px; right:0; margin:0; padding:0; z-index:2;}
#header .account li{ position:relative; float:left; list-style:none; background-image:url(../img/lineHeaderVr.gif); background-repeat:no-repeat; background-position:left 9px;}
#header .account li *{ vertical-align:top;}
#header .account li li{ float:none; height:auto; background-image:none;}

#header .account li.log { background-image:none;}
#header .account li.log a{ text-decoration:none; display:block; width:42px; height:15px; padding:3px 8px;}
#header .account li.log a span{ color:red; font-family: "lucida grande", "tahoma", "verdana", "arial", "sans-serif"; text-decoration:none; font-size:8px; font-style:normal; font-weight:bold;}

#header .account li.profile button{ border:0; padding:1px 0 0 0; width:55px; height:15px; cursor:pointer; background-color:transparent; }
#header .account li.profile button span{ color:red; font-family: "lucida grande", "tahoma", "verdana", "arial", "sans-serif";  font-size:8px; font-style:normal; font-weight:bold;}

#header .account li.profile .memberProfile{ display:none; position:absolute; top:15px; left:8px; padding:20px; background:#fff; border:2px solid #737373;}
#header .account li.profile .memberProfile.active{ display:block;}
#header .account li.profile .memberProfile .authorName{ margin:0 0 8px 0; font-size:16px; font-weight:bold; color:#333; white-space:nowrap;}
#header .account li.profile .memberProfile ul{ margin:0; padding:15px 15px 5px 15px; list-style:none; border:1px solid #f2f2f2; background:#fcfcfc;}
#header .account li.profile .memberProfile li{ float:none; white-space:nowrap; margin:0 0 10px 0; padding:0 0 0 10px; background:url(../img/bulletB.gif) no-repeat left center;}
#header .account li.profile .memberProfile li a{ background:none; color:#333; text-decoration:none;}
#header .account li.profile .memberProfile li a:hover,
#header .account li.profile .memberProfile li a:active,
#header .account li.profile .memberProfile li a:focus{ text-decoration:underline;}
#header .account li.profile .memberProfile .close{ position:absolute; cursor:pointer; border:0; padding:0; top:0; right:0; width:27px; height:27px; background:transparent url(../img/buttonCloseX.gif) no-repeat center center;}
#header .account li.profile .memberProfile .close span{ position:absolute; font-size:0; line-height:0; width:0; height:.; overflow:hidden; visibility:hidden;}

#header .account li.register a{ text-decoration:none; display:block; width:50px; height:15px; padding:3px 8px;}
div.black #header .account li.register a{ background-position:center 5px;}
#header .account li.register a span{ color:red; font-family: "lucida grande", "tahoma", "verdana", "arial", "sans-serif"; text-decoration:none; font-size:8px; font-style:normal; font-weight:bold;}

#header .account li.english a{ text-decoration:none; display:block; width:50px; height:15px; padding:3px 8px;}
#header .account li.english a span{ color:red; font-family: "lucida grande", "tahoma", "verdana", "arial", "sans-serif";  font-size:8px; font-style:normal; font-weight:bold;}



/* modalWindow */
.loginWindow{ display:none; position:fixed; left:0; top:0; _position:absolute; width:100%; height:100%; z-index:100;}
.loginWindow.open{ display:block;}
.loginWindow .modalWindow{ display:block; position:fixed; border:0; left:0; top:0; _position:absolute; width:100%; height:100%; background:#000; opacity:.3; filter:alpha(opacity:30);}
.loginWindow .loginLayer{ position:absolute; width:289px; top:30%; left:50%; padding:30px; border:2px solid #737373; margin:0 0 0 -175px; background:#fff;}
.loginWindow .loginLayer form{ display:none; *zoom:1; margin:0 0 29px 0;}
.loginWindow .loginLayer form:after{ content:""; display:block; clear:both;}
.loginWindow .loginLayer form legend{ position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden;}
.loginWindow .loginLayer fieldset{ border:0; margin:0; padding:0;}
.loginWindow .loginLayer.loginTypeA form.typeA,
.loginWindow .loginLayer.loginTypeB form.typeB{ display:block;}
.loginWindow .loginLayer dl{ margin:0; padding:0 0 1px 0;}
.loginWindow .loginLayer dt{ font-size:12px; font-weight:bold; color:#868d95; margin:0 0 2px 0;}
.loginWindow .loginLayer dd{ margin:0 0 21px 0;}
.loginWindow .loginLayer .inputText{ width:269px; height:31px; padding:6px 9px 0 9px; border:1px solid #ddd; font:20px Tahoma; color:#333;}
.loginWindow .loginLayer .inputText:focus{ background-color:#fbfbfb;}
.loginWindow .loginLayer .inputCheck{ margin:0 3px 0 0; width:13px; height:13px; vertical-align:middle;}
.loginWindow .loginLayer.loginTypeA .inputText{ background-image:url(../img/bgLoginText.gif); background-repeat:no-repeat; background-position:right top;}
.loginWindow .loginLayer.loginTypeB .inputText{ background-image:url(../img/bgOpenidText.gif); background-repeat:no-repeat; background-position:right top; padding:6px 9px 0 35px; width:243px;}
.loginWindow .loginLayer .keep{ margin:0; float:left; font-size:11px; line-height:normal; white-space:nowrap;}
.loginWindow .loginLayer .keep label{ color:#555;}
.loginWindow .loginLayer .loginButton,
.loginWindow .loginLayer .loginButton input{ position:relative; border:0; color:#fff; font-size:12px; font-weight:bold; display:inline-block; height:36px; line-height:36px; background-color:transparent; background-image:url(../img/buttonLoginAction.gif); background-repeat:no-repeat; overflow:visible;}
.loginWindow .loginLayer .loginButton{ float:right; background-position:0 0; right:11px;}
.loginWindow .loginLayer .loginButton input{ left:11px; background-position:right 0; padding:0 30px 0 45px; cursor:pointer;}
.loginWindow .loginLayer .help{ margin:0 -30px -30px -30px; padding:14px 0; list-style:none; text-align:center; background:#fafafa; border-top:1px solid #f2f2f2;}
.loginWindow .loginLayer .help li{ display:inline; font-size:11px; line-height:11px; padding:0 0 0 5px;}
.loginWindow .loginLayer .help li.join{ font-weight:bold;}
.loginWindow .loginLayer .help li.find{ border-left:1px solid #b3b3b3;}
.loginWindow .loginLayer .help li.typeA,
.loginWindow .loginLayer .help li.typeB{ display:none; border-left:1px solid #b3b3b3;}
.loginWindow .loginLayer.loginTypeA .help li.typeA,
.loginWindow .loginLayer.loginTypeB .help li.typeB{ display:inline;}
.loginWindow .loginLayer .help li a{ text-decoration:none; color:#555;}
.loginWindow .loginLayer .help li a:hover,
.loginWindow .loginLayer .help li a:active,
.loginWindow .loginLayer .help li a:focus{ text-decoration:underline;}
.loginWindow .loginLayer .close{ position:absolute; cursor:pointer; border:0; padding:0; top:0; right:0; width:27px; height:27px; background:transparent url(../img/buttonCloseX.gif) no-repeat center center;}
.loginWindow .loginLayer .close span{ position:absolute; font-size:0; line-height:0; width:0; height:.; overflow:hidden; visibility:hidden;}
