@charset "utf-8";
/*
NHN UIT Lab. WebStandardization Team (http://html.nhndesign.com/)
Jeong, Chan Myeong 070601~070630
*/

/* Default Skin - Start */
#selectLang { margin:0; padding:0; }
#gnb { margin:0; padding:0; }
#lnb { margin:0; padding:0; }
#lnb ul { margin:0; padding:0; }

/* Site Layout - Body Wrap */
body { background:#FFFFFF url(../images/bg.gif) repeat-x; line-height:16px;}
#bodyWrap { width:900px; margin:0 auto; padding:0; }

/* Site Layout - Header */
#header { position:relative; width:900px; height:165px; margin-bottom:3px; z-index:99; text-align:center;}
#logo { margin:0; padding:0; position:relative; padding-top:26px;}

#favor {position:absolute; left:0; top:6px; z-index:99;}
#favor a { color:#777; font-size:11px; font-family:dotum; text-decoration:none; letter-spacing:-1px; background:url(../images/favor1.gif) no-repeat left; padding-left:10px; }
#favor a:hover { background:url(../images/favor2.gif) no-repeat left;}

#tp { position:absolute; right:117px; top:6px; z-index:99; font-size:11px; font-family:dotum; color:#777;}

#lm {position:absolute; left:5px; top:79px;}
#lm a { float:left; margin-right:15px;}
#rm {position:absolute; right:10px; top:80px;}
#rm a { float:left; margin-left:10px;}

#log { position:absolute; right:0; top:7px; z-index:99;}
#log a { color:#777; font-size:11px; font-family:dotum; text-decoration:none; letter-spacing:-1px; margin-left:11px; float:left; }
#log a:hover { text-decoration:underline;}

#qm {border:1px solid #dddddd; border-bottom:0; margin-top:4px; padding:12px 0 14px 0; height:43px;}
#qm li {list-style:none; float:left; padding:4px 0 10px 23px; height:13px; position:relative;}
#qm li a {padding:0 0 0 10px; text-decoration:none; color:#666; font-size:11px; font-family:dotum; letter-spacing:-1px;}
#qm li a:hover {text-decoration:underline;}
.qm1 {background:url(../images/qm1.gif) no-repeat 11px 2px ;}
.qm2 {background:url(../images/qm2.gif) no-repeat 11px 2px;}
.qm3 {background:url(../images/qm3.gif) no-repeat 11px 2px;}
.qm4 {background:url(../images/qm4.gif) no-repeat 11px 2px ;}
.qm5 {background:url(../images/qm5.gif) no-repeat 11px 2px;}
.qm6 {background:url(../images/qm6.gif) no-repeat 11px 2px;}

#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:100px; left:0; padding-left:15px; width:885px; height:64px; overflow:hidden; white-space:nowrap; background:url(../images/bg_gnb.jpg) no-repeat;}
#gnb li { float:left; list-style:none; position:relative; white-space:nowrap;}
#gnb li a { display:block; float:left; padding:10px 10px 10px 10px; color:#FFFFFF; font-size:12px; font-family:dotum; white-space:nowrap; text-decoration:none; }
#gnb li a:hover,
#gnb li a:focus { }
#gnb li.on a { }

.gnb_sub { position:absolute; left:0; top:136px; height:24px; margin:0px; overflow:hidden; }
.gnb_sub li { float:left; list-style:none; position:relative; padding-left:1px; left:-1px; white-space:nowrap;}
.gnb_sub li a { display:block; float:left; padding:6px 5px 0 5px; height:17px; color:#888; white-space:nowrap; text-decoration:none; font-family:dotum; font-size:12px; letter-spacing:-1px;}
.gnb_sub li a:hover,
.gnb_sub li a:focus { color:#ff637d; }
.gnb_sub li.on a { color:#ff637d; }

#isSearch { position:absolute; top:139px; right:10px; 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:120px; height:13px; color:#ff637d; border:1px solid #dddddd; background-color:#fff; margin-right:2px; font-size:11px; font-family:dotum; letter-spacing:-1px;}
#isSearch .inputText:hover,
#isSearch .inputText:focus { }
*: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;}

/* Site Layout - Content Body */
#contentBody { position:relative; width:900px; margin:0; padding:0; overflow:hidden;}

/* Site Layout - Column Left */
#columnLeft { position:relative; width:685px; float:right;}
#columnLeft .mask { width:680px; height:5px; background:#ffffff; display:block; clear:both;}

#lnb { padding:0; margin:10px 0 20px 0; width:210px; border-top:2px solid #ff788e;}
#lnb li { padding:2px 0 2px 0; list-style:none; border-bottom:1px solid #eee; }
#lnb li a { padding:5px 5px 3px 15px; width:170px; display:block; color:#888; position:relative; z-index:99; text-decoration:none; font-size:12px; font-family:dotum;}
#lnb li a:hover,
#lnb li a:focus { color:#ff5571;}
#lnb li.on a { color:#ff5571;}
#lnb li.on a:hover,
#lnb li.on a:focus { }
#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:#de4332 !important;}
#lnb li.on ul li.on a { color:#ff1a00 !important; font-weight:bold !important; background:url(../images/default/bulletLnb.gif) no-repeat 175px center  !important;}

/* Site Layout - Column Right */
#columnRight { width:210px; float:left; overflow:hidden; padding:0;}
#columnRight2 { width:201px; float:left; overflow:hidden; padding-bottom:30px;}
#content { width:100%; overflow:hidden;}

/* Site Layout - Footer */
#footer { margin:0; margin-bottom:10px; padding:9px 0 7px 0; clear:both; background:#fcfcfc; width:100%; text-align:center; border-top:1px solid #ccc; border-bottom:1px solid #ddd;}
#footer li { display:inline; padding:0 5px 0 5px; margin:0; list-style:none;}
#footer li a { color:#999999; font-size:11px; font-family:dotum; text-decoration:none;}
#footer li a:hover {text-decoration:underline;}
#copy { padding-bottom:20px; width:100%; text-align:center; font-size:8px; font-family:Small Fonts; color:#aaa;}
#copy span {font-weight:bold;}

/* Default Skin - End */
/* 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:120px; 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(../images/bgLoginText.gif); background-repeat:no-repeat; background-position:right top;}
.loginWindow .loginLayer.loginTypeB .inputText{ background-image:url(../images/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(../images/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(../images/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;}