@charset utf-8;

html,body {width: 100%; height: 100%; overflow: hidden;}

#fullpage .page1_box										{}
#fullpage .page1_box .page1_text					{text-align: center; height: 100%; line-height: 1em; position: relative;}
#fullpage .page1_box .page1_text p				{position: absolute; top: 45%; right: 50%; margin-top: -0.5em; text-align: center; width: 604px; margin-right: -302px;}
#fullpage .page1_box .page1_memo				{/*background: url(../../images/thema/main/main_img_black.png);*/ position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1;} /*20210820 수정*/
#fullpage .page1_box .page1_back				{background: #000; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 0; overflow: hidden;}
#fullpage .page1_box .page1_back .video_t	{position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 0;}

#fullpage .page1_box .page1_text p .p1text1			{}
#fullpage .page1_box .page1_text p .p1text2			{margin-top: 10px;}

#fullpage .page1_box .page1_back						{height: 100%;}

#fullpage .page2_box												{background: url(../../images/thema/main/page2_bg.jpg) repeat-x 50% 50%; background-size: cover;}
#fullpage .page2_box ul											{overflow: hidden;}
#fullpage .page2_box li												{margin-left: 0;}
#fullpage .page2_box .page2_image					{float: left; width: 58%;  padding-top: 12%; text-align: right;}
#fullpage .page2_box .page2_wrap						{float: right; width: 38%;  padding-top: 14%;text-align: left; }
#fullpage .page2_box .page2_data						{color: #58595b; font-size: 16px; line-height: 200%; padding: 0;}
#fullpage .page2_box .page2_data p					{margin-bottom: 20px;}
#fullpage .page2_box .page2_text							{padding: 20px 0 30px; margin-bottom: 3%;}

#fullpage .page3_img									{width: 40%; height: 100%; float: left; background: url(../../images/thema/main/page3_bg.png) no-repeat 100% 50%; text-align: right; padding-right: 5%; display:table;}
#fullpage .page3_img p									{display:table-cell; text-align:LEFT; vertical-align:middle; padding-left: 35%; line-height: 50px;}
#fullpage .page3_img img								{}
#fullpage .page3_list										{height: 100%;}
#fullpage .page3_list ul									{overflow: hidden;}
#fullpage .page3_list li									{width: 170px; height: 170px; background-color: #F15B67; background-size: cover; float: right; margin: 0 0 10px 10px; color: transparent; line-height: 170px;}
#fullpage .page3_list li:hover span					{color: #fff; -webkit-transition: 0.5s all ease; transition: 0.5s all ease; background: rgba(0,0,0,.5); padding: 5px;}
#fullpage .page3_btn										{bottom: 0; width: 100%; height: 120px; margin-top: -200px; background: #F69092 url(../../images/thema/main/page3_btn_bg.png) no-repeat 100% 100%; border-top: 1px #e6e6e7 solid;}
#fullpage .page3_btn .p3_left						{float: left; text-align: left; margin-top: 45px; height: 52px; padding: 3px 0 0 60px;}
#fullpage .page3_btn .p3_left .p3l_title			{font-size: 20px; font-weight: bold; color: #323232; line-height: 160%;}
#fullpage .page3_btn .p3_left .p3l_text			{color: #fff; font-size: 20px; text-shadow: 0 0 2px black;}
#fullpage .page3_btn .p3_right						{float: right; text-align: right;}
#fullpage .page3_btn .p3_right a							{font-size: 17px; color: #5b5b5b; border: 0; display: inline-block; width: 160px; height: 20px; padding: 20px; margin-top: 30px; text-align: right; background: transparent;}
#fullpage .page3_foot									{bottom: 0; width: 100%; height: 80px; margin-top: -80px; background-color: #d3d3d3; z-index: 0; position: absolute;}
#fullpage .page3_foot li									{line-height: 16px; padding: 32px 0;}
#fullpage .page3_foot .p3_left						{float: left; color: #3b3838; font-size: 16px;}
#fullpage .page3_foot .p3_left b						{color: #F15B67;}
#fullpage .page3_foot .p3_left a						{border: 1px #b1b1b1 solid; color: #7f7f7f; font-size: 11px; padding: 3px 5px; margin-left: 5px;}
#fullpage .page3_foot .p3_left a:hover			{background-color: #fff;}
#fullpage .page3_foot .p3_right						{float: right; color: #939598; font-size: 13px;}

@media all and (max-width:1600px) /* 테블릿 세로 */	{

#fullpage .page3_list li									{height: 130px; line-height: 130px;}

}

