@charset "utf-8";

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
}

@font-face {
 font-family: 'NanumSquare';
 src: url(NanumSquareR.eot);
 src: url(NanumSquareR.eot?#iefix) format('embedded-opentype'),
      url(NanumSquareR.woff) format('woff'),
      url(NanumSquareR.ttf) format('truetype');
}

@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);


/**************** CSS 리셋**********************/


body 	{margin:0; padding:0; background-color:#ffffff; letter-spacing:0px; color:#444444; font-size:12px !important;  letter-spacing:-1px;
		font-family: NanumSquare, NanumGothic, NanumMyeongjo, Malgun Gothic, Dotum,"돋움",Gulim,"굴림",Verdana,Tahoma,Apple Gothic,sans-serif,UnDotum; overflow:scroll; -webkit-overflow-scrolling:touch;}

input, div, p, dl, dt, dd,
ul, li, ol, span			{margin:0; padding:0;}
ul li						{list-style:none;}
img						{border:none; margin:0; padding:0;}				
table						{table-layout:auto; word-break:normal;} /* 단어 단위로 줄바꿈(문자단위:break-all)*/
a							{text-decoration:none;}

footer, header, section		{display:block; padding:0; margin:0;}

.left						{float:left;}
.right						{float:right;}
.clear						{clear:both;}
.pt10						{padding-top:10px; clear:both;}

/**************** common **********************/

