.gre { padding: 0 40px 0 103px; }
.gre-bg-01 {background: url() no-repeat left top #717171;}

@media all and (max-width: 767px) {
.gre-photo { display: none; }
.gre-photo-bg-01 { background: url() no-repeat center top; }
}


.gre-boxTop {position:relative;box-sizing:border-box;padding:80px 0 80px 0px;min-height:450px; margin-top:80px}
.gre-boxTop .imgBox {position:absolute;width:540px;left:0;top:0; margin-left:50px; box-shadow:15px 15px 10px rgba(0, 0, 0, .35)}
.gre-boxTop .imgBox:before {content:"";display:block;position:absolute;width:170px;height:120px;right:-210px;top:0;background:url(/resources/images/korean/sub/info/info01_presi_venture_pic.png) no-repeat 0px 0px;z-index:2;}
.gre-boxTop .imgBox:after {content:"";display:block;position:absolute; background:url(/resources/images/korean/sub/info/infoe_bg.png) repeat-x;right:250px;top:-50px;width:346px;height:266px}

.gre-boxTop .imgBox img {display:block;width:100%;position:relative;z-index:1}
.gre-boxTop .txtBox {position:relative;padding:62px 0 80px 669px}
.gre-boxTop .txtBox:before,
.gre-boxTop .txtBox:after {content:"";display:block;position:absolute;top:0}
.gre-boxTop .txtBox:before {}
.gre-boxTop .txtBox:after {width:90%;height:100%;left:10%;margin:0 0 0 0px;background:#f6f6f6;z-index:-1}
.gre-boxTop .txtBox p {position:relative;z-index:2}
.gre-boxTop .txtBox p span {display:block}
.gre-boxTop .txtBox .p1 {font-size:1.875em;line-height:1.50;color:#222;letter-spacing:-.05em;font-weight:500;padding:0 0 38px}
.gre-boxTop .txtBox .p1:after {}
.gre-boxTop .txtBox .p2 {display:inline-block;font-size:1.0m;line-height:1.2;color:#3d505c;letter-spacing:-.05em;font-weight:500;margin:29px 0 0; /*white-space:nowrap;*/}
.gre-boxTop .txtBox .p2 span {display:inline;vertical-align:top;letter-spacing:-.05em;}
.gre-boxTop .txtBox .p2:before {content:'';display:block;position:absolute;top:-20px;left:0;width:45px;height:2px;background:#e82f68;}
.gre-boxTop .txtBox .p3 {font-size:1.125em;line-height:1.667;padding:26px 0 0 36px}

@media all and (max-width:1200px) {
	.gre-boxTop {padding:80px 0 40px 0px;min-height:450px}
	.gre-boxTop .imgBox {width:460px}
	.gre-boxTop .txtBox {padding:60px 0 50px 560px}
	.gre-boxTop .txtBox .p1 {padding:0 0 20px}
	.gre-boxTop .txtBox .p3 {padding:15px 0 0 26px}
}


@media all and (max-width:999px) {
	.gre-boxTop {padding:0;min-height:0}
	.gre-boxTop .imgBox {position:relative;width:auto;left:auto;top:auto;margin:0 100px;z-index:2}
	.gre-boxTop .txtBox {padding:60px 0 30px;text-align:center;margin:-40px 0 0;z-index:1}
	.gre-boxTop .imgBox:before {right: 0px; top: -70px;}
	.gre-boxTop .txtBox:after {width:100%;left:0%;}
	.gre-boxTop .txtBox .p1 {padding:0 0 20px; text-align:center}
	.gre-boxTop .txtBox .p1:after {width:100%;height:3px}
	.gre-boxTop .txtBox .p3 {padding:10px 0 0}
	
}
@media all and (max-width:500px) {
	.gre-boxTop .imgBox {margin:0 30px;box-shadow:0 5px 10px rgba(0, 0, 0, .2)}
	.gre-boxTop .imgBox:before {right:0;box-shadow:none}
	.gre-boxTop .txtBox .p1 {padding:0 0 10px}
}
@media all and (max-width:400px) {
	.gre-boxTop .imgBox:before {}
	.gre-boxTop .imgBox:after {right: 120px; top: -50px; width: 200px; height: 156px;}
	.gre-boxTop .txtBox {padding:60px 20px 20px}
	.gre-boxTop .txtBox:before {width:76px;height:54px;background-position:-59px 0px;background-size:147px 124px}

}