@media all and (max-width:1440px) /* 테블릿 세로 */	{

html,body {height: auto !important;overflow: auto !important;}

#menu	{display: none;}
#fullpage .page1_box											{height: 800px;}
#fullpage .page1_box .page1_memo						{height: 800px;}
#fullpage .page1_box .page1_text p .p1text1			{width: 600px;}
#fullpage .page1_box .page1_text p .p1text2			{width: 439.2px;}

#fullpage .page1_box											{height: 900px !important;}
#fullpage .page1_box .fp-tableCell					{height: 900px !important;}
#fullpage .page1_box .page1_back					{height: 900px;}

#fullpage .page2_box											{height: auto; overflow: hidden; padding-bottom: 12%;}
#fullpage .page2_box .page2_image				{width: 50%;}
#fullpage .page2_box .page2_wrap					{float: left; width: 45%; padding-top: 12%; padding-left: 2%;}
#fullpage .page2_box .page2_image img		{width: 95%;}
#fullpage .page2_box .page2_text						{padding: 20px 0; line-height: 130%;}
#fullpage .page2_box .page2_text	 img			{width: 80%; max-width: 483px;}
#fullpage .page2_box .page2_data br					{display: none;}

#fullpage .page3_img p											{text-align: right;}
#fullpage .page3_btn .p3_left									{padding-left: 0;}

#fullpage .page3_box						{height: auto;}
#fullpage .page3_img						{width: 100%; height: 200px; background: url(../../images/thema/main/page3_bg_mobile.png) no-repeat 50% 100%; background-size: cover;}
#fullpage .page3_list							{overflow: hidden; padding-top: 40px; padding-bottom: 100px; height: auto;}
#fullpage .page3_list ul						{float: left;}
#fullpage .page3_list li						{width: 120px; height: 120px; line-height: 120px;}
#fullpage .page3_list li span				{color: #fff; -webkit-transition: 0.5s all ease; transition: 0.5s all ease; background: rgba(0,0,0,.5); padding: 5px;}
#fullpage .page3_btn							{height: 120px; margin-top: 0;}
#fullpage .page3_foot						{bottom: 0; width: 100%; height: 80px; margin-top: 0; background-color: #d3d3d3; z-index: 0; position: relative;}

}

@media all and (max-width:1024px) /* 테블릿 세로 */	{

#fullpage .page1_box .page1_text p						{white-space: normal; width: 100%; right: auto; padding: 0 15%;}
#fullpage .page1_box .page1_text p .p1text1		{width: 500px;}
#fullpage .page1_box .page1_text p .p1text2		{width: 466px;}

#fullpage .page2_box												{padding-bottom: 0%;}
#fullpage .page2_box .page2_image					{float: none; width: 100%; text-align: center;}
#fullpage .page2_box .page2_image img			{width: 90%; max-width: 812px;}
#fullpage .page2_box .page2_wrap						{float: none; width: 90%; max-width: 812px; padding-top: 5%;text-align: left; margin: 0 auto;}
#fullpage .page2_box .page2_data 						{text-align: left; background-color: transparent; margin: 0;}

#fullpage .page2_box									{height: auto;}
#fullpage .page2_box ul								{background-position: 50% 50%; padding: 180px 0;}
#fullpage .page2_box li									{margin: 0;}
#fullpage .page2_box .page2_text img		{width: 88%; max-width: 507px;}
#fullpage .page2_box .page2_data 			{border-radius: 20px; width: fit-content; display: table;}

#fullpage .page3_btn									{height: 120px;}
#fullpage .page3_btn .p3_left					{background-position-x: 0; padding-left: 65px;}
#fullpage .page3_btn .p3_right				{width: auto;}
#fullpage .page3_btn .p3_right a			{font-size: 15px; width: 130px; margin-top: 30px;}

}

@media all and (max-width:768px) /* 모바일 가로 */	{

#fullpage .page3_list li span							{background: #F15B67;}
#fullpage .page3_btn .p3_left .p3l_text	{display: block;}

#fullpage .page2_box ul								{background-position: 50% 50%; padding: 100px 0;}
#fullpage .page2_box .page2_data 			{margin: 0 50px; text-align: left;}
#fullpage .page2_box .page2_data br 		{display: none;}

#fullpage .page3_list										{padding: 40px 20px 80px;}
#fullpage .page3_list li									{width: 100px; height: 120px; line-height: 90px; background-color: #000;}
#fullpage .page3_list li span							{color: #fff; -webkit-transition: 0.5s all ease; transition: 0.5s all ease; background: #F15B67; display: block; height: 30px; line-height: 30px; padding: 0; font-size: 14px;}
#fullpage .page3_btn										{height: 110px;}
#fullpage .page3_btn .p3_left						{background: transparent; padding-left: 0px;}
#fullpage .page3_btn .p3_left .p3l_title	{font-size: 18px;}
#fullpage .page3_btn .p3_right a			{margin-top: 20px;}

#fullpage .page3_img p							{padding-left: 5%;}
#fullpage .page3_img img:nth-child(3)	{width: 80%; max-width: 420px;}

#fullpage .page3_foot							{height: auto; padding: 20px 0; overflow: hidden;}
#fullpage .page3_foot li							{padding: 5px 0;}
#fullpage .page3_foot .p3_left				{width: 100%; text-align: center;}
#fullpage .page3_foot .p3_left a				{display: block; margin-top: 10px;}
#fullpage .page3_foot .p3_right				{width: 100%; text-align: center; font-size: 12px;}

}

@media all and (max-width:480px) /* 모바일 세로 */	{

#fullpage				{width: 480px;}

#fullpage .page1_box .page1_text p				{top: 47%; padding: 0 5%;}
#fullpage .page1_box .page1_text p .p1text1	{width: 95%;}

#fullpage .page2_box .page2_data 			{margin: 0 20px; text-align: left; font-size: 0.9em;}

#fullpage .page3_list										{padding: 40px 10px 80px;}
#fullpage .page3_list li									{width: 90px; height: 120px; line-height: 90px; background-color: #000;}
#fullpage .page3_btn .p3_right						{float: right; width: 150px; margin-top: 8px;}

}

@media all and (max-width:360px) /* 모바일 세로 */	{

body						{width: 360px;}
#fullpage				{width: 360px;}

#fullpage .page1_box .page1_text p			{top: 47%;}

}