@charset utf-8;

html,body {width: 100%;}

.allmenu ul li > a { text-shadow: 0 0 #fff;} /*210820 수정*/

/* 서브메뉴 색깔 및 스크롤 대처 */
.nav_wrapper				{border-bottom: 1px rgba(165,161,171,.3) solid; background-color: #fff; background-image: none;}
.allmenu ul li a				{color: #3d3d3d;}
.allmenu ul li.hover > a	{background: #f6f6f6; color: #F15B67;}
.allmenu ul ul > li a			{background: #f6f6f6;}
.spinner-master .spinner	{background-color: #ccc;}
.scroll #logo					{margin-top: 40px;}
.scroll #logo img			{width: 130px; -webkit-transition: 0.5s all ease; transition: 0.5s all ease;}
.scroll .allmenu				{margin-top: 55px;}
.scroll .allmenu ul li > a	{font-size: 17px;}
.scroll .allmenu ul ul > li a { font-size: 16px;}

#logo							{margin-left: 15%;}
.allmenu ul					{margin-right: 15%;}

@media all and (max-width:1600px) /* 테블릿 세로 */	{
#logo							{margin-left: 10%;}
.allmenu ul					{margin-right: 10%;}
}
@media all and (max-width:1400px) /* 테블릿 세로 */	{
#logo							{margin-left: 5%;}
.allmenu ul					{margin-right: 5%;}
}
@media all and (max-width:1280px) /* 테블릿 세로 */	{
#logo							{margin-left: 0%;}
#logo img						{width: 180px;}
.allmenu ul					{margin-right: 0%;}
}
 @media all and (max-width: 768px) {
.scroll .spinner-master		{margin: 62px 5% 0;}
.scroll #logo					{margin-top: 40px;}
#logo img						{width: 150px;}
.allmenu ul					 { display: inline; background-color: rgba(255,255,255,.9); margin: 0; width: 70%;}
}
/* 서브메뉴 색깔 및 스크롤 대처 */

.sub_page	{width: 100%; overflow: hidden; min-height: 500px;}

.sub_img			{background: repeat-x 50% 50%; height: 320px; text-align: center; margin-top: 90px;}
.sub_img img	{margin-top: 128px;}

#sub1_img	{background-image: url(../../images/thema/sub/sub1_img.jpg);}
#sub2_img	{background-image: url(../../images/thema/sub/sub2_img.jpg);}
#sub3_img	{background-image: url(../../images/thema/sub/sub3_img.jpg);}
#sub4_img	{background-image: url(../../images/thema/sub/sub4_img.jpg);}
#sub5_img	{background-image: url(../../images/thema/sub/sub5_img.jpg);}

#sub_menu						{background-color: #f6f6f6; border-bottom: 1px #e5e5e5 solid; height: 60px;}
#sub_menu ul					{width: 100%; max-width: 1200px; margin: 0 auto; padding: 0;}
#sub_menu li						{float: left; height: 60px; line-height: 20px;}
#sub_menu li a					{padding: 20px 30px; font-size: 18px; font-weight: 200; display: inline-block; background: url(../../images/thema/sub/sub_menu_line.gif) no-repeat 100% 50%;}
#sub_menu li a:hover			{color: #a6a1ab;}
#sub_menu .over				{color: #F15B67; font-weight: 600;}
#sub_menu .over:hover		{color: #F15B67; font-weight: 600;}
#sub_menu li:first-child		{background-color: #F15B67; color: #fff; padding: 20px 50px; font-size: 18px; margin-right: 10px;}
#sub_menu li a:last-child	{background: transparent;}
#sub_menu .link_map		{float: right; background: #3d3d3d url(../../images/thema/sub/sub_menu_btn.png) no-repeat 50% 50%; padding: 0;}
#sub_menu .link_map a		{width: 60px; height: 60px; line-height: 20px; font-size: 0; padding: 0;}

#fullpage .page3_foot							{width: 100%; /* height: 80px; */ margin-top: 0; 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; line-height: 130%;}
#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;}

#fullpage .page3_btn								{height: 250px; margin-top: 0;}
#fullpage .page3_btn .p3_left				{background-position-x: 25px; padding-left: 90px;}
#fullpage .page3_btn .p3_right				{width: 50%;}
#fullpage .page3_btn .p3_right a			{font-size: 16px; width: 180px; height: 16px; padding: 10px; margin-top: 20px;}


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

#sub_menu li a				{padding: 20px 25px; font-size: 17px;}
#sub_menu li:first-child	{padding: 20px 35px; font-size: 17px;}

#fullpage .page3_btn								{position: absolute; height: 200px; margin-top: 0;}
#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: 53px;}

#fullpage .page3_foot						{height: 140px; margin-top: 0; padding: 20px 0 0;}
#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:768px) /* 모바일 가로 */	{

.sub_img			{height: 250px;}
.sub_img img	{height: 50px; margin-top: 100px;}

#sub_menu					{height: 120px;}
#sub_menu ul				{padding: 0;}
#sub_menu li					{width: 100%; text-align: center;}
#sub_menu li a				{font-size: 16px;}
#sub_menu .link_map	{display: none;}
#fullpage .page3_foot .p3_left				{font-size: 15px;}

}


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

.sub_img			{height: 200px;}
.sub_img img	{height: 40px; margin-top: 80px;}

#sub_menu li a	{padding: 20px 15px;}

}

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

.sub_img			{height: 200px;}
.sub_img img	{height: 40px; margin-top: 80px;}

#sub_menu li a	{padding: 20px 10px;}
#sub_menu li a				{font-size: 15px;}

}


/*** 서브페이지 틀 끝, 내용 시작 ***/

.only_mobile	{display: none;}

@media all and (max-width:1024px) /* 테블릿 세로 */	{
.only_mobile	{display: block;}
.only_pc	{display: none;}
.sub112_img	{text-align: center;}
}

.sub_page h6										{font-size: 25px; font-weight: 500; color: #000; margin-top: 80px; margin-bottom: 10px;}

#sub1-1													{margin-top: 145px; margin-bottom: 200px;}
#sub1-1 .sub11_2									{float: right; font-size: 16px; color: #545454; line-height: 170%; font-weight: 600;}
#sub1-1 .sub11_2 img							{margin: 80px 0 30px;}
#sub1-1 .sub11_2 p								{margin-bottom: 30px; letter-spacing: -1px;}
#sub1-1 .sub11_3									{float: left; margin: 0;}

@media all and (max-width:1200px) /* 테블릿 세로 */	{
#sub1-1 .sub11_2									{width: 55%;}
#sub1-1 .sub11_2 img							{margin-top: 20px;}
#sub1-1 .sub11_3									{width: 40%;}
#sub1-1 .sub11_3 img							{width: 100%;}

}

#sub1-2 .color_gray								{background-color: #f6f6f6;}
#sub1-2 .wrap_box								{overflow: hidden; padding: 100px 0;}
#sub1-2 .wrap_box dt							{width: 100%; color: #3d3d3d; font-size: 31px; font-weight: 500; margin-bottom: 50px; text-align: center;}
#sub1-2 .wrap_box dd							{margin: 0 auto; width: fit-content; display: table;}
#sub1-2 .sub12_1 dd								{background: url(../../images/thema/sub/sub1-2_img1_bg.gif); border: 1px #e5e5e5 solid; padding: 64px 149px}
#sub1-2 .sub12_2 li								{float: left; width: 180px; margin-right: 20px; padding-top: 50px; text-align: center; color: #fff;margin-bottom: 50px;}
#sub1-2 .sub12_2 li:nth-child(1)				{width: 290px;}
#sub1-2 .sub12_2 li p								{font-size: 13px; display: block; width: 100%; padding: 10px; background-color: #f6f6f6; line-height: 160%; text-align: left; color: #000; margin-top: 50px;}
#sub1-2 .sub12_3 dd								{background: url(../../images/thema/sub/sub1-2_img2.jpg) no-repeat 0 65px; height: 400px;}
#sub1-2 .sub12_3 dd ul							{margin: 0 0 0 381px;}
#sub1-2 .sub12_3 dd li							{background-color: #e6e5e7; margin-bottom: 10px; border-radius: 130px; width: 470px; height: 130px; overflow: hidden;}
#sub1-2 .sub12_3 dd li .imgbg				{background: url(../../images/thema/sub/sub1-2_img3.jpg) no-repeat; margin-bottom: 10px; border-radius: 130px; width: 130px; height: 130px; float: left;}
#sub1-2 .sub12_3 dd li .img1					{background-position-y: 0;}
#sub1-2 .sub12_3 dd li .img2					{background-position-y: -130px;}
#sub1-2 .sub12_3 dd li .img3					{background-position-y: -260px;}
#sub1-2 .sub12_3 dd li .textbox				{color: #838383; font-size: 16px; line-height: 130%; padding: 30px 0 0 140px;}
#sub1-2 .sub12_3 dd li .textbox b			{margin-bottom: 5px; display: block; font-size: 20px;}
#sub1-2 .sub12_3 dd li .text1 b				{color: #a6a1ab;}
#sub1-2 .sub12_3 dd li .text2 b				{color: #419748;}
#sub1-2 .sub12_3 dd li .text3 b				{color: #F15B67;}
#sub1-2 .sub12_4									{}
#sub1-2 .sub12_4 dd								{width: 1080px;}
#sub1-2 .sub12_4 dd ul							{overflow: hidden;}
#sub1-2 .sub12_4 dd p							{text-align: center;}
#sub1-2 .sub12_4 dd li							{background-color: #fff; float: left; width: 250px; height: 250px; margin: 10px;}

#sub1-2 .sub12_5									{}
#sub1-2 .sub12_5 dd								{}
#sub1-2 .sub12_5 dd ul							{overflow: hidden; margin: 0 auto; width: fit-content;}
#sub1-2 .sub12_5 dd li							{float: left; width: 200px; height: 200px; border-radius: 100px; margin: 0 10px 30px; text-align: center; line-height: 200px; font-size: 20px; color: #fff; text-shadow: 0 0 3px #000;}
#sub1-2 .sub12_5 p								{font-size: 16px; text-align: center; color: #333; line-height: 160%;}

@media all and (max-width:1200px) /* 테블릿 세로 */	{
#sub1-2 .sub12_4 dd								{width: 100%;}
#sub1-2 .sub12_4 dd li							{width: 23%; height: auto; margin: 0 1%;}
#sub1-2 .sub12_4 dd li img						{width: 100%;}
}

#sub1-3 .color_gray								{background-color: #a6a1ab;}
#sub1-3 .wrap_box								{overflow: hidden; padding: 100px;}
#sub1-3 .wrap_box dt							{color: #3d3d3d; font-size: 31px; font-weight: 500; margin: 0 auto 40px; padding: 0 0 40px; width: fit-content; min-width: 150px; display: table; border-bottom: 1px #ccc solid; text-align: center;}
#sub1-3 .wrap_box dd							{width: 100%; text-align: center; font-size: 18px; line-height: 200%; color: #545454; font-weight: 200; border-left: 0; padding: 0; margin: 0;}
#sub1-3 .wrap_box dd p							{margin: 10px 0;}
#sub1-3 .color_gray dt							{color: #fff;}
#sub1-3 .color_gray dd							{color: #fff;}
#sub1-3 .color_gray .sub13_img				{width: 100%; background: #000 url(../../images/thema/sub/sub1-3_img1.jpg) no-repeat 50% 50%; background-size: cover; margin-top: 30px; height: 150px; border-left: 0;}
#sub1-3 .sub13_2									{padding-top: 0;}

#sub1-4													{padding: 0 5%; width: auto; margin: 100px auto 200px;}
#sub1-4 .sub14_map								{background: url(../../images/thema/sub/sub1-4_img1.jpg) no-repeat 50% 50%; background-size: cover; height: 462px;}
#sub1-4 .sub14_1 img							{width: 100%;}
#sub1-4 .sub14_1 .sub14_1dl					{background-color: #f6f6f6; border: 1px #e5e5e5 solid; border-top: 0; height: 80px;}
#sub1-4 .sub14_1 .sub14_1dl dl				{overflow: hidden;}
#sub1-4 .sub14_1 .sub14_1dl dt				{float: left; width: 25%; font-size: 20px; color: #F15B67; font-weight: bold; padding: 32px 0 0 60px;}
#sub1-4 .sub14_1 .sub14_1dl dd				{float: left; width: 70%; font-size: 17px; color: #545454; padding: 34px 0 0 80px;}
#sub1-4 .sub14_2 dl								{overflow: hidden; margin: 50px 3% 0;}
#sub1-4 .sub14_2 dt								{width: 100%; font-size: 22px; color: #3d3d3d; font-weight: bold; padding-top: 5px;}
#sub1-4 .sub14_2 dt i								{display: inline-block; background: url(../../images/thema/sub/sub1-4_img2.jpg) no-repeat; width: 60px; height: 60px; margin-right: 10px;}
#sub1-4 .sub14_2 dl:nth-child(1) dt i		{background-position: 0 0;}
#sub1-4 .sub14_2 dl:nth-child(2) dt i		{background-position: 0 -60px;}
#sub1-4 .sub14_2 dl:nth-child(3) dt i		{background-position: 0 -120px;}
#sub1-4 .sub14_2 dd								{width: 100%; font-size: 18px; color: #747474; font-weight: 200; line-height: 190%; padding: 30px 0 10px 0; white-space: break-spaces;}
#sub1-4 .sub14_2 dd b							{color: #a0826d;}

#sub2-1													{margin-top: 50px;}
#sub2-1	 dl												{max-width: 1200px; padding: 30px 0; overflow: hidden;}
#sub2-1	 dl:nth-child(odd)						{border-bottom: 1px #ccc dashed;}
#sub2-1 .color_gray								{background-color: #e7e8e9;}
#sub2-1	 .color_gray dl:nth-child(odd)		{border-bottom: 1px #fff dashed;}
#sub2-1	 dt												{float: left; width: 25%; height: 200px; background-color: #a5a1ab; background-position: 50% 50%; background-size: cover;}
#sub2-1 dd											{float: left; padding-left: 5%; width: 75%}
#sub2-1	 dd b											{font-size: 22px; font-weight: 500; display: block; padding: 10px 0 20px;}
#sub2-1	 dd span									{font-size: 16px; color: #58595b; line-height: 160%;}
#sub2-1 dd span br									{display: none;}
#sub2-1	 dd p											{color: #fff; background: #a5a1ab url(../../images/thema/sub/sub2-1_icon.png) no-repeat 15px 50%; padding: 11px 20px 7px 40px; margin-top: 30px; border-radius: 30px; width: fit-content; font-size: 15px;}
#sub2-1	 dd p a										{color: #fff;}
#sub3-1 .color_gray								{background-color: #e7e8e9;}
#sub3-1 .wrap_box								{overflow: hidden;}
#sub3-1 .wrap_box li								{float: left; width: 22%; margin: 30px 4% 60px 0;}
#sub3-1 .wrap_box li:nth-child(4n)			{margin-right: 0;}
#sub3-1 .wrap_box li .sub3_Limg			{height: 200px; background-position: 50% 50%; background-size: cover;}
#sub3-1 .wrap_box li .sub3_Llink			{text-align: right; margin: 15px 0 15px; height: 50px;}
#sub3-1 .wrap_box li .sub3_Llink i			{background-position-y: 0; width: 20px; height: 20px; display: inline-block;  background: url(../../images/thema/sub/sub3_icon.png) no-repeat 0% 0; font-size: 0;}
#sub3-1 .wrap_box li .sub3_Ltitle			{font-size: 24px; font-weight: 500; position: absolute; margin-top: 30px;}
#sub3-1 .wrap_box li .sub3_Ltext			{color: #58595b; font-size: 18px; line-height: 160%; height: 60px; margin-bottom: 15px; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; /* ellipsis line */ -webkit-box-orient: vertical;}
#sub3-1 .wrap_box li .sub3_Llist				{color: #7d7d7d; font-size: 16px; line-height: 200%; margin-top: 20px;}
#sub3-1 .wrap_box .sub3_icon				{background: url(../../images/thema/sub/sub3_icon.png) no-repeat 0%; padding-left: 30px; height: 20px; color: #7d7d7d; margin-bottom: 10px;}
#sub3-1 .wrap_box .sub3_Lmap				{background-position-y: -20px;}
#sub3-1 .wrap_box .sub3_Ltel				{background-position-y: -40px;}
#sub3-1 .wrap_box .sub3_Lhome			{background-position-y: -60px;}

@media all and (max-width:1200px) /* 테블릿 세로 */	{
#sub3-1 .wrap_box								{margin: 50px 3% !important; width: 94%;}
#sub3-1 .wrap_box li								{float: left; width: 46%; margin: 20px 8% 20px 0;}
#sub3-1 .wrap_box li:nth-child(2n)			{margin-right: 0;}
#sub3-1 .wrap_box li .sub3_Limg			{height: 180px;}
#sub3-1 .wrap_box li .sub3_Ltitle			{font-size: 22px;}
#sub3-1 .wrap_box li .sub3_Ltext			{font-size: 16px; height: 50px;}
#sub3-1 .wrap_box li .sub3_Llist				{font-size: 15px;}
#sub3-1 .wrap_box .sub3_icon				{margin-bottom: 5px;}
}

#sub3-view											{}
#sub3-view .sub3_vtop							{background-color: #e7e8e9; height: 560px; padding-top: 100px;}
#sub3-view .sub3_vtop ul						{width: 1200px; height: 360px; margin: 0 auto; background-color: #fff; overflow: hidden;}
#sub3-view .sub3_vtop li						{float: left;}
#sub3-view .sub3_vtop .sub3_vimg			{width: 675px; height: 100%;}
#sub3-view .sub3_vtop .sub3_vlist			{width: 170px; border-left: 1px #e7e8e9 solid; border-right: 1px #e7e8e9 solid; overflow: hidden;}
#sub3-view .sub3_vtop .sub3_vlist img	{width: 168px; height: 90px;}
#sub3-view .sub3_vtop .sub3_vdata		{margin: 60px 50px; width: calc(100% - 965px); float: right;}
#sub3-view .sub3_vtop .sub3_vdata h6	{width: 100%; margin-top: 0; margin-bottom: 20px; padding-bottom: 40px; border-bottom: 1px #e7e8e9 dashed;}
#sub3-view .sub3_vtop .sub3_vdata dl	{overflow: hidden; font-size: 18px;}
#sub3-view .sub3_vtop .sub3_vdata dt	{float: left; width: 20%; color: #a0826d; margin-top: 20px;}
#sub3-view .sub3_vtop .sub3_vdata dd	{float: left; width:  calc(100% - 20%); color: #7d7d7d; margin-top: 20px;}
#sub3-view .sub3_vtext							{font-size: 20px; line-height: 160%; color: #7d7d7d; font-weight: 200; /* margin-bottom: 100px; */ padding:30px;}

#sub3-view .sub3_vtop							{height: 450px; padding-top: 75px;}
#sub3-view .sub3_vtop ul						{height: 350px;}
#sub3-view .sub3_vtop .sub3_vimg			{width: 560px;}
#sub3-view .sub3_vtop .sub3_vlist			{width: 143px;}
#sub3-view .sub3_vtop .sub3_vlist img	{width: 141px; height: auto;}
#sub3-view .sub3_vtop .sub3_vdata		{margin: 60px 40px; width: calc(100% - 783px);}
#sub3-view .sub3_vtop .sub3_vdata h6	{margin-top: 0; margin-bottom: 5px; padding-bottom: 10px;}
#sub3-view .sub3_vtop .sub3_vdata dl	{font-size: 17px;}
#sub3-view .sub3_vtop .sub3_vdata dt	{margin-top: 20px; line-height: 130%; height: 20px;}
#sub3-view .sub3_vtop .sub3_vdata dd	{margin-top: 20px; line-height: 130%; min-height: 20px;}

#sub3-view .sub3_vtext h6						{margin-bottom: 30px;}
#sub3-view .sub3_vtext							{font-size: 18px;}

#sub4-1 .sub41_box								{position: absolute; z-index: 1; width: 100%;}
#sub4-1 ul												{overflow: hidden; margin: 0 auto; width: fit-content; display: table;}
#sub4-1 li												{width: 350px; height: 400px; float: left; margin-left: 50px; padding-top: 365px; font-size: 16px; background-size: 100% !important;}
#sub4-1 li:first-child								{margin-left: 0}
#sub4-1 .sub41_bg								{position: absolute; z-index: 0; font-size: 35px; font-weight: 200; color: #fff; text-shadow: 0 0 3px black; text-align: center;}
#sub4-1 .sub41_sp									{width: 100%; height: 810px;}
#sub4-1 .sub41_sp .sub41_bg					{background: #399845 url(../../images/thema/sub/sub4-1sp_bg.jpg) no-repeat 100%; width: 50%; height: 500px; padding-top: 230px; text-align: left; padding-left: 300px;}
#sub4-1 .sub41_sp .sub41_sp1				{background: url(../../images/thema/main/page3_img_0.jpg) no-repeat 50% 0; margin-top: 300px;}
#sub4-1 .sub41_sp .sub41_sp2				{background: url(../../images/thema/main/page3_img_1.jpg) no-repeat 50% 0; margin-top: 100px;}
#sub4-1 .sub41_sp .sub41_sp3				{background: url(../../images/thema/main/page3_img_2.jpg) no-repeat 50% 0; margin-top: 200px;}
#sub4-1 .sub41_sm								{width: 100%; height: 760px;}
#sub4-1 .sub41_sm .sub41_bg				{background: #F15B67 url(../../images/thema/sub/sub4-1sm_bg.jpg) no-repeat 50%; width: 100%; height: 260px; padding-top: 110px;}
#sub4-1 .sub41_sm .sub41_sm1				{background: url(../../images/thema/main/page3_img_3.jpg) no-repeat 50% 0; margin-top: 150px;}
#sub4-1 .sub41_sm .sub41_sm2				{background: url(../../images/thema/main/page3_img_4.jpg) no-repeat 50% 0; margin-top: 260px;}
#sub4-1 .sub41_sm .sub41_sm3				{background: url(../../images/thema/main/page3_img_5.jpg) no-repeat 50% 0; margin-top: 0;}
#sub4-1 .sub41_at									{width: 100%; height: 650px;}
#sub4-1 .sub41_at .sub41_bg					{background: #a0826d url(../../images/thema/sub/sub4-1at_bg.jpg) no-repeat 0; margin-left: 50%; width: 50%; height: 500px; padding-top: 230px; text-align: right; padding-right: 300px;}
#sub4-1 .sub41_at .sub41_at1				{background: url(../../images/thema/main/page3_img_6.jpg) no-repeat 50% 0; margin-top: 0;}
#sub4-1 .sub41_at .sub41_at2				{background: url(../../images/thema/main/page3_img_7.jpg) no-repeat 50% 0; margin-top: 150px; margin-right: 450px;}
#sub4-1 .sub41_wt								{width: 100%; height: 700px;}
#sub4-1 .sub41_wt .sub41_bg				{background: #a5a1ab url(../../images/thema/sub/sub4-1wt_bg.jpg) no-repeat 50%; width: 100%; height: 260px; padding-top: 110px;}
#sub4-1 .sub41_wt .sub41_wt1				{background: url(../../images/thema/main/page3_img_8.jpg) no-repeat 50% 0; margin-top: 200px; margin-left: 200px;}
#sub4-1 .sub41_wt .sub41_wt2				{background: url(../../images/thema/main/page3_img_9.jpg) no-repeat 50% 0; margin-top: 50px; margin-left: 300px;}

@media all and (max-width:1200px) /* 테블릿 세로 */	{
#sub3-1 .wrap_box								{margin: 50px 0;}
#sub3-1 .wrap_box li								{float: left; width: 46%; margin: 20px 8% 20px 0;}
#sub3-1 .wrap_box li:nth-child(2n)			{margin-right: 0;}
#sub3-1 .wrap_box li .sub3_Limg			{height: 180px;}
#sub3-1 .wrap_box li .sub3_Ltitle			{font-size: 22px;}
#sub3-1 .wrap_box li .sub3_Ltext			{font-size: 16px; height: 50px;}
#sub3-1 .wrap_box li .sub3_Llist				{font-size: 15px;}
#sub3-1 .wrap_box .sub3_icon				{margin-bottom: 5px;}
}

#sub4-2													{margin-bottom: 50px;}
#sub4-2	 ul												{overflow:  hidden; margin-top: 50px;}
#sub4-2 li												{background-repeat: no-repeat; background-size: cover; float: left; width: 32%; height: 530px; margin: 0 2% 30px 0; padding: 200px 0 30px; overflow: hidden;}
#sub4-2 li:nth-child(3n)							{margin-right: 0;}
#sub4-2 .sub42_box								{background: url(../../images/thema/sub/sub4-2_bg.png) repeat-x 0% 0%; padding: 130px 30px 90px;}
#sub4-2 .sub42_title								{font-size: 24px; color: #484848; font-weight: 500;}
#sub4-2 .sub42_data								{font-size: 15px; color: #7d7d7d; margin: 15px 0 15px; background: url(../../images/thema/sub/sub3_icon.png) no-repeat 0% -80px;  padding-left: 25px;}
#sub4-2 .sub42_data span						{margin: 0 5px; color: #aeaeae;}
#sub4-2 .sub42_text								{font-size: 17px; color: #58595b; line-height: 160%;  overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; /* ellipsis line */ -webkit-box-orient: vertical;}

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

#sub1-1 .sub11_2									{float: right; font-size: 18px; color: #545454; line-height: 200%; font-weight: 200;}

#sub4-1 li												{width: 300px; height: 330px; padding-top: 315px;}
#sub4-1 .sub41_bg								{font-size: 30px;}

}


@media all and (max-width:1200px) /* 테블릿 세로 */	{
/*
#sub1-1													{margin-top: 100px; margin-bottom: 150px;}
#sub1-1 .sub11_1									{padding: 0 0 60px 15px;}
#sub1-1 .sub11_2									{float: left; padding-left: 15px;}
#sub1-1 .sub11_2 p								{margin-bottom: 40px;}
#sub1-1 .sub11_3									{float: right; margin: 50px 15px 0 0;}
*/

#sub3-view .sub3_vtop							{height: 314px; padding-top: 50px;}
#sub3-view .sub3_vtop ul						{height: 214px;}
#sub3-view .sub3_vtop .sub3_vimg			{width: 400px; height: 100%;}
#sub3-view .sub3_vtop .sub3_vlist			{width: 103px;}
#sub3-view .sub3_vtop .sub3_vlist img	{width: 101px; height: 54px;}
#sub3-view .sub3_vtop .sub3_vdata		{margin: 30px; width: calc(100% - 563px);}
#sub3-view .sub3_vtop .sub3_vdata h6	{font-size: 22px; margin-bottom: 5px; padding-bottom: 15px;}
#sub3-view .sub3_vtop .sub3_vdata dl	{font-size: 15px;}
#sub3-view .sub3_vtop .sub3_vdata dt,
#sub3-view .sub3_vtop .sub3_vdata dd	{margin-top: 15px;}

#sub4-1 li												{width: 250px; height: 280px; padding-top: 265px;}
#sub4-1 .sub41_bg								{width: 100% !important; height: 200px !important; padding: 85px 0 0 !important; text-align: center !important; margin-left: 0 !important; font-size: 25px;}
#sub4-1 .sub41_sp									{height: 550px;}
#sub4-1 .sub41_sp .sub41_sp1				{margin-top: 200px;}
#sub4-1 .sub41_sp .sub41_sp2				{margin-top: 150px;}
#sub4-1 .sub41_sp .sub41_sp3				{margin-top: 175px;}
#sub4-1 .sub41_sm								{height: 575px;}
#sub4-1 .sub41_sm .sub41_sm1				{margin-top: 100px;}
#sub4-1 .sub41_sm .sub41_sm2				{margin-top: 225px;}
#sub4-1 .sub41_sm .sub41_sm3				{margin-top: 25px;}
#sub4-1 .sub41_at									{height: 525px;}
#sub4-1 .sub41_at .sub41_at1				{margin-top: 150px;}
#sub4-1 .sub41_at .sub41_at2				{margin-top: 175px; margin-right: 0;}
#sub4-1 .sub41_wt								{height: 550px;}
#sub4-1 .sub41_wt .sub41_wt1				{margin-top: 200px; margin-left: 0;}
#sub4-1 .sub41_wt .sub41_wt2				{margin-top: 125px; margin-left: 50px;}

#sub4-2 li												{width: 48%; margin: 0 4% 50px 0 !important;}
#sub4-2 li:nth-child(2n)							{margin-right: 0 !important;}

}


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

#sub1-1 .sub11_1									{width: 100%; text-align: center; padding-left: 0;}
#sub1-1 .sub11_2									{width: 100%; text-align: center; padding-left: 0; font-size: 18px;}
#sub1-1 .sub11_2 p .mobile					{display: block;}
#sub1-1 .sub11_3									{width: 100%; text-align: center; padding-left: 0;}

#sub1-2 .wrap_box dd							{width: fit-content; text-align: center; margin: 0 auto; display: table;}
#sub1-2 .sub12_1 dd								{width: 510px;}
#sub1-2 .sub12_1 img							{width: 100%; max-width: 195px;}
#sub1-2 .sub12_2 dd li							{width: 150px; margin-right: 10px;}
#sub1-2 .sub12_2 dd li:last-child				{margin-right: 0;}
#sub1-2 .sub12_3									{padding: 100px 50px;}
#sub1-2 .sub12_3 dd								{background-size: 360px; background-position-y: 50px;}
#sub1-2 .sub12_3 dd ul							{margin: 0 0 0 270px;}
#sub1-2 .sub12_3 dd li							{width: 400px; height: 100px; text-align: left;}
#sub1-2 .sub12_3 dd li .imgbg				{width: 100px; height: 100px;}
#sub1-2 .sub12_3 dd li .textbox				{padding: 20px 0 0 110px;}
#sub1-2 .sub12_3 dd li .textbox				{font-size: 14px;}
#sub1-2 .sub12_3 dd li .textbox b			{font-size: 16px;}

#sub1-3 .wrap_box dd							{text-align: left;}
#sub1-3 .wrap_box dd br						{display: none;}

#sub1-4 .sub14_1 .sub14_1dl dt				{display: none;}
#sub1-4 .sub14_1 .sub14_1dl dd				{color: #F15B67; width: 100%; padding-left: 5%; font-weight: bold;}
#sub1-4 .sub14_2 dl								{margin: 50px 0 0;}

#sub2-1	 dt												{width: 35%;}
#sub2-1 dd											{padding-left: 5%; width: 65%;}

#sub3-view .sub3_vtop							{height: 368px;}
#sub3-view .sub3_vtop ul						{height: 268px;}
#sub3-view .sub3_vtop .sub3_vimg			{height: 214px; border-right: 1px #e7e8e9 solid;}
#sub3-view .sub3_vtop .sub3_vdata		{width: calc(100% - 460px);}
#sub3-view .sub3_vtop .sub3_vdata h6	{margin-top: 5px; margin-bottom: 10px; padding-bottom: 25px;}
#sub3-view .sub3_vtop .sub3_vdata dt	{width: 30%; line-height: 130%;}
#sub3-view .sub3_vtop .sub3_vdata dd	{width:  calc(100% - 30%); line-height: 130%;}
#sub3-view .sub3_vtop .sub3_vlist			{width: 400px; height: 54px; border-right: 0; border-right: 1px #e7e8e9 solid; border-left: 0; display: inline-flex;}
#sub3-view .sub3_vtop .sub3_vlist img	{width: 100px;}
#sub3-view .sub3_vtop .sub3_vlist a		{display: table-cell; float: left; border-right: 0;}
#sub3-view .sub3_vtext							{font-size: 16px;}

#sub4-1 li												{width: 200px; height: 240px; padding-top: 215px; margin-left: 25px; margin-top: 125px !important;}
#sub4-1 .sub41_bg								{height: 150px !important; padding: 65px 0 0 !important;}
#sub4-1 .sub41_sp,
#sub4-1 .sub41_sm,
#sub4-1 .sub41_at,
#sub4-1 .sub41_wt								{width: 100%; height: 450px;}

}


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

#sub1-1 .sub11_2									{text-align: left; font-size: 16px;}
#sub1-1 .sub11_2 p br							{display: none;}
#sub1-1 .sub11_2 p .mobile					{display: none;}
#sub1-1 .sub11_3									{margin: 30px 0 0;}
#sub1-1 .sub11_3 img							{width: 100%;}

#sub1-2 .wrap_box dt							{font-size: 25px;}
#sub1-2 .wrap_box								{overflow: hidden; padding: 50px 0;}
#sub1-2 .sub12_1 dd								{width: 450px; padding: 50px 90px;}
#sub1-2 .sub12_2 dd								{width: 400px; margin-bottom: 20px;}
#sub1-2 .sub12_2 dd li							{width: 100% !important; margin: 0 auto 20px; padding: 40px 0 0 0;}
#sub1-2 .sub12_2 dd li p							{padding-left: 10px; margin-top: 40px;}
#sub1-2 .sub12_3 dd								{background: transparent;}
#sub1-2 .sub12_3 dd ul							{margin: 0;}
#sub1-2 .sub12_4 dd								{width: 90%; margin: 0 auto;}
#sub1-2 .sub12_4 dd li							{width: 48%; height: auto; margin: 8px 1%;}
#sub1-2 .sub12_5 dd li							{width: 100px; height: 100px; border-radius: 50px; margin: 0 10px 30px; text-align: center; line-height: 100px; font-size: 16px;}

#sub1-3 .wrap_box								{overflow: hidden; padding: 50px 50px;}
#sub1-3 .wrap_box dt							{font-size: 25px;}
#sub1-3 .wrap_box dd							{font-size: 16px;}

#sub1-4 .sub14_2 dl								{margin-top: 40px;}
#sub1-4 .sub14_2 dt								{font-size: 20px;}
#sub1-4 .sub14_2 dd								{font-size: 16px;}

#sub2-1	 dl												{padding-top: 40px; padding-bottom: 40px;}
#sub2-1	 dt												{float: none; width: 100%;}
#sub2-1 dd											{float: none; width: 100%; padding-left: 0; padding-top: 30px;}
#sub2-1	 dd p											{margin-top: 20px;}

#sub3-1 .wrap_box								{margin: 3px 5% !important;}
#sub3-1 .wrap_box li								{float: none; clear: both; width: 100%; margin: 20px 0 20px 0;}
#sub3-1 h6										{padding-top: 40px; padding-bottom: 30px;}

#sub3-view .sub3_vtop							{width: 100%; padding: 50px; margin: 0; height: auto;}
#sub3-view .sub3_vtop ul						{width: 100%; margin: 0; height: auto;}
#sub3-view .sub3_vtop .sub3_vimg			{width: 100%; height: auto; float: none;}
#sub3-view .sub3_vtop .sub3_vlist			{width: 100%; height: auto; margin-top: -380px; display: block; border-bottom: 1px #ccc solid; white-space: nowrap; border-right: 0;}
#sub3-view .sub3_vtop .sub3_vlist a		{width: 25%; float: none;}
#sub3-view .sub3_vtop .sub3_vlist img	{width: 100%; height: auto;}
#sub3-view .sub3_vtop .sub3_vdata		{margin: 80px 10% 0; width: 80%; height: 300px; float: none; padding-top: 50px;}

#sub4-1 li												{float: none;}
#sub4-1 .sub41_box ul							{width: 100%; margin-top: 75px;}
#sub4-1 .sub41_box li							{width: 90%; max-width: 550px; height: 130px; margin: 40px auto 0 !important; text-align: center; color: #fff; padding-top: 60px; display: table;  text-shadow: 0 0 3px black; font-weight: 500; background-position-y: center !important;}
#sub4-1 .sub41_sp									{height: 700px;}
#sub4-1 .sub41_sm								{height: 700px;}
#sub4-1 .sub41_at									{height: 525px;}
#sub4-1 .sub41_wt								{height: 525px;}
#sub4-1 .sub41_bg								{padding-top: 50px !important;}

#sub4-2 li												{width: 100%; margin-right: 0;}
#sub4-2 .sub42_data								{font-size: 14px;}
#sub4-2 .sub42_text								{font-size: 16px;}

#sub5-1													{padding: 0 50px;}
#sub5-2													{padding: 0 50px;}

}


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

#sub3-view .sub3_vtop .sub3_vdata		{padding-top: 30px;}

}


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

#sub1-2 .sub12_5 dd li							{width: 80px; height: 80px; border-radius: 50px; margin: 0 10px 10px; text-align: center; line-height: 80px; font-size: 16px;}

#sub1-3 .wrap_box								{overflow: hidden; padding: 50px 10px;}

#sub1-4													{padding: 0 10px;}

#sub3-view .sub3_vtop							{padding: 20px;}
#sub3-view .sub3_vtop .sub3_vdata		{padding-top: 10px;}

#sub5-1													{padding: 0 10px;}
#sub5-2													{padding: 0 10px;}

}


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

#sub1-2 .sub12_1 dd								{width: 310px; padding: 50px 90px;}

#sub3-view .sub3_vtop .sub3_vdata		{padding-top: 10px;}

}