header								{width:100%; height:127px; position:fixed; top:0; z-index:1000;}
.header-inner						{zoom:1; width:1074px; margin:0 auto; text-align:center;}
.header-inner:after					{clear:both; height:0;content:"."; display:block; visibility:hidden;}
header .logo							{float:left; padding-top:20px;}
header ul.top-menu				{float:right;}
header ul.top-menu li				{float:left; line-height:127px; font-size:22px; padding-left:35px;}
header ul.top-menu li a			{color:#000000; background:url("../img/img_menu_off.gif") no-repeat left top; padding-left:30px;}
header ul.top-menu li.on a		{color:#953652; font-weight:600; background:url("../img/img_menu_on.gif") no-repeat left top;}
header ul.top-menu li a:hover	{color:#953652; font-weight:600; background:url("../img/img_menu_on.gif") no-repeat left top;}
header ul.top-menu li a span		{color:#006772;}

.bookmark-wrap						{position:fixed; top:127px; bottom:0; left:0; width:100%; overflow:auto;}

section.intro-wrap					{background:url("../img/bg_intro.jpg") no-repeat center top; }
.intro									{width:1074px; margin:0 auto; text-align:center; position:relative; height:747px;}

section.epilogue-wrap1				{background-color:#ffffff; padding:45px 0 60px;}
.epilogue1							{width:1074px; margin:0 auto; text-align:center;}
.epilogue1 .text1						{font-size:58px; font-weight:600; color:#a53b4c; padding-bottom:10px;}
.epilogue1 .text1	span				{color:#095588;}
.epilogue1 .text2						{text-align:right; padding-right:50px; color:#095588; font-size:20px;}
.epilogue1 .text3						{color:#095588; font-size:32px; padding:30px 0 60px 0;}
.epilogue1 ul							{zoom:1; padding-bottom:30px;}
.epilogue1 ul:after					{clear:both; height:0;content:"."; display:block; visibility:hidden;}
.epilogue1 ul li						{float:left; width:33%; border-right:1px solid #e4e4e4; height:480px;}
.epilogue1 ul li:last-child			{border-right:none;}
.epilogue1 ul li dl					{padding-top:25px; text-align:left; padding-left:40px;}
.epilogue1 ul li dt					{font-size:26px; color:#095588; height:80px;}
.epilogue1 ul li dt span			{color:#1e98eb;}
.epilogue1 ul li dd					{font-size:17px; color:#838282; }
.epilogue1 ul li dd span			{color:#27475c; background-color:#f1ff79;}

section.epilogue-wrap2				{background-color:#095588;}
.epilogue2							{width:1074px; margin:0 auto; text-align:center; background-color:#095588;  padding:45px 0 60px 0;}
.epilogue2 .text1						{font-family:NanumMyeongjo; color:#ffffff; font-size:50px;}
.epilogue2 .text2						{text-align:right; padding-top:20px; color:#ffffff; font-size:24px;}
.epilogue2 .text3						{color:#ffffff; font-size:28px; padding:55px 0 30px 0;}

section.epilogue-wrap3				{background:url("../img/bg_epilogue3.jpg") no-repeat center 45px #ffffff; padding:45px 0 60px;}
.epilogue3							{width:1074px; margin:0 auto; text-align:center; padding-top:380px;}
.epilogue3 table						{padding:0; margin:0; border-collapse:collapse; border:0; width:1050px;}
.epilogue3 table	th					{height:60px; line-height:60px; font-size:28px; color:#ffffff; font-weight:600; border-right:1px solid #ffffff;}
.epilogue3 table	th:first-child		{background-color:#93304c;}
.epilogue3 table	th:nth-child(2)	{background-color:#006772;}
.epilogue3 table	th:nth-child(3)	{background-color:#004577; border-right:1px solid #004577;}
.epilogue3 table	td					{font-size:18px; color:#606060; text-align:left; background-color:#f9f9f9; border-right:1px solid #dddddd;}
.epilogue3 table	td:first-child		{background-color:#e6e6e6; font-size:20px; text-align:center; color:#484848;}
.epilogue3 table	td dl				{zoom:1; line-height:24px; padding:15px 0;}
.epilogue3 table	td dl:after			{clear:both; height:0;content:"."; display:block; visibility:hidden;}
.epilogue3 table	td dt				{float:left; padding-left:15px; width:55px;}
.epilogue3 table	td dd				{float:left; width:260px;}
.epilogue3 table	td:nth-child(2) dd	{width:160px;}
.epilogue3 table tbody	tr:nth-child(2) td		{border-top:1px solid #bebebe; border-bottom:1px solid #dddddd; text-align:center; font-size:20px; padding:20px 0;}
	
.epilogue3-box p					{font-size:30px; color:#3d5581; font-weight:600; padding:55px 0 10px 80px; text-align:left; background:url("../img/bg_epilogue3_01.gif") no-repeat left 35px;}	
.epilogue3-box ul					{padding:30px 0 20px 30px; background-color:#3d5581; border-radius:10px; margin-top:10px;}
.epilogue3-box ul li					{color:#ffffff; font-size:18px; padding-bottom:10px; text-align:left;}	

section.epilogue-wrap4				{background-color:#ededed;}
.epilogue4							{width:1074px; margin:0 auto; text-align:center; background-color:#ededed; padding:45px 0 60px;}
.epilogue4 .text1						{font-size:36px; color:#606060; padding-top:30px;}
.epilogue4 .text1	span				{color:#ca5b5b;}
.epilogue4 .text2						{font-size:26px; color:#606060; padding:30px 0 40px 0;}
.epilogue4-box						{background:url("../img/bg_epilogue4.jpg") no-repeat center top; text-align:left; height:410px;}
.epilogue4-box .text3				{font-size:28px; font-weight:600; color:#875353; padding:30px 0 25px 50px;}
.epilogue4-box .text4				{font-size:20px; color:#606060; padding-left:50px;}
.epilogue4-box .text4 span			{color:#ca5b5b;}
.epilogue4-box .text4 strong		{font-weight:600;}

section.textbook-wrap				{background-color:#ca5b5b;}
.textbook								{width:1074px; margin:0 auto; text-align:center; background-color:#ca5b5b; padding:45px 0 0 0;}
.outline_slide	.download1			{position:absolute; bottom:130px; right:110px;}
.outline_slide	.download2			{position:absolute; bottom:100px; right:110px;}
.outline_slide	.download3			{position:absolute; bottom:130px; right:110px;}

section.purchase-wrap				{background-color:#ffffff; padding:45px 0 70px 0;}
.purchase								{width:1074px; margin:0 auto; text-align:center;}
.purchase .title						{font-size:46px; color:#3a5aa3; padding-bottom:40px;}
.purchase ul							{zoom:1; padding-bottom:40px;}
.purchase ul:after					{clear:both; height:0;content:"."; display:block; visibility:hidden;}
.purchase ul li						{position:relative; float:left; width:33%; border-right:1px solid #cdcdcd;}
.purchase ul li:last-child			{border-right:none;}
.purchase ul li .num				{position:absolute; top:300px; left:30px; font-weight:bold; font-size:24px; color:#3a5aa3;}	
.purchase ul li .text1				{font-size:26px; color:#242424; padding-bottom:5px; padding-top:25px; font-weight:600;}
.purchase ul li .text2				{font-size:20px; color:#505050; padding-bottom:15px;}
.purchase ul li .text3				{font-size:24px; color:#21888c; padding-bottom:15px; font-weight:600}
.purchase-box						{position:relative; background:url("../img/bg_purchase.gif") no-repeat 30px top; padding:40px 0 0 230px; height:280px; font-size:18px; color:#ffffff; font-weight:600; text-align:left;}
.purchase-box span					{text-decoration:underline;}
.purchase-box strong				{color:#fff553; font-weight:bold;}
.purchase-box a						{position:absolute; bottom:70px; right:50px;}

footer									{background-color:#2e394e; color:#ffffff; font-weight:bold; }
.footer-inner							{zoom:1; width:1074px; margin:0 auto; text-align:center; background-color:#2e394e; padding:35px 0 60px 0;}
.footer-inner:after					{clear:both; height:0;content:"."; display:block; visibility:hidden;}
.footer-inner .left					{float:left; font-size:30px;}
.footer-inner .right					{float:right; font-size:18px;}

/**************** popup **********************/

.popup-wrap					{width:640px; position:relative;}
.popup-title					{background-color:#2e394e; color:#ffffff; text-align:left; height:50px; line-height:50px; font-size:18px; padding-left:20px;}
.popup-title span			{font-size:16px; padding-left:15px;}
.popup-wrap .close			{position:absolute; top:15px; right:15px;}
.popup-wrap .popup-content		{background-color:#ffffff; padding:20px;}
.popup-wrap table			{padding:0; margin:0; border-collapse:collapse; border:0; width:100%; border-bottom:2px solid #2e394e;}
.popup-wrap table td				{border-bottom:1px solid #c6c6c6; padding:15px 0 ; vertical-align:top;}
.popup-wrap table .subject		{color:#2e394e; font-size:16px; font-weight:600; float:left; padding-left:15px;}
.popup-wrap table .writer			{color:#417db1; font-size:15px; font-weight:600; float:right;}
.popup-wrap table .contents		{color:#323232; font-size:15px; clear:both; padding-top:5px; padding-left:15px;}
.paging						{padding:20px 0; text-align:center;}
.paging a						{font-size:16px; color:#6a6a6a; padding:0 5px;}
.paging a.on					{color:#417db1; font-weight:bold;}
.paging a:hover				{color:#417db1; font-weight:bold;}