@charset "utf-8";



/* 컨텐츠 공통 영역 :: S */
.conBody {width:100%; position:relative; margin:0 auto; padding:0; box-sizing:border-box; overflow-x:hidden;}
.conBody.metaverse {overflow-x:visible;}
.conBody .con {width:100%; position:relative; margin:0 auto 8rem; padding:0; box-sizing:border-box;}
.conBody .con:last-child {margin:0 auto;}
.conBody .con.vertical {margin:8rem auto;}
.conBody .con:first-child {/* margin:0 auto; */}
.conBody .con .in {width:100%; max-width:1630px; position:relative; margin:0 auto; padding:0 15px; box-sizing:border-box;}
.conBody .con._in {padding:0 15px;}

.conBody .hTitle,
.conBody .hLabel {display:block !important; width:0 !important; height:0 !important; position:relative !important; margin:0 !important; padding:0 !important; box-sizing:border-box !important; overflow:hidden !important; font-size:0 !important; line-height:0 !important;}
.conBody .hLabel {position:absolute !important;}

.con .titleArea {width:100%; position:relative; margin:0 auto 8.0rem; padding:0; box-sizing:border-box;}
/* .con .titleArea:first-child {margin-top:0 !important;} */
.con .titleArea:last-child {margin-bottom:0 !important;}
.con .titleArea p,
.con .titleArea a {display:block; position:relative; margin:0; padding:0; box-sizing:border-box; text-align:center; color:#454545;}
.con .titleArea a {}
.con .titleArea p img,
.con .titleArea a img {max-width:100%; vertical-align:top;}
.con .titleArea .img {margin-top:5rem; text-align:center;}
.con .titleArea .img img {max-width:100%; vertical-align:top;}
.con .titleArea .tit {font-size:4.8rem; line-height:6.2rem; font-weight:900; margin-bottom:2.0rem; color:#222;}
.con .titleArea .tit.sm {font-size:3.2rem; line-height:4.2rem; font-weight:700;}
.con .titleArea .tit.xs {font-size:2.4rem; line-height:3.4rem; font-weight:600;}
.con .titleArea .tit.lg {font-size:6.2rem; line-height:7.6rem;}
.con .titleArea .tit.thin {font-weight:400;}
.con .titleArea .tit.ticker {}
.con .titleArea .tit.ticker:after {display:inline-block; content:''; width:3.0rem; height:3.0rem; position:relative; vertical-align:top; margin:-5px 0 0 -3.0rem; background:#00e600; border-radius:50%; z-index:-1;}
.con .titleArea .tit.dot {padding-left:2.5rem;}
.con .titleArea .tit.dot:before,
.con .titleArea .tit.dot:after {display:inline-block; content:''; width:1.5rem; height:1.5rem; position:absolute; top:50%; left:0; margin:-0.75rem 0 0 0; border-radius:50%; z-index:1;}
.con .titleArea .tit.dot:before {background:rgba(0,0,0,0.3); margin:calc(-0.75rem + 3px) 0 0 3px;}
.con .titleArea .tit.dot:after {background:#00e600;}
.con .titleArea .tit.bot {margin-bottom:2.0rem; padding-bottom:2.0rem;}
.con .titleArea .tit.bot:after {display:block; content:''; width:7.0rem; height:2px; position:absolute; bottom:-1px; left:0; background:#00e600;}
.con .titleArea .cont {font-size:1.6rem; line-height:2.4rem; font-weight:400; margin-bottom:1.2rem;}
.con .titleArea .cont img {width:auto !important; height:auto !important;}
.con .titleArea .t0 {font-size:1.4rem; line-height:2.0rem; font-weight:900; margin-bottom:1.0rem;}
.con .titleArea .t1 {font-size:2.0rem; line-height:3.2rem; font-weight:500; margin-bottom:1.6rem;}
.con .titleArea .t1._mt {margin-top:5.0rem !important;}
.con .titleArea .t2 {font-size:1.6rem; line-height:2.6rem; font-weight:500; margin-bottom:1.2rem;}
.con .titleArea .bump {padding:5.0rem; box-sizing:border-box; background:#f8f8f8; border-radius:3.0rem;}
.con .titleArea > *:first-child {margin-top:0 !important;}
.con .titleArea > *:last-child {margin-bottom:0 !important;}

.con .titleArea .dl1 {display:block; width:100%; position:relative; margin:0 auto 2.5rem; padding:0 0 0 15px; box-sizing:border-box;}
.con .titleArea .dl1:last-child {margin:0 auto;}
.con .titleArea .dl1 dt,
.con .titleArea .dl1 dd {display:block; width:100%; position:relative; margin:0; padding:0; box-sizing:border-box; font-size:1.4rem; line-height:2.4rem; font-weight:400; color:#555;}
.con .titleArea .dl1 dt {font-size:1.6rem; font-weight:600; margin:1.4rem auto 0.8rem;}
.con .titleArea .dl1 dt:first-child {margin:0 auto 0.8rem;}
.con .titleArea .dl1 dd {margin:0 auto 0.6rem;}
.con .titleArea .dl1 dd:last-child {margin:0 auto;}


.con .imgsArea {width:100%; position:relative; text-align:center; margin:0; padding:0; box-sizing:border-box;}
.con .imgsArea .img {display:inline-block; position:relative; vertical-align:middle; margin:0; padding:0;}
.con .imgsArea .img img {width:auto; max-width:100%; vertical-align:top;}
.con .imgsArea .img p {display:block; text-align:center; position:relative; margin:10px auto 0; padding:0; font-size:1.5rem; line-height:2.0rem; font-weight:600; color:#333;}
.con .imgsArea .img p b {font-size:1.8rem; line-height:2.4rem; font-weight:700;}
.con .imgsArea._full .img {width:100%; margin-left:0;}
.con .imgsArea._full .img {width:100%; margin:0 auto 3.0rem;}
.con .imgsArea._full .img:last-child {margin:0 auto;}
.con .imgsArea._full .img img {width:100%; max-width:100%; width:auto;}
.con .imgsArea .img._tit {border-radius:1.0rem; overflow:hidden; background:#003087;}
.con .imgsArea .img._tit p,
.con .imgsArea .img._tit img {display:block; position:relative; margin:0; padding:0; box-sizing:border-box;}
.con .imgsArea .img._tit p {font-size:2.0rem; line-height:5.0rem; font-weight:900; color:#00e600; z-index:3;}
.con .imgsArea .img._tit img {border-radius:1.0rem; overflow:hidden; z-index:1;}

.con .img._full {}
.con .img._full img {width:100%; max-width:10000px;}


.con .dualArea {width:100%; position:relative; margin:0; padding:0; box-sizing:border-box; margin:0 auto 8.0rem;}
.con .dualArea .left,
.con .dualArea .right {display:inline-block; width:calc(50% - 4px); position:relative; vertical-align:middle; margin:0; padding:0; box-sizing:border-box;}
.con .dualArea .left {}
.con .dualArea .left .leftTit {display:block; position:relative; margin:0; padding:0; font-size:3.0rem; line-height:4.2rem; font-weight:900; letter-spacing:1px; color:#000;}
.con .dualArea .left .leftTit span {font-size:4.2rem;}
.con .dualArea .right {}
.con .dualArea .left > *:first-child,
.con .dualArea .right > *:first-child {margin-top:0 !important;}
.con .dualArea .left > *:last-child,
.con .dualArea .right > *:last-child {margin-bottom:0 !important;}

.con .dualArea._fair {}
.con .dualArea._fair .left,
.con .dualArea._fair .right {width:calc(50% - 4px) !important;}

.con .dualArea._middle {}
.con .dualArea._middle .left,
.con .dualArea._middle .right {vertical-align:middle !important;}


.con .dlsArea {width:100%; position:relative; margin:0; padding:0; box-sizing:border-box;}
.con .dlsArea dl {display:inline-block; width:calc(33.33333333333333% - 4px - 2.0rem); vertical-align:top; margin:0 3.0rem 0 0; padding:3.0rem 4.0rem; box-sizing:border-box; border-radius:1.5rem; background:#003087;}
.con .dlsArea dl:last-child {margin:0;}
.con .dlsArea.ea_4 dl {width:calc(25% - 4px - 2.25rem);}
.con .dlsArea.ea_4 dl:last-child {margin:0;}
.con .dlsArea dl dt,
.con .dlsArea dl dd {display:block; width:100%; position:relative; margin:0; padding:0; box-sizing:border-box; font-size:1.6rem; line-height:2.4rem; font-weight:400; color:#fff;}
.con .dlsArea dl dt {font-size:2.2rem; line-height:2.8rem; font-weight:700; color:#00e600; margin:0 auto 1.0rem;}
.con .dlsArea.proc dl:before,
.con .dlsArea.proc dl:after {display:block; content:''; position:absolute; margin:0; padding:0; box-sizing:border-box; background-size:cover !important; z-index:10;}
/*
.con .dlsArea.proc dl:after {width:76px; height:40px; top:50%; right:calc(100% - 18px); margin:-20px 0 0 0; background:url('/public/images/cm_arrow_process_1.png') center center no-repeat; display:none !important}
*/
.con .dlsArea.proc dl:before {width:76px; height:10px; top:50%; right:calc(100% - 20px); margin:-5px 0 0 0; border-radius:5px; background:#003087; border:3px solid #fff;}
.con .dlsArea.proc dl:after {width:22px; height:22px; top:50%; right:calc(100% + 5px); margin:-11px 0 0 0; border-radius:50%; background:#003087;}
.con .dlsArea.proc dl:first-child:before,
.con .dlsArea.proc dl:first-child:after {display:none;}

.con .dlsArea._merit {}
.con .dlsArea._merit dl {background:#fff; border:3px solid #003087;}
.con .dlsArea._merit dl dt {color:#003087;}
.con .dlsArea._merit dl dd {color:#333;}
.con .dlsArea._merit._icon {}
.con .dlsArea._merit._icon dl {}
.con .dlsArea._merit._icon dl:after {display:block; content:''; width:72px; height:72px; position:absolute; top:50%; left:calc(2.0rem - 10px); margin:-36px 0 0 0; padding:0; box-sizing:border-box; border-radius:50%; background:#003087; z-index:-1;}


.con .iconDlArea {width:100%; position:relative; margin:0; padding:0; box-sizing:border-box;}
.con .iconDlArea .iconDl {display:inline-block; width:calc(33.33333333333333% - 4px - 2.0rem); vertical-align:top; margin:0 3.0rem 0 0; padding:3.0rem 3.0rem; box-sizing:border-box; border-radius:1.5rem; background:#003087;}
.con .iconDlArea .iconDl:last-child {margin:0;}
.con .iconDlArea .iconDl > * {display:inline-block; position:relative; vertical-align:middle; margin:0; padding:0; box-sizing:border-box;}
.con .iconDlArea .iconDl img {width:72px; height:72px;}
.con .iconDlArea .iconDl dl {width:calc(100% - 4px - 72px); padding:0 0 0 2.0rem;}
.con .iconDlArea .iconDl dl dt,
.con .iconDlArea .iconDl dl dd {display:block; width:100%; position:relative; margin:0; padding:0; box-sizing:border-box; font-size:1.6rem; line-height:2.4rem; font-weight:400; color:#fff;}
.con .iconDlArea .iconDl dl dt {font-size:2.2rem; line-height:2.8rem; font-weight:700; color:#00e600; margin:0 auto 1.0rem;}
.con .iconDlArea .iconDl dl dd {}

.con .iconDlArea.outer .iconDl {background:#fff; border:3px solid #003087;}
.con .iconDlArea.outer .iconDl img {background:#003087; border-radius:50%; padding:4px;}
.con .iconDlArea.outer .iconDl dl dt,
.con .iconDlArea.outer .iconDl dl dd {color:#333;}
.con .iconDlArea.outer .iconDl dl dt {color:#003087;}
.con .iconDlArea.outer .iconDl dl dd {}

.con .iconDlArea._removal .iconDl dl dd {min-height:9.6rem;}
.con .iconDlArea._esg .iconDl dl dd {/* min-height:7.2rem; */}


.con .tabArea {width:100%; position:relative; margin:0 auto 60px; padding:0; box-sizing:border-box; text-align:center;}
.con .tabArea.ea_2 a {width:50%;}
.con .tabArea.ea_3 a {width:33.33333333333333%;}
.con .tabArea.ea_4 a {width:25%;}
.con .tabArea.ea_5 a {width:20%;}
.con .tabArea a {display:inline-block; position:relative; vertical-align:middle; margin:0 20px 0 0; padding:0; box-sizing:border-box; font-size:18px; line-height:24px; font-weight:700; color:#999;}
.con .tabArea a:last-child {margin:0;}
.con .tabArea a.active {color:#333; text-decoration:underline;}
.con .tabArea.capsule a {margin:0 15px 0 0; padding:0 50px; text-align:center; font-size:18px; line-height:60px; font-weight:600; color:#555; border-radius:30px; background:#fff; box-shadow:3px 3px 8px 8px rgba(0,0,0,0.05);}
.con .tabArea.capsule a.active {color:#00da00; /* background:linear-gradient(90deg, #545ef3, #e0208d); */ background:#000; text-decoration:none;}

.con .btnArea {width:100%; position:relative; text-align:center; margin:60px auto 0; padding:0; box-sizing:border-box;}
.con .btnArea a {display:inline-block; position:relative; vertical-align:middle; margin:0 20px 0 0; padding:0; box-sizing:border-box;
transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
}
.con .btnArea a:last-child {margin:0;}
.con .btnArea .b1 {padding:10px 30px; font-size:1.6rem; line-height:20px; font-weight:400; color:#2656f6; border:1px solid #2656f6; background:none; border-radius:20px;}
.con .btnArea .b1:hover,
.con .btnArea .b1.active {color:#fff; background:#2656f6;}
.con .btnArea .b1.sm {padding:12px 40px; font-size:15px; border-radius:22px;}
.con .btnArea .b1.xs {padding:6px 24px; font-size:14px; border-radius:16px;}
.con .btnArea .b1.green {color:#333 !important; background:#3fda65 !important; border:0 !important; font-weight:900 !important;}
.con .btnArea .b1.gray {color:#fff !important; background:#888 !important; border:0 !important; font-weight:900 !important;}
.con .btnArea .b1.black {color:#fff !important; background:#000 !important; border:0 !important; font-weight:900 !important;}
.con .btnArea .b2 {text-align:left; padding:15px 15px; font-size:15px; line-height:20px; font-weight:400; color:#2656f6; border:1px solid #fff; background:#fff; border-radius:5px;}
.con .btnArea .b2:after {display:inline-block; content:''; width:32px; height:11px; position:relative; margin:0 0 0 40px; padding:0; background-size:cover !important; background:url('/public/images/cm_arrow_blue_1_right.png') center center no-repeat;
transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
}
.con .btnArea .b2:hover,
.con .btnArea .b2.active {color:#fff; /* border:1px solid #2656f6; */ background:#2656f6;}
.con .btnArea .b2:hover:after {background:url('/public/images/cm_arrow_white_1_right.png') center center no-repeat;}
.con .btnArea .b3 {padding:12px 40px; font-size:16px; line-height:20px; font-weight:400; color:#fff; background:#111; border-radius:10px;
transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
}
.con .btnArea .b3:hover {background:#333;}

.con .tableArea {width:100%; position:relative; text-align:center; margin:30px auto 0; padding:0; box-sizing:border-box;}
.con .tableArea table {width:100%; position:relative; margin:0; padding:0; box-sizing:border-box; border-collapse:collapse; border-top:2px solid #111; border-bottom:1px solid #111;}
.con .tableArea table caption {font-size:0;}
.con .tableArea table tr {border-bottom:1px solid #ccc;}
.con .tableArea table th,
.con .tableArea table td {padding:15px 6px; box-sizing:border-box; font-size:14px; line-height:22px; font-weight:700; color:#111;}
.con .tableArea table th {}
.con .tableArea table td {font-weight:500; color:#333;}
.con .tableArea table td.title {text-align:left;}
.con .tableArea table td.title a {display:block; text-align:left; position:relative; margin:0; padding:0; font-size:14px; line-height:22px; font-weight:700; color:#111;}
.con .tableArea table td .attach {display:inline-block; position:relative;}

.con .tableArea.view th.title {font-size:18px; line-height:24px; font-weight:700; color:#111;}
.con .tableArea.view td.writer {background:#f7f7f7;}
.con .tableArea.view td.writer dl {display:inline-block; position:relative; vertical-align:middle; margin:0 8px 0 0; padding:0 14px 0 0; box-sizing:border-box;}
.con .tableArea.view td.writer dl:after {display:block; content:''; width:3px; height:3px; background:#ddd; position:absolute; top:50%; right:0; margin:-1px 0 0 0;}
.con .tableArea.view td.writer dl:last-child {margin:0; padding:0;}
.con .tableArea.view td.writer dl:last-child:after {display:none;}
.con .tableArea.view td.writer dl dt,
.con .tableArea.view td.writer dl dd {display:inline-block; position:relative; vertical-align:middle; margin:0; padding:0; font-size:14px; line-height:20px; font-weight:500; color:#777;}
.con .tableArea.view td.writer dl dt {margin:0 5px 0 0; padding:0 8px 0 0; font-weight:#999;}
.con .tableArea.view td.writer dl dt:after {display:block; content:''; width:1px; height:12px; background:#ddd; position:absolute; top:50%; right:0; margin:-6px 0 0 0;}
.con .tableArea.view td.content {padding:30px 6px;}
.con .tableArea.view td.content > * {max-width:100% !important;}
.con .tableArea.view td.content img {width:auto !important; height:auto !important; max-width:10000px !important; max-height:10000px !important; min-width:0 !important; min-height:0 !important;}

.con .tableArea.view td.content > .content {width:100%; max-width:100%; position:relative; margin:0; padding:0; box-sizing:border-box;}
.con .tableArea.view td.content > .content > * {max-width:100% !important;}
.con .tableArea.view td.content > .content img,
.con .tableArea.view td.content > .content table {width:auto !important; height:auto !important; max-width:100% !important; max-height:10000px !important; min-width:0 !important; min-height:0 !important; margin-left:0 !important; margin-right:0 !important;}
.con .tableArea.view td.content > .content,
.con .tableArea.view td.content > .content * {word-break:break-word;}

.con .tableArea.view td.btn {padding:20px 6px;}
.con .tableArea.view td.btn a {display:inline-block; position:relative; margin:0 10px 0 0; padding:0 20px; box-sizing:border-box; font-size:15px; line-height:50px; font-weight:900; color:#fff; background:#333;}
.con .tableArea.view td.btn a:last-child {margin:0;}
.con .tableArea.view td.quick {}
.con .tableArea.view td.quick > * {display:inline-block; position:relative; vertical-align:middle; text-align:left; margin:0; padding:0; box-sizing:border-box; font-size:15px; line-height:24px; font-weight:500; color:#333;}
.con .tableArea.view td.quick p {width:120px; padding:0 0 0 40px; font-weight:900;}
.con .tableArea.view td.quick p:before {display:block; content:''; width:20px; height:8px; position:absolute; top:50%; left:10px; margin:-4px 0 0 0; background-size:cover !important;}
.con .tableArea.view td.quick.prev p:before {background:url('/public/images/cm_arrow_black_2_up.png') center center no-repeat;}
.con .tableArea.view td.quick.next p:before {background:url('/public/images/cm_arrow_black_2_down.png') center center no-repeat;}
.con .tableArea.view td.quick a,
.con .tableArea.view td.quick span {width:calc(100% - 125px); float:right; margin:0 0 15px 0;}
.con .tableArea.view td.quick span i {font-style:normal; font-size:12px; font-weight:400; color:#999;}
.con .tableArea.view td.quick a:last-child,
.con .tableArea.view td.quick span:last-child {margin:0;}
.con .tableArea.view td.quick span img {display:inline-block; vertical-align:middle; margin:-4px 5px 0 0;}
.con .tableArea.view td.quick span a {display:block; width:90px; height:25px; text-align:center; position:absolute; top:0; right:0; margin:0; padding:0; box-sizing:border-box; font-size:12px; line-height:23px; font-weight:400; color:#555; border:1px solid #777;
transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
}
.con .tableArea.view td.quick span a:after {display:inline-block; content:''; width:12px; height:12px; position:relative; vertical-align:middle; margin:0 0 0 5px; padding:0; background-size:cover !important; background:url('/public/images/cm_icon_download_1_black.png') center center no-repeat;
transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
}
.con .tableArea.view td.quick span a:hover {background:#222; color:#fff; border:1px solid #222;}
.con .tableArea.view td.quick span a:hover:after {background:url('/public/images/cm_icon_download_1_white.png') center center no-repeat;}

.con .sliderArea {width:100%; position:relative; text-align:center; margin:80px auto 0; padding:0; box-sizing:border-box;}
.con .sliderArea .swiper-container {}
.con .sliderArea .swiper-wrapper {}
.con .sliderArea .swiper-slide {position:relative;}
.con .sliderArea .swiper-slide a {display:block; position:relative;}
.con .sliderArea .swiper-slide img {max-width:100%; vertical-align:top;}
.con .sliderArea .swiper-arrow {width:40px; height:69px; margin-top:-34.5px; background-size:cover !important; opacity:0.5;
transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
}
.con .sliderArea .swiper-arrow:hover {opacity:1.0;}
.con .sliderArea .swiper-arrow:after {display:none !important;}
.con .sliderArea .swiper-button-prev {background:url('/public/images/cm_arrow_gray_1_left.png') center center no-repeat; left:0;}
.con .sliderArea .swiper-button-next {background:url('/public/images/cm_arrow_gray_1_right.png') center center no-repeat; right:0;}

.con .movieArea {width:100%; position:relative; margin:80px auto 0; border-radius:30px; overflow:hidden;}
.con .movieArea img {display:block; width:100%; z-index:1;}
.con .movieArea .mov {width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,0.5); z-index:3; opacity:0;}
.con .movieArea .mov:after {display:block; content:''; width:33px; height:40px; background-size:cover !important; background:url('/public/images/cm_icon_play_1.png') center center no-repeat; position:absolute; top:50%; left:50%; margin:-20px 0 0 -16.5px;}
.con .movieArea .mov:focus,
.con .movieArea .mov:hover {opacity:1;}
.con .movieArea .movEle {width:100%; height:auto; position:relative; margin:0 auto; padding:0; box-sizing:border-box; border-radius:30px; overflow:hidden;}
.con .movieArea .movEle .mov {height:auto; position:relative; top:auto; left:auto; opacity:1;}
.con .movieArea.youtube {}
.con .movieArea.youtube > div {width:100%; height:0; position:relative; margin:0; padding:0; padding-bottom:56.25%;}
.con .movieArea.youtube > div iframe {display:block; width:100%; height:100%; position:absolute; top:0; left:0;}


@media screen and (max-width:1280px){
	.con .titleArea .img img {max-width:100% !important;}

	.con .dlsArea dl {padding:3.0rem 3.8rem;}
}

@media screen and (max-width:1080px){
	.con .dlsArea dl {padding:3.0rem 3.6rem;}
}

@media screen and (max-width:960px){
	.con .titleArea {margin:0 auto 7.0rem;}
	.con .titleArea:last-child {margin-bottom:0 !important;}
	.con .titleArea .img {margin-top:4.0rem;}
	.con .titleArea .tit {font-size:3.6rem; line-height:5.0rem; margin-bottom:1.8rem;}
	.con .titleArea .tit.lg {font-size:5.0rem; line-height:6.4rem;}
	.con .titleArea .tit.ticker {}
	.con .titleArea .tit.ticker:after {width:1.8rem; height:1.8rem; margin:-5px 0 0 -0.9rem;}
	.con .titleArea .cont {font-size:1.4rem; line-height:2.0rem; margin-bottom:1.0rem;}
	.con .titleArea .t0 {font-size:1.3rem; line-height:1.9rem; margin-bottom:1.0rem;}
	.con .titleArea .t1 {font-size:1.8rem; line-height:3.0rem; margin-bottom:1.4rem;}
	.con .titleArea .t1._mt {margin-top:4.2rem !important;}
	.con .titleArea .t2 {font-size:1.5rem; line-height:2.5rem; margin-bottom:1.1rem;}
	.con .titleArea .bump {padding:4.0rem; border-radius:2.0rem;}
	.con .titleArea > *:first-child {margin-top:0 !important;}
	.con .titleArea > *:last-child {margin-bottom:0 !important;}


	.con .dlsArea {}
	.con .dlsArea dl {width:calc(33.33333333333333% - 4px - 1.1rem); margin:0 1.8rem 0 0; padding:2.4rem 2.4rem; border-radius:1.5rem;}
	.con .dlsArea dl:last-child {margin:0;}
	.con .dlsArea.ea_4 dl {width:calc(25% - 4px - 1.35rem);}
	.con .dlsArea.ea_4 dl:last-child {margin:0;}
	.con .dlsArea dl dt,
	.con .dlsArea dl dd {font-size:1.5rem; line-height:2.4rem;}
	.con .dlsArea dl dt {font-size:2.0rem; line-height:2.8rem; margin:0 auto 0.8rem;}
	/*
	.con .dlsArea.proc dl:after {width:53.2px; height:28px; top:50%; right:calc(100% - 14px); margin:-14px 0 0 0;}
	*/
	.con .dlsArea.proc dl:before {width:40px; height:8px; right:calc(100% - 10px); margin:-4px 0 0 0; border-radius:4px; border:2px solid #fff;}
	.con .dlsArea.proc dl:after {width:12px; height:12px; right:calc(100% + 4px); margin:-6px 0 0 0;}
	.con .dlsArea.proc dl:first-child:before,
	.con .dlsArea.proc dl:first-child:after {display:none;}


	.con .iconDlArea {}
	.con .iconDlArea .iconDl {width:calc(33.33333333333333% - 4px - 1.1rem); margin:0 1.8rem 0 0; padding:1.8rem 1.8rem; border-radius:1.5rem;}
	.con .iconDlArea .iconDl:last-child {margin:0;}
	.con .iconDlArea .iconDl img {width:64px; height:64px;}
	.con .iconDlArea .iconDl dl {width:calc(100% - 4px - 64px); padding:0 0 0 1.8rem;}
	.con .iconDlArea .iconDl dl dt,
	.con .iconDlArea .iconDl dl dd {font-size:1.5rem; line-height:2.4rem;}
	.con .iconDlArea .iconDl dl dt {font-size:2.0rem; line-height:2.8rem; margin:0 auto 0.8rem;}
	.con .iconDlArea .iconDl dl dd {}

	.con .iconDlArea.outer .iconDl {border:3px solid #003087;}
	.con .iconDlArea.outer .iconDl img {padding:4px;}

	.con .iconDlArea._removal .iconDl dl dd {min-height:9.6rem;}
	.con .iconDlArea._esg .iconDl dl dd {/* min-height:7.2rem; */}


	.con .dualArea {margin:0 auto 7.0rem;}
	.con .dualArea .left,
	.con .dualArea .right {width:calc(50% - 4px);}
	.con .dualArea .left {}
	.con .dualArea .left .leftTit {font-size:2.8rem; line-height:4.2rem; font-weight:900; letter-spacing:1px;}
	.con .dualArea .left .leftTit span {font-size:4.0rem;}
}

@media screen and (max-width:768px){
	.conBody .con .in {padding:0 10px;}

	.con .dlsArea {}
	.con .dlsArea dl {display:block; width:100%; margin:0 auto 3.0rem; padding:2.0rem 2.0rem; border-radius:1.0rem;}
	.con .dlsArea dl:last-child {margin:0 auto;}
	.con .dlsArea.ea_4 dl {width:100%;}
	.con .dlsArea.ea_4 dl:last-child {margin:0;}
	.con .dlsArea dl dt,
	.con .dlsArea dl dd {font-size:1.4rem; line-height:2.2rem;}
	.con .dlsArea dl dt {font-size:1.8rem; line-height:2.6rem; margin:0 auto 0.6rem;}
	/*
	.con .dlsArea.proc dl:after {width:38px; height:20px; top:-12px; right:calc(50% - 10px); margin:-10px 0 0 0; transform:rotate(90deg);}
	*/
	.con .dlsArea.proc dl:before,
	.con .dlsArea.proc dl:after {transform:rotate(90deg);}
	.con .dlsArea.proc dl:before {width:40px; height:8px; top:-15px; left:50%; right:auto; margin:0 0 0 -20px; border-radius:4px; border:2px solid #fff;}
	.con .dlsArea.proc dl:after {width:14px; height:14px; top:-18.5px; left:50%; right:auto; margin:0 0 0 -7px;}
	.con .dlsArea.proc dl:first-child:before,
	.con .dlsArea.proc dl:first-child:after {display:none;}


	.con .iconDlArea {}
	.con .iconDlArea .iconDl {display:block; width:100%; margin:0 auto 2.0rem; padding:1.5rem 1.5rem; border-radius:1.5rem;}
	.con .iconDlArea .iconDl:last-child {margin:0 auto;}
	.con .iconDlArea .iconDl img {width:56px; height:56px;}
	.con .iconDlArea .iconDl dl {width:calc(100% - 4px - 56px); padding:0 0 0 1.4rem;}
	.con .iconDlArea .iconDl dl dt,
	.con .iconDlArea .iconDl dl dd {font-size:1.4rem; line-height:2.2rem;}
	.con .iconDlArea .iconDl dl dt {font-size:1.8rem; line-height:2.6rem; margin:0 auto 0.6rem;}
	.con .iconDlArea .iconDl dl dd {}

	.con .iconDlArea.outer .iconDl {border:2px solid #003087;}
	.con .iconDlArea.outer .iconDl img {padding:4px;}

	.con .iconDlArea._removal .iconDl dl dd {min-height:0;}
	.con .iconDlArea._esg .iconDl dl dd {/* min-height:0; */}
}

@media screen and (max-width:640px){
	.con .titleArea {margin:0 auto 6.0rem;}
	.con .titleArea:last-child {margin-bottom:0 !important;}
	.con .titleArea .img {margin-top:3.0rem;}
	.con .titleArea .tit {font-size:2.6rem; line-height:4.0rem; margin-bottom:1.5rem;}
	.con .titleArea .tit.lg {font-size:4.0rem; line-height:5.4rem;}
	.con .titleArea .tit.ticker {}
	.con .titleArea .tit.ticker:after {width:1.0rem; height:1.0rem; margin:-5px 0 0 -0.5rem;}
	.con .titleArea .cont {font-size:1.3rem; line-height:2.1rem; margin-bottom:1.0rem;}
	.con .titleArea .t0 {font-size:1.2rem; line-height:1.8rem; margin-bottom:1.0rem;}
	.con .titleArea .t1 {font-size:1.6rem; line-height:2.8rem; margin-bottom:1.2rem;}
	.con .titleArea .t1._mt {margin-top:3.8rem !important;}
	.con .titleArea .t2 {font-size:1.4rem; line-height:2.4rem; margin-bottom:1.0rem;}
	.con .titleArea .bump {padding:3.0rem; border-radius:1.5rem;}
	.con .titleArea > *:first-child {margin-top:0 !important;}
	.con .titleArea > *:last-child {margin-bottom:0 !important;}


	.con .dualArea {margin:0 auto 6.0rem;}
	.con .dualArea .left,
	.con .dualArea .right {display:block; width:100%; margin:0 auto 3.0rem;}
	.con .dualArea .left {}
	.con .dualArea .left .leftTit {font-size:2.6rem; line-height:4.0rem; font-weight:700; letter-spacing:0.5px;}
	.con .dualArea .left .leftTit span {font-size:3.8rem;}
	.con .dualArea .right {margin:0 auto;}
}

@media screen and (max-width:480px){
	.con .titleArea {margin:0 auto 5.0rem;}


	.con .imgsArea .img {display:block; width:100%; text-align:center; margin:0 auto 1.0rem;}
	.con .imgsArea .img:last-child {margin:0 auto;}
	.con .imgsArea .img img {}


	.con .imgsArea .img._tit {}
	.con .imgsArea .img._tit p,
	.con .imgsArea .img._tit img {}
	.con .imgsArea .img._tit p {}
	.con .imgsArea .img._tit img {width:100%; max-width:10000px;}


	.con .dualArea {}
	.con .dualArea .left,
	.con .dualArea .right {}
	.con .dualArea .left {}
	.con .dualArea .left .leftTit {font-size:2.4rem; line-height:3.8rem; font-weight:700; letter-spacing:0;}
	.con .dualArea .left .leftTit span {font-size:3.6rem;}
}

@media screen and (max-width:360px){
	.con .titleArea {margin:0 auto 4.0rem;}
}

@media screen and (max-width:320px){
	.con .titleArea {margin:0 auto 3.5rem;}
}
/* 컨텐츠 공통 영역 :: E */



/* 서브페이지 최상단 배너 :: S */
.subTopBanner {display:block; width:100%; position:relative; margin:0 auto; padding:0; box-sizing:border-box;}

.subTopBanner .banner {width:100%; height:50.0rem; position:relative; margin:0; padding:0; box-sizing:border-box; background-size:cover !important;}
.subTopBanner.about .banner {background:url('/public/images/sub/cm_sub_top_banner_bg_about_1.jpg') center center no-repeat;}
.subTopBanner.media .banner {background:url('/public/images/sub/cm_sub_top_banner_bg_media_1.jpg') center center no-repeat;}
.subTopBanner.cs .banner {background:url('/public/images/sub/cm_sub_top_banner_bg_cs_1.jpg') center center no-repeat;}
.subTopBanner .banner > div {width:100%; height:100%; position:relative; margin:0; padding:0; z-index:5;}
.subTopBanner .banner .disT {}
.subTopBanner .banner .disTC {text-align:center; vertical-align:middle; padding:79px 10px 10px 10px; box-sizing:border-box;}
.subTopBanner .banner p,
.subTopBanner .banner a {display:block; position:relative; text-align:center; margin:0; padding:0;}
.subTopBanner .banner .img {}
.subTopBanner .banner .img img {max-width:100%; vertical-align:top;}
.subTopBanner .banner .title {font-size:5.5rem; line-height:5.5rem; font-weight:700; color:#fff;}

.subTopBanner .menuArea {width:100%; position:relative; margin:0 auto; padding:0; box-sizing:border-box; border-bottom:1px solid #dedede; /* display:none !important; */}
.subTopBanner .menuArea ul {text-align:center; margin:0; padding:0 5px; box-sizing:border-box;}
.subTopBanner .menuArea ul .item {margin:0 2.4rem 0 0;}
.subTopBanner .menuArea ul .item:last-child {margin:0;}
.subTopBanner .menuArea ul .item a {display:block; position:relative; margin:0; padding:0 0.6rem; box-sizing:border-box; font-size:1.8rem; line-height:5.0rem; font-weight:500; color:#333;}
.subTopBanner .menuArea ul .item a.active {color:#003087;}
.subTopBanner .menuArea ul .item a.active:after {display:block; content:''; width:100%; height:3px; position:absolute; bottom:0; left:0; background:#003087;}


@media screen and (max-width:1280px){
	.subTopBanner .banner {}
}

@media screen and (max-width:1080px){
	.subTopBanner .banner {}
}

@media screen and (max-width:960px){
	.subTopBanner .banner {}
	.subTopBanner .banner .title {font-size:5.0rem; line-height:5.0rem;}
}

@media screen and (max-width:768px){
	.subTopBanner .banner {}
	.subTopBanner .banner .title {font-size:4.5rem; line-height:4.5rem;}
}

@media screen and (max-width:640px){
	.subTopBanner .banner {}
	.subTopBanner .banner .title {font-size:4.0rem; line-height:4.0rem;}
}

@media screen and (max-width:480px){
	.subTopBanner .banner {}
	.subTopBanner .banner .title {font-size:3.5rem; line-height:3.5rem;}
}

@media screen and (max-width:360px){
	.subTopBanner .banner {}
	.subTopBanner .banner .title {font-size:3.0rem; line-height:3.0rem;}
}

@media screen and (max-width:320px){
	
}
/* 서브페이지 최상단 배너 :: E */



/* 회사소개 설명문구 영역 :: S */
.aboutIntroWrap.con {}
.aboutIntroWrap.con .in {max-width:1330px; margin:0 auto 6.0rem;}

.aboutIntroWrap .titleArea {}

.aboutIntroWrap .countArea {width:100%; position:relative; margin:0 auto; padding:15.0rem 0; box-sizing:border-box; background-size:cover !important; background:url('/public/images/about/cm_about_sec_1_bg_1.jpg') center center no-repeat;}
.aboutIntroWrap .countArea ul {display:block; width:100%; max-width:1360px; position:relative; margin:0 auto; padding:0 15px; box-sizing:border-box; text-align:center;}
.aboutIntroWrap .countArea ul li {display:inline-block; width:calc(25% - 4px); position:relative; vertical-align:middle; margin:0; padding:0; box-sizing:border-box; text-align:center;}
.aboutIntroWrap .countArea ul li p {display:block; position:relative; text-align:center; margin:0; padding:0; font-size:2.0rem; line-height:2.0rem; font-weight:600; color:#fff;}
.aboutIntroWrap .countArea ul li .t1 {font-size:3.0rem; line-height:3.2rem;}
.aboutIntroWrap .countArea ul li .count {font-size:4.8rem; line-height:5.0rem; font-weight:900; margin:1.5rem auto;}
.aboutIntroWrap .countArea ul li .count span {display:inline-block; position:relative; vertical-align:bottom; margin:0; padding:0; box-sizing:border-box;}
.aboutIntroWrap .countArea ul li .count span:nth-child(2) {font-size:2.4rem; font-weight:500; margin:0;}


@media screen and (max-width:1440px){
	
}

@media screen and (max-width:1280px){
	
}

@media screen and (max-width:1080px){
	.aboutIntroWrap .countArea ul {padding:0 12px;}
	.aboutIntroWrap .countArea ul li {width:calc(25% - 4px);}
	.aboutIntroWrap .countArea ul li p {font-size:1.8rem; line-height:1.8rem;}
	.aboutIntroWrap .countArea ul li .count {font-size:4.2rem; line-height:4.4rem; margin:0 auto 1.4rem;}
}

@media screen and (max-width:960px){
	.aboutIntroWrap .countArea ul {padding:0 10px;}
	.aboutIntroWrap .countArea ul li {width:calc(25% - 4px);}
	.aboutIntroWrap .countArea ul li p {font-size:1.6rem; line-height:1.6rem;}
	.aboutIntroWrap .countArea ul li .count {font-size:3.6rem; line-height:3.8rem; margin:0 auto 1.3rem;}
}

@media screen and (max-width:768px){
	.aboutIntroWrap .countArea ul {padding:0 10px;}
	.aboutIntroWrap .countArea ul li {width:calc(25% - 4px);}
	.aboutIntroWrap .countArea ul li p {font-size:1.5rem; line-height:1.5rem;}
	.aboutIntroWrap .countArea ul li .count {font-size:3.0rem; line-height:3.2rem; margin:0 auto 1.2rem;}
}

@media screen and (max-width:640px){
	.aboutIntroWrap .countArea {padding:10.0rem 0;}
	.aboutIntroWrap .countArea ul {padding:0 10px;}
	.aboutIntroWrap .countArea ul li {width:calc(50% - 4px); margin:3.0rem 0;}
	.aboutIntroWrap .countArea ul li p {font-size:1.5rem; line-height:1.5rem;}
	.aboutIntroWrap .countArea ul li .count {font-size:3.0rem; line-height:3.2rem; margin:0 auto 1.2rem;}
}

@media screen and (max-width:480px){
	
}

@media screen and (max-width:360px){
	
}

@media screen and (max-width:320px){
	
}
/* 회사소개 설명문구 영역 :: E */



/* 회사소개 사업분야 영역 :: S */
.aboutBusinessWrap.con {}

.aboutBusinessWrap .titleArea {}

.aboutBusinessWrap .businessArea {width:100%; position:relative; text-align:center; margin:0 auto; padding:0;}
.aboutBusinessWrap .businessArea .item {display:inline-block; width:calc(25% - 26px); position:relative; vertical-align:top; margin:0 30px 30px 0; padding:0; box-sizing:border-box; border-radius:30px; overflow:hidden;}
.aboutBusinessWrap .businessArea .item .img {width:100%; height:38.0rem; position:relative; margin:0; padding:0; box-sizing:border-box; background-size:cover !important;}
.aboutBusinessWrap .businessArea .item .img:before {display:block; content:''; width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,0.3); z-index:0; opacity:0;
transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
}
.aboutBusinessWrap .businessArea .item .img p {display:block; position:absolute; bottom:0; left:0; margin:0; padding:3.0rem; box-sizing:border-box; font-size:1.6rem; line-height:1.8rem; font-weight:500; color:#fff; z-index:1; opacity:0;}
.aboutBusinessWrap .businessArea .item .info {width:100%; position:relative; margin:0; padding:3.0rem; box-sizing:border-box; background:#003087;}
.aboutBusinessWrap .businessArea .item .info p {display:block; position:relative; text-align:left; margin:0; padding:0; font-size:1.5rem; line-height:1.8rem; font-weight:600; color:#fff;}
.aboutBusinessWrap .businessArea .item .info .t1 {}
.aboutBusinessWrap .businessArea .item .info .t2 {font-size:3.2rem; line-height:3.6rem; font-weight:900; margin:1.5rem auto 0;}

.aboutBusinessWrap .businessArea .item .wall {width:100%; height:100%; position:absolute; top:0; left:0; margin:0; padding:4.0rem 0; box-sizing:border-box; z-index:10; background:rgba(0,0,0,0.8); opacity:0;}
.aboutBusinessWrap .businessArea .item .wall p {display:block; position:relative; text-align:left; margin:0; padding:0 3.0rem; box-sizing:border-box; font-size:1.6rem; line-height:2.0rem; font-weight:500; color:#fff;}
.aboutBusinessWrap .businessArea .item .wall .num {color:#00e600;}
.aboutBusinessWrap .businessArea .item .wall .tit {font-size:3.6rem; line-height:3.8rem; font-weight:900; margin:2.0rem auto;}
.aboutBusinessWrap .businessArea .item .wall .con {position:absolute; top:50%; left:0; font-size:2.4rem; line-height:3.0rem; font-weight:600;}
.aboutBusinessWrap .businessArea .item .wall .con span {font-size:1.8rem; line-height:2.2rem;}

.aboutBusinessWrap .businessArea .item:hover {box-shadow:3px 3px 8px 8px rgba(0,0,0,0.15);}
.aboutBusinessWrap .businessArea .item:hover .img:before {opacity:1;}
.aboutBusinessWrap .businessArea .item:hover .img p {bottom:3.0rem; opacity:1;}
.aboutBusinessWrap .businessArea .item:hover .wall {opacity:1;}

.aboutBusinessWrap .businessArea .item:nth-of-type(4n+4) {margin:0 0 30px 0;}
/*
.aboutBusinessWrap .businessArea .item._5 {width:calc(30% - 24px);}
.aboutBusinessWrap .businessArea .item._6 {width:calc(40% - 24px);}
.aboutBusinessWrap .businessArea .item._7 {width:calc(30% - 24px); margin:0 0 30px 0;}
*/


@media screen and (max-width:1440px){
	
}

@media screen and (max-width:1280px){
	.aboutBusinessWrap .businessArea .item {width:calc(25% - 14px); margin:0 15px 15px 0;}
	.aboutBusinessWrap .businessArea .item .img p {padding:2.4rem; font-size:1.6rem; line-height:1.8rem;}
	.aboutBusinessWrap .businessArea .item .info {padding:2.4rem;}
	.aboutBusinessWrap .businessArea .item .info p {font-size:1.5rem; line-height:1.8rem;}
	.aboutBusinessWrap .businessArea .item .info .t1 {}
	.aboutBusinessWrap .businessArea .item .info .t2 {font-size:2.8rem; line-height:3.2rem; margin:1.4rem auto 0;}

	.aboutBusinessWrap .businessArea .item:nth-of-type(4n+4) {margin:0 0 15px 0;}
	/*
	.aboutBusinessWrap .businessArea .item._5 {width:calc(30% - 13px);}
	.aboutBusinessWrap .businessArea .item._6 {width:calc(40% - 13px);}
	.aboutBusinessWrap .businessArea .item._7 {width:calc(30% - 13px); margin:0 0 15px 0;}
	*/
}

@media screen and (max-width:1080px){
	.aboutBusinessWrap .businessArea .item {width:calc(25% - 12px); margin:0 10px 10px 0;}
	.aboutBusinessWrap .businessArea .item .img p {padding:2.0rem; font-size:1.6rem; line-height:1.8rem;}
	.aboutBusinessWrap .businessArea .item .info {padding:2.0rem;}
	.aboutBusinessWrap .businessArea .item .info p {font-size:1.5rem; line-height:1.8rem;}
	.aboutBusinessWrap .businessArea .item .info .t1 {}
	.aboutBusinessWrap .businessArea .item .info .t2 {font-size:2.4rem; line-height:2.8rem; margin:1.2rem auto 0;}

	.aboutBusinessWrap .businessArea .item:nth-of-type(4n+4) {margin:0 0 10px 0;}
	/*
	.aboutBusinessWrap .businessArea .item._5 {width:calc(30% - 11px);}
	.aboutBusinessWrap .businessArea .item._6 {width:calc(40% - 11px);}
	.aboutBusinessWrap .businessArea .item._7 {width:calc(30% - 11px); margin:0 0 10px 0;}
	*/
}

@media screen and (max-width:960px){
	.aboutBusinessWrap .businessArea .item .img p {opacity:1;}
}

@media screen and (max-width:768px){
	.aboutBusinessWrap .businessArea .item {width:calc(50% - 12px); margin:0 10px 10px 0; border-radius:20px;}
	.aboutBusinessWrap .businessArea .item .img p {padding:2.0rem; font-size:1.6rem; line-height:1.8rem;}
	.aboutBusinessWrap .businessArea .item .info {padding:2.0rem;}
	.aboutBusinessWrap .businessArea .item .info p {font-size:1.4rem; line-height:1.6rem;}
	.aboutBusinessWrap .businessArea .item .info .t1 {}
	.aboutBusinessWrap .businessArea .item .info .t2 {font-size:2.0rem; line-height:2.4rem; margin:1.0rem auto 0;}

	.aboutBusinessWrap .businessArea .item:nth-of-type(4n+4) {margin:0 0 10px 0;}
	/*
	.aboutBusinessWrap .businessArea .item._5 {width:calc(33.33333333333333% - 12px);}
	.aboutBusinessWrap .businessArea .item._6 {width:calc(33.33333333333333% - 12px);}
	.aboutBusinessWrap .businessArea .item._7 {width:calc(33.33333333333333% - 12px); margin:0 0 10px 0;}
	*/
}

@media screen and (max-width:640px){
	.aboutBusinessWrap .businessArea .item {display:block; width:100% !important; margin:0 auto 10px !important; border-radius:15px;}
	.aboutBusinessWrap .businessArea .item:last-child {margin:0 auto !important;}
}

@media screen and (max-width:480px){
	.aboutBusinessWrap .businessArea .item {border-radius:10px;}
}

@media screen and (max-width:360px){
	
}

@media screen and (max-width:320px){
	
}
/* 회사소개 사업분야 영역 :: E */



/* 회사소개 중단배너 영역 :: S */
.aboutWideBannerWrap.con {padding:15.0rem 0; background-size:cover !important;}
.aboutWideBannerWrap.con._1 {margin:0 auto; background:url('/public/images/about/cm_about_banner_1_bg_1.jpg') center center no-repeat;}
.aboutWideBannerWrap.con._2 {background:#f5f5f5;}
.aboutWideBannerWrap.con .in {max-width:1330px;}

.aboutWideBannerWrap .in .dis {width:100%; height:50.0rem; position:relative; margin:0 auto; padding:0; box-sizing:border-box;}
.aboutWideBannerWrap .disT {}
.aboutWideBannerWrap .disTC {text-align:left; vertical-align:middle;}
.aboutWideBannerWrap .disTC p {display:block; position:relative; text-align:left; margin:0; padding:0; box-sizing:border-box; font-size:2.4rem; line-height:3.2rem; font-weight:400; color:#fff;}
.aboutWideBannerWrap .disTC .t1 {font-size:6.0rem; line-height:6.8rem; color:#00e600; margin:0 auto 4.0rem;}
.aboutWideBannerWrap .disTC .t1 b {}
.aboutWideBannerWrap .disTC .t2 {padding:0 0 0 2.0rem; border-left:2px solid #fff;}

.aboutWideBannerWrap .itemArea {width:100%; position:relative; margin:0 auto; padding:0; box-sizing:border-box; text-align:center;}
.aboutWideBannerWrap .itemArea .item {display:inline-block; width:calc(33.33333333333333% - 2.0rem - 4px); position:relative; vertical-align:top; margin:0 3.0rem 3.0rem 0; padding:4.0rem 3.0rem; box-sizing:border-box; border-radius:1.0rem; background:#003087;}
.aboutWideBannerWrap .itemArea .item:nth-of-type(3n+3) {margin:0 0 3.0rem 0;}
.aboutWideBannerWrap .itemArea .item p {display:block; position:relative; text-align:left; margin:0; padding:0; font-size:2.0rem; line-height:2.6rem; font-weight:400; color:#fff;}
.aboutWideBannerWrap .itemArea .item .t1 {font-size:4.0rem; line-height:4.2rem; font-weight:700; margin:0 auto 3.0rem;}


@media screen and (max-width:1440px){
	
}

@media screen and (max-width:1280px){
	
}

@media screen and (max-width:1080px){
	
}

@media screen and (max-width:960px){
	.aboutWideBannerWrap.con {padding:12.0rem 0;}
	.aboutWideBannerWrap.con._1 {background:url('/public/images/about/cm_about_banner_1_bg_1.jpg') calc(100% + 70px) center no-repeat;}
	.aboutWideBannerWrap.con._1:before {display:block; content:''; width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,0.5); z-index:0;}

	.aboutWideBannerWrap .disTC p {font-size:1.8rem; line-height:2.4rem;}
	.aboutWideBannerWrap .disTC .t1 {font-size:5.0rem; line-height:5.8rem; margin:0 auto 3.0rem;}
	.aboutWideBannerWrap .disTC .t1 b {}
	.aboutWideBannerWrap .disTC .t2 {padding:0 0 0 2.0rem; border-left:1px solid #fff;}
	
	.aboutWideBannerWrap .itemArea {}
	.aboutWideBannerWrap .itemArea .item {width:calc(33.33333333333333% - 1.0rem - 4px); margin:0 1.5rem 1.5rem 0; padding:3.0rem 2.5rem;}
	.aboutWideBannerWrap .itemArea .item:nth-of-type(3n+3) {margin:0 0 1.5rem 0;}
	.aboutWideBannerWrap .itemArea .item p {font-size:1.8rem; line-height:2.4rem;}
	.aboutWideBannerWrap .itemArea .item .t1 {font-size:3.6rem; line-height:3.8rem; margin:0 auto 2.0rem;}

}

@media screen and (max-width:768px){
	
}

@media screen and (max-width:640px){
	.aboutWideBannerWrap .itemArea {}
	.aboutWideBannerWrap .itemArea .item {width:calc(50% - 0.75rem - 4px); margin:0 1.5rem 1.5rem 0; padding:2.5rem 2.0rem;}
	.aboutWideBannerWrap .itemArea .item:nth-of-type(3n+3) {margin:0 1.5rem 1.5rem 0;}
	.aboutWideBannerWrap .itemArea .item:nth-of-type(2n+2) {margin:0 0 1.5rem 0;}
}

@media screen and (max-width:480px){
	.aboutWideBannerWrap .itemArea {}
	.aboutWideBannerWrap .itemArea .item {width:100%; margin:0 auto 1.5rem !important;}
	.aboutWideBannerWrap .itemArea .item:last-child {margin:0 auto !important;}
}

@media screen and (max-width:360px){
	
}
/* 회사소개 중단배너 영역 :: E */



/* 사업배경 설명배너 영역 :: S */
.backgroundBannerWrap.con {}
.backgroundBannerWrap.con .in {max-width:1330px;}

.backgroundBannerWrap .titleArea {}

.backgroundBannerWrap .descArea {width:100%; max-width:1300px; position:relative; margin:0 auto 2.0rem; padding:0; box-sizing:border-box;}
.backgroundBannerWrap .descArea > div {width:100%; position:relative; margin:0 auto; padding:0; box-sizing:border-box;}
.backgroundBannerWrap .descArea .banner {}
.backgroundBannerWrap .descArea .banner > div {width:100%; position:relative; margin:0; padding:0; box-sizing:border-box;}
.backgroundBannerWrap .descArea .banner .img {}
.backgroundBannerWrap .descArea .banner .img img {max-width:100%; vertical-align:top;}
.backgroundBannerWrap .descArea .banner .txt {width:100%; height:100%; position:absolute; top:0; left:0; z-index:5;}
.backgroundBannerWrap .descArea .banner .disT {}
.backgroundBannerWrap .descArea .banner .disTC {text-align:left; vertical-align:middle; padding:0 8.0rem;}
.backgroundBannerWrap .descArea .banner p {display:block; position:relative; text-align:left; margin:0; padding:0; font-size:2.4rem; line-height:3.2rem; font-weight:700; color:#fff;}
.backgroundBannerWrap .descArea .banner .t1 {font-size:6.0rem; line-height:6.4rem; font-weight:900; color:#00e600; margin:3.0rem auto 0;}
.backgroundBannerWrap .descArea .desc {margin:6.0rem auto 0; padding:0 3.0rem; text-align:left;}
.backgroundBannerWrap .descArea .desc dl {display:inline-block; width:calc(50% - 2.0rem - 4px); position:relative; text-align:left; vertical-align:top; margin:0 4.0rem 4.0rem 0; padding:0; box-sizing:border-box;}
.backgroundBannerWrap .descArea .desc dl:nth-of-type(2n+2) {margin:0 0 4.0rem 0;}
.backgroundBannerWrap .descArea .desc dl dt,
.backgroundBannerWrap .descArea .desc dl dd {width:100%; display:block; position:relative; margin:0; padding:0; box-sizing:border-box; font-size:2.0rem; line-height:2.6rem; font-weight:500; color:#333;}
.backgroundBannerWrap .descArea .desc dl dt {font-size:4.0rem; line-height:4.2rem; font-weight:900; color:#000; margin:0 auto 1.5rem; padding:0 0 1.5rem 0; border-bottom:1px solid #000;}
.backgroundBannerWrap .descArea .desc dl dd {}

.backgroundBannerWrap .bannerArea {width:100%; position:relative; margin:0 auto; padding:0; box-sizing:border-box;}
.backgroundBannerWrap .bannerArea ul {display:block; width:100%; position:relative; margin:0 auto; padding:0;}
.backgroundBannerWrap .bannerArea ul li {display:block; width:100%; position:relative; margin:0 auto 5.0rem; padding:0; overflow:hidden; border-radius:3.0rem;}
.backgroundBannerWrap .bannerArea ul li .bg {width:100%; height:45.0rem; position:relative; margin:0; padding:0; box-sizing:border-box; background-size:cover !important;}
.backgroundBannerWrap .bannerArea ul li .bg p {display:block; text-align:left; position:absolute; bottom:5.0rem; left:5.0rem; margin:0; padding:0; font-size:3.6rem; line-height:4.2rem; font-weight:900; color:#fff; z-index:3; opacity:1;}
.backgroundBannerWrap .bannerArea ul li .bg p b {display:block; margin:0 auto 2.0rem; font-size:1.6rem; line-height:2.0rem; font-weight:700;}
.backgroundBannerWrap .bannerArea ul li .txt {width:100%; height:100%; position:absolute; top:0; left:0; margin:0; padding:0; font-size:2.0rem; line-height:3.6rem; font-weight:600; color:#fff; z-index:3; background:rgba(0,0,0,0.3); opacity:0;}
.backgroundBannerWrap .bannerArea ul li .txt .disT {}
.backgroundBannerWrap .bannerArea ul li .txt .disTC {text-align:right; vertical-align:middle; padding:5.0rem; box-sizing:border-box;}

.backgroundBannerWrap .bannerArea ul li:hover {box-shadow:3px 3px 8px 8px rgba(0,0,0,0.15);}
/*
.backgroundBannerWrap .bannerArea ul li:hover .bg p {opacity:0;}
*/
.backgroundBannerWrap .bannerArea ul li:hover .txt {opacity:1;}


@media screen and (max-width:1440px){
	
}

@media screen and (max-width:1280px){
	
}

@media screen and (max-width:1080px){
	
}

@media screen and (max-width:960px){
	.backgroundBannerWrap .bannerArea ul li {margin:0 auto 3.0rem;}
	.backgroundBannerWrap .bannerArea ul li .bg {height:45.0rem;}
	.backgroundBannerWrap .bannerArea ul li .bg:after {display:block; content:''; width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,0.3); z-index:1;}
	.backgroundBannerWrap .bannerArea ul li .bg p {position:absolute; bottom:auto; top:3.0rem; left:3.0rem; font-size:3.0rem; line-height:3.6rem; opacity:1 !important;}
	.backgroundBannerWrap .bannerArea ul li .bg p b {margin:0 auto 1.0rem; font-size:1.5rem; line-height:1.8rem;}
	.backgroundBannerWrap .bannerArea ul li .txt {font-size:2.0rem; line-height:3.6rem;  background:rgba(0,0,0,0.0); opacity:1 !important;}
	.backgroundBannerWrap .bannerArea ul li .txt .disT {}
	.backgroundBannerWrap .bannerArea ul li .txt .disTC {vertical-align:bottom; padding:3.0rem;}
	
	.backgroundBannerWrap .descArea .banner .disTC {padding:0 6.0rem;}
	.backgroundBannerWrap .descArea .banner p {font-size:2.4rem; line-height:3.2rem;}
	.backgroundBannerWrap .descArea .banner .t1 {font-size:6.0rem; line-height:6.4rem; margin:3.0rem auto 0;}
}

@media screen and (max-width:768px){
	.backgroundBannerWrap .bannerArea ul li {border-radius:2.0rem;}
	.backgroundBannerWrap .bannerArea ul li .bg {height:42.0rem;}
	.backgroundBannerWrap .bannerArea ul li .txt {font-size:1.8rem; line-height:3.0rem;}

	.backgroundBannerWrap .descArea .banner .disTC {padding:0 5.0rem;}
	.backgroundBannerWrap .descArea .banner p {font-size:2.0rem; line-height:2.8rem;}
	.backgroundBannerWrap .descArea .banner .t1 {font-size:5.0rem; line-height:5.4rem; margin:1.5rem auto 0;}	
	.backgroundBannerWrap .descArea .desc {margin:5.0rem auto 0; padding:0 2.0rem;}
	.backgroundBannerWrap .descArea .desc dl {width:calc(50% - 1.5rem - 4px); margin:0 3.0rem 3.0rem 0;}
	.backgroundBannerWrap .descArea .desc dl:nth-of-type(2n+2) {margin:0 0 3.0rem 0;}
	.backgroundBannerWrap .descArea .desc dl dt,
	.backgroundBannerWrap .descArea .desc dl dd {font-size:1.8rem; line-height:2.4rem;}
	.backgroundBannerWrap .descArea .desc dl dt {font-size:3.6rem; line-height:3.8rem; margin:0 auto 1.2rem; padding:0 0 1.2rem 0;}
	.backgroundBannerWrap .descArea .desc dl dd {}
}

@media screen and (max-width:640px){
	.backgroundBannerWrap .bannerArea ul li {border-radius:1.5rem;}
	.backgroundBannerWrap .bannerArea ul li .bg {height:40.0rem;}
	.backgroundBannerWrap .bannerArea ul li .bg p {top:2.5rem; left:2.5rem; font-size:2.8rem; line-height:3.4rem;}
	.backgroundBannerWrap .bannerArea ul li .txt {font-size:1.7rem; line-height:2.6rem;}
	.backgroundBannerWrap .bannerArea ul li .txt .disTC {padding:2.5rem;}
	
	.backgroundBannerWrap .descArea .banner .disTC {padding:0 4.0rem;}
	.backgroundBannerWrap .descArea .banner p {font-size:1.6rem; line-height:2.4rem;}
	.backgroundBannerWrap .descArea .banner .t1 {font-size:4.0rem; line-height:4.4rem; margin:1.0rem auto 0;}
	.backgroundBannerWrap .descArea .desc {margin:4.0rem auto 0; padding:0 1.5rem;}
	.backgroundBannerWrap .descArea .desc dl {width:calc(50% - 0.75rem - 4px); margin:0 1.5rem 1.5rem 0;}
	.backgroundBannerWrap .descArea .desc dl:nth-of-type(2n+2) {margin:0 0 1.5rem 0;}
	.backgroundBannerWrap .descArea .desc dl dt,
	.backgroundBannerWrap .descArea .desc dl dd {font-size:1.5rem; line-height:2.0rem;}
	.backgroundBannerWrap .descArea .desc dl dt {font-size:3.0rem; line-height:3.4rem; margin:0 auto 1.0rem; padding:0 0 1.0rem 0;}
	.backgroundBannerWrap .descArea .desc dl dd {}
}

@media screen and (max-width:480px){
	.backgroundBannerWrap .bannerArea ul li {border-radius:1.0rem;}
	.backgroundBannerWrap .bannerArea ul li .bg {height:38.0rem;}
	.backgroundBannerWrap .bannerArea ul li .bg p {top:2.0rem; left:2.0rem; font-size:2.6rem; line-height:3.2rem;}
	.backgroundBannerWrap .bannerArea ul li .txt {font-size:1.6rem; line-height:2.2rem;}
	.backgroundBannerWrap .bannerArea ul li .txt .disTC {padding:2.0rem;}

	.backgroundBannerWrap .descArea .desc {padding:0;}
	.backgroundBannerWrap .descArea .desc dl {display:block; width:100%; margin:0 auto 1.5rem !important;}
	.backgroundBannerWrap .descArea .desc dl:last-child {margin:0 auto !important;}
}

@media screen and (max-width:360px){
	
}

@media screen and (max-width:320px){
	
}
/* 사업배경 설명배너 영역 :: E */



/* 회사소개 > 연력 카테고리 영역 :: S */
.aboutHistoryWrap.con {}

.aboutHistoryWrap .titleArea {}

.aboutHistoryWrap .banner {width:100%; height:48.0rem; position:relative; margin:6.0rem auto; padding:0; box-sizing:border-box; background-size:cover !important; background:url('/public/images/history/cm_history_img_1.jpg') center center no-repeat;}

.aboutHistoryWrap .category-tab {}
.aboutHistoryWrap .category-tab a {display:inline-block; position:relative; vertical-align:middle; margin:0 5px 0 0; padding:0 2.5rem; box-sizing:border-box; font-size:1.8rem; line-height:5.0rem; font-weight:700; color:#000; background:#d9d9d9; border-radius:2.5rem;}
.aboutHistoryWrap .category-tab a:last-child {margin:0;}
.aboutHistoryWrap .category-tab a.active {color:#00e600; background:#003087;}

.aboutHistoryWrap .category-cons {margin:6.0rem auto 0;}
.aboutHistoryWrap .category-con {}
.aboutHistoryWrap .historyArea {width:100%; position:relative; margin:0 auto; padding:6.0rem 0; box-sizing:border-box;}
.aboutHistoryWrap .historyArea:before,
.aboutHistoryWrap .historyArea:after {display:block; content:''; position:absolute; margin:0; padding:0; box-sizing:border-box;}
.aboutHistoryWrap .historyArea:before {width:6px; height:100%; top:0; left:50%; margin:0 0 0 -3px; background:#f2f2f2;}
.aboutHistoryWrap .historyArea:after {width:26px; height:26px; bottom:0; left:50%; margin:0 0 0 -13px; background:#e2e2e2; border-radius:50%;}

.aboutHistoryWrap .historyArea._1:before {background:#7fe98e;}
.aboutHistoryWrap .historyArea._1:after {background:#00d41e;}
.aboutHistoryWrap .historyArea._2:before {background:#7fa47f;}
.aboutHistoryWrap .historyArea._2:after {background:#7fa47f;}
.aboutHistoryWrap .historyArea._3:before {background:#7f7f7f;}
.aboutHistoryWrap .historyArea._3:after {background:#6f6f6f;}

.aboutHistoryWrap .historyArea .rect {width:100%; position:relative; margin:0 auto 8.0rem; padding:0 0 0 50%; box-sizing:border-box;}
.aboutHistoryWrap .historyArea .rect:last-child {margin:0 auto;}
.aboutHistoryWrap .historyArea .rect > * {display:block; width:50%; position:relative; margin:0; padding:0; box-sizing:border-box;}

.aboutHistoryWrap .historyArea .rect .ticker {display:block; width:8.0rem; height:8.0rem; text-align:center; position:absolute; top:0; left:50%; margin:-3.0rem 0 0 -13.0rem; padding:0; box-sizing:border-box; font-size:2.4rem; line-height:8.0rem; font-weight:900; color:#00d41e; border-radius:50%; background:#042c61;}
.aboutHistoryWrap .historyArea .ticker:before {display:block; content:''; width:0; height:0; position:absolute; top:50%; right:-14px; margin:-6px 0 0 0; padding:0;
border-bottom:6px solid transparent;
border-top:6px solid transparent;
border-left:15px solid #042c61;
border-right:0 solid transparent;
}

.aboutHistoryWrap .historyArea .rect .title {text-align:right; padding:0 4.0rem 0 0; position:absolute; top:50%; left:0; margin:-4.0rem 0 0 0; font-size:3.6rem; line-height:4.0rem; font-weight:700; color:#222;}
.aboutHistoryWrap .historyArea .rect .title span {display:block; position:relative; font-size:1.6rem; line-height:1.8rem; margin:1.5rem auto 0; padding:0;}

.aboutHistoryWrap .historyArea .rect .desc {width:100%; padding:0 0 0 4.0rem;}
.aboutHistoryWrap .historyArea .rect .desc dl {display:block; width:100%; position:relative; margin:0 auto 4.0rem; padding:0 0 0 8.0rem; box-sizing:border-box;}
.aboutHistoryWrap .historyArea .rect .desc dl dt,
.aboutHistoryWrap .historyArea .rect .desc dl dd {display:block; position:relative; vertical-align:top; text-align:left; margin:0; padding:0; box-sizing:border-box; font-size:1.6rem; line-height:2.0rem; font-weight:700; color:#111;}
.aboutHistoryWrap .historyArea .rect .desc dl dt {width:8.0rem; position:absolute; top:0; left:0;}
.aboutHistoryWrap .historyArea .rect .desc dl dd {width:100%;}
.aboutHistoryWrap .historyArea .rect .desc dl dd p {display:block; position:relative; margin:0 auto 0.8rem; padding:0; box-sizing:border-box; font-size:1.5rem; line-height:2.0rem; font-weight:400; color:#333;}
.aboutHistoryWrap .historyArea .rect .desc dl dd p:last-child {margin:0 auto;}

.aboutHistoryWrap .historyArea._2 .rect,
.aboutHistoryWrap .historyArea .rect:nth-of-type(2n+2) {padding:0 50% 0 0;}
.aboutHistoryWrap .historyArea._2 .rect .title,
.aboutHistoryWrap .historyArea .rect:nth-of-type(2n+2) .title {text-align:left; padding:0 0 0 4.0rem; left:auto; right:0;}
.aboutHistoryWrap .historyArea._2 .rect .desc,
.aboutHistoryWrap .historyArea .rect:nth-of-type(2n+2) .desc {padding:0 4.0rem 0 0;}
.aboutHistoryWrap .historyArea._2 .rect .desc dl,
.aboutHistoryWrap .historyArea .rect:nth-of-type(2n+2) .desc dl {padding:0 8.0rem 0 0;}
.aboutHistoryWrap .historyArea._2 .rect .desc dl dt,
.aboutHistoryWrap .historyArea .rect:nth-of-type(2n+2) .desc dl dt {text-align:right; left:auto; right:0;}
.aboutHistoryWrap .historyArea._2 .rect .desc dl dd,
.aboutHistoryWrap .historyArea .rect:nth-of-type(2n+2) .desc dl dd {text-align:right;}


.aboutHistoryWrap .certiImgArea {width:100%; position:relative; margin:0 auto; padding:8.0rem 0;}
.aboutHistoryWrap .certiImgArea .in {max-width:1330px;}
.aboutHistoryWrap .certiImgArea._1 {margin:10.0rem auto 0; background:#f4f4f4;}
.aboutHistoryWrap .certiImgArea._2 {background:#fff;}
.aboutHistoryWrap .certiImgArea .certifications {text-align:left;}
.aboutHistoryWrap .certiImgArea .certifications .item {display:inline-block; width:calc(25% - 2.25rem - 4px); position:relative; vertical-align:top; margin:0 3.0rem 3.0rem 0; padding:0; box-sizing:border-box;}
.aboutHistoryWrap .certiImgArea .certifications .item:nth-of-type(4n+4) {margin:0 0 3.0rem 0;}
.aboutHistoryWrap .certiImgArea .certifications .item > * {display:block; width:100%; position:relative; margin:0; padding:0; box-sizing:border-box; font-size:1.8rem; line-height:2.0rem; font-weight:700; color:#000;}
.aboutHistoryWrap .certiImgArea .certifications .item img {margin:0 auto 1.0rem;}
.aboutHistoryWrap .certiImgArea .certifications .item p {}
.aboutHistoryWrap .certiImgArea .certifications .item .year {margin:0 auto 0.5rem; font-size:1.3rem; line-height:1.5rem; color:#a0a0a0;}
.aboutHistoryWrap .certiImgArea .certifications .item .bottom {padding:0 0 0.5rem 0; border-bottom:5px solid #222;}

.aboutHistoryWrap .certiImgArea .certifications.ea_3 .item {width:calc(33.33333333333333% - 2.0rem - 4px); margin:0 3.0rem 3.0rem 0;}
.aboutHistoryWrap .certiImgArea .certifications.ea_3 .item:nth-of-type(3n+3) {margin:0 0 3.0rem 0;}


.aboutHistoryWrap .certificationArea {width:100%; position:relative; margin:3.0rem auto 0; padding:0;}
.aboutHistoryWrap .certificationArea .certi {display:inline-block; width:calc(33.33333333333333% - 4px); position:relative; vertical-align:top; text-align:center; margin:0; padding:1.5rem; box-sizing:border-box;}
.aboutHistoryWrap .certificationArea .certi img {max-width:100%; vertical-align:top;}
.aboutHistoryWrap .certificationArea .certi p {display:block; position:relative; text-align:center; margin:0 auto; padding:0; font-size:1.6rem; line-height:2.0rem; font-weight:700; color:#ababab;}
.aboutHistoryWrap .certificationArea .certi .year {margin:1.5rem auto 0.4rem;}
.aboutHistoryWrap .certificationArea .certi .title {font-size:2.8rem; line-height:3.2rem; color:#222;}


@media screen and (max-width:1440px){
	
}

@media screen and (max-width:1280px){
	
}

@media screen and (max-width:1080px){
	
}

@media screen and (max-width:960px){
	.aboutHistoryWrap .historyArea .rect {margin:0 auto 6.0rem;}
	.aboutHistoryWrap .historyArea .rect .title {margin:-3.6rem 0 0 0; padding:0 3.0rem 0 0; font-size:3.2rem; line-height:3.6rem;}
	.aboutHistoryWrap .historyArea .rect .title span {font-size:1.5rem; line-height:1.7rem; margin:1.3rem auto 0;}

	.aboutHistoryWrap .historyArea .rect .desc {padding:0 0 0 3.0rem;}
	.aboutHistoryWrap .historyArea .rect .desc dl {margin:0 auto 3.0rem; padding:0 0 0 7.5rem;}
	.aboutHistoryWrap .historyArea .rect .desc dl dt,
	.aboutHistoryWrap .historyArea .rect .desc dl dd {font-size:1.5rem; line-height:2.0rem;}
	.aboutHistoryWrap .historyArea .rect .desc dl dt {width:7.5rem;}
	.aboutHistoryWrap .historyArea .rect .desc dl dd {width:100%;}
	.aboutHistoryWrap .historyArea .rect .desc dl dd p {margin:0 auto 0.8rem; padding:0; font-size:1.4rem; line-height:1.8rem;}
	.aboutHistoryWrap .historyArea .rect .desc dl dd p:last-child {margin:0 auto;}

	.aboutHistoryWrap .historyArea .rect:nth-of-type(2n+2) {padding:0 50% 0 0;}
	.aboutHistoryWrap .historyArea .rect:nth-of-type(2n+2) .title {padding:0 0 0 3.0rem;}
	.aboutHistoryWrap .historyArea .rect:nth-of-type(2n+2) .desc {padding:0 3.0rem 0 0;}
	.aboutHistoryWrap .historyArea .rect:nth-of-type(2n+2) .desc dl {padding:0 7.5rem 0 0;}
	.aboutHistoryWrap .historyArea .rect:nth-of-type(2n+2) .desc dl dt {}
	.aboutHistoryWrap .historyArea .rect:nth-of-type(2n+2) .desc dl dd {}
	
	
	.aboutHistoryWrap .certificationArea {}
	.aboutHistoryWrap .certificationArea .certi {width:calc(33.33333333333333% - 4px);}
	.aboutHistoryWrap .certificationArea .certi p {font-size:1.6rem; line-height:2.0rem;}
	.aboutHistoryWrap .certificationArea .certi .year {margin:1.5rem auto 0.4rem;}
	.aboutHistoryWrap .certificationArea .certi .title {font-size:2.4rem; line-height:2.8rem;}
}

@media screen and (max-width:768px){
	.aboutHistoryWrap .certiImgArea .certifications .item {width:calc(25% - 0.75rem - 4px); margin:0 1.0rem 3.0rem 0;}
	.aboutHistoryWrap .certiImgArea .certifications .item:nth-of-type(4n+4) {margin:0 0 3.0rem 0;}
	.aboutHistoryWrap .certiImgArea .certifications .item > * {font-size:1.6rem; line-height:1.8rem;}
	.aboutHistoryWrap .certiImgArea .certifications .item img {margin:0 auto 0.8rem;}
	.aboutHistoryWrap .certiImgArea .certifications .item p {}
	.aboutHistoryWrap .certiImgArea .certifications .item .year {margin:0 auto 0.5rem; font-size:1.2rem; line-height:1.4rem;}
	.aboutHistoryWrap .certiImgArea .certifications .item .bottom {padding:0 0 0.5rem 0; border-bottom:3px solid #222;}

	.aboutHistoryWrap .certiImgArea .certifications.ea_3 .item {width:calc(33.33333333333333% - 1.0rem - 4px); margin:0 1.5rem 3.0rem 0;}
	.aboutHistoryWrap .certiImgArea .certifications.ea_3 .item:nth-of-type(3n+3) {margin:0 0 3.0rem 0;}
}

@media screen and (max-width:640px){
	.aboutHistoryWrap .historyArea .rect {margin:0 auto 4.0rem;}
	.aboutHistoryWrap .historyArea .rect .title {margin:-2.8rem 0 0 0; padding:0 2.0rem 0 0; font-size:2.4rem; line-height:2.8rem;}
	.aboutHistoryWrap .historyArea .rect .title span {font-size:1.4rem; line-height:1.6rem; margin:1.0rem auto 0;}

	.aboutHistoryWrap .historyArea .rect .desc {padding:0 0 0 2.0rem;}
	.aboutHistoryWrap .historyArea .rect .desc dl {margin:0 auto 2.0rem; padding:0 0 0 7.0rem;}
	.aboutHistoryWrap .historyArea .rect .desc dl dt,
	.aboutHistoryWrap .historyArea .rect .desc dl dd {font-size:1.4rem; line-height:1.8rem;}
	.aboutHistoryWrap .historyArea .rect .desc dl dt {width:7.0rem;}
	.aboutHistoryWrap .historyArea .rect .desc dl dd {width:100%;}
	.aboutHistoryWrap .historyArea .rect .desc dl dd p {margin:0 auto 0.8rem; padding:0; font-size:1.3rem; line-height:1.8rem;}
	.aboutHistoryWrap .historyArea .rect .desc dl dd p:last-child {margin:0 auto;}

	.aboutHistoryWrap .historyArea .rect:nth-of-type(2n+2) {padding:0 50% 0 0;}
	.aboutHistoryWrap .historyArea .rect:nth-of-type(2n+2) .title {padding:0 0 0 2.0rem;}
	.aboutHistoryWrap .historyArea .rect:nth-of-type(2n+2) .desc {padding:0 2.0rem 0 0;}
	.aboutHistoryWrap .historyArea .rect:nth-of-type(2n+2) .desc dl {padding:0 7.0rem 0 0;}
	.aboutHistoryWrap .historyArea .rect:nth-of-type(2n+2) .desc dl dt {}
	.aboutHistoryWrap .historyArea .rect:nth-of-type(2n+2) .desc dl dd {}
	
	
	.aboutHistoryWrap .certificationArea {}
	.aboutHistoryWrap .certificationArea .certi {width:calc(33.33333333333333% - 4px);}
	.aboutHistoryWrap .certificationArea .certi p {font-size:1.5rem; line-height:1.8rem;}
	.aboutHistoryWrap .certificationArea .certi .year {margin:1.2rem auto 0.4rem;}
	.aboutHistoryWrap .certificationArea .certi .title {font-size:2.0rem; line-height:2.4rem;}

	.aboutHistoryWrap .certiImgArea .certifications .item {width:calc(33.33333333333333% - 0.7rem - 4px); margin:0 1.05rem 3.0rem 0;}
	.aboutHistoryWrap .certiImgArea .certifications .item:nth-of-type(4n+4) {margin:0 1.05rem 3.0rem 0;}
	.aboutHistoryWrap .certiImgArea .certifications .item:nth-of-type(3n+3) {margin:0 0 3.0rem 0;}
}

@media screen and (max-width:560px){
	.aboutHistoryWrap .historyArea:before {width:4px; left:120px; margin:0 0 0 -2px;}
	.aboutHistoryWrap .historyArea:after {width:16px; height:16px; left:120px; margin:0 0 0 -8px;}
	.aboutHistoryWrap .historyArea .rect {padding:0 0 0 120px !important;}
	.aboutHistoryWrap .historyArea .rect .title {width:120px !important; text-align:right !important; padding:0 2.0rem 0 0 !important; left:0 !important; right:auto !important;}
	
	.aboutHistoryWrap .historyArea .rect .ticker {width:5rem; height:5rem; left:0; margin:-1.5rem 0 0 6rem; font-size:1.5rem; line-height:5rem;}

	.aboutHistoryWrap .historyArea .rect .desc {width:100% !important; padding:0 0 0 2.0rem !important;}
	.aboutHistoryWrap .historyArea .rect .desc dl {padding:0 0 0 7.0rem !important;}
	.aboutHistoryWrap .historyArea .rect .desc dl dt {text-align:left !important; left:0 !important; right:auto !important;}
	.aboutHistoryWrap .historyArea .rect .desc dl dd p {text-align:left !important;}
}

@media screen and (max-width:480px){
	.aboutHistoryWrap .category-tab {}
	.aboutHistoryWrap .category-tab a {margin:0 2.5px 0 0; padding:0 1.2rem; font-size:1.5rem; line-height:4.0rem; border-radius:2.0rem;}
	.aboutHistoryWrap .category-tab a:last-child {margin:0;}

	.aboutHistoryWrap .certificationArea {}
	.aboutHistoryWrap .certificationArea .certi {display:block; width:100%; padding:0; margin:0 auto 2.0rem;}
	.aboutHistoryWrap .certificationArea .certi:last-child {margin:0 auto;}
	.aboutHistoryWrap .certificationArea .certi p {font-size:1.5rem; line-height:1.8rem;}
	.aboutHistoryWrap .certificationArea .certi .year {margin:1.2rem auto 0.4rem;}
	.aboutHistoryWrap .certificationArea .certi .title {font-size:2.0rem; line-height:2.4rem;}

	.aboutHistoryWrap .certiImgArea .certifications .item {width:calc(50% - 0.5rem - 4px); margin:0 1.0rem 3.0rem 0;}
	.aboutHistoryWrap .certiImgArea .certifications .item:nth-of-type(4n+4),
	.aboutHistoryWrap .certiImgArea .certifications .item:nth-of-type(4n+4) {margin:0 1.0rem 3.0rem 0;}
	.aboutHistoryWrap .certiImgArea .certifications .item:nth-of-type(2n+2) {margin:0 0 3.0rem 0;}

	.aboutHistoryWrap .certiImgArea .certifications.ea_3 .item {width:calc(50% - 0.5rem - 4px); margin:0 1.0rem 3.0rem 0;
	width:100%; margin:0 auto 3.0rem !important;}
	.aboutHistoryWrap .certiImgArea .certifications.ea_3 .item:nth-of-type(3n+3) {margin:0 1.0rem 3.0rem 0;}
	.aboutHistoryWrap .certiImgArea .certifications.ea_3 .item:nth-of-type(2n+2) {margin:0 0 3.0rem 0;}
}

@media screen and (max-width:360px){
	
}

@media screen and (max-width:320px){
	
}
/* 회사소개 > 연력 카테고리 영역 :: E */



/* 회사소개 > 조직도 영역 :: S */
.aboutOrganWrap.con {}
.aboutOrganWrap.con .in {max-width:1330px;}

.aboutOrganWrap .titleArea {}


.organLogoArea.con {margin:0 auto; padding:8.0rem 0; background:#003087;}
.organLogoArea.con .in {max-width:1330px;}
.organLogoArea .logoArea {width:100%; position:relative; margin:0 auto 6.0rem; padding:0; box-sizing:border-box;}
.organLogoArea .logoArea:last-child {margin:0 auto;}
.organLogoArea .logoArea p.tit {display:block; position:relative; text-align:center; margin:0 auto 1.0rem; padding:0; font-size:3.0rem; line-height:3.2rem; font-weight:400; color:#fff;}
.organLogoArea .logoArea ul {display:display:block; width:100%; position:relative; margin:0 auto; padding:0; box-sizing:border-box;}
.organLogoArea .logoArea ul li {display:inline-block; width:calc(50% - 2.5rem - 2px); height:25.0rem; position:relative; vertical-align:top; margin:2.5rem 5.0rem 2.5rem 0; padding:0; box-sizing:border-box; border:2px solid #e0e0e0; border-radius:3.0rem;}
.organLogoArea .logoArea ul li:nth-of-type(2n+2) {margin:2.5rem 0;}
.organLogoArea .logoArea ul li > div,
.organLogoArea .logoArea ul li > a {display:block; width:100%; height:100%; position:absolute; top:0; left:0;}
.organLogoArea .logoArea ul li .disT {}
.organLogoArea .logoArea ul li .disTC {text-align:center; vertical-align:middle; padding:1.0rem; box-sizing:border-box;}
.organLogoArea .logoArea ul li img {max-width:100%; vertical-align:top;}
.organLogoArea .logoArea ul li p {display:block; text-align:center; position:relative; margin:1.8rem auto 0; padding:0; font-size:1.6rem; line-height:1.8rem; font-weight:400; color:#fff;}


@media screen and (max-width:1440px){
	
}

@media screen and (max-width:1280px){
	
}

@media screen and (max-width:1080px){
	
}

@media screen and (max-width:960px){
	.organLogoArea .logoArea ul li {width:calc(50% - 1.5rem - 2px); height:25.0rem; margin:2.0rem 3.0rem 2.0rem 0; border:2px solid #e0e0e0; border-radius:2.0rem;}
	.organLogoArea .logoArea ul li:nth-of-type(2n+2) {margin:2.0rem 0;}
	.organLogoArea .logoArea ul li .disTC {padding:1.0rem;}
	.organLogoArea .logoArea ul li p {margin:1.6rem auto 0; font-size:1.7rem; line-height:2.0rem;}
}

@media screen and (max-width:768px){
	.organLogoArea .logoArea ul li {width:calc(50% - 1.0rem - 2px); height:25.0rem; margin:1.5rem 2.0rem 1.5rem 0; border:2px solid #e0e0e0; border-radius:2.0rem;}
	.organLogoArea .logoArea ul li:nth-of-type(2n+2) {margin:1.5rem 0;}
	.organLogoArea .logoArea ul li .disTC {padding:1.0rem;}
	.organLogoArea .logoArea ul li p {margin:1.4rem auto 0; font-size:1.6rem; line-height:1.8rem;}
}

@media screen and (max-width:640px){
	.organLogoArea .logoArea p.tit {font-size:2.4rem; line-height:2.6rem;}
	.organLogoArea .logoArea ul li > div img,
	.organLogoArea .logoArea ul li > a img {max-width:320px;}
}

@media screen and (max-width:480px){
	.organLogoArea .logoArea ul li {display:block; width:100%; height:25.0rem; margin:0 auto 2.0rem !important; border:1px solid #e0e0e0; border-radius:1.5rem;}
	.organLogoArea .logoArea ul li:last-child {margin:0 auto !important;}
	.organLogoArea .logoArea ul li > div img,
	.organLogoArea .logoArea ul li > a img {max-width:240px;}
	.organLogoArea .logoArea ul li p {margin:1.2rem auto 0; font-size:1.5rem; line-height:1.8rem;}
}

@media screen and (max-width:360px){
	.organLogoArea .logoArea ul li > div img,
	.organLogoArea .logoArea ul li > a img {max-width:200px;}
}

@media screen and (max-width:320px){
	
}
/* 회사소개 > 조직도 영역 :: E */



/* 회사소개 > 오시는길 영역 :: S */
.aboutLocationWrap.con {}
.aboutLocationWrap.con .in {max-width:1330px;}

.aboutLocationWrap .titleArea {}

.aboutLocationWrap .locationArea {width:100%; position:relative; margin:0 auto; padding:0;}
.aboutLocationWrap .locationArea .location {width:100%; position:relative; margin:0 auto 8.0rem; padding:0; box-sizing:border-box;}
.aboutLocationWrap .locationArea .location:last-child {margin:0 auto;}
.aboutLocationWrap .locationArea .location > div {width:100%; position:relative; margin:0; padding:0; box-sizing:border-box;}
.aboutLocationWrap .locationArea .location ._head {margin:0 auto 2.0rem;}
.aboutLocationWrap .locationArea .location ._head p {display:block; position:relative; text-align:left; margin:0; padding:0; box-sizing:border-box; font-size:1.8rem; line-height:24px; font-weight:400; color:#333;}
.aboutLocationWrap .locationArea .location ._head .tit {font-size:4.2rem; line-height:4.5rem; font-weight:700; color:#000;}
.aboutLocationWrap .locationArea .location ._head .t1 {font-size:2.4rem; line-height:2.8rem; font-weight:600; color:#111; margin:3.0rem auto 1.5rem;}
.aboutLocationWrap .locationArea .location ._head .call {}
.aboutLocationWrap .locationArea .location ._head .call:before {display:inline-block; content:''; width:24px; height:24px; position:relative; vertical-align:middle; margin:0 8px 0 0; padding:0; background-size:cover !important; background:url('/public/images/cm_icon_call_blue_1.gif') center center no-repeat;}
.aboutLocationWrap .locationArea .location ._body {}
.aboutLocationWrap .locationArea .location ._body > * {display:inline-block; height:56.0rem; position:relative; vertical-align:top; margin:0; padding:0; box-sizing:border-box; background-size:cover !important; overflow:hidden; border-radius:2.0rem;}
.aboutLocationWrap .locationArea .location ._body .img {width:calc(35% - 12px); margin:0 20px 0 0;}
.aboutLocationWrap .locationArea .location ._body .map {width:calc(65% - 12px);}
.aboutLocationWrap .locationArea .location ._body .map iframe {display:block; width:100%; height:100%; position:absolute; top:0; left:0; margin:0; padding:0; box-sizing:border-box; border:0;}

.aboutLocationWrap .locationArea .location._1 ._body .img {background:url('/public/images/location/cm_location_img_1.jpg') center center no-repeat;}
.aboutLocationWrap .locationArea .location._2 ._body .img {background:url('/public/images/location/cm_location_img_2.jpg') center center no-repeat;}
.aboutLocationWrap .locationArea .location._3 ._body .img {background:url('/public/images/location/cm_location_img_3.jpg') center center no-repeat;}


.branchMapArea.con {margin:0 auto; padding:8.0rem 0; background:#f3f3f3;}
.branchMapArea.con .in {max-width:1330px;}

.branchMapArea .titleArea {}

.branchMapArea .mapArea {width:100%; position:relative; margin:0 auto; padding:0; box-sizing:border-box;
position:absolute; top:-9999em; left:-9999em;}
.branchMapArea .mapArea > div {width:100%; height:0; position:relative; margin:0 auto; padding:0; box-sizing:border-box; padding-bottom:60%; overflow:hidden; border-radius:1.5rem;}
.branchMapArea .mapArea .branchMap {width:100%; height:100%; position:absolute; top:0; left:0;}
.branchMapArea .mapArea .branchMap > div {}
.branchMapArea .mapArea .branchMap > div > div > div > div {width:auto !important; height:auto !important; border:0 !important; background:none !important;}
.branchMapArea .mapArea .branchMap > div > div > div > div > div:nth-child(2) {margin:0 0 0 15px;}
.branchMapArea .mapArea .branchMap .branchPanel {width:120px; height:auto; position:relative; margin:0; padding:0.5rem 0.3rem; box-sizing:border-box; background:#003087; border-radius:5px;}
.branchMapArea .mapArea .branchMap .branchPanel a {display:block; width:100%; text-align:center; position:relative; margin:0; padding:0; font-size:11px; line-height:16px; font-weight:500; letter-spacing:-0.5px; color:#fff;}

.branchMapArea .branchArea {width:100%; position:relative; margin:6.0rem auto 0; padding:0; box-sizing:border-box;}
.branchMapArea .branchArea .branch {display:inline-block; width:calc(50% - 1.5rem - 4px); position:relative; vertical-align:top; margin:0 3.0rem 3.0rem 0; padding:0; box-sizing:border-box; border-radius:1.5rem; overflow:hidden; background:#fff;}
.branchMapArea .branchArea .branch:nth-of-type(2n+2) {margin:0 0 3.0rem 0;}
.branchMapArea .branchArea .branch > div {width:100%; position:relative; margin:0; padding:0; box-sizing:border-box;}
.branchMapArea .branchArea .branch .thumbnail {}
.branchMapArea .branchArea .branch .thumbnail img {display:block; width:100%; margin:0 auto;}
.branchMapArea .branchArea .branch .information {padding:3.0rem 1.5rem;}
.branchMapArea .branchArea .branch .information p {display:block; position:relative; text-align:center; margin:0; padding:0; font-size:1.8rem; line-height:2.4rem; font-weight:400; color:#000;}
.branchMapArea .branchArea .branch .information .title {font-size:3.6rem; line-height:4.0rem; font-weight:900; margin:0 auto 2.0rem;}
.branchMapArea .branchArea .branch .information .tel {}
.branchMapArea .branchArea .branch .information .tel img {max-width:20px;}
.branchMapArea .branchArea .branch .information .tel span {color:#b0b0b0;}


@media screen and (max-width:1440px){
	
}

@media screen and (max-width:1280px){
	
}

@media screen and (max-width:1080px){
	
}

@media screen and (max-width:960px){
	.aboutLocationWrap .locationArea .location {margin:0 auto 6.0rem;}
	.aboutLocationWrap .locationArea .location ._head {margin:0 auto 1.8rem;}
	.aboutLocationWrap .locationArea .location ._head .tit {font-size:3.4rem; line-height:3.6rem;}
	.aboutLocationWrap .locationArea .location ._head .t1 {font-size:2.0rem; line-height:2.4rem; margin:2.4rem auto 1.2rem;}
	.aboutLocationWrap .locationArea .location ._body .img {width:calc(30% - 8px); margin:0 10px 0 0;}
	.aboutLocationWrap .locationArea .location ._body .map {width:calc(70% - 8px);}
	
	.branchMapArea .branchArea {margin:5.0rem auto 0;}
	.branchMapArea .branchArea .branch {width:calc(50% - 1.0rem - 4px); margin:0 2.0rem 2.5rem 0; border-radius:1.2rem;}
	.branchMapArea .branchArea .branch:nth-of-type(2n+2) {margin:0 0 2.5rem 0;}
	.branchMapArea .branchArea .branch .information {padding:2.0rem 1.2rem;}
	.branchMapArea .branchArea .branch .information p {font-size:1.6rem; line-height:2.2rem;}
	.branchMapArea .branchArea .branch .information .title {font-size:3.2rem; line-height:3.6rem; margin:0 auto 1.5rem;}
	.branchMapArea .branchArea .branch .information .tel img {max-width:18px;}
}

@media screen and (max-width:768px){
	.branchMapArea .branchArea {margin:4.0rem auto 0;}
	.branchMapArea .branchArea .branch {width:calc(50% - 0.75rem - 4px); margin:0 1.5rem 2.0rem 0; border-radius:1.2rem;}
	.branchMapArea .branchArea .branch:nth-of-type(2n+2) {margin:0 0 2.0rem 0;}
	.branchMapArea .branchArea .branch .information {padding:1.5rem 1.0rem;}
	.branchMapArea .branchArea .branch .information p {font-size:1.4rem; line-height:2.0rem;}
	.branchMapArea .branchArea .branch .information .title {font-size:2.8rem; line-height:3.2rem; margin:0 auto 1.2rem;}
	.branchMapArea .branchArea .branch .information .tel img {max-width:16px;}
}

@media screen and (max-width:640px){
	.aboutLocationWrap .locationArea .location {margin:0 auto 4.0rem;}
	.aboutLocationWrap .locationArea .location ._head {margin:0 auto 1.8rem;}
	.aboutLocationWrap .locationArea .location ._head .tit {font-size:3.2rem; line-height:3.4rem;}
	.aboutLocationWrap .locationArea .location ._head .t1 {font-size:1.8rem; line-height:2.2rem; margin:2.0rem auto 1.0rem;}
	.aboutLocationWrap .locationArea .location ._body > * {display:block;}
	.aboutLocationWrap .locationArea .location ._body .img {width:100%; height:25.0rem; margin:0 auto 1.2rem;}
	.aboutLocationWrap .locationArea .location ._body .map {width:100%; height:45.0rem;}

	.branchMapArea .branchArea {margin:3.0rem auto 0;}
	.branchMapArea .branchArea .branch {width:100%; margin:0 auto 2.0rem !important;border-radius:1.0rem;}
	.branchMapArea .branchArea .branch:last-child {margin:0 auto !important;}
	.branchMapArea .branchArea .branch .information {padding:1.2rem 1.0rem;}
	.branchMapArea .branchArea .branch .information p {font-size:1.3rem; line-height:1.8rem;}
	.branchMapArea .branchArea .branch .information .title {font-size:2.4rem; line-height:2.8rem; margin:0 auto 1.0rem;}
	.branchMapArea .branchArea .branch .information .tel img {max-width:14px;}
}

@media screen and (max-width:480px){
	.aboutLocationWrap .locationArea .location ._head .tit {font-size:3.0rem; line-height:3.2rem;}
	.aboutLocationWrap .locationArea .location ._head .t1 {font-size:1.7rem; line-height:2.0rem; margin:1.8rem auto 1.0rem;}
}

@media screen and (max-width:360px){
	.aboutLocationWrap .locationArea .location ._head .tit {font-size:2.8rem; line-height:3.0rem;}
	.aboutLocationWrap .locationArea .location ._head .t1 {font-size:1.6rem; line-height:1.8rem; margin:1.6rem auto 0.8rem;}
}

@media screen and (max-width:320px){
	
}
/* 회사소개 > 오시는길 영역 :: E */



/* 홍보센터 > 언론보도 리스트 영역 :: S */
.galleryListWrap.con {}
.galleryListWrap.con .in {max-width:1330px;}

.galleryListWrap .titleArea {}

.galleryListWrap .searchArea {width:100%; max-width:450px; position:relative; text-align:center; margin:0 auto 6.0rem; padding:0; box-sizing:border-box; border-radius:25px; background:#fafafa;}
.galleryListWrap .searchArea > * {display:inline-block; height:50px; position:relative; text-align:left; vertical-align:middle; margin:0; padding:0 15px; box-sizing:border-box; background:none; border:0; border-radius:0; box-shadow:none; font-size:1.4rem; line-height:50px; font-weight:400; color:#555;}
.galleryListWrap .searchArea select {width:110px;}
.galleryListWrap .searchArea input[type="text"] {width:calc(100% - 114px - 54px);}
.galleryListWrap .searchArea a {width:50px; text-align:center; padding:15.5px;}
.galleryListWrap .searchArea img {max-width:100%; vertical-align:top;}

.galleryListWrap .listArea {width:100%; position:relative; margin:0 auto; padding:0; box-sizing:border-box;}
.galleryListWrap .listArea ul {display:block; width:100%; position:relative; margin:0; padding:0;}
.galleryListWrap .listArea ul li {display:inline-block; width:calc(33.33333333333333% - 28px); position:relative; vertical-align:top; margin:0 36px 36px 0; padding:0; box-sizing:border-box;}
.galleryListWrap .listArea ul li:nth-of-type(3n+3) {margin:0 0 36px 0;}
.galleryListWrap .listArea ul li .thumbnail {display:block; position:relative; overflow:hidden; border-radius:20px;}
.galleryListWrap .listArea ul li:hover .thumbnail {box-shadow:3px 3px 8px 8px rgba(0,0,0,0.15);}
.galleryListWrap .listArea ul li .thumbnail img {display:block; width:100%;}
.galleryListWrap .listArea ul li .description {width:100%; position:relative; margin:3.0rem auto 0; padding:0;}
.galleryListWrap .listArea ul li .description p,
.galleryListWrap .listArea ul li .description a {display:block; position:relative; text-align:left; margin:0; padding:0; font-size:1.6rem; line-height:2.0rem; font-weight:900; color:#aaa;}
.galleryListWrap .listArea ul li .description .date {}
.galleryListWrap .listArea ul li .description .title {font-size:3.0rem; line-height:3.4rem; font-weight:700; color:#222; margin:1.0rem auto 0;
white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:2.6rem; line-height:3.0rem;}


@media screen and (max-width:1440px){
	
}

@media screen and (max-width:1280px){
	
}

@media screen and (max-width:1080px){
	.galleryListWrap .listArea ul li {width:calc(33.33333333333333% - 16px); margin:0 20px 30px 0;}
	.galleryListWrap .listArea ul li:nth-of-type(3n+3) {margin:0 0 30px 0;}
	.galleryListWrap .listArea ul li .description {margin:2.4rem auto 0;}
	.galleryListWrap .listArea ul li .description .date {}
	.galleryListWrap .listArea ul li .description .title {font-size:2.8rem; line-height:3.2rem; margin:0.8rem auto 0; font-size:2.6rem; line-height:3.0rem;}
}

@media screen and (max-width:960px){
	.galleryListWrap .listArea ul li {width:calc(33.33333333333333% - 10px); margin:0 10px 30px 0;}
	.galleryListWrap .listArea ul li:nth-of-type(3n+3) {margin:0 0 30px 0;}
	.galleryListWrap .listArea ul li .description {margin:2.0rem auto 0;}
	.galleryListWrap .listArea ul li .description .date {}
	.galleryListWrap .listArea ul li .description .title {font-size:2.4rem; line-height:2.8rem; margin:0.6rem auto 0; font-size:2.6rem; line-height:3.0rem;}
}

@media screen and (max-width:768px){
	.galleryListWrap .listArea ul li {width:calc(50% - 8px); margin:0 10px 30px 0;}
	.galleryListWrap .listArea ul li:nth-of-type(3n+3) {margin:0 10px 30px 0;}
	.galleryListWrap .listArea ul li:nth-of-type(2n+2) {margin:0 0 30px 0;}
}

@media screen and (max-width:640px){
	
}

@media screen and (max-width:480px){
	.galleryListWrap .listArea ul li {display:block; width:100%; margin:0 auto 30px !important;}
	.galleryListWrap .listArea ul li:last-child {margin:0 auto !important;}
}

@media screen and (max-width:360px){
	
}

@media screen and (max-width:320px){
	
}
/* 홍보센터 > 언론보도 리스트 영역 :: E */



/* 홍보센터 > 언론보도 상세 영역 :: S */
.galleryViewWrap.con {}

.galleryViewWrap .titleArea {}
.galleryViewWrap .titleArea .tit {margin-bottom:1.0rem;}
.galleryViewWrap .titleArea .t0 {padding:0 0 3.0rem 0; margin-bottom:3.0rem; border-bottom:1px solid #c4c4c4; text-align:right; font-weight:400; color:#999;}
/* 홍보센터 > 언론보도 상세 영역 :: E */



/* 고객센터 > 제휴/고객문의 영역 :: S */
.csContactWrap.con {}

.csContactWrap .titleArea {}

.csContactWrap .formArea {width:100%; position:relative; margin:0 auto; padding:0;}
.csContactWrap .formArea form {display:block; widht:100%; position:relative; margin:0 auto; padding:0; overflow:hidden;}
.csContactWrap .formArea form > * {display:block; width:100%; float:left; position:relative; margin:0; padding:0; box-sizing:border-box; font-size:1.4rem; line-height:2.4rem; font-weight:400; color:#454545;}

.csContactWrap .formArea form .noti {text-align:right;}

.csContactWrap .formArea form dl {width:50%; margin:7.5px 0; padding:15px; background:#fafafa; overflow:hidden;}
.csContactWrap .formArea form dl.full {width:100%;}
.csContactWrap .formArea form dl._l,
.csContactWrap .formArea form dl._r {width:calc(50% - 7.5px);}
.csContactWrap .formArea form dl._l {margin:7.5px 15px 7.5px 0;}
.csContactWrap .formArea form dl dt,
.csContactWrap .formArea form dl dd {display:inline-block; position:relative; vertical-align:middle; margin:0; padding:0; box-sizing:border-box; font-size:1.5rem; line-height:2.4rem; font-weight:600; color:#222;}
.csContactWrap .formArea form dl dt {width:120px;}
.csContactWrap .formArea form dl dt.req {}
.csContactWrap .formArea form dl dt.req:after {content:' *'; color:#146ee2; font-weight:900;}
.csContactWrap .formArea form dl dd {width:calc(100% - 124px);}
.csContactWrap .formArea form dl dd input[type="text"],
.csContactWrap .formArea form dl dd textarea,
.csContactWrap .formArea form dl dd select {display:block; width:100%; height:40px; position:relative; margin:0; padding:0 15px; box-sizing:border-box; font-size:1.5rem; line-height:40px; font-weight:500; color:#454545; background:none; border:1px solid #e0e0e0; border-radius:5px; box-shadow:none;}
.csContactWrap .formArea form dl dd textarea {height:auto; min-height:300px; padding:10px; line-height:2.0rem;}
.csContactWrap .formArea form dl dd .chk {display:inline-block; position:relative; vertical-align:top; margin:0 10px 0 0; padding:0; box-sizing:border-box;}
.csContactWrap .formArea form dl dd .chk:last-child {margin:0;}
.csContactWrap .formArea form dl dd .chk > * {display:inline-block; position:relative; vertical-align:top; margin:0; padding:0; box-sizing:border-box; font-size:1.5rem; line-height:18px; font-weight:400; color:#333;}
.csContactWrap .formArea form dl dd .chk input[type="radio"] {width:16px; height:16px; margin:0 1.5px 0 0;}
.csContactWrap .formArea form dl dd .chk label {}

.csContactWrap .formArea form .agreeArea {width:100%; position:relative; margin:3.0rem auto 0; padding:0;}
.csContactWrap .formArea form .agreeArea > * {display:inline-block; position:relative; vertical-align:top; margin:0 10px 0 0; padding:0; box-sizing:border-box;}
.csContactWrap .formArea form .agreeArea > *:last-child {margin:0;}
.csContactWrap .formArea form .agreeArea .agree > * {display:inline-block; position:relative; vertical-align:top; margin:0; padding:0; box-sizing:border-box; font-size:1.5rem; line-height:18px; font-weight:400; color:#333;}
.csContactWrap .formArea form .agreeArea .agree input[type="checkbox"] {width:16px; height:16px; margin:0 1.5px 0 0;}
.csContactWrap .formArea form .agreeArea .agree label {}
.csContactWrap .formArea form .agreeArea .submit {width:200px; height:40px; float:right; text-align:center; font-size:1.4rem; line-height:36px; font-weight:700; color:#333; border:2px solid #c4c4c4;}
.csContactWrap .formArea form .agreeArea .submit:hover {color:#000; background:#c4c4c4;}


@media screen and (max-width:1440px){
	
}

@media screen and (max-width:1280px){
	
}

@media screen and (max-width:1080px){
	
}

@media screen and (max-width:960px){
	.csContactWrap .formArea form > * {padding:1.3rem;}
	.csContactWrap .formArea form dl {}
	.csContactWrap .formArea form dl dt,
	.csContactWrap .formArea form dl dd {font-size:1.4rem; line-height:2.2rem;}
	.csContactWrap .formArea form dl dt {width:100px;}
	.csContactWrap .formArea form dl dd {width:calc(100% - 104px);}
}

@media screen and (max-width:768px){
	.csContactWrap .formArea form > * {padding:1.2rem;}
	.csContactWrap .formArea form dl {width:100% !important; margin:0 auto 1.0rem !important;}
	.csContactWrap .formArea form dl:last-child {margin:0 auto !important;}
}

@media screen and (max-width:640px){
	
}

@media screen and (max-width:480px){
	.csContactWrap .formArea form .agreeArea .submit {display:block; float:none; margin:3.0rem auto 0;}
}

@media screen and (max-width:360px){
	
}

@media screen and (max-width:320px){
	
}
/* 고객센터 > 제휴/고객문의 영역 :: E */



/* 컴퓨터유통 설명 영역 :: S */
.computerDistWrap.con {}
.computerDistWrap.con .in {max-width:1330px;}

.computerDistWrap .distImgArea {width:100%; position:relative; text-align:center; margin:0 auto; padding:10.0rem 15px; box-sizing:border-box; background-size:cover !important; background:url('/public/images/dist/cm_dist_sec_1_bg_1.png') center bottom no-repeat;}
.computerDistWrap .distImgArea .distImgs {width:calc(100% + 1.0rem); max-width:1080px; position:relative; margin:0 auto; padding:0; box-sizing:border-box;}
.computerDistWrap .distImgArea .img {display:inline-block; width:calc(33.33333333333333% - 4px - 1.0rem); position:relative; margin:0 0.5rem; padding:0; box-sizing:border-box;}
.computerDistWrap .distImgArea .img img {max-width:100%; vertical-align:top;}

.computerDistWrap .dualArea._tv {}
.computerDistWrap .dualArea._tv .left {}
.computerDistWrap .dualArea._tv .right {text-align:right; padding:0 0 0 30px;}
/*
.computerDistWrap .dualArea._tv .right:before {display:block; content:''; width:20px; height:38px; position:absolute; top:50%; left:10px; margin:-19px 0 0 0; padding:0; box-sizing:border-box; background-size:cover !important; background:url('/public/images/cm_arrow_black_1_right.png') center center no-repeat;}
*/
.computerDistWrap .dualArea._tv .right .img {display:inline-block; position:relative; vertical-align:middle; margin:0 2.0rem 0 0; padding:0; box-sizing:border-box;}
.computerDistWrap .dualArea._tv .right .img:first-child {position:absolute; top:calc(50% + 3.0rem); left:10px;}
.computerDistWrap .dualArea._tv .right .img:last-child {margin:0;}

.computerDistWrap .dualArea._value {}
.computerDistWrap .dualArea._value .left {padding:0 3.0rem 0 0;}
.computerDistWrap .dualArea._value .right {}


.computerDistWrap.esg .dualArea {}
.computerDistWrap.esg .dualArea .left {width:calc(35% - 4px);}
.computerDistWrap.esg .dualArea .right {width:calc(65% - 4px);}


/*
.computerDistWrap .dualArea:not(._tv) {margin:8.0rem auto 0;}
.computerDistWrap .dualArea:not(._tv) .left,
.computerDistWrap .dualArea:not(._tv) .right {vertical-align:top;}
.computerDistWrap .dualArea:not(._tv) .left {width:360px;}
.computerDistWrap .dualArea:not(._tv) .right {width:calc(100% - 4px - 360px);}
*/

.computerDistWrap .titleArea {/* margin:6.0rem auto 1.5rem; */ margin-top:6.0rem;}
.computerDistWrap .titleArea .tit.dot {margin-bottom:1.0rem;}

.computerDistWrap .dlsArea.social {max-width:1300px;}
.computerDistWrap .dlsArea.social dl {}
.computerDistWrap .dlsArea.social dl dt {}
.computerDistWrap .dlsArea.social dl dd {min-height:96px;}

.computerDistWrap .dlsArea.esg {margin:3.0rem auto 6.0rem;}
.computerDistWrap .dlsArea.esg dl {padding-left:calc(2.6rem + 70px);}
.computerDistWrap .dlsArea.esg dl:before {display:block; content:''; width:58px; height:57px; position:absolute; top:50%; left:2.0rem; margin:-28.5px 0 0 0; padding:0; box-sizing:border-box; background-size:cover !important;}
.computerDistWrap .dlsArea.esg dl._1:before {background:url('/public/images/esg/cm_esg_icon_1.png') center center no-repeat;}
.computerDistWrap .dlsArea.esg dl._2:before {background:url('/public/images/esg/cm_esg_icon_2.png') center center no-repeat;}
.computerDistWrap .dlsArea.esg dl._3:before {background:url('/public/images/esg/cm_esg_icon_3.png') center center no-repeat;}

.computerDistWrap .imgsArea:not(._full) {width:calc(100% + 2.0rem); margin-left:-1.0rem;}
.computerDistWrap .imgsArea.bump {padding:4.0rem; background:#f2f2f2;}
.computerDistWrap .imgsArea .img {margin:1.0rem;}
.computerDistWrap .imgsArea.dense {}
.computerDistWrap .imgsArea.dense .img {margin-left:0.25rem; margin-right:0.25rem;}

.computerDistWrap .txtsArea {width:100%; position:relative; margin:1.5rem auto 0; padding:0; box-sizing:border-box;}
.computerDistWrap .txtsArea div {display:inline-block; width:calc(33.33333333333333% - 4px); vertical-align:top; margin:0; padding:0; box-sizing:border-box;}
.computerDistWrap .txtsArea div p {display:block; width:100%; margin:0; padding:0; box-sizing:border-box; font-size:1.6rem; line-height:2.4rem; font-weight:600; color:#333;}

.computerDistWrap .imgDlsArea {width:100%; position:relative; margin:3.0rem auto 0; padding:0; box-sizing:border-box;}
.computerDistWrap .imgDlsArea .item {display:inline-block; width:calc(50% - 4px); margin:1.5rem 0; padding:0; box-sizing:border-box;}
.computerDistWrap .imgDlsArea .item > * {display:inline-block; position:relative; vertical-align:middle; margin:0; padding:0; box-sizing:border-box;}
.computerDistWrap .imgDlsArea .item img {width:240px; border-radius:1.0rem; overflow:hidden;}
.computerDistWrap .imgDlsArea .item dl {width:calc(100% - 4px - 240px); padding:0 1.0rem;}
.computerDistWrap .imgDlsArea .item dl dt,
.computerDistWrap .imgDlsArea .item dl dd {display:block; position:relative; text-align:left; margin:0; padding:0; box-sizing:border-box; font-size:1.5rem; line-height:2.2rem; font-weight:400; color:#454545;}
.computerDistWrap .imgDlsArea .item dl dt {font-size:1.8rem; line-height:2.2rem; font-weight:700; color:#0447d0; margin:0 auto 1.0rem;}


.computerDistWrap .imgsArea._pubEle_1 {}
.computerDistWrap .imgsArea._pubEle_1 .img {width:calc(33.33333333333333% - 4px - 2.0rem);}


.computerDistWrap .imgsArea._pubEle_2 {max-width:1360px;}
.computerDistWrap .imgsArea._pubEle_2 .img {width:calc(25% - 4px - 2.0rem);}


.distSocialValueWrap {width:100%; position:relative; margin:10.0rem auto; padding:0; box-sizing:border-box;}
.distSocialValueWrap .titleArea {margin:0 auto;}
.distSocialValueWrap .distSocialValueCont {width:100%; position:relative; margin:5.0rem auto 0; padding:0; box-sizing:border-box;}
.distSocialValueWrap .distSocialValueCont:before {display:block; content:''; width:1000%; height:100%; position:absolute; top:0; left:-450%; z-index:5;}
.distSocialValueWrap .distSocialValueSlider {width:100%; position:relative; margin:5.0rem auto 0; padding:0; box-sizing:border-box; overflow:visible;}
.distSocialValueWrap .distSocialValueSlider .swiper-slide {position:relative;}
.distSocialValueWrap .distSocialValueSlider .swiper-slide .img {width:100%; position:relative; margin:0; padding:0;}
.distSocialValueWrap .distSocialValueSlider .swiper-slide .img p,
.distSocialValueWrap .distSocialValueSlider .swiper-slide .img img {display:block;}


@media screen and (min-width:769px){
	.computerDistWrap .imgsArea.social {max-width:1300px;}
	.computerDistWrap .imgsArea.social .img {width:calc(20% - 4px - 0.8rem); margin:0 1.0rem 0 0;}
	.computerDistWrap .imgsArea.social .img:last-child {margin:0;}
	.computerDistWrap .imgsArea.social .img img {width:100%; max-width:10000px;}
}


@media screen and (max-width:1280px){
	.computerDistWrap .imgsArea.bump {padding:3.5rem;}


	/*
	.computerDistWrap .dualArea:not(._tv) {margin:8.0rem auto 0;}
	.computerDistWrap .dualArea:not(._tv) .left,
	.computerDistWrap .dualArea:not(._tv) .right {}
	.computerDistWrap .dualArea:not(._tv) .left {width:300px;}
	.computerDistWrap .dualArea:not(._tv) .right {width:calc(100% - 4px - 300px);}
	*/
}

@media screen and (max-width:1080px){
	.computerDistWrap .imgsArea.bump {padding:3.0rem;}


	/*
	.computerDistWrap .dualArea:not(._tv) {margin:8.0rem auto 0;}
	.computerDistWrap .dualArea:not(._tv) .left,
	.computerDistWrap .dualArea:not(._tv) .right {}
	.computerDistWrap .dualArea:not(._tv) .left {width:240px;}
	.computerDistWrap .dualArea:not(._tv) .right {width:calc(100% - 4px - 240px);}
	*/
}

@media screen and (max-width:960px){
	.computerDistWrap .titleArea {margin-top:5.0rem;}


	.computerDistWrap .distImgArea {padding:10.0rem 15px;}
	.computerDistWrap .distImgArea .distImgs {width:calc(100% + 0.5rem); margin-left:-0.5rem;}
	.computerDistWrap .distImgArea .img {width:calc(33.33333333333333% - 4px - 0.5rem); margin:0 0.25rem;}


	.computerDistWrap .imgsArea.bump {/* padding:2.5rem; */}


	.computerDistWrap .imgDlsArea {margin:3.0rem auto 0;}
	.computerDistWrap .imgDlsArea .item {width:calc(50% - 4px); margin:1.5rem 0;}
	.computerDistWrap .imgDlsArea .item > * {display:inline-block;}
	.computerDistWrap .imgDlsArea .item img {width:200px; border-radius:1.0rem;}
	.computerDistWrap .imgDlsArea .item dl {width:calc(100% - 4px - 200px); padding:0 1.0rem;}
	.computerDistWrap .imgDlsArea .item dl dt,
	.computerDistWrap .imgDlsArea .item dl dd {font-size:1.5rem; line-height:2.2rem;}
	.computerDistWrap .imgDlsArea .item dl dt {font-size:1.8rem; line-height:2.2rem; margin:0 auto 0.8rem;}


	/*
	.computerDistWrap .dualArea:not(._tv) {margin:7.0rem auto 0;}
	.computerDistWrap .dualArea:not(._tv) .left,
	.computerDistWrap .dualArea:not(._tv) .right {}
	.computerDistWrap .dualArea:not(._tv) .left {width:200px;}
	.computerDistWrap .dualArea:not(._tv) .right {width:calc(100% - 4px - 200px);}
	*/


	.computerDistWrap .imgsArea._pubEle_2 {}
	.computerDistWrap .imgsArea._pubEle_2 .img {width:calc(33.33333333333333% - 4px - 2.0rem);}
}

@media screen and (max-width:768px){
	.computerDistWrap .imgsArea.bump {/* padding:2.0rem; */}


	.computerDistWrap .dlsArea.social dl dd {min-height:0;}


	.computerDistWrap .imgDlsArea {margin:3.0rem auto 0;}
	.computerDistWrap .imgDlsArea .item {width:calc(50% - 4px); margin:1.5rem 0;}
	.computerDistWrap .imgDlsArea .item > * {display:inline-block;}
	.computerDistWrap .imgDlsArea .item img {width:180px; border-radius:0.8rem;}
	.computerDistWrap .imgDlsArea .item dl {width:calc(100% - 4px - 180px); padding:0 1.0rem;}
	.computerDistWrap .imgDlsArea .item dl dt,
	.computerDistWrap .imgDlsArea .item dl dd {font-size:1.5rem; line-height:2.2rem;}
	.computerDistWrap .imgDlsArea .item dl dt {font-size:1.8rem; line-height:2.2rem; margin:0 auto 0.6rem;}


	.computerDistWrap .txtsArea {}
	.computerDistWrap .txtsArea div {display:inline-block; width:calc(50% - 4px);}
	.computerDistWrap .txtsArea div p {font-size:1.6rem; line-height:2.4rem;}


	/*
	.computerDistWrap .dualArea:not(._tv) {margin:7.0rem auto 0;}
	.computerDistWrap .dualArea:not(._tv) .left,
	.computerDistWrap .dualArea:not(._tv) .right {}
	.computerDistWrap .dualArea:not(._tv) .left {width:180px;}
	.computerDistWrap .dualArea:not(._tv) .right {width:calc(100% - 4px - 180px);}
	*/
}

@media screen and (max-width:640px){
	.computerDistWrap .titleArea {margin-top:4.0rem;}


	.computerDistWrap .distImgArea {padding:10.0rem 10px;}
	.computerDistWrap .distImgArea .distImgs {width:100%; margin-left:0;}
	.computerDistWrap .distImgArea .img {display:block; width:100%; margin:0 auto 1.0rem;}
	.computerDistWrap .distImgArea .img:last-child {margin:0 auto;}


	.computerDistWrap .imgsArea.bump {/* padding:1.5rem; */}
	.computerDistWrap .imgsArea._pubEle_1 .img {width:100%;}


	.computerDistWrap .imgDlsArea {margin:3.0rem auto 0;}
	.computerDistWrap .imgDlsArea .item {width:100%; margin:0 auto 2.0rem;}
	.computerDistWrap .imgDlsArea .item:last-child {margin:0 auto;}
	.computerDistWrap .imgDlsArea .item > * {display:inline-block;}
	.computerDistWrap .imgDlsArea .item img {width:160px; border-radius:0.8rem;}
	.computerDistWrap .imgDlsArea .item dl {width:calc(100% - 4px - 160px); padding:0 1.0rem;}
	.computerDistWrap .imgDlsArea .item dl dt,
	.computerDistWrap .imgDlsArea .item dl dd {font-size:1.5rem; line-height:2.2rem;}
	.computerDistWrap .imgDlsArea .item dl dt {font-size:1.8rem; line-height:2.2rem; margin:0 auto 0.5rem;}


	.computerDistWrap .txtsArea {}
	.computerDistWrap .txtsArea div {display:inline-block; width:calc(50% - 4px);}
	.computerDistWrap .txtsArea div p {font-size:1.6rem; line-height:2.4rem;}


	/*
	.computerDistWrap .dualArea:not(._tv) {margin:5.0rem auto 0;}
	.computerDistWrap .dualArea:not(._tv) .left,
	.computerDistWrap .dualArea:not(._tv) .right {display:block; width:100%;}
	.computerDistWrap .dualArea:not(._tv) .left {}
	.computerDistWrap .dualArea:not(._tv) .right {}
	*/

	.computerDistWrap .dualArea._tv .right {text-align:center; padding:0;}
	.computerDistWrap .dualArea._tv .right .img:first-child {display:none;}

	.computerDistWrap .dualArea._value .left {padding:0;}

	
	.computerDistWrap.esg .dualArea .left {width:100%;}
	.computerDistWrap.esg .dualArea .right {width:100%;}


	.computerDistWrap .imgsArea._pubEle_2 {}
	.computerDistWrap .imgsArea._pubEle_2 .img {width:calc(50% - 4px - 2.0rem);}
}

@media screen and (max-width:560px){
	.computerDistWrap .imgsArea.bump {/* padding:1.2rem; */}
}

@media screen and (max-width:480px){
	.computerDistWrap .titleArea {margin-top:3.5rem;}


	.computerDistWrap .imgsArea:not(._full) {width:100%; margin-left:0;}
	.computerDistWrap .imgsArea .img {margin:0 auto 1.0rem;}
	.computerDistWrap .imgsArea .img:last-child {margin:0 auto;}
	.computerDistWrap .imgsArea.bump {/* padding:1.0rem; */}
	.computerDistWrap .imgsArea.dense {}
	.computerDistWrap .imgsArea.dense .img {margin-left:0; margin-right:0; text-align:center !important;}


	.computerDistWrap .imgDlsArea {margin:3.0rem auto 0;}
	.computerDistWrap .imgDlsArea .item {width:100%; margin:0 auto 1.8rem;}
	.computerDistWrap .imgDlsArea .item:last-child {margin:0 auto;}
	.computerDistWrap .imgDlsArea .item > * {display:block; text-align:center;}
	.computerDistWrap .imgDlsArea .item img {width:auto; max-width:100%; border-radius:0.8rem; margin:0 auto 0.5rem;}
	.computerDistWrap .imgDlsArea .item dl {width:100%; padding:0; margin:0 auto;}
	.computerDistWrap .imgDlsArea .item dl dt,
	.computerDistWrap .imgDlsArea .item dl dd {font-size:1.5rem; line-height:2.2rem; text-align:center;}
	.computerDistWrap .imgDlsArea .item dl dt {font-size:1.8rem; line-height:2.2rem; margin:0 auto 0.4rem;}


	.computerDistWrap .txtsArea {}
	.computerDistWrap .txtsArea div {display:block; width:100%; margin:0 auto;}
	.computerDistWrap .txtsArea div p {font-size:1.6rem; line-height:2.4rem;}


	.computerDistWrap .imgsArea._pubEle_2 {}
	.computerDistWrap .imgsArea._pubEle_2 .img {width:100%; margin:0 auto 1.0rem;}
	.computerDistWrap .imgsArea._pubEle_2 .img:last-child {margin:0 auto;}


	.computerDistWrap .imgsArea._pubEle_3 {}
	.computerDistWrap .imgsArea._pubEle_3 .img {display:inline-block; width:calc(50% - 4px - 2.0rem); margin:1.0rem;}
}

@media screen and (max-width:360px){
	.computerDistWrap .titleArea {margin-top:3.0rem;}
}

@media screen and (max-width:320px){
	
}
/* 컴퓨터유통 설명 영역 :: E */



/* 사회공헌 설명 영역 :: S */
.computerDistWrap.con {}
/* 사회공헌 설명 영역 :: E */



/* IT자산 재제조 설명 영역 :: S */
.remanufactureWrap.con {max-width:1330px;}

.remanufactureWrap .titleArea {}

.remanufactureWrap .dualArea.mos {}
.remanufactureWrap .dualArea.mos .left {width:480px;}
.remanufactureWrap .dualArea.mos .right {width:calc(100% - 4px - 480px);}

.remanufactureWrap .remanufactureProcess {width:calc(100% + 3.0rem); position:relative; margin:0; padding:0; box-sizing:border-box; margin-left:-1.5rem;}
.remanufactureWrap .remanufactureProcess > div {display:inline-block; width:calc(16.66666666666667% - 4px - 3.0rem); position:relative; margin:0 1.5rem; padding:0; box-sizing:border-box; border-radius:50%; overflow:hidden; font-size:2.4rem; line-height:3.0rem; font-weight:700; color:#fff;}
/*
.remanufactureWrap .remanufactureProcess > div:last-child {margin:0;}
*/
.remanufactureWrap .remanufactureProcess > div > * {display:block; width:100%; position:relative; margin:0; padding:0;}
.remanufactureWrap .remanufactureProcess > div > div {position:absolute; height:100%; top:0; left:0; background:rgba(0,0,0,0.5);}


@media screen and (max-width:1280px){
	
}

@media screen and (max-width:1080px){
	.remanufactureWrap .remanufactureProcess {width:calc(100% + 2.4rem); margin-left:-1.2rem;}
	.remanufactureWrap .remanufactureProcess > div {width:calc(16.66666666666667% - 4px - 2.4rem); margin:0 1.2rem; font-size:2.2rem; line-height:2.8rem;}
	/*
	.remanufactureWrap .remanufactureProcess > div:last-child {margin:0;}
	*/
}

@media screen and (max-width:960px){
	.remanufactureWrap .dualArea.mos {}
	.remanufactureWrap .dualArea.mos .left {width:400px;}
	.remanufactureWrap .dualArea.mos .right {width:calc(100% - 4px - 400px); padding:0 0 0 4.0rem;}


	.remanufactureWrap .remanufactureProcess {width:calc(100% + 2.0rem); margin-left:-1.0rem;}
	.remanufactureWrap .remanufactureProcess > div {width:calc(16.66666666666667% - 4px - 2.0rem); margin:0 1.0rem; font-size:2.0rem; line-height:2.6rem;}
	/*
	.remanufactureWrap .remanufactureProcess > div:last-child {margin:0;}
	*/
}

@media screen and (max-width:768px){
	.remanufactureWrap .dualArea.mos {}
	.remanufactureWrap .dualArea.mos .left {width:360px;}
	.remanufactureWrap .dualArea.mos .right {width:calc(100% - 4px - 360px); padding:0 0 0 3.5rem;}


	.remanufactureWrap .remanufactureProcess {width:calc(100% + 1.6rem); margin-left:-0.8rem;}
	.remanufactureWrap .remanufactureProcess > div {width:calc(16.66666666666667% - 4px - 1.6rem); margin:0 0.8rem; font-size:2.0rem; line-height:2.4rem;}
	/*
	.remanufactureWrap .remanufactureProcess > div:last-child {margin:0;}
	*/
}

@media screen and (max-width:640px){
	.remanufactureWrap .dualArea.mos {}
	.remanufactureWrap .dualArea.mos .left {width:100%;}
	.remanufactureWrap .dualArea.mos .right {width:100%; padding:0; margin:3.0rem auto 0;}


	.remanufactureWrap .remanufactureProcess {width:calc(100% + 0.8rem); margin-left:-0.4rem;}
	.remanufactureWrap .remanufactureProcess > div {width:calc(16.66666666666667% - 4px - 0.8rem); margin:0 0.4rem; font-size:2.0rem; line-height:2.4rem;}
	/*
	.remanufactureWrap .remanufactureProcess > div:last-child {margin:0;}
	*/
}

@media screen and (max-width:560px){
	.remanufactureWrap .remanufactureProcess {width:calc(100% + 0.8rem); margin-left:-0.4rem;}
	.remanufactureWrap .remanufactureProcess > div {width:calc(33.33333333333333% - 4px - 0.8rem); margin:0 0.4rem; font-size:2.0rem; line-height:2.4rem;}
	/*
	.remanufactureWrap .remanufactureProcess > div:last-child {margin:0;}
	*/
}

@media screen and (max-width:480px){
	
}

@media screen and (max-width:360px){
	.remanufactureWrap .remanufactureProcess {width:calc(100% + 0.6rem); margin-left:-0.3rem;}
	.remanufactureWrap .remanufactureProcess > div {width:calc(50% - 4px - 0.6rem); margin:0 0.3rem; font-size:2.0rem; line-height:2.4rem;}
	/*
	.remanufactureWrap .remanufactureProcess > div:last-child {margin:0;}
	*/
}

@media screen and (max-width:320px){
	
}
/* IT자산 재제조 설명 영역 :: E */



/* 하드천공 및 파쇄 설명 영역 :: S */
.spallationWrap.con {}

.spallationWrap .spallationKind {width:calc(100% + 1.5rem); position:relative; margin:0; padding:0; box-sizing:border-box; margin-left:-0.75rem;}
.spallationWrap .spallationKind .item {display:inline-block; width:calc(25% - 4px - 1.5rem); vertical-align:top; position:relative; margin:0 0.75rem; padding:1.0rem; box-sizing:border-box; border-radius:1.0rem; background:#003087;}
.spallationWrap .spallationKind .item img {display:block; width:100%; border-radius:1.0rem 1.0rem 0 0;}
.spallationWrap .spallationKind .item dl {display:block; width:100%; position:relative; margin:1.5rem auto 0; padding:0 0.75rem; box-sizing:border-box;}
.spallationWrap .spallationKind .item dl dt,
.spallationWrap .spallationKind .item dl dd {display:block; text-align:left; position:relative; margin:0; padding:0; box-sizing:border-box; font-size:1.5rem; line-height:2.2rem; font-weight:400; color:#fff;}
.spallationWrap .spallationKind .item dl dt {font-size:2.4rem; line-height:3.2rem; font-weight:700; color:#00e600; margin:0 auto 0.8rem;}
.spallationWrap .spallationKind .item dl dd {min-height:120px;}


.spallationWrap .spallationKind {}
.spallationWrap .spallationKind .item {display:block; width:100%; margin:0 auto 2.0rem; padding:1.5rem;}
.spallationWrap .spallationKind .item:last-child {margin:0 auto;}
.spallationWrap .spallationKind .item img,
.spallationWrap .spallationKind .item dl {display:inline-block; vertical-align:middle; margin:0; padding:0;}
.spallationWrap .spallationKind .item img {width:240px; border-radius:0.5rem;}
.spallationWrap .spallationKind .item dl {width:calc(100% - 4px - 240px); padding:0 0 0 1.5rem;}
.spallationWrap .spallationKind .item dl dt {}
.spallationWrap .spallationKind .item dl dd {min-height:0;}


@media screen and (max-width:1280px){
	
}

@media screen and (max-width:1080px){
	
}

@media screen and (max-width:960px){
	.spallationWrap .spallationKind {width:calc(100% + 1.0rem); margin-left:-0.5rem;}
	.spallationWrap .spallationKind .item {width:calc(25% - 4px - 1.0rem); margin:0 0.5rem; padding:1.0rem; border-radius:1.0rem;}
	.spallationWrap .spallationKind .item img {border-radius:1.0rem 1.0rem 0 0;}
	.spallationWrap .spallationKind .item dl {margin:1.2rem auto 0; padding:0 0.5rem;}
	.spallationWrap .spallationKind .item dl dt,
	.spallationWrap .spallationKind .item dl dd {font-size:1.5rem; line-height:2.2rem;}
	.spallationWrap .spallationKind .item dl dt {font-size:2.4rem; line-height:3.2rem; margin:0 auto 0.8rem;}
	.spallationWrap .spallationKind .item dl dd {min-height:120px;}


	.spallationWrap .spallationKind {}
	.spallationWrap .spallationKind .item {width:100%; margin:0 auto 2.0rem; padding:1.5rem;}
	.spallationWrap .spallationKind .item:last-child {margin:0 auto;}
	.spallationWrap .spallationKind .item img,
	.spallationWrap .spallationKind .item dl {display:inline-block; vertical-align:middle; margin:0; padding:0;}
	.spallationWrap .spallationKind .item img {width:220px; border-radius:0.5rem;}
	.spallationWrap .spallationKind .item dl {width:calc(100% - 4px - 220px); padding:0 0 0 1.5rem;}
	.spallationWrap .spallationKind .item dl dt {}
	.spallationWrap .spallationKind .item dl dd {min-height:0;}
}

@media screen and (max-width:768px){
	.spallationWrap .spallationKind {width:calc(100% + 1.0rem); margin-left:-0.5rem;}
	.spallationWrap .spallationKind .item {width:calc(50% - 4px - 1.0rem); margin:0.5rem; padding:1.0rem; border-radius:1.0rem;}
	.spallationWrap .spallationKind .item img {border-radius:1.0rem 1.0rem 0 0;}
	.spallationWrap .spallationKind .item dl {margin:1.2rem auto 0; padding:0 0.5rem;}
	.spallationWrap .spallationKind .item dl dt,
	.spallationWrap .spallationKind .item dl dd {font-size:1.5rem; line-height:2.2rem;}
	.spallationWrap .spallationKind .item dl dt {font-size:2.4rem; line-height:3.2rem; margin:0 auto 0.8rem;}
	.spallationWrap .spallationKind .item dl dd {min-height:70px;}


	.spallationWrap .spallationKind {}
	.spallationWrap .spallationKind .item {width:100%; margin:0 auto 2.0rem; padding:1.5rem;}
	.spallationWrap .spallationKind .item:last-child {margin:0 auto;}
	.spallationWrap .spallationKind .item img,
	.spallationWrap .spallationKind .item dl {display:inline-block; vertical-align:middle; margin:0; padding:0;}
	.spallationWrap .spallationKind .item img {width:200px; border-radius:0.5rem;}
	.spallationWrap .spallationKind .item dl {width:calc(100% - 4px - 200px); padding:0 0 0 1.5rem;}
	.spallationWrap .spallationKind .item dl dt {}
	.spallationWrap .spallationKind .item dl dd {min-height:0;}
}

@media screen and (max-width:640px){
	
}

@media screen and (max-width:560px){
	
}

@media screen and (max-width:480px){
	.spallationWrap .spallationKind {width:100%; margin-left:0;}
	.spallationWrap .spallationKind .item {width:100%; margin:0 auto 1.0rem; padding:1.0rem; border-radius:1.0rem;}
	.spallationWrap .spallationKind .item:last-child {margin:0 auto;}
	.spallationWrap .spallationKind .item img {border-radius:1.0rem 1.0rem 0 0;}
	.spallationWrap .spallationKind .item dl {margin:1.0rem auto 0; padding:0 0.25rem;}
	.spallationWrap .spallationKind .item dl dt,
	.spallationWrap .spallationKind .item dl dd {font-size:1.5rem; line-height:2.2rem;}
	.spallationWrap .spallationKind .item dl dt {font-size:2.4rem; line-height:3.2rem; margin:0 auto 0.8rem;}
	.spallationWrap .spallationKind .item dl dd {min-height:40px;}


	.spallationWrap .spallationKind {}
	.spallationWrap .spallationKind .item {width:100%; margin:0 auto 1.5rem; padding:2.0rem 1.5rem;}
	.spallationWrap .spallationKind .item:last-child {margin:0 auto;}
	.spallationWrap .spallationKind .item img,
	.spallationWrap .spallationKind .item dl {display:block; margin:0 auto; padding:0;}
	.spallationWrap .spallationKind .item img {width:100%; max-width:300px; border-radius:0.5rem;}
	.spallationWrap .spallationKind .item dl {width:100%; margin:1.0rem auto 0; padding:0;}
	.spallationWrap .spallationKind .item dl dt,
	.spallationWrap .spallationKind .item dl dd {text-align:center !important;}
	.spallationWrap .spallationKind .item dl dt {}
	.spallationWrap .spallationKind .item dl dd {min-height:0;}
}

@media screen and (max-width:360px){
	
}

@media screen and (max-width:320px){
	
}
/* 하드천공 및 파쇄 설명 영역 :: E */



/* 데이터 삭제 및 복원 설명 영역 :: S */
.dataRemovalWrap.con {}

.dataRemovalWrap {}


.dataRemovalWrap .dlsArea.removal {margin:3.0rem auto 0;}
.dataRemovalWrap .dlsArea.removal dl {padding-left:calc(2.6rem + 70px);}
.dataRemovalWrap .dlsArea.removal dl:before {display:block; content:''; width:48px; height:46px; position:absolute; top:50%; left:calc(2.0rem + 2px); margin:-23px 0 0 0; padding:0; box-sizing:border-box; background-size:cover !important;}
.dataRemovalWrap .dlsArea.removal dl._1:before {background:url('/public/images/removal/cm_removal_icon_1.png') center center no-repeat;}
.dataRemovalWrap .dlsArea.removal dl._2:before {background:url('/public/images/removal/cm_removal_icon_2.png') center center no-repeat;}
.dataRemovalWrap .dlsArea.removal dl._3:before {background:url('/public/images/removal/cm_removal_icon_3.png') center center no-repeat;}
.dataRemovalWrap .dlsArea.removal dl dt {}
.dataRemovalWrap .dlsArea.removal dl dd {min-height:12.0rem;}


.dataRemovalWrap .removalMerit {width:calc(100% + 2.0rem); position:relative; margin:0; padding:0; box-sizing:border-box; margin-left:-1.0rem;}
.dataRemovalWrap .removalMerit dl {display:inline-block; width:calc(33.33333333333333% - 4px - 2.0rem); position:relative; vertical-align:top; margin:0.75rem 1.0rem; padding:2.0rem; box-sizing:border-box; border-radius:1.5rem; border:1px solid #e7e7e7; background:#fbfbfb;}
.dataRemovalWrap .removalMerit dl dt,
.dataRemovalWrap .removalMerit dl dd {display:block; text-align:left; position:relative; margin:0; padding:0; box-sizing:border-box; font-size:1.4rem; line-height:2.0rem; font-weight:500; color:#777;}
.dataRemovalWrap .removalMerit dl dt {font-size:2.4rem; line-height:3.0rem; font-weight:700; color:#333; margin:0 auto 1.0rem;}
.dataRemovalWrap .removalMerit dl dd {min-height:60px;}

.dataRemovalWrap .removalMerit {width:100%; padding:3.0rem 3.0rem 0 3.0rem; border-radius:1.5rem; border:1px solid #e7e7e7; background:#fbfbfb;}
.dataRemovalWrap .removalMerit dl {width:calc(50% - 4px - 2.0rem); margin:0; padding:0 20px 0 30px; margin-bottom:3.0rem; border:0; background:none;}
.dataRemovalWrap .removalMerit dl:before {display:block; content:''; width:20px; height:20px; position:absolute; top:4px; left:2px; background-size:cover !important; background:url('/public/images/cm_icon_check_rect_1.png') center center no-repeat;}


.dataRemovalWrap .removalSolution {width:100%; position:relative; margin:0 auto; padding:5.0rem; box-sizing:border-box; border-radius:2.0rem; /* background:linear-gradient(135deg,#330f6a,#30c9cd); */ background:linear-gradient(135deg,#003087,#330f6a);}
.dataRemovalWrap .removalSolution .items {width:calc(100% + 2.0rem); position:relative; margin:3.0rem auto 0; padding:0; box-sizing:border-box; margin-left:-1.0rem;}
.dataRemovalWrap .removalSolution .items .item {display:inline-block; width:calc(25% - 4px - 1.0rem); position:relative; vertical-align:top; margin:0 0.5rem; padding:2.5rem 0 0 0; box-sizing:border-box;}
.dataRemovalWrap .removalSolution .items .item:before {display:block; content:''; width:100%; height:6px; position:absolute; top:0; left:0; background:#00e600;}
.dataRemovalWrap .removalSolution .items .item > * {display:block; text-align:center; position:relative; margin:0; padding:0; font-size:1.8rem; line-height:2.0rem; font-weight:500; color:#fff;}
.dataRemovalWrap .removalSolution .items .item p {font-size:3.6rem; line-height:4.0rem; font-weight:700; margin:0 auto 0.8rem;}
.dataRemovalWrap .removalSolution .items .item._1 p:after {content:'%';}
.dataRemovalWrap .removalSolution .items .item._2 p:after {content:'+';}
.dataRemovalWrap .removalSolution .items .item._3 p:after {content:'%';}
.dataRemovalWrap .removalSolution .items .item._4 p:after {content:'+';}


.dataRemovalWrap .logoArea {width:100%; position:relative; margin:0 auto; padding:0; box-sizing:border-box; overflow:hidden;}
.dataRemovalWrap .logoArea .logo {display:block; float:left; width:16.66666666666667%; height:340px; position:relative; margin:0; padding:0; box-sizing:border-box; border-top:1px solid #b2b2b2; margin-top:-1px;}
.dataRemovalWrap .logoArea .logo > div {width:100%; height:100%; position:relative; margin:0; padding:0;}
.dataRemovalWrap .logoArea .logo .disT {}
.dataRemovalWrap .logoArea .logo .disTC {text-align:center; veritcal-align:middle;}
.dataRemovalWrap .logoArea .logo img {display:block; max-width:100%; margin:0 auto 1.5rem;}
.dataRemovalWrap .logoArea .logo p {display:block; position:relative; text-align:center; margin:0 auto; padding:0; font-size:1.4rem; line-height:1.8rem; font-weight:500; color:#333;}


.dataRemovalWrap .restorationArea {width:calc(100% + 4.0rem); position:relative; margin:0 auto; padding:0; box-sizing:border-box; margin-left:-2.0rem;}
.dataRemovalWrap .restorationArea dl {display:inline-block; width:calc(25% - 4px - 4.0rem); position:relative; vertical-align:top; margin:0 2.0rem; padding:2.0rem; box-sizing:border-box; border-radius:1.0rem; border:1px solid #e7e7e7; background:#fbfbfb;}
.dataRemovalWrap .restorationArea dl:after {display:block; content:''; width:12px; height:12px; position:absolute; top:50%; right:calc(-6px + -2.2rem); margin:-6px 0 0 0; border-radius:50%; background:#c7c7c7;}
.dataRemovalWrap .restorationArea dl:last-child:after {display:none;}
.dataRemovalWrap .restorationArea dl dt,
.dataRemovalWrap .restorationArea dl dd {display:block; position:relative; margin:0; padding:0; font-size:1.5rem; line-height:2.0rem; font-weight:400; color:#454545;}
.dataRemovalWrap .restorationArea dl dt {font-size:2.4rem; line-height:3.0rem; font-weight:700; color:#333; margin:0 auto 1.0rem;}
.dataRemovalWrap .restorationArea dl dd {min-height:9.0rem;}


.dataRemovalWrap .table.removal {}
.dataRemovalWrap .table.removal tr {}
.dataRemovalWrap .table.removal tr th,
.dataRemovalWrap .table.removal tr td {padding:2.0rem 1.8rem; font-size:2.0rem; line-height:2.8rem;}
.dataRemovalWrap .table.removal tr th {font-weight:700; color:#000;}
.dataRemovalWrap .table.removal tr td {text-align:left;}


@media screen and (max-width:1280px){
	.dataRemovalWrap .removalMerit {width:calc(100% + 1.0rem); margin-left:-0.5rem;}
	.dataRemovalWrap .removalMerit dl {width:calc(33.33333333333333% - 4px - 1.0rem); margin:0.5rem 0.5rem; padding:1.5rem; border-radius:1.2rem;}
	.dataRemovalWrap .removalMerit dl dt,
	.dataRemovalWrap .removalMerit dl dd {font-size:1.4rem; line-height:2.0rem;}
	.dataRemovalWrap .removalMerit dl dt {font-size:2.4rem; line-height:3.0rem; margin:0 auto 1.0rem;}
	.dataRemovalWrap .removalMerit dl dd {min-height:60px;}
	.dataRemovalWrap .removalMerit dl {padding:0 18px 0 28px; margin-bottom:2.4rem;}
	.dataRemovalWrap .removalMerit dl:before {top:3px; left:2px;}


	.dataRemovalWrap .logoArea .logo {height:300px;}
}

@media screen and (max-width:1080px){
	.dataRemovalWrap .removalMerit {width:calc(100% + 0.8rem); margin-left:-0.4rem;}
	.dataRemovalWrap .removalMerit dl {width:calc(33.33333333333333% - 4px - 0.8rem); margin:0.4rem 0.4rem; padding:1.4rem; border-radius:1.0rem;}
	.dataRemovalWrap .removalMerit dl dt,
	.dataRemovalWrap .removalMerit dl dd {font-size:1.4rem; line-height:2.0rem;}
	.dataRemovalWrap .removalMerit dl dt {font-size:2.2rem; line-height:2.8rem; margin:0 auto 1.0rem;}
	.dataRemovalWrap .removalMerit dl dd {min-height:60px;}
	.dataRemovalWrap .removalMerit dl {padding:0 16px 0 26px; margin-bottom:2.2rem;}
	.dataRemovalWrap .removalMerit dl:before {top:3px; left:1px;}


	.dataRemovalWrap .logoArea .logo {height:280px;}
}

@media screen and (max-width:960px){
	.dataRemovalWrap .removalMerit {width:calc(100% + 0.8rem); margin-left:-0.4rem;}
	.dataRemovalWrap .removalMerit dl {width:calc(50% - 4px - 0.8rem); margin:0.4rem 0.4rem; padding:1.4rem; border-radius:1.0rem;}
	.dataRemovalWrap .removalMerit dl dt,
	.dataRemovalWrap .removalMerit dl dd {font-size:1.4rem; line-height:2.0rem;}
	.dataRemovalWrap .removalMerit dl dt {font-size:2.2rem; line-height:2.8rem; margin:0 auto 1.0rem;}
	.dataRemovalWrap .removalMerit dl dd {min-height:40px;}
	.dataRemovalWrap .removalMerit dl {padding:0 15px 0 25px; margin-bottom:2.0rem;}
	.dataRemovalWrap .removalMerit dl:before {width:18px; height:18px; top:3px; left:1px;}


	.dataRemovalWrap .removalSolution {padding:5.0rem; border-radius:2.0rem;}
	.dataRemovalWrap .removalSolution .items {width:calc(100% + 2.0rem); margin:3.0rem auto 0; margin-left:-1.0rem;}
	.dataRemovalWrap .removalSolution .items .item {width:calc(25% - 4px - 1.0rem); margin:0 0.5rem; padding:2.5rem 0 0 0;}
	.dataRemovalWrap .removalSolution .items .item:before {width:100%; height:6px;}
	.dataRemovalWrap .removalSolution .items .item > * {font-size:1.8rem; line-height:2.0rem;}
	.dataRemovalWrap .removalSolution .items .item p {font-size:3.6rem; line-height:4.0rem; margin:0 auto 0.8rem;}


	.dataRemovalWrap .logoArea {}
	.dataRemovalWrap .logoArea .logo {width:20%; height:280px;}
	.dataRemovalWrap .logoArea .logo > div {}
	.dataRemovalWrap .logoArea .logo .disT {}
	.dataRemovalWrap .logoArea .logo .disTC {}
	.dataRemovalWrap .logoArea .logo img {margin:0 auto 1.25rem;}
	.dataRemovalWrap .logoArea .logo p {font-size:1.4rem; line-height:1.8rem;}


	.dataRemovalWrap .restorationArea {width:calc(100% + 2.0rem); margin-left:-2.0rem;}
	.dataRemovalWrap .restorationArea dl {width:calc(25% - 4px - 4.0rem); margin:0 2.0rem; padding:2.0rem; border-radius:1.0rem;}
	.dataRemovalWrap .restorationArea dl:after {width:12px; height:12px; top:50%; right:calc(-6px + -2.2rem); margin:-6px 0 0 0;}
	.dataRemovalWrap .restorationArea dl:last-child:after {display:none;}
	.dataRemovalWrap .restorationArea dl dt,
	.dataRemovalWrap .restorationArea dl dd {font-size:1.5rem; line-height:2.0rem;}
	.dataRemovalWrap .restorationArea dl dt {font-size:2.4rem; line-height:3.0rem; margin:0 auto 1.0rem;}
	.dataRemovalWrap .restorationArea dl dd {min-height:12.0rem;}
}

@media screen and (max-width:768px){
	.dataRemovalWrap .dlsArea.removal dl dd {min-height:0;}

	.dataRemovalWrap .removalMerit dl dd {min-height:60px;}


	.dataRemovalWrap .removalSolution {padding:4.0rem; border-radius:1.8rem;}
	.dataRemovalWrap .removalSolution .items {width:calc(100% + 1.6rem); margin:3.0rem auto 0; margin-left:-0.8rem;}
	.dataRemovalWrap .removalSolution .items .item {width:calc(25% - 4px - 0.8rem); margin:0 0.4rem; padding:2.2rem 0 0 0;}
	.dataRemovalWrap .removalSolution .items .item:before {width:100%; height:4px;}
	.dataRemovalWrap .removalSolution .items .item > * {font-size:1.4rem; line-height:1.8rem;}
	.dataRemovalWrap .removalSolution .items .item p {font-size:3.0rem; line-height:3.4rem; margin:0 auto 0.6rem;}


	.dataRemovalWrap .logoArea {}
	.dataRemovalWrap .logoArea .logo {width:25%; height:280px;}
	.dataRemovalWrap .logoArea .logo > div {}
	.dataRemovalWrap .logoArea .logo .disT {}
	.dataRemovalWrap .logoArea .logo .disTC {}
	.dataRemovalWrap .logoArea .logo img {margin:0 auto 1.2rem;}
	.dataRemovalWrap .logoArea .logo p {font-size:1.4rem; line-height:1.8rem;}


	.dataRemovalWrap .restorationArea {width:calc(100% + 3.0rem); margin-left:-1.5rem;}
	.dataRemovalWrap .restorationArea dl {width:calc(25% - 4px - 3.0rem); margin:0 1.5rem; padding:1.5rem; border-radius:1.0rem;}
	.dataRemovalWrap .restorationArea dl:after {width:10px; height:10px; top:50%; right:calc(-5px + -2.0rem); margin:-5px 0 0 0;}
	.dataRemovalWrap .restorationArea dl:last-child:after {display:none;}
	.dataRemovalWrap .restorationArea dl dt,
	.dataRemovalWrap .restorationArea dl dd {font-size:1.4rem; line-height:1.8rem;}
	.dataRemovalWrap .restorationArea dl dt {font-size:2.2rem; line-height:2.8rem; margin:0 auto 0.8rem;}
	.dataRemovalWrap .restorationArea dl dd {min-height:12.0rem;}


	.dataRemovalWrap .table.removal {}
	.dataRemovalWrap .table.removal tr {}
	.dataRemovalWrap .table.removal tr th,
	.dataRemovalWrap .table.removal tr td {padding:1.5rem 1.2rem; font-size:1.8rem; line-height:2.6rem;}
	.dataRemovalWrap .table.removal tr th {}
	.dataRemovalWrap .table.removal tr td {}
}

@media screen and (max-width:640px){
	.dataRemovalWrap .removalMerit {width:100%; margin-left:0;}
	.dataRemovalWrap .removalMerit dl {width:100%; margin:0 auto 1.0rem; padding:1.4rem; border-radius:1.0rem;}
	.dataRemovalWrap .removalMerit dl dt,
	.dataRemovalWrap .removalMerit dl dd {font-size:1.4rem; line-height:2.0rem;}
	.dataRemovalWrap .removalMerit dl dt {font-size:2.2rem; line-height:2.8rem; margin:0 auto 1.0rem;}
	.dataRemovalWrap .removalMerit dl dd {min-height:0;}
	.dataRemovalWrap .removalMerit dl {padding:0 15px 0 25px; margin-bottom:2.0rem;}
	.dataRemovalWrap .removalMerit dl:before {width:18px; height:18px; top:3px; left:1px;}


	.dataRemovalWrap .removalSolution {padding:3.0rem; border-radius:1.5rem;}
	.dataRemovalWrap .removalSolution .items {width:calc(100% + 0.8rem); margin:2.5rem auto 0; margin-left:-0.4rem;}
	.dataRemovalWrap .removalSolution .items .item {width:calc(25% - 4px - 0.4rem); margin:0 0.2rem; padding:2.0rem 0 0 0;}
	.dataRemovalWrap .removalSolution .items .item:before {width:100%; height:3px;}
	.dataRemovalWrap .removalSolution .items .item > * {font-size:1.3rem; line-height:1.6rem;}
	.dataRemovalWrap .removalSolution .items .item p {font-size:2.6rem; line-height:3.0rem; margin:0 auto 0.5rem;}


	.dataRemovalWrap .logoArea {}
	.dataRemovalWrap .logoArea .logo {width:33.33333333333333%; height:260px;}
	.dataRemovalWrap .logoArea .logo > div {}
	.dataRemovalWrap .logoArea .logo .disT {}
	.dataRemovalWrap .logoArea .logo .disTC {}
	.dataRemovalWrap .logoArea .logo img {margin:0 auto 1.0rem;}
	.dataRemovalWrap .logoArea .logo p {font-size:1.3rem; line-height:1.6rem;}


	.dataRemovalWrap .restorationArea {width:calc(100% + 1.6rem); margin-left:-0.8rem;}
	.dataRemovalWrap .restorationArea dl {width:calc(25% - 4px - 1.6rem); margin:0 0.8rem; padding:1.2rem; border-radius:1.0rem;}
	.dataRemovalWrap .restorationArea dl:after {width:8px; height:8px; top:50%; right:calc(-4px + -1.2rem); margin:-4px 0 0 0;}
	.dataRemovalWrap .restorationArea dl:last-child:after {display:none;}
	.dataRemovalWrap .restorationArea dl dt,
	.dataRemovalWrap .restorationArea dl dd {font-size:1.3rem; line-height:1.6rem;}
	.dataRemovalWrap .restorationArea dl dt {font-size:2.0rem; line-height:2.6rem; margin:0 auto 0.6rem;}
	.dataRemovalWrap .restorationArea dl dd {min-height:10.0rem;}


	.dataRemovalWrap .table.removal {}
	.dataRemovalWrap .table.removal tr {}
	.dataRemovalWrap .table.removal tr th,
	.dataRemovalWrap .table.removal tr td {padding:1.4rem 1.0rem; font-size:1.6rem; line-height:2.4rem;}
	.dataRemovalWrap .table.removal tr th {}
	.dataRemovalWrap .table.removal tr td {}
}

@media screen and (max-width:560px){
	.dataRemovalWrap .removalSolution {padding:2.0rem; border-radius:1.25rem;}
	.dataRemovalWrap .removalSolution .items {width:calc(100% + 0.4rem); margin:2.2rem auto 0; margin-left:-0.2rem;}
	.dataRemovalWrap .removalSolution .items .item {width:calc(25% - 4px - 0.2rem); margin:0 0.1rem; padding:1.8rem 0 0 0;}
	.dataRemovalWrap .removalSolution .items .item:before {width:100%; height:3px;}
	.dataRemovalWrap .removalSolution .items .item > * {font-size:1.2rem; line-height:1.4rem;}
	.dataRemovalWrap .removalSolution .items .item p {font-size:2.2rem; line-height:2.6rem; margin:0 auto 0.4rem;}
}

@media screen and (max-width:480px){
	.dataRemovalWrap .logoArea {}
	.dataRemovalWrap .logoArea .logo {width:50%; height:240px;}
	.dataRemovalWrap .logoArea .logo > div {}
	.dataRemovalWrap .logoArea .logo .disT {}
	.dataRemovalWrap .logoArea .logo .disTC {}
	.dataRemovalWrap .logoArea .logo img {margin:0 auto 1.0rem;}
	.dataRemovalWrap .logoArea .logo p {font-size:1.3rem; line-height:1.6rem;}


	.dataRemovalWrap .restorationArea {width:100%; margin-left:0;}
	.dataRemovalWrap .restorationArea dl {width:100%; margin:0 auto 1.0em; padding:1.2rem; border-radius:1.0rem;}
	.dataRemovalWrap .restorationArea dl:last-child {margin:0 auto;}
	.dataRemovalWrap .restorationArea dl:after {width:8px; height:8px; top:calc(100% + 0.5rem); right:50%; margin:0 0 0 -4px;}
	.dataRemovalWrap .restorationArea dl:last-child:after {display:none;}
	.dataRemovalWrap .restorationArea dl dt,
	.dataRemovalWrap .restorationArea dl dd {font-size:1.3rem; line-height:1.6rem;}
	.dataRemovalWrap .restorationArea dl dt {font-size:1.8rem; line-height:2.4rem; margin:0 auto 0.5rem;}
	.dataRemovalWrap .restorationArea dl dd {min-height:0;}


	.dataRemovalWrap .table.removal {}
	.dataRemovalWrap .table.removal tr {}
	.dataRemovalWrap .table.removal tr th,
	.dataRemovalWrap .table.removal tr td {padding:1.2rem 1.0rem; font-size:1.4rem; line-height:2.2rem;}
	.dataRemovalWrap .table.removal tr th {}
	.dataRemovalWrap .table.removal tr td {}
}

@media screen and (max-width:360px){
	
}

@media screen and (max-width:320px){
	
}
/* 데이터 삭제 및 복원 설명 영역 :: E */



/* 렌탈서비스 설명 영역 :: S */
.rentalServiceWrap.con {}

.rentalServiceWrap {}


.rentalServiceWrap .dlsArea.rental {margin:3.0rem auto 0;}
.rentalServiceWrap .dlsArea.rental dl {padding-left:calc(2.6rem + 70px);}
.rentalServiceWrap .dlsArea.rental dl:before {display:block; content:''; width:48px; height:46px; position:absolute; top:50%; left:calc(2.0rem + 2px); margin:-23px 0 0 0; padding:0; box-sizing:border-box; background-size:cover !important;}
.rentalServiceWrap .dlsArea.rental dl._1:before {background:url('/public/images/rental/cm_rental_icon_1.png') center center no-repeat;}
.rentalServiceWrap .dlsArea.rental dl._2:before {background:url('/public/images/rental/cm_rental_icon_2.png') center center no-repeat;}
.rentalServiceWrap .dlsArea.rental dl._3:before {background:url('/public/images/rental/cm_rental_icon_3.png') center center no-repeat;}


.rentalServiceWrap .imgsArea.rental {width:calc(100% + 3.0rem); margin-left:-1.5rem;}
.rentalServiceWrap .imgsArea.rental .img {display:inline-block; width:calc(33.33333333333333% - 4px - 3.0rem); margin:1.5rem; padding:0; box-sizing:border-box;}
.rentalServiceWrap .imgsArea.rental .img img {display:block; width:100%;}


.rentalServiceWrap .rentalServiceSliderWrap {width:100%; position:relative; margin:6.0rem auto; padding:0; box-sizing:border-box;}
.rentalServiceSliderWrap .rentalServiceCont {width:100%; position:relative; margin:0 auto; padding:0; box-sizing:border-box;}
.rentalServiceCont .rentalServiceSlider {width:100%; max-width:960px; position:relative; margin:0 auto; padding:0; box-sizing:border-box;}
.rentalServiceSlider .swiper-slide {position:relative; width:100%; position:relative; margin:0; padding:3.0rem; box-sizing:border-box; background:#f7f7f7;}
.rentalServiceSlider .swiper-slide > div {width:100%; position:relative; margin:0; padding:0 38.0rem 0 0; box-sizing:border-box;}
.rentalServiceSlider .swiper-slide .desc {width:100%; position:relative; margin:0; padding:0 1.5rem 0 0; box-sizing:border-box; z-index:3;}
.rentalServiceSlider .swiper-slide .desc > div {width:100%; position:relative; margin:0; padding:0; box-sizing:border-box;}
.rentalServiceSlider .swiper-slide .desc ._1 {padding:3.0rem 0;}
.rentalServiceSlider .swiper-slide .desc ._2 {min-height:30.0rem; padding:3.0rem 3.0rem; background:#003087;}
.rentalServiceSlider .swiper-slide .desc p {display:block; position:relative; text-align:left; margin:0; padding:0; box-sizing:border-box; font-size:1.8rem; line-height:2.4rem; font-weight:500; color:#333;}
.rentalServiceSlider .swiper-slide .desc .t1 {font-size:3.2rem; line-height:4.0rem; font-weight:700;}
.rentalServiceSlider .swiper-slide .desc .t2 {margin:2.0rem auto 0;}
.rentalServiceSlider .swiper-slide .desc .t3 {font-size:3.2rem; line-height:4.0rem; font-weight:700; color:#fff;}
.rentalServiceSlider .swiper-slide .desc .t4 {font-size:2.0rem; line-height:3.0rem; font-weight:300; color:#fff; margin:2.0rem auto 0;}
.rentalServiceSlider .swiper-slide .bg {width:38.0rem; height:100%; position:absolute; top:0; right:0; background-size:cover !important; z-index:1;}

.rentalServiceSlider .arrows {width:60px; height:38px; position:absolute; bottom:calc(4.5rem); left:50%; margin:0 0 0 -30px; padding:0; box-sizing:border-box; overflow:hidden;}
.rentalServiceSlider .arrows .swiper-arrow {display:block; width:20px; height:38px; position:relative; top:auto; left:auto; right:auto; bottom:auto; margin:0; padding:0; float:left; background-size:cover !important;}
.rentalServiceSlider .arrows .swiper-arrow:after {display:none;}
.rentalServiceSlider .arrows .swiper-button-prev {background:url('/public/images/cm_arrow_white_1_left.png') center center no-repeat;}
.rentalServiceSlider .arrows .swiper-button-next {float:right; background:url('/public/images/cm_arrow_white_1_right.png') center center no-repeat;}


.rentalServiceWrap .rentalCountWrap {width:100%; max-width:720px; position:relative; text-align:center; margin:3.0rem auto 0; padding:0; box-sizing:border-box;}
.rentalServiceWrap .rentalCountWrap dl {display:inline-block; /* width:calc(33.33333333333333% - 4px); */ width:auto; position:relative; vertical-align:middle; margin:0; padding:0 3.0rem; box-sizing:border-box; border-right:1px solid #003087;}
.rentalServiceWrap .rentalCountWrap dl:last-child {border-right:0;}
.rentalServiceWrap .rentalCountWrap dl dt,
.rentalServiceWrap .rentalCountWrap dl dd {display:block; width:100%; position:relative; margin:0; padding:0; box-sizing:border-box; font-size:1.6rem; line-height:2.0rem; font-weight:400; color:#333;}
.rentalServiceWrap .rentalCountWrap dl dt {}
.rentalServiceWrap .rentalCountWrap dl dt span {display:inline-block; position:relative; margin:0 auto; padding:0 2.0rem; box-sizing:border-box; background:#dfdfdf; border-radius:1.0rem;}
.rentalServiceWrap .rentalCountWrap dl dd {font-size:4.6rem; line-height:4.6rem; font-weight:700; color:#003087; margin:1.0rem auto 0;}
.rentalServiceWrap .rentalCountWrap dl dd:after {font-size:1.6rem; font-weight:300; vertical-align:baseline;}
.rentalServiceWrap .rentalCountWrap dl._1 dd:after {content:' 년';}
.rentalServiceWrap .rentalCountWrap dl._2 dd:after {content:' ~만대';}
.rentalServiceWrap .rentalCountWrap dl._3 dd:after {content:' 억';}


.rentalServiceWrap .partnerLogosWrap {width:100%; position:relative; margin:0 auto 8.0rem; padding:0; box-sizing:border-box; overflow:hidden;}
.rentalServiceWrap .partnerLogosWrap .partnerLogos {width:3766px; position:relative; margin:0; padding:0; box-sizing:border-box;
transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
animation:partnerLogoFloating_1 30s linear infinite;
}
.rentalServiceWrap .partnerLogosWrap .partnerLogos img {display:block; width:100%;}

@keyframes partnerLogoFloating_1 {
    from {
		left:0;
    }
    50% {
		left:-100%;
    }
    to {
		left:0;
    }
}


.rentalServiceWrap .rentalExampleCont {width:100%; position:relative; margin:0 auto 8.0rem; padding:0; box-sizing:border-box;}
.rentalServiceWrap .rentalExampleSlider {width:100%; position:relative; margin:0 auto 8.0rem; padding:0; box-sizing:border-box;}
.rentalExampleSlider .swiper-slide {position:relative;}
.rentalExampleSlider .swiper-slide a {display:block; width:100%; position:relative; margin:0; padding:0; box-sizing:border-box;}
.rentalExampleSlider .swiper-slide a img {display:block; width:100%;}

.rentalExampleSlider .swiper-pagination {width:100%; height:6px; position:relative; top:auto; left:auto; bottom:auto; right:auto; margin:1.5rem auto 0; padding:0; box-sizing:bordre-box; background:#e0d2d1; border-radius:3px;}
.rentalExampleSlider .swiper-pagination .swiper-pagination-progressbar-fill {height:6px; background:#000; border-radius:3px;}


@media screen and (max-width:1280px){
	
}

@media screen and (max-width:1080px){
	
}

@media screen and (max-width:960px){
	.rentalServiceWrap .imgsArea.rental {width:calc(100% + 2.0rem); margin-left:-1.0rem;}
	.rentalServiceWrap .imgsArea.rental .img {width:calc(33.33333333333333% - 4px - 2.0rem); margin:1.0rem;}
}

@media screen and (max-width:820px){
	.rentalServiceCont .rentalServiceSlider {}
	.rentalServiceSlider .swiper-slide {}
	.rentalServiceSlider .swiper-slide > div {padding:0 35% 0 0;}
	.rentalServiceSlider .swiper-slide .desc {}
	.rentalServiceSlider .swiper-slide .bg {width:35%;}
}

@media screen and (max-width:768px){
	.rentalServiceWrap .imgsArea.rental {width:calc(100% + 1.0rem); margin-left:-0.5rem;}
	.rentalServiceWrap .imgsArea.rental .img {width:calc(33.33333333333333% - 4px - 1.0rem); margin:0.5rem;}
}

@media screen and (max-width:640px){
	.rentalServiceWrap .imgsArea.rental {width:calc(100% + 1.0rem); margin-left:-0.5rem;}
	.rentalServiceWrap .imgsArea.rental .img {width:calc(50% - 4px - 1.0rem); margin:0.5rem;}


	.rentalServiceCont .rentalServiceSlider {}
	.rentalServiceSlider .swiper-slide {padding:2.5rem;}
	.rentalServiceSlider .swiper-slide > div {padding:0;}
	.rentalServiceSlider .swiper-slide .desc {width:100%; margin:0 auto; padding:0; background:rgba(255,255,255,0.7);}
	.rentalServiceSlider .swiper-slide .desc p {text-align:center;}
	.rentalServiceSlider .swiper-slide .desc ._1 {padding:2.5rem 2.5rem;}
	.rentalServiceSlider .swiper-slide .desc ._2 {min-height:0; padding:2.5rem 2.5rem 5.0rem 2.5rem;}
	.rentalServiceSlider .swiper-slide .bg {width:100%; top:0; left:0; right:auto;}

	.rentalServiceSlider .arrows {width:30px; height:19px; bottom:calc(4.0rem); margin:0 0 0 -15px;}
	.rentalServiceSlider .arrows .swiper-arrow {width:10px; height:19px;}
}

@media screen and (max-width:560px){
	
}

@media screen and (max-width:480px){
	.rentalServiceWrap .imgsArea.rental {width:100%; margin-left:0;}
	.rentalServiceWrap .imgsArea.rental .img {width:100%; margin:0 auto 1.0rem;}
	.rentalServiceWrap .imgsArea.rental .img:last-child {margin:0 auto;}


	.rentalServiceWrap .rentalCountWrap {}
	.rentalServiceWrap .rentalCountWrap dl {padding:0 1.5rem;}
	.rentalServiceWrap .rentalCountWrap dl:last-child {border-right:0;}
	.rentalServiceWrap .rentalCountWrap dl dt,
	.rentalServiceWrap .rentalCountWrap dl dd {font-size:1.2rem; line-height:2.0rem;}
	.rentalServiceWrap .rentalCountWrap dl dt {}
	.rentalServiceWrap .rentalCountWrap dl dt span {padding:0 1.5rem; border-radius:1.0rem;}
	.rentalServiceWrap .rentalCountWrap dl dd {font-size:2.8rem; line-height:2.8rem; margin:0.8rem auto 0;}
	.rentalServiceWrap .rentalCountWrap dl dd:after {font-size:1.2rem;}
}

@media screen and (max-width:360px){
	
}

@media screen and (max-width:320px){
	
}
/* 렌탈서비스 설명 영역 :: E */



/* IT자산 매입 설명 영역 :: S */
.itPurchaseWrap.con {}

.itPurchaseWrap.con .titleArea {}


.itPurchaseWrap.con .dlsArea.purchase {}
.itPurchaseWrap.con .dlsArea.purchase dl {}
.itPurchaseWrap.con .dlsArea.purchase dl dt,
.itPurchaseWrap.con .dlsArea.purchase dl dd {}
.itPurchaseWrap.con .dlsArea.purchase dl dd {min-height:7.2rem;}


.itPurchaseWrap.con .keywordsArea {width:calc(100% + 2.0rem); position:relative; margin:0 auto; padding:0; box-sizing:border-box; margin-left:-1.0rem;}
.itPurchaseWrap.con .keywordsArea .keyword {display:inline-block; width:calc(50% - 4px - 2.0rem); height:240px; position:relative; vertical-align:middle; margin:1.0rem; padding:0; box-sizing:border-box; border-radius:1.5rem; border:1px solid #e7e7e7; background:#fbfbfb;}
.itPurchaseWrap.con .keywordsArea .keyword > div {width:100%; height:100%; position:relative; margin:0; padding:0; box-sizing:border-box;}
.itPurchaseWrap.con .keywordsArea .keyword .disT {}
.itPurchaseWrap.con .keywordsArea .keyword .disTC {text-align:center; vertical-align:middle; padding:1.0rem 1.0rem; box-sizing:border-box;}
.itPurchaseWrap.con .keywordsArea .keyword .txts {display:inline-block; width:calc(33.33333333333333% - 4px); vertical-align:middle; position:relative; margin:0; padding:0 0.8rem 0 3.0rem; box-sizing:border-box;}
.itPurchaseWrap.con .keywordsArea .keyword .txts._1 {border-right:1px solid #e3e3e3;}
.itPurchaseWrap.con .keywordsArea .keyword .txts._2 {}
.itPurchaseWrap.con .keywordsArea .keyword .txts._2 p:nth-child(2) {min-height:4.0rem;}
.itPurchaseWrap.con .keywordsArea .keyword .txts._2:last-child p:nth-child(2) {min-height:6.0rem;}
.itPurchaseWrap.con .keywordsArea .keyword .txts p {display:block; text-align:left; position:relative; margin:0; padding:0; box-sizing:border-box; font-size:1.4rem; line-height:2.0rem; font-weight:400; color:#454545;}
.itPurchaseWrap.con .keywordsArea .keyword .txts ._t0 {font-weight:700;}
.itPurchaseWrap.con .keywordsArea .keyword .txts ._t1 {font-size:2.4rem; line-height:3.0rem; font-weight:600; color:#333; margin:0 auto 0.8rem;}
.itPurchaseWrap.con .keywordsArea .keyword .txts ._tit {font-size:3.2rem; line-height:3.6rem; font-weight:700; color:#000; margin:0.8rem auto;}
.itPurchaseWrap.con .keywordsArea .keyword._4 {border:0; background-size:cover !important; background:url('/public/images/purchase/cm_purchase_img_1.jpg') center center no-repeat;}

.itPurchaseWrap.con .keywordsArea {width:calc(100% + 3.0rem); margin-left:-1.5rem;}
.itPurchaseWrap.con .keywordsArea .keyword {width:calc(33.33333333333333% - 4px - 3.0rem); height:auto; margin:0 1.5rem; vertical-align:top;}
.itPurchaseWrap.con .keywordsArea .keyword:last-child {display:none;}
.itPurchaseWrap.con .keywordsArea .keyword .disTC {padding:2.0rem 2.0rem;}
.itPurchaseWrap.con .keywordsArea .keyword .txts {display:block; width:100%; margin:0 auto 2.0rem; padding:0;}
.itPurchaseWrap.con .keywordsArea .keyword .txts:last-child {margin:0 auto;}
.itPurchaseWrap.con .keywordsArea .keyword .txts._1 {padding:0 0 2.0rem 0; border-right:0; border-bottom:1px solid #e3e3e3;}


@media screen and (max-width:1280px){
	
}

@media screen and (max-width:1080px){
	
}

@media screen and (max-width:960px){
	.itPurchaseWrap.con .keywordsArea {width:calc(100% + 1.0rem); margin-left:-0.5rem;}
	.itPurchaseWrap.con .keywordsArea .keyword {width:calc(50% - 4px - 1.0rem); height:240px; margin:0.5rem; border-radius:1.2rem;}
	.itPurchaseWrap.con .keywordsArea .keyword > div {}
	.itPurchaseWrap.con .keywordsArea .keyword .disT {}
	.itPurchaseWrap.con .keywordsArea .keyword .disTC {padding:0.8rem 0.8rem;}
	.itPurchaseWrap.con .keywordsArea .keyword .txts {width:calc(33.33333333333333% - 4px); padding:0 0.6rem 0 2.5rem;}
	.itPurchaseWrap.con .keywordsArea .keyword .txts._1 {}
	.itPurchaseWrap.con .keywordsArea .keyword .txts._2 {}
	.itPurchaseWrap.con .keywordsArea .keyword .txts._2 p:nth-child(2) {min-height:4.0rem;}
	.itPurchaseWrap.con .keywordsArea .keyword .txts._2:last-child p:nth-child(2) {min-height:6.0rem;}
	.itPurchaseWrap.con .keywordsArea .keyword .txts p {font-size:1.4rem; line-height:2.0rem;}
	.itPurchaseWrap.con .keywordsArea .keyword .txts ._t0 {font-weight:700;}
	.itPurchaseWrap.con .keywordsArea .keyword .txts ._t1 {font-size:2.2rem; line-height:2.8rem; margin:0 auto 0.6rem;}
	.itPurchaseWrap.con .keywordsArea .keyword .txts ._tit {font-size:3.0rem; line-height:3.4rem; margin:0.6rem auto;}
	.itPurchaseWrap.con .keywordsArea .keyword._4 {}


	.itPurchaseWrap.con .keywordsArea {width:calc(100% + 2.0rem); margin-left:-1.0rem;}
	.itPurchaseWrap.con .keywordsArea .keyword {width:calc(33.33333333333333% - 4px - 2.0rem); height:auto; margin:0 1.0rem;}
	.itPurchaseWrap.con .keywordsArea .keyword:last-child {display:none;}
	.itPurchaseWrap.con .keywordsArea .keyword .disTC {padding:1.8rem 1.8rem;}
	.itPurchaseWrap.con .keywordsArea .keyword .txts {width:100%; margin:0 auto 1.5rem; padding:0;}
	.itPurchaseWrap.con .keywordsArea .keyword .txts:last-child {margin:0 auto;}
	.itPurchaseWrap.con .keywordsArea .keyword .txts._1 {padding:0 0 1.5rem 0; border-right:0; border-bottom:1px solid #e3e3e3;}
}

@media screen and (max-width:768px){
	.itPurchaseWrap.con .dlsArea.purchase dl dd {min-height:0;}


	.itPurchaseWrap.con .keywordsArea {width:100%; margin-left:0;}
	.itPurchaseWrap.con .keywordsArea .keyword {width:100%; height:160px; margin:0 auto 1.0rem; border-radius:1.0rem;}
	.itPurchaseWrap.con .keywordsArea .keyword > div {}
	.itPurchaseWrap.con .keywordsArea .keyword .disT {}
	.itPurchaseWrap.con .keywordsArea .keyword .disTC {padding:0.6rem 0.6rem;}
	.itPurchaseWrap.con .keywordsArea .keyword .txts {width:calc(33.33333333333333% - 4px); padding:0 0.5rem 0 2.0rem;}
	.itPurchaseWrap.con .keywordsArea .keyword .txts._1 {}
	.itPurchaseWrap.con .keywordsArea .keyword .txts._2 {}
	.itPurchaseWrap.con .keywordsArea .keyword .txts._2 p:nth-child(2) {min-height:3.6rem;}
	.itPurchaseWrap.con .keywordsArea .keyword .txts._2:last-child p:nth-child(2) {min-height:5.4rem;}
	.itPurchaseWrap.con .keywordsArea .keyword .txts p {font-size:1.3rem; line-height:1.8rem;}
	.itPurchaseWrap.con .keywordsArea .keyword .txts ._t0 {font-weight:700;}
	.itPurchaseWrap.con .keywordsArea .keyword .txts ._t1 {font-size:2.0rem; line-height:2.6rem; margin:0 auto 0.5rem;}
	.itPurchaseWrap.con .keywordsArea .keyword .txts ._tit {font-size:2.8rem; line-height:3.2rem; margin:0.5rem auto;}
	.itPurchaseWrap.con .keywordsArea .keyword._4 {}


	.itPurchaseWrap.con .keywordsArea {width:calc(100% + 1.6rem); margin-left:-0.8rem;}
	.itPurchaseWrap.con .keywordsArea .keyword {width:calc(33.33333333333333% - 4px - 1.6rem); height:auto; margin:0 0.8rem;}
	.itPurchaseWrap.con .keywordsArea .keyword:last-child {display:none;}
	.itPurchaseWrap.con .keywordsArea .keyword .disTC {padding:1.6rem 1.6rem;}
	.itPurchaseWrap.con .keywordsArea .keyword .txts {width:100%; margin:0 auto 1.2rem; padding:0;}
	.itPurchaseWrap.con .keywordsArea .keyword .txts:last-child {margin:0 auto;}
	.itPurchaseWrap.con .keywordsArea .keyword .txts._1 {padding:0 0 1.2rem 0; border-right:0; border-bottom:1px solid #e3e3e3;}
}

@media screen and (max-width:640px){
	.itPurchaseWrap.con .keywordsArea {width:100%; margin-left:0;}
	.itPurchaseWrap.con .keywordsArea .keyword {display:block; width:100%; height:auto; margin:0 auto 1.2rem;}
	.itPurchaseWrap.con .keywordsArea .keyword:last-child {display:none;}
	.itPurchaseWrap.con .keywordsArea .keyword .disTC {padding:1.6rem 1.6rem;}
	.itPurchaseWrap.con .keywordsArea .keyword .txts {width:100%; margin:0 auto 1.2rem; padding:0;}
	.itPurchaseWrap.con .keywordsArea .keyword .txts:last-child {margin:0 auto;}
	.itPurchaseWrap.con .keywordsArea .keyword .txts._1 {padding:0 0 1.2rem 0; border-right:0; border-bottom:1px solid #e3e3e3;}
	.itPurchaseWrap.con .keywordsArea .keyword .txts._2 {}
	.itPurchaseWrap.con .keywordsArea .keyword .txts._2 p:nth-child(2) {min-height:0;}
	.itPurchaseWrap.con .keywordsArea .keyword .txts._2:last-child p:nth-child(2) {min-height:0;}
}

@media screen and (max-width:560px){
	.itPurchaseWrap.con .keywordsArea .keyword .disTC {padding:1.4rem 1.4rem;}
	.itPurchaseWrap.con .keywordsArea .keyword .txts {width:calc(33.33333333333333% - 4px); padding:0;}
	.itPurchaseWrap.con .keywordsArea .keyword .txts._1 {}
	.itPurchaseWrap.con .keywordsArea .keyword .txts p {}
	.itPurchaseWrap.con .keywordsArea .keyword .txts ._t0 {font-weight:700;}
	.itPurchaseWrap.con .keywordsArea .keyword .txts ._t1 {margin:0 auto 0.4rem;}
	.itPurchaseWrap.con .keywordsArea .keyword .txts ._tit {margin:0.4rem auto;}
	.itPurchaseWrap.con .keywordsArea .keyword._4 {}


	.itPurchaseWrap.con .keywordsArea .keyword .txts {width:100%;}
}

@media screen and (max-width:480px){
	.itPurchaseWrap.con .keywordsArea .keyword {height:auto;}
	.itPurchaseWrap.con .keywordsArea .keyword .disTC {padding:1.6rem 1.6rem;}
	.itPurchaseWrap.con .keywordsArea .keyword .txts {width:100%; margin:0 auto 1.2rem; padding:0;}
	.itPurchaseWrap.con .keywordsArea .keyword .txts:last-child {margin:0 auto;}
	.itPurchaseWrap.con .keywordsArea .keyword .txts._1 {border-right:0; border-bottom:1px solid #e3e3e3; padding:0 0 1.2rem 0;}
	.itPurchaseWrap.con .keywordsArea .keyword .txts p {}
	.itPurchaseWrap.con .keywordsArea .keyword .txts ._t0 {font-weight:700;}
	.itPurchaseWrap.con .keywordsArea .keyword .txts ._t1 {margin:0 auto 0.4rem;}
	.itPurchaseWrap.con .keywordsArea .keyword .txts ._tit {margin:0.4rem auto;}
	.itPurchaseWrap.con .keywordsArea .keyword._4 {height:200px;}
}

@media screen and (max-width:360px){
	
}

@media screen and (max-width:320px){
	
}
/* IT자산 매입 설명 영역 :: E */