@CHARSET "UTF-8";
body{overscroll-behavior-y: contain;}
#subContainer{position:relative;z-index:10;}
#subContainer.fixed{position:fixed;top:0;left:0;width:100%;z-index:9997}
#subContainer > .title-section{background:#fff;}
#subContainer > .title-section > .inner-section{padding:110px 20px 34px;}
#subContainer > .title-section h2{font-size:30px;font-weight:900;}
#subContainer > .title-section .path-nav{display:none}
@media all and (min-width:768px) {
	#subContainer > .title-section > .inner-section{position:relative;width:1420px;padding:220px 0 60px;margin:0 auto;box-sizing:border-box;}
	#subContainer > .title-section h2{font-size:60px;}
	#subContainer > .title-section .path-nav{display:block;position:absolute;right:0;bottom:45px;text-align:right;}
	#subContainer > .title-section .path-nav li{position:relative;display:inline-block;padding-right:20px;margin-right:10px;font-size:16px;color:#b3b3b3;vertical-align:top;}
	#subContainer > .title-section .path-nav li:after{position:absolute;right:0;top:4px;content:"";display:block;width:7px;height:10px;background:url(/resources/img/common/icon_pathnav.png) no-repeat right center;}
	#subContainer > .title-section .path-nav li:last-child{font-weight:700;padding-right:0;}
	#subContainer > .title-section .path-nav li:last-child:after{display:none;}
}

