
.contentsWrap	{clear:both; width:1116px; margin:0 auto; /*overflow:hidden;*/}
.contentsWrap:after { content:""; display:table; zoom:1; clear:both; }
.intr0501.wide	{width:100%; max-width:1920px;}
.contentsWrap .contents	{}
.contentsWrap .contents:first-child	{margin-top:100px;}
.contentsWrap .contents.video {margin-top: 75px;display: inline-block;}
.contentsWrap .contents.ebook { width: 100%; display: inline-block; margin-top: 75px;}

dl.information	{width:100%;}
dl.information dt	{clear:both; float:left; margin-bottom:130px; width:227px; font-size:32px; font-weight:700; line-height:1.5; margin-top: -0.1em;}
dl.information dd	{float:left; width:calc(100% - 227px); margin-bottom:130px; font-size:18px; font-weight:300; line-height:1.78;}
dl.information dt p	{display:block; font-size:0.68em; font-weight:400; margin-top:0.8em;}
dl.information dd ul, dl.information dd ol	{margin-bottom:30px;}
dl.information dd ul li	{text-indent:-1em; padding-left:1em;}
dl.information dd ul.brackets li	{text-indent:-1.7em; padding-left:1.7em;}
dl.information dd .subWrap	{font-size:15px; overflow:hidden; padding:30px 30px 0;background:#f7f7f7; margin:40px 0;}
dl.information dd .btnWrap	{margin-top:120px; text-align:left;}

/* 회사소개 > CI */
.intr0501	{color:#222;}
.intr0501 .downWrap	{margin-bottom:1.3em;}
.intr0501 .downWrap a	{position:relative;display:inline-block;background: url("../images/btn_down_blue.png") 100% 50% no-repeat;font-size: 18px;background-size:1em;padding-right: 1.6em;margin-left:3em;font-weight: 400;}
.intr0501 .downWrap a:first-child	{margin-left:0;}
.intr0501 dl dd p	{margin-bottom:3.8em;    font-size: 18px;}
.intr0501 dl dd > img	{max-width:100%;}
.intr0501 dl dd:nth-of-type(1) > img	{width:auto;margin-bottom: 60px;}
.intr0501 .color p { font-size: 16px; line-height: 27px; margin: 0; } 
.intr0501 .color .c-title1 { font-size: 19px; font-weight: 600; line-height: 34px; } 
.intr0501 .color .c-desc1 { padding-bottom: 25px; font-weight: 600; } 
.intr0501 .color .c-desc2 { padding-bottom: 25px; } 
.intr0501 .color .c-desc3 { padding-bottom: 80px; } 
.intr0501 .color .c-desc4 { padding-bottom: 50px; } 
.intr0501 .color img { float: right;margin-left:15px} 
.intr0501 .downWrap a:before {content: '';width: 0%;height: 1px;background: #000;position: absolute;bottom: 0;left: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.intr0501 .downWrap a:hover:before {width: 100%;}
.intr0501 .ci2022_img3 {margin-bottom:38px;}
.intr0501 .ci2022_img4 {margin:0 0 90px -7%;}
.intr0501 .ci2022_desc6, .intr0501 .ci2022_desc7 {font-size:18px; line-height:26px; color:#005db8;}
.intr0501 .ci2022_desc6 {margin-bottom:110px;}
.intr0501 .ci2022_desc7 {width:75%;}
.intr0501 .ci2022_img3_txt, .intr0501 .ci2022_img4_txt {display:none;}

.intr0501 dl dd .tableWrap	{width:80%; max-width:660px;}
.intr0501 dl dd .tableWrap table	{border:none; font-size:16px; line-height:1;}
.intr0501 dl dd .tableWrap th	{background:none; border:none; padding:0; position:relative; vertical-align:bottom; padding-bottom:0.4em; font-weight:300;}
.intr0501 dl dd .tableWrap td	{text-align:left; background:none; border:none; padding:0.4em 0;}
.intr0501 dl dd .tableWrap th.right span	{position:absolute; left:70px; bottom:0.4em;}
.intr0501 dl dd .tableWrap tr:nth-child(6) td,.intr0501 dl dd .tableWrap tr:nth-child(12) td	{padding:1.2em 0;}
.intr0501 dl dd .tableWrap th p	{display:block;position:absolute;  width:100px; height:100px;}
.intr0501 dl dd .tableWrap tr:first-child th p	{
	background:#0018a8; top:14px; left:14px;
	-webkit-transform: rotate(18deg);
	-moz-transform: rotate(18deg);
	transform: rotate(18deg);
	-o-transform: rotate(18deg);
	-ms-transform: rotate(18deg);
}
.intr0501 dl dd .tableWrap tr:nth-child(7) th p	{
	background:#0088ce; top:5px; left:5px;
	-webkit-transform: rotate(-4.2deg);
	-moz-transform: rotate(-4.2deg);
	transform: rotate(-4.2deg);
	-o-transform: rotate(-4.2deg);
	-ms-transform: rotate(-4.2deg);
}
.intr0501 dl dd .tableWrap tr:nth-child(13) th p {
	background:#00ad83; top:7px; left:7px;
	-webkit-transform: rotate(6.3deg);
	-moz-transform: rotate(6.3deg);
	transform: rotate(6.3deg);
	-o-transform: rotate(6.3deg);
	-ms-transform: rotate(6.3deg);
}
.intr0501.wide	{width:calc(100% - 72px); margin:0 36px; padding:0;}
.intr0501.wide a	{position: relative;display: flex;justify-content: center;align-items: center;float:left;width:50%;height:240px;color:#fff;font-size:22px;overflow: hidden;}
.intr0501.wide a .bg{position: absolute;z-index: -1;}
.intr0501.wide a:first-child .bg	{background:url("../images/img_intr0501_05.png") 50% 50% no-repeat;background-size:cover;}
.intr0501.wide a:last-child	.bg{background:url("../images/img_intr0501_06.png") 50% 50% no-repeat;;background-size:cover;}
.intr0501.wide a img	{height:1em; margin-left:0.5em;}
.intr0501.wide a .bg {width: 100%;height: 100%;transition: all 0.4s;}
.intr0501.wide a:hover .bg { transform: scale(1.05);background-color: rgb(0 0 0 / 40%);background-blend-mode: multiply;}

@media all and (max-width: 1280px){
	.contentsWrap	{width:100%; padding:0 88px;}
	.intr0501.wide a { height: 16vw;}
}



@media all and (max-width: 1080px){
	.contentsWrap { padding:0 50px; }
	.contentsWrap .contents:first-child	{ margin-top:75px; }
	dl.information dt	{margin-bottom:90px; width:171px;font-size:20px;}
	dl.information dd	{width:calc(100% - 171px); margin-bottom:60px; font-size:14px;}
	dl.information dd ul, dl.information dd ol	{margin-bottom:21px;}
	dl.information dd .subWrap	{padding:20px 20px 0; margin:30px 0;}
	dl.information dd .btnWrap	{margin-top:80px;}

	.intr0501 .downWrap a	{font-size:16px; }

	.intr0501 dl dd p {font-size: 14px;line-height: 1.78;}
	.intr0501 dl dd .tableWrap table	{ font-size:13px;}
	.intr0501 dl dd .tableWrap th p	{width:70px; height:70px;}
	.intr0501 dl dd .tableWrap tr:first-child th p	{top:10px; left:11px;}
	.intr0501 dl dd .tableWrap tr:nth-child(7) th p	{top:4px; left:5px;}
	.intr0501 dl dd .tableWrap tr:nth-child(13) th p	{top:5px; left:5px;}
	.intr0501 dl dd .tableWrap th	{padding-bottom:0.3em;}
	.intr0501 dl dd .tableWrap td {padding: 0.3em 0;}
	.intr0501 dl dd .tableWrap th.right span	{left: 46px;    bottom: 0.3em;}

	.intr0501.wide	{width:100%; margin:0 ; padding:0 50px;}
	.intr0501.wide a	{height:125px;font-size:15px;/* padding:100px 15px 0; */}

	.intr0501 .color p { font-size: 15px; line-height: 24px; } 
	.intr0501 .color .c-desc3 { padding-bottom: 40px; } 
	.intr0501 .ci2022_desc {font-size:14px; line-height:24px;}
	.intr0501 .ci2022_desc3 {padding-bottom:40px;}
	.intr0501 .ci2022_desc6, .intr0501 .ci2022_desc7 {font-size:14px; line-height:24px;}  
	.intr0501 .ci2022_img3 {margin-bottom:30px;}
	.intr0501 .ci2022_img4 {margin-bottom:30px;}  
	.intr0501 .ci2022_desc7 {width:88%;}
	.intr0501.wide a {font-size: 20px;}
}

@media all and (max-width: 766px){
	.sub-section {padding-bottom: 0;}
	.contentsWrap	{padding: 0;}
	.contentsWrap .contents:first-child	{margin-top:50px;}
	dl.information dt	{float:none; margin:70px 0 18px; width:100%;}
	dl.information dd	{clear:both; float:none; width:100%; margin-bottom:0;}


	.intr0501 .downWrap	{text-align: left;}
	.intr0501 .downWrap a	{font-size:14px;margin-left: 2.5em;}
	.intr0501 dl.information dt	{text-align: left;margin-bottom: 25px;font-size: 24px;}
	.intr0501 dl dd .tableWrap	{width:100%;}
	.intr0501 dl dd .tableWrap table	{ font-size:14px;}
	.intr0501 dl dd .tableWrap th p	{width:70px; height:70px;}
	.intr0501 dl dd .tableWrap tr:first-child th p	{top:10px; left:11px;}
	.intr0501 dl dd .tableWrap tr:nth-child(7) th p	{top:4px; left:5px;}
	.intr0501 dl dd .tableWrap tr:nth-child(13) th p	{top:5px; left:5px;}
	.intr0501 dl dd .tableWrap th	{padding-bottom:0.3em;}
	.intr0501 dl dd .tableWrap td {padding: 0.3em 0;}
	.intr0501 dl dd .tableWrap th.right span	{left: 46px;    bottom: 0.3em;}
	.intr0501.wide	{width:100%; margin-top:50px; margin-left:0; padding:0;}
	.intr0501.wide a	{float: none;width: 100%;height:115px;font-size:14px;}
	.intr0501 .color img { float: none;width:100%;margin-bottom:20px;margin-left:0} 
	.intr0501 dl dd:nth-of-type(1) > img {margin-bottom: 30px;}
	.intr0501 .ci2022_img4 {margin-left:0;}
	.intr0501 .ci2022_desc6 {margin-bottom:60px;}
	.intr0501 .ci2022_desc7 {width:100%;}
	.intr0501 .ci2022_desc2 br, .intr0501 .ci2022_desc3 br, .intr0501 .ci2022_desc4 br, .intr0501 .ci2022_desc6 br, .intr0501 .c-desc3 br, .intr0501 .c-desc4 br {display:none;}
	.intr0501 .ci2022_img3, .intr0501 .ci2022_img4{margin-top:20px}
	.intr0501 .ci2022_img3_txt, .intr0501 .ci2022_img4_txt {display:block;position: absolute;background: #fff;color: #005db8;font-weight: 600;font-size: 16px;margin: 0;height: 45px;    width: 90%;}
}