/* Base warp */
.dtailWrap {width:100%; padding:0 0 100px 0; overflow:hidden;}

/* 심플리 패키지 디자인 */
.dtailWrap .p_simply {width:100%; overflow:hidden;}
.dtailWrap .p_simply .tTx {font-size:28px; color:#333; line-height:1.2; font-weight:700; padding:0 0 58px 0;}
.dtailWrap .p_simply .tTx.space {border-top:1px #efefef solid; margin:80px 0 0 0; padding:78px 0 0 0;}
.dtailWrap .p_simply .tTs {font-size:20px; color:#333; line-height:1.2; font-weight:600; padding:50px 0 0 0;}

.dtailWrap .p_simply .txt {width:100%;}
.dtailWrap .p_simply .img {width:100%; font-size:0; line-height:0;}
.dtailWrap .p_simply .img img {width:100%;}

.dtailWrap .p_simply .txt p {font-size:16px; color:#555; line-height:1.9; }
.dtailWrap .p_simply .txt p span {font-size:16px; color:#555; line-height:1.9;  display:block;}
.dtailWrap .p_simply .txt p strong {font-size:16px; color:#7558e6; line-height:1.9; font-weight:700;}
.dtailWrap .p_simply .txt p strong.b {color:#333;}
.dtailWrap .p_simply .txt p.both {padding:44px 0;}
.dtailWrap .p_simply .txt p.up {padding:32px 0 0 0;}
.dtailWrap .p_simply .txt p.down {padding:0 0 44px 0;}

.dtailWrap .p_simply .flex {display:grid; grid-template-columns:repeat(2, 1fr); gap:20px;}
.dtailWrap .p_simply .flexInfo {width:100%; min-height:340px; padding:0 0 0 400px; margin:56px 0 0 0; position:relative;}
.dtailWrap .p_simply .flexInfo .pic {position:absolute; left:0; top:0; width:339px;}
.dtailWrap .p_simply .flexInfo .pic img {width:100%;}
.dtailWrap .p_simply .flexInfo .info {width:100%;}
.dtailWrap .p_simply .flexInfo .info .tt {font-size:20px; color:#333; line-height:1.2; font-weight:600;}
.dtailWrap .p_simply .flexInfo .info .tx {font-size:16px; color:#555; line-height:1.2;  padding:10px 0 18px 0;}
.dtailWrap .p_simply .flexInfo .info .hx {width:100%;}
.dtailWrap .p_simply .flexInfo .info .hx li {position:relative; padding:0 0 0 65px; margin:9px 0 0 0;}
.dtailWrap .p_simply .flexInfo .info .hx li .hy {position:absolute; left:0; top:0; font-size:16px; color:#555; line-height:1.4; }
.dtailWrap .p_simply .flexInfo .info .hx li p {font-size:16px; color:#555; line-height:1.4; }

.dtailWrap .p_simply .flexArrow {position:relative; display:grid; grid-template-columns:repeat(2, 1fr); gap:0 112px;}
.dtailWrap .p_simply .flexArrow .item {text-align:center;}
.dtailWrap .p_simply .flexArrow .item .img {border:1px #efefef solid;}
.dtailWrap .p_simply .flexArrow .item .img.nob {border:0;}
.dtailWrap .p_simply .flexArrow .item span {display:inline-block; font-size:16px; color:#555; line-height:1.2;  padding:18px 0 0 0;}
.dtailWrap .p_simply .flexArrow .arrow {position:absolute; left:50%; top:50%; width:36px; height:34px; margin:-37px 0 0 -18px; background:url("http://img.dotsawards.com/agency/package/simply/bg_arrow.png") left top no-repeat;}

@media all and (max-width: 1040px) {
   .dtailWrap .p_simply .txt p span {display:inline;} 
}
@media all and (max-width: 840px) {
   .dtailWrap .p_simply .flexInfo {padding: 0 0 0 374px;}
   .dtailWrap .p_simply .flexArrow {gap :0 80px;}
}
@media all and (max-width: 780px) {
    .dtailWrap .p_simply .flexInfo {padding:0 0 0 calc(50% + 10px);}
    .dtailWrap .p_simply .flexInfo .pic {width:calc(50% - 10px);}
}
@media all and (max-width: 640px) {
    .dtailWrap {padding:0 0 100px 0;}
    .dtailWrap .p_simply .tTx {font-size:18px; line-height:1.4; padding:0 0 35px 0;}
    .dtailWrap .p_simply .tTx.space {margin:40px 0 0 0; padding:36px 0 0 0;}

    .dtailWrap .p_simply .tTs {font-size:15px; padding:25px 0 0 0;}

    .dtailWrap .p_simply .txt p {font-size:13px; line-height:1.9;}
    .dtailWrap .p_simply .txt p span {font-size:13px; line-height:1.9;}
    .dtailWrap .p_simply .txt p strong {font-size:13px; line-height:1.9;}    
    .dtailWrap .p_simply .txt p.both {padding:22px 0;}
    .dtailWrap .p_simply .txt p.up {padding:16px 0 0 0;}
    .dtailWrap .p_simply .txt p.down {padding:0 0 16px 0;}

    .dtailWrap .p_simply .flex {display:block;}
    .dtailWrap .p_simply .flex .img {margin:0 0 12px 0;}
    .dtailWrap .p_simply .flex .img:last-child {margin:0;}
    .dtailWrap .p_simply .flexInfo {min-height:100%; padding:0; margin:34px 0 0 0;}
    .dtailWrap .p_simply .flexInfo .pic {position:relative; width:100%; margin:0 0 20px 0;}

    .dtailWrap .p_simply .flexInfo .info .tt {font-size:15px;}
    .dtailWrap .p_simply .flexInfo .info .tx {font-size:13px; padding:6px 0 10px 0;}    
    .dtailWrap .p_simply .flexInfo .info .hx li {padding:0 0 0 56px; margin:8px 0 0 0;}
    .dtailWrap .p_simply .flexInfo .info .hx li .hy {font-size:13px; line-height:1.4;}
    .dtailWrap .p_simply .flexInfo .info .hx li p {font-size:13px; line-height:1.4;}

    .dtailWrap .p_simply .flexArrow {display:block;}    
    .dtailWrap .p_simply .flexArrow .item span {font-size:13px; padding:10px 0 0 0;}
    .dtailWrap .p_simply .flexArrow .arrow {position:relative; left:0%; top:0%; width:100%; height:19px; margin:12px 0; background-size:20px auto; background-position:center top; transform: rotate(90deg);}
}




/*  베이스 디자인 */
.dtailWrap .body203 {width:100%; overflow:hidden;}
.dtailWrap .body203 .tt {
	font-size:2.8rem;
	color:#000;
	line-height:1.5;
	letter-spacing:-0.02rem;
	font-weight:600;
	margin: 6rem 0 0 0;
}
.dtailWrap .body203 .tt span {
	display:block;
	font-size:2.8rem;
	color:#000;
	line-height:1.5;
	letter-spacing:-0.02rem;
	font-weight:600;	
}	
.dtailWrap .body203 .tt.mno {
	margin:0;
}
.dtailWrap .body203 .tt.min {
	margin:4.8rem 0 0 0;
}
	
.dtailWrap .body203 .tt.interval {
	padding: 7.4rem 0 0 0;
    margin: 7.4rem 0 0 0;
    border-top: 1px #efefef solid;
}

.dtailWrap .body203 .pImg01 {
	width:100%;
	overflow:hidden;
	font-size:0;	
	line-height:0;
}
.dtailWrap .body203 .pImg01 img {width:100%;}


.dtailWrap .body203 .tx {
	margin: 4.6rem 0 0 0;
	font-size:1.6rem;
	color:#555;
	line-height:1.9;
	letter-spacing:-0.01rem;
	font-weight:500;
}
.dtailWrap .body203 .tx.min {
	margin:3.4rem 0 0 0;
}
.dtailWrap .body203 .tx span {
	display:block;
	font-size:1.6rem;
	color:#555;
	line-height:1.9;
	letter-spacing:-0.01rem;
	font-weight:500;
}
.dtailWrap .body203 .tx u {
	display:block;
	font-size:1.6rem;
	color:#555;
	line-height:1.9;
	letter-spacing:-0.01rem;
	font-weight:500;
	text-decoration: none;
}

.dtailWrap .body203 .pImg02 {
	width:100%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0 2rem;
	padding:5.2rem 0 0 0;
	overflow:hidden;	
	font-size:0;	
	line-height:0;
}
.dtailWrap .body203 .pImg02 img {width:100%;}

.addImgInfo {
	width:100%;
	text-align:center;
	padding:3rem 0 1rem 0;
	font-size:1.4rem;
	color:#555;
	line-height:1.2;
	letter-spacing:-0.02rem;
	font-weight:500;
}

.dtailWrap .body203 .pImg03 {
	width:100%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0;
	padding:4.8rem 0 0 0;
	overflow:hidden;
	font-size:0;	
	line-height:0;	
}
.dtailWrap .body203 .pImg03 img {width:100%;}


.dtailWrap .body203 .pImg04 {
	width:100%;	
	padding:4.8rem 0 0 0;
	overflow:hidden;	
	font-size:0;	
	line-height:0;
}
.dtailWrap .body203 .pImg04 img {width:100%;}


.dtailWrap .body203 .pImg05 {
	width:100%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0 2rem;
	padding:4.8rem 0 0 0;
	overflow:hidden;
	font-size:0;	
	line-height:0;	
}
.dtailWrap .body203 .pImg05 img {width:100%;}


@media all and (max-width: 1060px) {
	.dtailWrap .body203 .tx span {
		display:inline;		
	}
}
@media all and (max-width: 840px) {
	.dtailWrap .body203 .tt span {
		display:inline;		
	}
}
@media all and (max-width: 640px) {
	.dtailWrap .body203 .tt {
		font-size: 1.7rem;
        line-height: 1.5;
		margin: 3.2rem 0 0 0;
	}
	.dtailWrap .body203 .tt span {
		font-size: 1.7rem;
        line-height: 1.5;
	}	
	.dtailWrap .body203 .tt.min {
		margin:2.4rem 0 0 0;
	}
		
	.dtailWrap .body203 .tt.interval {
		padding: 3.6rem 0 0 0;
		margin: 3.6rem 0 0 0;		
	}

	.dtailWrap .body203 .tx {
		margin: 2.5rem 0 0 0;
		font-size: 1.3rem;
        line-height: 1.6;
	}
	.dtailWrap .body203 .tx.min {
		margin:1.9rem 0 0 0;
	}
	.dtailWrap .body203 .tx span {
		font-size: 1.3rem;
        line-height: 1.6;
	}
	.dtailWrap .body203 .tx u {
		font-size: 1.3rem;
        line-height: 1.6;
		display: block;
        margin: 2.3rem 0 0 0;
	}

	.dtailWrap .body203 .pImg02 {		
		display: block;				
		padding:2.8rem 0 0 0;			 
	}
	.dtailWrap .body203 .pImg02 .item {	
		font-size:0;
		line-height:0;
	}	

	.addImgInfo {		
		padding:1.6rem 0 1.6rem 0;
		font-size:1.2rem;		
	}

	.dtailWrap .body203 .pImg03 {		
		display: block;		
		padding:2.4rem 0 0 0;		
	}
	.dtailWrap .body203 .pImg03 .item {	
		font-size:0;
		line-height:0;
	}

	.dtailWrap .body203 .pImg04 {		
		padding:2.4rem 0 0 0;		
	}
	.dtailWrap .body203 .pImg04 .item {	
		font-size:0;
		line-height:0;
	}	
	
	.dtailWrap .body203 .pImg05 {		
		display: block;		
		padding:2.4rem 0 0 0;		
	}
	.dtailWrap .body203 .pImg05 .item {	
		font-size:0;
		line-height:0;
	}
}





/* 슈퍼콤마 제품 디자인 */
.dtailWrap .pr_superkomma {width:100%; overflow:hidden;}
.dtailWrap .pr_superkomma .tTx {font-size:28px; color:#333; line-height:1.2; font-weight:700; padding:0 0 58px 0;}
.dtailWrap .pr_superkomma .tTx.space {border-top:1px #efefef solid; margin:80px 0 0 0; padding:78px 0 0 0;}
.dtailWrap .pr_superkomma .tTs {font-size:20px; color:#333; line-height:1.2; font-weight:600; padding:50px 0 0 0;}

.dtailWrap .pr_superkomma .txt {width:100%;}
.dtailWrap .pr_superkomma .img {width:100%; font-size:0; line-height:0;}
.dtailWrap .pr_superkomma .img img {width:100%;}

.dtailWrap .pr_superkomma .txt p {font-size:16px; color:#555; line-height:1.9; }
.dtailWrap .pr_superkomma .txt p span {font-size:16px; color:#555; line-height:1.9;  display:block;}
.dtailWrap .pr_superkomma .txt p strong {font-size:16px; color:#7558e6; line-height:1.9; font-weight:700;}
.dtailWrap .pr_superkomma .txt p strong.b {color:#333;}
.dtailWrap .pr_superkomma .txt p.both {padding:44px 0;}
.dtailWrap .pr_superkomma .txt p.up {padding:32px 0 0 0;}
.dtailWrap .pr_superkomma .txt p.down {padding:0 0 44px 0;}

.dtailWrap .pr_superkomma .flex {display:grid; grid-template-columns:repeat(2, 1fr); gap:20px;}

.dtailWrap .pr_superkomma .flexInfo {width:100%; min-height:340px; padding:0 0 0 400px; margin:56px 0 0 0; position:relative;}
.dtailWrap .pr_superkomma .flexInfo .pic {position:absolute; left:0; top:0; width:339px;}
.dtailWrap .pr_superkomma .flexInfo .pic img {width:100%;}
.dtailWrap .pr_superkomma .flexInfo .info {width:100%;}
.dtailWrap .pr_superkomma .flexInfo .info .tt {font-size:20px; color:#333; line-height:1.2; font-weight:600;}
.dtailWrap .pr_superkomma .flexInfo .info .tx {font-size:16px; color:#555; line-height:1.4;  padding:10px 0 18px 0;}
.dtailWrap .pr_superkomma .flexInfo .info .hx {width:100%;}
.dtailWrap .pr_superkomma .flexInfo .info .hx li {position:relative; padding:0 0 0 50px; margin:9px 0 0 0;}
.dtailWrap .pr_superkomma .flexInfo .info .hx li .hy {position:absolute; left:0; top:0; font-size:16px; color:#555; line-height:1.4; }
.dtailWrap .pr_superkomma .flexInfo .info .hx li p {font-size:16px; color:#555; line-height:1.4; }


.dtailWrap .pr_superkomma .flexArrow {position:relative; display:grid; grid-template-columns:repeat(2, 1fr); gap:0 112px;}
.dtailWrap .pr_superkomma .flexArrow .item {text-align:center;}
.dtailWrap .pr_superkomma .flexArrow .item .img {border:1px #efefef solid;}
.dtailWrap .pr_superkomma .flexArrow .item .img.nob {border:0;}
.dtailWrap .pr_superkomma .flexArrow .item span {display:inline-block; font-size:16px; color:#555; line-height:1.2;  padding:18px 0 0 0;}
.dtailWrap .pr_superkomma .flexArrow .arrow {position:absolute; left:50%; top:50%; width:36px; height:34px; margin:-37px 0 0 -18px; background:url("http://img.dotsawards.com/agency/package/simply/bg_arrow.png") left top no-repeat;}

@media all and (max-width: 1040px) {
   .dtailWrap .pr_superkomma .txt p span {display:inline;} 
}
@media all and (max-width: 840px) {
   .dtailWrap .pr_superkomma .flexInfo {padding: 0 0 0 374px;}
   .dtailWrap .pr_superkomma .flexArrow {gap :0 80px;}
}
@media all and (max-width: 780px) {
    .dtailWrap .pr_superkomma .flexInfo {padding:0 0 0 calc(50% + 10px);}
    .dtailWrap .pr_superkomma .flexInfo .pic {width:calc(50% - 10px);}
}
@media all and (max-width: 640px) {
    .dtailWrap {padding:0 0 100px 0;}
    .dtailWrap .pr_superkomma .tTx {font-size:18px; line-height:1.4; padding:0 0 35px 0;}
    .dtailWrap .pr_superkomma .tTx.space {margin:40px 0 0 0; padding:36px 0 0 0;}

    .dtailWrap .pr_superkomma .tTs {font-size:15px; padding:25px 0 0 0;}

    .dtailWrap .pr_superkomma .txt p {font-size:13px; line-height:1.9;}
    .dtailWrap .pr_superkomma .txt p span {font-size:13px; line-height:1.9;}
    .dtailWrap .pr_superkomma .txt p strong {font-size:13px; line-height:1.9;}    
    .dtailWrap .pr_superkomma .txt p.both {padding:22px 0;}
    .dtailWrap .pr_superkomma .txt p.up {padding:16px 0 0 0;}
    .dtailWrap .pr_superkomma .txt p.down {padding:0 0 16px 0;}

    .dtailWrap .pr_superkomma .flex {display:block;}
    .dtailWrap .pr_superkomma .flex .img {margin:0 0 12px 0;}
    .dtailWrap .pr_superkomma .flex .img:last-child {margin:0;}
    .dtailWrap .pr_superkomma .flexInfo {min-height:100%; padding:0; margin:34px 0 0 0;}
    .dtailWrap .pr_superkomma .flexInfo .pic {position:relative; width:100%; margin:0 0 20px 0;}

    .dtailWrap .pr_superkomma .flexInfo .info .tt {font-size:15px;}
    .dtailWrap .pr_superkomma .flexInfo .info .tx {font-size:13px; padding:6px 0 10px 0;}    
    .dtailWrap .pr_superkomma .flexInfo .info .hx li {padding:0 0 0 42px; margin:8px 0 0 0;}
    .dtailWrap .pr_superkomma .flexInfo .info .hx li .hy {font-size:13px; line-height:1.4;}
    .dtailWrap .pr_superkomma .flexInfo .info .hx li p {font-size:13px; line-height:1.4;}

    .dtailWrap .pr_superkomma .flexArrow {display:block;}    
    .dtailWrap .pr_superkomma .flexArrow .item span {font-size:13px; padding:10px 0 0 0;}
    .dtailWrap .pr_superkomma .flexArrow .arrow {position:relative; left:0%; top:0%; width:100%; height:19px; margin:12px 0; background-size:20px auto; background-position:center top; transform: rotate(90deg);}
}










/* 그래피디자인 브랜드 디자인 */
.dtailWrap .pr_grafy {width:100%; overflow:hidden;}
.dtailWrap .pr_grafy .tTx {font-size:28px; color:#333; line-height:1.2; font-weight:700; padding:0 0 58px 0;}
.dtailWrap .pr_grafy .tTx.space {border-top:1px #efefef solid; margin:80px 0 0 0; padding:78px 0 0 0;}
.dtailWrap .pr_grafy .tTs {font-size:20px; color:#333; line-height:1.2; font-weight:600; padding:50px 0 0 0;}

.dtailWrap .pr_grafy .txt {width:100%;}
.dtailWrap .pr_grafy .img {width:100%; font-size:0; line-height:0;}
.dtailWrap .pr_grafy .img img {width:100%;}

.dtailWrap .pr_grafy .txt p {font-size:16px; color:#555; line-height:1.9; }
.dtailWrap .pr_grafy .txt p span {font-size:16px; color:#555; line-height:1.9;  display:block;}
.dtailWrap .pr_grafy .txt p strong {font-size:16px; color:#7558e6; line-height:1.9; font-weight:700;}
.dtailWrap .pr_grafy .txt p strong.b {color:#333;}
.dtailWrap .pr_grafy .txt p.both {padding:44px 0;}
.dtailWrap .pr_grafy .txt p.up {padding:32px 0 0 0;}
.dtailWrap .pr_grafy .txt p.down {padding:0 0 44px 0;}

.dtailWrap .pr_grafy .flex {display:grid; grid-template-columns:repeat(2, 1fr); gap:20px;}

.dtailWrap .pr_grafy .flexInfo {width:100%; min-height:340px; padding:0 0 0 400px; margin:56px 0 0 0; position:relative;}
.dtailWrap .pr_grafy .flexInfo .pic {position:absolute; left:0; top:0; width:339px;}
.dtailWrap .pr_grafy .flexInfo .pic img {width:100%;}
.dtailWrap .pr_grafy .flexInfo .info {width:100%;}
.dtailWrap .pr_grafy .flexInfo .info .tt {font-size:20px; color:#333; line-height:1.2; font-weight:600;}
.dtailWrap .pr_grafy .flexInfo .info .tx {font-size:16px; color:#555; line-height:1.4;  padding:10px 0 18px 0;}
.dtailWrap .pr_grafy .flexInfo .info .hx {width:100%;}
.dtailWrap .pr_grafy .flexInfo .info .hx li {position:relative; padding:0 0 0 50px; margin:9px 0 0 0;}
.dtailWrap .pr_grafy .flexInfo .info .hx li .hy {position:absolute; left:0; top:0; font-size:16px; color:#555; line-height:1.4; }
.dtailWrap .pr_grafy .flexInfo .info .hx li p {font-size:16px; color:#555; line-height:1.4; }


.dtailWrap .pr_grafy .flexArrow {position:relative; display:grid; grid-template-columns:repeat(2, 1fr); gap:0 112px;}
.dtailWrap .pr_grafy .flexArrow .item {text-align:center;}
.dtailWrap .pr_grafy .flexArrow .item .img {border:1px #efefef solid;}
.dtailWrap .pr_grafy .flexArrow .item .img.nob {border:0;}
.dtailWrap .pr_grafy .flexArrow .item span {display:inline-block; font-size:16px; color:#555; line-height:1.2;  padding:18px 0 0 0;}
.dtailWrap .pr_grafy .flexArrow .arrow {position:absolute; left:50%; top:50%; width:36px; height:34px; margin:-37px 0 0 -18px; background:url("http://img.dotsawards.com/agency/package/simply/bg_arrow.png") left top no-repeat;}

@media all and (max-width: 1040px) {
   .dtailWrap .pr_grafy .txt p span {display:inline;} 
}
@media all and (max-width: 840px) {
   .dtailWrap .pr_grafy .flexInfo {padding: 0 0 0 374px;}
   .dtailWrap .pr_grafy .flexArrow {gap :0 80px;}
}
@media all and (max-width: 780px) {
	.dtailWrap .pr_grafy .flexInfo {padding:0 0 0 calc(50% + 10px);}
	.dtailWrap .pr_grafy .flexInfo .pic {width:calc(50% - 10px);}
}
@media all and (max-width: 640px) {
	.dtailWrap {padding:0 0 100px 0;}
	.dtailWrap .pr_grafy .tTx {font-size:18px; line-height:1.4; padding:0 0 35px 0;}
	.dtailWrap .pr_grafy .tTx.space {margin:40px 0 0 0; padding:36px 0 0 0;}

	.dtailWrap .pr_grafy .tTs {font-size:15px; padding:25px 0 0 0;}

	.dtailWrap .pr_grafy .txt p {font-size:13px; line-height:1.9;}
	.dtailWrap .pr_grafy .txt p span {font-size:13px; line-height:1.9;}
	.dtailWrap .pr_grafy .txt p strong {font-size:13px; line-height:1.9;}    
	.dtailWrap .pr_grafy .txt p.both {padding:22px 0;}
	.dtailWrap .pr_grafy .txt p.up {padding:16px 0 0 0;}
	.dtailWrap .pr_grafy .txt p.down {padding:0 0 16px 0;}

	.dtailWrap .pr_grafy .flex {display:block;}
	.dtailWrap .pr_grafy .flex .img {margin:0 0 12px 0;}
	.dtailWrap .pr_grafy .flex .img:last-child {margin:0;}
	.dtailWrap .pr_grafy .flexInfo {min-height:100%; padding:0; margin:34px 0 0 0;}
	.dtailWrap .pr_grafy .flexInfo .pic {position:relative; width:100%; margin:0 0 20px 0;}

	.dtailWrap .pr_grafy .flexInfo .info .tt {font-size:15px;}
	.dtailWrap .pr_grafy .flexInfo .info .tx {font-size:13px; padding:6px 0 10px 0;}    
	.dtailWrap .pr_grafy .flexInfo .info .hx li {padding:0 0 0 42px; margin:8px 0 0 0;}
	.dtailWrap .pr_grafy .flexInfo .info .hx li .hy {font-size:13px; line-height:1.4;}
	.dtailWrap .pr_grafy .flexInfo .info .hx li p {font-size:13px; line-height:1.4;}

	.dtailWrap .pr_grafy .flexArrow {display:block;}    
	.dtailWrap .pr_grafy .flexArrow .item span {font-size:13px; padding:10px 0 0 0;}
	.dtailWrap .pr_grafy .flexArrow .arrow {position:relative; left:0%; top:0%; width:100%; height:19px; margin:12px 0; background-size:20px auto; background-position:center top; transform: rotate(90deg);}
}












/* 삭디자인 제품 디자인 */
.dtailWrap .pr_saq {width:100%; overflow:hidden;}
.dtailWrap .pr_saq .tTx {font-size:28px; color:#333; line-height:1.2; font-weight:700; padding:0 0 58px 0;}
.dtailWrap .pr_saq .tTx.space {border-top:1px #efefef solid; margin:80px 0 0 0; padding:78px 0 0 0;}
.dtailWrap .pr_saq .tTs {font-size:20px; color:#333; line-height:1.2; font-weight:600; padding:50px 0 0 0;}

.dtailWrap .pr_saq .txt {width:100%;}
.dtailWrap .pr_saq .img {width:100%; font-size:0; line-height:0;}
.dtailWrap .pr_saq .img img {width:100%;}

.dtailWrap .pr_saq .txt p {font-size:16px; color:#555; line-height:1.9; }
.dtailWrap .pr_saq .txt p span {font-size:16px; color:#555; line-height:1.9;  display:block;}
.dtailWrap .pr_saq .txt p strong {font-size:16px; color:#7558e6; line-height:1.9; font-weight:700;}
.dtailWrap .pr_saq .txt p strong.b {color:#333;}
.dtailWrap .pr_saq .txt p.both {padding:32px 0 44px;}
.dtailWrap .pr_saq .txt p.up {padding:32px 0 0 0;}
.dtailWrap .pr_saq .txt p.down {padding:0 0 32px 0;}

.dtailWrap .pr_saq .flex {display:grid; grid-template-columns:repeat(2, 1fr); gap:20px;}

.dtailWrap .pr_saq .flexInfo {width:100%; min-height:340px; padding:0 0 0 400px; margin:56px 0 0 0; position:relative;}
.dtailWrap .pr_saq .flexInfo .pic {position:absolute; left:0; top:0; width:339px;}
.dtailWrap .pr_saq .flexInfo .pic img {width:100%;}
.dtailWrap .pr_saq .flexInfo .info {width:100%;}
.dtailWrap .pr_saq .flexInfo .info .tt {font-size:20px; color:#333; line-height:1.2; font-weight:600;}
.dtailWrap .pr_saq .flexInfo .info .tx {font-size:16px; color:#555; line-height:1.4;  padding:10px 0 18px 0;}
.dtailWrap .pr_saq .flexInfo .info .hx {width:100%;}
.dtailWrap .pr_saq .flexInfo .info .hx li {position:relative; padding:0 0 0 50px; margin:9px 0 0 0;}
.dtailWrap .pr_saq .flexInfo .info .hx li .hy {position:absolute; left:0; top:0; font-size:16px; color:#555; line-height:1.4; }
.dtailWrap .pr_saq .flexInfo .info .hx li p {font-size:16px; color:#555; line-height:1.4; }


.dtailWrap .pr_saq .flexArrow {position:relative; display:grid; grid-template-columns:repeat(2, 1fr); gap:0 112px;}
.dtailWrap .pr_saq .flexArrow .item {text-align:center;}
.dtailWrap .pr_saq .flexArrow .item .img {border:1px #efefef solid;}
.dtailWrap .pr_saq .flexArrow .item .img.nob {border:0;}
.dtailWrap .pr_saq .flexArrow .item span {display:inline-block; font-size:16px; color:#555; line-height:1.2;  padding:18px 0 0 0;}
.dtailWrap .pr_saq .flexArrow .arrow {position:absolute; left:50%; top:50%; width:36px; height:34px; margin:-37px 0 0 -18px; background:url("http://img.dotsawards.com/agency/package/simply/bg_arrow.png") left top no-repeat;}

@media all and (max-width: 1040px) {
   .dtailWrap .pr_saq .txt p span {display:inline;} 
}
@media all and (max-width: 840px) {
   .dtailWrap .pr_saq .flexInfo {padding: 0 0 0 374px;}
   .dtailWrap .pr_saq .flexArrow {gap :0 80px;}
}
@media all and (max-width: 780px) {
    .dtailWrap .pr_saq .flexInfo {padding:0 0 0 calc(50% + 10px);}
    .dtailWrap .pr_saq .flexInfo .pic {width:calc(50% - 10px);}
}
@media all and (max-width: 640px) {
    .dtailWrap {padding:0 0 100px 0;}
    .dtailWrap .pr_saq .tTx {font-size:18px; line-height:1.4; padding:0 0 35px 0;}
    .dtailWrap .pr_saq .tTx.space {margin:40px 0 0 0; padding:36px 0 0 0;}

    .dtailWrap .pr_saq .tTs {font-size:15px; padding:25px 0 0 0;}

    .dtailWrap .pr_saq .txt p {font-size:13px; line-height:1.9;}
    .dtailWrap .pr_saq .txt p span {font-size:13px; line-height:1.9;}
    .dtailWrap .pr_saq .txt p strong {font-size:13px; line-height:1.9;}    
    .dtailWrap .pr_saq .txt p.both {padding:16px 0 22px;}
    .dtailWrap .pr_saq .txt p.up {padding:16px 0 0 0;}
    .dtailWrap .pr_saq .txt p.down {padding:0 0 16px 0;}

    .dtailWrap .pr_saq .flex {display:block;}
    .dtailWrap .pr_saq .flex .img {margin:0 0 12px 0;}
    .dtailWrap .pr_saq .flex .img:last-child {margin:0;}
    .dtailWrap .pr_saq .flexInfo {min-height:100%; padding:0; margin:34px 0 0 0;}
    .dtailWrap .pr_saq .flexInfo .pic {position:relative; width:100%; margin:0 0 20px 0;}

    .dtailWrap .pr_saq .flexInfo .info .tt {font-size:15px;}
    .dtailWrap .pr_saq .flexInfo .info .tx {font-size:13px; padding:6px 0 10px 0;}    
    .dtailWrap .pr_saq .flexInfo .info .hx li {padding:0 0 0 42px; margin:8px 0 0 0;}
    .dtailWrap .pr_saq .flexInfo .info .hx li .hy {font-size:13px; line-height:1.4;}
    .dtailWrap .pr_saq .flexInfo .info .hx li p {font-size:13px; line-height:1.4;}

    .dtailWrap .pr_saq .flexArrow {display:block;}    
    .dtailWrap .pr_saq .flexArrow .item span {font-size:13px; padding:10px 0 0 0;}
    .dtailWrap .pr_saq .flexArrow .arrow {position:relative; left:0%; top:0%; width:100%; height:19px; margin:12px 0; background-size:20px auto; background-position:center top; transform: rotate(90deg);}
}






/* 스토리 폼 제품디자인 */
.dtailWrap .pr_storyform {width:100%; overflow:hidden;}
.dtailWrap .pr_storyform .tTx {font-size:28px; color:#333; line-height:1.2; font-weight:700; padding:0 0 58px 0;}
.dtailWrap .pr_storyform .tTx.space {border-top:1px #efefef solid; margin:80px 0 0 0; padding:78px 0 0 0;}
.dtailWrap .pr_storyform .tTs {font-size:20px; color:#333; line-height:1.2; font-weight:600; padding:50px 0 0 0;}

.dtailWrap .pr_storyform .intervalLine {border-top:1px #efefef solid; margin:45px 0 0 0; padding:42px 0 0 0;}

.dtailWrap .pr_storyform .txt {width:100%;}
.dtailWrap .pr_storyform .img {width:100%; font-size:0; line-height:0;}
.dtailWrap .pr_storyform .img img {width:100%;}

.dtailWrap .pr_storyform .txt p {font-size:16px; color:#555; line-height:1.9; }
.dtailWrap .pr_storyform .txt p span {font-size:16px; color:#555; line-height:1.9;  display:block;}
.dtailWrap .pr_storyform .txt p strong {font-size:16px; color:#7558e6; line-height:1.9; font-weight:700;}
.dtailWrap .pr_storyform .txt p strong.b {color:#333;}
.dtailWrap .pr_storyform .txt p.both {padding:32px 0 32px;}
.dtailWrap .pr_storyform .txt p.up {padding:32px 0 0 0;}
.dtailWrap .pr_storyform .txt p.down {padding:0 0 32px 0;}

.dtailWrap .pr_storyform .flex {display:grid; grid-template-columns:repeat(2, 1fr); gap:20px;}

.dtailWrap .pr_storyform .flexInfo {width:100%; min-height:340px; padding:0 0 0 400px; margin:56px 0 0 0; position:relative;}
.dtailWrap .pr_storyform .flexInfo .pic {position:absolute; left:0; top:0; width:339px;}
.dtailWrap .pr_storyform .flexInfo .pic img {width:100%;}
.dtailWrap .pr_storyform .flexInfo .info {width:100%;}
.dtailWrap .pr_storyform .flexInfo .info .tt {font-size:20px; color:#333; line-height:1.2; font-weight:600;}
.dtailWrap .pr_storyform .flexInfo .info .tx {font-size:16px; color:#555; line-height:1.4;  padding:10px 0 18px 0;}
.dtailWrap .pr_storyform .flexInfo .info .hx {width:100%; padding:10px 0 0 0;}
.dtailWrap .pr_storyform .flexInfo .info .hx li {position:relative; padding:0 0 0 60px; margin:9px 0 0 0;}
.dtailWrap .pr_storyform .flexInfo .info .hx li .hy {position:absolute; left:0; top:0; font-size:16px; color:#555; line-height:1.4; }
.dtailWrap .pr_storyform .flexInfo .info .hx li p {font-size:16px; color:#555; line-height:1.4; }


.dtailWrap .pr_storyform .flexArrow {position:relative; display:grid; grid-template-columns:repeat(2, 1fr); gap:0 112px;}
.dtailWrap .pr_storyform .flexArrow .item {text-align:center;}
.dtailWrap .pr_storyform .flexArrow .item .img {border:1px #efefef solid;}
.dtailWrap .pr_storyform .flexArrow .item .img.nob {border:0;}
.dtailWrap .pr_storyform .flexArrow .item span {display:inline-block; font-size:16px; color:#555; line-height:1.2;  padding:18px 0 0 0;}
.dtailWrap .pr_storyform .flexArrow .arrow {position:absolute; left:50%; top:50%; width:36px; height:34px; margin:-37px 0 0 -18px; background:url("http://img.dotsawards.com/agency/package/simply/bg_arrow.png") left top no-repeat;}

@media all and (max-width: 1040px) {
   .dtailWrap .pr_storyform .txt p span {display:inline;} 
}
@media all and (max-width: 840px) {
   .dtailWrap .pr_storyform .flexInfo {padding: 0 0 0 374px;}
   .dtailWrap .pr_storyform .flexArrow {gap :0 80px;}
}
@media all and (max-width: 780px) {
    .dtailWrap .pr_storyform .flexInfo {padding:0 0 0 calc(50% + 10px);}
    .dtailWrap .pr_storyform .flexInfo .pic {width:calc(50% - 10px);}
}
@media all and (max-width: 640px) {
    .dtailWrap {padding:0 0 100px 0;}
    .dtailWrap .pr_storyform .tTx {font-size:18px; line-height:1.4; padding:0 0 35px 0;}
    .dtailWrap .pr_storyform .tTx.space {margin:40px 0 0 0; padding:36px 0 0 0;}
	
	.dtailWrap .pr_storyform .intervalLine {margin:25px 0 0 0; padding:22px 0 0 0;}

    .dtailWrap .pr_storyform .tTs {font-size:15px; padding:25px 0 0 0;}

    .dtailWrap .pr_storyform .txt p {font-size:13px; line-height:1.9;}
    .dtailWrap .pr_storyform .txt p span {font-size:13px; line-height:1.9;}
    .dtailWrap .pr_storyform .txt p strong {font-size:13px; line-height:1.9;}    
    .dtailWrap .pr_storyform .txt p.both {padding:16px 0 16px;}
    .dtailWrap .pr_storyform .txt p.up {padding:16px 0 0 0;}
    .dtailWrap .pr_storyform .txt p.down {padding:0 0 16px 0;}

    .dtailWrap .pr_storyform .flex {display:block;}
    .dtailWrap .pr_storyform .flex .img {margin:0 0 12px 0;}
    .dtailWrap .pr_storyform .flex .img:last-child {margin:0;}
    .dtailWrap .pr_storyform .flexInfo {min-height:100%; padding:0; margin:34px 0 0 0;}
    .dtailWrap .pr_storyform .flexInfo .pic {position:relative; width:100%; margin:0 0 20px 0;}

    .dtailWrap .pr_storyform .flexInfo .info .tt {font-size:15px;}
    .dtailWrap .pr_storyform .flexInfo .info .tx {font-size:13px; padding:6px 0 10px 0;}    
    .dtailWrap .pr_storyform .flexInfo .info .hx li {padding:0 0 0 50px; margin:8px 0 0 0;}
    .dtailWrap .pr_storyform .flexInfo .info .hx li .hy {font-size:13px; line-height:1.4;}
    .dtailWrap .pr_storyform .flexInfo .info .hx li p {font-size:13px; line-height:1.4;}

    .dtailWrap .pr_storyform .flexArrow {display:block;}    
    .dtailWrap .pr_storyform .flexArrow .item span {font-size:13px; padding:10px 0 0 0;}
    .dtailWrap .pr_storyform .flexArrow .arrow {position:relative; left:0%; top:0%; width:100%; height:19px; margin:12px 0; background-size:20px auto; background-position:center top; transform: rotate(90deg);}
}






/* 윌플라이 패키지 */
.dtailWrap .p_willfly {width:100%; overflow:hidden;}
.dtailWrap .p_willfly .tTx {font-size:28px; color:#333; line-height:1.2; font-weight:700; padding:0 0 58px 0;}
.dtailWrap .p_willfly .tTx.space {border-top:1px #efefef solid; margin:80px 0 0 0; padding:78px 0 0 0;}
.dtailWrap .p_willfly .tTs {font-size:20px; color:#333; line-height:1.2; font-weight:600; padding:50px 0 0 0;}

.dtailWrap .p_willfly .intervalLine {border-top:1px #efefef solid; margin:45px 0 0 0; padding:42px 0 0 0;}

.dtailWrap .p_willfly .txt {width:100%;}
.dtailWrap .p_willfly .img {width:100%; font-size:0; line-height:0;}
.dtailWrap .p_willfly .img img {width:100%;}

.dtailWrap .p_willfly .txt p {font-size:16px; color:#555; line-height:1.9; }
.dtailWrap .p_willfly .txt p span {font-size:16px; color:#555; line-height:1.9;  display:block;}
.dtailWrap .p_willfly .txt p strong {font-size:16px; color:#7558e6; line-height:1.9; font-weight:700;}
.dtailWrap .p_willfly .txt p strong.b {color:#333;}
.dtailWrap .p_willfly .txt p.both {padding:32px 0 32px;}
.dtailWrap .p_willfly .txt p.up {padding:32px 0 0 0;}
.dtailWrap .p_willfly .txt p.down {padding:0 0 32px 0;}

.dtailWrap .p_willfly .flex {display:grid; grid-template-columns:repeat(2, 1fr); gap:20px;}

.dtailWrap .p_willfly .flexInfo {width:100%; min-height:340px; padding:0 0 0 400px; margin:56px 0 0 0; position:relative;}
.dtailWrap .p_willfly .flexInfo .pic {position:absolute; left:0; top:0; width:339px;}
.dtailWrap .p_willfly .flexInfo .pic img {width:100%;}
.dtailWrap .p_willfly .flexInfo .info {width:100%;}
.dtailWrap .p_willfly .flexInfo .info .tt {font-size:20px; color:#333; line-height:1.2; font-weight:600;}
.dtailWrap .p_willfly .flexInfo .info .tx {font-size:16px; color:#555; line-height:1.4;  padding:10px 0 18px 0;}
.dtailWrap .p_willfly .flexInfo .info .hx {width:100%; padding:10px 0 0 0;}
.dtailWrap .p_willfly .flexInfo .info .hx li {position:relative; padding:0 0 0 60px; margin:9px 0 0 0;}
.dtailWrap .p_willfly .flexInfo .info .hx li .hy {position:absolute; left:0; top:0; font-size:16px; color:#555; line-height:1.4; }
.dtailWrap .p_willfly .flexInfo .info .hx li p {font-size:16px; color:#555; line-height:1.4; }


.dtailWrap .p_willfly .flexArrow {position:relative; display:grid; grid-template-columns:repeat(2, 1fr); gap:0 112px;}
.dtailWrap .p_willfly .flexArrow .item {text-align:center;}
.dtailWrap .p_willfly .flexArrow .item .img {border:1px #efefef solid;}
.dtailWrap .p_willfly .flexArrow .item .img.nob {border:0;}
.dtailWrap .p_willfly .flexArrow .item span {display:inline-block; font-size:16px; color:#555; line-height:1.2;  padding:18px 0 0 0;}
.dtailWrap .p_willfly .flexArrow .arrow {position:absolute; left:50%; top:50%; width:36px; height:34px; margin:-37px 0 0 -18px; background:url("http://img.dotsawards.com/agency/package/simply/bg_arrow.png") left top no-repeat;}

@media all and (max-width: 1040px) {
   .dtailWrap .p_willfly .txt p span {display:inline;} 
}
@media all and (max-width: 840px) {
   .dtailWrap .p_willfly .flexInfo {padding: 0 0 0 374px;}
   .dtailWrap .p_willfly .flexArrow {gap :0 80px;}
}
@media all and (max-width: 780px) {
    .dtailWrap .p_willfly .flexInfo {padding:0 0 0 calc(50% + 10px);}
    .dtailWrap .p_willfly .flexInfo .pic {width:calc(50% - 10px);}
}
@media all and (max-width: 640px) {
    .dtailWrap {padding:0 0 100px 0;}
    .dtailWrap .p_willfly .tTx {font-size:18px; line-height:1.4; padding:0 0 35px 0;}
    .dtailWrap .p_willfly .tTx.space {margin:40px 0 0 0; padding:36px 0 0 0;}
	
	.dtailWrap .p_willfly .intervalLine {margin:25px 0 0 0; padding:22px 0 0 0;}

    .dtailWrap .p_willfly .tTs {font-size:15px; padding:25px 0 0 0;}

    .dtailWrap .p_willfly .txt p {font-size:13px; line-height:1.9;}
    .dtailWrap .p_willfly .txt p span {font-size:13px; line-height:1.9;}
    .dtailWrap .p_willfly .txt p strong {font-size:13px; line-height:1.9;}    
    .dtailWrap .p_willfly .txt p.both {padding:16px 0 16px;}
    .dtailWrap .p_willfly .txt p.up {padding:16px 0 0 0;}
    .dtailWrap .p_willfly .txt p.down {padding:0 0 16px 0;}

    .dtailWrap .p_willfly .flex {display:block;}
    .dtailWrap .p_willfly .flex .img {margin:0 0 12px 0;}
    .dtailWrap .p_willfly .flex .img:last-child {margin:0;}
    .dtailWrap .p_willfly .flexInfo {min-height:100%; padding:0; margin:34px 0 0 0;}
    .dtailWrap .p_willfly .flexInfo .pic {position:relative; width:100%; margin:0 0 20px 0;}

    .dtailWrap .p_willfly .flexInfo .info .tt {font-size:15px;}
    .dtailWrap .p_willfly .flexInfo .info .tx {font-size:13px; padding:6px 0 10px 0;}    
    .dtailWrap .p_willfly .flexInfo .info .hx li {padding:0 0 0 50px; margin:8px 0 0 0;}
    .dtailWrap .p_willfly .flexInfo .info .hx li .hy {font-size:13px; line-height:1.4;}
    .dtailWrap .p_willfly .flexInfo .info .hx li p {font-size:13px; line-height:1.4;}

    .dtailWrap .p_willfly .flexArrow {display:block;}    
    .dtailWrap .p_willfly .flexArrow .item span {font-size:13px; padding:10px 0 0 0;}
    .dtailWrap .p_willfly .flexArrow .arrow {position:relative; left:0%; top:0%; width:100%; height:19px; margin:12px 0; background-size:20px auto; background-position:center top; transform: rotate(90deg);}
}