#fixedBg{position:absolute;left:0;top:174px;width:100%;height:280px;background:no-repeat center center;background-size:cover;z-index:1}
#fixedBg.vision{background-image:url(/resources/img/page/main_section2_bg.jpg)}
#fixedBg.group01{background-image:url(/resources/img/page/group_0201.jpg)}
#fixedBg.group02{background-image:url(/resources/img/page/group_0202.jpg)}
#fixedBg.group03{background-image:url(/resources/img/page/group_0203.jpg)}
#fixedBg.group04{background-image:url(/resources/img/page/group_0204.jpg)}
#fixedBg.group05{background-image:url(/resources/img/page/group_0205.jpg)}
#fixedBg.group06{background-image:url(/resources/img/page/group_0206.jpg)}
#fixedBg.group07{background-image:url(/resources/img/page/group_0207.jpg)}
#fixedBg.group08{background-image:url(/resources/img/page/group_0208.jpg)}
#fixedBg.group09{background-image:url(/resources/img/page/group_0209.jpg)}
#fixedBg.group10{background-image:url(/resources/img/page/group_0210.jpg)}
#fixedBg.group11{background-image:url(/resources/img/page/group_0211.jpg)}
#fixedBg.group12{background-image:url(/resources/img/page/group_0212.jpg)}
#fixedBg.promote{background-image:url(/resources/img/page/promote01.jpg)}
#fixedBg.recruit{background-image:url(/resources/img/page/recruit01.jpg)}
@media all and (min-width:768px) {
	#fixedBg{position:fixed;top:0;height:100vh;background-size:cover}
}
/*******VISION*********/
.vision-section .top-section{width:100%;background:no-repeat center center;background-size:cover;background-attachment:fixed}
.vision-section .top-section > .inner-section{height:280px;padding:60px 20px 0;box-sizing:border-box;}
.vision-section .top-section .main-text{font-size:48px;line-height:55px;color:#fff;font-weight:900;letter-spacing:1px}
.vision-section .top-section .box-section{padding:45px 20px;background:#fff;}
.vision-section .top-section dl dt{margin-bottom:25px;font-size:20px;font-weight:700;}
.vision-section .top-section dl dd{font-size:17px;line-height:26px;}
.vision-section h3{margin-bottom:30px;font-size:25px;font-weight:900;}
.vision-section .mission-section{padding:95px 20px;background:#fff}
.vision-section .mission-section .vision-list ul{border-bottom:1px solid #000;}
.vision-section .mission-section .vision-list li{padding:35px 0 45px;border-top:3px solid #000;}
.vision-section .mission-section .vision-list dl dt{padding:0 15px;margin-bottom:35px;font-size:20px;font-weight:700;}
.vision-section .mission-section .vision-list dl dd{padding:15px;font-size:15px;line-height:23px;background:#f4f4f4;}
.vision-section .block-section{padding:95px 20px;background:#fff}
.vision-section .block-section.bg{background:#f4f4f4}
.vision-section .block-section p{margin-bottom:30px;font-size:17px;line-height:26px;}
.vision-section .block-section .img-wrap{text-align:center;}
.vision-section .block-section .img-wrap img{max-width:100%;}
.vision-section .block-section .detail-info .info-list{border-top:3px solid #000;}
.vision-section .block-section .detail-info .info-list li{padding:25px 0;border-bottom:1px solid #000}
.vision-section .block-section .detail-info .info-list dt{margin-bottom:20px;font-size:15px;line-height:18px;font-weight:700;}
.vision-section .block-section .detail-info .info-list dt em{font-size:20px;line-height:20px;}
.vision-section .block-section .detail-info .info-list dd{font-size:15px;line-height:23px;}
.vision-section .block-section .detail-info .info-list dd p{margin-bottom:15px;font-weight:700}

.vision-section .mission-section .vision-list dl .pc_br{display: none;}
@media all and (min-width:768px) {
	.vision-section .top-section{position:relative;}
	.vision-section .top-section > .inner-section{width:1420px;height:540px;margin:0 auto;padding:80px 0;}
	.vision-section .top-section .main-text{font-size:100px;line-height:110px;}
	.vision-section .top-section .box-section{position:absolute;top:345px;left:50%;margin-left:-235px;width:calc(50% + 235px);padding:70px 80px;box-sizing:border-box;}
	.vision-section .top-section dl{width:870px;}
	.vision-section .top-section dl dt{margin-bottom:35px;font-size:30px;}
	.vision-section .top-section dl dd{font-size:24px;line-height:38px;}
	.vision-section h3{margin-bottom:70px;font-size:40px;}
	.vision-section .mission-section{padding:225px 0 150px;}
	.vision-section .mission-section > .inner-section{width:1420px;margin:0 auto;}
	.vision-section .mission-section .vision-list ul{border:0}
	.vision-section .mission-section .vision-list ul:after{content:"";clear:both;display:block}
	.vision-section .mission-section .vision-list li{float:left;width:310px;margin-right:60px;padding: 40px 0 50px 0;border-bottom:1px solid #000}
	.vision-section .mission-section .vision-list li:last-child{width:310px;margin-right:0}
	.vision-section .mission-section .vision-list dl dt{margin-bottom:40px;padding:0 37px;font-size:27px; height: 60px; word-break: break-all;}
	.vision-section .mission-section .vision-list dl dd{height:450px;padding:30px 37px;font-size:18px;line-height:30px;box-sizing:border-box;text-align:left;}
	.vision-section .block-section{padding:0;}
	.vision-section .block-section > .inner-section{width:1420px;padding:200px 0 150px;margin:0 auto;}
	.vision-section .block-section > .inner-section:after{content:"";clear:both;display:block}
	.vision-section .block-section.bg > .inner-section{padding:170px 0 200px}
	.vision-section .block-section.pt0 > .inner-section{padding-top:0;}
	.vision-section .block-section h3{float:left;width:550px;}
	.vision-section .block-section .right-section{float:right;width:870px;}
	.vision-section .block-section p{margin-bottom:70px;font-size:24px;line-height:38px;}
	.vision-section .block-section .img-wrap{text-align:left;}
	.vision-section .block-section .detail-info .info-list li{padding:40px 0;}
	.vision-section .block-section .detail-info .info-list dl{width:100%;display:table;table-layout:fixed;border-collapse:collapse;}
	.vision-section .block-section .detail-info .info-list dt{display:table-cell;width:235px;line-height:32px;vertical-align:top;margin:0;font-size:20px;}
	.vision-section .block-section .detail-info .info-list dt em{font-size:30px;}
	.vision-section .block-section .detail-info .info-list dd{display:table-cell;line-height:32px;vertical-align:top;font-size:20px;}
	.vision-section .block-section .detail-info .info-list dd p{font-size:20px;}
	.vision-section .mission-section .vision-list dl .pc_br{display: block;}
}


/******CEO********/
.ceo-section{background:url(/resources/img/page/hansol_ceo.jpg) no-repeat center top;background-size:auto 275px;}
.ceo-section > .inner-section{padding:0 20px;}
.ceo-section h3{width:189px;height:275px;padding-top:45px;font-size:20px;line-height:29px;font-weight:900;color:#fff;box-sizing:border-box;}
.ceo-section .text-box > .inner-section{padding:45px 20px;}
.ceo-section .text-box .text{margin-bottom:35px;font-size:17px;line-height:26px;}
.ceo-section .text-box .sign{padding-top:15px;font-size:17px;font-weight:700;background:url(/resources/img/page/hansol_ceo_sign.png) no-repeat 170px center;background-size:contain}
@media all and (min-width:768px) {
	.ceo-section{background-size:100% auto}
	.ceo-section > .inner-section{width:1420px;margin:0 auto;padding:0;}
	.ceo-section h3{width:710px;height:400px;padding-top:120px;font-size:40px;line-height:58px;}
	.ceo-section h3 i{display:block}
	.ceo-section .text-box{width:calc(50% + 30px);background:#fff;}
	.ceo-section .text-box:after{content:"";clear:both;display:block}
	.ceo-section .text-box > .inner-section{float:right;width:740px;padding:70px 70px 0 0;box-sizing:border-box;}
	.ceo-section .text-box .text{margin-bottom:70px;font-size:24px;line-height:38px;}
	.ceo-section .text-box .sign{padding-top:25px;font-size:24px;background-position:240px center}
}

/****** HISTORY *******/
.history-section .top-section > .inner-section{padding:0 20px 45px}
.history-section .top-section h3{font-size:20px;line-height:31px;font-weight:700;}
.history-section .history-title{backgroud:no-repeat center center;background-size:cover;}
.history-section .history-title > .inner-section{height:200px;padding:55px 20px 0;box-sizing:border-box;}
.history-section .history-title .year{margin-bottom:25px;font-size:48px;font-weight:900;color:#fff;letter-spacing:4px;}
.history-section .history-title .year em{letter-spacing:0;}
.history-section .history-title .title{font-size:20px;font-weight:700;color:#fff;}
.history-section .history-list > .inner-section{padding:40px 20px 95px;}
.history-section .history-list .date-list li{position:relative;min-height:25px;margin-bottom:40px;overflow:hidden}
.history-section .history-list .date-list li.line2{min-height:50px;}
.history-section .history-list .date-list li.line3{min-height:75px;}
.history-section .history-list .date-list li:last-child{margin:0}
.history-section .history-list .date-list dl{position:absolute;left:0;top:100%;width:100%;display:table;table-layout:fiexd;border-collapse:collapse;opacity:0;transition:all 0.5s ease;}
.history-section .history-list .date-list li.active dl{top:0;opacity:1}
.history-section .history-list .date-list dl dt{display:table-cell;width:95px;font-size:18px;line-height:25px;font-weight:900;vertical-align:top}
.history-section .history-list .date-list dl dd{display:table-cell;font-size:15px;line-height:25px;vertical-align:top}
.history-section .history-list .img-section{display:none;}
#historySection1 .history-title{background-image:url(/resources/img/page/hansol_history01.jpg)}
#historySection2 .history-title{background-image:url(/resources/img/page/hansol_history02.jpg)}
#historySection3 .history-title{background-image:url(/resources/img/page/hansol_history03.jpg)}
@media all and (min-width:768px) {
	.history-section .top-section > .inner-section{width:1420px;height:320px;padding:0;margin:0 auto;}
	.history-section .top-section h3{font-size:30px;line-height:50px;}
	.history-section .top-section h3 i{display:block}
	.history-section .history-title > .inner-section{width:1420px;height:400px;margin:0 auto;padding:110px 0 0;}
	.history-section .history-title .year{margin-bottom:50px;font-size:100px;letter-spacing:10px}
	.history-section .history-title .title{font-size:40px;}
	.history-section .history-list{position:relative;padding:110px 0 400px;}
	.history-section .history-list.pb0{padding-bottom:0}
	.history-section .history-list:after{content:"";clear:both;display:block;}
	.history-section .history-list > .inner-section{float:left;width:50%;box-sizing:border-box;}
	.history-section .history-list > .inner-section:after{content:"";clear:both;display:block;}
	.history-section .history-list .date-list{float:right;width:710px;}
	.history-section .history-list .date-list li{min-height:40px;margin-bottom:90px;}
	.history-section .history-list .date-list li.line2,
	.history-section .history-list .date-list li.line3{min-height:40px;}
	.history-section .history-list .date-list li.block{min-height:120px;}	
	.history-section .history-list .date-list dl dt{width:135px;font-size:24px;line-height:40px;}
	.history-section .history-list .date-list dl dd{font-size:20px;line-height:40px;}
	.history-section .history-list .img-section{display:block;position:relative;overflow:hidden;}
	.history-section .history-list .img-section .img-list{width:100%;}
	.history-section .history-list .img-section .img-list li{position:absolute;opacity:0;transform:translate(0,100px);transition:all 0.5s ease;}
	.history-section .history-list .img-section .img-list li.active{opacity:1;transform:translate(0,0)}
	.history-section .history-list .img-section .img-list li.img0101{top:100px;left:0;}
	.history-section .history-list .img-section .img-list li.img0102{top:250px;left:400px;}
	.history-section .history-list .img-section .img-list li.img0103{top:710px;left:0;}
	.history-section .history-list .img-section .img-list li.img0104{top:950px;left:380px;}
	.history-section .history-list .img-section .img-list li.img0201{top:100px;left:185px;}
	.history-section .history-list .img-section .img-list li.img0202{top:570px;left:0;}
	.history-section .history-list .img-section .img-list li.img0203{top:880px;left:360px;}
	.history-section .history-list .img-section .img-list li.img0204{top:1285px;left:0;}
	.history-section .history-list .img-section .img-list li.img0205{top:1640px;left:80px;}
	.history-section .history-list .img-section .img-list li.img0206{top:1800px;left:540px;}
	.history-section .history-list .img-section .img-list li.img0301{top:100px;left:370px;z-index:1}
	.history-section .history-list .img-section .img-list li.img0302{top:150px;left:0;}
	.history-section .history-list .img-section .img-list li.img0303{top:555px;left:575px;}
	.history-section .history-list .img-section .img-list li.img0304{top:860px;left:0;}
	.history-section .history-list .img-section .img-list li.img0305{top:1190px;left:575px;}
	.history-section .history-list .img-section .img-list li.img0306{top:1395px;left:0;}
	.history-section .history-list .img-section .img-list li.img0307{top:1855px;left:320px;}
	.history-section .history-list .img-section .img-list li.img0308{top:2290px;left:0;}
	.history-section .history-list .img-section .img-list li.img0309{top:2880px;left:410px;}
	.history-section .history-list .img-section .img-list li.img0310{top:3470px;left:0;}
	#historySection1 .img-section{height:1300px;}
	#historySection2 .img-section{height:2130px;}
	#historySection3 .img-section{height:3840px;}
}


/****** CI ********/
.ci-section h3{margin-bottom:33px;padding:0 20px;font-size:25px;font-weight:900}
.ci-section .block-section{margin-bottom:100px;}
.ci-section .block-section .right-block{margin-bottom:35px;padding-left:20px;}
.ci-section .block-section .right-block > .inner-section{background:#f4f4f4;}
.ci-section .block-section .right-block .img-wrap{height:265px;padding-right:20px;text-align:center;vertical-align:middle;box-sizing:border-box;}
.ci-section .block-section .right-block .img-wrap.ci01{padding-top:110px;}
.ci-section .block-section .right-block .img-wrap.ci02{padding-top:80px;}
.ci-section .block-section .right-block .img-wrap img{max-width:230px;vertical-align:middle;}
.ci-section .block-section .left-block{padding:0 20px;}
.ci-section .block-section .left-block .text{font-size:17px;line-height:26px;}
.ci-section .block-section .left-block dl{padding-top:30px;}
.ci-section .block-section .left-block dl dt{margin-bottom:10px;font-size:15px;font-weight:700;}
.ci-section .block-section .left-block dl dd{font-size:15px;line-height:23px;}
.ci-section .block-section .left-block .down-list{padding-top:25px;}
.ci-section .down-list li{margin-bottom:10px;}
.ci-section .down-list li:last-child{margin-bottom:0;}
.ci-section .down-list .btn-download{display:block;width:100%;height:30px;padding:0;line-height:30px;text-align:left;font-size:15px;color:#000;font-weight:700;;background:url(/resources/img/common/icon_download_black.png) no-repeat right center transparent;background-size:20px 17px;border:0;border-bottom:1px solid #000;}
.ci-section .group-ci .ci-list{padding:0 20px;}
.ci-section .group-ci .ci-list > ul:after{content:"";clear:both;display:block}
.ci-section .group-ci .ci-list > ul > li{float:left;width:calc(50% - 12.5px);margin-right:25px;margin-bottom:45px}
.ci-section .group-ci .ci-list > ul > li:nth-child(even){margin-right:0;}
.ci-section .group-ci .ci-list dl dt{margin-bottom:15px;padding:30px 0;text-align:center;background:#f4f4f4;}
.ci-section .group-ci .ci-list dl dt img{width:90px;}
@media all and (min-width:768px) {
	.ci-section h3{width:1420px;margin:0 auto 60px;padding:0;padding-top:40px;font-size:40px;line-height:38px;}
	.ci-section .block-section{margin-bottom:160px;}
	.ci-section .block-section:after,
	.ci-section .block-section .right-block > .inner-section:after,
	.ci-section .block-section .left-block:after{content:"";clear:both;display:block}
	.ci-section .block-section .right-block{float:right;width:50%;height:480px;margin:0;padding:0;padding-left:30px;box-sizing:border-box;}
	.ci-section .block-section .left-block{float:left;width:50%;height:480px;padding:0;padding-right:30px;box-sizing:border-box;}
	.ci-section .block-section .left-block > .inner-section{float:right;position:relative;width:680px;height:100%;}
	.ci-section .block-section .right-block > .inner-section{height:100%;background:#f4f4f4;}
	.ci-section .block-section .right-block .img-wrap{float:left;width:680px;height:100%;padding-right:0;text-align:right;}
	.ci-section .block-section .right-block .img-wrap.ci01{padding-top:180px;}
	.ci-section .block-section .right-block .img-wrap.ci02{padding-top:125px;}
	.ci-section .block-section .right-block .img-wrap img{max-width:540px;}
	.ci-section .block-section .left-block .text{font-size:24px;line-height:38px;}
	.ci-section .block-section .left-block dl{padding-top:40px;}
	.ci-section .block-section .left-block dl dt{fotn-size:18px;}
	.ci-section .block-section .left-block dl dd{fotn-size:18px;line-height:30px;}
	.ci-section .block-section .left-block .down-list{position:absolute;left:0;bottom:0;width:100%;}
	.ci-section .block-section .left-block .down-list ul:after{content:"";clear:both;display:block}
	.ci-section .block-section .left-block .down-list li{float:left;width:310px;margin:0;}
	.ci-section .block-section .left-block .down-list li:first-child{margin-right:60px;}
	.ci-section .down-list .btn-download{width:100%;height:54px;line-height:54px;font-size:18px;background-size:30px 26px;}
	.ci-section .group-ci .ci-list{width:1420px;margin:0 auto;padding:0}
	.ci-section .group-ci .ci-list > ul > li{width:310px;margin-right:60px;margin-bottom:80px;}
	.ci-section .group-ci .ci-list > ul > li:nth-child(even){margin-right:60px;}
	.ci-section .group-ci .ci-list > ul > li:nth-child(4n+0){margin-right:0;}
	.ci-section .group-ci .ci-list dl dt{margin-bottom:30px;padding:65px 0;}
	.ci-section .group-ci .ci-list dl dt img{width:auto;}
}



/******NETWORK********/
.network-section .tab-section{padding:0 20px;margin-bottom:35px;border-bottom:1px solid #cdcdcd}
.network-section .tab-section ul{margin-bottom:-1px}
.network-section .tab-section ul:after{content:"";clear:both;display:block}
.network-section .tab-section ul li{float:left;width:50%;}
.network-section .tab-section ul li a{display:block;height:61px;line-height:58px;text-align:center;font-size:20px;color:#b3b3b3;box-sizing:border-box;}
.network-section .tab-section ul li.active a{color:#000;font-weight:700;border-bottom:3px solid #000;}
.network-section .map-section h3{padding:0 20px;margin-bottom:30px;font-size:25px;font-weight:900;}
.network-section .map-section .block-section{margin-bottom:50px;}
.network-section .map-section .contact p{position:relative;margin-bottom:17px;padding-left:25px;font-size:17px;line-height:25px;}
.network-section .map-section .contact p i{font-weight:400}
.network-section .map-section .contact p:last-child{margin-bottom:0;}
.network-section .map-section .contact p:before{position:absolute;left:0;top:0;line-height:25px;font-weight:700;}
.network-section .map-section .contact p.addressM:before,
.network-section .map-section .contact p.address:before{content:"A";}
.network-section .map-section .contact p.tel:before{content:"T";}
.network-section .map-section .contact p.fax:before{content:"F";}
.network-section .map-section .branch-list{padding:0 20px;}
.network-section .map-section .branch-list ul{border-top:3px solid #000}
.network-section .map-section .branch-list li{border-bottom:1px solid #000}
.network-section .map-section .branch-list dl{padding-top:20px}
.network-section .map-section .branch-list dl dt{margin-bottom:20px;font-size:15px;font-weight:700}
.network-section .map-section .branch-list dl dd{padding-bottom:15px;}
.network-section .map-section .branch-list dl dd.contact p{font-size:15px;line-height:25px;}
.network-section .map-section .branch-list dl dd .btn-map{display:block;width:100%;margin-top:15px;padding:0 20px;height:50px;line-height:50px;font-size:15px;font-weight:700;text-align:left;background:url(/resources/img/common/icon_gnb_menu.png) no-repeat right 15px center #f0f0f0;background-size:18px auto;border:0;box-sizing:border-box}
.network-section .map-section .branch-list li .branch-map{display:none}
.network-section .map-section .branch-list li.open .branch-map{display:block}
.network-section .map-section .branch-list li.open dl dd .btn-map{background-image:url(/resources/img/common/icon_gnb_menu_open.png)}
.network-section .map-section .branch-list li .branch-map .gmap-view{width:100%;height:300px;background:#bbb}

.network-section .map-section .branch-list .subsidiary_company_branchList{border-bottom: none; background-color: white;}
@media all and (min-width:768px) {
	.network-section .top-section{margin-bottom:100px}
	.network-section .tab-section{padding:0;margin-bottom:50px}
	.network-section .tab-section ul{width:1420px;margin:0 auto -1px}
	.network-section .tab-section ul li a{font-size:24px;height:75px;line-height:72px}
	.network-section .map-section h3{padding:0;font-size:40px;width:1420px;margin:0 auto 50px;}
	.network-section .map-section .block-section{margin-bottom:100px;}
	.network-section .map-section .contact p{margin-bottom:10px;font-size:20px;line-height:30px;}
	.network-section .map-section .contact p:before{line-height:30px;}
	.network-section .map-section .branch-list{padding:0;width:1420px;margin:0 auto;}
	.network-section .map-section .branch-list dl{padding:0;}
	.network-section .map-section .branch-list dl:after{content:"";clear:both;display:block;}
	.network-section .map-section .branch-list dl dt{float:left;margin:0;width:300px;padding:30px 0 30px 40px;font-size:18px;line-height:30px;box-sizing:border-box}
	.network-section .map-section .branch-list dl dd{position:relative;float:left;width:1120px;padding:30px 0;box-sizing:border-box}
	.network-section .map-section .branch-list dl dd.contact p{display:inline-block;width:180px;margin:0;font-size:18px;vertical-align:top;line-height:30px;text-align: initial;}
	.network-section .map-section .branch-list dl dd.contact p:before{line-height:30px;}
	.network-section .map-section .branch-list dl dd.contact p.address{width:550px; padding-right: 15px;}
	.network-section .map-section .branch-list.global dt{width:300px;}
	.network-section .map-section .branch-list.global dl dd{width:1120px;padding-right:210px}
	.network-section .map-section .branch-list.global dl dd.contact p{display:block;width:100%}
	.network-section .map-section .branch-list.global dl dd.contact p.address{width:100%;}
	.network-section .map-section .branch-list dl dd .btn-map{position:absolute;right:0;top:50%;margin:0;margin-top:-30px;width:180px;height:60px;line-height:60px;}
	.network-section .map-section .branch-list .branch-map .gmap-view{height:400px;}
	
	/* 220816 자회사 추가 */
	.subsidiary_company h3::before{
		content: ''; width: 13px; height: 20px; display: inline-block; background: url(/img/arrow_icon.png); position: relative; top: -4px; margin-right: 10px;
	}
	.network-section .map-section .subsidiary_company h3{ font-size: 30px ;}
	.subsidiary_company .branch-list li{ background-color: #f8f8f8;}
	.network-section .map-section .branch-list .subsidiary_company_branchList dl dt{padding: 10px 40px;}

	.network-section .map-section .branch-list li.subsidiary_company_branchList:nth-of-type(2){padding: 30px 0 0px 0px;}
	.network-section .map-section .branch-list li.subsidiary_company_branchList:last-of-type{padding: 0 0 30px 0px;}

	.network-section .map-section .branch-list .subsidiary_company_branchList dl dd{padding: 10px 0px;}
	.block-section.subsidiary_company.subsidiary_company_logistics{margin-bottom: 0px;}

}


/******GROUP********/
.group-section .top-section{width:100%;height:280px;background:no-repeat center center;background-size:cover;background-attachment:fixed}
.group-section .top-section > .inner-section{padding:45px 20px;}
.group-section .top-section p{margin-bottom:28px;font-size:20px;line-height:29px;color:#fff;font-weight:900}
.group-section .top-section p i.sm{display:block;font-size:17px;}
.group-section .top-section .btn-link{display:block;width:100%;height:30px;padding:0;line-height:30px;text-align:left;font-size:15px;color:#fff;font-weight:700;background:url(/resources/img/common/icon_golink.png) no-repeat right center transparent;background-size:20px 12px;border:0;border-bottom:1px solid #fff;}
.group-section .top-section .btn-download{display:block;width:100%;height:30px;padding:0;line-height:30px;text-align:left;font-size:15px;color:#fff;font-weight:700;;background:url(/resources/img/common/icon_download.png) no-repeat right center transparent;background-size:20px 17px;border:0;border-bottom:1px solid #fff;}
.group-section .content-section{background:#fff}
.group-section .content-section > .inner-section{padding:50px 20px 100px}
.group-section .group-info .group-name{margin-bottom:35px;}
.group-section .group-info h3{margin-bottom:10px;font-size:40px;line-height:45px;font-weight:100;letter-spacing:0;}
.group-section .group-info h4{font-size:20px;font-weight:700;}
.group-section .group-info .group-name h4.text{line-height:24px;font-weight:900}
.group-section .group-info .link{padding-top:30px;}
.group-section .group-info .link .btn-link{display:block;font-size:15px;height:35px;line-height:35px;font-weight:700;background:url(/resources/img/common/icon_golink_black.png) no-repeat right center transparent;background-size:20px 12px;border-bottom:1px solid #000}
.group-section .group-info .detail-info p{margin-bottom:30px;font-size:17px;line-height:26px;}
.group-section .group-info .detail-info .info-list{border-top:3px solid #000;}
.group-section .group-info .group12_img{width: 100%;}
.group-section .group-info .group12_img:first-of-type{margin-top: 70px;}
.group-section .group-info .group12_img:nth-of-type(2){float: none; margin-top: 40px;}
.group-section .group-info .group12_img:last-of-type{margin-top: 40px; }

.group-section .group-info .detail-info .info-list li{padding:20px 0;border-bottom:1px solid #000}
.group-section .group-info .detail-info .info-list dt{margin-bottom:8px;font-size:15px;line-height:18px;font-weight:700;}
.group-section .group-info .detail-info .info-list.recruit dt{margin-bottom:20px}
.group-section .group-info .detail-info .info-list dt em{font-size:20px;line-height:20px;}
.group-section .group-info .detail-info .info-list dd{font-size:15px;line-height:18px;}
.group-section .group-info .detail-info .info-list.recruit dd{line-height:23px;}
.group-section .group-info .detail-info .info-list dd p{margin-bottom:15px;font-weight:700}
.group-section .group-info .detail-info .video-thumb{display:block;cursor:pointer}
.group-section .group-info .detail-info .video-thumb img{display:block;width:100%;}
.group-section .group-info .detail-info .video-iframe{display:none;position:relative;padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
.group-section .group-info .detail-info .video-iframe iframe,
.group-section .group-info .detail-info .video-iframe object,
.group-section .group-info .detail-info .video-iframe embed {position:absolute; top:0; left:0; width:100%; height:100%;}
.group-section .group-info .link-list{padding-top:40px;}
.group-section .group-info .link-list li{margin-bottom:15px;border-bottom:1px solid #000}
.group-section .group-info .link-list li:last-child{margin-bottom:0;}
.group-section .group-info .link-list li a{display:block;font-size:15px;height:35px;line-height:35px;font-weight:700;background:url(/resources/img/common/icon_golink_black.png) no-repeat right center transparent;background-size:20px 12px;}
.group-section .group-list{padding-top:100px;width:calc(100% - 20px);}
.group-section .group-list > .inner-section{position:relative;background:url(/resources/img/page/group_list_bg_mb.jpg) no-repeat 0 0;background-size:cover}
.group-section .group-list > .inner-section:before{content:"";display:block;width:50px;height:50px;position:absolute;left:20px;bottom:35px;background:url(/resources/img/page/group_list_icon.png) no-repeat 0 0;background-size:cover}
.group-section .group-list dl{padding-left:20px;padding-top:40px;}
.group-section .group-list dl dt{margin-bottom:150px;font-size:25px;line-height:39px;font-weight:700;color:#fff}
.group-section .group-list dl dd:after{content:"";clear:both;display:block;}
.group-section .group-list dl dd ul{float:right;padding-right:20px;width:220px;}
.group-section .group-list dl dd ul:after{content:"";clear:both;display:block;}
.group-section .group-list dl dd ul li{width:110px;float:left;margin-bottom:32px;}
.group-section .group-list dl dd ul li a{font-size:15px;font-weight:700;color:#fff;}
.group-section .visual-section{background:#fff;}
.group-section .visual-section .bg-group{height:200px;background:no-repeat center center;background-size:cover;}
.group-section .visual-section .bg-group.pns1{background-image:url(/resources/img/page/group_0209.jpg);margin-bottom:10px;}
.group-section .visual-section .bg-group.pns2{background-image:url(/resources/img/page/group_020902.jpg);}
.group-section .visual-section .inner-section{padding:55px 20px 0;}
.group-section .visual-section p{font-size:20px;line-height:29px;color:#fff;font-weight:900;}
.group-section .visual-section p.type{margin-bottom:10px;font-size:17px;line-height:20px;}

/* 220810 자회사 추가*/
.group-section .subsidiary-company .m_br{display: none;}
.group-section .subsidiary-company h2{font-size: 20px;font-weight:700;}
.group-section .group-info.subsidiary-company{margin-top: 160px; }
.group-section .group-info.subsidiary-company .detail-info .info-list dt{font-size: 15px;}
/* .group-section .group-info.subsidiary-company .detail-info .info-list li:first-of-type dl:last-of-type img{width: 100%;} */
.group-section .group-info.subsidiary-company .detail-info .info-list li:first-of-type dt{font-size: 20px; width: 190px;}
.group-section .group-info.subsidiary-company.group10_subsidiary_company .detail-info .info-list li:first-of-type dt {width: 260px;}
.group-section .group-info.subsidiary-company .detail-info .info-list li:first-of-type dd{padding-left: 0px; padding-top: 10px; line-height: 26px; }
.group-section .group-info.subsidiary-company .detail-info .info-list dd{text-align: left; font-size: 15px;}
.group-section .group-info.subsidiary-company.group02_subsidiary_company .detail-info .info-list li:nth-of-type(2) dd,
.group-section .group-info.subsidiary-company.group02_subsidiary_company .detail-info .info-list li:nth-of-type(3) dd,
.group-section .group-info.subsidiary-company.group02_subsidiary_company .detail-info .info-list li:nth-of-type(4) dd,
.group-section .group-info.subsidiary-company.group02_subsidiary_company .detail-info .info-list li:nth-of-type(5) dd{padding-top: 0px; padding-left: 0px;}
.group-section .group-info.subsidiary-company .detail-info .info-list dd b{font-weight: 700;}
.group-section .group-info.subsidiary-company .detail-info .info-list li:nth-of-type(3) dd img{width: 100%;}



.group-section .group-info.subsidiary-company .detail-info .info-list li:first-of-type dl:last-of-type img{width: 100%;}


.group-section .group-info.subsidiary-company.group08_subsidiary_company .detail-info:nth-of-type(3),
.group-section .group-info.subsidiary-company.group08_subsidiary_company .detail-info:last-of-type{margin-top: 40px;}

@media all and (min-width:768px) {
	.group-section .top-section{height:800px}
	.group-section .top-section > .inner-section{width:1420px;margin:0 auto;padding:130px 0;}
	.group-section .top-section p{font-size:40px;line-height:58px;min-height:174px;}
	.group-section .top-section p i{display:block}
	.group-section .top-section p i.sm{font-size:30px;}
	.group-section .top-section .btn-link{width:385px;height:54px;line-height:54px;font-size:18px;background-size:31px 18px;}
	.group-section .top-section .btn-download{width:385px;height:54px;line-height:54px;font-size:18px;background-size:30px 26px;}
	.group-section .content-section > .inner-section{width:1420px;margin:0 auto;padding:150px 0 100px;}
	.group-section .group-info{position:relative;}
	.group-section .group-info:after{content:"";clear:both;display:block;}
	.group-section .group-info .group-name{float:left;width:550px;margin:0}
	.group-section .group-info .group-name h3{margin-bottom:20px;font-size:80px;line-height:90px}
	.group-section .group-info .group-name h4{font-size:30px;}
	.group-section .group-info .group-name h4.text{font-size:40px;line-height:58px;}
	.group-section .group-info .link{padding-top:95px;}
	.group-section .group-info .link .btn-link{width:390px;font-size:18px;height:50px;line-height:50px;}
	.group-section .group-info .detail-info{float:right;width:870px;}
	.group-section .group-info .detail-info p{margin-bottom:60px;font-size:24px;line-height:38px;}
	.group-section .group-info .detail-info .info-list li{padding:26px 0;}
	.group-section .group-info .detail-info .info-list.recruit li{padding:40px 0;}
	.group-section .group-info .detail-info .info-list dl{width:100%;display:table;table-layout:fixed;border-collapse:collapse;}
	.group-section .group-info .detail-info .info-list dt{display:table-cell;width:130px;line-height:32px;vertical-align:top;margin:0;font-size:20px;}
	.group-section .group-info .detail-info .info-list dt.long{width:200px}
	.group-section .group-info .detail-info .info-list.recruit dt{width:165px}
	.group-section .group-info .detail-info .info-list dt em{font-size:30px;}
	.group-section .group-info .detail-info .info-list dd{display:table-cell;line-height:32px;vertical-align:top;font-size:20px;}
	.group-section .group-info .detail-info .info-list.recruit dd{line-height:32px}
	.group-section .group-info .detail-info .info-list dd p{font-size:20px;}
	.group-section .group-info .link-list{position:absolute;left:0;bottom:0;width:390px;}
	.group-section .group-info .link-list li{margin-bottom:25px;}
	.group-section .group-info .link-list li a{font-size:18px;height:50px;line-height:50px;}
	.group-section .group-list{width:auto;padding-right:calc((100% - 1420px) / 2);}
	.group-section .group-list > .inner-section{height:450px;background-image:url(/resources/img/page/group_list_bg_pc.jpg);}
	.group-section .group-list > .inner-section:after{content:"";clear:both;display:block}
	.group-section .group-list > .inner-section:before{width:100px;height:100px;left:auto;left:initial;right:70px;bottom:70px}
	.group-section .group-list dl{padding-left:0;padding-top:70px;width:1420px;float:right;}
	.group-section .group-list dl:after{content:"";clear:both;display:block}
	.group-section .group-list dl dt{float:left;width:550px;margin:0;font-size:36px;line-height:55px;}
	.group-section .group-list dl dd{float:right;width:870px;}
	.group-section .group-list dl dd ul{width:100%;padding:0;padding-top:10px;}
	.group-section .group-list dl dd ul li{width:25%;margin-bottom:20px;}
	.group-section .group-list dl dd ul li a{position:relative;display:inline-block;font-size:20px;}
	.group-section .group-list dl dd ul li a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:#fff;-webkit-transition: .3s;transition: .3s;}
	.group-section .group-list dl dd ul li a:hover:after{width:100%}
	.group-section .visual-section .bg-group{height:400px;}
	.group-section .visual-section .inner-section{width:1420px;margin:0 auto;padding:120px 0 0;}
	.group-section .visual-section p{font-size:40px;line-height:58px;}
	.group-section .visual-section p.type{font-size:30px;line-height:30px;}

	/* 220810 자회사추가*/
	.group-section .subsidiary-company .m_br{display: block;}
    .group-section .subsidiary-company h2{font-size:40px;font-weight:700;}
    .group-section .group-info.subsidiary-company{margin-top: 160px; }
    .group-section .group-info.subsidiary-company .detail-info .info-list li:first-of-type dt{font-size: 30px;}
    .group-section .group-info.subsidiary-company .detail-info .info-list dt{font-size: 20px; width: 190px;}
    .group-section .group-info.subsidiary-company .detail-info .info-list dd{font-size: 20px; /* padding-left: 80px; */}
    .group-section .group-info.subsidiary-company.group10_subsidiary_company .detail-info .info-list dd {padding-left: 80px;}
    .group-section .group-info.subsidiary-company .detail-info .info-list dl:nth-of-type(2) dd,
    .group-section .group-info.subsidiary-company .detail-info .info-list dl:nth-of-type(3) dd{padding-top: 20px;}
    .group-section .group-info.subsidiary-company .detail-info .info-list dd b{display: block; font-weight: 700;}
	.group-section .group-info.subsidiary-company .detail-info .info-list li:first-of-type dl:last-of-type img{margin-top: 20px; width: auto;}

	/* 20220812 아이원스 */	
	.group-section .group-info .group12_img{width: auto;}
	.group-section .group-info .group12_img:first-of-type{margin-top: 70px;}
	.group-section .group-info .group12_img:nth-of-type(2){float: left; margin-top: 40px;}
	.group-section .group-info .group12_img:last-of-type{margin: 0 0 0 60px; position: relative; top: -250px; left: 15px;}

	/* 20220829 .PNS 자회사 추가 */
    .group-section .group-info.subsidiary-company.group09_subsidiary_company .detail-info .info-list dd{font-size: 20px; padding-left: 0px;}
    

	/* 20220829 로지스틱스 자회사 추가 */
	.group-section .group-info.subsidiary-company.group08_subsidiary_company .detail-info:nth-of-type(3),
	.group-section .group-info.subsidiary-company.group08_subsidiary_company .detail-info:last-of-type{margin-top: 70px;}
}


.recruit-section{background:#f4f4f4}
.recruit-section > .inner-section{padding:95px 20px}
.recruit-section h4{margin-bottom:75px;font-size:25px;line-height:38px;font-weight:900;}
.recruit-section .hms-img{margin-bottom:75px;text-align:center;}
.recruit-section .hms-img .pc{display:none}
.recruit-section .hms-img img{width:100%;max-width:320px;}
.recruit-section .core-info .top-info{margin-bottom:10px;padding:40px 10px;text-align:center;background:#fff;}
.recruit-section .core-info .top-info p{font-size:17px;line-height:25px;font-weight:700;}
.recruit-section .core-info .top-info p.title{margin-bottom:20px;font-size:25px;}
.recruit-section .core-info .core-list li{border-bottom:1px solid #000}
.recruit-section .core-info .core-list dl{padding:25px 15px;}
.recruit-section .core-info .core-list dl dt{margin-bottom:20px;font-size:20px;font-weight:300;line-height:30px;}
.recruit-section .core-info .core-list dl dt em{font-size:30px;font-weight:900;}
.recruit-section .core-info .core-list dl dd{font-size:17px;line-height:25px;}
@media all and (min-width:768px) {
	.recruit-section > .inner-section{width:1420px;margin:0 auto;padding:170px 0;}
	.recruit-section h4{margin-bottom:70px;font-size:40px;line-height:58px;}
	.recruit-section .hms-img{margin-botom:100px;}
	.recruit-section .hms-img .mb{display:none}
	.recruit-section .hms-img .pc{display:block}
	.recruit-section .hms-img img{width:auto;max-width:100%}
	.recruit-section .core-info .top-info{margin-bottom:40px;padding:50px 20px;}
	.recruit-section .core-info .top-info p{font-size:20px;}
	.recruit-section .core-info .top-info p.title{margin-bottom:40px;font-size:40px;}
	.recruit-section .core-info .core-list ul:after{content:"";clear:both;display:block}
	.recruit-section .core-info .core-list li{float:left;width:680px;margin-right:60px;}
	.recruit-section .core-info .core-list li:nth-child(even){margin-right:0;}
	.recruit-section .core-info .core-list li:nth-child(3),
	.recruit-section .core-info .core-list li:nth-child(4){border:0;}
	.recruit-section .core-info .core-list dl{padding:50px 40px}
	.recruit-section .core-info .core-list dl dt{margin-bottom:40px;font-size:30px;line-height:40px;}
	.recruit-section .core-info .core-list dl dt em{font-size:40px;}
	.recruit-section .core-info .core-list dl dd{font-size:20px;}
}






/******SOCIAL********/
.social-section .top-section{position:relative;}
.social-section .top-section .sub-text{position:relative;padding:0 20px 295px;}
.social-section .top-section .sub-text p{font-size:17px;line-height:26px}
.social-section .top-section .sub-text:after{content:"";position:absolute;left:20px;bottom:-22px;display:block;width:calc(100% - 40px);height:265px;background:no-repeat center center;background-size:cover}
.social-section .top-section .sum-info{background:no-repeat center bottom;}
.social-section .top-section.social01 .sub-text:after{background-image:url(/resources/img/page/social01_top_img.jpg)}
.social-section .top-section.social01 .sum-info{background-image:url(/resources/img/page/social01_top_bg.jpg)}
.social-section .top-section.social02 .sub-text:after{background-image:url(/resources/img/page/social02_top_img.jpg)}
.social-section .top-section.social02 .sum-info{background-image:url(/resources/img/page/social02_top_bg.jpg)}
.social-section .top-section.social03 .sub-text:after{background-image:url(/resources/img/page/social03_top_img.jpg)}
.social-section .top-section.social03 .sum-info{background-image:url(/resources/img/page/social03_top_bg.jpg)}
.social-section .top-section.social04 .sub-text:after{background-image:url(/resources/img/page/social04_top_img.jpg)}
.social-section .top-section.social05 .sub-text:after{background-image:url(/resources/img/page/social05_top_img.jpg)}
.social-section .top-section .sum-info ul{padding:0 20px;}
.social-section .top-section .sum-info.item2{padding-top:110px;}
.social-section .top-section .sum-info.item2 li{padding-bottom:60px;}
.social-section .top-section .sum-info.item3{padding-top:65px;}
.social-section .top-section .sum-info.item3 li{padding-bottom:35px;}
.social-section .top-section .sum-info dl{position:relative;padding-left:100px;background:no-repeat 15px 28px;}
.social-section .top-section .sum-info .icon1 dl{background-image:url(/resources/img/page/social_icon1.png);background-size:52px 47px}
.social-section .top-section .sum-info .icon2 dl{background-image:url(/resources/img/page/social_icon2.png);background-size:55px 57px}
.social-section .top-section .sum-info .icon3 dl{background-image:url(/resources/img/page/social_icon3.png);background-size:55px 52px}
.social-section .top-section .sum-info .icon4 dl{background-image:url(/resources/img/page/social_icon4.png);background-size:55px 55px}
.social-section .top-section .sum-info .icon5 dl{background-image:url(/resources/img/page/social_icon5.png);background-size:55px 54px}
.social-section .top-section .sum-info .icon6 dl{background-image:url(/resources/img/page/social_icon6.png);background-size:55px 45px}
.social-section .top-section .sum-info .icon7 dl{background-image:url(/resources/img/page/social_icon7.png);background-size:55px 36px}
.social-section .top-section .sum-info .icon8 dl{background-image:url(/resources/img/page/social_icon8.png);background-size:48px 55px}
.social-section .top-section .sum-info dl dt{margin-bottom:15px;font-size:13px;color:#b3b3b3;font-weight:700;}
.social-section .top-section .sum-info dl dd{font-size:17px;padding-bottom:10px;}
.social-section .top-section .sum-info dl dd em{display:block;padding-top:10px;font-size:20px;font-weight:700;}
.social-section .top-section .detail-info{height:425px;padding:70px 20px 0;background:url(/resources/img/page/social_detail_info_bg.png) no-repeat center bottom;background-size:calc(100% - 40px);box-sizing:border-box;}
.social-section .top-section.social04 .detail-info{background-color:#7accc8}
.social-section .top-section.social05 .detail-info{background-color:#82ca9c}
.social-section .top-section .detail-info .report-section > .inner-section{position:relative;padding-top:43px;background:url(/eng/resources/img/page/social_report2025_en.png) no-repeat 0 0;background-size:115px 160px}
.social-section .top-section .detail-info .report-section .title{padding-left:140px;font-size:20px;line-height:30px;color:#fff;font-weight:700;}
.social-section .top-section .detail-info .report-section .info-text{padding-top:95px;font-size:15px;line-height:23px;color:#fff;}
.social-section .top-section .detail-info .report-section .btn-download{display:block;position:absolute;right:0;top:130px;width:calc(100% - 140px);height:30px;padding:0;line-height:30px;text-align:left;font-size:15px;color:#fff;font-weight:700;background:url(/resources/img/common/icon_download.png) no-repeat right center transparent;background-size:20px 17px;border:0;border-bottom:1px solid #fff;}
.social-section .top-section .detail-info dl dt{margin-bottom:20px;font-size:20px;font-weight:700;color:#fff;}
.social-section .top-section .detail-info dl dd{margin-bottom:40px;font-size:15px;line-height:23px;color:#fff;}
.social-section .top-section .detail-info .btn-link{display:block;width:100%;height:30px;padding:0;line-height:30px;text-align:left;font-size:15px;color:#fff;font-weight:700;background:url(/resources/img/common/icon_golink.png) no-repeat right center transparent;background-size:20px 12px;border:0;border-bottom:1px solid #fff;}
.social-section .content-section.bg{background:#f4f4f4}
.social-section .content-section .inner-section{padding:100px 20px;}
.social-section .content-section h3{margin-bottom:30px;font-size:25px;font-weight:900;line-height:38px}
.social-section .content-section .info-box{margin-bottom:100px}
.social-section .content-section .info-box:last-child{margin-bottom:0}
.social-section .content-section .info-list{width:100%;margin-bottom:37px;border-top:3px solid #000;}
.social-section .content-section .info-list li{padding:20px 0;border-bottom:1px solid #000;}
.social-section .content-section .info-list li em{display:block;padding-bottom:10px;font-size:15px;font-weight:700}
.social-section .content-section .info-list li span{font-size:15px;}
.social-section .content-section .img-list img{display:block;width:100%;margin-bottom:7px;}
.social-section .content-section .fulfil-list ul:after{content:"";clear:both;display:block}
.social-section .content-section .fulfil-list li{position:relative;float:left;width:calc(50% - 12.5px);margin-bottom:63px;margin-right:25px;}
.social-section .content-section .fulfil-list li:nth-child(even){margin-right:0;}
.social-section .content-section .fulfil-list li em{position:absolute;left:-3px;bottom:-32px;font-size:70px;color:#f0f0f0;font-weight:900;z-index:-1}
.social-section .content-section .fulfil-list dl{position:relative;height: 450px; padding:25px 15px;border-top:3px solid #000;border-bottom:1px solid #000;box-sizing:border-box;}
.social-section .content-section .fulfil-list dl dt{margin-bottom:23px;font-size:20px;font-weight:700;}
.social-section .content-section .fulfil-list dl dd{font-size:15px;line-height:23px;}
.social-section .content-section .action-list > ul > li{margin-bottom:45px;}
.social-section .content-section .action-list dl{padding:35px 0 0;border-top:3px solid #000;box-sizing:border-box;background:no-repeat right 5px top 18px;}
.social-section .content-section .action-list dl.action1{background-image:url(/resources/img/page/social05_icon1.png);background-size:54px 45px;}
.social-section .content-section .action-list dl.action2{background-image:url(/resources/img/page/social05_icon2.png);background-size:55px 50px;}
.social-section .content-section .action-list dl.action3{background-image:url(/resources/img/page/social05_icon3.png);background-size:49px 54px;}
.social-section .content-section .action-list dl dt{padding:0 17px;margin-bottom:35px;font-size:20px;font-weight:700;}
.social-section .content-section .action-list dl dd li{margin-bottom:10px;padding:10px 17px;font-size:15px;line-height:23px;background:#fff;}
.social-section .content-section .action-list > ul > li:last-child{margin-bottom:0;}
.social-section .content-section .action-list > ul > li:last-child dl{padding-bottom:35px;border-bottom:1px solid #000;}
@media all and (min-width:768px) {
	.social-section .top-section{overflow:hidden}
	.social-section .top-section .sum-info ul{width:1420px;margin:0 auto;}
	.social-section .top-section .sum-info ul li:last-child{padding-bottom:0;}
	.social-section .top-section .sub-text{width:1420px;margin:0 auto;height:300px;padding:0}
	.social-section .top-section .sub-text:after{left:740px;bottom:auto;bottom:initial;top:0;width:930px;height:530px;}
	.social-section .top-section .sub-text p{width:680px;font-size:24px;line-height:38px;}
	.social-section .top-section.social01 .sub-text p{width:674px;}
	.social-section .top-section.social03 .sub-text p{width:625px;}
	.social-section .top-section .sum-info{height:480px;box-sizing:border-box;}
	.social-section .top-section .sum-info.item2{padding-top:125px;}
	.social-section .top-section .sum-info.item2 li{padding-bottom:95px;}
	.social-section .top-section .sum-info.item3 li{padding-bottom:70px}
	.social-section .top-section .sum-info dl{background-position:8px 0}
	.social-section .top-section .sum-info .icon1 dl{background-size:60px 54px}
	.social-section .top-section .sum-info .icon2 dl{background-size:64px 66px}
	.social-section .top-section .sum-info .icon3 dl{background-size:70px 65px}
	.social-section .top-section .sum-info .icon4 dl{background-size:70px 70px}
	.social-section .top-section .sum-info .icon5 dl{background-size:70px 68px}
	.social-section .top-section .sum-info .icon6 dl{background-size:70px 58px}
	.social-section .top-section .sum-info .icon7 dl{background-size:70px 46px}
	.social-section .top-section .sum-info .icon8 dl{background-size:61px 70px}
	.social-section .top-section .sum-info dl dt{font-size:16px;}
	.social-section .top-section .sum-info dl dd{font-size:24px;}
	.social-section .top-section .sum-info dl dd em{display:inline;font-size:30px;}
	.social-section .top-section .detail-info{height:480px;padding:80px 0 0;background-size:auto;background-position:right 40px bottom}
	.social-section .top-section .detail-info .report-section{width:1420px;margin:0 auto;}
	.social-section .top-section .detail-info .report-section > .inner-section{width:680px;height:320px;padding-left:270px;padding-top:0;background-size:230px 320px;box-sizing:border-box;}
	.social-section .top-section .detail-info .report-section .title{padding-left:0;font-size:30px;line-height:40px;}
	.social-section .top-section .detail-info .report-section .info-text{padding-top:35px;font-size:18px;line-height:30px;}
	.social-section .top-section .detail-info .report-section .btn-download{top:auto;top:initial;bottom:0;width:410px;height:54px;line-height:54px;font-size:18px;background-size:30px 26px;}
	.social-section .top-section .detail-info > .inner-section{width:1420px;margin:0 auto;}
	.social-section .top-section .detail-info dl{width:680px}
	.social-section .top-section .detail-info dl dt{margin-bottom:40px;font-size:30px;}
	.social-section .top-section .detail-info dl dd{margin-bottom:80px;font-size:18px;line-height:30px;}
	.social-section .top-section .detail-info .btn-link{width:385px;height:54px;line-height:54px;font-size:18px;background-size:31px 18px;}
	.social-section .content-section .inner-section{padding:150px 0;width:1420px;margin:0 auto}
	.social-section .content-section h3{margin-bottom:55px;font-size:40px;line-height:58px;}
	.social-section .content-section .info-box{margin-bottom:150px;}
	.social-section .content-section .info-box:after{content:"";clear:both;display:block;}
	.social-section .content-section .info-list{float:left;width:600px;}
	.social-section .content-section .info-list li{padding:30px 0;}
	.social-section .content-section .info-list li em{display:inline-block;padding:0;padding-right:10px;font-size:20px;vertical-align:top;}
	.social-section .content-section .info-list li span{font-size:20px;vertical-align:top;}
	.social-section .content-section .img-list{float:right;width:680px;margin-bottom:10px}
	.social-section .content-section .fulfil-list{padding-bottom:60px}
	.social-section .content-section .fulfil-list li{width:310px;margin-bottom:0;margin-right:60px;}
	.social-section .content-section .fulfil-list li:nth-child(even){margin-right:60px;}
	.social-section .content-section .fulfil-list li:last-child{margin-right:0;}
	.social-section .content-section .fulfil-list li em{bottom:-58px;font-size:120px; left: -5px;}
	.social-section .content-section .fulfil-list dl{height:450px;padding:50px 38px;text-align:left}
	.social-section .content-section .fulfil-list dl dt{margin-bottom:45px;font-size:30px;font-weight:700;}
	.social-section .content-section .fulfil-list dl dd{font-size:18px;line-height:30px;}
	.social-section .content-section .action-list > ul:after{content:"";clear:both;display:block;}
	.social-section .content-section .action-list > ul > li{float:left;margin-bottom:0;width:434px;margin-right:59px;}
	.social-section .content-section .action-list > ul > li:last-child{margin-right:0;}
	.social-section .content-section .action-list dl{height:600px;padding:50px 0 0;background-position:right 0 top 30px;border-bottom:1px solid #000;}
	.social-section .content-section .action-list dl.action1{background-size:68px 57px}
	.social-section .content-section .action-list dl.action2{background-size:70px 64px}
	.social-section .content-section .action-list dl.action3{background-size:62px 68px}
	.social-section .content-section .action-list dl dt{margin-bottom:45px;padding-left:40px;font-size:30px;}
	.social-section .content-section .action-list dl dd li{padding:5px 40px;font-size:18px;line-height:30px;}
	.social-section .content-section .action-list > ul > li:last-child dl{padding-bottom:0;}
}


.term-section > .inner-section{padding:20px;}
.term-section .term-box{padding:35px 0;border-top:3px solid #000;border-bottom:1px solid #000}
.term-section .term-box p{font-size:20px;line-height:32px;}
.term-section .term-box p.date{padding-top:40px;}
.term-section .term-list{border-top:3px solid #000}
.term-section .term-list > ul > li{border-bottom:1px solid #000}
.term-section .term-list dl dt{position:relative;padding:0 20px;height:50px;line-height:50px;font-size:20px;font-weight:700;}
.term-section .term-list dl dt .btn-open{position:absolute;right:0;top:10px;display:block;width:30px;height:30px;font-size:0;background:url(/resources/img/common/icon_gnb_menu.png) no-repeat center center #f0f0f0;background-size:20px auto;border:0}
.term-section .term-list > ul > li.active dl dt .btn-open{background-image:url(/resources/img/common/icon_gnb_menu_open.png)}
.term-section .term-content{display:none;padding:20px;background:#f4f4f4}
.term-section .term-list > ul > li.active dl .term-content{display:block;}
.term-section .term-content .block{padding-top:40px;}
.term-section .term-content .bline{padding-bottom:40px;border-bottom:1px solid #bbb;}
.term-section .term-content h4{margin-bottom:15px;font-size:18px;font-weight:700;line-height:24px;}
.term-section .term-content p{margin-bottom:15px;font-size:16px;line-height:24px;}
.term-section .term-content ol li{margin-bottom:10px;font-size:16px;line-height:24px;}
.term-section .term-content ol.bold-list li{font-weight:700;}
.term-section .term-content ol li:last-child{margin:0}
.term-section .term-content ul li{margin-bottom:10px;font-size:16px;line-height:24px;}
.term-section .term-content ul li em{font-weight:700;}
.term-section .term-content ul.dot-list li{position:relative;padding-left:15px;}
.term-section .term-content ul.dot-list li:before{content:"";position:absolute;left:0;top:12px;display:block;width:4px;height:4px;background:#000;border-radius:50%;}
.term-section .term-content ul.dot-list li:last-child{margin:0}
.term-section .term-content .box{margin-bottom:15px;padding:20px 15px;background:#fff;}
@media all and (min-width:768px) {
	.term-section > .inner-section{padding:0;width:1420px;margin:0 auto}
	.term-section .term-box p{font-size:24px;line-height:38px;}
	.term-section .term-box p.date{padding-top:40px;}
	.term-section .term-list dl dt{padding:0 40px;height:100px;line-height:100px;font-size:30px;}
	.term-section .term-list dl dt .btn-open{top:20px;width:60px;height:60px;}
	.term-section .term-content{padding:45px 40px 45px 340px;}
	.term-section .term-content .box-wrap:after{content:"";clear:both;display:block}
	.term-section .term-content .box-wrap .left{float:left;width:510px;box-sizing:border-box}
	.term-section .term-content .box-wrap .right{float:right;width:510px;box-sizing:border-box}
}




/******MANAGEMENT********/
.pc_br{display: none;}
.management-section{letter-spacing: -0.06em;}
#fixedBg.management{background: url(/resources/img/page/management02_bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: -47px center;;}
.management-section.management02 .top-section > .inner-section{height: 280px; padding: 60px 20px 0; box-sizing: border-box;}
.management-section .top-section .main-text{font-size:48px;line-height:55px;color:#fff;font-weight:900;letter-spacing:1px}


.management-section .mission-section{padding: 0px 20px;}
.management-section h3{font-size: 25px; font-weight: 900; margin: 0 0 30px 0;}

.management-section .box-section{padding: 65px 20px 70px 20px;}
.management-section .box-section dl dt{font-size: 25px; margin: 0 0 25px 0; font-weight: 700;}
.management-section .box-section dl dd{font-size: 17px; line-height: 26px;}

.management-section .mission-section .management-list{border-top: 3px solid #000; }
.management-section .mission-section .management-list>ul>li{padding: 25px 15px; border-bottom: 1px solid #000;}
.management-section .mission-section .management-list dl .pc_br{display: none;}
.management-section .mission-section .management-list dl dt{margin: 0 0 20px; font-weight: 700; line-height: 18px;}
.management-section .mission-section .management-list dl dt em{font-size: 20px; line-height: 20px; }
.management-section .mission-section .management-list li{font-size: 15px; line-height: 23px; padding: 0 0 10px 25px; position: relative;}
.management-section .mission-section .management-list li span{font-size: 15px; font-weight: bold; position: absolute; left: 0px;}

/* management03 */
.management-section.management03 .top-section{background-color: #f4f4f4; padding: 60px 20px;}
.management-section.management03 .top-section dl{border-top: 3px solid #000; padding: 35px 20px 40px 20px;}
.management-section.management03 .top-section .inner-section>div dl:last-of-type{border-bottom: none;}
.management-section.management03 .top-section dl:last-of-type{border-bottom: 1px solid #000;}
.management-section.management03 .top-section dt{font-size: 20px; font-weight: 700; letter-spacing: -0.06em; margin: 0 0 30px 0; position: relative;line-height: 30px;}
.management-section.management03 .top-section dd{font-size: 15px; line-height: 23px;}
.management-section.management03 .top-section .inner-section>div dl:first-of-type dt::after{content: ''; width: 40px; height: 52px; background: url(/resources/img/page/management03_icon.png) no-repeat; background-size: 52px; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.management-section.management03 .top-section .inner-section>div dl:nth-of-type(2) dt::after{content: ''; width: 53px; height: 47px; background: url(/resources/img/page/management03_icon.png) no-repeat; background-position: 0px -60px; background-size: 52px; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.management-section.management03 .top-section .inner-section>dl dt::after{content: ''; width: 42px; height: 52px; background: url(/resources/img/page/management03_icon.png) no-repeat; background-position: 1px -117px; background-size: 52px; position: absolute; top: 50%; right: 0; transform: translateY(-50%)}

/* 탭 */
.management-section.management03 .content-section{padding: 100px 20px 0 20px;}
.management-section.management03 .content-section .tab_wrap{}
.management-section.management03 .content-section .tab_wrap .videoBtn{display: flex; flex-wrap: wrap; gap: 12px 14px;}
.management-section.management03 .content-section .tab_wrap .videoBtn li{background-color: #fff; border: 1px solid #000; box-sizing: border-box; width: calc(50% - 7px);}
.management-section.management03 .content-section .tab_wrap .videoBtn li.print_btn{position: relative; border: none; display: flex; justify-content: flex-end; align-items: flex-end;}
.management-section.management03 .content-section .tab_wrap .videoBtn li.print_btn a{font-size: 0; background-color: transparent; border: none;}
.management-section.management03 .content-section .tab_wrap .videoBtn li.print_btn a::after{content: ''; width: 40px; height: 40px; border-radius: 40px; background: url(/resources/img/page/management03_icon.png) no-repeat; background-position: 9px -192px; background-size: 35px; background-color: #000; display: block;}
.management-section.management03 .content-section .tab_wrap .videoBtn li .tabBtn{width: 100%; height: 40px; font-size: 14px; background-color: transparent; border: none; color: #000; line-height: 20px;}
.management-section.management03 .content-section .tab_wrap .videoBtn li .tabBtn.tabBtn02{height: 100%; padding: 14.5px 5.5px;}
.management-section.management03 .content-section .tab_wrap .videoBtn li.active .tabBtn{background-color: #000; color: #fff; font-weight: bold;}

.management-section.management03 .content-section .tab_wrap .videoList li .cont{display: none; width: 100%; border-top: 3px solid #000; box-sizing: border-box;}
.management-section.management03 .content-section .tab_wrap .videoList li.active .cont{display: block; margin: 50px 0 0 0; border-top: none;}

.management-section.management03 .content-section .tab_wrap .videoList li .cont>div{padding: 25px 14px; border-bottom: 1px solid #000; box-sizing: border-box;}
.management-section.management03 .content-section .tab_wrap .videoList li .cont>div:first-of-type{border-top: 3px solid #000; box-sizing: border-box;}

.management-section.management03 .content-section .tab_wrap .videoList li .cont h3{font-size: 20px; font-weight: 700; margin: 0 0 20px 0; display: flex; align-items: center; line-height: 30px;}
.management-section.management03 .content-section .tab_wrap .videoList li .cont h3 span{display: none;}
.management-section.management03 .content-section .tab_wrap .videoList li .cont ul li{font-size: 15px; line-height: 23px;}
.management-section.management03 .content-section .tab_wrap .videoList li .cont ul li b{display: block; padding: 0 0 0 20px; position: relative;; margin: 0 0 15px 0;}
.management-section.management03 .content-section .tab_wrap .videoList li .cont ul li dl{background-color: #f4f4f4; padding: 15px; box-sizing: border-box; margin: 15px 0 0 0;}
.management-section.management03 .content-section .tab_wrap .videoList li .cont ul li dl:first-of-type{margin: 25px 0 0 0;}
.management-section.management03 .content-section .tab_wrap .videoList li .cont ul li dt{font-weight: 700; margin: 0 0 6px 0;}
.management-section.management03 .content-section .tab_wrap .videoList li .cont ul ul{margin: 20px 0 0 0;}
.management-section.management03 .content-section .tab_wrap .videoList li .cont ul ul li b{font-size: 15px; font-weight: 700; margin: 0 0 10px 0; padding: 0px 0 0 23px;}
.management-section.management03 .content-section .tab_wrap .videoList li .cont ul ul li b span{width: 17px; height: 13px; background: url(/resources/img/page/management03_icon.png) no-repeat; background-position: 1px -133px; background-size: 30px; display: inline-block; margin: 0 7px 0 0; position: absolute; top: 4px; left: 0;}
.management-section.management03 .content-section .tab_wrap .videoList li .cont ul ul li p{position: relative; padding: 0 0 0 25px; box-sizing: border-box; margin: 0 0 8px 0; }
.management-section.management03 .content-section .tab_wrap .videoList li .cont ul ul li p:last-of-type{margin: 0;}
.management-section.management03 .content-section .tab_wrap .videoList li .cont ul ul li p::before{content: ''; width: 2.5px; height: 2.5px; background-color: #000; position: absolute; top: 9px; left: 0;}


@media all and (min-width:768px) {
	.management-section .mission-section .management-list dl .pc_br{display: block;}
	.management-section.management03 .top-section .inner-section>dl dt .m_br{display: none;}

	#fixedBg.management{background-position: 0 110px;}
	.management-section.management02 .top-section > .inner-section{width: 1420px; height: 540px; margin: 0 auto; padding: 80px 0;}
	.management-section .inner-section{width: 1420px; height: 540px; margin: 0 auto; padding: 80px 0 0 0; }
	.management-section .top-section .main-text{font-size: 90px; line-height: 110px; letter-spacing: 0.05em;}
	
	.management-section .box-section{background-color: #fff;}
	.management-section .inner-section,
	.management-section .box-section .inner-section{height: auto;}
	.management-section.management03 .top-section .inner-section{display: flex; gap: 0 60px;}
	.management-section.management03 .top-section .inner-section::after{display: none;}
	.management-section.management03 .top-section .inner-section>div{display: flex; flex-wrap: wrap; width: 680px; align-content: stretch;}
	.management-section.management03 .top-section .inner-section>div dl:last-of-type{border-bottom: 1px solid #000; box-sizing: border-box;}
	.management-section.management03 .top-section .inner-section>div dl:first-of-type{margin: 0 0 45px 0;}
	.management-section.management03 .top-section dl{border-bottom: 1px solid #000; box-sizing: border-box; width: 680px; padding: 50px 0px 40px 40px;}
	.management-section.management03 .top-section dl dd{padding: 0 40px 0 0;}
	.management-section.management03 .top-section .inner-section>dl dt{margin: 0 0 80px 0;}

	.management-section.management03 .top-section .inner-section>div dl:first-of-type dt::after{width: 50px; height: 64px; background-size: 66px; right: 6px;}
	.management-section.management03 .top-section .inner-section>div dl:nth-of-type(2) dt::after{width: 66px; height: 56px; background-size: 66px; background-position: 0px -79px; right: 6px;}
	.management-section.management03 .top-section .inner-section>dl dt::after{width: 53px; height: 65px; background-size: 66px; background-position: 1px -149px; right: 6px;}
	
	.management-section.management03 .top-section dt{font-size: 30px; margin: 0 0 40px 0;}
	.management-section.management03 .top-section dd{font-size: 18px; line-height: 30px;}
	.management-section .box-section .inner-section dl::after,
	.management-section .inner-section::after{content: ''; clear: both; display: block;}
	.management-section .box-section dl dt{width: 550px; float: left; font-size: 40px; letter-spacing: -0.06em;}
	.management-section .box-section dl dd{width: 870px; float: right; font-size: 24px; letter-spacing: -0.06em; line-height: 38px;}

	.management-section .inner-section h3{width: 550px; float: left; font-size: 40px; line-height: 58px;}
	.management-section .inner-section .management-list{width: 870px; float: right;}
	.management-section .mission-section .management-list>ul>li{padding: 40px 0;}
	.management-section .mission-section .management-list>ul>li dl{width: 100%; table-layout: fixed; border-collapse: collapse; display: flex; gap: 0 35px;}
	.management-section .mission-section .management-list dl dt{line-height: 40px; width: 200px;}
	.management-section .mission-section .management-list dl dt em{font-size: 30px; line-height: 40px; text-align: left; word-break: unset; width: 100%; display: block;}
	.management-section .mission-section .management-list dl dd{width: calc(100% - 235px);}
	.management-section .mission-section .management-list li{font-size: 18px; line-height: 30px; padding: 0 0 15px 35px;}
	.management-section .mission-section .management-list li span{font-size: 18px; }
	.management-section .mission-section{background-color: #fff;}

	.management-section.management03 .content-section .tab_wrap .videoBtn{gap: 0; flex-wrap: nowrap; position: relative;}
	.management-section.management03 .content-section .tab_wrap .videoBtn li{width: 100%; height: 60px; border-right: none;}
	.management-section.management03 .content-section .tab_wrap .videoBtn li:nth-of-type(5){border-right: 1px solid #000;}
	.management-section.management03 .content-section .tab_wrap .videoBtn li.print_btn{width: 200px; border-right: 1px solid #000; box-sizing: border-box; position: absolute; top: 130px; right: 0; border-right: none; border-bottom: 1px solid #000; font-size: 18px; font-weight: bold;  justify-content: unset; align-items: center;}
	.management-section.management03 .content-section .tab_wrap .videoBtn li.print_btn a{padding: 17px 0 17px 0px; width: 100%; position: relative; font-size: 18px; font-family: 'NotoSansKR', "Malgun Gothic","맑은 고딕",helvetica,"Apple SD Gothic Neo",sans-serif; text-align: left; font-weight: bold;}
	.management-section.management03 .content-section .tab_wrap .videoBtn li.print_btn a::after{content: ''; width: 33px; height: 26px;
		background: url(/resources/img/page/management03_icon.png) no-repeat right center transparent; background-size: 59px; background-position: 2px -295px; position: absolute; top: 50%; transform: translateY(-50%); right: 0; border-radius: 0;}
	/* .management-section.management03 .content-section .tab_wrap .videoBtn li.print_btn a::after{content: ''; width: 31px; height: 18px;
		background: url(/resources/img/common/icon_golink_black.png) no-repeat right center transparent; background-size: contain; position: absolute; top: 50%; transform: translateY(-50%); right: 0;} */
	.management-section.management03 .content-section .tab_wrap .videoBtn li .tabBtn{font-size: 19px; height: 60px;}
	.management-section.management03 .content-section .tab_wrap .videoBtn li .tabBtn.tabBtn02{padding: 0;}
	.management-section.management03 .content-section .tab_wrap .videoList li.active .cont{margin: 110px 0 0 0;}
	.management-section.management03 .content-section .tab_wrap .videoList li .cont>div{display: flex; align-items: flex-start; padding: 50px 0;}
	.management-section.management03 .content-section .tab_wrap .videoList li .cont>div:first-of-type{border-top: none;}
	.management-section.management03 .content-section .tab_wrap .videoList li .cont h3{font-size: 30px; line-height: 40px; align-items: flex-start; margin: 0 15px 0 0;}
	.management-section.management03 .content-section .tab_wrap .videoList li .cont h3 span{display: inline-block; margin: 0 10px 0 0;}
	.management-section.management03 .content-section .tab_wrap .videoList li .cont ul li{font-size: 18px; line-height: 30px;}
	.management-section.management03 .content-section .tab_wrap .videoList li .cont ul ul{margin: 40px 0 0 0;}
	.management-section.management03 .content-section .tab_wrap .videoList li .cont ul ul.mt0{margin-top: 0 !important;}
	.management-section.management03 .content-section .tab_wrap .videoList li .cont.type03_cont>div:last-of-type ul ul{margin: 30px 0 0 0;}
	.management-section.management03 .content-section .tab_wrap .videoList li .cont ul ul li b span{width: 19px; height: 15px; background-position: 2px -146px; background-size: 33px; top: 8px; ;}
	.management-section.management03 .content-section .tab_wrap .videoList li .cont ul ul li b{font-size: 18px; margin: 0 0 5px 0; padding: 0 0 0 30px;}
	.management-section.management03 .content-section .tab_wrap .videoList li .cont ul ul li p{padding: 0 0 0 15px;}
	.management-section.management03 .content-section .tab_wrap .videoList li .cont ul ul li p::before{width: 3px; height: 3px; top: 13px;}
	.management-section.management03 .content-section .tab_wrap .videoList li .cont>div div{width: calc(100% - 550px);}
	.management-section.management03 .content-section .tab_wrap .videoList li .cont>div:first-of-type div ul li:last-of-type{display: flex; gap: 0 20px;}
	.management-section.management03 .content-section .tab_wrap .videoList li .cont>div:first-of-type div ul li:last-of-type dl{width: 33.3%; padding: 30px 25px; margin: 35px 0 0 0;}
	.management-section.management03 .content-section .tab_wrap .videoList li .cont ul li dt{margin: 0 0 20px 0;}
}


/* management04 */
#fixedBg.management.management04{height: 265px; background: url(/resources/img/page/management04_bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: 0px 0;}
.management-section.management04 .top-section{ }
.management-section.management04 .top-section .inner-section{padding: 0 20px; box-sizing: border-box;}
.management-section.management04 .top-section .inner-section>div:first-of-type{height: 265px; height: 235px; display: flex; align-items: center; flex-wrap: wrap; align-content: center;}
.management-section.management04 .top-section .inner-section h3{font-size: 20px; color: #fff;}
.management-section.management04 .top-section .inner-section p{color: #fff; font-size: 15px; line-height: 23px;}
.management-section.management04 .top-section .box-section{background-color: #fff; padding: 0; margin: 30px 0 0 0;}
.management-section.management04 .top-section .box-section li{padding: 20px 15px 20px 55px; border-bottom: 1px solid #000; box-sizing: border-box; position: relative;}
.management-section.management04 .top-section .box-section b{font-weight: 900; font-size: 25px; position: absolute; left: 0px; font-style: italic; }
.management-section.management04 .top-section .box-section p{color: #000;}

.management-section.management04 .content-section{padding: 100px 20px 125px 20px; box-sizing: border-box;}
.management-section.management04 .content-section .inner-section p{font-size: 15px; line-height: 23px;}
.management-section.management04 .content-section .inner-section.number{padding: 0 0 100px 0;}
.management-section.management04 .content-section .inner-section.number ul{padding: 20px 0; border-top: 3px solid #000; border-bottom: 1px solid #000; box-sizing: border-box; display: flex; flex-wrap: wrap; gap: 18px 0;}
.management-section.management04 .content-section .inner-section.number ul li{width: 100%; font-size: 15px; padding: 0 0 0 30px; box-sizing: border-box; position: relative; line-height: 23px;}
.management-section.management04 .content-section .inner-section.number ul li b{position: absolute; top: 0; left: 7px; font-weight: 700;}
.management-section.management04 .content-section .inner-section .fulfil-list{margin: 35px 0 0 0;}
.management-section.management04 .content-section .inner-section .fulfil-list ul{display: flex; flex-wrap: wrap; gap: 62px 25px; }
.management-section.management04 .content-section .inner-section .fulfil-list ul li{width: calc(50% - 12.5px); height: 250px; border-top: 3px solid #000; border-bottom: 1px solid #000; padding: 25px 15px; box-sizing: border-box; font-size: 15px; line-height: 23px; position: relative;;}
.management-section.management04 .content-section .inner-section .fulfil-list ul li em{position: absolute; left: -3px; bottom: -10px; font-weight: 900; font-size: 70px; z-index: -1; color: #f0f0f0;}

.management-section.management04 .content-section.bg{background-color: #f4f4f4;}
.management-section.management04 .content-section .action-list ul{}
.management-section.management04 .content-section .action-list ul li p{}
.management-section.management04 .content-section .action-list ul li dl dt{font-size: 20px; font-weight: 700; padding: 45px 0 35px 0;}
.management-section.management04 .content-section .action-list ul li dl dd ul li{background-color: #fff; line-height: 23px; margin: 10px 0 0 0; padding: 15px 15px 15px 40px; box-sizing: border-box; position: relative;}
.management-section.management04 .content-section .action-list ul li dl dd ul li span{position: absolute; top: 15px; left: 15px; font-weight: 700;}
.management-section.management04 .content-section .action-list ul li.link-list{margin: 45px 0 0 0;}
.management-section.management04 .content-section .action-list ul li .btn-link{display: flex; align-items: center; width: 100%; height: 55px; border: 1px solid #000; padding: 0px 35px; box-sizing: border-box; font-size: 15px; font-weight: 700; background-color: #000; color: #fff; position: relative;}
.management-section.management04 .content-section .action-list ul li a:last-of-type{margin: 10px 0 0 0; background-color: transparent; color: #000;}
.management-section.management04 .content-section .action-list ul li a::after{content: ''; width: 25px; height: 15px; background: url(/resources/img/common/icon_golink.png) no-repeat right center transparent; background-size: contain; position: absolute; right: 35px;}

.management-section.management04 .content-section .action-list ul li a:last-of-type:after{background: url(/resources/img/common/icon_golink_black.png) no-repeat right center transparent; background-size: contain;}
.management-section.management04 .top-section .inner-section>div:last-of-type .pc_br{display: none;}


@media all and (min-width:768px) {
	.management-section.management04 .content-section .inner-section .fulfil-list .m_br{display: none;}
	.management-section.management04 .top-section .inner-section>div:first-of-type .m_br{display: none;}
	#fixedBg.management.management04{height: 100vh; background-position: 0 -55px;}
	.management-section.management04 .top-section .inner-section{display: flex; padding: 130px 0; box-sizing: border-box;}
	.management-section.management04 .top-section .inner-section>div:first-of-type{align-content: flex-start; width: 550px;}
	.management-section.management04 .top-section .inner-section>div:last-of-type{width: calc(100% - 550px); height: auto; align-content: flex-start;}
	.management-section.management04 .top-section .inner-section>div:last-of-type .pc_br{display: block;}
	.management-section.management04 .content-section{background-color: #fff;}
	.management-section.management04 .top-section .inner-section h3{font-size: 40px; margin: 0;}
	.management-section.management04 .top-section .inner-section p{font-size: 24px; line-height: 38px;}
	.management-section.management04 .top-section .box-section{background-color: transparent;}
	.management-section.management04 .top-section .box-section li{border-bottom: 1px solid rgba(255, 255, 255, 0.6); padding: 20px 0px 20px 75px;}
	.management-section.management04 .top-section .box-section b{color: rgba(255, 255, 255, 0.5); font-size: 41px; left: 10px;}
	.management-section.management04 .top-section .box-section p{color: #fff; font-size: 20px; line-height: 32px;}

	.management-section.management04 .content-section .inner-section.number ul{width: calc(100% - 550px); gap: 0px; padding: 0;}
	.management-section.management04 .content-section .inner-section.number ul li{font-size: 20px; padding: 33px 40px; border-bottom: 1px solid #000; box-sizing: border-box;}
	.management-section.management04 .content-section .inner-section.number ul li b{position: unset; display: inline-block; margin: 0 20px 0 0;}
	
	.management-section.management04 .content-section .inner-section p{font-size: 24px; line-height: 30px;}
	.management-section.management04 .content-section .inner-section:last-of-type>div{float: right; width: calc(100% - 550px);}
	.management-section.management04 .content-section .inner-section .fulfil-list{margin: 63px 0 0 0;}
	.management-section.management04 .content-section .inner-section .fulfil-list ul{gap: 90px 35px; }
	.management-section.management04 .content-section .inner-section .fulfil-list ul li{width: calc(100% / 3 - 23.4px); padding: 25px 0px 0 0; border-bottom: none; height: 250px;}
	.management-section.management04 .content-section .inner-section .fulfil-list ul li>div{height: 100%; border-bottom: 1px solid #000; box-sizing: border-box; position: relative;}
	.management-section.management04 .content-section .inner-section .fulfil-list ul li p{height: 90px; height: auto; display: flex; justify-content: center; align-items: center; font-size: 18px; line-height: 30px; text-align: center; position: relative;}
	.management-section.management04 .content-section .inner-section .fulfil-list ul li em{font-size: 120px; z-index: 0; left: -5px; bottom: -5px;}
	
	.management-section.management04 .content-section .action-list ul li dl dd ul li{font-size: 18px; margin: 20px 0 0 0; padding: 21px 15px 21px 75px; line-height: 30px;}
	.management-section.management04 .content-section .action-list ul li dl dd ul li span{top: 21px; left: 40px;}
	.management-section.management04 .content-section .action-list ul li dl dt{font-size: 24px;}
	
	.management-section.management04 .content-section.bg .inner-section .action-list{float: right; width: calc(100% - 550px);}
	.management-section.management04 .content-section .action-list ul li.link-list{display: flex; gap: 0 30px; margin: 90px 0 0 0;}
	.management-section.management04 .content-section .action-list ul li .btn-link{height: 70px; font-size: 20px; padding: 0 40px;}
	.management-section.management04 .content-section .action-list ul li .btn-link:last-of-type{margin: 0;}
	.management-section.management04 .content-section .action-list ul li a::after{width: 30px; height: 20px; right: 40px;}

}


@media print {
    .content-to-hide {
        display: none !important;
    }
    .management-section.management03 .content-section .tab_wrap .videoList li .cont h3 span {
    
    	margin-right:5px;
    	display: inline-block !important; 
    } 
}

/****** 2025.07.10 SOCIAL04 페이지 개편 ******/
.top-section.social04 + .previous-reports {background:#fff;padding:80px 0;}
.top-section.social04 + .previous-reports .inner-section {padding:0 20px;}
.top-section.social04 + .previous-reports h3 {margin-bottom:40px;font-size:25px;font-weight:900;color:#000;text-align:center;}
.top-section.social04 + .previous-reports .report-list {display:flex;flex-direction:column;gap:40px;}
.top-section.social04 + .previous-reports .report-item {display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px 0 70px 0;border-bottom:1px solid #e0e0e0;}
.top-section.social04 + .previous-reports .report-item:last-child {border-bottom:none;}
.top-section.social04 + .previous-reports .report-cover {width:150px;margin-bottom:20px;}
.top-section.social04 + .previous-reports .report-cover img {width:100%;height:auto;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,0.1);}
.top-section.social04 + .previous-reports .report-content {width:100%;}
.top-section.social04 + .previous-reports .report-content .title {margin-bottom:15px;font-size:18px;font-weight:700;color:#000;line-height:26px;}
.top-section.social04 + .previous-reports .report-content .btn-download {display:inline-block;font-size:15px;color:#000;text-decoration:none;padding-right:40px;padding-bottom:8px;border-bottom:1px solid #000;background:url(/resources/img/common/icon_download_black.png) no-repeat right top;background-size:20px 17px;}

@media all and (min-width:768px) {
	.top-section.social04 + .previous-reports {padding:120px 0;}
	.top-section.social04 + .previous-reports .inner-section {max-width:1420px;width:100%;margin:0 auto;padding:0 20px;box-sizing:border-box;}
	.top-section.social04 + .previous-reports h3 {margin-bottom:60px;font-size:35px;}
	.top-section.social04 + .previous-reports .report-list {display:flex;flex-direction:row;flex-wrap:wrap;gap:60px;justify-content:flex-start;}
	.top-section.social04 + .previous-reports .report-item {flex:0 0 calc(33.333% - 40px);border-bottom:none;padding:40px 0;}
	.top-section.social04 + .previous-reports .report-cover {width:200px;margin-bottom:30px;}
	.top-section.social04 + .previous-reports .report-content .title {font-size:24px;line-height:34px;margin-bottom:30px;}
	.top-section.social04 + .previous-reports .report-content .btn-download {font-size:18px;background-size:25px 22px;padding-right:40px;}
}