@charset "euc-kr"; /*¾ð¾îŸÀÔÁöÁ¤*/

@import url(common.css); /* Àüü °øÅë css import */
@import url(character.css); /* Ä«Å×°í¸® css import */
@import url(table.css); /* °øÅë Å×À̺í css import */
@import url(form.css); /* °øÅë Æû css import */


/* °øÅë ·¹À̾ƿô */
html,body {height:100%; width:100%; font-family:µ¸¿ò,±¼¸²,Verdana; font-size:12px; color:#777777; text-align:center; background:url(/images/common/globalLayout/bgCommon.gif) center top repeat-x; margin:0px; padding:0px;}

#wrapBox { width:996px; position:relative; margin:0 auto;}
#skinBgLeft { width:85px; left:-85px; height:450px; position:absolute; top:0;}

#gnbMenuBox { height:301px; width:996px; position:relative; margin:0 auto; z-index:9999;}
div.gnbMenuFlash { position:absolute; width:996px; left:0; height:180px;top:0; z-index:9999;}

#footer { width:100%; background:url(/images/common/globalLayout/bgFooter.gif) bottom no-repeat; padding:68px 0 0 0; position:relative; margin-top:-30px;}
#footer div.footerMenu { width:996px; margin:0 auto;}

table.contentsTableBox  { width:996px; margin:0 auto;}
table.contentsTableBox td.contentsLeftBox { width:162px;}
table.contentsTableBox td.contentsLeftLine { width:34px; background:url(/images/common/globalLayout/contentsLeftLine.gif) left top repeat-y;}
table.contentsTableBox td.contentsCenterBox { width:638px; padding-bottom:50px; text-align:left;}
table.contentsTableBox td.contentsRightLine { width:32px; background:url(/images/common/globalLayout/contentsRightLine.gif) right top repeat-y;}
table.contentsTableBox td.contentsRightBox { width:130px;}

div.leftMenuBox { background:url(/images/common/globalLayout/bg_leftmenu.gif) bottom no-repeat; padding:0 0 18px 14px; margin-top:10px; }
div.leftMenuFlash { position: relative; top:-12px; }


div.rankingPosition { position:absolute; margin:0 0 0 28px;}
div.rankingTitle {}
table.rankingTable { width:117px;}
table.rankingTable td { height:18px; letter-spacing:-1px; }
table.rankingTable td img { margin-right:11px; margin-left:2px;}
table.rankingTable td a img { margin-right:0; margin-left:2px; margin-top:2px;}


#titleWrap {width:625px;position:absolute; left:0; top:227px; margin-left:196px;}
#titleWrap #title {width:625px;}
#titleWrap #title p.location { position:relative; z-index:9999;}
#titleWrap h1 { text-align:left; margin:-13px 0 0 0;}


/*ÀÎÇüÀ§Ä¡*/
div.objSub01_01{ position:absolute; z-index:1; top:50px; left:369px;}
div.objSub01_02{ position:absolute; z-index:9999; top:499px; left:870px;}
div.objSub01_03{  position:absolute; z-index:9999; top:638px; left:40px;}

div.objSub02_01{ position:absolute; z-index:9999; top:130px; left:369px;}
div.objSub02_02{ position:absolute; z-index:9999; top:632px; left:910px;}
div.objSub02_03{ position:absolute; z-index:9999; top:680px; left:500px;}

div.objSub03_01{ position:absolute; z-index:9998; top:50px; left:369px;}
div.objSub03_02{ position:absolute; z-index:9999; top:507px; left:837px;}
div.objSub03_03{ position:absolute; z-index:9999; top:798px; left:60px;}

div.objSub04_01{position:absolute; z-index:9999; top:88px; left:369px;}
div.objSub04_02{  position:absolute; z-index:9999; top:540px; left:875px;}
div.objSub04_03{ position:absolute; z-index:9999; top:748px; left:50px;}

div.objSub05_01{ position:absolute; z-index:9998; top:30px; left:369px;}
div.objSub05_02{ position:absolute; z-index:9999; top:418px; left:850px;}
div.objSub05_03{ position:absolute; z-index:9999; top:620px; left:920px;}

div.objSub06_01{ position:absolute; z-index:9998; top:50px; left:369px;}
div.objSub06_02{ position:absolute; z-index:9999; top:835px; left:100px;}
div.objSub06_03{ position:absolute; z-index:9999; top:448px; left:870px;}


/*ƾ½ºÅÍ ·¹ÇÁÆ®¸Þ´º*/
table.teenLeftMenu { position:relative; margin:-10px 0 0 0;}
table.teenLeftMenu td { text-align:left; }
table.teenLeftMenu td a { margin:7px 0 0 12px; height:18px; display:block;}
table.teenLeftMenu td a:link {color:#000000; text-decoration:none;}
table.teenLeftMenu td a:active {}
table.teenLeftMenu td a:visited {color:#000000; text-decoration:none;}
table.teenLeftMenu td a:hover {color:#ff2c93; text-decoration:none; font-weight:bold;}
table.teenLeftMenu td a:visited.teenSelected {color:#ff2c93; text-decoration:none;font-weight:bold;}
table.teenLeftMenu td a.teenSelected {color:#ff2c93; text-decoration:none;font-weight:bold;}


/*2009.09.24 ÀÛ¾÷ Á¶¼º¹Ì*/
/*À̺¥Æ®°øÅë*/
#paging {position:relative;}
#paging .btn_right {position:absolute; right:0; top:17px;}

/*¹öÆ°Á¤·Ä*/
.btn_align {overflow:hidden; width:638px; height:24px;}
.btn_left {float:left; height:24px;}
.btn_right {float:right; height:24px; text-align:right;}


/*³ª³ª½ººñ À̺¥Æ® ½ºÄð¾îÅÃ*/
span.btn_school {margin:0 0 0 330px;}
.sch_select {text-align:right;}
.schoolbox {width:638px; margin:20px 0;}
.schoolbox .borderbox {width:366px; min-height:225px; _height:225px; padding:115px 20px 20px 252px;}
.schoolbox .borderbox ul {overflow:hidden; width:370px;}
.schoolbox .borderbox ul li {float:left; width:370px;}
.schoolbox .borderbox ul li img {}
.schoolbox .borderbox ul li p {float:left; width:53px; font-size:0; line-height:0;}
.schoolbox .borderbox ul li p img {vertical-align:top;}
.schoolbox .borderbox ul li span {float:left; width:317px; margin-top:3px;}
.schoolbox .borderbox ul li span.cont_box {min-height:150px; _height:150px;}
.schoolbox .borderbox p.btn_misson {width:370px; text-align:right;}
.school_mid {background:url(/images/event/school_mid.gif) left top repeat-y;}
.school_top {background:url(/images/event/school_top.gif) left top no-repeat;}
.school_bot {overflow:hidden; background:url(/images/event/school_bot.gif) left bottom no-repeat; width:100%;}

/*½Å±Ô*/
table.table_school {width:100%; border-bottom:1px solid #8bcefa;}
table.table_school tr {}
table.table_school tr.end td {background:none;}
table.table_school tr th {}
table.table_school tr td {padding:5px 0; text-align:center; background: url(/images/bullet/bul_bot_1_2.gif) left bottom repeat-x;}
table.table_school tr td.text {font-family:Verdana;}
table.table_school tr td.school_tit {padding-left:15px; text-align:left; font-family:µ¸¿ò,±¼¸²,Verdana;}

/*³ª³ªºñ½º À̺¥Æ® Æ÷Å丮ºä*/
.reviewbox {width:auto; margin-bottom:10px;}
.pinkmid {background:url(/images/common/pinkbox_mid.gif) left top repeat-y;}
.pinktop {background:url(/images/common/pinkbox_top.gif) left top no-repeat;}
.pinkbot {overflow:hidden; background:url(/images/common/pinkbox_bot.gif) left bottom no-repeat; width:100%;}
.review {overflow:hidden; width:588px; min-height:200px; _height:200px; padding:25px;}
.review h3.tit {padding-bottom:8px; color:#12b2f3; font-size:12px; line-height:120%;}
/*.review .rep_align {overflow:hidden; width:588px; margin-bottom:10px;}
.review .rep_left {float:left; width:460px;}
.review .rep_right {float:left; width:128px;}
.review .rep_right span.write {color:#12b2f3;}*/
.review .content {}
.review .content img {margin-bottom:8px; border:1px solid #12b2f3;}
.review .content p {margin-top:18px;}

/*ÀÓ½ÃÀ§Ä¡*/
.reply {margin-top:27px;}

/*³ª³ª½ººñ À̺¥Æ® Æ÷Åä¾²±â*/
table.table_col {width:638px; margin-bottom:10px; border-top:1px solid #7fc4f8; border-bottom:1px solid #7fc4f8; background:#f0fafe;}
table.table_col tr {}
table.table_col tr.end th {background:none;}
table.table_col tr.end td {background:none;}
table.table_col tr th {padding:5px 0 5px 20px; text-align:left; border-right:1px solid #beddf9; background:#f0fafe url(/images/bullet/bul_bot_one.gif) left bottom repeat-x;}
table.table_col tr td {padding:5px 0 5px 10px; background:#f0fafe url(/images/bullet/bul_bot_one.gif) left bottom repeat-x;}
table.table_col tr td input {border:1px solid #b0daf8;}
table.table_col tr td input.wth528 {width:528px;}
table.table_col tr td input.wth364 {width:364px;}
table.table_col tr td input.wth240 {width:240px;}
table.table_col tr td input.wth110 {width:110px;}
table.table_col tr td input.wth80 {width:80px;}
table.table_col tr td input.wth20 {width:20px;}
table.table_col tr td textarea.cont {width:347px; height:125px;}
table.table_col tr.end td textarea.cont {width:347px; height:125px;}

/*³ª³ª½ººñ À̺¥Æ® Æ÷Å丮½ºÆ®*/
p,photo_txt {margin-bottom:3px;}
.photobox {border-top:2px solid #8acefa; border-bottom:1px solid #8acefa;}
.photobox table {width:638px;}
.photobox table thead tr {height:36px;}
.photobox table tr {height:109px; background:#eaf6fe url(/images/bullet/bul_bot_1_2.gif) left bottom repeat-x;}
.photobox table tr.pho_list th {background:#f6fbff;}
.photobox table tr.pho_list td {background:#f6fbff;}
.photobox table tr th {text-align:center;}
.photobox table tr td {text-align:center;}
.photobox table tr td dl {overflow:hidden; width:401px;}
.photobox table tr td dl dt {float:left; width:134px; height:95px; margin:7px; text-align:left; border:1px solid #cccccc; background:#fff;}
.photobox table tr td dl dt img {width:134px; height:95px; vertical-align:top;}
.photobox table tr td dl dd {float:left; width:237px; padding:38px 0 0 0; text-align:left;}
.photobox table tr td dl dd p.tit {font-size:16px; font-weight:bold;}
.photobox table tr td dl dd p.tit a:link, a:active, a:visited, a:hover  {color:#157ba6;}
.photobox table tr td dl dd p.url {padding-top:20px; color:#333;}
.photobox table tr td div {width:100%; background:url(/images/bullet/bul_1_14_8acefa.gif) left center no-repeat;}

/*2010 10 13 ¼öÁ¤*/
img {vertical-align:middle;}
/*Á¤·Ä*/
.vt {vertical-align:top !important}
.vm {vertical-align:middle !important}
.vb {vertical-align:bottom !important}
/*common*/
input.chk {width:14px; height:14px; padding:0; margin:0;}
input.rdo {width:14px; height:14px; padding:0; margin:0;}
select {font-family:dotum;}
select.typeA {border:1px solid #78c1e1;}
/*margin*/
.mg_r20 {margin-right:20px !important;}
.mg_b3 {margin-bottom:3px !important;}
.mg_b5 {margin-bottom:5px !important;}
.mg_b10 {margin-bottom:10px !important;}
.mg_b15 {margin-bottom:15px !important;}
.mg_b20 {margin-bottom:20px !important;}
.mg_b30 {margin-bottom:30px !important;}
.mg_b35 {margin-bottom:35px !important;}
.mg_b50 {margin-bottom:50px !important;}
.mg_b60 {margin-bottom:60px !important;}
/*width*/
.wth70 {width:70px !important;}
.wth150 {width:150px !important;}
.wth364 {width:364px !important;}
.wth440 {width:440px !important;}
/*½ºÅ©·Ñ*/
.scr {border:#fff;
	scrollbar-face-color:#FDFDFE;		/* bar ÀÇ Ç¥¸é»ö */
		scrollbar-highlight-color:#D0D0D0;	/* ¹à°Ô ºû³ª´Â Á»ó´Ü ¸ð¼­¸® */
		scrollbar-3dlight-color:#FDFDFE;	/* Á»ó´Ü ¸ð¼­¸® ¾Æ·¡ºÎºÐ */
		scrollbar-shadow-color:#D0D0D0;		/* ±×¸²ÀÚ Áö´Â ¿ìÇÏ´Ü */
		scrollbar-darkshadow-color:#FDFDFE;	/* ±×¸²ÀÚ ¿ìÇÏ´Ü */
		scrollbar-track-color:#FDFDFE;		/* ½ºÅ©·Ñ Æ®·¢ÀÇ »ö */
		scrollbar-arrow-color:#ae80c4;		/* »ï°¢ÇüºÎºÐ */
		overflow-x:hidden;overflow-y:auto;}
/*layout*/
h3.h3_tit {padding:10px 0;}
h3.h4_tit {}
/*page*/
/*º£½ºÆ® Æ÷Åä*/
.bestblogBox {padding-top:344px;}
.bestblogBox .bestPhotoList {position:absolute; left:175px; top:545px; width:683px; height:323px; background:url(/images/community/bestPhoto.jpg) left top no-repeat;}
	.bestPhotoList ul {overflow:hidden; width:620px; padding:127px 0 0 28px;}
	.bestPhotoList ul li {float:left; width:167px; height:114px; padding:6px 6px 6px 7px; margin-left:20px; background:url(/images/community/bestPhotoBg.gif) right top no-repeat;}/*width:179px; height:126px;*/
.bestblogBox p {padding:0 0 30px 17px;}

/*³ª³ª½ººñ À̺¥Æ® Æ÷Å丮½ºÆ®*/
p.photo_txt {margin-bottom:3px;}
.blogBox {border-top:2px solid #8acefa; border-bottom:1px solid #8acefa;}
.blogBox table {width:638px;}
.blogBox table tr {}
.blogBox table tr.pho_list th {background:#f6fbff url(/images/community/bul_line.gif) left top repeat-x;}
.blogBox table tr.pho_list td {background:#f6fbff url(/images/community/bul_line.gif) left top repeat-x;}
.blogBox table tr.bgImgN th {background-image:none !important;}
.blogBox table tr.bgImgN td {background-image:none !important;}
.blogBox table tr th {text-align:center; background:#eaf6fe url(/images/community/bul_line.gif) left top repeat-x;}
.blogBox table tr td {padding:15px 0 7px 0; text-align:center; background:#eaf6fe url(/images/community/bul_line.gif) left top repeat-x;}
.blogBox table tr td dl {width:385px; padding-left:15px;}
.blogBox table tr td dl dt {text-align:left; font-size:16px; font-weight:bold;}
.blogBox table tr td dl dt a:link, a:active, a:visited, a:hover  {color:#157ba6;}
.blogBox table tr td dl dd {text-align:left; padding-top:5px; color:#333;}
.blogBox table tr td div {width:100%; background:url(/images/bullet/bul_1_14_8acefa.gif) left center no-repeat;}

/*ºí·Î±× µî·ÏÇϱâ*/
.blogAgreeBox {margin-left:20px;}
.blogAgreeBox input {color:#99b8d7 !important;}
.blogAgreeBox select {color:#99b8d7 !important;}
	/*1´Ü°è*/
	textarea.blogAgree {width:584px; height:310px; margin-left:3px;}
	/*2´Ü°è*/
	.blogBoxA {width:604px; height:109px; background:url(/images/community/blogBoxABg.gif) left top no-repeat;}
	.blogBoxA dl.addInput {overflow:hidden; width:100%; padding:28px 0 0 0;}
	.blogBoxA dl.addInput dt {float:left; width:96px; text-align:right;}
	.blogBoxA dl.addInput dd {float:left; width:508px;}
	.blogBoxA dl.addInput dd input {margin-top:2px;}
		.categoryBox {width:560px; padding:30px 0 0 0; margin:0 auto;}
		.categoryBox select {height:23px;}
		ul.categoryList {padding-left:10px;}
		ul.categoryList li {font-size:0; line-height:0; padding-bottom:5px;}
	/*3´Ü°è*/
	.blogBoxB {width:584px; height:181px; padding-right:20px; background:url(/images/community/blogBoxBBg.gif) left top no-repeat;}
	.blogBoxB  dl.addInput {overflow:hidden; width:540px; padding:35px 0 0 30px;}
	.blogBoxB  dl.addInput dt {float:left; width:91px; height:30px; font-size:0; line-height:0;}
	.blogBoxB  dl.addInput dd {float:left; width:449px; height:30px; }

/*popup ³» ºí·Î±× ¾÷µ¥ÀÌÆ®Çϱâ*/
body#myBlog {text-align:left; background:#fff url(/images/event/popBg.gif) left top no-repeat;}
body#myBlog #popWrap {width:458px; margin:0 auto;}
	#popWrap h2 {padding:12px 0 0 22px;}
	#popWrap .ar {padding-right:30px;}
/*³» ºí·Î±× ±Û ¾÷µ¥ÀÌÆ®*/
.myBlogBox1 {width:458px; height:170px; margin-bottom:24px; background:url(/images/community/popBox1.gif) left top no-repeat;}
.myBlogBox1 dl {overflow:hidden; width:400px; padding:53px 0 0 53px;}
.myBlogBox1 dl dt {float:left; width:101px; padding-bottom:15px; font-size:0; line-height:0;}
.myBlogBox1 dl dd {float:left; width:281px; padding:0 0 15px 18px; color:#000;}
/*myBlogBox2*/
.myBlogBox2 {width:408px; height:189px; padding:50px 0 0 50px; margin-bottom:15px; background:url(/images/community/popBox2.gif) left top no-repeat;}
.myBlogBox2 p {margin-bottom:8px;}
.myBlogBox2 ul {overflow-y:scroll; width:350px; height:120px;}
.myBlogBox2 ul li {padding-bottom:10px; color:#000;}
/*popup ³ª³ª½ººñ ºí·Î±× µî·Ï¹æ¹ý*/
body#myBlog2 {text-align:left; background:#fff url(/images/event/popBg.gif) left top no-repeat;}
body#myBlog2 #popWrap {width:600px; padding-left:13px;}
body#myBlog2 #popWrap ul {}
body#myBlog2 #popWrap ul li {font-size:0; line-height:0; padding-bottom:13px;}

/* ±¸ÀÔó¾È³» */
.layerShopArea	{ display:inline-block; position:relative; z-index:1; margin-left:16px; }
*+html .layerShopArea	{ display:inline; }
*html .layerShopArea	{ display:inline; }
.layerShop	 { position:absolute; left:0; top:33px; }
.dn	{ display:none; }
.db	{ display:block; }