/*공통*/
.section {width:1200px; margin:0 auto; padding:125px 0; overflow:hidden;}
.clear {content:''; clear:both;}
.tit {text-align:center; font-size:36px; color:#222222; margin-bottom:80px; font-weight:400;}
.tit p {font-size:28px; font-weight:300;}
.tit br, .tit p br {display:none;}


.section01 .tit_name {text-align:center; font-family:'Roboto', 'Noto Sans KR', sans-serif; font-size:50px; color:#fff; margin-bottom:100px;}
.section01 .tit_name .eng {font-size:28px;}
.section01 .txt ul li {width:20%; float:left; text-align:center; color:#fff; padding-top:140px; font-size:21px;}

.section02 .txt ul li {background:#222222; box-sizing:border-box; color:#fff; border-radius:20px; float:left; width:24%; margin-right:1%; padding-top:63px; height:283px; text-align:center; font-size:20px;}
.section02 .txt ul li:last-child {margin-right:0;}
.section02 .txt ul li p {font-size:26px; font-weight:500;}
.section02 .txt ul li p::after {content:''; display:block; width:56px; height:1px; background:#fff; margin:0 auto; margin-top:23px; margin-bottom:23px;}

.section03 {background:#f6f6f6; overflow:hidden;}
.section03 .txt ul {width:95%; margin:0 auto;}
.section03 .txt ul li{width:372px; height:371px; box-sizing:border-box; border-radius:50%; float:left; color:#fff; text-align:center; padding-top:125px;font-size:26px; line-height:1.2; letter-spacing:-0.5px}
.section03 .txt ul li p {font-size:45px; font-weight:400; margin-bottom:15px; letter-spacing:-1px;}

.site_btn {text-align: center;}
.site_btn button {border: none;}
.site_btn a {font-size: 18px;width: 180px;height: 50px;line-height: 50px;display: block;color: #fff;}


/*팡미디어*/
#pangmedia .section01 {background-color:#e91e63; overflow:hidden;}
#pangmedia .section01 .txt ul li:nth-child(1) {background-image:url(/data/110.pangdesign.kr/docs/layouts/enterprise_layout/img/brand/pangmedia01.png); background-position:center top; background-repeat:no-repeat;}
#pangmedia .section01 .txt ul li:nth-child(2) {background-image:url(/data/110.pangdesign.kr/docs/layouts/enterprise_layout/img/brand/pangmedia02.png); background-position:center top; background-repeat:no-repeat;}
#pangmedia .section01 .txt ul li:nth-child(3) {background-image:url(/data/110.pangdesign.kr/docs/layouts/enterprise_layout/img/brand/pangmedia03.png); background-position:center top; background-repeat:no-repeat;}
#pangmedia .section01 .txt ul li:nth-child(4) {background-image:url(/data/110.pangdesign.kr/docs/layouts/enterprise_layout/img/brand/pangmedia04.png); background-position:center top; background-repeat:no-repeat;}
#pangmedia .section01 .txt ul li:nth-child(5) {background-image:url(/data/110.pangdesign.kr/docs/layouts/enterprise_layout/img/brand/pangmedia05.png); background-position:center top; background-repeat:no-repeat;}
#pangmedia .section03 .txt ul li:nth-child(1) {background:#e68aa9;}
#pangmedia .section03 .txt ul li:nth-child(2) {background:#e8467d;}
#pangmedia .section03 .txt ul li:nth-child(3) {background:#e91e63;}
#pangmedia .section04 .txt a {target:_blank;}
#pangmedia .site_btn button {background: #e91e63;}


/*팡디자인*/
#pangdesign .section01 {background-color:#e98610; overflow:hidden;}
#pangdesign .section01 .txt ul li:nth-child(1) {background-image:url(/data/110.pangdesign.kr/docs/layouts/enterprise_layout/img/brand/pangdesign01.png); background-position:center top; background-repeat:no-repeat;}
#pangdesign .section01 .txt ul li:nth-child(2) {background-image:url(/data/110.pangdesign.kr/docs/layouts/enterprise_layout/img/brand/pangdesign02.png); background-position:center top; background-repeat:no-repeat;}
#pangdesign .section01 .txt ul li:nth-child(3) {background-image:url(/data/110.pangdesign.kr/docs/layouts/enterprise_layout/img/brand/pangdesign03.png); background-position:center top; background-repeat:no-repeat;}
#pangdesign .section01 .txt ul li:nth-child(4) {background-image:url(/data/110.pangdesign.kr/docs/layouts/enterprise_layout/img/brand/pangdesign04.png); background-position:center top; background-repeat:no-repeat;}
#pangdesign .section01 .txt ul li:nth-child(5) {background-image:url(/data/110.pangdesign.kr/docs/layouts/enterprise_layout/img/brand/pangdesign05.png); background-position:center top; background-repeat:no-repeat;}
#pangdesign .section03 .txt ul li:nth-child(1) {background:#eab06b;}
#pangdesign .section03 .txt ul li:nth-child(2) {background:#e79533;}
#pangdesign .section03 .txt ul li:nth-child(3) {background:#e98610;}
#pangdesign .site_btn button {background: #e98610;}

/*팡마케팅*/
#pangmarketing .section01 {background-color:#1b59d7; overflow:hidden;}
#pangmarketing .section01 .txt ul li {width:25%;}
#pangmarketing .section01 .txt ul li:nth-child(1) {background-image:url(/data/110.pangdesign.kr/docs/layouts/enterprise_layout/img/brand/pangmaketing01.png); background-position:center top; background-repeat:no-repeat;}
#pangmarketing .section01 .txt ul li:nth-child(2) {background-image:url(/data/110.pangdesign.kr/docs/layouts/enterprise_layout/img/brand/pangmaketing02.png); background-position:center top; background-repeat:no-repeat;}
#pangmarketing .section01 .txt ul li:nth-child(3) {background-image:url(/data/110.pangdesign.kr/docs/layouts/enterprise_layout/img/brand/pangmaketing03.png); background-position:center top; background-repeat:no-repeat;}
#pangmarketing .section01 .txt ul li:nth-child(4) {background-image:url(/data/110.pangdesign.kr/docs/layouts/enterprise_layout/img/brand/pangmaketing04.png); background-position:center top; background-repeat:no-repeat;}
#pangmarketing .section03 .txt ul li:nth-child(1) {background:#8da5d8;}
#pangmarketing .section03 .txt ul li:nth-child(2) {background:#4777d9;}
#pangmarketing .section03 .txt ul li:nth-child(3) {background:#1b59d7;}
#pangmarketing .site_btn button {background: #1b59d7;}

/*팡비디오*/
#pangvideo .section01 {background-color:#28ace2; overflow:hidden;}
#pangvideo .section01 .txt ul li {width:25%;}
#pangvideo .section01 .txt ul li:nth-child(1) {background-image:url(/data/110.pangdesign.kr/docs/layouts/enterprise_layout/img/brand/pangvideo01.png); background-position:center top; background-repeat:no-repeat;}
#pangvideo .section01 .txt ul li:nth-child(2) {background-image:url(/data/110.pangdesign.kr/docs/layouts/enterprise_layout/img/brand/pangvideo02.png); background-position:center top; background-repeat:no-repeat;}
#pangvideo .section01 .txt ul li:nth-child(3) {background-image:url(/data/110.pangdesign.kr/docs/layouts/enterprise_layout/img/brand/pangvideo03.png); background-position:center top; background-repeat:no-repeat;}
#pangvideo .section01 .txt ul li:nth-child(4) {background-image:url(/data/110.pangdesign.kr/docs/layouts/enterprise_layout/img/brand/pangvideo04.png); background-position:center top; background-repeat:no-repeat;}
#pangvideo .section03 .txt ul li:nth-child(1) {background:#a0cee1;}
#pangvideo .section03 .txt ul li:nth-child(2) {background:#5db6db;}
#pangvideo .section03 .txt ul li:nth-child(3) {background:#28ace2;}
#pangvideo .site_btn button {background: #28ace2;}

/*팡3PL*/
#pang3PL .section01 {background-color:#ea001e; overflow:hidden;}
#pang3PL .section01 .txt ul li {width:25%;}
#pang3PL .section01 .txt ul li:nth-child(1) {background-image:url(/data/110.pangdesign.kr/docs/layouts/enterprise_layout/img/brand/pang3PL01.png); background-position:center top; background-repeat:no-repeat;}
#pang3PL .section01 .txt ul li:nth-child(2) {background-image:url(/data/110.pangdesign.kr/docs/layouts/enterprise_layout/img/brand/pang3PL02.png); background-position:center top; background-repeat:no-repeat;}
#pang3PL .section01 .txt ul li:nth-child(3) {background-image:url(/data/110.pangdesign.kr/docs/layouts/enterprise_layout/img/brand/pang3PL03.png); background-position:center top; background-repeat:no-repeat;}
#pang3PL .section01 .txt ul li:nth-child(4) {background-image:url(/data/110.pangdesign.kr/docs/layouts/enterprise_layout/img/brand/pang3PL04.png); background-position:center top; background-repeat:no-repeat;}
#pang3PL .section03 .txt ul li:nth-child(1) {background:#e09aa3;}
#pang3PL .section03 .txt ul li:nth-child(2) {background:#e25769;}
#pang3PL .section03 .txt ul li:nth-child(3) {background:#ea001e;}
#pang3PL .site_btn button {background: #ea001e;}

@media (max-width:1199px) {
.container {padding:0 !important;}
.container.admin {padding:0 !important}

.section {width:100%; padding:60px 0 30px;}
.tit {font-size:23px; margin-bottom:30px;}
.tit p {font-size:18px;}
.tit br, .tit p br {display:block;}

.section01 .tit_name {font-size:32px; margin-bottom:50px;}
.section01 .tit_name .eng {font-size:20px;}
.section01 .txt ul li {width:33.3%; margin-bottom:40px;background-size:100px auto;}
.section01 .txt ul li {font-size:18px;}
#pangmarketing .section01 .txt ul li, #pangvideo .section01 .txt ul li, #pang3PL .section01 .txt ul li {width:50%;}


.section02 .txt ul li {border-radius:20px; width:48%; margin:1%; padding-top:40px; height:210px; text-align:center; font-size:16px;}
.section02 .txt ul li:last-child {margin-right:0;}
.section02 .txt ul li p {font-size:20px; font-weight:500;}
.section02 .txt ul li p::after {content:''; display:block; width:25px; height:1px; background:#fff; margin:0 auto; margin-top:23px; margin-bottom:23px;}

.section03 .section {padding-bottom:0;}
.section03 .txt ul {width:100%;}
.section03 .txt ul li{width:100%; height:auto; box-sizing:border-box; border-radius:0; float:left; color:#fff; text-align:center; padding:20px 0;; font-size:18px; line-height:1.2; letter-spacing:-0.5px; overflow:hidden;}
.section03 .txt ul li p {font-size:24px;}

.section04 .txt a {width:33.3%; float:left;}
.section04 .txt a img {display:block; margin:0 auto;}
}


@media (max-width:767px) {
.container {padding:0 !important;}	
.section01 .txt ul li {width:50%; background-size:70px auto; padding-top:100px; font-size:16px;}
.section04 .txt a {width:50%; float:left;}

}