@charset "utf-8";




#wrapper										{position:absolute; width:986px; height:586px; left:-500px; top:0; background:#395683; padding:7px; margin:0 50%;}
#wrapper:after								{content:""; display:block; clear:both;}

#container										{position:relative; float:left; width:986px; height:586px; background:url("../image/inc/bg_inc.png") #FFF repeat-x;}
#action											{position:relative; float:left; width:986px; height:586px; background:url("../image/inc/bg_action.png") #FFF repeat-x;}



header											{position:absolute; width:1000px; height:80px; left:0; top:0; z-index:100;}
header ul										{float:left; position:relative; height:80px; background:url("../image/inc/title_bar.png") right no-repeat; padding-right:90px;}
header li										{float:left;}
header .icon									{width:75px; height:80px; text-indent:-9999px; background:url("../image/inc/title_icon.png") right no-repeat;}
header .course								{position:absolute; left:81px; top:16px; font:15px nbgM; color:#FFF; line-height:20px;}
header .chpter								{font:25px nbgM; color:#FFD200; line-height:30px; padding:38px 0 0 3px;}

header dl										{float:right; width:106px; height:39px; padding-top:25px;}
header dt										{display:none;}
header dd										{float:left; width:39px; height:39px; padding-right:3px;}
header a										{display:block; overflow:hidden; width:39px; height:39px; text-indent:-9999px;}
header .type-1 a								{background:url("../image/inc/btn.png") no-repeat;}
header .type-2 a								{background:url("../image/inc/btn.png") -42px 0 no-repeat;}



.popup											{position:absolute; width:1000px; height:600px; left:0; top:0; background:url("../image/inc/bg_popup.png") repeat-x; z-index:1000;}

.help												{float:left; width:425px; height:465px; padding:0 283px 0 282px;}
.help dt											{float:left; width:425px; font:30px nbgM; color:#FFF; line-height:35px; padding:70px 0 10px 5px;}
.help dd											{float:left; width:355px; border:5px solid #FFCD34; background:url("../image/inc/help_bg.png") #FFF left bottom no-repeat; padding:35px;}
.help p											{display:block; font:17px nbgM; color:#222; line-height:20px;}
.help span										{display:block; font:12px Dotum; color:#999; line-height:17px;}
.help ul											{float:left; width:200px; padding-left:155px; margin-top:20px;}
.help .name									{float:left; width:182px; font:17px nbgM; color:#222; line-height:20px; background:url("../image/inc/help_bullet.png") 0 12px no-repeat; padding:10px 0 0 18px;}
.help .text-1									{float:left; width:182px; font:12px Dotum; color:#777; line-height:17px; border-bottom:1px solid #E0E0E0; padding:0 0 7px 18px;}
.help .text-2									{float:left; width:182px; font:12px Dotum; color:#777; line-height:17px; padding:0 0 0 18px;}

.help .btn-1									{float:left; width:122px; height:53px; background:url("../image/inc/help_btn_01.png") no-repeat; padding:13px 0 0 58px;}
.help .btn-2									{float:left; width:117px; height:53px; background:url("../image/inc/help_btn_02.png") no-repeat; padding:13px 0 0 58px;}
.help .btn-3									{float:left; width:122px; height:48px; background:url("../image/inc/help_btn_03.png") no-repeat; padding:13px 0 0 58px;}
.help .btn-4									{float:left; width:117px; height:48px; background:url("../image/inc/help_btn_04.png") no-repeat; padding:13px 0 0 58px;}
.help .close									{position:absolute; width:23px; height:23px; right:22px; top:22px; border:none; background:none; padding:0;}
.help .close a									{display:block; overflow:hidden; width:23px; height:23px; text-indent:-9999px; background:url("../image/inc/btn_close_01.png") no-repeat;}



/****** 모바일 커버 *****/
.readyLayer									{position:absolute; display:block; width:1000px; height:660px; left:0; top:0; text-align:center; background:url("../image/inc/ready_bg.png") repeat-x; z-index:99999;}
.readyLayer img								{margin:206px 0 50px; }
.readyLayer span							{font:35px nbgM; color:#222; line-height:25px;}