@charset "utf-8";

body																			{margin: 0; font-family: "Malgun Gothic", "맑은고딕", dotum, "돋움", sans-serif; background: url(./../../mycodyimages/intro_body.png) no-repeat 50% 0;}
html, body																		{height: 100%;}
#wrap																			{height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
#container																		{width: 1000px; padding: 30px 0;}

#header																			{background-color: #ffffff;}
#header h1																		{margin: 0; height: 92px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
#header h1 a img																{display: block; border: 0 none;}
#content .content-header														{height: 320px; background: url(./../../mycodyimages/intro_slogan.png) no-repeat 0 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
#content .content-header .slogan												{padding-left: 100px;}
#content .content-header .slogan span,
#content .content-header .slogan strong											{line-height: inherit;}
#content .content-header .slogan .item-01										{margin: 0;}
#content .content-header .slogan .item-01 span									{display: block; line-height: 26px; font-size: 18px; color: #ffffff; font-weight: bold;}
#content .content-header .slogan .item-01 strong								{display: block; line-height: 64px; font-size: 36px; color: #91c5ff;}
#content .content-header .slogan .item-02										{margin: 0; line-height: 24px; font-size: 16px; color: #ffffff; font-weight: bold;}
#content .content-header .slogan .item-02 span									{display: block;}
#content .content-primary .shortcut h2											{overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;}
#content .content-primary .shortcut .button-area								{margin-top: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
#content .content-primary .shortcut .button-area .item							{display: block; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;}
#content .content-primary .shortcut .button-area .item+.item					{margin-left: 30px;}
#content .content-primary .shortcut .button-area .item a						{display: block; position: relative; padding-top: 85px; height: 52px; font-weight: bold; line-height: .9; font-size: 22px; color: #2b2b2b; letter-spacing: -1px; text-align: center; text-decoration: none; background-color: #ffffff;}
#content .content-primary .shortcut .button-area .item a:focus,
#content .content-primary .shortcut .button-area .item a:hover					{text-decoration: underline;}
#content .content-primary .shortcut .button-area .item a:before					{content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; height: 57px; background-image: url(./../../mycodyimages/intro_btn_goto.png); background-repeat: no-repeat; background-position: 50% 50%;}
#content .content-primary .shortcut .button-area .item a.state-a:before			{background-color: #3a76b9;}
#content .content-primary .shortcut .button-area .item a.state-b:before			{background-color: #5369bf;}
#content .content-primary .shortcut .button-area .item a.state-c:before			{background-color: #45b2bf;}
#content .content-primary .shortcut .button-area .item a.state-d:before			{background-color: #00c3a5;}

/* explorer 8~9 */
#msie #wrap																		{display: table; table-layout: fixed; margin: 0 auto; width: 1000px; height: 100%;}
#msie #container																{display: table-cell; vertical-align: middle;}
#msie #header h1																{display: table; table-layout: fixed; margin: 0 auto; text-align: center;}
#msie #header h1 a																{display: table-cell; vertical-align: middle;}
#msie #content .content-primary .shortcut .button-area							{display: table; table-layout: fixed; width: 1030px;}
#msie #content .content-primary .shortcut .button-area .item					{display: table-cell; padding-right: 30px;}
#msie #content .content-header													{display: table; table-layout: fixed; width: 100%;}
#msie #content .content-header .slogan											{display: table-cell; vertical-align: middle;}