/************ Base ****************/
*		{margin:0; padding:0;}
body	{ font-size:12px; font-family:Dotum; color:#383838; font-weight:normal; }

img			{border:0; vertical-align:top;}
ul, ol		{list-style:none; vertical-align:top;}
li			{vertical-align:top;}
li img		{vertical-align:top;}
hr			{display:none;}

h1, h2, h3, 
h4, h5, h6	{font-size:12px; font-family:Dotum; color:#383838;}

a:link		{text-decoration:none; color:#808080;}
a:visited	{text-decoration:none; color:#808080;}
a:hover		{text-decoration:none; color:#C63919;}
a:active	{text-decoration:none; color:#808080;}

.scroll	{
	scrollbar-face-color: #ffffff;
	scrollbar-shadow-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-3dlight-color: #DEDEDE;
	scrollbar-darkshadow-color: #DEDEDE;
	scrollbar-track-color: #A0A0A0;
	scrollbar-arrow-color: #373737;
}


/* form */
form		{margin:0; padding:0;}
input.txt	{height:15px; border:1px solid #CACACA; padding:2px 0 0 3px; vertical-align:middle; font:normal 12px verdana; color:#808080; letter-spacing:-1px;}
input.txt02	{height:13px; border:1px solid #E1E1E1; padding:2px 0 0 3px; vertical-align:middle; font:normal 12px verdana; color:#808080; background:#F1F1F1; letter-spacing:-1px;}
input.eatxt	{height:15px; border:1px solid #CACACA; padding:0 0 0 3px; vertical-align:middle; width:38px; font:normal 12px verdana; color:#808080}
input.eatxtS{height:15px; border:1px solid #CACACA; padding:0 0 0 3px; vertical-align:middle; width:19px; font:normal 12px verdana; color:#808080}
input.chk	{width:12px; height:12px; border:0; background:transparent;}
textarea	{border:1px solid #D0C3A9; font-family:verdana, MS song; color:#808080; line-height:1.2em; font-size:12px}
select		{vertical-align:middle;} :root select	{height:23px;}
fieldset	{border:none;}
.selectA	{margin-top:2px} :root .selectA	{margin-top:0}


/* rollover */
a.rollover img				{display:inline;}
a.rollover img.over			{display:none;} 
a.rollover img.on			{display:none;} 
a.rollover:hover			{border:0; cursor:pointer}
a.rollover:hover img		{display:none;}
a.rollover:hover img.over	{display:inline;}
a.rollover:hover img.on		{display:none;}


/* font */
.paging	{font-size:9px; font-family:Verdana; color:#808080;}
.paging	a:link		{text-decoration:none; color:#808080;}
.paging	a:visited	{text-decoration:none; color:#808080;}
.paging	a:hover		{text-decoration:none; color:#C63919;}
.paging	a:active	{text-decoration:none; color:#808080;}

.f11_f95	{color:#f95b05;}
.f11_f95B	{color:#f95b05; font-weight:bold;}
.f11_065	{color:#065ac0;}
.f11_065B	{color:#065ac0; font-weight:bold;}
.f11_444B	{font-size:11px; color:#444444; font-weight:bold;}


/* letter-spacing */
.lspM	{letter-spacing:-0.05em}
.lsp	{letter-spacing:0.05em}


/* Align */
.fl_left	{float:left;}
.fl_right	{float:right;}
.fl_clear	{clear:both;}
.fl_clear2	{clear:both; width:100%; overflow:auto; overflow:hidden}

.al_left	{text-align:left}
.al_center	{text-align:center}
.al_right	{text-align:right}
.al_top		{vertical-align:top;}
.al_middle	{vertical-align: middle}
.al_bottom	{vertical-align:baseline}
.al_btm		{vertical-align:bottom}

.hand		{cursor:pointer}
.overflow	{overflow:auto; overflow:hidden;}
.overflow2	{overflow:auto; overflow:hidden; height:100%;}
.none		{display:none;}
.pos_rel	{position:relative}
.noborder	{border:none;}

.clfix:after	{content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
.clfix			{display: inline-block;}
.clfix			{display: block;}
* html .clfix	{height: 1%;} /* Hides from IE-mac */
.clfix			{zoom:1;} /*for IE 5.5-7*/


/* margin * padding */
.mbo14	{margin:0 14px;}

.pb18	{padding-bottom:18px;}


/* png */
.png24 {tmp:expression(setPng24(this));}

/************ //Base **************/



/************ Layout ****************/
html, body	{width:100%; height:100%; margin:0; padding:0; text-align:center; background:url('../../images/common/bg_body.gif') repeat-x;}

#container	{min-height:100%; _height:100%; text-align:center;}
#contents_area	{float:left; width:836px; min-height:100%; _height:100%; background:url('../../images/common/bg_main.gif') no-repeat;} /* 090302 float:left Ãß°¡ */
#contentsWrap	{width:963px; margin:0 auto;} /* 090302 Ãß°¡ */
#header	{height:109px;}

#footerWrap	{width:963px; margin:0 auto;} /* 090302 Ãß°¡ */
#footer		{float:left; width:826px; height:82px; margin:-100px 0 0 5px; text-align:right; background:url('../../images/common/bg_footer.gif') no-repeat;} /* 090302 float:left Ãß°¡ */

#side_navi	{float:left; width:180px; padding-bottom:100px;}
#contents	{float:right; width:656px; padding-bottom:100px;}
/************ //Layout **************/



/************ Class ****************/
#header_info	{height:30px;}
#header_info .fl_left	{margin-top:4px;}
#header_info .fl_left .headLogo	{float:left; padding:0 6px 0 11px;}

#header_info .fl_left .academyName		{float:left; padding:0 0 0 15px; height:22px; text-align:left;}
#header_info .fl_left .academyName h1	{float:left; padding:6px 0 0 0; color:#0f68a6;}
#header_info .fl_left .academyName h1 a	{color:#0f68a6;}
#header_info .fl_left .academyName .bookmark	{float:left; padding:3px 6px 0 0px; height:19px;}

#header_info .fl_right	{margin-right:3px; _margin-right:0;}
#header_info .fl_right .myInfo		{font-size:11px;}
#header_info .fl_right .myInfo dt	{float:left; margin:11px 13px 0 0;}
#header_info .fl_right .myInfo dd	{float:left; margin:7px 3px 0 0;}

#header_info .fl_right .login		{margin:4px 0 0 0;}
#header_info .fl_right .login li	{float:left; padding:0 0 0 20px;}
#header_info .fl_right .login li.chk {padding:5px 0  0 0;}
#header_info .fl_right .login li.btn	{padding:2px 0 0 4px;}
	:root #header_info .fl_right .login li.btn	{padding:0 0 0 4px;}
#header_info .fl_right .login li input	{color:#505050;}

#gnb	{width:836px; height:67px; padding:12px 0 0 0;}
#gnb .visitState	{float:left; margin:11px 0 0 0; padding:0 0 0 23px; font-size:8px; font-family:Verdana; color:#fefefe; font-weight:bold;}

#gnb .menu			{float:right; padding:0 31px 0 0;}
/*#gnb .menu li	{float:left; margin:4px 15px 0;}*/
#gnb .menu li	{float:left; margin:-4px 0 0 0;}
#gnb .menu li.btn	{margin:0;}

/* Çпø¸í ·Î°í ºÎºÐ*/
#gnb .fl_left	{margin:0 0 0 20px;}
#gnb .fl_left .headLogo	{float:left; padding:2px 6px 0 11px;}
#gnb .fl_left .academyName		{float:left; padding:0 0 0 5px; height:25px; text-align:left; background:url('../../images/common/bg_h1.gif') no-repeat;}
#gnb .fl_left .academyName h1	{float:left; font-size:12px; padding:7px 0 0 0; color:#0f68a6;}
#gnb .fl_left .academyName h1 a	{color:#0f68a6;}
#gnb .fl_left .academyName .bookmark	{float:left; padding:3px 0px 0 5px; height:25px; background:url('../../images/common/bg_h1_end.gif') no-repeat right 0px;}


.leftInfo	{margin:4px 0 0 0; padding:7px 0 0 0; width:155px; height:176px; background:url('../../images/common/bg_main_leftInfo.gif') no-repeat;}
	:root .leftInfo	{margin:4px 0 0 14px;}
.leftInfo .ImgnDate	{margin:0 auto; width:139px; height:94px; border:1px solid #e6e4e4; background:url('../../images/common/bg_ImgnDate.gif') no-repeat;}
.leftInfo .ImgnDate .date	{padding:37px 0 0 0;}
.leftInfo .ImgnDate .Img	{padding:0;}
.leftInfo .text	{padding:5px 0 0 11px; height:55px; text-align:left;}
.leftInfo .edit	{float:left; width:155px;}
.leftInfo .edit li	{float:left;}
.leftInfo .edit li.btn		{float:left; padding:0 0 0 9px;}
.leftInfo .edit li.arrow	{float:right; padding:5px 10px 0 0;}
.leftInfo .edit li.arrow img	{padding-left:3px;}

.leftBanZone	{margin-top:16px;}
.leftBanZone li	{padding-top:4px;}

#contents .mainFlash	{float:left; padding:0 0 0 4px;}

#contents .update_bbs	{float:left; margin:6px 0 0 15px; width:187px; height:179px; background:url('../../images/common/bg_update_bbs.gif') no-repeat;}
#contents .update_bbs dl	{position:relative; width:187px;}
#contents .update_bbs dt	{padding:24px 0 17px 13px; text-align:left;}
#contents .update_bbs .layBtn	{position:absolute; top:33px; right:13px;}
#contents .update_bbs dd.list	{float:left; padding:0 0 0 15px;}
#contents .update_bbs dd.list li	{padding:0 0 5px 14px; text-align:left; background:url('../../images/common/bull_list01.gif') no-repeat left 3px;}
#contents .update_bbs dd.list li a		{color:#15485b; font-size:11px;}
#contents .update_bbs dd.list li a:link	{color:#15485b;}
#contents .update_bbs dd.list li a:hover{color:#247b9b; text-decoration:underline;}

#contents .resolution	{float:left; margin:22px 0 0 0; width:651px; height:66px; background:url('../../images/common/bg_myResolution.gif') no-repeat; }
#contents .resolution .myResolution		{float:left; width:632px; padding-left:19px; padding-bottom:6px;}
#contents .resolution .myResolution dt	{float:left; padding-top:11px; width:107px; text-align:left;}
#contents .resolution .myResolution dd	{float:left; padding-top:12px; font-size:11px;}
#contents .resolution .myResolution dd	 span{float:left; padding-top:10px; font-size:11px;}
#contents .resolution .myResolution dd.btn	{float:right; padding:9px 15px 0 0;}
#contents .resolution .myResolution dd.btn li	{float:left; padding:0 0 0 3px;}

#contents .resolution .resolutionView		{float:left; width:632px; height:16px; padding-left:19px; text-align:left; }
#contents .resolution .resolutionView dt	{float:left; padding-top:7px; width:107px; text-align:left;}
#contents .resolution .resolutionView dd{float:left; padding:7px 0 0 16px; width:472px; background:url('../../images/common/bull_redCircle01.gif') no-repeat left 7px; font-size:11px;}
#contents .resolution .resolutionView dd span			{float:left; width:632px; display:block;  }
#contents .resolution .resolutionView dd span.writer	{float:right; color:#0aa5f2;}


#contents .academyStory	{float:left; margin:13px 8px 0 0; width:369px; height:250px;}
#contents .academyStory dl	{position:relative;}
#contents .academyStory dt	{padding:2px 0 5px 3px; text-align:left;}
#contents .academyStory .layBtn	{position:absolute; top:4px; right:9px;}
#contents .academyStory dd .brd	{border:2px solid #f0f0f0;}

#contents .newPhoto	{float:left; margin:13px 0 0 0; width:275px; height:126px; background:url('../../images/common/bg_newPhoto.gif') no-repeat;}
#contents .newPhoto dl	{position:relative;}
#contents .newPhoto dt	{padding:2px 0 5px 2px; text-align:left;}
#contents .newPhoto dd.layBtn	{position:absolute; top:8px; right:9px; padding:0;}
#contents .newPhoto dd	{float:left; padding-top:13px;}
#contents .newPhoto dd .Lphoto	{float:left; padding-left:16px;}
#contents .newPhoto dd .Rphoto	{float:left; padding-left:31px;}

#contents .notice	{float:left; margin:19px 0 0 0;  width:279px; height:105px;}
#contents .notice dl	{position:relative; width:279px;}
#contents .notice dt	{padding:0 0 9px 2px; text-align:left;}
#contents .notice .layBtn	{position:absolute; top:7px; right:9px;}
#contents .notice dd.list		{float:left; padding:0 0 0 4px;}
#contents .notice dd.list ul	{float:left;}
#contents .notice dd.list li	{float:left; padding:0 0 5px 13px; width:255px; text-align:left; background:url('../../images/common/bull_list02.gif') no-repeat left 3px;}
#contents .notice dd.list li span	{float:left; display:block;}
#contents .notice dd.list li span.date	{float:right; font-size:11px; color:#6d6d6d;}
#contents .notice dd.list li a		{color:#383838;}
#contents .notice dd.list li a:hover{color:#1c89c5;}

.bar01	{color:#8c8c8c;}

#footer .logo	{position:absolute; top:15px; left:0; width:153px; text-align:center;}
#footer .companyInfo	{position:absolute; top:27px; left:153px; width:673px; text-align:center; color:#666666; font-size:11px;}

#skyBanner			{position:fixed; top:114px; left:50%; width:120px; margin-left:363px;} /* 090302 425px -> 363px ¼öÁ¤ */
*html #skyBanner	{position:absolute; left:50%; margin-left:363px; top:expression(document.compatMode=="CSS1Compat"? document.documentElement.scrollTop+114+"px" : body.scrollTop+114+"px");}
#skyBanner li	{padding:0 0 3px 0;}
/************ //Class **************/



/*Æ˾÷_Æ÷ÀÎÆ® Àû¸³ */

.pop_iroo{display:none; position:absolute;  width:505px; height:412px; z-index:9; border:#d7b43c 2px solid; background-color:#FFFFFF;}
.pop_iroo .h4_point {margin:17px 0 10px 17px;text-align:left;}
.pop_iroo .point_info {background:url('../../images/common/bg_topline.gif') no-repeat left top;margin:15px 0 5px 10px; height:30px;}
.pop_iroo .point_myinfo {font-weight:bold;font-size:14px;background:url('../../images/common/bull_y_triangle.gif') no-repeat left 20px;padding:15px 0 10px 15px;margin:0 0 0 10px;text-align:left;line-height:1.5em;}
.pop_iroo .tb_point {width:464px;}
.pop_iroo .tb_point th {border-top:1px solid #267ddf;border-bottom:1px solid #d9d9d9;border-right:#d9d9d9 1px solid;background-color:#e6f2ff;height:26px;font-weight:bold;}
.pop_iroo .tb_point th.nor {border-right:0px;}
.pop_iroo .tb_point td {border-bottom:1px solid #d9d9d9;border-right:1px solid #d9d9d9;height:26px;text-align:center;}
.pop_iroo .tb_point td.nor {border-right:0px;}
.pop_iroo .bt_close {margin:10px 0 0 430px;position:absolute;left:0px;top:370px;z-index:5}



/*Æ˾÷_ Ȩ·± ¸µÅ©*/
.pop_iroo2{display:none; position:absolute;width:450px; height:380px; z-index:9; border:#d7b43c 2px solid; background-color:#FFFFFF;}
.pop_iroo2 .h4_point {margin:17px 0 10px 22px; text-align:left;}
.pop_iroo2 .point_info {background:url('../../images/common/bg_topline.gif') no-repeat left top;margin:5px 0 10px 10px; }
.pop_iroo2 .point_myinfo {font-weight:bold;font-size:12px;background:url('../../images/common/bull_y_triangle.gif') no-repeat left 20px;padding:15px 0 10px 15px;margin:0 0 0 10px;text-align:left;line-height:1.5em;}
.pop_iroo2 .point_myinfo2 {font-weight:bold;font-size:12px;padding:10px 0 0 0;text-align:center;}
.pop_iroo2 .img_coupon {background:url('../../images/common/img_homelearn.gif') no-repeat top center;margin:10px 0 10px 0;width:380px;height:171px;}
.pop_iroo2 .img_coupon img {position:relative; left:10px; top:114px;}
.pop_iroo2 .bt_close {margin:30px 0 0 380px;}



/*Æ˾÷_»óÇ°±Ç ±³È¯*/

.pop_coupon{display:none; position:absolute;width:450px; height:430px; z-index:9; border:#d7b43c 2px solid; background-color:#FFFFFF;}
.pop_coupon .h4_point {margin:17px 0 10px 22px; text-align:left;}
.pop_coupon .point_info {background:url('../../images/common/bg_topline.gif') no-repeat left top;margin:5px 0 10px 10px; }
.pop_coupon .point_myinfo {font-weight:bold;font-size:12px;background:url('../../images/common/bull_y_triangle.gif') no-repeat left 20px;padding:15px 20px 10px 15px;margin:0 0 0 20px;line-height:1.5em;color:#666666;}
.pop_coupon .point_myinfo2 {font-weight:bold;font-size:12px;padding:10px 0 0 0;text-align:center;}
.pop_coupon .img_coupon {background:url('../../images/common/img_coupon.gif') no-repeat top center;margin:10px 0 10px 30px;width:380px;height:171px;}
.pop_coupon .img_coupon img {position:relative; left:98px; top:90px;}
.pop_coupon .print_info {font-size:12px;padding:10px 0 0 0;margin:0 0 0 40px;line-height:1.5em}
.pop_coupon .bt_close {margin:10px 0 0 380px;}

.price_orange{font-weight:bold;color:#ff6600;}
.ft_blue{font-weight:bold;color:#0066cc;}