@charset "utf-8"; 

/**
 * ·¹À̾ƿôCSS
 */
body{margin:0 auto; padding:0; width:100%;}
#ietoWrap { min-width:1027px; height:100%;}

/**
 * header
 */
#header { position:relative; z-index:1; height:148px; }
.topBox { height:85px; }
.topBox .bgColor_01 { position:absolute; top:0; left:0; z-index:-1; width:50%; height:23px; border-top:1px solid #c0bfbf; }
.topBox .bgColor_02 { position:absolute; top:0; left:50%; z-index:-1; width:50%; height:23px; border-top:1px solid #c0bfbf; }
.topBox .bgColor_03 { position:absolute; top:23px; left:50%; z-index:-1; width:50%; height:77px;}
.topBox .topLeft { width:809px; height:85px; }
.topBox .topRight { width:217px; height:85px; border-left:1px solid #c0bfbf; background:#d8d8d8; }
.topLeft .issn { height:0px; padding-right:9px; background:#54525c; font-weight:600; color:#ffffff; line-height:23px; text-align:right; }
.logoSearchArea { width:839px; }
#logo { position:relative; width:170px; height:80px; margin:5px 0 0 0px; background-color:#fff; }
#logo a { display:block; width:95px; height:85px; background:url('/img/common/bg/IETP_logo_1.png') 6px -2px no-repeat; background-size:86px 75px; text-indent:-9999em; }
.topSearchFormArea { width:641px; height:84px; margin-top:1px; border-left:1px solid #c0bfbf; background:#ffffff; }

.userSelectFormArea { height:38px; margin-top:16px; }
.fristLine { height:25px; }
.secondLine { height:25px; margin-top:10px; }

.userSelectFormArea div p { width:150px; margin-left:6px; }

.userSelectFormArea div p + p { width:330px; margin-left:6px; }
/*
.userSelectFormArea div p + p { width:255px; margin-left:6px; }
*/
.userSelectFormArea div p + p + p { width:100px; margin-left:6px; }

.userSelectFormArea div p label { width:50px; }
.userSelectFormArea div p + p label { width:45px; }
/*
.userSelectFormArea div p label { width:40px; }
.userSelectFormArea div p + p label { width:41px; }
*/

.userSelectFormArea div p + p + p label { width:43px; }
#title_keyword, #Volume, #Author, #Page, #Journal, #Books { height:12px; padding:3px; border:1px solid #595959; vertical-align:top; }
#title_keyword, #Author, #Volume, #Page { width:90px; }

#Journal, #Books { width:270px; height:20px; padding:0; }
/*
#Journal, #Books { width:208px; height:20px; padding:0; }
*/
/*
#Volume, #Page { width:44px; }
*/

.btn_totalsearch { width:87px; height:48px; margin-top:16px; margin-left:12px; border:0; background:#9f9e9e; font-size:13px; font-weight:600; color:#ffffff; }

.topUtil { height:23px; background:#47454e; line-height:23px; text-align:center;}
.topUtil a { color:#ffffff; }
.topUtil a + a { margin:0 0 0 9px; }

.topUtil_out { height:23px; background:#47454e; line-height:18px; text-align:center; padding-right:20px; }
.topUtil_out a { color:#ffffff; }
.topUtil_out a + a { margin:0 0 0 0px; }

.topLogInWrap { margin:8px 0 0 15px; }
.topLogInWrap p input[type='text'], .topLogInWrap p input[type='password'] { width:103px; height:12px; padding:3px; border:1px solid #595959; background:#ffffff; }
.topLogInWrap p + p { margin-top:8px; }

.ie.ie7 .topLogInWrap p { margin-top:-1px; }
.ie.ie7 .topLogInWrap p + p { margin-top:6px; }
.btn_top_login { width:62px; height:48px; margin-left:6px; border:0; background:#425361; font-weight:600; color:#ffffff; }
.btn_top_journal { width:62px; height:28px; margin-left:6px; border:0; background:#425361; font-weight:600; color:#ffffff; }
/**
 * gnb
 */
.gnbArea { height:43px; border-top:3px solid #12204f; background:url('../img/common/bg/bg_gnb.png') repeat-x 0 0; }
#gnb { width:1027px; margin:0 auto; }
#gnb li { float:left; width:205.2px; }
#gnb li a { display:block; height:43px; font-size:15px; font-weight:700; color:#1d1d1d; line-height:43px; text-align:center; }

/** 103 / 108
 * container
 */
#container { position:relative; min-height:100%; margin:-148px 0 -79px; }
.ie.ie6 #container { height:100%; }
#conArea { margin:148px 79px; }
.conAreaInner { width:1027px; margin:0 auto; padding:7px 0 20px 0; }

/**
 * footer
 */
#footer { overflow:hidden; height:79px; background:#f7f7f7; color:#999797; text-align:center; }


/* black */
.black {
	color: #d7d7d7;
	border: solid 1px #333;
	background: #444;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
	background: -moz-linear-gradient(top,  #666,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}
.black:hover {
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
	background: -moz-linear-gradient(top,  #444,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
}
.black:active {
	color: #666;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
	background: -moz-linear-gradient(top,  #000,  #444);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
}

/* blue */
.blue {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}


/* gray */
.gray {
	color: #333;
	border: solid 1px #bebebe;
	background: #F6F6F6;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
	background: -moz-linear-gradient(top,  #666,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#333333');
}
.gray:hover {
	background: #bebebe;
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
	background: -moz-linear-gradient(top,  #444,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#666666');
}
.gray:active {
	color: #333333;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
	background: -moz-linear-gradient(top,  #AAA,  #444);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#333333');
}

/* button 
---------------------------------------------- */
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 12px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
.small {
	font-size: 11px;
	padding: .2em 1em .275em;
}